/*	This software is the unpublished, confidential, proprietary, intellectual
	property of Kim David Software, LLC and may not be copied, duplicated, retransmitted
	or used in any manner without expressed written consent from Kim David Software, LLC.
	Kim David Software, LLC owns all rights to this work and intends to keep this
	software confidential so as to maintain its value as a trade secret.

	Copyright 2004-Present, Kim David Software, LLC.

	WARNING! This code is part of Kim David Software's PHPServant system.
	Changes made to this source file will be lost when new versions of the
	system are installed.
*/

html {
    font-size: 18px;
}

* {
    color: rgb(40, 40, 40);
}

a, a:link, a:active, a:visited {
    font-weight: 700;
    color: rgb(15, 50, 100);
    text-decoration: none;
}

a:hover {
    color: rgb(50, 50, 50);
    text-decoration: underline;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
}

body.waiting-for-ajax {
    overflow: hidden;
}

body.waiting-for-ajax .modal {
    display: block;
}

button {
    font-size: .9rem;
    padding: 4px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(250, 250, 250);
    cursor: pointer;
    color: rgb(100, 100, 100);
    font-weight: 700;
    margin: 0 5px;
}

button.disabled-button {
    color: rgb(220, 220, 220);
    cursor: auto;
}

button:hover {
    background-color: rgb(180, 180, 180);
}

button.disabled-button:hover {
    background-color: rgb(250, 250, 250);
}

h1 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.8rem;
    color: rgb(100, 100, 100);
    font-weight: 500;
}

h2 {
    padding: 0;
    margin: 8px 0;
    font-size: 1.6rem;
    color: rgb(100, 100, 100);
    font-weight: 500;
    line-height: 1.25;
}

h3 {
    padding: 0;
    margin: 6px 0;
    font-size: 1.4rem;
    color: rgb(100, 100, 100);
    font-weight: 500;
    line-height: 1.25;
}

h4 {
    padding: 0;
    margin: 4px 0;
    font-size: 1.2rem;
    color: rgb(100, 100, 100);
    font-weight: 500;
    line-height: 1.25;
}

h5 {
    padding: 0;
    margin: 3px 0;
    font-size: 1.1rem;
    color: rgb(100, 100, 100);
    font-weight: 500;
    line-height: 1.25;
}

h6 {
    padding: 0;
    margin: 2px 0;
    font-size: 1rem;
    color: rgb(100, 100, 100);
    font-weight: 500;
    line-height: 1.25;
}

img {
    border: none;
    padding: 0;
    margin: 0;
}

input[type=text], input[type=password] {
    border: 1px solid rgb(220, 220, 220);
    border-radius: 4px;
    padding: 5px 10px;
    font-size: .8rem;
    max-width: 100%;
}

input[type=checkbox] {
    font-size: 1rem;
}

input[type=file] {
    width: 200px;
}

input:focus {
    background-color: rgb(255, 255, 230);
}

input[type=text].borderless, input[type=password].borderless {
    border: 2px solid rgb(255, 255, 255);
    top: -2px;
    position: relative;
    background-color: rgb(240, 240, 240);
}

input {
    margin: 0;
}

input.monthpicker {
    width: 160px;
}

label {
    color: rgb(150, 150, 150);
    font-size: .7rem;
}

.after-control-content {
    margin-left: 10px;
    color: rgb(150, 150, 150);
    font-size: .7rem;
}

select {
    margin: 0;
    font-size: .9rem;
    box-shadow: none;
    appearance: none;
    border-radius: 2px;
    background-image: url('../images/select_arrow.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 12px;
    border: 2px solid rgb(220, 220, 220);
    overflow: hidden;
    padding: 5px 40px 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 150px;
    max-width: 100%;
}

select:focus {
    border-color: rgb(0, 114, 114);
    outline: none;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
}

select.disabled-select {
    background-image: none;
    color: rgb(120, 120, 120);
}

p {
    padding: 0;
    margin: 0 0 10px;
    font-size: .8rem;
    line-height: 1.2;
}

table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

td {
    margin: 0;
    padding: 2px;
    border-collapse: collapse;
    text-align: left;
    font-size: .8rem;
}

textarea {
    width: 90%;
    max-width: 1600px;
    height: 200px;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 4px;
    font-size: .8rem;
    padding: 4px 8px;
}

textarea:focus {
    background-color: rgb(240, 240, 160);
}

textarea#_import_editable_list_rows_content {
    height: 400px;
    width: 100%;
}

