/* Remove Chrome 83+ stupid outlining behavior */
a:hover,
a:active:hover,
a:focus,
input:focus,
input:active:focus,
input:active,
button:active:focus,
button:focus,
button:active,
.btn:active:focus,
.btn:focus,
.btn:active,
textarea:focus,
textarea:active,
textarea:active:focus
{
  outline: none;
}
@page {
  size: auto !important;
}
button[disabled], button:disabled {
  cursor: not-allowed;
}

/* Styles for Forms */
.form-label
{
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 8px;
}

/* Spinner Overlay */
#spinnerOverlay
{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.35);
  display: none;
  z-index: 10000;
}

.w-20
{
  width: 20% !important;
}

.w-33
{
  width: 33.3% !important;
}

.w-40
{
  width: 40% !important;
}

.w-60
{
  width: 60% !important;
}

.w-66
{
  width: 66.6% !important;
}

.w-80
{
  width: 80% !important;
}

.w-25px
{
  width: 25px;
}

.w-65px
{
  width: 65px;
}

.w-100px
{
  width: 100px;
}

.w-125px
{
  width: 125px;
}

.h-30px
{
  height: 30px;
}

.mh-75px
{
  min-height: 75px;
}

.mh-80px
{
  min-height: 80px;
}

.mh-100px
{
  min-height: 100px;
}

.mh-150px
{
  min-height: 150px;
}
.tlbr-0
{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.border-radius
{
  border-radius: calc(.25rem - 1px);
}

.noresize
{
  resize: none;
}

.container-fluid.scrollable
{
  display: flex;
  height: calc(100% + 30px);
  padding: 0 !important;
  margin-top: -30px;
}

.display-none
{
  display:none;
}

table.childTable th
{
  background-color: rgba(0, 0, 0, 0.1);
}

.c-dark-theme table.childTable th
{
  background-color: rgba(255, 255, 255, 0.1);
}

table.childTable td
{
  background-color: rgba(0, 0, 0, 0.05);
}

.c-dark-theme table.childTable td
{
  background-color: rgba(255, 255, 255, 0.05);
}

/* Override the active state for the issue tab */
a.nav-link.active:active,
a.nav-link.active:hover,
a.nav-link.active:focus
{
  opacity: 0.5;
  color:white !important;
  font-weight: bolder;
}

/* make the issues checkbox and text align */
label.badge > input[type=checkbox]
{
  vertical-align:middle;
}
label.badge > span
{
  vertical-align:middle;
}

.issueTab
{
  max-height: 450px;
  overflow-y: auto;
}

.quill175
{
  min-height: 175px;
  height: 175px;
}

.quill350
{
  min-height: 350px;
  height: 350px;
}

.card-body .ql-editor,
.card-body .ql-snow
{
  margin: 0;
  padding: 5px;
}

.c-dark-theme .ql-editor.ql-blank::before
{
  color: #606060;
}

.c-app:not(.c-legacy-theme) .card.noShadow
{
  box-shadow: none;
}

.rowClick:hover,
.cursor-pointer
{
  cursor: pointer;
}

.chevronCollaspe
{
  padding: 10px;
}

.ql-editor.htmlInCard:not(.noborder)
{
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 5px;
}

.c-dark-theme .ql-editor.htmlInCard:not(.noborder)
{
  border-color: rgba(255, 255, 255, 0.05);
}

.htmlInCard img
{
  max-width: 100%;
}

.dropdown-toggle.btn-block
{
  display: flex;
  text-align: left;
}

.dropdown-toggle.btn-block span
{
  flex-grow: 1;
  text-align: left;
}

.dropdown-toggle.btn-block::after
{
  margin-top: 8px;
}

.dropDown280
{
  overflow-y: auto;
  max-height: 280px;
}

.c-dark-theme textarea.form-control:disabled, .c-dark-theme input[type="text"].form-control:disabled,
.c-dark-theme textarea[disabled].form-control, .c-dark-theme input[type="text"][disabled].form-control,
.c-dark-theme textarea.form-control[disabled], .c-dark-theme input[type="text"].form-control[disabled],
.c-dark-theme .form-control:disabled,
.c-dark-theme .form-control:disabled + .input-group-append .input-group-text  /*FIXME This needs to be applied to other input group components */
{
  border-color: #353535;
  color: #A0A0A0;
}

.c-dark-theme textarea[readonly].form-control, .c-dark-theme input[type="text"][readonly].form-control,
.c-dark-theme .form-control[readonly],
.c-dark-theme .form-control[readonly] + .input-group-append .input-group-text
{
  border-color: #353535;
  color: #C0C0C0;
}

.c-dark-theme select.form-control optgroup
{
  background-color: #34353e;
}

/* Multi Select */
button.multiselect.custom-select
{
  text-align: left;
  padding: 0.5rem 2.0rem 0.5rem 0.5rem;
  height: 2.75em;
}

.c-dark-theme button.multiselect.custom-select
{
  background-color: rgba(255, 255, 255, 0.05);
}

.multiselect-container.dropdown-menu
{
  min-width: 100%;
}

button.multiselect-option.dropdown-item,
button.multiselect-all.dropdown-item
{
  padding: .75rem 1.25rem;
}

.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active
{
  background-color: #f0f0f0;
  color:#4f5d73;
}

.c-dark-theme .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.c-dark-theme .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.c-dark-theme .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.c-dark-theme .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.c-dark-theme .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.c-dark-theme .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active
{
  background-color: #3b3c45;
  color: rgba(255,255,255,.87);
}

.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback)
{
  border-bottom: 1px solid #e5e5e5;
}

