a, .btn-link {
	text-decoration: none;
}

.full-width-padded {
    margin: 50px;
}


.form-process {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/preloader.gif") center center no-repeat rgba(255,255,255,0.75);
}

/* Form validation */

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #468847;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #FFFFFF;
  border: 1px solid #B94A48;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.schedule-slot {
    text-align: center;
}

.schedule-slot.selected {
    background-color: #E3E3FA;
    /* background-color: rgba(26, 188, 156, 0.25); */
}

.custom-control-input:focus~.custom-control-label::before {
  border-color: #1ABC9C !important;
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25) !important;
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #1ABC9C !important;
  background-color: #1ABC9C !important;
}

.custom-control-input:active~.custom-control-label::before {
  background-color: #1ABC9C !important;
  border-color: #1ABC9C !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #1ABC9C !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #1ABC9C !important;
  border-color: #1ABC9C !important;
}

.custom-select.disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.user-navbar {
  border-bottom: 1px solid #eee;
}

.btn-colorselect.active {
  border: 1px solid black;
}

.btn-color {
  width: 2em;
  height: 2em;
}

.time-grid-row {
}

.time-grid-cell {
  /* Remove padding and set to a fixed height */
  padding: 0 !important;
  height: 2em;
}

.time-grid-shift {
  height: 0;
}

.day-grid-shift {
  font-size: 0.75em;
}

.shift-label {
  font-weight: bold;
}

.shift-time {
  font-weight: lighter;
}

.multiselect-container {
  z-index: 10000;
  min-width: 300px;
  padding: 1em;
}

button.multiselect {
  text-align: left !important;
}

.multiselect-container .multiselect-filter > input.multiselect-search {
  margin-left: -12px ;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.multiselect-container .multiselect-option.active,
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active
{
  background-color: transparent !important;
}

.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:hover {
  background-color: #e8fcff !important;
}

.multiselect-d-block + .btn-group {
  display: block;
}

.float-shift-bubble {
  top: 6px;
  left: 6px;
}

.fs-7 {
  font-size: 0.8rem;
}


td.schedule-shift-cell {
  height: 5em;
}

tr.schedule-shift-row:hover > td {
  background-color: #f9fafb;
}

td.schedule-shift-cell:hover {
  background-color: #eff6ff !important;
}

div.day-grid-shift:hover {
  transition: box-shadow 0.2s;
  box-shadow: var(--bs-box-shadow) !important;
}

.schedule-shift-dropdown {
  visibility: hidden;
}

div.day-grid-shift:hover .schedule-shift-dropdown {
  transition: visibility 0.2s;
  visibility: visible;
}

#clinic-status-tooltip {
  font-size: 16px !important;
}

.tooltip {
  --bs-tooltip-max-width: 300px;
}

.staffing-grid {
  border-collapse: separate;
  border-spacing: 0;
}

.staffing-grid-header {
  box-shadow: var(--bs-box-shadow);
}

.sticky-1 {
  position: sticky;
  left: -0.75em;
}
.sticky-2 {
  position: sticky;
  left: 6.25em;
  border-right: 1px solid #ccc;
  border-collapse: separate;
}

.datepicker-dropdown {
  z-index: 9999999999;
}

.bs-datepicker {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" fill-opacity="0.5"  class="bi bi-calendar-event" viewBox="0 0 16 16"><path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.5em center;
  background-size: 1.25em auto;
}