th {
    font-size: .8rem;
    background-color: rgb(165, 165, 165);
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-align: left;
    padding: 2px 10px;
    white-space: nowrap;
    font-weight: 900;
}

.checkbox-label {
    padding-left: 10px;
    cursor: pointer;
    display: inline-block;
    color: rgb(100, 100, 100);
    font-weight: 600;
    font-size: .8rem;
}

.data-type-button-group {
    display: none;
}

p.clear-button-group-wrapper {
    padding: 0;
    margin: 0;
}

a.clear-button-group {
    font-size: .7rem;
}

.basic-form-line .button-group-label, .form-line .button-group-label {
    padding: 5px 20px;
    border: 1px solid rgb(100, 100, 100);
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    font-size: .9rem;
    margin-top: 5px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

.button-group-label.selected {
    background-color: rgb(230, 230, 230);
}

.basic-form-line.data-type-button-group-wrapper > label:first-child {
    font-size: 1.2rem;
    font-weight: 700;
}

.column-header {
    font-size: .8rem;
    padding-top: 3px;
    padding-bottom: 3px;
}

.connected-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.connected-sortable li {
    margin: 2px;
    padding: 4px;
    width: 220px;
}

#_contact_picker_list {
    margin-top: 20px;
}

.contact-picker-item {
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid rgb(200, 200, 200);
    position: relative;
    padding-top: 5px;
}

.contact-picker-item.selected {
    background-color: rgb(240, 240, 160);
}

.contact-picker-item.current-value {
    background-color: rgb(225, 250, 240);
}

.contact-picker-item button {
    position: absolute;
    right: 0;
    top: 10px;
}

#_user_picker_list {
    margin-top: 20px;
}

.user-picker-item {
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid rgb(200, 200, 200);
    position: relative;
    padding-top: 5px;
}

.user-picker-item button {
    position: absolute;
    right: 0;
    top: 5px;
}

.data-row-data {
    font-size: .8rem;
    cursor: pointer;
}

.download-file-link {
    display: none;
}

.editable-list-template, .form-list-template {
    display: none;
}

.editable-list .editable-list-line-number {
    padding: 0 10px;
    color: rgb(120, 120, 120);
}

.editable-list tr {
    border: 2px solid rgb(255, 255, 255);
}

.editable-list tr:hover {
    background-color: #F6EEDF;
}

.editable-list td {
    border: 2px solid rgb(255, 255, 255);
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: top;
    min-height: 25px;
    position: relative;
    background-color: rgb(230, 230, 230);
}

.editable-list .add-row th {
    background-color: rgb(230, 230, 230);
    color: rgb(125, 125, 125);
}

.editable-list span.file-info {
    position: relative;
    display: inline;
}

.editable-list td.align-center {
    vertical-align: middle;
}

.editable-list input[type=text] {
    max-width: 250px;
}

.editable-list input.autocomplete-field {
    max-width: 400px;
}

table select {
    min-width: 100px;
}

.editable-list button {
    padding: 4px 10px;
}

.editable-list button.editable-list-remove, .editable-list button.editable-list-add {
    padding: 0;
    border: none;
    background-color: transparent;
}

.editable-list th {
    border: 2px solid rgb(255, 255, 255);
    font-size: .8rem;
    font-weight: 900;
    height: 25px;
    vertical-align: middle;
    padding: 0 4px;
    color: rgb(255, 255, 255);
}

.editable-list th.editable-list-row-control {
    text-align: center;
    width: 16px;
    margin: 0;
    padding: 2px;
}

.form-line .editable-list textarea, .basic-form-line .editable-list textarea {
    width: 250px;
    height: 26px;
    font-size: .8rem;
}

.editable-list textarea:focus {
    height: 100px;
    width: 300px;
}

.editable-list-sort-image {
    padding-left: 5px;
}

#_maintenance_form .editable-select {
    max-width: 300px;
}

#_maintenance_form .editable-list input.editable-number {
    max-width: 120px;
}

#_maintenance_form .editable-list input.editable-date {
    max-width: 120px;
}

#_maintenance_form .editable-list select {
    max-width: 300px;
}

table.ledger tr:nth-child(odd) td {
    background-color: rgb(240, 240, 240);
}

.remove-image-checkbox {
    margin-left: 30px;
}

