#add_agreement_popup #signed_agreement_signed_on-field {
  width: 100%;
  border: none;
  outline: none;
  background: none;
  padding-left: 0.4em;
  color: #636b6f;
  box-shadow: none;
  height: 2.3em;
}
#add_agreement_popup div.consultant-dropdown-container {
  padding: 0.4em;
}
#add_agreement_popup div.consultant-dropdown-container div.webmax-toggle {
  padding-left: 0.4rem;
}
#add_agreement_popup div.consultant-dropdown-container.webmax-dropdown-container {
  padding-left: 0;
}
#add_agreement_popup td.field-label {
  width: 10rem;
}
#add_agreement_popup div.valid-signed_agreement {
  color: var(--stand_alone_text_color);
}
#add_agreement_popup .download-agreement {
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  fill: var(--stand_alone_text_color);
}
#add_agreement_popup div.agreement-container {
  display: flex;
  align-items: center;
}
#add_agreement_popup #signed_agreement_label {
  text-align: left;
  display: flex;
  align-items: center;
}
#add_agreement_popup #signed_agreement_label.is-empty {
  color: #ccc;
}
#add_agreement_popup div.agreements-container {
  margin-top: 1em;
  min-height: 2.5em;
  background-color: white;
  border-radius: 0.5em;
  margin-left: 1rem;
  margin-right: 1rem;
}
#add_agreement_popup div.agreements-container input {
  text-align: center !important;
}
#add_agreement_popup div.agreements-container input::-moz-placeholder {
  color: var(--stand_alone_text_color) !important;
}
#add_agreement_popup div.agreements-container input::placeholder {
  color: var(--stand_alone_text_color) !important;
}
#add_agreement_popup div.agreements-container input.important::-moz-placeholder {
  color: orange !important;
}
#add_agreement_popup div.agreements-container input.important::placeholder {
  color: orange !important;
}
#add_agreement_popup div.agreements-dropdown-ul-container {
  padding: 0;
  min-width: 110.5rem;
}
#add_agreement_popup .agreements-dropdown-columns {
  display: grid;
  grid-template-columns: [date] 15% [contact_name] 30% [consultant_name] 30% [type] 15% [status] 10%;
  gap: 0.4em;
}
#add_agreement_popup .agreements-dropdown-header {
  background-color: #DDD;
  color: #222;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
}
#add_agreement_popup .agreements-li {
  padding: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
#add_agreement_popup .agreements-li div {
  pointer-events: none;
}
#add_agreement_popup div.staff-fields {
  display: flex;
  flex-direction: row;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
#add_agreement_popup .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
#add_agreement_popup .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--thumb_color);
  cursor: pointer;
}
#add_agreement_popup .slider::-moz-range-thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--thumb_color);
  cursor: pointer;
}
#add_agreement_popup button.popup-action-clear:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  text-decoration: none;
}
#add_agreement_popup button.popup-action-clear:disabled {
  background-color: #eee;
  color: var(--disabled_text_color);
}
#add_agreement_popup div.popup-buttons {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#add_agreement_popup div.message_display_area {
  color: green;
  text-align: center;
}

.agreement-pane button.agreement-button {
  background-color: #ccc;
  color: #444;
  border: 1px solid transparent;
  border-radius: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  text-align: center;
  text-decoration: none;
  flex-grow: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.agreement-pane button.agreement-button:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
.agreement-pane button.agreement-button:disabled, .agreement-pane button.agreement-button.disabled {
  background-color: #eee !important;
  color: #fff !important;
}
.agreement-pane #expiry_agreement:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
.agreement-pane #expiry_agreement:disabled, .agreement-pane #expiry_agreement.disabled {
  background-color: #eee !important;
  color: #fff !important;
}
.agreement-pane #signed_agreement_expiry_input {
  width: 0;
  border: none;
  visibility: hidden;
  padding: 0;
  margin-left: -6px;
}
.agreement-pane #signed_agreement_filename_display,
.agreement-pane #signed_agreement_signed_by_display {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.agreement-pane div.split_name_container {
  display: none;
  color: red;
  height: 3rem;
  align-items: center;
  font-size: 0.9em;
  margin-left: 0.5rem;
}
.agreement-pane svg.edit_split_commission {
  width: 100%;
  height: 100%;
}
.agreement-pane svg.edit_split_commission:hover {
  fill: #0a2cad;
  cursor: pointer;
}
.agreement-pane button.edit_split_commission {
  width: 2.3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  margin-right: 0.4rem;
}

#special_agreement_editor {
  border: 1px solid var(--border_color);
  border-radius: 0.8rem;
  display: none;
  height: 50rem;
  margin-top: 1rem;
  margin-left: 4px;
  background-color: grey;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#special_agreement_editor div.letter-container {
  width: 8.5in;
  min-height: 11in;
  background-color: white;
  margin: auto;
  padding: 0.5in;
  font-family: DejaVu Sans, sans-serif;
  font-size: 0.126in;
  text-align: left;
}
#special_agreement_editor div.letter-container div {
  margin-bottom: 1em;
  font-weight: 400;
  line-height: 1.5em;
}
#special_agreement_editor input.input_area {
  border: none;
  border-bottom: 2px solid black;
  width: 100%;
  height: 2em;
  font-size: 1.5em;
  outline: none;
  padding-left: 1em;
}
#special_agreement_editor input[name=employer_block] {
  margin-left: 1em;
  margin-right: 1em;
  width: 8em;
}
#special_agreement_editor #signature_block {
  border-bottom: 2px solid black;
  width: 100%;
  height: 0.75in;
}
#special_agreement_editor div.title {
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2em;
}
#special_agreement_editor table.footer {
  width: 100%;
  color: grey;
  border-top: 1px solid darkgrey;
  font-size: 0.8em;
  color: grey;
}
#special_agreement_editor div.signature-fields {
  display: grid;
  grid-template-columns: 50fr 50fr;
  -moz-column-gap: 5em;
       column-gap: 5em;
  row-gap: 1rem;
}
#special_agreement_editor #sign-document-block div.signature-fields div {
  margin-bottom: 0;
}
#special_agreement_editor div.employer-name-viewable,
#special_agreement_editor div.agreement-name-viewable,
#special_agreement_editor div.agreement-title-viewable {
  display: none;
}
#special_agreement_editor .et-readonly,
#special_agreement_editor .et-readonly input {
  background-color: #e8e8e8;
  cursor: default;
}
#special_agreement_editor .date-field {
  height: 0.75in;
  border-bottom: 2px solid black;
}
#special_agreement_editor div.special_text-container {
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 400;
  line-height: 1.5em;
  width: 8.5in;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}
#special_agreement_editor textarea.special-text {
  color: orange;
  border: none;
  outline: none;
  width: 100%;
  resize: none;
}
#special_agreement_editor #clear_signature {
  display: none;
}

div.advanced-search-files-container {
  width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  flex-direction: row;
}
div.advanced-search-files-container div.main-buttons {
  display: flex;
  justify-content: end;
  margin-top: 1rem;
}
div.advanced-search-files-container div.main-buttons button {
  background-color: #ccc;
  border-radius: 0.5rem;
  margin-left: 1rem;
  border: 1px solid #ccc;
}
div.advanced-search-files-container div.main-buttons button:hover {
  color: #fff;
  background-color: var(--base_hover_background_color);
  border: 1px solid var(--base_hover_background_color);
}
div.advanced-search-files-container div.search-input {
  border: 1px solid var(--border_color);
  border-radius: 0.6rem;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 3.2rem;
  background-color: white;
}
div.advanced-search-files-container button.search-files {
  border: none;
  background-color: transparent;
  outline: none;
  width: 3.5rem;
  height: 3rem;
}
div.advanced-search-files-container button.search-files:disabled {
  color: var(--disabled_text_color);
}
div.advanced-search-files-container input[name=search_files] {
  width: 100%;
  outline: none;
  border: none;
  padding: 0.6rem;
  height: 3rem;
}
div.advanced-search-files-container button.advanced-search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
  border-radius: 0.5em;
  margin-left: 0.4em;
  border: 1px solid #ccc;
  width: 3.5rem;
  height: 3.2rem;
  padding: 0;
}
div.advanced-search-files-container button.advanced-search-button:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  fill: #fff;
  text-decoration: none;
}
div.advanced-search-files-container button.advanced-search-button.is_active {
  background-color: var(--search_active);
}
div.advanced-search-files-container button.advanced-search-button.is_active:hover {
  background-color: var(--base_hover_background_color);
  color: var(--search_active);
}
div.advanced-search-files-container button.advanced-search-button svg {
  width: 2rem;
  height: 2rem;
}
div.advanced-search-files-container div.advanced-search-area {
  background-color: white;
  border: 1px solid var(--border_color);
  border-radius: 0.5rem;
  display: none;
  left: 0.5rem;
  padding: 0.8rem;
  position: absolute;
  top: 3rem;
  width: calc(100% - 5rem);
  z-index: 10001;
}
div.advanced-search-files-container div.advanced-search-area div.control-area {
  display: grid;
  grid-template-columns: 6rem auto;
  row-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
}
div.advanced-search-files-container div.kind-advanced-search-dropdown-container,
div.advanced-search-files-container div.date-advanced-search-dropdown-container {
  border: 1px solid var(--border_color);
  padding-left: 0.4em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-radius: 0.5rem;
  height: 2.5em;
}
div.advanced-search-files-container div.kind-advanced-search-dropdown-container .dropdown-menu,
div.advanced-search-files-container div.date-advanced-search-dropdown-container .dropdown-menu {
  width: calc(100% - 0.4rem);
}
div.advanced-search-files-container input[name=advanced_search_name], div.advanced-search-files-container input[name=advanced_search_contains] {
  border: 1px solid var(--border_color);
  height: 2.5em;
  border-radius: 0.5rem;
  outline: none;
  width: 100%;
  padding: 0.4em;
}

#combine_companies_popup {
  height: 35.3em;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 60rem;
}
#combine_companies_popup ul {
  list-style: none;
  padding-left: 0;
  height: 28em;
  overflow-y: auto;
  margin-bottom: 0.8em;
  border: 1px solid lightgrey;
  border-radius: 0.3em;
}
#combine_companies_popup ul li {
  padding: 0.4em;
  text-align: left;
}
#combine_companies_popup ul li label {
  font-weight: 400;
}
#combine_companies_popup ul li .active {
  background-color: #0a2cad;
  color: #fff;
}
#combine_companies_popup ul li:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#combine_companies_popup div.popup-buttons {
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
}
#combine_companies_popup button.popup-action-combine:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}

#commission_calculator_popup {
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
}
#commission_calculator_popup div.commission-type-container {
  margin-bottom: 1rem;
  border: 1px solid var(--border_color);
  border-radius: 0.5rem;
}
#commission_calculator_popup div.webmax-popup-content {
  text-align: left;
}
#commission_calculator_popup div.referral-commission-row {
  display: grid;
  grid-template-columns: 20rem 15rem 17rem 9rem 9rem;
}
#commission_calculator_popup div.referral-commission-row div.rc-cell {
  padding: 0.5rem;
}
#commission_calculator_popup div.referral-commission-row div.left-cell {
  border-right: 1px solid var(--border_color);
  background-color: var(--field_label_color);
}
#commission_calculator_popup div.referral-commission-row div.top-cell {
  border-top-left-radius: 0.5rem;
}
#commission_calculator_popup div.referral-commission-row div.bottom-cell {
  border-bottom-left-radius: 0.5rem;
}
#commission_calculator_popup div.global-commission-information {
  display: grid;
  grid-template-columns: 12rem 20rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
#commission_calculator_popup input[name=recruiting_fee] {
  border: none;
  outline: none;
}
#commission_calculator_popup div.main-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
#commission_calculator_popup div.sub_pane {
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  margin-bottom: 0.8em;
  min-height: 2.5em;
  overflow: hidden;
  margin-left: 1rem;
  margin-right: 1rem;
}
#commission_calculator_popup div.sub_pane label {
  cursor: pointer;
  width: 100%;
  color: var(--stand_alone_text_color);
  text-align: center;
  font-size: 1.1em;
  padding-top: 0.4em;
}
#commission_calculator_popup div.sub_pane label span.caret {
  float: right;
  margin-right: 0.8em;
  margin-top: 0.6em;
}
#commission_calculator_popup div.receives-our-focus {
  border: 1px solid transparent;
}
#commission_calculator_popup div.webmax_dropdown li.disabled {
  color: #ccc;
}
#commission_calculator_popup div.commission_calculator_history_container {
  width: 72rem;
}
#commission_calculator_popup #commission_history_details {
  max-height: 20rem;
  min-height: 20rem;
  overflow-y: auto;
}
#commission_calculator_popup table.commission_history_table thead td {
  background-color: #DDD;
  color: #444;
  padding: 0.5em;
}
#commission_calculator_popup table.commission_history_table tbody tr .history {
  border-top: 1px solid lightblue;
}
#commission_calculator_popup table.commission_history_table tbody tr .history :hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#commission_calculator_popup table.commission_history_table tbody td {
  padding: 0.3em 0.5em;
  white-space: nowrap;
}
#commission_calculator_popup table.commission_history_table tbody td div.history-details {
  display: grid;
  grid-template-columns: 32rem auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
}

.company_details_container {
  /* .company_details_container { */
}
.company_details_container::before, .company_details_container::after {
  display: none !important;
  content: none !important;
}
.company_details_container .field-tables {
  text-align: left;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}
.company_details_container .field-tables .company-field {
  display: grid;
  grid-template-columns: 9em 1fr;
  margin-bottom: 0.25em;
}
.company_details_container .field-tables .company-field .narrow-label {
  grid-template-columns: 4em 1fr;
}
.company_details_container .field-tables .company-field .field-label {
  padding: unset;
  padding-left: 0.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company_details_container .field-tables .company-field .required_field {
  position: unset;
  margin-right: 2px;
  top: unset;
  right: unset;
}
.company_details_container .company-name {
  color: #1b9bda;
}
.company_details_container .contact-name {
  text-align: left;
  padding-left: 1em;
  white-space: nowrap;
}
.company_details_container .glyphicon {
  color: var(--stand_alone_text_color);
}
.company_details_container .glyphicon:hover {
  color: #0a2cad;
}
.company_details_container .change_field, .company_details_container .company-field .error_field {
  grid-column-start: span 2;
}
.company_details_container .company_employees_field input, .company_details_container .company_revenue_field input {
  color: var(--stand_alone_text_color);
}
.company_details_container .company_website_field .input-field {
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 0.4rem;
}
.company_details_container .company_website_field .zoominfo-button {
  display: flex;
  width: 2.3rem;
  height: 3rem;
  align-items: center;
  margin-right: 0.4rem;
  fill: var(--stand_alone_text_color);
}
.company_details_container .company_website_field .zoominfo-button:hover {
  fill: #0a2cad;
}
.company_details_container .company_info_field textarea {
  height: 100%;
  resize: none;
}
.company_details_container .company_info_field .company-info-container {
  overflow-y: auto;
  height: 100%;
  white-space: normal;
}
.company_details_container .company_info_field .change_field {
  text-align: left;
  max-height: 20em;
  overflow-y: auto;
}
.company_details_container div.company_revenue-container,
.company_details_container div.company_num_employees-container {
  padding-left: 0.4rem;
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.company_details_container div.revenue-dropdown-ul-container,
.company_details_container div.num_employees-dropdown-ul-container {
  min-width: 29rem;
}
.company_details_container .company_group_field .groups-dropdown-ul-container label {
  font-weight: normal;
}
.company_details_container .header-block {
  text-align: left;
  margin-bottom: 1em;
  vertical-align: top;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*  height: 3.5em; */
  /* min-height: 3.5em;
   max-height: 3.5em; */
  display: grid;
  grid-template-columns: 0.8fr 0.2fr;
  margin-bottom: 0;
}
.company_details_container .header-block .header-company-details {
  height: 2.5em;
  display: flex;
  min-width: 34em;
  justify-content: center;
  flex-direction: column;
}
.company_details_container .agreement_box, .company_details_container .description_field_label {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding-top: 0.4em;
  flex-direction: row;
  justify-content: space-between;
}
.company_details_container .agreement_box .split-field, .company_details_container .description_field_label .split-field {
  margin-right: 2px;
  position: unset;
}
.company_details_container .contact-block {
  vertical-align: top;
  text-align: left;
}
.company_details_container .button-block button {
  display: inline-block;
}
.company_details_container .button-block {
  text-align: left;
}
.company_details_container .button-block .delete-company:hover {
  background-color: var(--hover_danger_color);
  color: white;
}
.company_details_container button.change_button {
  border: none;
  border-radius: 0.4em;
  text-decoration: none;
  background-color: #ccc;
  color: black;
  height: 1.5em;
}
.company_details_container button.change_button:hover {
  background-color: orange;
}
.company_details_container .icon-button {
  border: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  font-size: 1.5em;
  height: 1.5em;
  top: 0;
  outline: none;
}
.company_details_container .icon-button.glyphicon-earphone:disabled {
  opacity: 0.2;
  cursor: default;
}
.company_details_container .no-border {
  outline: none;
  border: 1px solid transparent;
}
.company_details_container div.requires_validation {
  background-color: orange;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.company_details_container span.validation_result {
  color: white;
  font-weight: bold;
}
.company_details_container button.edit_split_commission svg {
  width: 100%;
  height: 100%;
}
.company_details_container button.edit_split_commission svg:hover {
  fill: #0a2cad;
}
.company_details_container button.edit_split_commission .company_num_employees-container,
.company_details_container button.edit_split_commission .company_revenue-container,
.company_details_container button.edit_split_commission .company_group-container {
  border-radius: 0 0.5em 0.5em 0;
}
.company_details_container button.edit_split_commission td.company-zip-lookup div.wrapper {
  padding-left: 0;
}
.company_details_container button.edit_split_commission div.split_name_container {
  display: flex;
}
.company_details_container .company-form {
  position: relative;
  left: 0;
  top: 0;
}
.company_details_container .company-form svg.edit-split {
  fill: var(--stand_alone_text_color);
}
.company_details_container .company-form div.company_id_update_area {
  display: flex;
  align-items: center;
}
.company_details_container .company-form div.company_id_update_area .company_id {
  margin-right: 1em;
  display: flex;
  align-items: center;
  height: 3rem;
}
.company_details_container .company-form div.company_id_update_area .company_updated_area {
  margin-left: 1em;
  display: flex;
  align-items: center;
  height: 3rem;
}
.company_details_container div.company_history_container {
  background-color: rgb(248, 248, 248);
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  margin-bottom: 0.8em;
  min-height: 2.5em;
  overflow: hidden;
  width: 868px;
}
.company_details_container div.company_history_container label {
  cursor: pointer;
  width: 100%;
  color: var(--stand_alone_text_color);
  text-align: center;
  font-size: 1.1em;
  padding-top: 0.4em;
}
.company_details_container div.company_history_container label span.caret {
  float: right;
  margin-right: 0.8em;
  margin-top: 0.6em;
}
.company_details_container .company_history_details {
  border-top: 1px solid var(--border_color);
  max-height: 40em;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.company_details_container .company_history_details table.company_history_table svg {
  height: 1.1em;
  cursor: pointer;
}
.company_details_container .company_history_details table.company_history_table thead th {
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
}
.company_details_container .company_history_details table.company_history_table thead td {
  background-color: #DDD;
  color: #888;
  padding: 0.5em;
}
.company_details_container .company_history_details table.company_history_table tbody tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
.company_details_container .company_history_details table.company_history_table tbody tr.extra_info td {
  padding-left: 1em;
  white-space: normal;
  text-align: left;
}
.company_details_container .company_history_details table.company_history_table tbody tr.p_history td {
  padding: 0.3em 0.5em;
  white-space: nowrap;
  text-align: left;
}

#company_info_popup {
  width: 50em;
}
#company_info_popup div.company-details {
  display: grid;
  grid-template-columns: 8em 1fr;
  row-gap: 0.5em;
  padding: 1em;
}
#company_info_popup div.company-details div.company-info.field-label, #company_info_popup div.company-details div.company-info.input-field {
  height: 10em;
}
#company_info_popup div.company-details div.company-info.input-field {
  overflow-y: auto;
  overflow-x: hidden;
}
#company_info_popup div.webmax-popup-action-buttons {
  display: flex;
  padding-bottom: 1rem;
  padding-top: 1rem;
  justify-content: flex-end;
}

#search_companies {
  margin: 0;
  left: 0;
}
@media (min-width: 600px) {
  #search_companies {
    min-width: 600px;
    max-width: 600px;
  }
}
@media (max-width: 599px) {
  #search_companies {
    min-width: 100%;
    max-width: 100%;
  }
}
#search_companies .daterangepicker {
  z-index: 20000;
}
#search_companies div.search_relocation_states-container,
#search_companies div.search_note_type-container,
#search_companies div.search_notes_user-container,
#search_companies div.search_company_on_file-container,
#search_companies div.search_states-container,
#search_companies div.search_split_commission-container,
#search_companies div.search_split_user-container {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#search_companies .popup-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
#search_companies .popup-title h2 {
  margin-left: 0;
}
#search_companies .search-filter-buttons-container {
  display: flex;
  justify-content: end;
}
#search_companies .search-filter-buttons-container .search-filter-buttons {
  display: grid;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  width: 100%;
  row-gap: 0.25em;
}
@media (max-width: 499px) {
  #search_companies .search-filter-buttons-container .search-filter-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 500px) {
  #search_companies .search-filter-buttons-container .search-filter-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr 6em 1fr;
  }
}
#search_companies .search-filter-buttons-container .search-filter-buttons button {
  margin-right: 0;
  display: flex;
  justify-content: center;
}
#search_companies .text_search_output {
  min-height: 5em;
  padding: 1rem;
  background-color: #555;
  margin-top: 1rem;
  color: lightgrey;
  border-radius: 0.5em;
}
#search_companies .text_search_output span.text_search_field {
  color: #f38ce0;
  cursor: pointer;
}
#search_companies .text_search_output span.text_search_for {
  color: #58d158;
}
#search_companies .text_search_output span.AND-span {
  font-weight: bold;
}
#search_companies .search_companies_fields-dropdown-ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#search_companies .search_companies_fields-dropdown-ul li {
  display: flex;
  align-items: center;
}
#search_companies .search_companies_fields-dropdown-ul li img {
  width: 0.7em;
  margin-right: 0.5em;
}
#search_companies div.search_companies_fields-container {
  margin: 1rem;
  border-radius: 0.5em;
  margin-bottom: 0;
  display: block;
}
#search_companies div.search_companies_fields-container span {
  color: var(--stand_alone_text_color);
}
#search_companies .search-field {
  display: none;
  grid-template-columns: 1fr 10em;
  margin-bottom: 0.25em;
  row-gap: 0.25em;
}
#search_companies .input-field {
  width: inherit;
}
#search_companies .action-field {
  border: 1px solid #aaa;
  border-left: none;
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  border-radius: 0.5em;
  outline: none;
  color: #636b6f;
  border-radius: 0 0.5em 0.5em 0;
  display: flex;
  align-items: center;
}
#search_companies .mid-field {
  width: 100%;
  border: 1px solid #aaa;
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  outline: none;
  color: #636b6f;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#search_companies .webmax-dropdown-container {
  border: 1px solid var(--border_color);
  padding-top: 0.4em;
  padding-left: 0.4em;
  padding-right: 0;
  height: 2.5em;
  background-color: rgb(248, 248, 248);
}
#search_companies .webmax-dropdown-container input {
  padding-left: 0;
}
#search_companies div.search_states-dropdown li {
  line-height: 1.5em;
  float: left;
  display: inline;
  width: 50%;
}
#search_companies div.search_states-dropdown li:hover,
#search_companies div.search_job_categories-dropdown li:hover {
  background-color: #c3e0f3;
}
#search_companies button.reset-field-button {
  margin-right: 0;
  margin-top: 0.25em;
}
#search_companies button.popup-action-button:hover {
  background-color: #0a2cad;
  color: #fff;
}
#search_companies li label {
  font-weight: normal;
  width: 100%;
}
#search_companies div.search_client_title-container,
#search_companies div.search_job_categories-container,
#search_companies div.search_revenue-container {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#search_companies div.search_states-dropdown-ul-container,
#search_companies div.search_client_title-dropdown-ul-container,
#search_companies div.search_job_categories-dropdown-ul-container,
#search_companies div.search_split_commission-dropdown-ul-container,
#search_companies div.search_split_user-dropdown-ul-container,
#search_companies div.search_revenue-dropdown-ul-container {
  min-width: 28.8rem;
  max-width: 28.8rem;
}
#search_companies #search_split_date-container {
  padding-right: 0;
}
#search_companies div.zip-lookup {
  border: 1px solid transparent;
  background-color: rgba(227, 227, 227, 0.4588235294);
}
#search_companies div.zip-lookup input.search_zip-class {
  border: 1px solid transparent !important;
  width: 9em !important;
  z-index: unset !important;
}
#search_companies div.zip-lookup div.predictive_text {
  border: 1px solid transparent;
}

#search_get_popup li, #search_save_popup li {
  padding: 0.4em 0.8em;
  cursor: pointer;
}
#search_get_popup li .active, #search_save_popup li .active {
  background-color: #0a2cad;
  color: #fff;
}
#search_get_popup li:hover, #search_get_popup li.hovered, #search_save_popup li:hover, #search_save_popup li.hovered {
  background-color: #c3e0f3;
}
#search_get_popup .delete-search_filter, #search_save_popup .delete-search_filter {
  margin-top: -0.05em;
  font-size: 1.3em;
  opacity: 0;
}
#search_get_popup .delete-search_filter:hover, #search_save_popup .delete-search_filter:hover {
  color: var(--hover_danger_color);
}

#company_message {
  width: 100%;
  display: grid;
  grid-template-columns: 6em 1fr;
}
#company_message table {
  width: 100%;
}
#company_message table td {
  vertical-align: top;
  min-width: 1em;
  width: 33.33%;
}
#company_message div.field-label {
  padding-bottom: 1em;
  height: unset;
}
#company_message div.field-display {
  background-color: #fff;
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border: 1px solid #aaa;
  padding: 0.4em;
  color: #636b6f;
}
#company_message pre {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  border: none;
  border-radius: 0;
  background: #fff;
  width: 100%;
  overflow: hidden;
}

#company_notes_editor_popup b {
  font-weight: bold;
}
#company_notes_editor_popup p {
  padding: 0;
  margin: 0;
}
#company_notes_editor_popup div.company_notes_body {
  height: 100%;
  overflow-y: auto;
  padding: 0.4rem;
  border: none;
  outline: none;
  font-size: 0.16in;
  margin: auto;
  background-color: white;
  width: 100%;
  font-family: "DejaVu Sans";
  font-weight: 400;
}
#company_notes_editor_popup div.company_notes_body_area {
  height: 50rem;
  border: 1px solid var(--border_color);
  outline: none;
  margin-bottom: 1.6rem;
  position: relative; /* so that we can measure tab-stops */
}
#company_notes_editor_popup div.company_notes_body_area blockquote {
  margin-left: 0.5in !important; /* don't allow local style to override */
  font-size: inherit;
}
#company_notes_editor_popup span.tab-stop {
  width: 0;
}
#company_notes_editor_popup h1 span.company_notes-have-changed {
  color: orange;
  opacity: 0;
  cursor: default;
  margin-left: 0.5em;
}
#company_notes_editor_popup div.editable_text_color-dropdown {
  width: 1.5em;
  display: inline-block;
  white-space: normal;
}
#company_notes_editor_popup div.company_notes_editor_message {
  display: none;
  margin-top: 0;
  text-align: center;
  width: 100%;
  opacity: 0;
}
#company_notes_editor_popup table.user_list_container {
  margin: 0.5rem;
}
#company_notes_editor_popup div.left-button-row {
  text-align: right;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#company_notes_editor_popup div.consultant-dropdown-container {
  border-radius: 0 0.5em 0.5em 0;
}

#company_urls {
  width: 100%;
  display: grid;
  grid-template-columns: 6em 1fr;
  margin-bottom: 1em;
}
#company_urls div.field-label {
  padding-bottom: 1em;
  height: unset; /* global field-label */
}
#company_urls div.field-display {
  background-color: #fff;
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border: 1px solid #aaa;
  padding: 0.4em 3em 0.4em 0.4em;
  color: #636b6f;
  padding-bottom: 1em;
  display: grid;
  row-gap: 0.25em;
  -moz-column-gap: 2em;
       column-gap: 2em;
  /*   @media(min-width: 421px ) { */
  grid-template-columns: 13em 0.5fr 11em 0.5fr;
  /*} */
  /*@media(max-width: 420px ) {

    grid-template-columns: 13em 1fr;

  }
  */
}