.c-dark-theme .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback)
{
  border-bottom: 1px solid #454545;
}

.multiselect-container.dropdown-menu.show
{
  max-height: 270px;
  overflow-y:auto;
}

/* Data Tables*/

.dataTable.table thead,
table thead
{
  background-color: #ffffff;
}

.dataTable.table thead .columns,
table thead .columns
{
  background-color: #f0f0f0;
}

.dataTable.table tbody
{
  background-color: #ffffff;
}

table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting:after
{
  color: #3c4b64;
}

div.dataTables_wrapper div.dataTables_length select
{
  padding-right: 25px;
}

.c-dark-theme .dataTable.table thead,
.c-dark-theme table thead
{
  background-color: #282933;
}

.c-dark-theme .dataTable.table thead .columns,
.c-dark-theme table thead .columns
{
  background-color: rgba(255, 255, 255, 0.01);
}

.c-dark-theme .dataTable.table tbody
{
  background-color: #24252f;
}

.c-dark-theme table.dataTable thead th.sorting:before,
.c-dark-theme table.dataTable thead th.sorting:after
{
  color: rgba(255,255,255,.5);
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9
}

.modal-content
{
  background-color: #ffffff;
}

.modal-content .modal-header,
.modal-content .modal-footer
{
  background-color: #f0f0f0;
}

.c-dark-theme .modal-content
{
  background-color: #282933;
}

.c-dark-theme .modal-content .modal-header,
.c-dark-theme .modal-content .modal-footer
{
  background-color: #24252f;
}

.modal.alertModal .modal-footer .btn,
.modal.confirmModal .modal-footer .btn
{
  min-width: 100px;
}

.modal.alertModal,
.modal.confirmModal
{
  top: 20%;
}

.modal.alertModal .modal-header,
.modal.confirmModal .modal-header
{
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  justify-content: center !important;
  padding: 8px;
}

.modal.alertModal .modal-footer,
.modal.confirmModal .modal-footer
{
  padding: 12px;
  padding-top: 8px;
}

.daterangepicker select
{
  border-radius: 3px;
}

.c-dark-theme .daterangepicker select
{
  background-color: #24252f;
  color: #f0f0f0;
}

.c-dark-theme .daterangepicker th
{
  background-color: #34353e;
}

.c-dark-theme .daterangepicker th.available:hover,
.c-dark-theme .daterangepicker th.available:hover,
.c-dark-theme .daterangepicker td.available:hover,
.c-dark-theme .daterangepicker td.available:hover
{
  background-color: #282933;
}

.c-dark-theme .daterangepicker th.prev span,
.c-dark-theme .daterangepicker th.next span
{
  color: #e0e0e0;
  border-color: #e0e0e0;
}

.daterangepicker td.in-range:not(.end-date)
{
  background-color: #cce6ff;
}

.c-dark-theme .daterangepicker td.in-range:not(.end-date)
{
  background-color: #0f4d8a;
  color: #f0f0f0;
}

.c-dark-theme .daterangepicker td.in-range.off.ends
{
  background-color: inherit;
  color: #e0e0e0;
}

.card.card-inner
{
  background-color: rgba(0,0,0,0.02);
}

.card.card-inner .card-header
{
  background-color: rgba(0,0,0,0.025);
}

.c-dark-theme .card.card-inner
{
  background-color: rgba(255,255,255,0.05);
}

.card.card-inner .card-header
{
  background-color: inherit;
}

.toast-error
{
  color: #fff;
  background-color: #e55353;
  border-color: #de2727;
}

.toast-error .toast-header
{
  color: #fff;
  background-color: #e23d3d;
  border-color: #de2727;
}

.c-dark-theme .toast-error
{
  color: #fff;
  background-color: #d16767;
  border-color: #c54040;
}

.c-dark-theme .toast-error .toast-header
{
  color: #fff;
  background-color: #cb5353;
  border-color: #c54040;
}

.card.card-primary {
  background-color: #d6d2f8;
}

  .card.card-primary .card-header {
    background-color: #d6d2f8;
  }

.nowrap {
  white-space: nowrap;
}

.pre-wrap {
  white-space: pre-wrap;
}
.clientNoteBackground{
  background-color: lightgoldenrodyellow;
}
#modalFollowUpReport .modal-content, #modalFollowUpReportResults .modal-content {
  max-width: 100%;
  overflow-x: auto;
  max-height: 1000px;
}
.m-b-5{
  margin-bottom:5px;
}