.image-picker {
    margin-left: 10px;
}

.image-picker-selector {
    width: 150px;
}

.image-picker-item {
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid rgb(200, 200, 200);
    cursor: pointer;
}

.image-picker-item table {
    width: 100%;
}

.image-picker-item table td {
    height: 40px;
    vertical-align: middle;
    width: 50%;
    text-align: center;
}

.image-picker-item table td a {
    font-size: .8rem;
}

.image-picker-thumbnail {
    max-height: 40px;
    max-width: 240px;
}

.minicolors.minicolors-theme-default .minicolors-input {
    height: 24px;
    width: 80px;
}

.minicolors-swatch {
    height: 24px;
    width: 24px;
}

.photo-gallery {
    margin: 20px 0;
}

button.popup-edit {
    padding: 2px;
    background-color: transparent;
    border: none;
    color: rgb(0, 0, 0);
    font-size: 20px;
}

button.popup-edit:hover {
    background-color: transparent;
    color: rgb(150, 150, 150);
}

.multiple-select-checkbox-wrapper {
    display: flex;
    justify-content: left;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-left: 20px;
    flex-direction: column;
    max-height: 40px;
    padding-bottom: 10px;
}

.multiple-select-checkbox-wrapper .multiple-select-checkbox-option {
    padding: 10px 20px 0 0;
    flex: 0 0 32%;
    width: 32%;
}

.selection-control {
    width: 100%;
    max-width: 1000px;
}

.selection-control td {
    vertical-align: bottom;
}

.selection-control div {
    width: 100%;
    height: 240px;
    position: static;
    overflow: auto;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 5px;
    padding: 2px;
}

.selection-control td {
    width: 47.5%;
}

.selection-control.readonly {
    max-width: 500px;
}

.selection-control.readonly td {
    width: 100%;
}

.selection-control.readonly ul {
    max-height: 100%;
    overflow: auto;
}

.selection-control.readonly td:first-child {
    width: 0;
    max-width: 0;
    padding: 0;
}

.selection-control td.selection-controls {
    width: 5%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .8rem;
    font-weight: 500;
    text-align: center;
    color: rgb(100, 100, 100);
    vertical-align: middle;
    padding-top: 20px;
}

.selection-control td.selection-controls button {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: rgb(100, 100, 100);
    height: 20px;
    width: 20px;
    position: relative;
    padding: 0;
}

.selection-control td.selection-controls .fa {
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.selection-control ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 230px;
    width: 100%;
}

.selection-control li {
    margin: 0 0 2px 0;
    padding: 8px 20px 8px 6px;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}

input[type=text].selection-control-filter {
    width: 100%;
    height: 30px;
    border-radius: 4px;
}

.selection-control.readonly input[type=text].selection-control-filter {
    display: none;
}

.selection-control.readonly .selection-controls {
    display: none;
}

#_main_content .selection-control-button-wrapper {
    padding: 10px 0 0 0;
}

#_main_content .selection-control-button-choice {
    padding: 10px 20px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    border-radius: .25rem;
    display: inline-block;
    cursor: pointer;
    margin: 0 1rem 1rem 0;
    border: 1px solid rgb(180, 180, 180);
}

#_main_content .selection-control-button-choice.inactive-option {
    display: none;
}

#_main_content .selection-control-button-choice.inactive-option.selected {
    display: inline-block;
}

#_main_content .selection-control-button-choice.selected {
    background-color: rgb(240, 240, 240);
}

#_main_content .selection-control-button-choice p {
    padding: 0;
    margin: 0;
    font-size: .9rem;
    color: rgb(100, 100, 100);
}

.selection-choices-div li {
    border: 1px solid rgb(15, 160, 80);
    color: rgb(0, 50, 15);
    font-size: .8rem;
    background-color: rgb(225, 250, 240);
    font-weight: 500;
    overflow: hidden;
    max-width: 100%;
    margin-left: 0;
}

.selection-choices-div li:after {
    font-family: 'Font Awesome 6 Pro', serif;
    content: "\f142\f142";
    color: rgb(200, 200, 200);
    position: absolute;
    right: 10px;
    top: 55%;
    transform: translate(0, -50%);
    letter-spacing: 2px;
    font-size: 1rem;
    font-weight: 300;
}

.selection-choices-div li.inactive-option {
    display: none !important;
}