#company_list_container {
  height: 100%;
}
#company_list_container table.companies-area {
  border: 1px solid var(--border_color);
  margin-bottom: 1em;
}
#company_list_container table.companies-area th {
  background-color: var(--table_header_color);
  font-weight: 400;
}
#company_list_container table.companies-area th.current-column {
  font-weight: bold;
}
#company_list_container table.companies-area th.name {
  width: 400px;
  max-width: 400px;
}
#company_list_container table.companies-area th.city {
  width: 250px;
  max-width: 250px;
}
#company_list_container table.companies-area th.state {
  width: 126px;
  max-width: 126px;
}
#company_list_container table.companies-area th.phone {
  width: 120px;
  max-width: 120px;
}
#company_list_container table.companies-area th.agreement {
  width: 112px;
  max-width: 112px;
}
#company_list_container table.companies-area th.agreement div {
  display: flex;
  align-items: center;
}
#company_list_container div.header-block {
  display: flex;
  height: inherit;
  justify-content: space-between;
}
#company_list_container div.search-container {
  display: flex;
  flex: 2;
  white-space: nowrap;
  text-align: left;
}
#company_list_container div.search-container div.search_group-dropdown {
  width: 14em;
  display: inline-block;
  border-radius: 0.5em;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  height: 2.5em;
  background: white;
  min-height: 2.5em;
  max-height: 2.5em;
  text-align: left;
}
#company_list_container div.search-container div.search_group-dropdown ul {
  width: 12em;
}
#company_list_container div.search-container div.search_group-dropdown ul label {
  font-weight: normal;
}
#company_list_container div.search-container #quick_search_company {
  padding-left: 0.8em;
  width: 8.5em;
  height: 2.5em;
  border: 1px solid #aaa;
  border-radius: 0.5em;
}

#confirmation_popup button.yes-button:hover {
  background-color: green;
  color: white;
}
#confirmation_popup button.no-button:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#confirmation_popup button.cancel-button:hover {
  background-color: orange;
  color: #fff;
}

.contact_details_container::before, .contact_details_container::after {
  display: none !important;
  content: none !important;
}
.contact_details_container .contact_mobile_phone_field div.input-field {
  display: grid;
  grid-template-columns: 1fr 3em;
  align-items: center;
}
.contact_details_container .contact_mobile_phone_field div.input-field input {
  border: none;
  width: 100%;
  background-color: transparent;
  outline: none;
}
.contact_details_container .contact_home_email_field div.input-field input {
  border: none;
  width: 100%;
  background-color: transparent;
  outline: none;
  text-transform: lowercase;
}
.contact_details_container .contact_home_email_field div.input-field input button.contact_home_email:hover {
  color: #0a2cad;
}
.contact_details_container .contact_company_name_field .company_name-container {
  display: grid;
  grid-template-columns: 1fr 5em;
  align-items: center;
  padding-right: 0.25em;
}
.contact_details_container .contact_company_name_field .company_location-button:hover {
  color: #0a2cad;
}
.contact_details_container .contact_company_name_field .goto-company-button {
  font-size: 1.3em;
}
.contact_details_container .contact_company_name_field .company_slug-dropdown-ul-container {
  min-width: 44.1rem;
  left: -123px;
}
.contact_details_container .contact_home_location_field .home_location-button {
  font-size: 1.3em;
}
.contact_details_container .contact_home_location_field .home_location-button:hover {
  color: #0a2cad;
}
.contact_details_container .contact_home_location_field .home_location-commute-to-button img {
  width: 21px;
  height: 21px;
  margin-top: -7px;
}
.contact_details_container .contact_home_location_field .contact-zip-lookup .input-field {
  padding-right: 0.2em;
}
.contact_details_container .contact_job_title_field input {
  border: none;
  width: 100%;
  background-color: transparent;
  outline: none;
  text-transform: capitalize;
}
.contact_details_container .contact_salary_field .salary-container {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 2.5em;
  text-align: left;
  cursor: text;
}
.contact_details_container .contact_salary_field .salary-field {
  outline: none !important;
  width: 100%;
  border: none !important;
  background-color: rgb(248, 248, 248);
}
.contact_details_container .contact_group_area {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
}
.contact_details_container .contact_group_area .contact_groups-container {
  background-color: transparent;
  border: none;
  padding-top: 0;
  height: unset;
  width: 100%;
  color: var(--stand_alone_text_color);
}
.contact_details_container .contact_work_email_field input {
  border: none;
  width: 100%;
  background-color: transparent;
  outline: none;
  text-transform: lowercase;
}
.contact_details_container .contact_job_category_field .job_category-container {
  border: 1px solid var(--border_color);
  padding-top: 0.4em;
  background-color: white;
  height: 2.5em;
  border-radius: 0 0.5em 0.5em 0;
  background-color: rgb(248, 248, 248);
  color: var(--stand_alone_text_color);
}
.contact_details_container .contact_job_category_field .job_category-container .job_category_id-dropdown-ul-container {
  min-width: 44.1rem;
  left: -123px;
}
.contact_details_container .contact_job_category_field .job_category-container .job_category_id-dropdown-ul-container li img {
  width: 0.7em;
  margin-left: -0.25em;
  margin-right: 0.5em;
  margin-top: -0.25em;
}
.contact_details_container .contact_RFL_field div.RFL_states-container {
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  color: var(--stand_alone_text_color);
}
.contact_details_container .contact_RFL_field div.RFL_states-container div.RFL_states-dropdown div.RFL_states-dropdown-ul-container {
  width: 22em;
}
.contact_details_container .contact_RFL_field div.RFL_states-container div.RFL_states-dropdown ul {
  left: -6em;
}
.contact_details_container .contact_RFL_field div.RFL_states-container div.RFL_states-dropdown label {
  font-weight: normal;
}
.contact_details_container .contact_RFL_field div.RFL_states-container div.RFL_states-dropdown li {
  line-height: 1.5em;
  float: left;
  display: inline;
  width: 50%;
}
.contact_details_container .contact_resume_field .resume-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 2.5em;
  padding: 0.5rem;
  padding-right: 0;
}
.contact_details_container .contact_resume_field .resume-container .resume-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.contact_details_container .contact_resume_field .resume-container .resume-buttons button.edit-resume {
  width: 1.9em;
  cursor: pointer;
  margin-left: 0.6rem;
  border: none;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  background: transparent;
  padding: 0;
  outline: none;
}
.contact_details_container .contact_resume_field .resume-container .resume-buttons button.edit-resume:hover {
  color: #0a2cad;
  fill: #0a2cad;
}
.contact_details_container .contact_resume_field .resume-container .resume-buttons button.edit-resume svg {
  margin-top: 0.5em;
}
.contact_details_container .contact_resume_field .resume-container .resume-buttons button.view-pdf-resume {
  width: 1.7em;
  cursor: pointer;
  border: none;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  background: transparent;
  padding: 0;
  display: flex;
  outline: none;
}
.contact_details_container .contact_resume_field .resume-container .resume-buttons button.view-pdf-resume:hover {
  fill: #0a2cad;
  color: #0a2cad;
}
.contact_details_container .contact_resume_field .resume-container .change_field {
  margin-left: 2.1em;
}
.contact_details_container .contact-work-phone-field .work-phone-field {
  display: grid;
  grid-template-columns: 9em 2em 10em 1fr;
  grid-gap: 0.5em;
  border: 1px solid var(--border_color);
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  align-items: center;
  background-color: rgb(248, 248, 248);
  color: var(--stand_alone_text_color);
}
.contact_details_container .duplicate_contact_area {
  margin-left: 0px;
  width: 100%;
}
.contact_details_container svg {
  width: 100%;
  height: 100%;
}
.contact_details_container svg:hover {
  fill: #0a2cad;
  cursor: pointer;
}
.contact_details_container .contact_updated_at {
  margin-left: 0.5em;
}
.contact_details_container .contact_details_developer,
.contact_details_container .copy_contact_url {
  color: var(--stand_alone_text_color);
}
.contact_details_container .contact_details_developer:hover,
.contact_details_container .copy_contact_url:hover {
  color: #0a2cad;
}
.contact_details_container .error_field {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  grid-column-start: span 2;
}
.contact_details_container div.contact_history_container {
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  margin-bottom: 0.8em;
  min-height: 2.5em;
  overflow: hidden;
}
.contact_details_container div.contact_history_container label {
  cursor: pointer;
  width: 100%;
  color: var(--stand_alone_text_color);
  text-align: center;
  font-size: 1.1em;
  padding-top: 0.4em;
}
.contact_details_container div.contact_history_container label span.caret {
  float: right;
  margin-right: 0.8em;
  margin-top: 0.6em;
}
.contact_details_container .screen_title {
  font-size: 1.3em;
}
.contact_details_container .field-tables {
  text-align: left;
  display: grid;
  grid-template-columns: 0.45fr 0.55fr;
  grid-gap: 0.5em;
}
.contact_details_container .field-tables .contact-field {
  display: grid;
  grid-template-columns: 9em 1fr;
  margin-bottom: 0.25em;
}
.contact_details_container .field-tables .contact-field .narrow-label {
  grid-template-columns: 4em 1fr;
}
.contact_details_container .field-tables .contact-field .field-label {
  padding: unset;
  padding-left: 0.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact_details_container .field-tables .contact-field .required_field {
  position: unset;
  margin-right: 2px;
  top: unset;
  right: unset;
}
.contact_details_container .field-tables .contact-field .split-field {
  position: unset;
  margin-right: 2px;
  top: unset;
  right: unset;
}
.contact_details_container .field-tables .contact-work-phone-field {
  display: grid;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  align-items: center;
  grid-template-columns: 0.7fr 0.3fr 2em;
  background-color: rgb(248, 248, 248);
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact-work-phone-field { /* wide screen */
    -moz-column-gap: unset;
         column-gap: unset;
  }
}
.contact_details_container .field-tables .contact-work-phone-field.extra-fields {
  background-color: tranparent;
}
.contact_details_container .field-tables .contact-work-phone-field .contact-work-phone-call {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border_color);
  text-align: right;
  padding-left: 0.2em;
  height: 2.5em;
  border-top: 1px solid var(--border_color);
  border-right: 1px solid var(--border_color);
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact-work-phone-field .work_phone-field { /* wide screen */
    border-right: unset;
    border-radius: unset;
    /*border-left: 1px solid transparent; */
  }
}
@media (max-width: 499px) {
  .contact_details_container .field-tables .contact-work-phone-field .work_phone-field { /* narrow screen */ }
}
.contact_details_container .field-tables .contact-work-phone-field .contact-work-phone-ext-field .work_phone_ext-field {
  border-left: 1px solid transparent;
  border-right: none;
  border-radius: unset;
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact-work-phone-field .contact-work-phone-ext-field { /* wide screen */
    grid-template-columns: 3em 1fr;
  }
  .contact_details_container .field-tables .contact-work-phone-field .contact-work-phone-ext-field .field-label {
    border-radius: unset;
    border-left: none;
    background-color: transparent;
  }
}
@media (max-width: 499px) {
  .contact_details_container .field-tables .contact-work-phone-field .contact-work-phone-ext-field { /* narrow screen */ }
  .contact_details_container .field-tables .contact-work-phone-field .contact-work-phone-ext-field .field-label span {
    display: none;
  }
}
.contact_details_container .field-tables .contact_names_field {
  display: grid;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  grid-template-columns: 0.6fr 0.4fr;
  background-color: rgb(248, 248, 248);
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact_names_field { /* wide screen */
    -moz-column-gap: unset;
         column-gap: unset;
  }
}
.contact_details_container .field-tables .contact_names_field.extra-fields {
  background-color: tranparent;
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact_names_field .last_name-field { /* wide screen */
    border-right: unset;
    border-radius: unset;
  }
}
@media (max-width: 499px) {
  .contact_details_container .field-tables .contact_names_field .last_name-field { /* narrow screen */ }
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field { /* wide screen */ }
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field .field-label.last-name {
    display: none;
  }
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field .field-label.name-name {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 499px) {
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field { /* narrow screen */ }
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field .pseudo-last-name {
    display: none;
  }
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field .field-label.last-name {
    display: block;
  }
  .contact_details_container .field-tables .contact_names_field .contact_last_name_field .field-label.name-name {
    display: none;
  }
}
.contact_details_container .field-tables .contact_names_field .contact_first_name_field .first_name-field {
  border-left: 1px solid transparent;
}
@media (min-width: 500px) {
  .contact_details_container .field-tables .contact_names_field .contact_first_name_field { /* wide screen */
    grid-template-columns: 1fr;
  }
  .contact_details_container .field-tables .contact_names_field .contact_first_name_field .field-label {
    display: none;
    /* border-radius:unset;
    border-left:none;
    background-color: transparent; */
  }
}
@media (max-width: 499px) {
  .contact_details_container .field-tables .contact_names_field .contact_first_name_field { /* narrow screen */ }
}
.contact_details_container .contact_details_toolbar {
  display: flex;
  justify-content: space-between;
}
.contact_details_container .contact_details_toolbar .button-block {
  row-gap: 0.25em;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}
.contact_details_container .contact_details_toolbar .button-block .no-border {
  outline: none;
  border: 1px solid transparent;
}
.contact_details_container .contact_details_toolbar .button-block button {
  display: inline-block;
}
.contact_details_container .contact-form {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
}
.contact_details_container .contact-form div.contact_id_update_area {
  display: flex;
  min-height: 1.3em;
  height: 1.3em;
  max-height: 1.3em;
  margin-left: 0.5em;
  font-size: 0.9em;
  align-items: center;
}
.contact_details_container .contact-form div.contact_id_update_area div.contact_id {
  margin-right: 1em;
  display: flex;
  align-items: center;
}
.contact_details_container .contact-form div.contact_id_update_area button.edit_split_commission {
  width: 1.3em;
  display: flex;
  align-items: center;
  margin-right: 0.4rem;
}
.contact_details_container .contact-form div.contact_id_update_area button.edit_split_commission svg.edit-split {
  fill: var(--stand_alone_text_color);
}
.contact_details_container .contact-form .request_delete_display_area {
  color: orange;
  margin-left: 0.5em;
}
.contact_details_container .contact-form .icon-button {
  border: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  font-size: 1.3em;
  height: 1.3em;
  top: 0;
  outline: none;
}
.contact_details_container .contact-form .icon-button.glyphicon-earphone:disabled {
  opacity: 0.2;
  cursor: default;
}
.contact_details_container .contact-form div.error-block {
  width: 61.6rem;
  text-align: left;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding: 1em;
  margin-left: 1rem;
  background-color: orange;
}
.contact_details_container .contact-form .error-block {
  grid-column-start: unset;
  width: 100%;
  margin-left: 0;
  color: #333;
}
.contact_details_container .contact-form button.contact_work_email:hover,
.contact_details_container .contact-form button.contact_call:hover,
.contact_details_container .contact-form button.company_call:hover {
  color: #0a2cad;
}
.contact_details_container .contact-form .header-block {
  text-align: left;
  vertical-align: top;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  display: grid;
  grid-template-columns: 37rem 23rem 23rem 1fr;
}
.contact_details_container .contact-form .header-block .contact_updated_area {
  margin-left: 0.5em;
  display: flex;
  align-items: center;
}
.contact_details_container .contact-form .header-block .contact-change-indicator-container {
  min-width: 14px;
  margin-left: 0.5em;
}
.contact_details_container .contact-form .header-block .contact-change-indicator-container .contact_change_indicator {
  color: orange;
}
.contact_details_container .contact-form .header-block .header-contact-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact_details_container .contact-form .header-block .header-contact-details div.split_name_container {
  display: flex;
  align-items: center;
}
.contact_details_container .contact-form button.contact_sms {
  font-size: 1.3em;
}
.contact_details_container .contact-form button.contact_sms:disabled:hover svg {
  fill: orange;
  cursor: default;
}
.contact_details_container .contact-form button.contact_sms:not(disabled) svg {
  fill: #636b6f;
}
.contact_details_container .contact-form svg.google-route {
  fill: #636b6f;
}
.contact_details_container .contact_changes_made {
  color: orange;
  margin-bottom: 0.5em;
  text-align: left;
}
.contact_details_container .contact_changes_made button.change_button {
  border: none;
  border-radius: 0.4em;
  text-decoration: none;
  background-color: #ccc;
  color: black;
  height: 1.5em;
}
.contact_details_container .contact_changes_made button.change_button:hover {
  background-color: orange;
}

div.hybrid-contacts_list_container div.list-header.came_from_company_list {
  /* name and job_category each are an additional 150 pixels to normal, and company width is no longer used */
}
div.hybrid-contacts_list_container div.list-header.came_from_company_list th.name {
  width: 200px;
  max-width: 200px;
}
div.hybrid-contacts_list_container div.list-header.came_from_company_list th.company {
  width: 200px;
  max-width: 200px;
}
div.hybrid-contacts_list_container div.list-header.came_from_company_list th.job_category {
  width: 200px;
  max-width: 200px;
}
div.hybrid-contacts_list_container div.list-header.normal_list th.name {
  width: 200px;
  max-width: 200px;
}
div.hybrid-contacts_list_container div.list-header.normal_list th.company {
  width: 200px;
  max-width: 200px;
}
div.hybrid-contacts_list_container div.list-header.normal_list th.job_category {
  width: 200px;
  max-width: 200px;
}

#contact_list_container {
  height: 100%;
}
#contact_list_container table.contacts-area div.company_name {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#contact_list_container table.contacts-area th.state {
  width: 8.07rem;
  max-width: 8.07rem;
}
#contact_list_container div.header-block {
  height: inherit;
}
#contact_list_container div.header-block div.new-contact-container {
  text-align: left;
  width: 4em;
}
#contact_list_container div.header-block div.search-container {
  white-space: nowrap;
  flex: 2;
  text-align: left;
}
#contact_list_container div.header-block div.search-container #mass-delete {
  width: 2.3em;
  height: 2.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0.3em;
  background-color: #ccc;
  margin-left: 0.3em;
}
#contact_list_container div.header-block div.search-container #mass-delete svg {
  width: 100%;
  height: 100%;
}
#contact_list_container div.header-block div.search-container #mass-delete:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#contact_list_container div.header-block div.search-container #mass-delete:disabled {
  color: #ddd;
  /*opacity: .5; */
}
#contact_list_container div.header-block div.search-container #mass-delete:disabled:hover {
  color: #ddd;
  /*  opacity:.5;*/
}
#contact_list_container div.header-block div.search-container #quick_search_first_name {
  padding-left: 0.8em;
  width: 6em;
  height: 2.5em;
  border: 1px solid var(--border_color);
  border-radius: 0.3em;
  padding-left: 0.4em;
  margin-right: 0.3em;
}
#contact_list_container div.header-block div.search-container #quick_search_last_name {
  padding-left: 0.8em;
  width: 6em;
  height: 2.5em;
  border: 1px solid var(--border_color);
  border-radius: 0.3em;
  margin-left: 0.5em;
  padding-left: 0.4em;
  margin-right: 0.3em;
}
#contact_list_container div.header-block div.search-container div.search_group-dropdown {
  width: 14em;
  display: inline-block;
  border-radius: 0.3em;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  height: 2.5em;
  background: white;
  min-height: 2.5em;
  max-height: 2.5em;
  text-align: left;
}
#contact_list_container div.header-block div.search-container div.search_group-dropdown label {
  font-weight: normal;
}
#contact_list_container div.header-block div.search-container div.quick_search_states-container {
  width: 6em;
  border-radius: 0.3em;
  border: 1px solid var(--border_color);
  height: 2.5em;
  display: flex;
  align-items: center;
  padding-left: 0.4em;
  margin-right: 0.3em;
  background-color: white;
}
#contact_list_container div.header-block div.search-container div.quick_search_states-container li label {
  font-weight: normal;
  width: 100%;
}
#contact_list_container div.header-block div.search-container div.quick_search_states-container li:hover {
  background-color: var(--hover_color);
}
#contact_list_container div.header-block #new-contact {
  border-radius: 0.3em;
  margin-right: 0.2em;
  border: 1px solid transparent;
  height: 3.5rem;
}
#contact_list_container div.header-block #new-contact:disabled {
  color: #ddd;
  /*  opacity:.5;*/
}

#contact_note_popup {
  width: -moz-fit-content;
  width: fit-content;
  /* background-color: rgb(248,248,248); */
}
@media (min-width: 801px) {
  #contact_note_popup { /* wider device */
    max-width: unset;
  }
}
@media (max-width: 800px) {
  #contact_note_popup { /* narrow device */
    max-width: 420px;
  }
}
#contact_note_popup button.select_attachment_file {
  width: 10rem;
  display: flex;
  margin: 0.8rem auto 0 auto;
  padding: 0.5rem;
  border: 1px solid gray;
  border-radius: 0.6rem;
  background-color: lightgray;
  align-items: center;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  cursor: pointer;
  justify-content: space-evenly;
}
#contact_note_popup button.select_attachment_file:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#contact_note_popup button.select_attachment_file:hover svg {
  fill: white;
  color: white;
}
#contact_note_popup div.file_attachments {
  display: flex;
  height: 8.5rem;
  min-height: 8.5rem;
  max-height: 8.5rem;
}
#contact_note_popup div.file_attachments label.add_attachment-label {
  display: flex;
  align-items: center;
}
#contact_note_popup div.file_attachments svg.download-attachments {
  width: 2rem;
  /*    margin-right: 1rem; */
}
#contact_note_popup form.contact_notes_form table.field-table td:nth-child(1) {
  width: 8em;
}
#contact_note_popup form.contact_notes_form table.field-table tr td div.field-label {
  width: 8em;
}
#contact_note_popup form.contact_notes_form .input-field {
  width: inherit;
}
#contact_note_popup form.contact_notes_form .contact-notes-display-area {
  display: grid;
  -moz-column-gap: 1em;
       column-gap: 1em;
  margin-bottom: 1rem;
}
@media (min-width: 801px) {
  #contact_note_popup form.contact_notes_form .contact-notes-display-area { /* wider device */
    grid-template-columns: 0.4fr 0.6fr;
  }
}
@media (max-width: 800px) {
  #contact_note_popup form.contact_notes_form .contact-notes-display-area { /* narrow device */
    grid-template-columns: 1fr;
  }
}
#contact_note_popup #contact_notes_reminder_date-container input:-moz-read-only + div i.glyphicon, #contact_note_popup #contact_notes_lock_date-container input:-moz-read-only + div i.glyphicon {
  opacity: 0;
}
#contact_note_popup #contact_notes_reminder_date-container input:read-only + div i.glyphicon,
#contact_note_popup #contact_notes_lock_date-container input:read-only + div i.glyphicon {
  opacity: 0;
}
#contact_note_popup #contact_notes_reminder_date-container div.field-input.form-group,
#contact_note_popup #contact_notes_lock_date-container div.field-input.form-group {
  margin-bottom: 0;
  padding: 0;
}
#contact_note_popup #contact_notes_reminder_date-field .bootstrap-datetimepicker-widget.dropdown-menu {
  min-width: 400px;
}
#contact_note_popup #contact_notes_reminder_date-field div.timepicker-picker table tr:nth-child(2) td {
  text-align: center;
}
#contact_note_popup #contact_notes_reminder_date-field input,
#contact_note_popup #contact_notes_lock_date-field input {
  width: 100%;
  border: none;
  outline: none;
  background: none;
  padding-left: 0.4em;
  color: #636b6f;
  box-shadow: none;
}
#contact_note_popup .right-column {
  margin-left: 1.5rem;
  display: flex;
  flex-direction: column;
}
#contact_note_popup .contact_note_row {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  max-height: 32.5em;
}
#contact_note_popup .contact_note_row textarea {
  width: 100%;
  resize: none;
  border: none;
  background: none;
  height: 100%;
  padding: 0.5em;
  outline: none;
}
#contact_note_popup .contact_note_row div.field-label,
#contact_note_popup .contact_note_row div.field-input {
  height: auto;
}
#contact_note_popup div.no-overflow {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#contact_note_popup #contact_notes-text2 {
  height: 100%;
  width: 100%;
  resize: none;
  border: none;
  background: none;
  /*  height:11em; */
  padding: 0;
  outline: none;
}
#contact_note_popup input.check-input {
  margin: auto 0 auto 0.3em;
  align-items: center;
}
#contact_note_popup div.field-label {
  background-color: #d8e3f3;
  border: 1px solid #aaa;
  border-radius: 0.5em 0 0 0.5em;
  border-right: none;
  color: #636b6f;
  display: inline-block;
  height: 2.5em;
  padding: 0.4em 1em 0.4em 0.4em;
  outline: none;
  vertical-align: top;
  width: 12rem;
}
#contact_note_popup div.field-input {
  background-color: rgb(248, 248, 248);
  border: 1px solid #aaa;
  border-radius: 0 0.5em 0.5em 0;
  color: #636b6f;
  display: inline-block;
  height: 2.5em;
  outline: none;
  padding: 0.4em;
  vertical-align: top;
  width: 28rem;
}
#contact_note_popup button.popup-action-button:focus {
  /* our-focus */
  box-shadow: 0 0 5px rgb(81, 203, 238) !important;
  border: 1px solid rgb(81, 203, 238) !important;
}
#contact_note_popup #contact_note_type_container {
  color: var(--stand_alone_text_color);
}
#contact_note_popup #contact_note_type_container div.contact_note_type-dropdown-ul-container {
  min-width: 28.7rem;
}
#contact_note_popup #contact_note_type_container div.contact_note_type-dropdown ul li.disabled {
  color: lightgray;
}
#contact_note_popup div.datetimepicker {
  z-index: 20000 !important;
}
#contact_note_popup .sms_message {
  display: flex;
  flex-direction: row;
}
#contact_note_popup .sms_message div {
  border-radius: 0.5rem;
  padding: 0.4rem;
  margin-bottom: 1rem;
  width: 75%;
}
#contact_note_popup .sms_message_sent {
  justify-content: flex-end;
}
#contact_note_popup .sms_message_sent div {
  background-color: #15bd1e;
  color: white;
  margin-right: 0.5em;
}
#contact_note_popup .sms_message_received {
  justify-content: flex-start;
}
#contact_note_popup .sms_message_received div {
  background-color: #dcdcdc;
  color: black;
  margin-left: 0.5rem;
}
#contact_note_popup .sms_message_date {
  font-size: 1.2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  color: grey;
}
#contact_note_popup div.sms-display {
  min-height: 32em;
}
#contact_note_popup .body-div {
  height: 6em;
}
#contact_note_popup .downloadable_media {
  cursor: pointer;
}
#contact_note_popup div.our-row {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
#contact_note_popup div.sms_message-container {
  border-radius: 0 0.5em 0.5em 0;
}

#sms_message_area {
  background-color: rgb(248, 248, 248);
  width: 40rem;
  border-radius: 0.5em;
  border-color: #aaa;
  resize: none;
  outline: none;
}
@media (min-width: 801px) {
  #sms_message_area { /* wider device */
    height: 19.7em;
  }
}
@media (max-width: 800px) {
  #sms_message_area { /* narrow device */
    height: 4em;
  }
}

.contact_notes_list {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto 1fr;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  /*   margin-top: 1em; */
  /*
  .notes-block {

    text-align:left;
    margin-bottom:1em;
    vertical-align:top;
    width: 100%;
    margin-left:auto;
    margin-right:auto;

  }
  */
}
.contact_notes_list div.contact_notes-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.contact_notes_list .notes_list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #638ecf;
  padding: 0;
  margin-bottom: 0;
  color: white;
}
.contact_notes_list .notes_list-header h2 {
  margin: 0;
}
.contact_notes_list .notes_list-header .panel-heading {
  font-size: 1.6rem;
  margin-top: 0;
  font-weight: 400;
}
.contact_notes_list .notes_list-header .show-deleted-notes {
  color: white;
  font-size: 0.85em;
  display: flex;
  align-items: center;
}
.contact_notes_list table {
  width: 100%;
}
.contact_notes_list table .change_field {
  grid-column-start: span 2;
}
.contact_notes_list table .note-date {
  min-width: 8em;
}
.contact_notes_list table .note-time {
  min-width: 7em;
}
.contact_notes_list table .note-name {
  min-width: 14em;
}
.contact_notes_list table .note-type {
  min-width: 14em;
}
.contact_notes_list table .note-text {
  width: 100%;
  /* min-width: 37.6em; */
}
.contact_notes_list table .note-text-sms {
  width: 100%;
  /* min-width: 51.6em; */
}
.contact_notes_list table.contact_notes-fixed-headers { /* why is there a separate class ? */
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}
.contact_notes_list table.contact_notes-fixed-headers thead tr {
  display: block;
  position: relative;
}
.contact_notes_list table.contact_notes-fixed-headers thead tr th { /* new */
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
.contact_notes_list table.contact_notes-scroll-table tbody {
  display: block;
  width: 100%;
  max-height: 19em;
  overscroll-behavior: contain;
}
.contact_notes_list table.contact_notes-scroll-table tbody td {
  color: var(--stand_alone_text_color);
  padding: 0.4em;
  text-align: left;
}
.contact_notes_list table.contact_notes-scroll-table tbody tr {
  border: 1px solid transparent;
}
.contact_notes_list table.contact_notes-scroll-table tbody tr.unread {
  font-weight: bold;
}
.contact_notes_list table.contact_notes-scroll-table tbody tr td {
  white-space: nowrap;
}
.contact_notes_list table.contact_notes-scroll-table tbody tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
.contact_notes_list table.contact_notes-scroll-table tbody tr:last-child td {
  border-bottom: none;
}
.contact_notes_list table.contact_notes-scroll-table tbody tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}

