/*	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 the Kim David Software's Coreware 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-align: left;
    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;
    text-transform: uppercase;
    border-radius: 5px;
    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;
}
select {
    margin: 0;
    font-size: .8rem;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url('../images/select_arrow.png'), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid rgb(200, 200, 200);
    overflow: hidden;
    padding: 5px 40px 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 150px;
    max-width: 100%;
}
select::-ms-expand {
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: '';
}
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);
}
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;
}
.color-orange {
    color: rgb(200, 85, 33) !important;
}
.color-green {
    color: rgb(0, 130, 0) !important;
}
.color-red {
    color: rgb(205, 0, 0) !important;
}
.color-blue {
    color: rgb(0, 0, 150) !important;
}
.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;
}
#_event_picker_list {
    margin-top: 20px;
}
.event-picker-item {
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid rgb(200, 200, 200);
    position: relative;
    padding-top: 5px;
}
.event-picker-item.selected {
    background-color: rgb(240, 240, 160);
}
.event-picker-item.current-value {
    background-color: rgb(225, 250, 240);
}
.event-picker-item button {
    position: absolute;
    right: 0;
    top: 10px;
}
.data-row-data {
    font-size: .8rem;
    cursor: pointer;
}
.download-file-link {
    display: none;
}
.editable-list tr {
    border: 2px solid rgb(255, 255, 255);
}
.editable-list tr:hover {
    background-color: rgb(240, 240, 160);
}
.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);
}
.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;
}
.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 10px;
}

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

.multiple-select-checkbox-wrapper .multiple-select-checkbox-option {
    padding-right: 40px;
    flex: 0 0 30%;
    padding: 10px 0 0 0;
    width: 30%;
}

.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 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;
}
#_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;
}
.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;
}
.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 {
    display: inline-block;
    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;
    padding: 0;
    border: none;
    background-color: transparent;
}
.form-list-remove:hover {
    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%;
}
.page-controls {
    display: none;
}
.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;
}
.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: 2px;
    margin-top: -2px;
}
.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;
    margin-left: 10px;
}
.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;
}
.event-picker {
    margin-left: 10px;
}
.event-picker-selector {
    max-width: 400px;
    margin-right: 10px;
}
.editable-list .event-picker-selector {
    width: 200px;
}
.event-picker-field {
    margin-right: 10px;
}
.page-controls {
    display: none;
}

.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: scroll;
    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);
}

#_maintenance_list_wrapper {
    width: 100%;
    overflow: scroll;
}
#_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 {
    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: rgb(240, 240, 160);
    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: rgb(240, 240, 160);
}

#_maintenance_list.small-text-size td {
    font-size: .7rem;
    height: 25px;
}
#_maintenance_list.small-text-size td .fa {
    font-size: .8rem;
}
#_maintenance_list.small-text-size td.select-checkbox span.fa {
    font-size: .8rem;
}
#_maintenance_list.small-text-size th {
    font-size: .7rem;
}
#_maintenance_list.small-text-size th .fa {
    font-size: .7rem;
}

#_maintenance_list.medium-small-text-size td {
    font-size: .8rem;
    height: 30px;
}
#_maintenance_list.medium-small-text-size td .fa {
    font-size: 1.0rem;
}
#_maintenance_list.medium-small-text-size td.select-checkbox .fa {
    font-size: 1.0rem;
}
#_maintenance_list.medium-small-text-size th {
    font-size: .8rem;
}
#_maintenance_list.medium-small-text-size th .fa {
    font-size: .8rem;
}

#_maintenance_list.medium-large-text-size td {
    font-size: .8rem;
    height: 35px;
}
#_maintenance_list.medium-large-text-size td .fa {
    font-size: 1.2rem;
}
#_maintenance_list.medium-large-text-size td.select-checkbox .fa {
    font-size: 1.2rem;
}
#_maintenance_list.medium-large-text-size th {
    font-size: .8rem;
}
#_maintenance_list.medium-large-text-size th .fa {
    font-size: .8rem;
}

#_maintenance_list.large-text-size td {
    font-size: 1rem;
    height: 40px;
}
#_maintenance_list.large-text-size td .fa {
    font-size: 1.4rem;
}
#_maintenance_list.large-text-size td.select-checkbox .fa {
    font-size: 1.4rem;
}
#_maintenance_list.large-text-size th {
    font-size: 1rem;
}
#_maintenance_list.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;
    margin-bottom: 10px;
    list-style-type: disc;
}

#_locked_image {
    display: none;
}
#_search_button {
    cursor: pointer;
}
#change_log_table {
    width: 100%;
}
#change_log_table textarea {
    width: 300px;
    height: 50px;
}

#_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: scroll;
    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;
}
#_event_picker_dialog button {
    padding-right: 15px;
    padding-left: 15px;
}
select#event_picker_event_type_id {
    min-width: 150px;
    max-width: 150px;
}

#_changes_table {
    max-height: 600px;
    overflow: scroll;
}
#contact_picker_filter_text {
    max-width: 300px;
}
#event_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: scroll;
}
#_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);
}

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