.selection-chosen-div li {
    border: 1px solid rgb(250, 210, 45);
    color: rgb(0, 50, 15);
    font-size: .8rem;
    background-color: rgb(250, 235, 135);
    font-weight: 500;
    overflow: hidden;
    max-width: 100%;
    margin-left: 0;
}

.selection-control.editable .selection-chosen-div li:after {
    font-family: 'Font Awesome 6 Pro', serif;
    content: "\f00d";
    color: rgb(200, 200, 200);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

div.cke {
    display: inline-block;
}

.form-list {
    max-width: 600px;
    position: relative;
}

.form-list-item {
    min-width: 150px;
    max-width: 100%;
    min-height: 26px;
    background-color: rgb(220, 220, 220);
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    margin-right: 40px;
}

.form-list-add-button {
    margin-bottom: 10px;
}

.form-list-item-caret {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 18px;
}

.form-list-item-header {
    margin: 0;
    padding: 4px 20px;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
}

.form-list-item-title {
    font-size: 1rem;
    padding: 3px 0;
    margin: 0 0 0 10px;
    height: 26px;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
}

.form-list-item-form {
    border: 1px solid rgb(220, 220, 220);
    padding: 20px;
    background-color: rgb(255, 255, 255);
}

.form-list-remove {
    position: absolute;
    top: 6px;
    right: 8px;
    border: none;
    background-color: transparent;
    padding: 2px;
    z-index: 1000;
}

.form-list-remove:hover {
    color: rgb(180, 180, 180);
    background-color: transparent;
}

.form-list .basic-form-line label {
    font-size: .7rem;
    font-weight: 400;
}

.form-list .basic-form-line label.checkbox-label {
    font-size: .9rem;
    font-weight: 600;
}

.strength-bar-div {
    height: 16px;
    width: 200px;
    margin: 10px 0 0;
    display: block;
    top: 5px;
}

#_main_content p.strength-bar-label {
    font-size: .6rem;
    margin: 0;
}

#_main_content .ui-widget-header {
    background: none;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

#_main_content .ui-tabs .ui-tabs-nav li {
    background: rgb(240, 240, 240);
    flex: 0 0 auto;
}

#_main_content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 4px;
}

#_main_content .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: rgb(255, 255, 255);
}

.strength-bar {
    font-size: 1px;
    height: 8px;
    width: 10px;
}

.subsequent-label {
    padding-left: 30px;
}

.toggle-wysiwyg {
    height: 36px;
    width: 36px;
    background-image: url("../images/wysiwyg.png");
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.content-builder {
    height: 36px;
    width: 36px;
    background-image: url("../images/wysiwyg.png");
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

#_build_content_dialog iframe {
    height: 100%;
    width: 100%;
    min-height: 600px;
}

.view-image-link {
    display: none;
    font-size: .8rem;
    font-weight: normal;
}

.view-image-link[href=''] {
    display: none;
}

.ui-tabs .ui-tabs-nav li {
    margin-left: 2px;
}

.ui-datepicker-calendar.monthpicker {
    display: none;
}

.ui-tabs-anchor {
    font-size: .8rem;
}

.ui-front {
    z-index: 90000;
}

.ui-tabs .ui-tabs-panel {
    min-height: 250px;
}

.view-image-link, .download-file-link {
    padding-left: 20px;
    padding-right: 20px;
}

.pp_details a img[src*=download] {
    float: right;
}

.pp_expand {
    display: none !important;
}

.ui-dialog {
    max-width: 90%;
}

.dialog-box p {
    font-size: 1rem;
    line-height: 1.3;
}

.dialog-box > ul {
    list-style: disc;
    margin-left: 30px;
}

.dialog-box > ul li {
    margin-bottom: 5px;
    font-size: .8rem;
    line-height: 1.3;
}

.dialog-box > ol {
    list-style: decimal;
    margin-left: 30px;
}

.dialog-box > ol li {
    margin-bottom: 5px;
    font-size: .8rem;
    line-height: 1.3;
}

/* CSS for form line */

.form-line {
    position: relative;
    margin-bottom: 10px;
}

.form-line.inline-block {
    padding-right: 15px;
    display: inline-block;
    vertical-align: top;
}

.form-line span.data-content {
    display: block;
    font-size: .8rem;
    font-weight: 500;
}

.form-line span.help-label {
    display: block;
    font-size: .6rem;
    color: rgb(150, 150, 200);
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 2px;
    line-height: .9;
}

.form-line span.extra-info {
    font-size: .8rem;
    position: relative;
    top: -4px;
    margin-left: 10px;
    margin-right: 10px;
}

.form-line .inline-block {
    margin-right: 10px;
}

.form-line .float-left {
    margin-right: 10px;
    display: block;
    float: left;
}

.form-line label {
    display: block;
    padding-bottom: 3px;
    padding-top: 2px;
}

.form-line > img {
    display: inline-block;
    position: relative;
    top: 5px;
}

.form-line label.checkbox-label {
    float: none;
    display: inline-block;
    width: auto;
    text-align: left;
    padding-bottom: 0;
}

.form-line .textarea-wrapper {
    display: inline-block;
    width: 100%;
}

.form-line textarea {
    display: inline-block;
    width: 80%;
}

.form-line .textarea-wrapper textarea {
    width: 80%;
}

.contact-picker {
    margin-left: 10px;
}

.contact-picker-selector {
    max-width: 400px;
    margin-right: 10px;
}

.editable-list .contact-picker-selector {
    width: 200px;
}

.contact-picker-field {
    margin-right: 10px;
}

.user-picker {
    margin-left: 10px;
}

.user-picker-selector {
    max-width: 400px;
    margin-right: 10px;
}

.editable-list .user-picker-selector {
    width: 200px;
}

.user-picker-field {
    margin-right: 10px;
}

.view-image-link, .download-file-link {
    padding-left: 20px;
    padding-right: 20px;
}

.query-select-column {
    max-width: 300px;
    width: 300px;
}

.query-select-value-fields {
    min-width: 150px;
    white-space: nowrap;
}

.query-select-value-fields input {
    min-width: 50px;
    display: inline-block;
    margin-right: 10px;
    width: 200px;
}

.query-select-value-fields input.date-field {
    width: 120px;
}

.query-select-value-fields input.numeric-field {
    width: 100px;
}

#_preferences .selection-control div {
    height: 200px;
}