div.contact_note_pager_container {
  width: 50rem;
  font-size: 1.4rem;
}
div.contact_note_pager_container .slider {
  width: 100%;
  height: 1px;
  background: white;
  background-color: white;
  outline: none;
  /* opacity: 0.7; */
  transition: opacity 0.2s;
}
div.contact_note_pager_container .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: white;
  opacity: 1;
  cursor: pointer;
}
div.contact_note_pager_container .slider::-moz-range-thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  opacity: 1;
  background-color: white;
  cursor: pointer;
}
div.contact_note_pager_container button.previous-page:disabled,
div.contact_note_pager_container button.next-page:disabled {
  color: #ddd;
  /* opacity: .5; */
}
div.contact_note_pager_container .input-field {
  align-items: center;
  flex-direction: row;
  border-radius: 0.6rem;
}
div.contact_note_pager_container input.date-slider-date-field {
  background-color: white;
  margin-left: 1rem;
  border: 1px solid var(--border_color);
  width: 10rem;
  outline: none;
  border-radius: 0.3rem;
}
div.contact_note_pager_container .next-page {
  margin-left: 0.3em;
  border-radius: 0.3em;
  width: 3rem;
}
div.contact_note_pager_container .previous-page {
  margin-right: 0.3rem;
  border-radius: 0.3em;
  width: 3rem;
  margin-left: 0;
}

div.contact_note_pager_date_slider {
  background-color: transparent;
  border: none;
}

#search_contacts {
  margin: 0;
  left: 0;
}
@media (min-width: 600px) {
  #search_contacts {
    min-width: 600px;
    max-width: 600px;
  }
}
@media (max-width: 599px) {
  #search_contacts {
    min-width: 100%;
    max-width: 100%;
  }
}
#search_contacts div.search_relocation_states-container,
#search_contacts div.search_note_type-container,
#search_contacts div.search_notes_user-container,
#search_contacts div.search_contact_on_file-container,
#search_contacts div.search_states-container,
#search_contacts div.search_split_commission-container,
#search_contacts div.search_split_user-container,
#search_contacts div.search_revenue-container {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#search_contacts div.search_note_type_type-container {
  border-left: 1px solid transparent;
}
#search_contacts .popup-title h2 {
  margin-left: 0;
}
#search_contacts div.webmax-toggle span.webmax-downarrow.disabled {
  opacity: 0.5;
  cursor: default;
}
#search_contacts #search-revenue-field .mid-field {
  display: flex;
  padding-right: 0;
}
#search_contacts #parentheses-container {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
#search_contacts #parentheses-container .paren-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#search_contacts #parentheses-container .paren-checkbox-container input[name=parentheses] {
  margin-top: -2.15rem;
  margin-right: 0.25em;
}
#search_contacts #parentheses-container .paren-checkbox-container span.parentheses {
  font-size: 2.5em;
  color: #eee;
  margin-top: -3rem;
}
#search_contacts #search-company-field .search_select_company {
  display: flex;
  align-items: center;
}
#search_contacts #search-company-field .search_company_type-container {
  text-align: left;
  border-left: 1px solid transparent;
}
#search_contacts .search-filter-buttons-container {
  display: flex;
  justify-content: end;
}
#search_contacts .search-filter-buttons-container .search-filter-buttons {
  display: grid;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  width: 100%;
  row-gap: 0.25em;
}
@media (max-width: 499px) {
  #search_contacts .search-filter-buttons-container .search-filter-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 500px) {
  #search_contacts .search-filter-buttons-container .search-filter-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr 6em 1fr;
  }
}
#search_contacts .search-filter-buttons-container .search-filter-buttons button {
  margin-right: 0;
  display: flex;
  justify-content: center;
}
#search_contacts .text_search_output {
  min-height: 5em;
  padding: 1rem;
  background-color: #555;
  margin-top: 1rem;
  color: lightgrey;
  border-radius: 0.5em;
}
#search_contacts .text_search_output span.text_search_field {
  color: #f38ce0;
  cursor: pointer;
}
#search_contacts .text_search_output span.text_search_for {
  color: #58d158;
}
#search_contacts .text_search_output span.AND-span {
  font-weight: bold;
}
#search_contacts div.search_contacts_fields-container {
  margin: 1rem;
  border-radius: 0.5em;
  margin-bottom: 0;
  display: block;
}
#search_contacts div.search_contacts_fields-container span {
  color: var(--stand_alone_text_color);
}
#search_contacts .search-field {
  display: none;
  grid-template-columns: 1fr 10em;
  margin-bottom: 0.25em;
  row-gap: 0.25em;
}
#search_contacts #search-resume-field.search-field.resume {
  display: none;
  grid-template-columns: 3em 1fr;
}
#search_contacts #search-resume-field .resume-fields {
  display: grid;
  grid-template-columns: 1fr 10em;
  margin-bottom: 0.25em;
  row-gap: 0.25em;
}
#search_contacts #search-resume-field .resume-fields .resume-logic-2,
#search_contacts #search-resume-field .resume-fields .resume-logic-3 {
  display: grid;
  grid-template-columns: 4em 1fr;
}
#search_contacts #search-resume-field .resume-fields .resume-logic-2 .mid-field,
#search_contacts #search-resume-field .resume-fields .resume-logic-3 .mid-field {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
#search_contacts #search-resume-field .resume-fields .action-field {
  text-align: left;
  border-left: 1px solid transparent;
}
#search_contacts .field-label {
  display: none;
}
#search_contacts .mid-field, #search_contacts .search_job_categories-container {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#search_contacts .input-field {
  width: inherit;
}
#search_contacts .action-field {
  border: 1px solid #aaa;
  border-left: none;
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  border-radius: 0.5em;
  outline: none;
  color: #636b6f;
  border-radius: 0 0.5em 0.5em 0;
  display: flex;
  align-items: center;
}
#search_contacts .mid-field {
  width: 100%;
  border: 1px solid #aaa;
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  outline: none;
  color: #636b6f;
}
#search_contacts .webmax-dropdown-container {
  border: 1px solid var(--border_color);
  padding-top: 0.4em;
  padding-left: 0.4em;
  padding-right: 0;
  height: 2.5em;
  background-color: rgb(248, 248, 248);
}
#search_contacts .webmax-dropdown-container input {
  padding-left: 0;
}
#search_contacts .webmax-dropdown-container.logic-type {
  color: var(--stand_alone_text_color);
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-right: none;
}
#search_contacts li label {
  font-weight: normal;
  width: 100%;
}
#search_contacts div.search_on_file-dropdown li:hover,
#search_contacts div.search_job_categories-dropdown li:hover,
#search_contacts div.search_majors-dropdown li:hover,
#search_contacts div.search_relocation_states-dropdown li:hover,
#search_contacts div.search_states-dropdown li:hover {
  background-color: #c3e0f3;
}
#search_contacts div.search_relocation_states-dropdown-ul-container,
#search_contacts div.search_notes_user-dropdown-ul-container,
#search_contacts div.search_split_commission-dropdown-ul-container,
#search_contacts div.search_on_file-dropdown-ul-container,
#search_contacts div.search_states-dropdown-ul-container,
#search_contacts div.search_split_user-dropdown-ul-container,
#search_contacts div.search_job_categories-dropdown-ul-container {
  width: 100%;
}
#search_contacts div.search_group-dropdown-ul-container,
#search_contacts div.search_note_type-dropdown-ul-container {
  width: 100%;
}
#search_contacts div.search_group-dropdown-ul-container ul,
#search_contacts div.search_note_type-dropdown-ul-container ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#search_contacts .search_contacts_fields-dropdown-ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#search_contacts .search_contacts_fields-dropdown-ul li {
  display: flex;
  align-items: center;
}
#search_contacts .search_contacts_fields-dropdown-ul li img {
  width: 0.7em;
  margin-right: 0.5em;
}
#search_contacts #search_updated_date-field,
#search_contacts #search_split_date-field,
#search_contacts #search_notes_date-field {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}
#search_contacts #search_updated_date-container,
#search_contacts #search_notes_date-container,
#search_contacts #search_split_date-container {
  padding-right: 0;
  width: 100%;
  display: flex;
}
#search_contacts ul.search_relocation_states-dropdown-ul li,
#search_contacts ul.search_states-dropdown-ul li {
  line-height: 1.5em;
  float: left;
  display: inline;
  width: 50%;
}
#search_contacts button.reset-field-button {
  margin-right: 0;
  margin-top: 0.25em;
}
#search_contacts button.popup-action-button:hover {
  background-color: #0a2cad;
  color: #fff;
}
#search_contacts #search-notes_body-field .webmax-dropdown-container {
  text-align: left;
  border-left: 1px solid transparent;
}
#search_contacts #search-zip-field #search_zip-field {
  border: 1px solid transparent;
  outline: none;
  background-color: rgb(248, 248, 248);
}
#search_contacts #search-zip-field #zip_by_distance_block {
  display: none;
  margin-top: -0.05em;
  flex-grow: 5;
  padding-left: 1em;
}
#search_contacts #search-zip-field #zip_by_distance_block .search_zip_minimum-container,
#search_contacts #search-zip-field #zip_by_distance_block .search_zip_maximum-container {
  padding-left: 0.5em;
  border-left: 1px solid transparent;
}
#search_contacts #search-zip-field .search_zip_type-container {
  text-align: left;
  border-left: 1px solid transparent;
}
#search_contacts #search-zip-field .search_zip_type-container ul.search_zip_type-dropdown-ul li {
  white-space: nowrap;
}
#search_contacts #search-zip-field div.zip-lookup {
  border: 1px solid transparent;
  background-color: rgba(227, 227, 227, 0.4588235294);
}
#search_contacts #search-zip-field div.zip-lookup input.search_zip-class {
  border: 1px solid transparent !important;
  width: 9em !important;
  z-index: unset !important;
}
#search_contacts #search-zip-field div.zip-lookup div.predictive_text {
  border: 1px solid transparent;
}
#search_contacts #search-zip-field .error_field {
  grid-column-start: span 2;
}

#search_get_popup li, #search_save_popup li {
  padding: 0.4em 0.8em;
  cursor: pointer;
}
#search_get_popup li .active, #search_save_popup li .active {
  background-color: #0a2cad;
  color: #fff;
}
#search_get_popup li:hover, #search_get_popup li.hovered, #search_save_popup li:hover, #search_save_popup li.hovered {
  background-color: #c3e0f3;
}
#search_get_popup .delete-search_filter, #search_save_popup .delete-search_filter {
  margin-top: -0.05em;
  font-size: 1.3em;
  opacity: 0;
}
#search_get_popup .delete-search_filter:hover, #search_save_popup .delete-search_filter:hover {
  color: var(--hover_danger_color);
}

#create_folder_popup {
  width: -moz-fit-content;
  width: fit-content;
}
#create_folder_popup .webmax-dropdown-container {
  width: 100%;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  outline: none;
  color: var(--stand_alone_text_color);
  text-align: left;
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

#delete-file_popup button.popup-action-confirm:hover {
  background-color: var(--alert_button_back_color);
  color: white;
}
#delete-file_popup div.popup-buttons {
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
}
#delete-file_popup div.delete_file_error {
  margin-left: 1rem;
  margin-right: 1rem;
}

#delete-folder_popup button.popup-action-confirm:hover {
  background-color: var(--alert_button_back_color);
  color: white;
}
#delete-folder_popup div.main_buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.6em;
  margin-bottom: 0.2em;
  height: 1.8em;
}

#email_editor_popup .required_field {
  z-index: auto;
  margin-right: 0.3rem;
  position: inherit;
  top: auto;
  right: auto;
}
#email_editor_popup div.email_editor_main_buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.6em;
  height: 1.8em;
}
#email_editor_popup div.field-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0.7rem;
  height: 3.5rem;
  color: var(--stand_alone_text_color);
  margin-bottom: 0.8rem;
}
#email_editor_popup div.field-wrapper-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 16rem;
  min-width: 16rem;
  max-width: 16rem;
  height: 100%;
  background-color: var(--field_label_color);
  padding-left: 1rem;
  border-left: 1px solid var(--border_color);
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
  border-right: none;
  border-radius: 0.7rem 0 0 0.7rem;
  position: relative; /* for the required indicator */
}
#email_editor_popup div.field-container {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0.7rem 0.7rem 0;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
}
#email_editor_popup div.template_body_area {
  padding: 0;
  height: 100%;
}
#email_editor_popup .template_attachments-field .attachment_list {
  position: relative;
  height: 100%;
  list-style: none;
  padding: 0;
}
#email_editor_popup .template_attachments-field .attachment {
  cursor: pointer;
}
#email_editor_popup input[name=cc], #email_editor_popup input[name=bcc] {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-left: 0.6rem;
}
#email_editor_popup .body-div {
  height: 6em;
}
#email_editor_popup #email_template_ul li.is_user {
  font-style: italic;
}
#email_editor_popup div.email_template_id_error,
#email_editor_popup div.cc_error,
#email_editor_popup div.bcc_error,
#email_editor_popup div.email_subject_error,
#email_editor_popup div.email_body_error {
  display: none;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
#email_editor_popup label.add_attachment-label {
  display: flex;
  align-items: center;
}
#email_editor_popup svg.download-attachments {
  width: 2rem;
  margin-right: 1rem;
}
#email_editor_popup .email_templates-container {
  border-radius: 0 0.5em 0.5em 0;
}
#email_editor_popup svg.expand_and_collapse_body,
#email_editor_popup svg.collapse_and_expand_body {
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}
#email_editor_popup svg.expand_and_collapse_body {
  display: none;
}
#email_editor_popup button.select_attachment_file {
  width: 12rem;
  display: flex;
  margin: 0.8rem auto 0 auto;
  padding: 0.5rem;
  border: 1px solid gray;
  border-radius: 0.6rem;
  background-color: lightgray;
  align-items: center;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  cursor: pointer;
  justify-content: space-evenly;
}
#email_editor_popup button.select_attachment_file:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#email_editor_popup button.select_attachment_file:hover svg {
  fill: white;
  color: white;
}

#file-primary-panel.panel-primary {
  display: grid;
  /*  margin-top: 2em;*/
  margin-bottom: 0;
  grid-template-rows: 4.1rem 1fr;
  overflow-y: hidden;
}
#file-primary-panel button.delete_folder_button:hover, #file-primary-panel button.delete_file_button:hover {
  background-color: var(--hover_danger_color);
}
#file-primary-panel div.no-matches {
  font-size: 2.5em;
  color: grey;
  text-align: center;
}

#main_file_manager.main-panel {
  display: grid;
  grid-template-rows: 1fr 15rem;
  overflow-y: hidden;
  padding: 0;
  /*  height: 100%; */
}
#main_file_manager div.folder_button_bar {
  display: flex;
  flex-direction: row;
  padding-top: 0.42rem;
  padding-bottom: 0.42rem;
  border-bottom: 1px solid lightgrey;
  align-items: center;
}
#main_file_manager div.folder_button_bar .permissions_button {
  height: 3.6rem;
  width: 4em;
  border: 1px solid #ccc;
}
#main_file_manager div.folder_button_bar svg.permissions {
  width: 2rem;
}
#main_file_manager div.file_button_bar {
  display: flex;
  flex-direction: row;
  padding-top: 0.42rem;
  padding-bottom: 0.42rem;
  border-bottom: 1px solid lightgrey;
  height: 4.7rem;
  align-items: center;
}
#main_file_manager div.file_button_bar .fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #ccc;
  margin-left: 0.5rem;
  margin-right: 0.2em;
  height: 3.6rem;
}
#main_file_manager div.file_button_bar .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
#main_file_manager div.file_button_bar button.download_button {
  width: 4em;
  height: 3.6rem;
  margin-left: 0.2em;
  margin-right: 0.2em;
  border: 1px solid #ccc;
}
#main_file_manager div.file_button_bar button.download_button svg {
  width: 2rem;
}
#main_file_manager div.file_button_bar #file_uploader {
  height: 3.6rem;
}
#main_file_manager div.file_system_area {
  display: grid;
  grid-template-columns: 27.55rem 1fr;
  overflow-y: hidden;
}
#main_file_manager div.file-head {
  font-weight: normal;
  display: grid;
  grid-template-columns: 60% 25% 15%;
  border-bottom: 1px solid grey;
  height: 3rem; /* set this and the file_body height to have the popup autosize */
}
#main_file_manager div.file-head .sort-arrow-container {
  margin-left: 1rem;
}
#main_file_manager div.file-head .sorting-arrow {
  width: 1rem;
  fill: #666;
}
#main_file_manager div.file-head div.column-header {
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  background-color: var(--table_header_color);
}
#main_file_manager div.file-head button {
  border: none;
  background: transparent;
  width: 2rem;
  height: 2rem;
}
#main_file_manager div.file-head button.sort-button {
  display: none;
}
#main_file_manager div.file-head span.glyphicon-search {
  margin-right: unset;
}
#main_file_manager div.file-body {
  overflow-y: auto;
  overscroll-behavior: contain;
  height: 100%;
  position: relative;
}
#main_file_manager div.file-body div.webmax-file {
  display: grid;
  grid-template-columns: 60% 25% 15%;
  font-weight: normal;
}
#main_file_manager div.file-body div.webmax-file div {
  padding: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main_file_manager div.file-body div.webmax-file div.file_name {
  text-align: left;
}
#main_file_manager div.file-body div.webmax-file div:nth-child(3) {
  text-align: right;
}
#main_file_manager div.file-body div.webmax-file div:nth-child(2) {
  text-align: left;
}
#main_file_manager div.file-body div.webmax-file:nth-of-type(even) {
  background-color: var(--odd_tr_color);
}
#main_file_manager div.file-body div.webmax-file.active {
  background-color: var(--active_element_color);
  color: white;
}
#main_file_manager div.file-body div.webmax-file:hover {
  background-color: var(--hover_color);
}
#main_file_manager div.file_area {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#main_file_manager div.folder-area {
  overflow-x: auto;
  display: grid;
  grid-template-rows: 4.54rem 1fr;
  border-right: 1px solid lightgray;
  min-width: 200px;
  max-width: 300px;
}
#main_file_manager div.folder-area div.folder-arrows {
  width: 1rem;
  min-width: 1rem;
  margin-right: 0.5rem;
}
#main_file_manager div.folder-area .folder-arrow {
  width: 1rem;
  fill: #666;
  display: none; /* until shown */
}
#main_file_manager div.folder-area div.active svg.folder-arrow {
  fill: white !important;
}
#main_file_manager div.folder-area div.folder-arrows:not(.has_children) svg {
  /* don't allow arrows to show */
  fill: transparent;
  stroke: transparent;
}
#main_file_manager div.folder-area ul {
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin-top: 1px;
  margin-left: 1rem;
  padding-bottom: 7px;
}
#main_file_manager div.folder-area ul.collapsed {
  display: none;
}
#main_file_manager div.folder-area ul.folder-container {
  margin-left: 0;
  margin-bottom: 0;
}
#main_file_manager div.folder-area ul li {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
#main_file_manager div.folder-area ul li div.folder-row {
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
#main_file_manager div.folder-area ul li div.folder-row.active {
  background-color: var(--active_element_color) !important;
  color: #fff !important;
}
#main_file_manager div.folder-area ul li div.folder-row:hover {
  background-color: var(--hover_color);
}
#main_file_manager div.folder-area ul li div.folder-row[data-is_system="1"] {
  color: lightgrey;
}
#main_file_manager div.folder-area ul li img.webmax-folder {
  margin-right: 0.4rem;
  pointer-events: none;
}
#main_file_manager div.fileuploader-label {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  font-weight: normal;
}
#main_file_manager .no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
  supported by Chrome and Opera */
}
#main_file_manager div.console_area {
  overflow-y: auto;
  border-top: 1px solid lightgray;
  padding-bottom: 2rem;
}
#main_file_manager div.console_area div.file_progress_bar {
  white-space: nowrap;
  display: flex;
  padding: 0.3em 0.5em;
  align-items: center;
}
#main_file_manager div.console_area div.progress_bar_container {
  width: 100%;
  margin-left: 0.5em;
  background-color: var(--progress_bar_empty_color);
}
#main_file_manager div.console_area div.progress_bar {
  background-color: var(--progress_bar_color);
  height: 1em;
}
#main_file_manager div.file_insertion_caret, #main_file_manager div.file_manager div.folder_insertion_caret {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: black;
}
#main_file_manager div.folder_insertion_caret.caret_inactive {
  background-color: lightgrey !important;
}
#main_file_manager div.folders {
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
}
#main_file_manager button.folder-button, #main_file_manager button.file-button {
  margin-left: 0.2em;
  margin-right: 0.2em;
  border: 1px solid #ccc;
  font-size: 1em;
}
#main_file_manager button.delete_folder_button,
#main_file_manager button.delete_file_button,
#main_file_manager button.view_file_button {
  width: 4em;
}
#main_file_manager button.new_folder_button {
  margin-left: 0.5em;
  width: 4em;
}
#main_file_manager form.files_form {
  width: 100%;
  height: 100%;
}

#history_popup {
  width: 70rem;
  max-width: 70rem;
  height: 50rem;
  -webkit-user-select: unset;
     -moz-user-select: unset;
          user-select: unset;
}
#history_popup h1 {
  height: 4rem;
}
#history_popup div.popup-container {
  padding-top: 1em;
  margin-bottom: 1em;
}
#history_popup div.webmax-popup-content {
  height: 100%;
  overflow: hidden;
}
#history_popup div.webmax-popup-action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin: 0 1rem;
  border-top: 1px solid #337ab7;
}
#history_popup div.scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 42rem;
}
#history_popup .history_details table.fixed-headers {
  height: 2rem;
}
#history_popup .history_details table.fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
  white-space: nowrap;
}
#history_popup .history_details table.fixed-headers th.date-time {
  width: 43.5rem;
}
#history_popup .history_details table.scroll-table tr.p_history {
  border-top: 1px solid lightblue;
}
#history_popup .history_details table.scroll-table td {
  padding: 0.3em 0.5em;
  white-space: nowrap;
}
#history_popup .history_details table.scroll-table tr.extra_info td {
  padding-left: 1em;
  white-space: normal;
  text-align: left;
}
#history_popup .history_details table.scroll-table tr.p_history td {
  text-align: left;
}
#history_popup .history_details table.scroll-table tr.p_history:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#history_popup .history_details button.view-pdf-resume {
  width: 2em;
  color: var(--stand_alone_text_color);
  background-color: transparent;
  border: none;
  svg-pointer-events: none;
  svg-width: 1.8em;
}
#history_popup .history_details button.view-pdf-resume:hover {
  cursor: pointer;
}
#history_popup .history_details button.edit-resume {
  width: 1.8em;
  height: 2.1em;
  border: none;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  background: transparent;
  padding: 0;
  outline: none;
  svg-pointer-events: none;
  svg-width: 1.8em;
}
#history_popup .history_details button.edit-resume:hover {
  cursor: pointer;
}
#history_popup .history_details svg.view-signed-agreement {
  height: 1.8em;
  cursor: pointer;
}

#horizontal_dialer-container {
  background-color: var(--odd_tr_color);
  z-index: 50000;
}
@media (max-width: 420px) {
  #horizontal_dialer-container { /* narrow device */
    display: none;
  }
}
#horizontal_dialer-container #dialer_bar_phone_number {
  height: 2.5em;
  border: 1px solid rgb(186, 186, 186);
  border-radius: 0.4em;
  padding-left: 0.5rem;
  width: 12rem;
}
#horizontal_dialer-container #horizontal_dialer {
  width: var(--page_width);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  height: 4.4rem;
  max-height: 4.4rem;
}
#horizontal_dialer-container #horizontal_dialer div.dialer_container {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 27.5rem;
  justify-content: flex-start;
}
#horizontal_dialer-container #horizontal_dialer div.webmax-dropdown-menu {
  z-index: 2000; /* so that popups can't go behind it */
}
#horizontal_dialer-container #horizontal_dialer div.group_contact_container {
  min-width: 17.9rem;
  max-width: 17.9rem;
}
#horizontal_dialer-container #horizontal_dialer div.group_contact-dropdown-ul-container ul li.disabled {
  opacity: 0.6;
}
#horizontal_dialer-container #horizontal_dialer div.user_phone_list_container,
#horizontal_dialer-container #horizontal_dialer div.group_contact_container {
  white-space: nowrap;
  border: 1px solid rgb(186, 186, 186);
  border-radius: 0.4em;
  background-color: white;
}
#horizontal_dialer-container #horizontal_dialer div.group_contact_container input.group_contact-class,
#horizontal_dialer-container #horizontal_dialer div.user_phone_list_container input.user_phone_list-class {
  height: 2.5em;
  padding-left: 0.5rem;
  background-color: white;
}
#horizontal_dialer-container #horizontal_dialer div.group_contact-dropdown-ul-container {
  max-width: 50rem;
}
#horizontal_dialer-container #horizontal_dialer button.popup-action-button {
  height: 2.5em;
  background-color: rgb(239, 239, 239);
  border: 1px solid rgb(118, 118, 118);
}
#horizontal_dialer-container #horizontal_dialer button.popup-action-button:disabled {
  color: white;
}
#horizontal_dialer-container #horizontal_dialer div.message_display_area {
  color: green;
  text-align: center;
}
#horizontal_dialer-container #horizontal_dialer button.popup-action-dial {
  margin-right: 0;
  margin-left: 0.4em;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border-radius: 0.3em;
  border: 1px solid rgb(118, 118, 118);
  background-color: rgb(239, 239, 239);
  fill: #777;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 0.4em;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button svg {
  width: 60%;
  height: 60%;
  pointer-events: none;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown {
  /* content will overlap the boundaries of this, leaving the svg in place */
  height: 0;
  width: 0;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown .content-container {
  display: grid;
  row-gap: 0.5em;
  grid-template-columns: 1fr;
  background-color: white;
  margin-top: 2rem;
  padding: 0.5em;
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: -7em;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown .content-container .template-dropdown {
  border-radius: 0.5em;
  background-color: transparent;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown .content-container textarea {
  width: 22em;
  height: 6em;
  resize: none;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown .content-container div.buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown .content-container div.buttons button[name=cancel-text-button] {
  margin-left: 0.25em;
}
#horizontal_dialer-container #horizontal_dialer #text-message-button .webmax-simple-dropdown .content-container div.buttons .error_field {
  white-space: nowrap;
}

div.drop_message_controls {
  width: 24rem;
  min-width: 24rem;
  margin-left: 0.5rem;
}

/* None of these styles work with the call pad now */
/* needs CSS grids */
div.drop_message_list_container {
  white-space: nowrap;
  border: 1px solid rgb(186, 186, 186);
  border-radius: 0.4em;
  background-color: white;
}
div.drop_message_list_container .dropdown-menu {
  z-index: 2000;
}
div.drop_message_list_container input.drop_message_list-class {
  height: 2.5em;
  padding-left: 0.5rem;
  background-color: white;
}

#call_bar_phone_extension {
  height: 2.5em;
  border: 1px solid rgb(186, 186, 186);
  border-radius: 0.4em;
  padding-left: 0.5rem;
  width: 12rem;
}

div.dialer_number_pad {
  /*#number_pad, #number_pad_2 {*/
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border-radius: 0.3em;
  border: 1px solid rgb(118, 118, 118);
  background-color: rgb(239, 239, 239);
  margin-left: 0.4em;
}
div.dialer_number_pad div.webmax-dropdown-menu {
  z-index: 2000; /* so that popups can't go behind it */
}
div.dialer_number_pad img.number_pad-dropdown-icon, div.dialer_number_pad img.number_pad_2-dropdown-icon {
  width: 1.5rem;
  cursor: pointer;
}
div.dialer_number_pad div.webmax-toggle {
  display: none !important; /* override */
}
div.dialer_number_pad div.number_pad-dropdown, div.dialer_number_pad div.number_pad_2-dropdown {
  width: unset !important;
}
div.dialer_number_pad ul {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}
div.dialer_number_pad div.number_pad-dropdown-ul-container, div.dialer_number_pad div.number_pad_2-dropdown-ul-container {
  margin-top: 2rem;
  margin-left: -10rem;
}
div.dialer_number_pad button {
  pointer-events: none;
}
div.dialer_number_pad button.num_button {
  width: 2em;
  height: 2em;
  text-align: center;
  font-size: 1.6em;
  margin: 0.25em;
  border-radius: 0.3em;
  background-color: #efefef;
  outline: none;
  border: 1px solid #c3c3c3;
}
div.dialer_number_pad button.num_button:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
div.dialer_number_pad button.num_button.flash {
  background-color: orange;
  color: white;
}
div.dialer_number_pad button.num_button span {
  font-size: 0.4em;
  margin-top: -0.4em;
  display: block;
}

#app_call_bar {
  height: 4.4rem;
  max-height: 4.4rem;
  min-height: 4.4rem;
  background-color: white;
  border-bottom-color: gray;
  display: flex;
  align-items: center;
  width: var(--page_width);
  margin-left: auto;
  margin-right: auto;
}

.call_button { /* button style for buttons in either call bar */
  display: inline-block;
  margin-left: 0.2em;
  margin-right: 0.2em;
  min-width: 4em;
  background-color: #ccc;
  color: #444;
  border: none;
  border-radius: 0.5em;
  text-align: center;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

#accept_call.flash {
  background-color: lightgreen;
  color: white;
}

#decline_call.flash {
  background-color: red;
  color: white;
}

#call_buttons {
  white-space: nowrap;
  display: flex;
}

#DND:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}

#caller_id {
  font-size: 1.2em;
  color: #444;
  margin-right: 1em;
  white-space: nowrap;
}

button.muted, button.do_not_disturb {
  background-color: orange;
}

button.call-audio-button {
  height: 2.5em;
  top: 0;
  margin-left: 0.5rem;
  border: 1px solid rgb(118, 118, 118);
  border-radius: 0.3em;
  background-color: rgb(239, 239, 239);
  color: #444;
}

#app {
  display: flex;
  flex-direction: column;
}

#app_content {
  height: calc(100vh - 9.4rem);
}

span.webmax_link {
  text-decoration: underline;
  color: #337ab7;
}

button.link_button {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
}

.close-menu-item {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}

div.main-menu-item {
  pointer-events: none;
  white-space: nowrap;
  flex: 1 1 auto;
  position: relative;
  overflow-x: auto;
  /* Hide scrollbar for Chrome, Safari, and Edge */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.main-menu-item::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.close-menu-item.disabled {
  visibility: hidden; /* Not visible */
  pointer-events: none; /* Not clickable */
}

div.job_order_list_container {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
div.job_order_list_container .job_order_list {
  display: grid;
  grid-template-rows: auto auto 1fr;
}
div.job_order_list_container .list-header {
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0;
}
div.job_order_list_container .list-header h2 {
  color: white;
}
div.job_order_list_container .list-header .page-navigation {
  display: flex;
  align-items: center;
  margin-top: 0;
}
div.job_order_list_container .list-header .page-navigation div.navigation-pages {
  margin-top: 0;
  color: white;
}
div.job_order_list_container div.job-order-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
div.job_order_list_container table {
  width: 100%;
  table-layout: fixed;
}
div.job_order_list_container table th.updated_date, div.job_order_list_container table td.update_date {
  width: 10.2rem;
}
div.job_order_list_container table th.company, div.job_order_list_container table td.company {
  width: 19.6rem;
}
div.job_order_list_container table th.contact, div.job_order_list_container table td.contact {
  width: 19.6rem;
}
div.job_order_list_container table th.job_title, div.job_order_list_container table td.job_title {
  width: 26.6rem;
}
div.job_order_list_container table th.job_category, div.job_order_list_container table td.job_category {
  width: 26.6rem;
}
div.job_order_list_container table th.status, div.job_order_list_container table td.status {
  width: 9rem;
}
div.job_order_list_container table tr.public {
  color: darkgreen;
}
div.job_order_list_container table.job_orders-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
div.job_order_list_container table.job_orders-fixed-headers th div.column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.job_order_list_container table.job_order-scroll-table {
  width: 100%;
  /*  height:100%; */
}
div.job_order_list_container table.job_order-scroll-table td.disabled {
  opacity: 0.5;
}
div.job_order_list_container table.job_order-scroll-table td.job_title {
  text-transform: capitalize;
}

#job_order_popup {
  height: -moz-fit-content;
  height: fit-content;
}
#job_order_popup .webmax-popup-content {
  padding-top: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
}
#job_order_popup .popup-tabs-content-area {
  width: 74.2rem;
}
#job_order_popup .popup-tabs-content-area .popup-tab-content {
  height: -moz-fit-content;
  height: fit-content; /* Allow the content to grow based on its children */
  min-height: 32.2rem;
}
#job_order_popup #job_order_delete_buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 2.6rem;
}
#job_order_popup input.job_title-class {
  text-transform: capitalize;
}
#job_order_popup div.job_title-dropdown-ul-container li {
  text-transform: capitalize;
}
#job_order_popup button.select_attachment_file {
  width: 10rem;
  display: flex;
  margin: 0.8rem auto 0 auto;
  padding: 0.5rem;
  border: 1px solid gray;
  border-radius: 0.6rem;
  background-color: lightgray;
  align-items: center;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  cursor: pointer;
  justify-content: space-evenly;
}
#job_order_popup button.select_attachment_file:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#job_order_popup button.select_attachment_file:hover svg {
  fill: white;
  color: white;
}
#job_order_popup #field-areas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
#job_order_popup .field-area {
  display: grid;
  grid-template-columns: 9em 1fr;
  margin-bottom: 0.25em;
}
#job_order_popup .field-area .field-label {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  padding: 0.4em;
}
#job_order_popup svg.download-attachments {
  width: 2rem;
}
#job_order_popup .reason-for-hiring-container, #job_order_popup .selling-points-container {
  border: 1px solid var(--border_color);
  background-color: rgb(248, 248, 248);
  padding: 0.4em;
  border-radius: 0 0.5em 0.5em 0;
  outline: none;
  color: var(--stand_alone_text_color);
}
#job_order_popup .main_buttons {
  /*display: flex; 
  justify-content: space-between; */
  margin-top: 1rem;
}
#job_order_popup .main_buttons button.popup-action-quit:hover {
  background-color: orange;
  color: white;
}
#job_order_popup .main_buttons button.popup-action-save:hover {
  background-color: green;
  color: white;
}
#job_order_popup #job-order-notes-tab .jo-notes-container {
  height: 100%;
  padding-top: 0.8rem;
  display: grid;
  grid-template-rows: 1fr 7.2rem;
  grid-gap: 0.8rem;
}
#job_order_popup #job-order-notes-tab #notes-text-area {
  border-radius: 0.5rem;
  resize: none;
  background-color: rgb(248, 248, 248);
  border-color: var(--border_color);
  padding: 0.5rem;
  color: var(--stand_alone_text_color);
  outline: none;
}
#job_order_popup #job-order-notes-tab #jo_popup_attachments_area {
  height: 7.2rem;
}
#job_order_popup #job-order-referral-list-tab .job-order-referrals-table-header {
  display: grid;
  grid-template-columns: 16rem 23rem 1fr;
  background-color: var(--table_header_color);
  color: #222;
  padding: 0.6rem;
}
#job_order_popup #job-order-referral-list-tab table.job_order_referrals_table tr.referral:hover {
  cursor: pointer;
}
#job_order_popup #job-order-referral-list-tab table.job_order_referrals_table td {
  padding: 0.4rem 0.6rem;
  white-space: nowrap;
}
#job_order_popup #job-order-referral-list-tab table.job_order_referrals_table td.created_date {
  width: 16rem;
}
#job_order_popup #job-order-referral-list-tab table.job_order_referrals_table td.candidate {
  width: 23rem;
}
#job_order_popup #job-order-history-tab .job-order-history-table-header {
  display: grid;
  grid-template-columns: 16rem 1fr;
  background-color: var(--table_header_color);
  color: #222;
  padding: 0.6rem;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody td {
  padding: 0.4rem 0.6rem;
  white-space: nowrap;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody td.history-datetime {
  width: 16rem;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody tr.p_history {
  border-top: 1px solid lightblue;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody tr.p_history td {
  text-align: left;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody tr.p_history:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody tr.extra_info td {
  padding-left: 0.8rem;
  white-space: nowrap;
  text-align: left;
}
#job_order_popup #job-order-history-tab table.job_order_history_table tbody tr.extra_info td div {
  display: grid;
  grid-template-columns: 20rem 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
}

#search_job_orders {
  margin: 0;
  left: 0;
}
@media (min-width: 600px) {
  #search_job_orders {
    min-width: 600px;
    max-width: 600px;
  }
}
@media (max-width: 599px) {
  #search_job_orders {
    min-width: 100%;
    max-width: 100%;
  }
}
#search_job_orders .popup-title h2 {
  margin-left: 0;
}
#search_job_orders div.webmax-toggle span.webmax-downarrow.disabled {
  opacity: 0.5;
  cursor: default;
}
#search_job_orders #parentheses-container {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
#search_job_orders #parentheses-container .paren-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#search_job_orders #parentheses-container .paren-checkbox-container input[name=parentheses] {
  margin-top: -2.15rem;
  margin-right: 0.25em;
}
#search_job_orders #parentheses-container .paren-checkbox-container span.parentheses {
  font-size: 2.5em;
  color: #eee;
  margin-top: -3rem;
}
#search_job_orders #search-states-field .search_states-container {
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
}
#search_job_orders #search-company-field .search_select_company {
  display: flex;
  align-items: center;
}
#search_job_orders #search-company-field .search_company_type-container {
  text-align: left;
  border-left: 1px solid transparent;
}
#search_job_orders .search-filter-buttons-container {
  display: flex;
  justify-content: end;
}
#search_job_orders .search-filter-buttons-container .search-filter-buttons {
  display: grid;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  width: 100%;
  row-gap: 0.25em;
}
@media (max-width: 499px) {
  #search_job_orders .search-filter-buttons-container .search-filter-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 500px) {
  #search_job_orders .search-filter-buttons-container .search-filter-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr 6em 1fr;
  }
}
#search_job_orders .search-filter-buttons-container .search-filter-buttons button {
  margin-right: 0;
  display: flex;
  justify-content: center;
}
#search_job_orders .text_search_output {
  min-height: 5em;
  padding: 1rem;
  background-color: #555;
  margin-top: 1rem;
  color: lightgrey;
  border-radius: 0.5em;
}
#search_job_orders .text_search_output span.text_search_field {
  color: #f38ce0;
  cursor: pointer;
}
#search_job_orders .text_search_output span.text_search_for {
  color: #58d158;
}
#search_job_orders .text_search_output span.AND-span {
  font-weight: bold;
}
#search_job_orders div.search_job_orders_fields-container {
  margin: 1rem;
  border-radius: 0.5em;
  margin-bottom: 0;
  display: block;
}
#search_job_orders div.search_job_orders_fields-container span {
  color: var(--stand_alone_text_color);
}
#search_job_orders .search-field {
  display: none;
  grid-template-columns: 1fr 10em;
  margin-bottom: 0.25em;
  row-gap: 0.25em;
}
#search_job_orders .field-label {
  display: none;
}
#search_job_orders .mid-field, #search_job_orders .search_job_categories-container {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
#search_job_orders .input-field {
  width: inherit;
}
#search_job_orders .action-field {
  border: 1px solid #aaa;
  border-left: none;
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  border-radius: 0.5em;
  outline: none;
  color: #636b6f;
  border-radius: 0 0.5em 0.5em 0;
  display: flex;
  align-items: center;
}
#search_job_orders .mid-field {
  width: 100%;
  border: 1px solid #aaa;
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  outline: none;
  color: #636b6f;
}
#search_job_orders .webmax-dropdown-container {
  border: 1px solid var(--border_color);
  padding-top: 0.4em;
  padding-left: 0.4em;
  padding-right: 0;
  height: 2.5em;
  background-color: rgb(248, 248, 248);
}
#search_job_orders .webmax-dropdown-container input {
  padding-left: 0;
}
#search_job_orders .webmax-dropdown-container.logic-type {
  color: var(--stand_alone_text_color);
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-right: none;
}
#search_job_orders li label {
  font-weight: normal;
  width: 100%;
}
#search_job_orders div.search_job_categories-dropdown li:hover {
  background-color: #c3e0f3;
}
#search_job_orders div.search_job_categories-dropdown-ul-container {
  width: 100%;
}
#search_job_orders div.search_group-dropdown-ul-container {
  width: 100%;
}
#search_job_orders div.search_group-dropdown-ul-container ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#search_job_orders .search_user_job_orders_fields-dropdown-ul, #search_job_orders .search_company_job_orders_fields-dropdown-ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
#search_job_orders .search_user_job_orders_fields-dropdown-ul li, #search_job_orders .search_company_job_orders_fields-dropdown-ul li {
  display: flex;
  align-items: center;
}
#search_job_orders .search_user_job_orders_fields-dropdown-ul li img, #search_job_orders .search_company_job_orders_fields-dropdown-ul li img {
  width: 0.7em;
  margin-right: 0.5em;
}
#search_job_orders .search_user_job_orders_fields-dropdown-ul li.disabled, #search_job_orders .search_company_job_orders_fields-dropdown-ul li.disabled { /* don't show in the list at all */
  display: none;
}
#search_job_orders #search-visibility-field {
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  background-color: rgb(248, 248, 248);
}
#search_job_orders #search-visibility-field .search_visibility-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 2.5em;
}
#search_job_orders #search-visibility-field .search_visibility-container label {
  font-weight: normal;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
#search_job_orders #search-visibility-field .search_visibility-container label input {
  margin: 0 0.5rem 0 0;
}
#search_job_orders #search-visibility-field .search_job_order_user-container {
  margin: 1em;
  border-radius: 0.5em;
}
#search_job_orders #search-visibility-field .action-field {
  border: none;
  border-radius: none;
}
#search_job_orders #search-visibility-field .consultant-user-control {
  padding: 0.4rem;
  display: flex;
  align-items: center;
}
#search_job_orders #search_updated_date-field {
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}
#search_job_orders #search_updated_date-container {
  padding-right: 0;
  width: 100%;
  display: flex;
}
#search_job_orders button.reset-field-button {
  margin-right: 0;
  margin-top: 0.25em;
}
#search_job_orders button.popup-action-button:hover {
  background-color: #0a2cad;
  color: #fff;
}
#search_job_orders #search-reason_for_hiring-field .webmax-dropdown-container, #search_job_orders #search-selling_points-field .webmax-dropdown-container {
  text-align: left;
  border-left: 1px solid transparent;
}

#location-popup {
  width: 75rem;
}
#location-popup .location-name {
  font-size: 0.8em;
  color: white;
}
#location-popup .travel-time {
  height: 2em;
}
#location-popup .commute-to-container {
  display: flex;
  align-items: center;
}
#location-popup .commute-to-container .zip-code-container {
  margin-left: 1em;
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  padding: 0.25em;
}
#location-popup .commute-to-container .zip-code-container input[name=commute-to-zip] {
  border: none;
  outline: none;
  width: 4em;
}
#location-popup .commute-to-container .zip-error {
  margin-left: 1em;
  margin-top: 0;
  margin-bottom: 0;
}
#location-popup .button-container {
  display: grid;
  grid-template-columns: 1fr 5em;
  margin-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 1em;
  margin-right: 1em;
}
#location-popup .button-container button {
  width: 5em;
}

#app_nav_bar {
  margin-bottom: 0;
  height: 5rem;
  max-height: 5rem;
  min-height: 5rem;
  border: none;
  /* width: 1130px; */
  margin-left: auto;
  margin-right: auto;
}
#app_nav_bar .main-container {
  /* the main container is full width up until maximum view width (1160px) */
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1140px) {
  #app_nav_bar .main-container {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1129px) {
  #app_nav_bar .main-container {
    width: 1140px;
  }
}
#app_nav_bar .main-container .menu-container {
  display: flex;
  align-items: center;
}
#app_nav_bar .main-container .menu-container .webmax-brand {
  margin-left: 1em;
  margin-right: 1em;
  font-size: 1.3em;
}
#app_nav_bar .main-container .menu-container .webmax-hamburger {
  height: 2.5em;
  width: 2.5em;
  color: darkgray;
  cursor: pointer;
}
@media (min-width: 1140px) {
  #app_nav_bar .main-container .menu-container .webmax-hamburger {
    display: none;
  }
}
@media (max-width: 1139px) {
  #app_nav_bar .main-container .menu-container .webmax-hamburger {
    display: block;
  }
}
#app_nav_bar .main-container .menu-container .webmax-hamburger svg {
  height: 100%;
  width: 100%;
}
@media (max-width: 1139px) {
  #app_nav_bar .main-container .menu-container .webmax-navbar {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background-color: white;
    padding-left: 0.5em;
    display: none;
  }
  #app_nav_bar .main-container .menu-container .webmax-navbar li {
    width: 100%;
  }
  #app_nav_bar .main-container .menu-container .webmax-navbar li.active_tab {
    border: none;
  }
}
#app_nav_bar .main-container .menu-container .webmax-navbar ul {
  list-style: none;
  padding-left: 0;
}
#app_nav_bar .main-container .menu-container .webmax-navbar ul li {
  float: left;
  padding: 0.8em;
  color: #777;
  cursor: pointer;
}
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container {
  width: 4em;
}
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.webmax-toggle,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.webmax-toggle {
  margin-top: -1px;
}
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.reports_menu-dropdown input,
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.setup_menu-dropdown input,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.reports_menu-dropdown input,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.setup_menu-dropdown input {
  padding-left: 0;
}
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.reports_menu-dropdown ul,
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.setup_menu-dropdown ul,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.reports_menu-dropdown ul,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.setup_menu-dropdown ul {
  max-height: none !important;
  height: -moz-fit-content;
  height: fit-content;
}
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.reports_menu-dropdown ul li,
#app_nav_bar .main-container .menu-container .webmax-navbar div.reports_menu-container div.setup_menu-dropdown ul li,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.reports_menu-dropdown ul li,
#app_nav_bar .main-container .menu-container .webmax-navbar div.setup_menu-container div.setup_menu-dropdown ul li {
  float: unset;
  padding: 0.4em;
}
#app_nav_bar .main-container .user-container {
  display: flex;
}
#app_nav_bar .main-container .user-container #logout_button {
  display: inline-block;
  padding-left: 0;
  background-color: transparent;
  border: none;
  color: var(--stand_alone_text_color);
}
#app_nav_bar .main-container div.webmax-menu {
  /*    padding-top:15px;
      padding-bottom:15px; */
  line-height: 20px;
  cursor: pointer;
}
#app_nav_bar .main-container div.webmax-menu input {
  cursor: pointer;
  color: #777;
}
#app_nav_bar .main-container div.webmax-menu input.users_menu-class {
  color: var(--title_color);
}
#app_nav_bar .main-container div.webmax-menu.users_menu-container {
  min-width: 5em;
  width: 5em;
}
#app_nav_bar .main-container div.auth_group-dropdown, #app_nav_bar .main-container div.request_delete_group-dropdown {
  max-width: 12em;
  width: 12em;
  display: inline-block;
  border-radius: 0.5em;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  height: 2.5em;
  background: white;
  min-height: 2.5em;
  max-height: 2.5em;
  text-align: left;
}
#app_nav_bar .main-container div.auth_group-dropdown ul, #app_nav_bar .main-container div.request_delete_group-dropdown ul {
  width: 12em;
}
#app_nav_bar .main-container #request_delete_group-dropdown {
  width: auto !important;
}
#app_nav_bar .main-container #auth_group_name {
  display: inline-block;
}

#referral_snippet .acceptance-referral-snippet div.wrapper {
  padding-left: 0 !important;
}
#referral_snippet .acceptance-referral-snippet div.accepted_job_title-dropdown,
#referral_snippet .acceptance-referral-snippet div.accepted_job_category-dropdown,
#referral_snippet .acceptance-referral-snippet div.pay_interval-dropdown {
  padding-left: 0.4em;
}
#referral_snippet .acceptance-referral-snippet div.accepted_job_title-dropdown {
  /* padding-left: 4em; */
}
#referral_snippet .acceptance-referral-snippet div.accepted_job_title-dropdown input {
  text-transform: capitalize;
}
#referral_snippet .acceptance-referral-snippet div.accepted_job_title-dropdown li {
  text-transform: capitalize;
}
#referral_snippet .acceptance-referral-snippet div.accepted_job_title-dropdown-ul-container,
#referral_snippet .acceptance-referral-snippet div.accepted_job_category-dropdown-ul-container,
#referral_snippet .acceptance-referral-snippet div.pay_interval-dropdown-ul-container {
  min-width: 36.5rem;
}
#referral_snippet .acceptance-referral-snippet div.starting_pay {
  margin-top: 0.5rem;
  margin-left: 1rem;
}

#contact_referrals_popup {
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
}
#contact_referrals_popup div.contact_referrals_list {
  height: 30rem;
  overflow-y: auto;
  color: var(--stand_alone_text_color);
}
#contact_referrals_popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#contact_referrals_popup li {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  display: flex;
}
#contact_referrals_popup li:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#contact_referrals_popup li:hover {
  background-color: var(--hover_color);
}
#contact_referrals_popup #contact_referrals_popup li.disabled {
  opacity: 0.4;
}
#contact_referrals_popup div.table_header {
  padding: 0.5rem 0;
  background-color: var(--table_header_color);
  display: flex;
}
#contact_referrals_popup div.sendout_date {
  width: 12rem;
  display: inline-block;
  padding-left: 1rem;
  height: 2rem;
}
#contact_referrals_popup div.company_name {
  width: 42rem;
  display: inline-block;
  overflow-x: hidden;
  height: 2rem;
}
#contact_referrals_popup span.company_name {
  border-bottom: 1px solid blue;
}
#contact_referrals_popup div.consultant_name {
  width: 14rem;
  display: inline-block;
  overflow-x: hidden;
  height: 2rem;
}
#contact_referrals_popup div.referral_status {
  width: 15.8rem;
  display: inline-block;
  padding-right: 1rem;
  text-transform: capitalize;
}
#contact_referrals_popup div.main-buttons {
  display: flex;
  padding-bottom: 1rem;
  padding-top: 1rem;
  justify-content: flex-end;
}
#contact_referrals_popup hr {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

#referral_snippet .invoice-request-referral-snippet div.wrapper {
  padding-left: 0 !important;
}
#referral_snippet .invoice-request-referral-snippet #invoice_contact_div div.input-field,
#referral_snippet .invoice-request-referral-snippet #cc_invoice_contact_div div.input-field {
  margin-top: 0;
}
#referral_snippet .invoice-request-referral-snippet svg.view-acceptance-letter {
  width: 1.5rem;
}
#referral_snippet .invoice-request-referral-snippet svg.view-acceptance-letter:hover {
  fill: var(--base_hover_background_color);
  cursor: pointer;
}
#referral_snippet .invoice-request-referral-snippet svg.download-acceptance-letter {
  fill: #636b6f;
}
#referral_snippet .invoice-request-referral-snippet svg.download-acceptance-letter.disabled {
  fill: #ccc;
}
#referral_snippet .invoice-request-referral-snippet div.invoice_contact-dropdown,
#referral_snippet .invoice-request-referral-snippet div.cc_invoice_contact-dropdown {
  padding-left: 0.4em;
}
#referral_snippet .invoice-request-referral-snippet div.invoice_contact-dropdown-ul-container {
  min-width: 36.5rem;
}
#referral_snippet .invoice-request-referral-snippet div.invoice_contact-dropdown-container > div.input-field {
  border-radius: 0.5em;
}
#referral_snippet .invoice-request-referral-snippet div.cc_invoice_contact-dropdown-container > div.input-field {
  border-radius: 0.5em;
}
#referral_snippet .invoice-request-referral-snippet div.required {
  background-color: orange;
  width: 2px !important;
  height: 1.5em !important;
  margin: 0;
  z-index: 998;
  margin-right: 3px;
}
#referral_snippet .invoice-request-referral-snippet label[for=radio_no_letter] {
  color: red;
}
#referral_snippet .invoice-request-referral-snippet div.invoice-request-work-start-date-field .input-field {
  border-radius: 0.5em;
}

#referral_snippet .presentation-referral-snippet #hiring_manager_ul,
#referral_snippet .presentation-referral-snippet #cc_manager_ul,
#referral_snippet .presentation-referral-snippet #candidate_ul {
  margin-left: -14.6rem;
  width: 49.2rem;
}
#referral_snippet .presentation-referral-snippet div.referral_email_editor {
  width: 50rem;
  height: 40rem;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#referral_snippet .presentation-referral-snippet #presentation_email_subject_area {
  width: 100%;
  height: 3.5rem;
  border-radius: 0.5em;
  padding: 0.4rem;
  background-color: rgb(248, 248, 248);
  border: 1px solid var(--border_color);
  display: flex;
  align-items: center;
  outline: none;
}
#referral_snippet .presentation-referral-snippet #presentation_email_body_area {
  width: 100%;
  height: 100%;
  border: 1px solid var(--border_color);
  overflow-y: auto;
  margin-top: 0.76rem;
  border-radius: 0.5em;
  padding: 0.4rem;
  outline: none;
}
#referral_snippet .presentation-referral-snippet .review-resume,
#referral_snippet .presentation-referral-snippet .review-search-agreement {
  height: 3.5rem;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  padding: 0.65rem;
  color: #444;
  fill: var(--stand_alone_text_color);
  background-color: orange;
  transition: all 0.3s ease-in-out;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  outline: none;
}
#referral_snippet .presentation-referral-snippet .review-resume:hover,
#referral_snippet .presentation-referral-snippet .review-search-agreement:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  fill: #fff;
}
#referral_snippet .presentation-referral-snippet .review-resume:disabled,
#referral_snippet .presentation-referral-snippet .review-resume:disabled:hover,
#referral_snippet .presentation-referral-snippet .review-search-agreemente:disabled,
#referral_snippet .presentation-referral-snippet .review-search-agreement:disabled:hover {
  opacity: 0.5;
}
#referral_snippet .presentation-referral-snippet .review-resume:disabled,
#referral_snippet .presentation-referral-snippet .review-resume.reviewed {
  background-color: #ccc;
}
#referral_snippet .presentation-referral-snippet div.review-buttons-container {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#referral_snippet .presentation-referral-snippet div.hiring_manager-dropdown-ul-container,
#referral_snippet .presentation-referral-snippet div.job_title-dropdown-ul-container,
#referral_snippet .presentation-referral-snippet div.cc_manager-dropdown-ul-container,
#referral_snippet .presentation-referral-snippet div.candidate-dropdown-ul-container {
  min-width: 31.7rem;
}

#referral_snippet .phone-screen-referral-snippet #screening_manager_ul {
  margin-left: -14.6rem;
  width: 49.2rem;
}
#referral_snippet .phone-screen-referral-snippet div.screening_manager-dropdown-ul-container {
  min-width: 31.7rem;
}
#referral_snippet .phone-screen-referral-snippet div.referral_email_editor {
  width: 50rem;
  height: 40rem;
  margin-left: 1.6rem;
  margin-top: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#referral_snippet .phone-screen-referral-snippet input.screening_manager-class {
  padding: 0.4em;
}
#referral_snippet .phone-screen-referral-snippet #referral_email_subject_area {
  width: 100%;
  padding: 0.4rem;
  border-radius: 0.5em;
  color: var(--stand_alone_text_color);
  border: 1px solid var(--border_color);
  margin-bottom: 0.5em;
  height: 2.5em;
  background-color: rgb(248, 248, 248);
  outline: none;
  display: flex;
  align-items: center;
}
#referral_snippet .phone-screen-referral-snippet #referral_email_body_area {
  width: 100%;
  padding: 0.4rem;
  height: 38rem;
  overflow-y: auto;
  border-radius: 0.5em;
  border: 1px solid var(--border_color);
  background-color: rgb(248, 248, 248);
  outline: none;
}

#update_manager_popup {
  width: 75rem;
  background-color: var(--title_color);
  border-radius: 0.5rem;
}

#update_manager_popup div.hiring_manager-dropdown-container,
#update_manager_popup div.cc_manager-dropdown-container {
  border-radius: 0 0.5em 0.5em 0;
}

#update_manager_popup button.popup-action-save-update_manager:hover {
  background-color: green;
  color: white;
}

#update_manager_popup button.popup-action-cancel-update_manager:hover {
  background-color: orange;
  color: white;
}

#update_manager_main_buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.6em;
  height: 1.8em;
  justify-content: flex-end;
}

#update_manager_popup div.top_info {
  margin-left: 1.5rem;
  text-align: left;
}

#update_referral_user_popup {
  width: 75rem;
  background-color: var(--title_color);
  border-radius: 0.5rem;
}

#update_referral_user_popup .user_slug-dropdown-container {
  border-radius: 0 0.5em 0.5em 0;
}

#update_referral_user_popup button.popup-action-save-change_user:hover {
  background-color: green;
}