#_preferences .selection-control ul {
    min-height: 190px;
}

#_preferences div.half-width {
    width: 47%;
    margin-right: 2%;
    display: inline-block;
}

#_filter_dialog_contents {
    max-height: 70vh;
    overflow: auto;
    width: 95%;
    margin: 10px auto;
    padding: 10px;
}

#_filter_dialog_contents h3 {
    margin-top: 20px;
}

#_filter_dialog ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

#_filter_dialog ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* Include/Exclude toggle for Checkbox Links Filter */

.filter-clude-toggle-wrapper .filter-clude-control {
    font-size: 1.4rem;
    position: relative;
    top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
}

.filter-clude-toggle {
    color: rgb(180, 180, 180);
    font-weight: 600;
    font-size: .8rem;
}

.filter-clude-toggle-wrapper.exclude .filter-exclude-toggle {
    color: rgb(205, 0, 0);
}

.filter-clude-toggle-wrapper .filter-exclude-toggle .filter-clude-control {
    display: none;
}

.filter-clude-toggle-wrapper.exclude .filter-exclude-toggle .filter-clude-control {
    display: inline-block;
}

.filter-clude-toggle-wrapper .filter-include-toggle {
    color: rgb(0, 130, 0);
}

.filter-clude-toggle-wrapper.exclude .filter-include-toggle {
    color: rgb(223, 223, 223);
}

.filter-clude-toggle-wrapper.exclude .filter-include-toggle .filter-clude-control {
    display: none;
}

/* Simple/Expert toggle for Checkbox Links Filter */

.checkbox-links-wrapper .filter-expert-mode-toggle-wrapper .filter-expert-mode-control {
    font-size: 1.4rem;
    position: relative;
    top: 5px;
    margin-right: 5px;
    margin-left: 0;
    cursor: pointer;
    display: inline-block;
}

.checkbox-links-wrapper .filter-expert-mode-toggle {
    color: rgb(223, 223, 223);
    font-weight: 600;
    font-size: .8rem;
}

.checkbox-links-wrapper.expert .filter-expert-mode-toggle-wrapper .filter-expert-on-toggle {
    color: rgb(0, 130, 0);
}

.checkbox-links-wrapper .filter-expert-mode-toggle-wrapper .filter-expert-on-toggle .filter-expert-mode-control {
    display: none;
}