#update_referral_user_popup button.popup-action-cancel-change_user:hover {
  background-color: orange;
}

#update_referral_user_popup label.top_info {
  margin-left: 1rem;
}

#update_referral_user_main_buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.6em;
  margin-bottom: 0.8em;
  height: 1.8em;
  justify-content: flex-end;
}

ul.popup-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  border-bottom: 1px solid #ddd;
  position: relative; /* To handle the overlapping of the active tab */
}
ul.popup-tabs li.popup-tab {
  padding: 0.5rem;
  cursor: pointer;
  background: #f0f0f0;
  margin-right: 0.4rem;
  border: 1px solid var(--border_color);
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  position: relative;
  z-index: 1;
  top: 1px;
}
ul.popup-tabs li.popup-tab.active {
  background: #fff;
  border-bottom: none;
  font-weight: bold;
  z-index: 2;
}

.popup-tab-content {
  display: none;
  border-top: none;
}
.popup-tab-content.active {
  display: block;
}

#quick_company_popup {
  width: 50rem;
}
#quick_company_popup div.quick_company_main_buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.6em;
  margin-bottom: 0.2em;
  height: 1.8em;
}
#quick_company_popup ul.company-list {
  list-style: none;
  padding: 0;
  border: 1px solid var(--border_color);
}
#quick_company_popup ul.company-list li {
  padding: 0.3em;
  cursor: pointer;
}
#quick_company_popup ul.company-list li.highlite {
  background-color: #c3e0f3;
}
#quick_company_popup ul.company-list li.active, #quick_company_popup ul.company-list li.active.highlite {
  background-color: #0a2cad;
  color: #fff;
}
#quick_company_popup .error_area {
  background-color: var(--error_field_background_color);
  padding: 0.5em;
}
#quick_company_popup div.company_location_no_match {
  background-color: orange;
  padding: 0.5em;
  margin-top: 0.5em;
}
#quick_company_popup div.potential_duplicates {
  background-color: orange;
  padding: 0.5em;
  margin-top: 0.5em;
}
#quick_company_popup button.popup-action-validate:hover {
  background-color: green;
  color: white;
}
#quick_company_popup .quick_select_company-container {
  border: 1px solid var(--border_color);
  padding: 0.4em;
  padding-right: 0;
  background-color: white;
  height: 2.5em;
  border-radius: 0 0.5em 0.5em 0;
  background-color: rgb(248, 248, 248);
}
#quick_company_popup td.quick-zip-lookup div.wrapper {
  padding-left: 0;
}
#quick_company_popup div.company_slug-dropdown-ul-container {
  min-width: 45.5rem;
}
#quick_company_popup div.location-dropdown {
  padding-left: 0.4rem;
}
#quick_company_popup div.location-dropdown-ul-container {
  min-width: 46.5rem;
}

.recent_calls-block {
  margin-top: 1em;
  /*
      #recent_calls_area {

        border:1px solid darkgray;
        margin-bottom:1em;
        max-width: 1140px;
        width: 1140px;
        table-layout: fixed;
        border-collapse: collapse;
        text-align:left;
        vertical-align:top;



      } */
}
.recent_calls-block .recent_calls_list {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
.recent_calls-block .recent_calls_list div.recent_calls-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.recent_calls-block .recent_calls_list .webmax-block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  border: none;
  padding: 0;
  height: 3.8rem;
}
.recent_calls-block .recent_calls_list h2 {
  text-align: left;
  margin: 0;
  font-size: 1.6rem;
  margin-left: 1em;
}
.recent_calls-block .recent_calls_list table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}
.recent_calls-block .recent_calls_list table td.call_direction, .recent_calls-block .recent_calls_list table th.call_direction {
  min-width: 2em;
  max-width: 2em;
  width: 2em;
}
.recent_calls-block .recent_calls_list table td.call_status, .recent_calls-block .recent_calls_list table th.call_status {
  min-width: 8em;
  max-width: 8em;
  width: 8em;
}
.recent_calls-block .recent_calls_list table td.call_display_name, .recent_calls-block .recent_calls_list table th.call_display_name {
  width: 25em;
  min-width: 25em;
  max-width: 25em;
}
.recent_calls-block .recent_calls_list table td.phone_number, .recent_calls-block .recent_calls_list table th.phone_number {
  width: 100%;
}
.recent_calls-block .recent_calls_list table td.date_time, .recent_calls-block .recent_calls_list table th.date_time {
  min-width: 8em;
  max-width: 8em;
  width: 8em;
}
.recent_calls-block .recent_calls_list table td.phone_button, .recent_calls-block .recent_calls_list table th.phone_button {
  min-width: 2.5em;
  max-width: 2.5em;
  width: 2.5em;
}
.recent_calls-block .recent_calls_list table.recent_calls-fixed-headers th { /* new */
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body {
  display: block;
  width: 100%;
  max-height: 19em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body img.outgoing-call, .recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body img.incoming-call {
  width: 0.8em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body > tr.conference-call:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body > tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body > tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body td {
  color: var(--stand_alone_text_color);
  padding: 0.4em;
  text-align: left;
  /*    border-bottom:1px solid var(--border_color); */
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body tr.conference-call {
  height: 2em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body tr.conference-call:hover .glyphicon-earphone {
  color: green;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body div.conference-call-details {
  margin-left: 1em;
  padding-bottom: 0.5em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body table.participants {
  width: 100%;
  margin-left: 1em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table .call_body table.participants td {
  white-space: nowrap;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table button.glyphicon-earphone {
  border: none;
  background-color: transparent;
  color: transparent;
  outline: none;
  width: 1em;
  margin-left: 0.5em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table button.glyphicon-earphone:hover {
  color: green;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table td.call-direction {
  padding-right: 0.5em;
  padding-left: 0.3em;
  padding-bottom: 0.5em;
  width: 2em;
}
.recent_calls-block .recent_calls_list table.recent_calls-scroll-table td.date_time {
  white-space: nowrap;
  text-align: right;
}

div.referral_list_container {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  padding: 0;
  margin-top: 1em;
}
div.referral_list_container .referral_list {
  display: grid;
  grid-template-rows: auto auto 1fr;
}
div.referral_list_container .list-header {
  background-color: #638ecf;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0;
}
div.referral_list_container .list-header h2 {
  color: white;
}
div.referral_list_container .list-header .page-navigation {
  display: flex;
  align-items: center;
  margin-top: 0;
}
div.referral_list_container .list-header .page-navigation div.navigation-pages {
  margin-top: 0;
  color: white;
}
div.referral_list_container .list-header .quick_search_company {
  margin-right: unset;
}
div.referral_list_container .list-header div.presented_by-container {
  border-radius: 0.4rem;
  background-color: white;
  display: flex;
  align-items: center;
  padding-top: 0;
  width: 18rem;
  margin-right: 0.4rem;
}
div.referral_list_container .list-header div.groups-container {
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  padding-right: 0;
  height: 3.5rem;
  background: white;
  text-align: left;
  color: var(--stand_alone_text_color);
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1.5rem;
  margin-left: 0.4rem;
}
div.referral_list_container .list-header div.groups-container input.groups-class {
  height: 22px;
}
div.referral_list_container .list-header div.groups-container .groups-dropdown-ul-container {
  width: 100%;
}
div.referral_list_container .list-header div.groups-container label {
  font-weight: normal;
}
div.referral_list_container .list-header div.groups-container span.webmax-downarroww {
  margin-right: reset;
}
div.referral_list_container div.referral-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
div.referral_list_container table {
  width: 100%;
  table-layout: fixed;
}
div.referral_list_container table th.updated_date, div.referral_list_container table td.updated_date {
  width: 10.2rem;
}
div.referral_list_container table th.company, div.referral_list_container table td.company {
  width: 19.6rem;
}
div.referral_list_container table th.contact, div.referral_list_container table td.contact {
  width: 19.6rem;
}
div.referral_list_container table th.job_title, div.referral_list_container table td.job_title {
  width: 26.6rem;
}
div.referral_list_container table th.candidate, div.referral_list_container table td.candidate {
  width: 21.8rem;
}
div.referral_list_container table th.status, div.referral_list_container table td.status {
  width: 14rem;
}
div.referral_list_container table.referrals-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
div.referral_list_container table.referrals-fixed-headers th div.column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.referral_list_container table.referral-scroll-table td.disabled {
  opacity: 0.5;
}
div.referral_list_container table.referral-scroll-table td.job_title {
  text-transform: capitalize;
}
div.referral_list_container table.referral-scroll-table td.overdue, div.referral_list_container table.referral-scroll-table tr.overdue {
  color: orange;
}
div.referral_list_container table.referral-scroll-table div.commission_indicator {
  color: green;
}
div.referral_list_container table.referral-scroll-table div.status_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.referral_list_container table.referral-scroll-table span.webmax_link_specific {
  text-decoration: underline;
  color: #337ab7;
}

.referrals_list {
  width: 1130px;
  /*
    table.referral-area {

      border:1px solid darkgray;
      margin-bottom:1em;
      overflow-x: clip;
    }
  */
}
.referrals_list H2 {
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #638ecf;
  border: 1px solid #638ecf;
  color: white;
  margin: 0;
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
}
.referrals_list div.special-area {
  display: grid;
  grid-template-columns: 19rem 10rem 8rem;
}
.referrals_list div.groups-container {
  display: inline-block;
  border-radius: 0.4em;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  padding-right: 0;
  height: 3.5rem;
  background: white;
  text-align: left;
  color: var(--stand_alone_text_color);
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1.5rem;
}
.referrals_list div.groups-container input.groups-class {
  height: 22px;
}
.referrals_list div.groups-container .groups-dropdown-ul-container {
  width: 100%;
}
.referrals_list div.groups-container label {
  font-weight: normal;
}
.referrals_list div.groups-container span.webmax-downarroww {
  margin-right: reset;
}
.referrals_list button.copy_referral_list {
  border-radius: 0.4em;
  margin-right: 0.5em;
  font-size: 1.5rem;
  border: 1px solid var(--border_color);
  font-weight: normal;
  white-space: nowrap;
}
.referrals_list button.copy_referral_list:hover {
  background-color: #0a2cad;
  color: white;
}
.referrals_list button.search_referrals {
  border-radius: 0.4em;
  font-size: 1.5rem;
  border: 1px solid var(--border_color);
  font-weight: normal;
  white-space: nowrap;
}
.referrals_list button.search_referrals:hover {
  background-color: #0a2cad;
  color: white;
}
.referrals_list table.referral-area th {
  background-color: var(--table_header_color);
  color: #000;
}
.referrals_list table.referral-area td {
  color: var(--stand_alone_text_color);
  padding: 0.4em;
  text-align: left;
  /*  border-bottom:1px solid var(--border_color); */
}
.referrals_list table.referral-area td.overdue {
  color: orange;
}
.referrals_list table.referral-area td.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.referrals_list table.referral-area th {
  padding: 0.4em;
  text-align: left;
}
.referrals_list table.referral-area tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
.referrals_list table.referral-area tbody tr:last-child td {
  border-bottom: none;
}
.referrals_list table.referral-area tbody tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
.referrals_list table.referral-area td.pstatus {
  text-transform: capitalize;
  text-align: left;
  font-size: 0.9em;
}
.referrals_list .referrals-fixed-headers {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}
.referrals_list .referrals-fixed-headers th { /* new */
  font-weight: normal;
}
.referrals_list .referrals-fixed-headers thead tr {
  display: block;
  position: relative;
}
.referrals_list .referrals-fixed-headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  /*  max-height: 19em; */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.referrals_list span.webmax_link_active {
  text-decoration: underline;
  color: #337ab7;
}
.referrals_list tr.referral.disabled {
  opacity: 0.6;
}
.referrals_list div.commission_indicator {
  color: green;
}
.referrals_list div.status_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.referrals_list div.column-header {
  display: flex;
  /* justify-content:space-between;
      align-items:center;
  */
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers { /* Date                     */
  /* Company                  */
  /* Contact                  */
  /* Job Title: name          */
  /* Job Candidate            */
  /* Status                   */
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers th.updated_date, .referrals_list .user-referral-list-columns.referrals-fixed-headers td.updated_date {
  min-width: 11.2rem;
  max-width: 11.2rem;
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers th.company, .referrals_list .user-referral-list-columns.referrals-fixed-headers td.company {
  min-width: 19.6rem;
  max-width: 19.6rem;
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers th.contact, .referrals_list .user-referral-list-columns.referrals-fixed-headers td.contact {
  min-width: 19.6rem;
  max-width: 19.6rem;
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers th.job_title, .referrals_list .user-referral-list-columns.referrals-fixed-headers td.job_title {
  min-width: 26.6rem;
  max-width: 26.6rem;
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers th.candidate, .referrals_list .user-referral-list-columns.referrals-fixed-headers td.candidate {
  min-width: 21.8rem;
  max-width: 21.8rem;
}
.referrals_list .user-referral-list-columns.referrals-fixed-headers th.status, .referrals_list .user-referral-list-columns.referrals-fixed-headers td.status {
  min-width: 14rem;
  max-width: 14rem;
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers { /* Date               */
  /* Consultant         */
  /* Hiring Manager     */
  /* Candidate          */
  /* Job Title: name    */
  /* Status             */
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers th.created_date, .referrals_list .company-referral-list-columns.referrals-fixed-headers td.local-date {
  min-width: 11.2rem;
  max-width: 11.2rem;
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers th.consultant, .referrals_list .company-referral-list-columns.referrals-fixed-headers td.consultant {
  min-width: 16rem;
  max-width: 16rem;
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers th.contact, .referrals_list .company-referral-list-columns.referrals-fixed-headers td.contact {
  min-width: 16rem;
  max-width: 16rem;
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers th.candidate, .referrals_list .company-referral-list-columns.referrals-fixed-headers td.candidate-name {
  min-width: 16rem;
  max-width: 16rem;
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers th.job_title, .referrals_list .company-referral-list-columns.referrals-fixed-headers td.job_title {
  min-width: 22rem;
  max-width: 22rem;
}
.referrals_list .company-referral-list-columns.referrals-fixed-headers th.status, .referrals_list .company-referral-list-columns.referrals-fixed-headers td.status {
  min-width: 13.5rem;
  max-width: 13.5rem;
}

#referral_pane {
  /* padding-bottom: .5rem; */
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
  /* For placeholder color styling Chrome doesn't like a combined selector - they must be separate */
}
#referral_pane h1 .icon-button {
  border: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  font-size: 1.5em;
  height: 1.5em;
  top: 0;
  outline: none;
}
#referral_pane div.sub-snippet {
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
  min-width: 50rem;
}
#referral_pane div.field-label.secondary {
  background-color: #DDD;
  color: #888;
}
#referral_pane .popup-action-back-referral:hover, #referral_pane .popup-action-forward-referral:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#referral_pane .popup-action-save-referral:hover {
  background-color: var(--hover_positive_color);
  color: #fff;
}
#referral_pane .popup-action-cancel-referral:hover {
  background-color: var(--hover_cancel_color);
  color: #fff;
}
#referral_pane .popup-action-delete-referral:hover {
  background-color: var(--hover_danger_color);
  color: #fff;
}
#referral_pane .popup-action-back-referral:disabled,
#referral_pane .popup-action-back-referral:disabled:hover,
#referral_pane .popup-action-forward-referral:disabled,
#referral_pane .popup-action-forward-referral:disabled:hover,
#referral_pane .popup-action-save-referral:disabled,
#referral_pane .popup-action-save-referral:disabled:hover,
#referral_pane .popup-action-cancel-referral:disabled,
#referral_pane .popup-action-cancel-referral:disabled:hover,
#referral_pane .popup-action-delete-referral:disabled,
#referral_pane .popup-action-delete-referral:disabled:hover {
  cursor: default;
  background-color: #eee;
  color: #fff;
  text-decoration: none;
}
#referral_pane div.status_container {
  padding-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#referral_pane div.status_container .required_field {
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
  margin-right: 3px;
}
#referral_pane div.status_container .input-field {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  border-radius: 0.5em;
  background-color: white;
}
#referral_pane div.status_container .select_date {
  width: 100%;
  padding: 0.4em;
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}
#referral_pane label.input-group-addon {
  background: none;
  border: none;
  box-shadow: none;
}
#referral_pane input[type=radio], #referral_pane input[type=checkbox] {
  margin-right: 0.5em;
}
#referral_pane .hidden_container {
  display: none !important;
}
#referral_pane td.field-label2 {
  background-color: #DDD;
  color: #888;
  min-height: 2.5em;
  padding: 0.4em 2em 0.4em 0.4em;
}
#referral_pane td.field-input2 {
  background-color: rgb(248, 248, 248);
  color: var(--stand_alone_text_color);
  min-height: 2.5em;
  padding: 0.4em;
}
#referral_pane div.sub_pane {
  border: 1px solid var(--border_color);
  border-radius: 0.5em;
  margin-bottom: 0.8em;
  min-height: 2.5em;
  overflow: hidden;
  margin-left: 1rem;
  margin-right: 1rem;
}
#referral_pane div.sub_pane label {
  cursor: pointer;
  width: 100%;
  color: var(--stand_alone_text_color);
  text-align: center;
  font-size: 1.1em;
  padding-top: 0.4em;
}
#referral_pane div.sub_pane label span.caret {
  float: right;
  margin-right: 0.8em;
  margin-top: 0.6em;
}
#referral_pane div.detail_container {
  border-top: 1px solid var(--border_color);
  max-height: 20em;
  overflow-y: auto;
}
#referral_pane label.top_info {
  display: block;
  color: var(--stand_alone_text_color);
  font-size: 1.1em;
  margin-left: 1rem;
}
#referral_pane .referral_statuses_table thead td {
  background-color: #DDD;
  color: #444;
  padding: 0.5em;
}
#referral_pane .referral_statuses_table tbody tr .p_status {
  border-top: 1px solid lightblue;
}
#referral_pane .referral_statuses_table tbody tr .p_status :hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#referral_pane .referral_statuses_table tbody td {
  padding: 0.3em 0.5em;
  white-space: nowrap;
}
#referral_pane div.progress-box {
  width: 1.3rem;
  height: 1.3rem;
  border: 1px solid #ddd;
  margin-left: 0.4rem;
}
#referral_pane .current-progress-box {
  background-color: lightgreen;
  cursor: pointer;
}
#referral_pane .active-progress-box {
  background-color: green;
  cursor: pointer;
}
#referral_pane .active-progress-box:hover, #referral_pane .current-progress-box:hover {
  background-color: orange;
}
#referral_pane div.admin_function-dropdown-ul-container {
  width: 19rem;
  left: -1rem;
}
#referral_pane div.admin_function-dropdown-ul-container li.disabled {
  color: #AAA;
}
#referral_pane div.admin_function-dropdown-container {
  border-radius: 0.5em;
  height: 2.5rem;
  width: 6em;
  padding-top: 0;
  cursor: pointer;
}
#referral_pane div.admin_function-dropdown-container ul {
  width: 12.5em;
}
#referral_pane div.admin_function-dropdown-container input {
  cursor: pointer;
}
#referral_pane input::-moz-placeholder {
  color: var(--stand_alone_text_color) !important;
  opacity: 0.5 !important;
}
#referral_pane input::placeholder {
  color: var(--stand_alone_text_color) !important;
  opacity: 0.5 !important;
}
#referral_pane input::-webkit-input-placeholder {
  color: var(--stand_alone_text_color) !important;
  opacity: 0.5 !important;
}
#referral_pane input::-moz-placeholder {
  color: var(--stand_alone_text_color) !important;
  opacity: 0.5 !important;
}
#referral_pane .nominal-background-color :hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#referral_pane .warning-background-color {
  background-color: #F5D7A8;
}
#referral_pane .warning-background-color :hover {
  color: white;
}
#referral_pane .alert-background-color {
  background-color: red;
}
#referral_pane .alert-background-color :hover {
  color: white;
}
#referral_pane tr.extra_info td {
  padding-left: 1em;
  white-space: normal;
}
#referral_pane .popup-action-confirm-save_clear:hover {
  background-color: red;
  color: white;
}
#referral_pane .popup-action-confirm-save_step:hover {
  background-color: green;
  color: white;
}
#referral_pane .popup-action-cancel-save:hover {
  background-color: orange;
  color: white;
}
#referral_pane .referral_closed {
  color: orange;
}
#referral_pane h1.header-container {
  display: flex;
  background-color: var(--title_color);
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: var(--popup_corner_radius);
  border-top-right-radius: var(--popup_corner_radius);
}
#referral_pane #copy_referral_url {
  color: white;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: transparent;
  margin-right: 0.5rem;
  font-size: 3rem;
  outline: none;
  height: 3rem;
}
#referral_pane .toggle-buttons {
  display: flex;
  white-space: nowrap;
  margin-right: 0;
}
#referral_pane .toggle-buttons svg {
  width: 3rem;
  height: 3rem;
  color: white;
  cursor: pointer;
}
#referral_pane #save-back-confirm-buttons {
  padding: 0.8rem;
  background-color: rgba(255, 165, 0, 0.0784313725);
  white-space: nowrap;
  margin-bottom: 0.8em;
  text-align: left;
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
}
#referral_pane div.checkbox-item {
  display: flex;
  align-items: center;
}
#referral_pane div.checkbox-item input {
  margin: 0;
  margin-right: 0.5rem;
}
#referral_pane div.checkbox-item label {
  font-weight: normal;
  margin: 0;
}
#referral_pane div.checkbox-item label.disabled {
  color: #666;
}

#training_pane {
  margin-left: 1.6rem;
  background-color: white;
  width: 50rem;
  min-width: 50rem;
  max-width: 50rem;
  height: 40rem;
  border-radius: 0.5em;
  border: 1px solid var(--border_color);
  margin-top: 0.4rem;
}

#popup-area.with-training {
  width: 1000px;
  max-width: 1000px;
}

#training_main_frame {
  border: none;
  width: 100%;
  height: 100%;
}

#referral_snippet {
  margin-bottom: 1rem;
}
#referral_snippet input:disabled, #referral_snippet textarea:disabled {
  color: #ccc;
}
#referral_snippet span.glyphicon-calendar.disabled {
  color: #ccc;
  cursor: default;
}

#referral_snippet .work-start-referral-snippet div.sub-snippet .status_area {
  display: flex;
  align-items: center;
}

#rename-file_popup div.popup-buttons {
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
}

#rename-folder_popup div.popup-buttons {
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
}

div.activity_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 1em;
  width: 1130px;
  margin-bottom: 1em;
  padding: 0;
}
div.activity_report .webmax-block-header {
  display: flex;
  align-items: center;
  height: 5.4rem;
}
div.activity_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
}
div.activity_report .webmax-block-header #report_date-container {
  display: flex;
  width: 14em;
  color: #636b6f;
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
}
div.activity_report .webmax-block-header #report_date-field {
  width: 100%;
  border: none;
  outline: none;
  background-color: white;
}
div.activity_report .webmax-block-header .report_filters {
  display: flex;
  align-items: center;
  margin-left: 1em;
  color: var(--stand_alone_text_color);
}
div.activity_report .webmax-block-header .office_id-dropdown {
  border-radius: 0.5em;
  margin-right: 1rem;
  background-color: white;
}
div.activity_report div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
div.activity_report table {
  width: 100%;
}
div.activity_report table td.user_name, div.activity_report table th.user_name {
  text-align: left;
  white-space: nowrap;
}
div.activity_report table td.candidates, div.activity_report table th.candidates {
  width: 20rem;
  white-space: nowrap;
}
div.activity_report table td.num_presentations, div.activity_report table th.num_presentations {
  width: 20rem;
  white-space: nowrap;
}
div.activity_report table td.num_sendouts, div.activity_report table th.num_sendouts {
  width: 20rem;
  white-space: nowrap;
}
div.activity_report table.report-fixed-headers {
  height: 2rem;
}
div.activity_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: right;
}
div.activity_report table.report-fixed-headers th.user_name {
  text-align: left;
}
div.activity_report table.report-scroll-table td {
  padding: 0.4em;
  padding-right: 2em;
  text-align: right;
  font-weight: normal;
}
div.activity_report table.report-scroll-table td.user_name {
  text-align: left;
}
div.activity_report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
div.activity_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#calls_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 1em;
  width: 1130px;
  margin-bottom: 1em;
  padding: 0;
}
#calls_report .webmax-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#calls_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
}
#calls_report .webmax-block-header .current-date-time {
  text-align: left;
  margin: 0;
  font-size: 1.4rem;
  white-space: nowrap;
}
#calls_report .webmax-block-header .office_id-dropdown, #calls_report .webmax-block-header .calls_type-dropdown {
  border-radius: 0.5em;
  margin-right: 1rem;
  background-color: white;
  color: var(--stand_alone_text_color);
}
#calls_report .webmax-block-header #report_date-container {
  display: flex;
  width: 14em;
  color: var(--stand_alone_text_color);
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
  margin-right: 1rem;
}
#calls_report .webmax-block-header div.retrieving-data {
  color: green;
  margin-left: 2rem;
}
#calls_report table {
  width: 100%;
}
#calls_report table.report-fixed-headers {
  height: 2rem;
}
#calls_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: right;
}
#calls_report table.report-fixed-headers th.user_name {
  text-align: left;
}
#calls_report table.report-fixed-headers th.number_of_calls {
  width: 22.3rem;
  min-width: 22.3rem;
}
#calls_report table.report-fixed-headers th.total_call_time {
  width: 27.4rem;
  min-width: 27.4rem;
}
#calls_report table.report-fixed-headers th.average_time_per_call {
  width: 37.3rem;
  min-width: 37.3rem;
}
#calls_report table.report-scroll-table td {
  padding: 0.4em;
  padding-right: 2em;
  text-align: right;
  font-weight: normal;
}
#calls_report table.report-scroll-table td.user_name {
  text-align: left;
}
#calls_report table.report-scroll-table td.number_of_calls {
  width: 22.3rem;
  min-width: 22.3rem;
}
#calls_report table.report-scroll-table td.total_call_time {
  width: 27.4rem;
  min-width: 27.4rem;
}
#calls_report table.report-scroll-table td.average_time_per_call {
  width: 37.3rem;
  min-width: 37.3rem;
}
#calls_report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#calls_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#company_commissions_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto 1fr;
  margin-top: 1em;
  width: 1130px;
  margin-bottom: 1em;
  padding: 0;
}
#company_commissions_report .webmax-block-header {
  display: flex;
  align-items: center;
}
#company_commissions_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#company_commissions_report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#company_commissions_report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#company_commissions_report .webmax-block-header #report_date-container {
  display: flex;
  justify-content: space-between;
  width: 20rem;
  color: var(--stand_alone_text_color);
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
  font-size: 1.4rem;
}
#company_commissions_report .webmax-block-header #report_date-field {
  border: none;
  width: 17rem;
}
#company_commissions_report div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
#company_commissions_report table {
  width: 100%;
  /* consulant is what ever is free */
}
#company_commissions_report table td.payment_date, #company_commissions_report table th.payment_date {
  width: 10.2rem;
}
#company_commissions_report table td.company_name, #company_commissions_report table th.company_name {
  width: 19.6rem;
}
#company_commissions_report table td.candidate_name, #company_commissions_report table th.candidate_name {
  width: 15.1rem;
}
#company_commissions_report table td.client_title, #company_commissions_report table th.client_title {
  width: 22.5rem;
}
#company_commissions_report table td.percentage_fee, #company_commissions_report table th.percentage_fee {
  width: 5.3rem;
}
#company_commissions_report table td.recruiting_fee, #company_commissions_report table th.recruiting_fee {
  width: 9rem;
}
#company_commissions_report table td.sales_creidt, #company_commissions_report table th.sales_credit {
  width: 11rem;
}
#company_commissions_report table.report-fixed-headers {
  height: 2rem;
}
#company_commissions_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
#company_commissions_report table.report-scroll-table {
  height: 2rem;
}
#company_commissions_report table.report-scroll-table tr.commission:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#company_commissions_report table.report-scroll-table td, #company_commissions_report table.report-scroll-table th {
  padding: 0.4em;
  font-weight: normal;
}
#company_commissions_report table.report-scroll-table th {
  background-color: var(--table_header_color);
}
#company_commissions_report table.report-scroll-table .percentage_fee, #company_commissions_report table.report-scroll-table .sales_credit, #company_commissions_report table.report-scroll-table .recruiting_fee {
  text-align: right;
}
#company_commissions_report table.report-scroll-table .payment_date, #company_commissions_report table.report-scroll-table .company_name, #company_commissions_report table.report-scroll-table .candidate_name, #company_commissions_report table.report-scroll-table .consultant, #company_commissions_report table.report-scroll-table .client_title {
  text-align: left;
}
#company_commissions_report table.report-scroll-table .consultant_name {
  text-align: left;
  font-weight: bold;
}

#detailed_user_metrics_report_pane {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto 1fr;
  margin-top: 1em;
  width: 1130px;
  margin-bottom: 1em;
  padding: 0;
}
#detailed_user_metrics_report_pane .webmax-block-header {
  display: flex;
  align-items: center;
}
#detailed_user_metrics_report_pane .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#detailed_user_metrics_report_pane .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#detailed_user_metrics_report_pane .webmax-block-header .report_filters {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  font-size: 1.4rem;
  color: var(--stand_alone_text_color);
}
#detailed_user_metrics_report_pane .webmax-block-header .report_filters #report_date-container {
  display: flex;
  width: 14em;
  color: #636b6f;
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
  margin-left: 1em;
}
#detailed_user_metrics_report_pane .webmax-block-header .report_filters #report_date-container #report_date-field {
  width: 100%;
  border: none;
  outline: none;
  background-color: white;
}
#detailed_user_metrics_report_pane .webmax-block-header .report_filters div.user-container {
  border-radius: 0.5em;
  background-color: white;
}
#detailed_user_metrics_report_pane div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
#detailed_user_metrics_report_pane table {
  width: 100%;
}
#detailed_user_metrics_report_pane table td.date-value, #detailed_user_metrics_report_pane table th.date-column {
  width: 8em;
  text-align: left;
}
#detailed_user_metrics_report_pane table td.login-value, #detailed_user_metrics_report_pane table th.login-column {
  width: 6em;
  text-align: left;
}
#detailed_user_metrics_report_pane table td.contacts-value, #detailed_user_metrics_report_pane table th.contacts-column {
  width: 7em;
  text-align: center;
}
#detailed_user_metrics_report_pane table td.resumes-value, #detailed_user_metrics_report_pane table th.resumes-column {
  width: 7em;
  text-align: center;
}
#detailed_user_metrics_report_pane table td.companies-value, #detailed_user_metrics_report_pane table th.companies-column {
  width: 7em;
  text-align: center;
}
#detailed_user_metrics_report_pane table td.notes-value, #detailed_user_metrics_report_pane table th.notes-column {
  width: 7em;
  text-align: center;
}
#detailed_user_metrics_report_pane table td.texts-value, #detailed_user_metrics_report_pane table th.texts-column {
  width: 7em;
  text-align: center;
}
#detailed_user_metrics_report_pane table td.emails-value, #detailed_user_metrics_report_pane table th.emails-column {
  width: 7em;
  text-align: center;
}
#detailed_user_metrics_report_pane table td.agreements-value, #detailed_user_metrics_report_pane table th.agreements-column {
  width: 14em;
  text-align: center;
}
#detailed_user_metrics_report_pane table.report-fixed-headers {
  height: 2rem;
}
#detailed_user_metrics_report_pane table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
#detailed_user_metrics_report_pane table.report-scroll-table td {
  padding: 0.4em;
  text-align: right;
  font-weight: normal;
}
#detailed_user_metrics_report_pane table.report-scroll-table td.date-value, #detailed_user_metrics_report_pane table.report-scroll-table td.login-value {
  text-align: left;
}
#detailed_user_metrics_report_pane table.report-scroll-table td.contacts-value, #detailed_user_metrics_report_pane table.report-scroll-table td.resumes-value, #detailed_user_metrics_report_pane table.report-scroll-table td.companies-value, #detailed_user_metrics_report_pane table.report-scroll-table td.notes-value, #detailed_user_metrics_report_pane table.report-scroll-table td.texts-value, #detailed_user_metrics_report_pane table.report-scroll-table td.emails-value, #detailed_user_metrics_report_pane table.report-scroll-table td.agreements-value, #detailed_user_metrics_report_pane table.report-scroll-table td.presentations-value {
  padding-right: 3em;
}
#detailed_user_metrics_report_pane table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#detailed_user_metrics_report_pane table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#detailed_user_metrics_popup {
  /* end of dumr_detailed_contact_views */
  /* end of dumr_detailed_resume_views */
  /* end of dumr_detailed_presentations */
  /* end of dumr_detailed_company_views */
  /* end of dumr_detailed_agreements */
  /* end of dumr_detailed_contact_notes */
}
#detailed_user_metrics_popup table {
  width: 100%;
}
#detailed_user_metrics_popup tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#detailed_user_metrics_popup tr:hover {
  background-color: var(--hover_color);
}
#detailed_user_metrics_popup th {
  padding: 0.4em;
  text-align: left;
  font-weight: normal;
  background-color: var(--table_header_color);
}
#detailed_user_metrics_popup th.id-column {
  width: 5em;
  max-width: 5em;
}
#detailed_user_metrics_popup th.time-column {
  text-align: center;
  width: 7em;
  max-width: 7em;
}
#detailed_user_metrics_popup th.contact-column {
  width: 14em;
  max-width: 14em;
}
#detailed_user_metrics_popup th.company-column {
  width: 18em;
}
#detailed_user_metrics_popup th.state-column {
  text-align: center;
  width: 5em;
  max-width: 5em;
}
#detailed_user_metrics_popup th.zipcode-column {
  text-align: center;
  width: 5em;
  max-width: 5em;
}
#detailed_user_metrics_popup td {
  padding: 0.4em;
  text-align: left;
  font-weight: normal;
}
#detailed_user_metrics_popup td.time-column {
  padding-right: 1em;
  text-align: right;
}
#detailed_user_metrics_popup td.state-column, #detailed_user_metrics_popup td.zipcode-column, #detailed_user_metrics_popup td.no-views {
  text-align: center;
}
#detailed_user_metrics_popup #dumr_detailed_contact_views th.city-column {
  width: 8em;
}
#detailed_user_metrics_popup #dumr_detailed_resume_views th.contact-column {
  width: unset;
}
#detailed_user_metrics_popup #dumr_detailed_presentations th.contact-column {
  width: unset;
}
#detailed_user_metrics_popup #dumr_detailed_company_views th.company-column {
  width: unset;
}
#detailed_user_metrics_popup #dumr_detailed_company_views th.city-column {
  width: 8em;
}
#detailed_user_metrics_popup #dumr_detailed_agreements th.company-column {
  width: unset;
}
#detailed_user_metrics_popup #dumr_detailed_contact_notes th.type-column {
  width: 10em;
}
#detailed_user_metrics_popup #dumr_detailed_contact_notes td.note-column {
  max-width: 20em;
  word-wrap: none;
  overflow: hidden;
}

#live-calls-report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: clip;
  width: 1130px;
  padding: 0;
  margin-top: 1em;
}
#live-calls-report .webmax-block-header {
  display: flex;
  align-items: center;
  height: 5.4rem;
}
#live-calls-report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#live-calls-report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#live-calls-report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#live-calls-report img.outgoing-call, #live-calls-report img.incoming-call {
  width: 0.8em;
}
#live-calls-report table {
  width: 100%;
  table-layout: fixed;
}
#live-calls-report table .call_direction {
  width: 2em;
  min-width: 2em;
  max-width: 2em;
}
#live-calls-report table .date-time {
  width: 18.5rem;
}
#live-calls-report table .user-name {
  width: 17.94rem;
}
#live-calls-report table .phone-number {
  width: 22.12rem;
}
#live-calls-report table .call-status {
  width: 14.78rem;
}
#live-calls-report table .to-status {
  width: 14.4rem;
}
#live-calls-report table .from-status {
  width: 15.5rem;
}
#live-calls-report table.report-fixed-headers {
  height: 2rem;
}
#live-calls-report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
#live-calls-report table.report-scroll-table td {
  padding: 0.4em;
  text-align: left;
  font-weight: normal;
}
#live-calls-report table.report-scroll-table td.call_direction {
  padding-right: 0.5em;
  padding-left: 0.3em;
  padding-bottom: 0.5em;
}
#live-calls-report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#live-calls-report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#my_commissions_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 1em;
  width: 1130px;
  margin-bottom: 1em;
  padding: 0;
}
#my_commissions_report .webmax-block-header {
  display: flex;
  align-items: center;
}
#my_commissions_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#my_commissions_report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#my_commissions_report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#my_commissions_report .webmax-block-header #report_date-container {
  display: flex;
  justify-content: space-between;
  width: 20rem;
  color: #636b6f;
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
  font-size: 1.4rem;
}
#my_commissions_report .webmax-block-header #report_date-field {
  border: none;
  width: 17rem;
}
#my_commissions_report table {
  width: 100%;
}
#my_commissions_report table .percentage_fee, #my_commissions_report table .sales_credit, #my_commissions_report table .commission {
  text-align: right;
}
#my_commissions_report table .payment_date, #my_commissions_report table .company_name, #my_commissions_report table .candidate_name, #my_commissions_report table .commission_type, #my_commissions_report table .client_title {
  text-align: left;
}
#my_commissions_report table.report-fixed-headers {
  height: 2rem;
}
#my_commissions_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: right;
}
#my_commissions_report table.report-fixed-headers th.user_name {
  text-align: left;
}
#my_commissions_report table.report-scroll-table td {
  padding: 0.4em;
  padding-right: 2em;
  text-align: right;
  font-weight: normal;
}
#my_commissions_report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#my_commissions_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#placements_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 1em;
  width: 1160px;
  margin-bottom: 1em;
  padding: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
#placements_report .webmax-block-header {
  display: flex;
  align-items: center;
}
#placements_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#placements_report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#placements_report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#placements_report .webmax-block-header #report_date-container {
  display: flex;
  justify-content: space-between;
  width: 20rem;
  color: var(--stand_alone_text_color);
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
  font-size: 1.4rem;
}
#placements_report .webmax-block-header #report_date-field {
  border: none;
  width: 17rem;
}
#placements_report div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
#placements_report table {
  width: 100%;
}
#placements_report table .sales_credit {
  text-align: right;
}
#placements_report table .payment_date {
  white-space: nowrap;
  width: 9.8rem;
  text-align: left;
}
#placements_report table .company_name {
  width: 22.7rem;
  text-align: left;
}
#placements_report table .candidate_name {
  width: 14.8rem;
  text-align: left;
}
#placements_report table .job_category {
  width: 21.5rem;
  text-align: left;
}
#placements_report table .consultant {
  width: 13.1rem;
  text-align: left;
}
#placements_report table .pay {
  width: 8.95rem;
  text-align: right;
}
#placements_report table .percentage_fee {
  width: 4.78rem;
  text-align: right;
}
#placements_report table .recruiting_fee {
  width: 8.14rem;
  text-align: right;
}
#placements_report table.report-fixed-headers {
  height: 2rem;
}
#placements_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
}
#placements_report table.report-scroll-table td {
  padding: 0.4em;
  font-weight: normal;
}
#placements_report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#placements_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}
#placements_report table.report-scroll-table tr.commission {
  font-weight: bold;
}
#placements_report table.report-scroll-table tr.commission.sub-total {
  border-bottom: 1px solid black;
  font-weight: bold;
}
#placements_report table.report-scroll-table tr.commission.sub-total td {
  font-weight: bold;
}
#placements_report table.report-scroll-table tr.commission.total {
  font-weight: bold;
}
#placements_report table.report-scroll-table tr.commission:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}

#sendouts_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: clip;
  width: 1130px;
  padding: 0;
}
#sendouts_report .webmax-block-header {
  display: flex;
  align-items: center;
  height: 5.4rem;
}
#sendouts_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#sendouts_report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#sendouts_report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#sendouts_report .webmax-block-header .office_id-dropdown, #sendouts_report .webmax-block-header .years-dropdown {
  border-radius: 0.5em;
  margin-right: 1rem;
  background-color: white;
}
#sendouts_report .webmax-block-header ul.sendout-report-year-dropdown-ul {
  max-height: 13em !important;
}
#sendouts_report div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  min-height: 12em;
  height: 12em;
}
#sendouts_report table {
  width: 100%;
  table-layout: fixed;
}
#sendouts_report table.report-fixed-headers {
  height: 2rem;
}
#sendouts_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: right;
  width: 4em;
}
#sendouts_report table.report-fixed-headers th.user_name {
  text-align: left;
  width: 14em;
  min-width: 14em;
  max-width: 14em;
}
#sendouts_report table.report-scroll-table td {
  padding: 0.4em;
  text-align: right;
  font-weight: normal;
  width: 4em;
}
#sendouts_report table.report-scroll-table td.user_name {
  text-align: left;
  width: 14em;
  min-width: 14em;
  max-width: 14em;
}
#sendouts_report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#sendouts_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#users_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  width: 1130px;
  padding: 0;
  height: 100%;
  display: grid;
  grid-template-rows: 5.4rem 1fr;
}
#users_report .webmax-block-header {
  display: flex;
  align-items: center;
}
#users_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#users_report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#users_report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#users_report .webmax-block-header .months-dropdown,
#users_report .webmax-block-header .years-dropdown {
  border-radius: 0.5em;
  margin-right: 1rem;
  background-color: white;
}
#users_report a.glyphicon {
  font-size: 1em;
  color: var(--stand_alone_text_color);
}
#users_report a.glyphicon:hover {
  color: #0a2cad;
}
#users_report div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
#users_report table {
  width: 100%;
}
#users_report table.report-fixed-headers {
  height: 2rem;
}
#users_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
#users_report table.report-fixed-headers th.date-field {
  width: 7.766rem;
}
#users_report table.report-fixed-headers th.contact-field {
  width: 19rem;
}
#users_report table.report-scroll-table td {
  padding: 0.4em;
  padding-right: 2em;
  text-align: left;
  font-weight: normal;
}
#users_report table.report-scroll-table td.date-field {
  width: 7.766rem;
}
#users_report table.report-scroll-table td.contact-field {
  width: 19rem;
}
#users_report table.report-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#users_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}
#users_report table.user_report button.popup-action-button:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}

#users_commissions_report {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  margin-top: 1em;
  width: 1130px;
  margin-bottom: 1em;
  padding: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
#users_commissions_report .webmax-block-header {
  display: flex;
  align-items: center;
  height: 5.4rem;
}
#users_commissions_report .webmax-block-header h2 {
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-right: 1em;
}
#users_commissions_report .webmax-block-header .current-date-time {
  font-size: 1.4rem;
  margin-right: 1em;
  color: white;
}
#users_commissions_report .webmax-block-header .report-filters {
  display: flex;
  align-items: center;
  color: var(--stand_alone_text_color);
  font-size: 1.4rem;
}
#users_commissions_report .webmax-block-header #report_date-container {
  display: flex;
  justify-content: space-between;
  width: 20rem;
  color: var(--stand_alone_text_color);
  border-radius: 0.5em;
  height: 2.5em;
  background-color: white;
  padding: 0.4em;
  border: 1px solid var(--border_color);
  font-size: 1.4rem;
}
#users_commissions_report .webmax-block-header #report_date-field {
  border: none;
  width: 17rem;
}
#users_commissions_report div.report-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
#users_commissions_report table {
  width: 100%;
}
#users_commissions_report table .payment_date {
  width: 12.27rem;
  text-align: left;
}
#users_commissions_report table .company_name {
  width: 22.55rem;
  text-align: left;
}
#users_commissions_report table .candidate_name {
  width: 15.42rem;
  text-align: left;
}
#users_commissions_report table .client_title {
  width: 19.05rem;
  text-align: left;
}
#users_commissions_report table .commission_type {
  width: 13.44rem;
  text-align: left;
}
#users_commissions_report table .percentage_fee {
  width: 6.53rem;
}
#users_commissions_report table .sales_credit {
  width: 10.71rem;
}
#users_commissions_report table.report-fixed-headers {
  height: 2rem;
}
#users_commissions_report table.report-fixed-headers th {
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
}
#users_commissions_report table.report-fixed-headers th.sales_credit {
  text-align: left;
}
#users_commissions_report table.report-fixed-headers th.percentage_fee {
  text-align: center;
}
#users_commissions_report table.report-scroll-table td {
  padding: 0.4em;
  padding-right: 2em;
  font-weight: normal;
}
#users_commissions_report table.report-scroll-table td.consultant_name {
  text-align: left;
  font-weight: bold;
}
#users_commissions_report table.report-scroll-table td.sales_credit {
  text-align: right;
}
#users_commissions_report table.report-scroll-table td.commission {
  text-align: right;
}
#users_commissions_report table.report-scroll-table td.percentage_fee {
  text-align: left;
}
#users_commissions_report table.report-scroll-table tr:hover {
  background-color: var(--hover_color);
}

#resume_editor_popup {
  /* COLOR PICKER */
  /* END OF COLOR PICKER */
}
#resume_editor_popup .headers-container {
  border: 1px solid var(--border_color);
  padding: 0.4em;
  background-color: white;
  height: 2.5em;
  border-radius: 0.5em;
  margin-right: 1em;
  outline: none;
}
#resume_editor_popup div.text_color-dropdown-container,
#resume_editor_popup div.background_color-dropdown-container {
  border: 1px solid transparent;
  background-color: transparent;
  padding: 0;
  height: 24px;
  width: 24px;
  outline: none;
  display: inline-block;
  margin: 0 !important;
}
#resume_editor_popup div.text_color-dropdown-container input,
#resume_editor_popup div.background_color-dropdown-container input {
  display: none;
}
#resume_editor_popup div.text_color-dropdown-container img.text_color-dropdown-icon:hover,
#resume_editor_popup div.text_color-dropdown-container img.background_color-dropdown-icon:hover,
#resume_editor_popup div.background_color-dropdown-container img.text_color-dropdown-icon:hover,
#resume_editor_popup div.background_color-dropdown-container img.background_color-dropdown-icon:hover {
  cursor: pointer;
}
#resume_editor_popup div.text_color-dropdown-container div.text_color-dropdown-ul-container,
#resume_editor_popup div.text_color-dropdown-container div.background_color-dropdown-ul-container,
#resume_editor_popup div.background_color-dropdown-container div.text_color-dropdown-ul-container,
#resume_editor_popup div.background_color-dropdown-container div.background_color-dropdown-ul-container {
  top: 1.3em;
}
#resume_editor_popup div.text_color-dropdown-container ul,
#resume_editor_popup div.background_color-dropdown-container ul {
  min-width: 13.5rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr); /* Creates 7 columns */
  grid-template-rows: repeat(5, 1fr); /* Creates 5 rows */
  gap: 2px; /* Adjust the space between grid items */
  list-style: none; /* Removes default list styling */
  padding: 0; /* Removes default padding */
  width: 100%; /* Adjust based on your requirements */
}
#resume_editor_popup div.text_color-dropdown-container ul li,
#resume_editor_popup div.background_color-dropdown-container ul li {
  display: inline-block;
  vertical-align: top;
  border: 1px solid transparent;
  height: 1.8rem;
  padding: 0px;
  width: 1.8rem;
}
#resume_editor_popup div.text_color-dropdown-container img.text_color-dropdown-icon,
#resume_editor_popup div.background_color-dropdown-container img.text_color-dropdown-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.4rem;
}
#resume_editor_popup div.text_color-dropdown-container img.background_color-dropdown-icon,
#resume_editor_popup div.background_color-dropdown-container img.background_color-dropdown-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.4rem;
}
#resume_editor_popup div.text_color-dropdown-container div.text_color-dropdown,
#resume_editor_popup div.text_color-dropdown-container div.background_color-dropdown,
#resume_editor_popup div.background_color-dropdown-container div.text_color-dropdown,
#resume_editor_popup div.background_color-dropdown-container div.background_color-dropdown {
  width: 0;
  height: 0;
}
#resume_editor_popup div.text_color-dropdown-container div.text_color-dropdown .webmax-toggle input,
#resume_editor_popup div.text_color-dropdown-container div.text_color-dropdown .webmax-toggle span,
#resume_editor_popup div.background_color-dropdown-container div.text_color-dropdown .webmax-toggle input,
#resume_editor_popup div.background_color-dropdown-container div.text_color-dropdown .webmax-toggle span {
  display: none;
}
#resume_editor_popup button.clear-formatting {
  width: 2rem;
  border: none;
  margin-right: 0.5rem;
  background-color: transparent;
  height: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
  outline: none;
}
#resume_editor_popup button.google-drive {
  height: 3.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--border_color);
  border-radius: 0.7rem;
  padding: 0.65rem;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#resume_editor_popup button.google-drive:disabled, #resume_editor_popup button.google-drive:disabled:hover {
  background-color: #eee;
  color: var(--disabled_text_color);
}
#resume_editor_popup button.google-drive:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  fill: #fff;
}
#resume_editor_popup button.google-drive svg.download-resume {
  width: 2.5rem;
  margin-right: 0.8rem;
}
#resume_editor_popup button.popup-action-rewrite:disabled, #resume_editor_popup button.popup-action-rewrite:disabled:hover {
  background-color: #eee;
  color: var(--disabled_text_color);
}
#resume_editor_popup button.popup-action-rewrite:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#resume_editor_popup button.popup-action-clear:disabled, #resume_editor_popup button.popup-action-clear:disabled:hover {
  background-color: #eee;
  color: var(--disabled_text_color);
}
#resume_editor_popup button.popup-action-clear:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#resume_editor_popup button.view-resume {
  display: flex;
  cursor: pointer;
  margin-right: 0.5rem;
  border: 1px solid transparent;
  padding: 0;
  background: transparent;
  color: var(--stand_alone_text_color);
  fill: var(--stand_alone_text_color);
}
#resume_editor_popup button.view-resume svg {
  width: 3.25rem;
}
#resume_editor_popup button.view-resume:hover {
  color: var(--base_hover_background_color);
}
#resume_editor_popup div.insert_columns-dropdown {
  border: none;
  background-color: transparent;
  padding: 0;
  height: auto;
  display: flex;
  outline: none;
}
#resume_editor_popup div.insert_columns-dropdown ul {
  top: 1.6rem;
  left: -1rem;
}
#resume_editor_popup div.insert_columns-dropdown img {
  width: 2rem;
  height: 2rem;
}
#resume_editor_popup div.insert_columns-dropdown img:hover {
  cursor: pointer;
}
#resume_editor_popup div.insert_columns-dropdown .webmax-toggle input,
#resume_editor_popup div.insert_columns-dropdown .webmax-toggle span {
  display: none;
}
#resume_editor_popup div.left-button-row {
  text-align: right;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#resume_editor_popup div.old-resume-overlay {
  display: none;
  position: absolute;
  pointer-events: none; /* allow events to pass through */
  padding: 1rem;
  font-size: 3rem;
  opacity: 0.2;
  text-align: center;
  width: 100%;
}
#resume_editor_popup div.resume_body_area {
  height: 50rem;
  border: 1px solid var(--border_color);
  outline: none;
  margin-bottom: 1.6rem;
  position: relative; /* so that we can measure tab-stops */
}
#resume_editor_popup div.resume_editable_toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
}
#resume_editor_popup div.resume_editable_toolbar .toolbar-section {
  margin-right: 2rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#resume_editor_popup div.resume_editable_toolbar .button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#resume_editor_popup div.resume_editor_message {
  display: none;
  margin-top: 0;
  text-align: center;
  width: 100%;
  opacity: 0;
}
#resume_editor_popup h1 span.resume-has-changed {
  color: orange;
  opacity: 0;
  cursor: default;
  margin-left: 0.5em;
}
#resume_editor_popup img.intLink {
  outline: none;
  border: 1px solid transparent;
}
#resume_editor_popup img.intLink:hover {
  cursor: pointer;
}
#resume_editor_popup span.tab-stop {
  width: 0;
}
#resume_editor_popup svg.clear-formatting {
  width: 1.9rem;
}

#search_get_popup,
#search_save_popup {
  width: 40rem;
}
#search_get_popup button.popup-action-search-get-ok:hover,
#search_get_popup button.popup-action-search-save-ok:hover,
#search_save_popup button.popup-action-search-get-ok:hover,
#search_save_popup button.popup-action-search-save-ok:hover {
  background-color: green !important;
  color: white !important;
}
#search_get_popup button.popup-action-search-get-cancel:hover,
#search_get_popup button.popup-action-search-save-cancel:hover,
#search_save_popup button.popup-action-search-get-cancel:hover,
#search_save_popup button.popup-action-search-save-cancel:hover {
  background-color: orange !important;
  color: white !important;
}
#search_get_popup button.popup-action-search-delete:hover,
#search_save_popup button.popup-action-search-delete:hover {
  background-color: red !important;
  color: white !important;
}
#search_get_popup ul.filter_list,
#search_save_popup ul.filter_list {
  list-style: none;
  padding-left: 0;
  height: 28em;
  overflow-y: auto;
  margin-bottom: 0;
  border: 1px solid lightgrey;
}
#search_get_popup div.popup_buttons,
#search_save_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 1em;
  padding-bottom: 1em;
}
#search_get_popup li.active,
#search_save_popup li.active {
  background-color: var(--base_hover_background_color);
  color: white;
}

#search_save_popup #search_save_filter_name {
  width: 100%;
  height: 2.5em;
  padding: 0.3em;
  border-radius: 0.2em;
  border: 1px solid lightgrey;
}

#send_agreement_popup {
  width: -moz-fit-content;
  width: fit-content;
  z-index: 15001;
  display: block;
  max-width: 870px;
}
#send_agreement_popup textarea[name=special_text] {
  resize: none;
  width: 56rem;
  height: 10em;
  margin-top: 1em;
  border-radius: 0.5em;
  outline: none;
  color: var(--stand_alone_text_color);
  border: 1px solid var(--border_color);
  padding: 1em;
}
#send_agreement_popup div.main_buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-top: 0.6em;
  justify-content: space-between;
  height: 1.8em;
}
#send_agreement_popup hr {
  border-top: 1px solid #337ab7;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#send_agreement_popup div.consultant-container, #send_agreement_popup div.contact-container, #send_agreement_popup div.simple-text-field-container {
  border: 1px solid var(--border_color);
  padding: 0.4em;
  background-color: rgb(248, 248, 248);
  height: 2.5em;
  border-radius: 0 0.5em 0.5em 0;
}
#send_agreement_popup td.field-label {
  width: 10rem;
}
#send_agreement_popup .slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 1px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
#send_agreement_popup .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--thumb_color);
  cursor: pointer;
}
#send_agreement_popup .slider::-moz-range-thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--thumb_color);
  cursor: pointer;
}
#send_agreement_popup span.strike-through {
  text-decoration: line-through;
}
#send_agreement_popup #sent_agreement_already {
  display: none;
}
#send_agreement_popup button.popup-action-save:hover {
  color: white;
  background-color: var(--hover_positive_color);
}
#send_agreement_popup button.popup-action-reset:hover {
  color: white;
  background-color: orange;
}
#send_agreement_popup button.popup-action-save:disabled, #send_agreement_popup button.popup-action-reset:disabled {
  background-color: #eee;
  color: #ccc;
}
#send_agreement_popup .agreements-dropdown-columns {
  display: grid;
  grid-template-columns: [date] 16% [contact_name] 30% [consultant_name] 29% [type] 15% [status] 10%;
  gap: 0.4em;
}
#send_agreement_popup .agreements-dropdown-header {
  background-color: #DDD;
  color: #222;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
}
#send_agreement_popup .agreements-li {
  padding: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
#send_agreement_popup .agreements-li div {
  pointer-events: none;
}
#send_agreement_popup div.agreements-container {
  margin-bottom: 0.8em;
  margin-top: 1em;
  min-height: 2.5em;
  background-color: white;
  border-radius: 0.5em;
}
#send_agreement_popup div.agreements-container input {
  text-align: center !important;
}
#send_agreement_popup div.agreements-container input::-moz-placeholder {
  color: var(--stand_alone_text_color) !important;
}
#send_agreement_popup div.agreements-container input::placeholder {
  color: var(--stand_alone_text_color) !important;
}
#send_agreement_popup div.agreements-container input.important::-moz-placeholder {
  color: orange !important;
}
#send_agreement_popup div.agreements-container input.important::placeholder {
  color: orange !important;
}
#send_agreement_popup div.agreements-dropdown-ul-container {
  padding: 0;
  width: 84rem;
  left: -3px;
}
#send_agreement_popup div.agreements-date-header, #send_agreement_popup div.local-datetime {
  padding-left: 0.4em;
}
#send_agreement_popup span.popup-subtitle {
  text-transform: capitalize;
}
#send_agreement_popup div.field-container {
  display: flex;
}
#send_agreement_popup div.admin-fields {
  flex-direction: row;
}
#send_agreement_popup div.staff-fields {
  display: flex;
  flex-direction: column;
}
#send_agreement_popup td.field-label {
  width: 14rem;
  max-width: 14rem;
}
#send_agreement_popup td.field-input {
  width: 42rem;
  max-width: 42rem;
}
#send_agreement_popup div.consultant-dropdown-ul-container,
#send_agreement_popup div.contact-dropdown-ul-container {
  min-width: 40.7rem;
}
#send_agreement_popup div.message_display_area {
  color: green;
  text-align: center;
}