.checkbox-links-wrapper.expert .filter-expert-mode-toggle-wrapper .filter-expert-on-toggle .filter-expert-mode-control {
    display: inline-block;
}

.checkbox-links-wrapper .filter-expert-mode-toggle-wrapper .filter-expert-off-toggle {
    color: rgb(0, 130, 0);
}

.checkbox-links-wrapper.expert .filter-expert-mode-toggle-wrapper .filter-expert-off-toggle {
    color: rgb(223, 223, 223);
}

.checkbox-links-wrapper.expert .filter-expert-mode-toggle-wrapper .filter-expert-off-toggle .filter-expert-mode-control {
    display: none;
}

.checkbox-links-wrapper.expert-mode .checkbox-link-exclude-choice {
    display: none;
}

.checkbox-links-wrapper.expert-mode.expert .checkbox-link-exclude-choice {
    display: inline-block;
}

.basic-form-line .custom-control.expert-mode {
    margin-top: 0px;
}

/* Include & Exclude option for checkbox links filter */

span.checkbox-link-choice {
    cursor: pointer;
    font-size: 1rem;
    color: rgb(223, 223, 223);
}

.checkbox-link-choice.selected {
    color: rgb(0, 130, 0);
}

.checkbox-link-exclude-choice {
    cursor: pointer;
    margin-left: 5px;
    font-size: 1rem;
    color: rgb(223, 223, 223);
}

.checkbox-link-choice.selected {
    color: rgb(0, 130, 0);
}

.checkbox-link-exclude-choice.selected {
    color: rgb(205, 0, 0);
}

#_maintenance_list_wrapper {
    width: 100%;
    overflow: auto;
    position: relative;
}

#_column_settings {
    z-index: 100000;
    position: absolute;
    top: 6px;
    left: 10px;
    background-color: rgb(165, 165, 165);
    font-size: 1rem;
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: none;
}

#_maintenance_list {
    min-width: 100%;
    border-collapse: collapse;
    border: 1px solid rgb(180, 180, 180);
}

#_maintenance_list td {
    font-size: .8rem;
    border-top: 1px solid rgb(180, 180, 180);
    border-bottom: 1px solid rgb(180, 180, 180);
    padding: 0 10px;
    white-space: nowrap;
    height: 30px;
}

#_maintenance_list td .fa {
    font-size: 1.2rem;
    line-height: 1;
}

#_maintenance_list td .fa-times {
    opacity: .3;
}

#_maintenance_list td.select-checkbox {
    text-align: center;
    width: 50px;
    padding: 0;
}

#_maintenance_list td.select-checkbox .far, #_maintenance_list td.select-checkbox .fas {
    font-size: 1rem;
}

#_maintenance_list td:last-child {
    width: 100%;
}

#_maintenance_list th {
    font-size: .8rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-align: left;
    padding: 5px 20px;
    white-space: nowrap;
    line-height: 1.4;
    border-right: 1px solid rgba(150, 150, 150, .2);
}

#_maintenance_list th .fa {
    font-size: .8rem;
}

#_maintenance_list th .fad {
    font-size: .8rem;
    margin-left: 10px;
}

#_maintenance_list th:first-child {
    border-left: none;
}

#_maintenance_list th.column-header.no-sort {
    color: rgb(50, 50, 50);
}

#_maintenance_list th.column-header.no-sort:hover {
    color: rgb(50, 50, 50);
}

#_maintenance_list tr.data-row:hover {
    background-color: #F6EEDF;
    cursor: pointer;
}

#_maintenance_list.shaded td {
    border-top: none;
    border-bottom: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

#_maintenance_list.shaded tr:nth-child(odd) td {
    background-color: rgb(240, 240, 240);
}

#_maintenance_list.shaded tr.data-row:hover td {
    background-color: #F6EEDF;
}