#agreement_template_editor_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}
#agreement_template_editor_popup div.popup-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  position: relative;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
  padding-right: 1rem;
}
#agreement_template_editor_popup .header-block {
  text-align: left;
  margin-bottom: 1em;
  vertical-align: top;
  width: 61.6rem;
  padding-left: 1em;
}
#agreement_template_editor_popup div.allowed_tokens {
  display: inline-block;
  width: 22rem;
  overflow-y: hidden;
  margin-top: 0.8rem;
  border: 1px solid var(--border_color);
  border-radius: 5px;
  height: 100%;
}
#agreement_template_editor_popup div.allowed_tokens ul {
  list-style: none;
  padding-left: 1em;
}
#agreement_template_editor_popup div.allowed_tokens ul li {
  padding-right: 1em;
  white-space: nowrap;
}
#agreement_template_editor_popup div.allowed_tokens li.token:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#agreement_template_editor_popup div.allowed_tokens li span.glyphicon {
  font-size: 0.63em;
  width: 1.5em;
  top: 0.01em;
}
#agreement_template_editor_popup div.allowed_tokens li span.token {
  padding-left: 0.96em;
}
#agreement_template_editor_popup div.allowed_tokens ul.collapsed {
  display: none;
}
#agreement_template_editor_popup div.allowed_tokens ul.expanded {
  display: block;
}
#agreement_template_editor_popup .button-block {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  vertical-align: top;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#agreement_template_editor_popup .button-block button {
  display: inline-block;
}
#agreement_template_editor_popup .required_field {
  z-index: auto;
  margin-right: 0.3rem;
  position: inherit;
  top: auto;
  right: auto;
}
#agreement_template_editor_popup .save-template:hover {
  background-color: var(--hover_positive_color);
  color: white;
  cursor: pointer;
}
#agreement_template_editor_popup .quit-template:hover {
  background-color: var(--hover_cancel_color);
  cursor: pointer;
  color: white;
}
#agreement_template_editor_popup .popup-action-confirm-save:hover {
  background-color: var(--hover_positive_color);
  color: white;
}
#agreement_template_editor_popup .popup-action-cancel-save:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#agreement_template_editor_popup label {
  font-weight: normal;
}
#agreement_template_editor_popup .no-border {
  outline: none;
  border: 1px solid transparent;
}
#agreement_template_editor_popup button.toggle-readonly:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  text-decoration: none;
}
#agreement_template_editor_popup div.field-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0.7rem;
  height: 3.5rem;
  color: var(--stand_alone_text_color);
  margin-bottom: 0.8rem;
}
#agreement_template_editor_popup div.field-wrapper-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
  height: 100%;
  background-color: var(--field_label_color);
  padding-left: 1rem;
  border-left: 1px solid var(--border_color);
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
  border-right: none;
  border-radius: 0.7rem 0 0 0.7rem;
  position: relative; /* for the required indicator */
}
#agreement_template_editor_popup div.dotwalker-wrapper {
  display: flex;
  flex-direction: column;
  height: 67.3rem;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#agreement_template_editor_popup div.middle-column {
  height: 68rem;
  max-height: 68rem;
}
#agreement_template_editor_popup div.subject_error {
  display: none;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
#agreement_template_editor_popup div[name=subject] {
  height: 2.5em;
  background-color: transparent;
  width: 100%;
  padding-top: 0.4rem;
  padding-left: 0.6rem;
  white-space: nowrap;
}
#agreement_template_editor_popup div.field-container {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0.7rem 0.7rem 0;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
}
#agreement_template_editor_popup div.body-wrapper {
  width: 9.5in;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  background-color: gray;
  border: 1px solid var(--border_color);
  overscroll-behavior: contain;
}
#agreement_template_editor_popup div.template_body_area {
  padding: 0.5in;
  height: 11in;
  /* max-height: 11in; */
  min-height: 11in; /* let it overflow to indicate the letter doesn't fit on the page */
  width: 8.5in;
  font-family: DejaVu Sans, sans-serif;
  font-size: 0.126in;
  text-align: left;
  background-color: white;
  margin-bottom: 0.5in;
  margin-top: 0.25in;
}
#agreement_template_editor_popup div.template_body_area div.title {
  font-size: 1.2em;
  text-align: center;
}
#agreement_template_editor_popup div.template_body_area .et-readonly {
  background-color: #e8e8e8;
  cursor: default;
  padding: 0;
}
#agreement_template_editor_popup div.template_body_area div {
  margin-bottom: 1em;
  font-weight: 400;
  line-height: 1em;
}
#agreement_template_editor_popup div.template_body_area div.signature-fields {
  display: grid;
  grid-template-columns: 50fr 50fr;
  -moz-column-gap: 5em;
       column-gap: 5em;
  row-gap: 1rem;
}
#agreement_template_editor_popup div.template_body_area div.signature-fields div {
  margin-bottom: 0;
}
#agreement_template_editor_popup div.template_body_area .date-field {
  height: 0.75in;
  border-bottom: 2px solid black;
}
#agreement_template_editor_popup div.template_body_area #signature_block {
  border-bottom: 2px solid black;
  width: 100%;
  height: 0.75in;
}
#agreement_template_editor_popup div.template_body_area #clear_signature {
  display: none;
}
#agreement_template_editor_popup div.template_body_area div.employer-name-viewable {
  display: none;
}
#agreement_template_editor_popup div.template_body_area table.footer {
  width: 100%;
  color: grey;
  border-top: 1px solid darkgrey;
  font-size: 0.8em;
  color: grey;
}
#agreement_template_editor_popup div.template_body_area input.input_area {
  border: none;
  border-bottom: 2px solid black;
  width: 100%;
  height: 2em;
  font-size: 1.5em;
  outline: none;
  padding-left: 1em;
  background-color: #e8e8e8;
  cursor: default;
}
#agreement_template_editor_popup div.template_body_area input.input_area[name=employer_block] {
  margin-left: 1em;
  margin-right: 1em;
  width: 8em;
}
#agreement_template_editor_popup div.template-help-container {
  width: 47rem;
  height: 65.3rem;
  padding: 1rem;
  border-radius: 0.7rem;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-y: auto;
}
#agreement_template_editor_popup div.template-help-container h3 {
  font-size: 1.7rem;
}
#agreement_template_editor_popup div.toggle-buttons {
  display: flex;
  white-space: nowrap;
  margin-right: 0;
}
#agreement_template_editor_popup div.toggle-buttons svg {
  width: 3rem;
  height: 3rem;
  color: white;
  cursor: pointer;
}
#agreement_template_editor_popup span.no-width {
  width: 0;
  display: inline-flex; /* must be here or width:0 won't work */
}

#configuration_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}
#configuration_popup h2 {
  color: #666;
  font-size: 1.25em;
  margin-bottom: 0.4rem;
  margin-left: 0.3em;
}
#configuration_popup textarea {
  resize: none;
}
#configuration_popup textarea.bordered {
  border: 1px solid var(--border_color);
  background-color: rgb(248, 248, 248);
  border-radius: 0.5em;
}
#configuration_popup textarea.unbordered {
  background-color: white;
  border: 1px solid transparent;
  border-radius: 0.5em;
}
#configuration_popup textarea[name=description] {
  background-color: antiquewhite;
  margin-top: 1rem;
  width: 100%;
  height: 100%;
  outline: none;
  padding: 0.5em;
}
#configuration_popup textarea[name=comment] {
  background-color: transparent;
  width: 100%;
  height: 100%;
  outline: none;
}
#configuration_popup form.config-form {
  height: 44rem;
  max-height: 44rem;
  width: 67rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#configuration_popup div.type-field {
  display: grid;
  grid-template-columns: 8em 1fr;
}
#configuration_popup div.interval_label-container, #configuration_popup div.config-item-type-container {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
#configuration_popup div.popup-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  position: relative;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
  padding-right: 1rem;
}
#configuration_popup label {
  font-weight: normal;
}
#configuration_popup .save-configuration_item:hover {
  background-color: var(--hover_positive_color);
  color: white;
  cursor: pointer;
}
#configuration_popup .quit-configuration:hover {
  background-color: var(--hover_cancel_color);
  cursor: pointer;
  color: white;
}
#configuration_popup div.field-container {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0.7rem 0.7rem 0;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
}
#configuration_popup div.field-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0.7rem;
  height: 3.5rem;
  color: var(--stand_alone_text_color);
  margin-bottom: 0.8rem;
}
#configuration_popup div.field-wrapper-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
  height: 100%;
  background-color: var(--field_label_color);
  padding-left: 1rem;
  border-left: 1px solid var(--border_color);
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
  border-right: none;
  border-radius: 0.7rem 0 0 0.7rem;
  position: relative; /* for the required indicator */
}
#configuration_popup div.configuration-item-display-area {
  height: 20em;
  vertical-align: top;
  margin-top: 0.5em;
  border-radius: 0.5em;
  border: 1px solid var(--border_color);
  overflow-y: auto;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper {
  display: grid;
  background-color: lightblue;
  margin-bottom: 0.3em;
  background-color: lightgrey;
  padding: 0.5em;
  grid-template-columns: 1fr 3em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.config-info {
  display: grid;
  row-gap: 0.25em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-boolean div.config-info {
  grid-template-columns: 6em 10em 6em 20em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-integer div.config-info, #configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-percentage div.config-info, #configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-currency div.config-info, #configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-ramp div.config-info {
  grid-template-columns: 6em 10em 6em 20em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-agreement_percentage div.config-info {
  grid-template-columns: 6em 10em 1fr;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-agreement_percentage div.config-info .value-label {
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border-right: 1px solid var(--border_color);
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-interval div.config-info {
  grid-template-columns: 6em 10em 6em 5em 6em 1fr;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-range div.config-info {
  grid-template-columns: 6em 10em 6em 6.7em 6.7em 6.7em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-range div.config-info .start_date-wrapper, #configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-range div.config-info .start_date-label, #configuration_popup div.configuration-item-display-area div.config-item-wrapper.config-item-range div.config-info .range-label {
  align-self: end;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.config-controls {
  display: grid;
  grid-template-columns: 1fr;
  margin-left: 0.5rem;
  row-gap: 0.25em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper button div.glyphicon-remove-circle:hover {
  color: red;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-label {
  height: 5.4em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-entries {
  display: grid;
  grid-template-columns: 1.5em 4em 4em 4em 4em;
  -moz-column-gap: 0.25em;
       column-gap: 0.25em;
  height: 5.4em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-entries input {
  border: none;
  outline: none;
  background-color: transparent;
  width: 4em;
  text-align: right;
  padding: 0.3em;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-entries div.ramp-trigger {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border: 1px solid var(--border_color);
  border-bottom: none;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-entries div.ramp-trigger-error {
  border: 1px solid red !important;
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-entries div.ramp-value {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border: 1px solid var(--border_color);
}
#configuration_popup div.configuration-item-display-area div.config-item-wrapper div.ramp-entries div.ramp-value-error {
  border: 1px solid red !important;
}
#configuration_popup div.configuration-item-display-area div.value-label {
  margin-left: 0.5em;
}
#configuration_popup .header-block {
  text-align: left;
  margin-bottom: 1em;
  vertical-align: top;
  width: 61.6rem;
  padding-left: 1em;
}
#configuration_popup .button-block {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#configuration_popup .button-block button {
  display: inline-block;
}
#configuration_popup .button-block button.sync-servers {
  cursor: pointer;
}
#configuration_popup .button-block button.sync-servers:hover {
  background-color: orange;
  color: white;
}
#configuration_popup .button-block div.main-buttons {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
#configuration_popup .button-block div.are-you-sure, #configuration_popup .button-block div.confirm-changes {
  margin-top: 0px;
  padding-left: 1em;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
#configuration_popup .button-block button.confirm-sync:hover, #configuration_popup .button-block button.cancel-sync:hover {
  color: white;
  background-color: var(--base_hover_background_color);
}
#configuration_popup div.configuration_list_container {
  height: 44rem;
  overflow-y: auto;
  width: 25rem;
  margin-right: 1rem;
  border-right: 1px solid #337ab7;
  padding-bottom: 1rem;
  color: var(--stand_alone_text_color);
}
#configuration_popup div.configuration_list_container span.glyphicon-triangle-right,
#configuration_popup div.configuration_list_container span.glyphicon-triangle-bottom {
  font-size: 1rem;
  width: 1.5rem;
  top: 0.1rem;
}
#configuration_popup div.configuration_list_container ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin-left: 1rem; /* Remove margins */
}
#configuration_popup div.configuration_list_container ul li.config_item {
  position: relative;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1.5rem;
  cursor: pointer;
}
#configuration_popup div.configuration_list_container ul li.active {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#configuration_popup div.configuration_list_container ul li:hover {
  /*  background-color: var(--hover_color); */
  cursor: pointer;
  /* color: var(--stand_alone_text_color); */
}
#configuration_popup div.configuration_list_container ul.collapsed {
  display: none;
}

#drop_messages_popup {
  width: 700px;
  max-width: 700px;
}
#drop_messages_popup .drop_message div {
  padding: 0.3em;
}
#drop_messages_popup .drop_message:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#drop_messages_popup .drop_message.active {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#drop_messages_popup .popup-action-confirm-delete:hover,
#drop_messages_popup .popup-action-stop-drop_message:hover {
  background-color: red;
  cursor: pointer;
  color: white;
}
#drop_messages_popup .popup-action-play-drop_message:hover,
#drop_messages_popup .popup-action-record-drop_message:hover {
  background-color: green;
  cursor: pointer;
  color: white;
}
#drop_messages_popup .popup-action-cancel-delete:hover {
  background-color: orange;
  cursor: pointer;
  color: white;
}
#drop_messages_popup .popup-action-clear:hover {
  background-color: var(--base_hover_background_color);
  cursor: pointer;
  color: white;
}
#drop_messages_popup button.popup-action-button {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
  outline: none;
  margin-left: 1em;
}
#drop_messages_popup button.popup-action-button:disabled {
  background-color: #eee;
  color: #ccc;
}
#drop_messages_popup div.drop_message_delete_buttons {
  display: flex;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  align-items: center;
  white-space: nowrap;
}
#drop_messages_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
}
#drop_messages_popup #drop_messages_list {
  overflow-y: auto;
  list-style: none;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}
#drop_messages_popup #new_drop_message_input {
  width: 100%;
  border: 1px solid var(--border_color);
  padding: 0.4em;
  border-radius: 0.5em;
}
#drop_messages_popup table {
  width: 100%;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
}
#drop_messages_popup table td.left-column {
  width: 30%;
  height: 20em;
  min-height: 20em;
  border-right: 1px solid #337ab7;
  vertical-align: top;
}
#drop_messages_popup table td.right-column {
  height: 20em;
  min-height: 20em;
  padding: 0.5em;
  vertical-align: top;
}
#drop_messages_popup div.audio_canvas {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  height: 3em;
  width: 100%;
}
#drop_messages_popup div.visualizer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5em;
}
#drop_messages_popup div.timer_display {
  color: red;
  width: 4em;
  font-size: 1.3em;
  text-align: right;
  padding-right: 0.3em;
}

#edit_email_template_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}
#edit_email_template_popup div.popup-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  position: relative;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
  padding-right: 1rem;
}
#edit_email_template_popup .header-block {
  text-align: left;
  margin-bottom: 1em;
  vertical-align: top;
  width: 61.6rem;
  padding-left: 1em;
}
#edit_email_template_popup div.allowed_tokens {
  display: inline-block;
  width: 22rem;
  overflow-y: hidden;
  margin-top: 0.8rem;
  border: 1px solid var(--border_color);
  border-radius: 5px;
  height: 100%;
}
#edit_email_template_popup div.allowed_tokens ul {
  list-style: none;
  padding-left: 1em;
}
#edit_email_template_popup div.allowed_tokens ul li {
  padding-right: 1em;
  white-space: nowrap;
}
#edit_email_template_popup div.allowed_tokens li.token:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#edit_email_template_popup div.allowed_tokens li span.glyphicon {
  font-size: 0.63em;
  width: 1.5em;
  top: 0.01em;
}
#edit_email_template_popup div.allowed_tokens li span.token {
  padding-left: 0.96em;
}
#edit_email_template_popup div.allowed_tokens ul.collapsed {
  display: none;
}
#edit_email_template_popup div.allowed_tokens ul.expanded {
  display: block;
}
#edit_email_template_popup .button-block {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  vertical-align: top;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#edit_email_template_popup .button-block button {
  display: inline-block;
}
#edit_email_template_popup .required_field {
  z-index: auto;
  margin-right: 0.3rem;
  position: inherit;
  top: auto;
  right: auto;
}
#edit_email_template_popup .new-email_template:hover,
#edit_email_template_popup .save-email_template:hover {
  background-color: var(--hover_positive_color);
  color: white;
  cursor: pointer;
}
#edit_email_template_popup .copy-email_template:hover {
  background-color: var(--base_hover_background_color);
  cursor: pointer;
  color: white;
}
#edit_email_template_popup .quit-email_template:hover {
  background-color: var(--hover_cancel_color);
  cursor: pointer;
  color: white;
}
#edit_email_template_popup .delete-email_template:hover {
  background-color: var(--hover_danger_color);
  color: white;
  cursor: pointer;
}
#edit_email_template_popup .popup-action-confirm-save:hover {
  background-color: var(--hover_positive_color);
  color: white;
}
#edit_email_template_popup .popup-action-cancel-save:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#edit_email_template_popup label {
  font-weight: normal;
}
#edit_email_template_popup .no-border {
  outline: none;
  border: 1px solid transparent;
}
#edit_email_template_popup button.toggle-readonly:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  text-decoration: none;
}
#edit_email_template_popup div.field-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0.7rem;
  height: 3.5rem;
  color: var(--stand_alone_text_color);
  margin-bottom: 0.8rem;
}
#edit_email_template_popup div.field-wrapper-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
  height: 100%;
  background-color: var(--field_label_color);
  padding-left: 1rem;
  border-left: 1px solid var(--border_color);
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
  border-right: none;
  border-radius: 0.7rem 0 0 0.7rem;
  position: relative; /* for the required indicator */
}
#edit_email_template_popup ul.email_templates_list {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
#edit_email_template_popup ul.email_templates_list li {
  color: var(--stand_alone_text_color);
}
#edit_email_template_popup ul.email_templates_list li:hover,
#edit_email_template_popup ul.email_templates_list li.active:hover {
  background-color: var(--hover_color);
  cursor: pointer;
  color: var(--stand_alone_text_color);
}
#edit_email_template_popup ul.email_templates_list li.active {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#edit_email_template_popup ul.email_templates_list div.email_template_name {
  padding: 0.5rem;
}
#edit_email_template_popup div.dotwalker-wrapper {
  display: flex;
  flex-direction: column;
  height: 67rem;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#edit_email_template_popup div.email_templates_list_container {
  height: 67rem;
  overflow-y: auto;
  width: 25rem;
  border-right: 1px solid #337ab7;
  padding-bottom: 1rem;
  overscroll-behavior: contain;
}
#edit_email_template_popup div.middle-column {
  height: 67rem;
  max-height: 67rem;
  width: 67rem;
}
#edit_email_template_popup input[name=template_name] {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-left: 0.6rem;
}
#edit_email_template_popup div.name_error,
#edit_email_template_popup div.group_id_error,
#edit_email_template_popup div.subject_error {
  display: none;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
#edit_email_template_popup #email_template_editor_subject_area {
  height: 2.5em;
  background-color: var(--field_background_color); /* transparent; */
  width: 100%;
  padding-left: 0.6rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#edit_email_template_popup div.field-container {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0.7rem 0.7rem 0;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
}
#edit_email_template_popup div.template_body_area {
  padding: 0;
  height: 100%;
}
#edit_email_template_popup input.group_id-class,
#edit_email_template_popup input.auto_send_recipients-class {
  height: 2.5em;
}
#edit_email_template_popup div.group_id-container,
#edit_email_template_popup div.auto_send_recipients-container {
  border-radius: 0 0.7rem 0.7rem 0;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
  width: 100%;
  padding-left: 0.4em;
}
#edit_email_template_popup div.auto_send_recipients-dropdown-ul-container {
  top: 2.8rem;
  min-width: 53.6rem;
}
#edit_email_template_popup div.group_id-dropdown-ul-container {
  top: 2.8rem;
  min-width: 20.5rem;
}
#edit_email_template_popup div.template-help-container {
  width: 47rem;
  height: 42.1rem;
  padding: 1rem;
  border-radius: 0.7rem;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-y: auto;
}
#edit_email_template_popup div.template-help-container h3 {
  font-size: 1.7rem;
}
#edit_email_template_popup div.toggle-buttons {
  display: flex;
  white-space: nowrap;
  margin-right: 0;
}
#edit_email_template_popup div.toggle-buttons svg {
  width: 3rem;
  height: 3rem;
  color: white;
  cursor: pointer;
}
#edit_email_template_popup span.no-width {
  width: 0;
  display: inline-flex; /* must be here or width:0 won't work */
}

#edit_group_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}
#edit_group_popup td.field-label {
  width: 7em;
}
#edit_group_popup td.field-input {
  width: 35rem;
}
#edit_group_popup .edit_group_main_buttons {
  padding: 1rem;
  padding-top: 0;
}
#edit_group_popup button:disabled {
  background-color: #eee;
  color: var(--disabled_text_color);
}
#edit_group_popup button.popup-action-remove:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  text-decoration: none;
}

#group_list_pane {
  margin-bottom: 0;
  display: grid;
  grid-template-rows: 3em auto;
}
#group_list_pane .panel-body {
  padding: 0;
}
#group_list_pane h1.panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0;
}
#group_list_pane #group_list {
  position: relative;
  height: 100%;
  list-style: none;
  padding: 0;
}
#group_list_pane #group_list li.group {
  position: relative;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  cursor: pointer;
}
#group_list_pane #group_list li:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#group_list_pane #group_list li.removed {
  color: var(--disabled_text_color);
}

#holiday_list_pane {
  display: grid;
  grid-template-rows: 3em auto;
  width: 1130px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
#holiday_list_pane .panel-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  align-items: center;
}
#holiday_list_pane .panel-body-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#holiday_list_pane .panel-body-container .panel-body {
  padding: 0;
  max-height: 48.6em;
  overflow-y: auto;
  min-height: 30em;
}
#holiday_list_pane .panel-body-container .panel-body thead th.column_header {
  background-color: var(--table_header_color);
  font-weight: 400;
  padding: 0.4em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#holiday_list_pane .panel-body-container .panel-body thead th.holiday-name {
  width: 20em;
  padding-left: 1em;
}
#holiday_list_pane .panel-body-container .panel-body thead th.holiday_occurs {
  width: 20em;
}
#holiday_list_pane .panel-body-container .panel-body thead th.next_occurs {
  width: 20em;
}
#holiday_list_pane .panel-body-container .panel-body tbody td {
  padding: 0.4em;
}
#holiday_list_pane .panel-body-container .panel-body tbody td.holiday-name {
  width: 20em;
  padding-left: 1em;
}
#holiday_list_pane .panel-body-container .panel-body tbody .holiday_list tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#holiday_list_pane .panel-body-container .panel-body tbody tr:hover {
  background-color: #c3e0f3 !important;
  cursor: pointer;
}

#edit_holiday_popup {
  width: 50rem;
}
#edit_holiday_popup div.occurs-next {
  color: gray;
}
#edit_holiday_popup button.quit-holiday {
  margin-right: 0;
}
#edit_holiday_popup button.test-holiday:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#edit_holiday_popup button.submit-holiday:hover {
  background-color: var(--hover_positive_color);
  color: white;
}
#edit_holiday_popup button.quit-holiday:hover {
  background-color: var(--hover_cancel_color);
  color: white;
}
#edit_holiday_popup div.holiday_delete_buttons {
  display: flex;
  margin-top: 1em;
  align-items: center;
  white-space: nowrap;
}

#impersonate_user_popup {
  min-width: 25em;
}
#impersonate_user_popup table.field-table {
  width: 100%;
}
#impersonate_user_popup div.user-container {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
#impersonate_user_popup div.button-block {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-bottom: 1rem;
  padding-top: 1rem;
  vertical-align: top;
}
#impersonate_user_popup div.button-block .submit:hover {
  background-color: var(--hover_positive_color);
  color: white;
}
#impersonate_user_popup div.button-block .quit:hover {
  background-color: var(--hover_cancel_color);
  color: white;
}

#job_category_list_pane {
  display: grid;
  grid-template-rows: 3em auto;
  margin-bottom: 0;
}
#job_category_list_pane h1.panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0;
}
#job_category_list_pane .panel-body {
  padding: 0;
  overflow-y: auto;
  height: 100%;
}
#job_category_list_pane .delete-job_category {
  margin-top: -0.05em;
  font-size: 1.3em;
  opacity: 0;
}
#job_category_list_pane .delete-job_category:hover {
  color: var(--hover_danger_color);
}
#job_category_list_pane #job_category_list {
  position: relative;
  list-style: none;
  padding: 0;
  width: 100%;
}
#job_category_list_pane #job_category_list tr:hover,
#job_category_list_pane #job_category_list #edit_job_category_popup li:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#job_category_list_pane #job_category_list th {
  vertical-align: top;
}
#job_category_list_pane #job_category_list td {
  padding: 0.15em;
}
#job_category_list_pane #job_category_list td.splits_are_allowed img {
  width: 0.7em;
  margin-left: 0.5em;
}
#job_category_list_pane #job_category_list .job_category_name {
  width: 25em;
}

#edit_job_category_popup {
  max-width: 42em;
}
#edit_job_category_popup div.job_category_groups-dropdown ul li label {
  font-weight: normal;
}
#edit_job_category_popup div.job_category_groups-container {
  border-radius: 0 0.5em 0.5em 0;
}
#edit_job_category_popup div.job_category_groups-dropdown-ul-container {
  min-width: 39.6rem;
}
#edit_job_category_popup .danger-button:hover {
  background-color: var(--hover_danger_color);
  color: white;
}
#edit_job_category_popup .cancel-button:hover {
  background-color: var(--hover_cancel_color);
  color: white;
}
#edit_job_category_popup div.popup-buttons {
  display: flex;
  padding-top: 0.5rem;
  justify-content: space-between;
  align-items: center;
}
#edit_job_category_popup div.popup-buttons button.popup-action-cancel {
  margin-right: 0;
}
#edit_job_category_popup div.popup-buttons button.popup-move-to-other:hover {
  background-color: var(--hover_danger_color);
  color: white;
}
#edit_job_category_popup td.field-label {
  width: 7em;
}
#edit_job_category_popup #edit_job_category_error {
  max-width: 60rem;
}

#office_list_pane .panel-body {
  padding: 0;
  max-height: 48.6em;
  overflow-y: auto;
  min-height: 30em;
}

#office_list_pane .delete-office {
  margin-top: -0.05em;
  font-size: 1.3em;
  opacity: 0;
}

#office_list_pane .delete-office:hover {
  color: red;
}

#office_list {
  list-style: none;
  padding: 0;
}

#office_list li.office {
  position: relative;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  cursor: pointer;
}

#office_list li:hover {
  background-color: #c3e0f3;
  cursor: pointer;
}

#edit_office_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}

#edit_office_popup .header-block {
  text-align: left;
  margin-bottom: 1em;
  vertical-align: top;
  width: 61.6rem;
  padding-left: 1em;
}

#edit_office_popup .field-table {
  width: 100%;
}

#edit_office_popup .field-table td:nth-child(1), #edit_office_popup .field-table td:nth-child(3) {
  width: 7.5em;
}

#edit_office_popup .field-table td:nth-child(1) {
  padding-left: 0;
}

#edit_office_popup .button-block button {
  display: inline-block;
}

#edit_office_popup .quit-office {
  margin-left: 1em;
}

#edit_office_popup .required_field {
  z-index: auto;
}

#edit_office_popup textarea {
  resize: none;
}

#edit_office_popup div.field-label {
  padding-right: 1em;
}

#edit_office_popup td.field-input {
  width: 35rem;
}

#edit_office_popup div.poc-container {
  border-radius: 0 0.5em 0.5em 0;
}

#edit_office_popup td.office-zip-lookup div.wrapper,
#edit_office_popup div.poc-container {
  padding-left: 0;
}

#edit_office_popup button.submit-office:hover {
  background-color: var(--hover_positive_color);
  color: #fff;
}

#edit_office_popup button.quit-office:hover {
  background-color: var(--hover_cancel_color);
  color: #fff;
}

#edit_office_popup div.office_location-dropdown div.webmax-toggle {
  padding-left: 0.3rem;
}

#edit_office_popup div.poc_slug-dropdown div.webmax-toggle {
  padding-left: 0.4rem;
}

#edit_office_popup div.poc_slug-dropdown-ul-container {
  min-width: 34.7rem;
}

#edit_office_popup div.offices_main-buttons {
  display: flex;
  padding: 1rem;
  justify-content: flex-end;
  align-items: center;
}

#edit_office_popup div.offices_main-buttons button {
  margin-right: 0;
}