#_maintenance_list.small-text-size td {
    font-size: 0.7rem;
    height: 25px;
}
#_maintenance_list.small-text-size td .fa {
    font-size: 0.7rem;
}
#_maintenance_list.small-text-size td.select-checkbox span.fa {
    font-size: 0.7rem;
}
#_maintenance_list.small-text-size th {
    font-size: 0.7rem;
}
#_maintenance_list.small-text-size th .fa {
    font-size: 0.7rem;
}
#_maintenance_list.medium-text-size td {
    font-size: 0.8rem;
    height: 30px;
}
#_maintenance_list.medium-text-size td .fa {
    font-size: 0.8rem;
}
#_maintenance_list.medium-text-size td.select-checkbox span.fa {
    font-size: 0.8rem;
}
#_maintenance_list.medium-text-size th {
    font-size: 0.8rem;
}
#_maintenance_list.medium-text-size th .fa {
    font-size: 0.8rem;
}
#_maintenance_list.large-text-size td {
    font-size: 0.9rem;
    height: 35px;
}
#_maintenance_list.large-text-size td .fa {
    font-size: 0.9rem;
}
#_maintenance_list.large-text-size td.select-checkbox span.fa {
    font-size: 0.9rem;
}
#_maintenance_list.large-text-size th {
    font-size: 0.9rem;
}
#_maintenance_list.large-text-size th .fa {
    font-size: 0.9rem;
}
#_maintenance_list.x-large-text-size td {
    font-size: 1rem;
    height: 40px;
}
#_maintenance_list.x-large-text-size td .fa {
    font-size: 1rem;
}
#_maintenance_list.x-large-text-size td.select-checkbox span.fa {
    font-size: 1rem;
}
#_maintenance_list.x-large-text-size th {
    font-size: 1rem;
}
#_maintenance_list.x-large-text-size th .fa {
    font-size: 1rem;
}

#_sort_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 800px;
    max-width: 100%;
}

#_sort_list li {
    margin: 5px 0;
    padding: 10px 5px 15px 10px;
    height: 40px;
    cursor: pointer;
    font-size: 1rem;
}

#_sort_list table {
    width: 100%;
}

#_sort_list td {
    width: 33%;
    font-size: 1rem;
}

#_spreadsheet_list {
    width: 100%;
    border-collapse: collapse;
}

#_spreadsheet_list td {
    padding: 5px 10px;
    white-space: nowrap;
}

#_spreadsheet_list td:last-child {
    width: 100%;
}

#_spreadsheet_list th {
    font-size: 1rem;
    text-align: left;
    padding: 10px;
}

#_spreadsheet_list textarea {
    width: 200px;
    height: 22px;
    font-size: .8rem;
}

#_spreadsheet_list textarea:focus {
    height: 100px;
    width: 300px;
}

#_main_content {
    padding: 10px;
    max-width: 100%;
}

#_main_content ul.disc-list {
    margin: 20px 0 20px 40px;
}

#_main_content ul.disc-list li {
    font-size: .8rem;
}

#_locked_image {
    display: none;
}

#_search_button {
    cursor: pointer;
}

#_changes_button.new-record {
    display: none;
}

#change_log_table {
    width: 100%;
}

#change_log_table textarea {
    max-width: 500px;
    height: 50px;
}

#change_log_table td {
    white-space: nowrap;
}

#_login_form_wrapper {
    max-width: 100%;
    padding-top: 40px;
}

#_login_form_wrapper h2 {
    margin-bottom: 40px;
}

#login_form table {
    margin-left: auto;
    margin-right: auto;
}

#_login_button_cell {
    margin-top: 20px;
}

#forgot_form {
    padding: 20px;
    margin-top: 40px;
    width: 400px;
    max-width: 100%;
    display: none;
}

#forgot_form p {
    width: 90%;
    margin: 10px auto;
}

#forgot_form p select {
    width: 100%;
}

#forgot_form p input {
    width: 100%;
}

#access_link_div {
    margin-top: 40px;
}

.multiple-dropdown-container {
    width: 850px;
    max-width: 90%;
    border: 1px solid rgb(180, 180, 180);
    min-height: 30px;
    position: relative;
    cursor: pointer;
    padding: 4px;
}

.multiple-dropdown-selected-value {
    display: inline-block;
    background-color: rgb(200, 200, 200);
    border: 1px solid rgb(180, 180, 180);
    font-size: .8rem;
    padding: 3px 30px 3px 6px;
    position: relative;
    border-radius: 5px;
    margin: 2px;
}

.multiple-dropdown-selected-value:after {
    font-family: "Font Awesome 6 Pro", serif;
    content: "\f00d";
    position: absolute;
    top: 2px;
    right: 5px;
}

.multiple-dropdown-options {
    display: none;
    border: 1px solid rgb(180, 180, 180);
    width: calc(100% + 2px);
    overflow: auto;
    height: 180px;
    position: absolute;
    top: 100%;
    left: -1px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
    z-index: 1000;
    background-color: rgb(255, 255, 255);
}