#edit_office_popup div.offices_have_changed-buttons-buttons {
  display: flex;
  padding: 1rem;
  justify-content: flex-start;
  align-items: center;
}

#personal_contacts_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}
#personal_contacts_popup td.field-input {
  width: 35rem;
}
#personal_contacts_popup .personal_contact:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#personal_contacts_popup .personal_contact.active {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#personal_contacts_popup .personal_contact div {
  padding: 0.3em;
}
#personal_contacts_popup .popup-action-clear:hover,
#personal_contacts_popup .popup-action-save:hover,
#personal_contacts_popup .popup-action-confirm-save:hover,
#personal_contacts_popup .popup-action-cancel-save:hover {
  background-color: var(--base_hover_background_color);
  cursor: pointer;
  color: white;
}
#personal_contacts_popup button.popup-action-button {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
  outline: none;
  margin-left: 1em;
}
#personal_contacts_popup button.popup-action-button:disabled {
  background-color: #eee;
  color: #ccc;
}
#personal_contacts_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}
#personal_contacts_popup div.personal_contacts_delete_buttons,
#personal_contacts_popup div.personal_contacts_save_buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  padding: 1rem;
}
#personal_contacts_popup #personal_contacts_list {
  overflow-y: auto;
  list-style: none;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}
#personal_contacts_popup table.main_table {
  width: 100%;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
}
#personal_contacts_popup table.main_table td.left-column {
  width: 30%;
  height: 20em;
  min-height: 20em;
  border-right: 1px solid #337ab7;
  vertical-align: top;
}
#personal_contacts_popup table.main_table td.right-column {
  height: 20em;
  min-height: 20em;
  padding: 0.5em;
  vertical-align: top;
}
#personal_contacts_popup table.field-table td.field-label {
  width: 8em;
}
#personal_contacts_popup textarea[name=personal_contact_notes] {
  height: 5em;
  width: 100%;
  resize: none;
}

#text_message_templates_popup {
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
}
#text_message_templates_popup h1 .title-area {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
#text_message_templates_popup h1 .template-has-changed {
  color: orange;
  margin-right: 0.5rem;
}
#text_message_templates_popup div.popup-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  position: relative;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
  padding-right: 1rem;
}
#text_message_templates_popup div.popup-container .template_form {
  height: 100%;
}
#text_message_templates_popup div.popup-container .template_form .layout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#text_message_templates_popup div.popup-container .template_form .body_error {
  margin-top: 0;
  margin-bottom: 0.8rem;
}
#text_message_templates_popup div.popup-container .body-wrapper {
  height: 100%;
  min-height: 0;
  margin-bottom: 0;
}
#text_message_templates_popup div.popup-container .body-wrapper .field-wrapper-label {
  align-items: normal;
  padding-top: 0.5rem;
}
#text_message_templates_popup .template:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#text_message_templates_popup button.toggle-readonly:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
  text-decoration: none;
}
#text_message_templates_popup div.allowed_tokens {
  display: inline-block;
  width: 22rem;
  overflow-y: hidden;
  margin-top: 0.8rem;
  border: 1px solid var(--border_color);
  border-radius: 5px;
  height: 100%;
}
#text_message_templates_popup div.allowed_tokens ul {
  list-style: none;
  padding-left: 1em;
}
#text_message_templates_popup div.allowed_tokens ul li {
  padding-right: 1em;
  white-space: nowrap;
}
#text_message_templates_popup div.allowed_tokens li.token:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#text_message_templates_popup div.allowed_tokens li span.glyphicon {
  font-size: 0.63em;
  width: 1.5em;
  top: 0.01em;
}
#text_message_templates_popup div.allowed_tokens li span.token {
  padding-left: 0.96em;
}
#text_message_templates_popup div.allowed_tokens ul.collapsed {
  display: none;
}
#text_message_templates_popup div.allowed_tokens ul.expanded {
  display: block;
}
#text_message_templates_popup .popup-action-clear:hover,
#text_message_templates_popup .popup-action-save:hover,
#text_message_templates_popup .popup-action-confirm-save:hover,
#text_message_templates_popup .popup-action-cancel-save:hover {
  background-color: var(--base_hover_background_color);
  cursor: pointer;
  color: white;
}
#text_message_templates_popup .template.active {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#text_message_templates_popup .text_message_template div {
  padding: 0.3em;
}
#text_message_templates_popup button.popup-action-button {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
  outline: none;
  margin-left: 1em;
}
#text_message_templates_popup button.popup-action-button:disabled {
  background-color: #eee;
  color: #ccc;
}
#text_message_templates_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}
#text_message_templates_popup div.template_delete_buttons,
#text_message_templates_popup div.template_save_buttons {
  display: flex;
  justify-content: flex-start;
  padding: 1rem;
  align-items: center;
  white-space: nowrap;
}
#text_message_templates_popup ul.templates_list {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
#text_message_templates_popup ul.templates_list li {
  color: var(--stand_alone_text_color);
}
#text_message_templates_popup ul.templates_list li:hover,
#text_message_templates_popup ul.templates_list li.active:hover {
  background-color: var(--hover_color);
  cursor: pointer;
  color: var(--stand_alone_text_color);
}
#text_message_templates_popup ul.templates_list li.active {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
#text_message_templates_popup ul.templates_list div.template_name {
  padding: 0.5rem;
}
#text_message_templates_popup div.field-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0.7rem;
  height: 3.5rem;
  width: 100%;
  color: var(--stand_alone_text_color);
  margin-bottom: 0.8rem;
}
#text_message_templates_popup div.field-wrapper-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
  height: 100%;
  background-color: var(--field_label_color);
  padding-left: 1rem;
  border-left: 1px solid var(--border_color);
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
  border-right: none;
  border-radius: 0.7rem 0 0 0.7rem;
  position: relative; /* for the required indicator */
  justify-content: space-between;
}
#text_message_templates_popup div.dotwalker-wrapper {
  display: flex;
  flex-direction: column;
  height: 67rem;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#text_message_templates_popup div.templates_list_container {
  height: 67rem;
  overflow-y: auto;
  width: 25rem;
  border-right: 1px solid #337ab7;
  padding-bottom: 1rem;
  overscroll-behavior: contain;
}
#text_message_templates_popup div.middle-column {
  height: 67rem;
  max-height: 67rem;
  width: 67rem;
}
#text_message_templates_popup input[name=template_name] {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-left: 0.6rem;
}
#text_message_templates_popup div.name_error {
  display: none;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
#text_message_templates_popup div.field-container {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0.7rem 0.7rem 0;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
}
#text_message_templates_popup #text_template_editor_body_area {
  padding: 0;
  height: 100%;
}
#text_message_templates_popup div.template-help-container {
  width: 47rem;
  height: 65.1rem;
  padding: 1rem;
  border-radius: 0.7rem;
  border: 1px solid var(--border_color);
  background-color: var(--field_background_color);
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow-y: auto;
}
#text_message_templates_popup div.template-help-container h3 {
  font-size: 1.7rem;
}
#text_message_templates_popup div.toggle-buttons {
  display: flex;
  white-space: nowrap;
  margin-right: 0;
}
#text_message_templates_popup div.toggle-buttons svg {
  width: 3rem;
  height: 3rem;
  color: white;
  cursor: pointer;
}

#user_list_pane {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
}
#user_list_pane .panel-heading {
  display: flex;
  justify-content: space-between;
}
#user_list_pane .panel-body {
  padding: 0;
  overflow-y: auto;
  height: 100%;
}
#user_list_pane .delete-user {
  margin-top: -0.05em;
  font-size: 1.3em;
  opacity: 0;
}
#user_list_pane .delete-user:hover {
  color: red;
}
#user_list_pane #user_list {
  list-style: none;
  padding: 0;
}
#user_list_pane #user_list li.user {
  position: relative;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-left: 0.3em;
  cursor: pointer;
}
#user_list_pane #user_list li.user:hover {
  background-color: #c3e0f3;
  cursor: pointer;
}

#edit_user_popup {
  width: 80rem;
  max-width: 80rem;
}
#edit_user_popup span.webmax-downarrow.disabled {
  display: none !important;
}
#edit_user_popup hr {
  border-top: 1px solid #337ab7;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#edit_user_popup .user-field {
  display: grid;
  grid-template-columns: 9.5em 1fr;
  margin-bottom: 0.25em;
}
#edit_user_popup .user-field .required_field {
  position: unset;
  margin-right: 2px;
  top: unset;
  right: unset;
}
#edit_user_popup .user-field.narrow-label {
  grid-template-columns: 7.5em 1fr;
}
#edit_user_popup .user-field.signature-field div.field-label, #edit_user_popup .user-field.memo-field div.field-label {
  height: 8.3em;
  align-items: self-start;
  padding-top: 0.5em;
}
#edit_user_popup .user-field.signature-field textarea, #edit_user_popup .user-field.memo-field textarea {
  height: 8.3em;
}
#edit_user_popup .header-block {
  text-align: left;
  margin-bottom: 1em;
  vertical-align: top;
  width: 61.6rem;
  padding-left: 1em;
}
#edit_user_popup .field-table {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 0.5em;
}
#edit_user_popup textarea {
  resize: none;
}
#edit_user_popup .field-label {
  padding: unset;
  padding-left: 0.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#edit_user_popup li label {
  font-weight: normal;
  width: 100%;
}
#edit_user_popup div.first_name_error {
  margin-left: 0.5rem;
}
#edit_user_popup button.release-twilio, #edit_user_popup button.provision-twilio {
  border-radius: 0.3em;
  background-color: #ccc;
  color: #444;
  text-align: center;
  border: 1px solid #ccc;
  -webkit-transition: all 0.3s ease-in-out;
}
#edit_user_popup button.release-twilio:hover {
  background-color: red;
  color: white;
}
#edit_user_popup button.provision-twilio:disabled, #edit_user_popup button.release-twilio:disabled {
  background-color: #eee !important;
  color: #fff !important;
}
#edit_user_popup button.provision-twilio:hover {
  background-color: green;
  color: white;
}
#edit_user_popup .button-block {
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0;
  vertical-align: top;
}
#edit_user_popup .button-block button {
  display: inline-block;
}
#edit_user_popup div.reports_to_user-dropdown-ul-container {
  min-width: 28.9rem;
}
#edit_user_popup div.group_id-dropdown-ul-container,
#edit_user_popup div.role-dropdown-ul-container,
#edit_user_popup div.office_id-dropdown-ul-container,
#edit_user_popup div.settings-dropdown-ul-container {
  min-width: 21.6rem;
}
#edit_user_popup div.reports_to_user-container,
#edit_user_popup div.group_id-container,
#edit_user_popup div.role-container,
#edit_user_popup div.office_id-container,
#edit_user_popup div.settings-container {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  color: var(--stand_alone_text_color);
}
#edit_user_popup button.submit-user:hover,
#edit_user_popup button.update-user:hover {
  background-color: var(--hover_positive_color);
  color: #fff;
}
#edit_user_popup button.quit-user:hover {
  background-color: var(--hover_cancel_color);
  color: #fff;
}
#edit_user_popup div.twilio_number_dropdown-container {
  border-left: none;
  border-right: none;
  padding-left: 0;
}
#edit_user_popup div.user_has_changed-buttons {
  margin-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  margin-bottom: 0;
}

#voicemail_greeting_popup .popup-action-stop-voicemail_greeting:hover {
  background-color: red;
  cursor: pointer;
  color: white;
}

#voicemail_greeting_popup .popup-action-play-voicemail_greeting:hover,
#voicemail_greeting_popup .popup-action-record-voicemail_greeting:hover {
  background-color: green;
  cursor: pointer;
  color: white;
}

#voicemail_greeting_popup .popup-action-cancel-delete:hover {
  background-color: orange;
  cursor: pointer;
  color: white;
}

#voicemail_greeting_popup .popup-action-clear:hover {
  background-color: var(--base_hover_background_color);
  cursor: pointer;
  color: white;
}

#voicemail_greeting_popup button.popup-action-button {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
  outline: none;
  margin-left: 1em;
}

#voicemail_greeting_popup button.popup-action-button:disabled {
  background-color: #eee;
  color: #ccc;
}

#voicemail_greeting_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}

#voicemail_greeting_popup {
  width: 700px;
  max-width: 700px;
}

#voicemail_greeting_popup div.voicemail_greeting_container {
  width: 100%;
  height: 20em;
  min-height: 20em;
  padding: 0.5em;
}

#voicemail_greeting_popup div.audio_canvas {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  height: 3em;
  width: 100%;
}

#voicemail_greeting_popup div.visualizer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5em;
}

#voicemail_greeting_popup div.timer_display {
  color: red;
  width: 4em;
  font-size: 1.3em;
  text-align: right;
  padding-right: 0.3em;
}

#zoominfo_setup_popup div.popup-buttons {
  display: flex;
  padding: 1rem;
  padding-right: 0;
  justify-content: flex-end;
  align-items: center;
}
#zoominfo_setup_popup label {
  font-weight: normal;
}
#zoominfo_setup_popup div.description {
  font-style: italic;
  padding-left: 1em;
}
#zoominfo_setup_popup button.popup-action-save:hover {
  background-color: var(--hover_positive_color);
  color: white;
}

#split_commission_editor_popup div.consultant-dropdown-ul-container {
  min-width: 37.7rem;
}
#split_commission_editor_popup input.select_date {
  width: 100%;
  border: none;
  background-color: transparent;
  padding-left: 0.5rem;
  outline: none;
  box-shadow: none;
}
#split_commission_editor_popup label.input-field {
  width: 100%;
  display: flex;
  padding: 0;
  align-items: center;
  font-weight: normal;
  margin-bottom: 0;
}

#users_account_popup {
  width: 700px;
  max-width: 700px;
}
#users_account_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-right: 1em;
}
#users_account_popup table.main_table {
  width: 100%;
}
#users_account_popup table.main_table td.right-column {
  height: 20em;
  min-height: 20em;
  padding: 0.5em;
  vertical-align: top;
}
#users_account_popup table.field-table td.field-label {
  width: 8em;
}

.agreements_list_pane {
  margin-top: 1rem;
}
.agreements_list_pane .panel-heading {
  font-size: 1.6rem;
  margin-top: 0;
  font-weight: 400;
}
.agreements_list_pane .column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#agreements_list {
  width: 1130px; /* this is wrong */
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
#agreements_list div.agreements-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
#agreements_list .webmax-block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  border: none;
}
#agreements_list H2 {
  text-align: left;
  margin: 0;
}
#agreements_list span.webmax_link {
  text-decoration: underline;
  color: #337ab7;
}
#agreements_list table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  /* Date */
  /* Company */
  /* Contact */
  /* Consultant*/
  /* Type */
  /* Status */
}
#agreements_list table td:nth-child(1), #agreements_list table th:nth-child(1) {
  min-width: 11.2rem;
  max-width: 11.2rem;
}
#agreements_list table td:nth-child(2), #agreements_list table th:nth-child(2) {
  min-width: 19.6rem;
  max-width: 19.6rem;
}
#agreements_list table td:nth-child(3), #agreements_list table th:nth-child(3) {
  min-width: 19.6rem;
  max-width: 19.6rem;
}
#agreements_list table td:nth-child(4), #agreements_list table th:nth-child(4) {
  min-width: 26.6rem;
  max-width: 26.6rem;
}
#agreements_list table td:nth-child(5), #agreements_list table th:nth-child(5) {
  min-width: 21.8rem;
  max-width: 21.8rem;
}
#agreements_list table td:nth-child(6), #agreements_list table th:nth-child(6) {
  min-width: 14rem;
  max-width: 14rem;
}
#agreements_list table.agreements-fixed-headers th { /* new */
  font-weight: normal;
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
}
#agreements_list table.agreements-scroll-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 1em;
}
#agreements_list table.agreements-scroll-table td {
  color: var(--stand_alone_text_color);
  padding: 0.4em;
  text-align: left;
}
#agreements_list table.agreements-scroll-table td.overdue {
  color: orange;
}
#agreements_list table.agreements-scroll-table td.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#agreements_list table.agreements-scroll-table td.pstatus {
  text-transform: capitalize;
  text-align: left;
}
#agreements_list table.agreements-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#agreements_list table.agreements-scroll-table tbody tr:last-child td {
  border-bottom: none;
}
#agreements_list table.agreements-scroll-table tbody tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#agreements_list table.agreements-scroll-table tr.agreement.disabled {
  opacity: 0.4;
}

#user_settings_popup {
  width: -moz-fit-content;
  width: fit-content;
  max-width: unset;
}
#user_settings_popup div.popup_buttons {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}
#user_settings_popup table.main_table {
  width: 100%;
}
#user_settings_popup table.main_table td.right-column {
  padding: 0.5em;
  vertical-align: top;
}
#user_settings_popup textarea {
  width: 100%;
}
#user_settings_popup textarea, #user_settings_popup td.field-label div.field-label {
  height: 10em;
}
#user_settings_popup textarea {
  width: 305px;
  resize: none;
}

#voicemail-list {
  border: 1px solid #638ecf;
  border-radius: 0.5em;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto 1fr;
  margin-top: 1em;
}
#voicemail-list div.voicemails-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
#voicemail-list .webmax-block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  border: none;
  padding: 0;
  height: 3.8rem;
}
#voicemail-list h2 {
  text-align: left;
  margin: 0;
  font-size: 1.6rem;
  margin-left: 1em;
}
#voicemail-list table { /* Date */
  /* Time */
  /* Caller */
  /* Note */
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
}
#voicemail-list table td:nth-child(1), #voicemail-list table th:nth-child(1) {
  width: 8em;
  min-width: 8em;
  max-width: 8em;
}
#voicemail-list table td:nth-child(2), #voicemail-list table th:nth-child(2) {
  width: 7em;
  min-width: 7em;
  max-width: 7em;
}
#voicemail-list table td:nth-child(3), #voicemail-list table th:nth-child(3) {
  width: 14em;
  min-width: 14em;
  max-width: 14em;
}
#voicemail-list table td:nth-child(4), #voicemail-list table th:nth-child(4) {
  width: 100%;
}
#voicemail-list table.voicemails-fixed-headers thead tr {
  display: block;
  position: relative;
}
#voicemail-list table.voicemails-fixed-headers th {
  background-color: var(--table_header_color);
  color: #000;
  padding: 0.4em;
  text-align: left;
  font-weight: normal;
}
#voicemail-list table.voicemails-scroll-table span.webmax_link {
  text-decoration: underline;
  color: #337ab7;
}
#voicemail-list table.voicemails-scroll-table tr:last-child td {
  border-bottom: none;
}
#voicemail-list table.voicemails-scroll-table tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
#voicemail-list table.voicemails-scroll-table tr.unread {
  font-weight: bold;
}
#voicemail-list table.voicemails-scroll-table tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
#voicemail-list table.voicemails-scroll-table td {
  color: var(--stand_alone_text_color);
  padding: 0.4em;
  text-align: left;
}
#voicemail-list table.voicemails-scroll-table td.overdue {
  color: orange;
}
#voicemail-list table.voicemails-scroll-table td.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#voicemail-list table.voicemails-scroll-table td.pstatus {
  text-transform: capitalize;
  text-align: left;
}

#voicemail_popup {
  min-width: 50rem;
}
#voicemail_popup audio#voicemail_audio_container {
  outline: none;
}
#voicemail_popup div.popup-container {
  padding-top: 1em;
  margin-bottom: 1em;
}
#voicemail_popup div.webmax-popup-action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin: 0 1rem;
  border-top: 1px solid #337ab7;
}

#webmax_file_picker-popup {
  width: 100rem;
  height: 48.5rem;
  max-width: unset;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: 1rem;
}
#webmax_file_picker-popup div.folder-area {
  width: 100%;
  height: 35.5rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#webmax_file_picker-popup div.folder-area div.folder-arrows {
  width: 1rem;
  min-width: 1rem;
  margin-right: 0.5rem;
}
#webmax_file_picker-popup div.folder-area .folder-arrow {
  width: 1rem;
  fill: #666;
  display: none; /* until shown */
}
#webmax_file_picker-popup div.folder-area div.active svg.folder-arrow {
  fill: white !important;
}
#webmax_file_picker-popup div.folder-area div.folder-arrows:not(.has_children) svg {
  /* don't allow arrows to show */
  fill: transparent;
  stroke: transparent;
}
#webmax_file_picker-popup div.folder-area ul {
  list-style: none;
  padding: 0;
  margin-top: 1px;
  margin-left: 1rem;
}
#webmax_file_picker-popup div.folder-area ul.collapsed {
  display: none;
}
#webmax_file_picker-popup div.folder-area ul.folder-container {
  margin-left: 0;
}
#webmax_file_picker-popup div.folder-area li {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
#webmax_file_picker-popup div.folder-area li div.folder-row {
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#webmax_file_picker-popup div.folder-area li div.folder-row.active {
  background-color: var(--active_element_color) !important;
  color: #fff !important;
}
#webmax_file_picker-popup div.folder-area li div.folder-row:hover {
  background-color: var(--hover_color);
}
#webmax_file_picker-popup div.folder-area li img.webmax-folder {
  margin-right: 0.4rem;
  pointer-events: none;
}
#webmax_file_picker-popup div.file-area {
  height: 100%;
}
#webmax_file_picker-popup div.webmax-popup-content {
  height: 100%;
}
#webmax_file_picker-popup div.main-panel {
  display: grid;
  grid-template-columns: 25% 3px 1fr;
  padding: 0;
  border: 1px solid lightgrey;
  height: -moz-fit-content;
  height: fit-content;
}
#webmax_file_picker-popup div.main-buttons {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#webmax_file_picker-popup div.main-buttons button.popup-action-reindex {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  width: 7em;
  margin-left: 1em;
  white-space: nowrap;
}
#webmax_file_picker-popup div.main-buttons button.popup-action-reindex.reindexing {
  width: 10em;
  background-color: orange !important;
  color: white;
}
#webmax_file_picker-popup div.file-head {
  display: grid;
  grid-template-columns: 60% 25% 15%;
  border-bottom: 1px solid grey;
  height: 3rem; /* set this and the file_body height to have the popup autosize */
}
#webmax_file_picker-popup div.file-head .sort-arrow-container {
  margin-left: 1rem;
}
#webmax_file_picker-popup div.file-head .sorting-arrow {
  width: 1rem;
  fill: #666;
}
#webmax_file_picker-popup div.file-head div.column-header {
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  background-color: var(--table_header_color);
}
#webmax_file_picker-popup div.file-head button {
  border: none;
  background: transparent;
  width: 2rem;
  height: 2rem;
}
#webmax_file_picker-popup div.file-head button.sort-button {
  display: none;
}
#webmax_file_picker-popup div.file-head span.glyphicon-search {
  margin-right: unset;
}
#webmax_file_picker-popup div.drives_and_search {
  display: grid;
  grid-template-columns: 25% 75%;
  align-items: center;
  height: 4rem;
}
#webmax_file_picker-popup div.drives_and_search svg.download_file {
  width: 2rem;
  height: 2rem;
}
#webmax_file_picker-popup div.drive-types {
  padding-left: 0.5rem;
}
#webmax_file_picker-popup button.sort-button svg {
  width: 1rem;
}
#webmax_file_picker-popup button.drive-button {
  border-radius: 0.5rem;
  border: 1px solid grey;
  margin-right: 1rem;
  height: 3.2rem;
}
#webmax_file_picker-popup button.drive-button.active {
  border: 1px solid orange;
  background-color: orange;
  color: white;
}
#webmax_file_picker-popup button.drive-button:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#webmax_file_picker-popup button.download_button, #webmax_file_picker-popup button.view_file_button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  background-color: #ccc;
  height: 3.2rem;
  width: 3.7rem;
  margin-left: 0.5rem;
  padding: 0;
  border-radius: 0.5em;
}
#webmax_file_picker-popup button.download_button:disabled, #webmax_file_picker-popup button.view_file_button:disabled {
  opacity: 0.3;
}
#webmax_file_picker-popup button.download_button:hover, #webmax_file_picker-popup button.view_file_button:hover {
  background-color: var(--base_hover_background_color);
  color: white;
}
#webmax_file_picker-popup div.recents-header, #webmax_file_picker-popup div.file-message {
  padding: 0.5rem;
  background-color: #F9F9FF;
  border-bottom: 1px solid grey;
  color: #b0b0b0;
  text-align: center;
}
#webmax_file_picker-popup div.file-system-divider {
  width: 3px;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}
#webmax_file_picker-popup div.file-body {
  overflow-y: auto;
  overscroll-behavior: contain;
  position: relative;
  height: 32.5rem;
}
#webmax_file_picker-popup div.file-body div.webmax-file {
  display: grid;
  grid-template-columns: 60% 25% 15%;
  font-weight: normal;
}
#webmax_file_picker-popup div.file-body div.webmax-file div {
  padding: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#webmax_file_picker-popup div.file-body div.webmax-file:nth-of-type(even) {
  background-color: var(--odd_tr_color);
}
#webmax_file_picker-popup div.file-body div.webmax-file div:nth-child(3) {
  text-align: right;
}
#webmax_file_picker-popup div.file-body div.webmax-file.active {
  background-color: var(--active_element_color);
  color: white;
}
#webmax_file_picker-popup div.file-body div.webmax-file:hover {
  background-color: var(--hover_color);
}

div.webmax-list {
  height: 100%;
}
div.webmax-list div.list-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #638ecf;
  padding-left: 1rem;
  padding-right: 1rem;
  color: white;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  margin-bottom: 0;
  height: 4.5rem;
}
div.webmax-list div.list-header .list-title {
  margin-top: 0;
  margin-bottom: 0;
}
div.webmax-list div.list-header .search-container {
  display: flex;
  font-weight: normal;
  font-size: 1.4rem;
  color: var(--stand_alone_text_color);
  line-height: normal;
}
div.webmax-list div.list-header .search-container .quick_search_find {
  border-radius: 0.4rem;
  margin-left: 0.4rem;
  margin-right: 0;
  height: 3.5rem;
  border: 1px solid transparent;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
div.webmax-list div.list-header .search-container .quick_search_find:disabled {
  opacity: 0.5;
}
div.webmax-list div.list-header .search-container .quick_search_clear {
  border-radius: 0.4rem;
  margin-left: 0.4rem;
  margin-right: 0;
  border: 1px solid transparent;
  height: 3.5rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
div.webmax-list div.list-header .search-container .quick_search_clear:disabled {
  opacity: 0.5;
}
div.webmax-list div.list-header .search-container .quick_search_company {
  padding-left: 1rem;
  width: 12rem;
  height: 3.5rem;
  border: 1px solid var(--border_color);
  border-radius: 0.4rem;
  margin-right: 0.4rem;
}
div.webmax-list div.list-header .search-container .advanced-search {
  padding: 0.5rem;
  border-radius: 0.4rem;
  background-color: #ccc;
  margin-left: 0.4rem;
  width: 3.3rem;
  border: 1px solid transparent;
  height: 3.5rem;
}
div.webmax-list div.list-header .search-container .advanced-search.is_search {
  background-color: var(--search_active);
}
div.webmax-list div.list-header .search-container .advanced-search:hover {
  background-color: var(--base_hover_background_color);
  color: #fff;
}
div.webmax-list div.list-header .search-container .advanced-search span:hover {
  background-color: transparent;
  color: #fff;
}
div.webmax-list div.list-header .search-container .advanced-search:disabled {
  opacity: 0.5;
}
div.webmax-list div.list-header div.page-navigation {
  display: inline-flex;
  margin-left: 1.4rem;
  margin-top: 0.4rem;
  color: var(--stand_alone_text_color);
  font-weight: normal;
  font-size: 1.4rem;
}
div.webmax-list div.list-header div.page-navigation div.navigation-pages {
  color: white;
  display: flex;
  align-items: center;
}
div.webmax-list table.items-area {
  width: 100%;
  /* border: 1px solid var(--border_color); */
}
div.webmax-list table.items-area tbody tr:nth-child(even) {
  background-color: var(--odd_tr_color);
}
div.webmax-list table.items-area tbody tr:hover {
  background-color: var(--hover_color);
  cursor: pointer;
}
div.webmax-list table.items-area tbody tr.last-viewed-index {
  background-color: rgb(245, 215, 168);
}
div.webmax-list table.items-area td, div.webmax-list table.items-area th {
  font-weight: normal;
  padding: 0.5rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
div.webmax-list table.items-area thead {
  background-color: var(--table_header_color);
  color: var(--stand_alone_text_color);
}
div.webmax-list table.items-area thead th {
  color: #000;
}
div.webmax-list table.items-area thead th.current-column {
  font-weight: bold;
}
div.webmax-list #no_matches,
div.webmax-list #not_allowed {
  font-size: 3rem;
  color: var(--stand_alone_text_color);
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  width: 100%;
  height: 100%;
  /* position:absolute; */
  top: 10rem;
  left: 0px;
}