.multiple-dropdown-options ul li {
    font-size: 1rem;
    padding: 3px 5px 3px 5px;
}

.multiple-dropdown-options ul li.inactive-option {
    display: none !important;
}

.multiple-dropdown-options ul li.multiple-dropdown-group {
    font-weight: bold;
}

.multiple-dropdown-options ul li.multiple-dropdown-option {
    padding-left: 20px;
    cursor: pointer;
}

.multiple-dropdown-options ul li.multiple-dropdown-option:hover {
    background-color: rgb(240, 240, 160);
}

.multiple-dropdown-options ul li.multiple-dropdown-option.focused {
    background-color: rgb(240, 240, 160);
}

.multiple-dropdown-options ul li.multiple-dropdown-disabled {
    color: rgb(200, 200, 200);
}

.multiple-dropdown-options ul li.multiple-dropdown-disabled:hover {
    background-color: transparent;
}

input[type=text].multiple-dropdown-filter {
    border: none;
    padding: 2px;
    outline: 0;
    width: 200px;
    display: inline-block;
    background-color: transparent;
}

#_user_picker_dialog button {
    padding-right: 15px;
    padding-left: 15px;
}

#user_picker_filter_text {
    max-width: 200px;
}

select#user_picker_user_type_id {
    min-width: 150px;
    max-width: 150px;
}

select#user_picker_user_group_id {
    min-width: 150px;
    max-width: 150px;
}

#_contact_picker_dialog button {
    padding-right: 15px;
    padding-left: 15px;
}

select#contact_picker_contact_type_id {
    min-width: 150px;
    max-width: 150px;
}

#_changes_table {
    max-height: 600px;
    overflow: auto;
}

#contact_picker_filter_text {
    max-width: 300px;
}

#product_id_autocomplete_text {
    width: 800px;
}

.ace-javascript-editor {
    width: 95%;
    height: 600px;
    border: 1px solid rgb(180, 180, 180);
}

.ace-css-editor {
    width: 95%;
    height: 600px;
    border: 1px solid rgb(180, 180, 180);
}

.ace-html-editor {
    display: inline-block;
    width: 95%;
    height: 600px;
    border: 1px solid rgb(180, 180, 180);
}

.ace-editor-help {
    font-size: 20px;
    margin-left: 20px;
    display: inline-block;
}

.ace-editor-help span:hover {
    color: rgb(0, 150, 0);
}

#_iframe_link {
    width: 100%;
    min-height: 600px;
    height: 98%;
    overflow: auto;
}

#_iframe_link_dialog_wrapper ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}

#_iframe_link_dialog_wrapper ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#_main_content_changes_wrapper {
    position: relative;
}

#_main_content_changes_wrapper h2 {
    cursor: pointer;
}

#_main_content_changes_wrapper #_main_content_changes_expand {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 20px;
}

#_main_content_changes_wrapper #_main_content_changes_collapse {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 20px;
}

#_main_content_changes_wrapper.expanded #_main_content_changes_expand {
    display: none;
}

#_main_content_changes_wrapper.expanded #_main_content_changes_collapse {
    display: block;
}

#_main_content_changes_wrapper #change_log_table {
    display: none;
}

#_main_content_changes_wrapper.expanded #change_log_table {
    display: table;
}

#_popup_editor_save_action_wrapper {
    margin: 0 0 0 auto;
    width: 200px;
}

#_popup_editor_save_action_wrapper select {
    width: 100%;
}

span.extra-info.field-limit-text {
    display: block;
    top: 4px;
    left: 0;
    margin: 0;
    text-align: left;
    width: 50px;
    font-size: .6rem;
    color: rgb(200, 0, 0);
}

span.extra-info.field-limit-text.for-textarea {
    text-align: right;
    left: calc(90% - 50px);
}

#_page_help p {
    font-size: .8rem;
    margin-bottom: 10px;
}

#_page_help ul {
    margin-bottom: 10px;
}

#page_help li {
    font-size: .8rem;
}

@media only screen and (max-width: 1000px) {
    .multiple-select-checkbox-wrapper {
        padding: 0;
    }
}

@media only screen and (max-width: 600px) {
    select {
        min-width: 150px;
    }

    button {
        padding: 5px 15px;
    }

    .multiple-select-checkbox-wrapper .multiple-select-checkbox-option {
        flex: 0 0 50%;
        width: 50%;
    }
}