/* Main Primary color */
/* Main Secondary color (1) */
/* Main Secondary color (2) */
/* Main Complement color */
/**
* Sticky and Sticky-2 are used to keep the nav tabs on the top when scrolling. The example is in the examinationsV2.hbs
 */
.nav-tabs.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 1000;
  background-color: #fff;
}
.nav-tabs.sticky-2 {
  position: -webkit-sticky;
  position: sticky;
  top: 210px;
  z-index: 1000;
  background-color: #fff;
}
/*
*
*/
body {
  background-color: #e4e4e4 !important;
  color: #213644;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
body ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
body ::-webkit-scrollbar-thumb {
  background: #213644;
  border-radius: 10px;
  height: 50px;
  background-clip: content-box;
  border: 2px solid transparent;
}
body ::-webkit-scrollbar-thumb:hover {
  background: #E5ab0f;
  background-clip: content-box;
  border: 2px solid transparent;
}
/*
* Buttons
*/
button {
  background-color: #213644;
  border: none;
}
.btn-link {
  color: #a0c0bc;
}
.btn-primary {
  background-color: #213644;
  border: none;
}
.btn-primary:hover {
  background-color: #E5ab0f;
  border: none;
}
.btn-primary:focus {
  background-color: #E5ab0f;
  box-shadow: 0 0 0 0.2rem #213644;
}
.btn-primary:active {
  background-color: #E5ab0f !important;
}
.btn-primary.active {
  background-color: #E5ab0f !important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #213644;
}
.btn-outline-primary {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.btn-outline-primary:hover {
  background-color: #E5ab0f;
  border-color: #E5ab0f;
}
.btn-outline-primary:focus {
  background-color: #E5ab0f;
  box-shadow: 0 0 0 0.2rem #213644;
}
.btn-outline-primary:active {
  background-color: #E5ab0f !important;
}
.btn-outline-primary.active {
  background-color: #E5ab0f !important;
  border-color: #E5ab0f !important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #E5ab0f;
}
.btn-success {
  background-color: #2B4BAB;
  border-color: #2B4BAB;
}
.btn-success:hover {
  background-color: #a0c0bc !important;
}
.btn-success:active {
  background-color: #a0c0bc !important;
}
.btn-success:focus {
  background-color: #a0c0bc !important;
  box-shadow: 0 0 0 0.2rem rgba(17, 51, 151, 0.5) !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #213644;
  border: none;
}
/*
* Navbar
*/
.navbar {
  background-color: white !important;
  min-height: 80px;
}
.dropdown-item:hover {
  cursor: pointer;
}
.support-button {
  border-color: #1fb100;
  color: #1fb100;
  margin-left: 40px;
}
.support-button:hover {
  background-color: #1fb100;
  border-color: white;
  color: white;
  margin-left: 40px;
}
.support-button:active,
.support-button:focus {
  background-color: #1fb100 !important;
  color: white !important;
  margin-left: 40px;
}
/*
* sidenav
*/
#sidebar-wrapper {
  background-color: #213644 !important;
}
#sidebar-wrapper .sidebar-heading {
  background-color: white;
  border-bottom: 1px solid #dee2e6 !important;
  height: 80px;
}
#sidebar-wrapper .list-group-item {
  border: none;
  background-color: transparent;
  color: white;
}
#sidebar-wrapper a.list-group-item:hover {
  color: #c3d8eb;
}
/*
* Dashboards Headers
*/
.mt-4 {
  font-weight: 400;
  color: #213644;
}
.card-title {
  font-weight: 400;
}
.dashboard-card > .card {
  height: 90%;
}
.dashboard-card > .card > .card-body {
  align-content: center;
}
/*
* Card title in iacuc application
*/
.bs-stepper-content .card-title {
  font-weight: bold;
}
/*
* Sidebar logo
*/
.sidebar-logo svg {
  height: 60px;
}
.row-card {
  padding: 5px;
  background-color: white;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin: 5px;
}
.row.nav-header {
  background-color: #fafafa;
}
.row-nav-form {
  padding: 5px;
  background-clip: border-box;
}
.btn-nav-form-next {
  margin-left: 10px;
}
.btn-nav-form-previous {
  float: left;
}
.table.border-top-none th {
  border: none !important;
}
.table th {
  border: none !important;
}
.margin-bottom-75 {
  margin-bottom: 75px;
}
.margin-top-75 {
  margin-top: 75px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-25 {
  margin-top: 25px;
}
.h2-heading {
  border-left: solid;
  border-color: #213644;
  padding-left: 10px;
}
.h1-heading {
  border-left: solid;
  border-color: #213644;
  padding-left: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-10 {
  padding: 10px;
}
.active .bs-stepper-circle {
  background-color: #2B4BAB;
}
.bs-stepper .step-trigger:focus {
  color: #2B4BAB;
}
#content .container-fluid {
  width: auto !important;
}
.protocols-animals-row .protocols-animals-actions .btn-group-vertical {
  display: none;
}
.protocols-animals-row .protocols-animals-actions .btn-group-vertical button {
  margin: 1px;
}
.protocols-animals-row .protocols-animals-actions .btn-group-vertical a {
  margin: 1px;
}
.protocols-animals-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.popover {
  max-width: 100%;
}
.add-event-input-title {
  font-weight: bold;
}
.duty-row {
  cursor: pointer;
}
.duty-row .duty-row-actions .btn-group-vertical {
  display: none;
}
.duty-row .duty-row-actions .btn-group-vertical button {
  margin: 1px;
}
.duty-row .duty-row-actions .btn-group-vertical a {
  margin: 1px;
}
.duty-row-active .btn-group-vertical {
  display: block !important;
}
.affiliation-row {
  cursor: pointer;
}
.affiliation-row .affiliation-actions .btn-group-vertical {
  display: none;
}
.affiliation-row .affiliation-actions .btn-group-vertical button {
  margin: 1px;
}
.affiliation-row .affiliation-actions .btn-group-vertical a {
  margin: 1px;
}
.affiliation-row-active .btn-group-vertical {
  display: block !important;
}
.alert-svg svg {
  fill: red;
  height: 18px;
  float: right;
}
.amendment-hide {
  display: none;
}
.amendment-show {
  display: block;
}
#humanMap {
  height: 750px;
  width: 500px;
}
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
}
.button1 {
  border-radius: 2px;
}
.button2 {
  border-radius: 4px;
}
.button3 {
  border-radius: 8px;
}
.button4 {
  border-radius: 20px;
}
.button5 {
  border-radius: 50%;
}
.div-icon-nose {
  margin-left: 10px;
}
.leaflet-popup-content {
  font-size: 16px;
  width: 100% !important;
}
.map-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
}
.leaflet-control-container {
  display: none !important;
}
.leaflet-popup-content {
  margin: 0 !important;
  padding: 14px;
  width: 100% !important;
}
.leaflet-popup-content .btn {
  width: 100%;
}
.movement-row {
  cursor: pointer;
}
.movement-row .movement-actions .btn-group-vertical {
  display: none;
}
.movement-row .movement-actions .btn-group-vertical button {
  margin: 1px;
}
.movement-row .movement-actions .btn-group-vertical a {
  margin: 1px;
}
.movement-row-active .btn-group-vertical {
  display: block !important;
}
.record-row {
  cursor: pointer;
}
.record-row .record-actions .btn-group-vertical {
  visibility: collapse;
}
.record-row .record-actions .btn-group-vertical button {
  margin: 1px;
}
.record-row .record-actions .btn-group-vertical a {
  margin: 1px;
}
.record-row-active {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075) !important;
}
.record-row-active .btn-group-vertical {
  visibility: visible !important;
}
.lineage-animal-button.active {
  background-color: #FFC000;
}
/*
.table-animal-record {
   th, tr {
     width: 15%;
   }

   tr.record-actions {
     width: 20%;
   }
 }*/
.treatments-graph table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 40px;
  margin-top: 40px;
}
.treatments-graph td,
.treatments-graph th {
  margin: 0;
  border: none;
  white-space: nowrap;
}
.treatments-graph td {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 50px !important;
  border-left: 1px #e3e3e3 solid;
  border-right: 1px #e3e3e3 solid;
}
.treatments-graph .mainDiv {
  overflow-x: scroll;
  overflow-y: visible;
  padding: 0;
}
.treatments-graph .substance-checkbox-th {
  position: sticky;
  left: 0;
  width: 35px;
  align-content: center;
  height: inherit;
  background-color: #FFF;
}
.treatments-graph .substance {
  position: sticky;
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 15px;
  min-width: 200px;
  text-wrap: auto;
  left: 40px;
  background-color: #FFF;
}
.treatments-graph .long {
  background: #8cdba3;
}
.treatments-graph .dates {
  background: none;
  border-left: 1px #e3e3e3 solid;
  border-right: 1px #e3e3e3 solid;
  text-align: center;
}
.treatments-graph .daily {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.treatments-graph .start {
  border: none;
}
.treatments-graph .treatment-square-1 {
  height: 60px;
  margin: 0;
  border: 3px #FFC000 solid;
  overflow: hidden;
}
.treatments-graph .treatment-square-1.prepared {
  background: repeating-linear-gradient(45deg, #ffc00080, #ffc00080 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-graph .treatment-square-1.given {
  background-color: #FFC000;
}
.treatments-graph .treatment-square-1:hover {
  border-color: #917000;
}
.treatments-graph .treatment-square-1.prepared:hover {
  background-color: #917000;
  border-color: #917000;
}
.treatments-graph .treatment-square-1.given:hover {
  background-color: #917000;
  border-color: #917000;
}
.treatments-graph .treatment-square-2 {
  height: 60px;
  margin: 0;
  border: 3px #0033ff solid;
  overflow: hidden;
}
.treatments-graph .treatment-square-2.prepared {
  background: repeating-linear-gradient(45deg, #0033ff80, #0033ff80 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-graph .treatment-square-2.given {
  background-color: #0033ff;
}
.treatments-graph .treatment-square-2:hover {
  border-color: #0024a6;
}
.treatments-graph .treatment-square-2.prepared:hover {
  background-color: #0024a6;
  border-color: #0024a6;
}
.treatments-graph .treatment-square-2.given:hover {
  background-color: #0024a6;
  border-color: #0024a6;
}
.treatments-graph .treatment-square-3 {
  height: 60px;
  margin: 0;
  border: 3px #37ff00 solid;
  overflow: hidden;
}
.treatments-graph .treatment-square-3.prepared {
  background: repeating-linear-gradient(45deg, #37ff0066, #37ff0066 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-graph .treatment-square-3.given {
  background-color: #37ff00;
}
.treatments-graph .treatment-square-3:hover {
  border-color: #209100;
}
.treatments-graph .treatment-square-3.prepared:hover {
  background-color: #209100;
  border-color: #209100;
}
.treatments-graph .treatment-square-3.given:hover {
  background-color: #209100;
  border-color: #209100;
}
.treatments-graph .treatment-square-4 {
  height: 60px;
  margin: 0;
  border: 3px #c800ff solid;
  overflow: hidden;
}
.treatments-graph .treatment-square-4.prepared {
  background: repeating-linear-gradient(45deg, #c800ff80, #c800ff80 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-graph .treatment-square-4.given {
  background-color: #c800ff;
}
.treatments-graph .treatment-square-4:hover {
  border-color: #750098;
}
.treatments-graph .treatment-square-4.prepared:hover {
  background-color: #750098;
  border-color: #750098;
}
.treatments-graph .treatment-square-4.given:hover {
  background-color: #750098;
  border-color: #750098;
}
.treatments-graph .size-1 {
  width: 100%;
  min-width: 60px;
}
.treatments-graph .size-2 {
  width: 50%;
  min-width: 60px;
}
.treatments-graph .size-3 {
  width: 33%;
  min-width: 60px;
}
.treatments-graph .size-4 {
  width: 25%;
  min-width: 60px;
}
.treatments-graph .size-5 {
  width: 20%;
  min-width: 60px;
}
.treatments-graph .status {
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0 !important;
}
.treatments-graph .given .status {
  color: white !important;
}
.treatments-graph .status-holder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.strike-through td {
  text-decoration: line-through;
}
table.record-sub-table {
  width: 90%;
  float: right;
}
.animal-event-modal-tr td {
  border-top: none !important;
}
.animal-row {
  cursor: pointer;
}
.animal-row .animal-actions .btn-group-vertical {
  display: none;
}
.animal-row .animal-actions .btn-group-vertical button {
  margin: 1px;
}
.animal-row .animal-actions .btn-group-vertical a {
  margin: 1px;
}
.animal-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.error-border {
  border: red;
  border-style: solid;
  border-width: thin;
}
.header {
  position: sticky;
  top: 0;
  background-color: white;
}
.pending-results-row {
  cursor: pointer;
}
.pending-results-row .pending-results-actions .btn-group-vertical {
  display: none;
}
.pending-results-row .pending-results-actions .btn-group-vertical button {
  margin: 1px;
}
.pending-results-row .pending-results-actions .btn-group-vertical a {
  margin: 1px;
}
.pending-results-row-active .btn-group-vertical {
  display: block !important;
}
.application-row {
  cursor: pointer;
}
.application-row .application-actions {
  float: left;
  width: 100%;
}
.application-row .application-actions .btn-group-vertical {
  display: none;
}
.application-row .application-actions .btn-group-vertical button {
  margin: 1px;
}
.application-row .application-actions .btn-group-vertical a {
  margin: 1px;
}
.application-row-active .btn-group-vertical {
  display: block !important;
  color: white;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.app-section-complete {
  background-color: green !important;
}
.app-section-edit {
  background-color: red !important;
}
.app-section-amendment {
  background-color: #8C5F00 !important;
}
.app-section-active {
  border: goldenrod 2px solid;
}
.billingCode-row {
  cursor: pointer;
}
.billingCode-row .billingCode-actions .btn-group-vertical {
  display: none;
}
.billingCode-row .billingCode-actions .btn-group-vertical button {
  margin: 1px;
}
.billingCode-row .billingCode-actions .btn-group-vertical a {
  margin: 1px;
}
.billingCode-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  transform: none !important;
}
.alopecia-row {
  cursor: pointer;
}
.alopecia-row .alopecia-actions .btn-group-vertical {
  display: none;
}
.alopecia-row .alopecia-actions .btn-group-vertical button {
  margin: 1px;
}
.alopecia-row .alopecia-actions .btn-group-vertical a {
  margin: 1px;
}
.alopecia-row-active .btn-group-vertical {
  display: block !important;
}
.enrichment-row {
  cursor: pointer;
}
.enrichment-row .enrichment-actions .btn-group-vertical {
  display: none;
}
.enrichment-row .enrichment-actions .btn-group-vertical button {
  margin: 1px;
}
.enrichment-row .enrichment-actions .btn-group-vertical a {
  margin: 1px;
}
.enrichment-row-active .btn-group-vertical {
  display: block !important;
}
.enrichment-row-active .row {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
.btn.iconStructures-active {
  background-color: #2B4BAB !important;
  color: white;
}
.enrichment-icon-card label {
  color: black;
  cursor: pointer;
}
.enrichment-icon-card {
  cursor: pointer;
}
@media (min-width: 1540px) {
  .enrichment-icon-card {
    width: 19%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 1220px) and (max-width: 1540px) {
  .enrichment-icon-card {
    width: 24%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 910px) and (max-width: 1220px) {
  .enrichment-icon-card {
    width: 32.33%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (max-width: 910px) {
  .enrichment-icon-card {
    width: 49%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
.card {
  margin: 5px;
}
.card-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.clientCode-row {
  cursor: pointer;
}
.clientCode-row .clientCode-actions .btn-group-vertical {
  display: none;
}
.clientCode-row .clientCode-actions .btn-group-vertical button {
  margin: 1px;
}
.clientCode-row .clientCode-actions .btn-group-vertical a {
  margin: 1px;
}
.clientCode-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.client-template-row {
  cursor: pointer;
}
.client-template-row .client-template-actions .btn-group-vertical {
  display: none;
}
.client-template-row .client-template-actions .btn-group-vertical button {
  margin: 1px;
}
.client-template-row .client-template-actions .btn-group-vertical a {
  margin: 1px;
}
.client-template-row-active .btn-group-vertical {
  display: block !important;
}
.clients-row {
  cursor: pointer;
}
.clients-row .clients-actions .btn-group-vertical {
  display: none;
}
.clients-row .clients-actions .btn-group-vertical button {
  margin: 1px;
}
.clients-row .clients-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-clients {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-clients:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-clients:active {
  background-color: #191970 !important;
  color: white !important;
}
.clients-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-clients th,
.table-clients tr {
  width: 15%;
}
.table-clients tr.clients-actions {
  width: 5%;
}
.panel-row {
  cursor: pointer;
}
.panel-row .panel-row-actions .btn-group-vertical {
  display: none;
}
.panel-row .panel-row-actions .btn-group-vertical button {
  margin: 1px;
}
.panel-row .panel-row-actions .btn-group-vertical a {
  margin: 1px;
}
.panel-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.cohort-row {
  cursor: pointer;
}
.cohort-row .cohort-row-actions .btn-group-vertical {
  display: none;
}
.cohort-row .cohort-row-actions .btn-group-vertical button {
  margin: 1px;
}
.cohort-row .cohort-row-actions .btn-group-vertical a {
  margin: 1px;
}
.cohort-row-active .btn-group-vertical {
  display: block !important;
}
.location-calendar-group-header {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}
#obsAssignmentCalendar thead {
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: #fff;
}
#obsAssignmentCalendar thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
}
#obsAssignmentCalendar tbody .obs-cal-sticky-1 {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
#obsAssignmentCalendar tbody .obs-cal-sticky-2 {
  position: sticky;
  left: 65px;
  z-index: 1;
  background-color: #fff;
}
.iacucMember-row {
  cursor: pointer;
}
.iacucMember-row .iacucMember-actions .btn-group-vertical {
  display: none;
}
.iacucMember-row .iacucMember-actions .btn-group-vertical button {
  margin: 1px;
}
.iacucMember-row .iacucMember-actions .btn-group-vertical a {
  margin: 1px;
}
.iacucMember-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.progress-table {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.progress-table td,
.progress-table th {
  border: 2px solid #efefef;
}
.progress-table-first {
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
}
.pam-row {
  cursor: pointer;
}
.pam-row .pam-row-actions .btn-group-vertical {
  display: none;
}
.pam-row .pam-row-actions .btn-group-vertical button {
  margin: 1px;
}
.pam-row .pam-row-actions .btn-group-vertical a {
  margin: 1px;
}
.pam-row-active .btn-group-vertical {
  display: block !important;
}
.annual-review-row {
  cursor: pointer;
}
.annual-review-row .annual-review-row-actions .btn-group-vertical {
  display: none;
}
.annual-review-row .annual-review-row-actions .btn-group-vertical button {
  margin: 1px;
}
.annual-review-row .annual-review-row-actions .btn-group-vertical a {
  margin: 1px;
}
.annual-review-row-active .btn-group-vertical {
  display: block !important;
}
.cpsource-row {
  cursor: pointer;
}
.cpsource-row .cpsource-row-actions .btn-group-vertical {
  display: none;
}
.cpsource-row .cpsource-row-actions .btn-group-vertical button {
  margin: 1px;
}
.cpsource-row .cpsource-row-actions .btn-group-vertical a {
  margin: 1px;
}
.cpsource-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.observation-row {
  cursor: pointer;
}
.observation-row .observation-actions .btn-group-vertical {
  display: none;
}
.observation-row .observation-actions .btn-group-vertical button {
  margin: 1px;
}
.observation-row .observation-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-observation {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-observation:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-observation:active {
  background-color: #191970 !important;
  color: white !important;
}
.observation-row-active .btn-group-vertical {
  display: block !important;
}
.observation-row-active .row {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-observation th,
.table-observation tr {
  width: 15%;
}
.table-observation tr.observation-actions {
  width: 5%;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.observation-icon-card label {
  color: black;
  cursor: pointer;
}
.observation-icon-card {
  cursor: pointer;
}
@media (min-width: 1540px) {
  .observation-icon-card {
    width: 19%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 1220px) and (max-width: 1540px) {
  .observation-icon-card {
    width: 24%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 910px) and (max-width: 1220px) {
  .observation-icon-card {
    width: 32.33%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (max-width: 910px) {
  .observation-icon-card {
    width: 49%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
a .card .card-title {
  font-weight: 400;
  margin-bottom: 0.75rem;
  color: #213644;
}
a .card:hover {
  text-decoration: none;
  text-underline: none;
  border: solid #E5ab0f 2px;
  cursor: pointer;
}
.dashboard a:hover {
  text-decoration: none;
  text-underline: none;
}
.database-table-row {
  cursor: pointer;
}
.database-table-row .database-table-actions .btn-group-vertical {
  display: none;
}
.database-table-row .database-table-actions .btn-group-vertical button {
  margin: 1px;
}
.database-table-row .database-table-actions .btn-group-vertical a {
  margin: 1px;
}
.database-table-row-active .btn-group-vertical {
  display: block !important;
}
.table-database-table th,
.table-database-table tr {
  width: 25%;
}
.table-database-table tr.database-table-actions {
  width: 25%;
}
.license-row {
  cursor: pointer;
}
.license-row .license-actions .btn-group-vertical {
  display: none;
}
.license-row .license-actions .btn-group-vertical button {
  margin: 1px;
}
.license-row .license-actions .btn-group-vertical a {
  margin: 1px;
}
.license-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-registrants th,
.table-registrants tr {
  width: 10%;
}
.table-registrants tr.equipment-actions {
  width: 5%;
}
.event-row {
  cursor: pointer;
}
.event-row .event-row-actions .btn-group-vertical {
  display: none;
}
.event-row .event-row-actions .btn-group-vertical button {
  margin: 1px;
}
.event-row .event-row-actions .btn-group-vertical a {
  margin: 1px;
}
.event-row-active .btn-group-vertical {
  display: block !important;
}
.dental-section-event-table {
  overflow-x: auto;
  overflow-y: scroll;
  height: 300px;
  padding: 0;
}
.dental-table thead {
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: #fff;
}
.dental-table thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
}
.dental-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.molar {
  background-color: #16d8e9;
}
.pre-molar {
  background-color: #edf00c;
}
.canine {
  background-color: #0cf062;
}
.incisor {
  background-color: #f00ce8;
}
.tooth:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.dental-select-all:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.tooth-active {
  border: 5px solid green !important;
}
.diet-row {
  cursor: pointer;
}
.diet-row .diet-actions .btn-group-vertical {
  display: none;
}
.diet-row .diet-actions .btn-group-vertical button {
  margin: 1px;
}
.diet-row .diet-actions .btn-group-vertical a {
  margin: 1px;
}
.diet-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.dietManagement-row {
  cursor: pointer;
}
.dietManagement-row .dietManagement-actions .btn-group-vertical {
  display: none;
}
.dietManagement-row .dietManagement-actions .btn-group-vertical button {
  margin: 1px;
}
.dietManagement-row .dietManagement-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-dietManagement {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-dietManagement:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-dietManagement:active {
  background-color: #191970 !important;
  color: white !important;
}
.dietManagement-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-dietManagement th,
.table-dietManagement tr {
  width: 15%;
}
.table-dietManagement tr.dietManagement-actions {
  width: 5%;
}
.division-row {
  cursor: pointer;
}
.division-row .division-actions .btn-group-vertical {
  display: none;
}
.division-row .division-actions .btn-group-vertical button {
  margin: 1px;
}
.division-row .division-actions .btn-group-vertical a {
  margin: 1px;
}
.division-row-active .btn-group-vertical {
  display: block !important;
}
.invoice-row {
  cursor: pointer;
}
.invoice-row .invoice-actions .btn-group-vertical {
  display: none;
}
.invoice-row .invoice-actions .btn-group-vertical button {
  margin: 1px;
}
.invoice-row .invoice-actions .btn-group-vertical a {
  margin: 1px;
}
.invoice-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-equipment th,
.table-equipment tr {
  width: 10%;
}
.table-equipment tr.equipment-actions {
  width: 5%;
}
.drug-types-row {
  cursor: pointer;
}
.drug-types-row .drug-types-actions .btn-group-vertical {
  display: none;
}
.drug-types-row .drug-types-actions .btn-group-vertical button {
  margin: 1px;
}
.drug-types-row .drug-types-actions .btn-group-vertical a {
  margin: 1px;
}
.drug-types-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.drug-row {
  cursor: pointer;
}
.drug-row .drugs-actions .btn-group-vertical {
  display: none;
}
.drug-row .drugs-actions .btn-group-vertical button {
  margin: 1px;
}
.drug-row .drugs-actions .btn-group-vertical a {
  margin: 1px;
}
.drug-row-active .btn-group-vertical {
  display: block !important;
}
.returned-drug-row {
  cursor: pointer;
}
.returned-drug-row .returned-drugs-actions .btn-group-vertical {
  display: none;
}
.returned-drug-row .returned-drugs-actions .btn-group-vertical button {
  margin: 1px;
}
.returned-drug-row .returned-drugs-actions .btn-group-vertical a {
  margin: 1px;
}
.returned-drug-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.protocols-animals-row .protocols-animals-actions .btn-group-vertical {
  display: none;
}
.protocols-animals-row .protocols-animals-actions .btn-group-vertical button {
  margin: 1px;
}
.protocols-animals-row .protocols-animals-actions .btn-group-vertical a {
  margin: 1px;
}
.protocols-animals-row-active .btn-group-vertical {
  display: block !important;
}
.protocols-amendments-row .protocols-amendments-actions .btn-group-vertical {
  display: none;
}
.protocols-amendments-row .protocols-amendments-actions .btn-group-vertical button {
  margin: 1px;
}
.protocols-amendments-row .protocols-amendments-actions .btn-group-vertical a {
  margin: 1px;
}
.protocols-amendments-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.entries-sticky-div {
  position: sticky;
  top: 125px;
  background-color: #FFF !important;
  z-index: 100;
  padding: 10px;
}
.encl-entry-location-td:hover {
  cursor: pointer;
}
.tmt-row {
  cursor: pointer;
}
.tmt-row .tmt-row-actions .btn-group-vertical {
  display: none;
}
.tmt-row .tmt-row-actions .btn-group-vertical button {
  margin: 1px;
}
.tmt-row .tmt-row-actions .btn-group-vertical a {
  margin: 1px;
}
.tmt-row-active .btn-group-vertical {
  display: block !important;
}
.endpoint-accordion-btn {
  display: flex;
  justify-content: space-between;
}
/* Endpoint tab color, red to show it is nearing endpoint */
.endpoint-tab-urgent {
  background-color: #dc3545 !important;
}
/* Endpoint tab color, orange to show users it isn't quite urgent */
.endpoint-tab-potential {
  background-color: #E06B00 !important;
}
.enrichment-row {
  cursor: pointer;
}
.enrichment-row .enrichment-actions .btn-group-vertical {
  display: none;
}
.enrichment-row .enrichment-actions .btn-group-vertical button {
  margin: 1px;
}
.enrichment-row .enrichment-actions .btn-group-vertical a {
  margin: 1px;
}
.enrichment-row-active .btn-group-vertical {
  display: block !important;
}
.animal-group-result-table-div {
  overflow-x: auto;
  padding: 0;
  max-height: 800px;
}
.animal-group-result-table thead {
  position: sticky;
  top: 0;
  z-index: 5;
  background-color: #fff;
}
.animal-group-result-table thead .result-table-header-sticky {
  position: sticky;
  width: 100px;
  left: 0;
  top: 0;
  background-color: #fff;
}
.animal-group-result-table tbody .result-table-body-sticky {
  position: sticky;
  width: 100px;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.animal-group-result-table thead .result-table-header-sticky-2 {
  position: sticky;
  left: 110px;
  top: 0;
  background-color: #fff;
}
.animal-group-result-table tbody .result-table-body-sticky-2 {
  position: sticky;
  left: 110px;
  z-index: 1;
  background-color: #fff;
}
.animal-group-result-table .animal-group-result-td {
  min-width: 250px;
  border: 1px solid #e4e4e4;
}
.preview-animal-row {
  cursor: pointer;
}
.preview-animal-row .preview-animal-row-actions .btn-group-vertical {
  display: none;
}
.preview-animal-row .preview-animal-row-actions .btn-group-vertical button {
  margin: 1px;
}
.preview-animal-row .preview-animal-row-actions .btn-group-vertical a {
  margin: 1px;
}
.preview-animal-row-active .btn-group-vertical {
  display: block !important;
}
.equipment-row {
  cursor: pointer;
}
.equipment-row .equipment-actions .btn-group-vertical {
  display: none;
}
.equipment-row .equipment-actions .btn-group-vertical button {
  margin: 1px;
}
.equipment-row .equipment-actions .btn-group-vertical a {
  margin: 1px;
}
.equipment-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-equipment th,
.table-equipment tr {
  width: 15%;
}
.table-equipment tr.equipment-actions {
  width: 20%;
}
.equipmentLocation-row {
  cursor: pointer;
}
.equipmentLocation-row .equipmentLocation-actions .btn-group-vertical {
  display: none;
}
.equipmentLocation-row .equipmentLocation-actions .btn-group-vertical button {
  margin: 1px;
}
.equipmentLocation-row .equipmentLocation-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-equipmentLocation {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-equipmentLocation:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-equipmentLocation:active {
  background-color: #191970 !important;
  color: white !important;
}
.equipmentLocation-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.equipment-type-row {
  cursor: pointer;
}
.equipment-type-row .equipment-type-actions .btn-group-vertical {
  display: none;
}
.equipment-type-row .equipment-type-actions .btn-group-vertical button {
  margin: 1px;
}
.equipment-type-row .equipment-type-actions .btn-group-vertical a {
  margin: 1px;
}
.equipment-type-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.event-category-row {
  cursor: pointer;
}
.event-category-row .event-category-actions .btn-group-vertical {
  display: none;
}
.event-category-row .event-category-actions .btn-group-vertical button {
  margin: 1px;
}
.event-category-row .event-category-actions .btn-group-vertical a {
  margin: 1px;
}
.event-category-row-active .btn-group-vertical {
  display: block !important;
}
.table-event-category th,
.table-event-category tr {
  width: 25%;
}
.table-event-category tr.event-category-actions {
  width: 25%;
}
.event-group-row {
  cursor: pointer;
}
.event-group-row .event-group-actions .btn-group-vertical {
  display: none;
}
.event-group-row .event-group-actions .btn-group-vertical button {
  margin: 1px;
}
.event-group-row .event-group-actions .btn-group-vertical a {
  margin: 1px;
}
.event-group-row-active .btn-group-vertical {
  display: block !important;
}
.table-event-group th,
.table-event-group tr {
  width: 25%;
}
.table-event-group tr.event-group-actions {
  width: 25%;
}
.examination-btn {
  width: 100% !important;
  margin: 5px !important;
}
.examination .nav-link {
  color: #213644;
}
.btn-show-selection {
  background-color: #b8ded9;
  border-color: #213644;
}
.btn-show-selection:hover {
  color: #fff;
  background-color: #E5ab0f !important;
  border-color: #E5ab0f !important;
}
.btn-show-selection:focus {
  color: #fff;
  background-color: #E5ab0f !important;
  border-color: #E5ab0f !important;
}
.btn-show-selection:active {
  color: #fff;
  background-color: #E5ab0f !important;
  border-color: #E5ab0f !important;
}
.btn-show-selection.active {
  color: #fff;
  background-color: #E5ab0f !important;
  border-color: #E5ab0f !important;
}
.exam-page-section {
  max-height: 500px;
  overflow-y: auto;
}
.suggested-pane {
  border: 2px solid #213644;
  padding: 5px;
  margin-bottom: 20px;
}
.event-info-row {
  border-bottom: 1px solid #e4e4e4;
  padding: 13px;
}
.warning-message {
  color: red;
}
.exams {
  margin-top: 20px;
}
.exams a {
  text-transform: capitalize;
  text-wrap: nowrap;
}
.exams h4 {
  text-transform: capitalize;
}
.exams .nav-tabs {
  border-bottom: 3px solid #dadcdf !important;
}
.exams .nav-tabs .nav-link {
  border: 1px solid!important;
  border-color: white!important;
  background-color: #213644;
  color: white;
}
.exams .nav-pills .nav-link {
  border: 5px solid!important;
  border-color: white!important;
  background-color: #213644;
  color: white;
  margin-left: 20px;
}
.exams .nav-pills .nav-link.active {
  background-color: #E5ab0f !important;
}
.exams .nav-tabs .nav-link.active {
  background-color: #E5ab0f !important;
}
.exams .nav-tabs .nav-link.a.visited {
  background-color: #E5ab0f !important;
  box-shadow: 0 0 0 0.2rem #213644 !important;
}
.exams .tab-content {
  /*margin-top: 20px;*/
}
.exams .exam-radio-btn {
  margin-bottom: 12px;
}
.exams .border-x {
  border-left: 3px solid #dadcdf !important;
  border-right: 3px solid #dadcdf !important;
  border-bottom: 3px solid #dee2e6 !important;
}
.border-overview-group {
  border-top: #213644 2px solid;
  border-bottom: #213644 2px solid;
}
.border-overview-subgroup {
  border-left: #213644 1px solid;
}
.close-enclosure-div {
  max-height: 300px;
  overflow-y: scroll;
}
.physical-today {
  background-color: #f7543b !important;
}
.form-has-error {
  border-color: red;
}
.form-inline .form-check .form-check-label {
  padding-right: 20px;
}
.has-error {
  border: 1px solid #b94a48 !important;
}
label {
  font-weight: 500;
}
/*slider is used for BCS(1-5)*/
.slider1 {
  width: 250px;
  height: 15px;
}
.sliderticks1 {
  display: flex;
  justify-content: space-between;
  width: 260px;
  margin-left: 0;
}
.sliderticks1 option {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0;
}
/*slider2 is used for hydration status(poor-good)*/
.slider2 {
  width: 500px;
  height: 15px;
}
.sliderticks2 {
  display: flex;
  justify-content: space-evenly;
  width: 550px;
  margin-left: 90px ;
}
.sliderticks2 option {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 0 0 15px;
}
.hospital-animal-row {
  cursor: pointer;
}
.hospital-animal-row .hospital-animal-actions .btn-group-vertical {
  display: none;
}
.hospital-animal-row .hospital-animal-actions .btn-group-vertical button {
  margin: 1px;
}
.hospital-animal-row .hospital-animal-actions .btn-group-vertical a {
  margin: 1px;
}
.hospital-animal-row-active .btn-group-vertical {
  display: block !important;
}
.th-rotate {
  transform-origin: top right;
  height: 150px;
  white-space: nowrap;
}
.th-rotate > div {
  transform: rotate(315deg);
  width: 30px;
}
.th-rotate > div > span {
  padding: 5px 10px;
}
#hospDeathReportTable td {
  border-right: 2px solid #e4e4e4;
  text-align: center;
}
#hospDeathReportTable th {
  padding: 8px 10px;
}
.visibility-none {
  visibility: collapse;
}
.row-card.rack {
  width: 260px;
}
.rack-list {
  display: flex;
  flex-wrap: wrap;
}
.rack-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rack-buttons button {
  display: block;
}
.rack-visual {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rack-cage {
  width: 115px;
  height: 115px;
  margin: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e5e5e5;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.rack-cage p {
  width: 100%;
  margin: 0;
}
.rack-cage.selectable:hover:not(.rack-cage-dirty) {
  background-color: #4069ef;
  cursor: pointer;
}
.rack-cage.selectable:not(.rack-cage-dirty) {
  background-color: #c0cdf6;
  cursor: pointer;
}
.rack-cage.selected {
  background-color: #4069ef;
}
.rack-cage-dirty:not(.selectable) {
  background: repeating-linear-gradient(45deg, #e5e5e5, #ffffff 10px, #e5e5e5 10px, #ffffff 20px);
}
.rack-cage-dirty.selectable {
  background-color: #c8f6c0;
}
.rack-cage-dirty.selectable:hover {
  border: 4px solid #5fef40;
  cursor: pointer;
}
.rack-cage-dirty.selected {
  border: 4px solid #5fef40;
}
.rack-cage-dirty.selectable.green {
  background-color: #c8f6c0;
}
.rack-cage-dirty.selectable.green:hover {
  border: 4px solid #5fef40;
  cursor: pointer;
}
.rack-cage-dirty.green.selected {
  border: 4px solid #5fef40;
}
.cleaning-cage {
  width: 115px;
  height: 115px;
  margin: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #c0cdf6;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
  cursor: pointer;
}
.cleaning-cage p {
  width: 100%;
  margin: 0;
}
.cleaning-cage.selected {
  background-color: #5375e3;
}
.tips {
  background-color: #c0cdf6 !important;
}
.btn-green {
  background-color: #c8f6c0;
  border: none;
}
.btn-green:hover {
  background-color: #5fef40;
  border: none;
}
.btn-green:focus {
  background-color: #5fef40;
  box-shadow: 0 0 0 0.2rem #c8f6c0;
}
.btn-green:active {
  background-color: #5fef40 !important;
}
.btn-green.active {
  background-color: #5fef40 !important;
}
.btn-red {
  background-color: #f6c0c0;
  border: none;
}
.btn-red:hover {
  background-color: #dc2e2e;
  border: none;
}
.btn-red:focus {
  background-color: #dc2e2e;
  box-shadow: 0 0 0 0.2rem #f6c0c0;
}
.btn-red:active {
  background-color: #dc2e2e !important;
}
.btn-red.active {
  background-color: #dc2e2e !important;
}
.soap-row {
  cursor: pointer;
}
.soap-row .soap-row-actions .btn-group-vertical {
  display: none;
}
.soap-row .soap-row-actions .btn-group-vertical button {
  margin: 1px;
}
.soap-row .soap-row-actions .btn-group-vertical a {
  margin: 1px;
}
.soap-row-active .btn-group-vertical {
  display: block !important;
}
.animal-row {
  cursor: pointer;
}
.animal-row .hospital-event-actions .btn-group-vertical {
  display: none;
}
.animal-row .hospital-event-actions .btn-group-vertical button {
  margin: 1px;
}
.animal-row .hospital-event-actions .btn-group-vertical a {
  margin: 1px;
}
.animal-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.husbandry-category-row {
  cursor: pointer;
}
.husbandry-category-row .husbandry-category-actions .btn-group-vertical {
  display: none;
}
.husbandry-category-row .husbandry-category-actions .btn-group-vertical button {
  margin: 1px;
}
.husbandry-category-row .husbandry-category-actions .btn-group-vertical a {
  margin: 1px;
}
.husbandry-category-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.husbandry-item-row {
  cursor: pointer;
}
.husbandry-item-row .husbandry-item-actions .btn-group-vertical {
  display: none;
}
.husbandry-item-row .husbandry-item-actions .btn-group-vertical button {
  margin: 1px;
}
.husbandry-item-row .husbandry-item-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-husbandry-item {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-husbandry-item:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-husbandry-item:active {
  background-color: #191970 !important;
  color: white !important;
}
.btn.enable-husbandry-item {
  background-color: #191970 !important;
  color: white;
}
.btn.enable-husbandry-item:hover {
  background-color: #191970;
  color: white;
}
.btn.enable-husbandry-item:active {
  background-color: #191970 !important;
  color: white !important;
}
.husbandry-item-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-husbandry-item th,
.table-husbandry-item tr {
  width: 15%;
}
.table-husbandry-item tr.husbandry-item-actions {
  width: 5%;
}
.husbandry-list-row {
  cursor: pointer;
}
.husbandry-list-row .husbandry-list-actions .btn-group-vertical {
  display: none;
}
.husbandry-list-row .husbandry-list-actions .btn-group-vertical button {
  margin: 1px;
}
.husbandry-list-row .husbandry-list-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-husbandry-list {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-husbandry-list:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-husbandry-list:active {
  background-color: #191970 !important;
  color: white !important;
}
.btn.enable-husbandry-list {
  background-color: #191970 !important;
  color: white;
}
.btn.enable-husbandry-list:hover {
  background-color: #191970;
  color: white;
}
.btn.enable-husbandry-list:active {
  background-color: #191970 !important;
  color: white !important;
}
.husbandry-list-row-active .btn-group-vertical {
  display: block !important;
}
.husbandry-request-row {
  cursor: pointer;
}
.husbandry-request-row .husbandry-request-actions .btn-group-vertical {
  display: none;
}
.husbandry-request-row .husbandry-request-actions .btn-group-vertical button {
  margin: 1px;
}
.husbandry-request-row .husbandry-request-actions .btn-group-vertical a {
  margin: 1px;
}
.husbandry-request-row-active .btn-group-vertical {
  display: block !important;
}
.icon-green {
  color: green;
}
.icon-red {
  color: red;
}
.iacuc-stepper-header {
  display: flex;
  align-items: center;
}
.iacuc-stepper .line {
  flex: 1 0 32px;
  min-width: 1px;
  min-height: 1px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.12);
}
.iacuc-step-trigger {
  background-color: buttonface;
  height: 125px;
  width: 115px;
  display: grid;
  justify-items: center;
  align-items: stretch;
}
.iacuc-stepper .iacuc-stepper-header {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #6c757d;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-out, color 0.15s ease-out;
}
.iacuc-stepper-circle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: 0.5em 0;
  margin: 0.25rem;
  line-height: 1em;
  color: #fff;
  background-color: #6c757d;
  border-radius: 1em;
}
.iacuc-stepper-label {
  display: inline-block;
  margin: 0.25rem;
}
.card-title {
  font-weight: bold;
}
.card-text-question {
  font-weight: 500;
}
.card-text-question-edit {
  font-weight: 500;
  color: red;
}
.card-text-pi {
  padding: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.card-text-vet {
  border-left: solid 20px #213644;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-pi-comment {
  border-left: solid 20px #FEBA28;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-member {
  border-left: solid 20px #071D5E;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-member .btn.btn-primary {
  background-color: #071D5E;
}
.card-text-member .btn.btn-primary:hover {
  background-color: #071D5E;
}
.card-text-member .btn.btn-primary:focus {
  background-color: #071D5E !important;
  border: none;
}
.card-text-member .review-box {
  border-bottom: 2px solid #071D5E;
}
.card-text-member .review-box:hover {
  background-color: #e4e4e4;
}
.card-text-designated {
  border-left: solid 20px #4B66B7;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-designated .btn.btn-primary {
  background-color: #4B66B7;
}
.card-text-designated .btn.btn-primary:hover {
  background-color: #4B66B7;
}
.card-text-designated .btn.btn-primary:focus {
  background-color: #4B66B7 !important;
  border: none;
}
.card-text-ohso {
  border-left: solid 20px #E06B00;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-ohso .btn.btn-primary {
  background-color: #E06B00;
}
.card-text-ohso .btn.btn-primary:hover {
  background-color: #E06B00;
}
.card-text-ohso .btn.btn-primary:focus {
  background-color: #E06B00 !important;
  border: none;
}
.card-text-amendment {
  border-left: solid 20px #8C5F00;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-prev-comment {
  border-left: solid 20px #454545;
  padding: 20px;
  margin: 35px;
  margin-right: -20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-text-member .timestamp {
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
hr {
  border-top: 1px solid rgba(0, 0, 0, 0.5) !important;
}
ins {
  text-decoration: none;
  background-color: #58ff4f;
}
del {
  text-decoration: line-through;
  background-color: #fbb6c2;
  color: #555;
}
#headersDivScroll {
  position: sticky;
  top: 80px;
  z-index: 5;
  background-color: #fff;
  overflow-y: auto;
}
.ident-loc-row {
  cursor: pointer;
}
.ident-loc-row .ident-row-actions .btn-group-vertical {
  display: none;
}
.ident-loc-row .ident-row-actions .btn-group-vertical button {
  margin: 1px;
}
.ident-loc-row .ident-row-actions .btn-group-vertical a {
  margin: 1px;
}
.ident-loc-row-active .btn-group-vertical {
  display: block !important;
}
.completed-enrichment-day-div {
  border-top: 1px solid #e4e4e4;
}
.information-row {
  cursor: pointer;
}
.information-row .information-actions .btn-group-vertical {
  display: none;
}
.information-row .information-actions .btn-group-vertical button {
  margin: 1px;
}
.information-row .information-actions .btn-group-vertical a {
  margin: 1px;
}
.information-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
}
.icmEvent-table {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.icmEvent-table tr .first-col {
  position: sticky;
  background-color: white;
  width: 200px;
  left: 0;
}
.icmEvent-table tr td {
  border: 2px solid #efefef;
  min-width: 100px;
}
.icmEvent-table tr .col-index-0 {
  left: 200px;
}
.event-table-cell.active {
  background-color: #E5ab0f;
}
.time-primary {
  background-color: #213644 !important;
}
.time-warning {
  background-color: #E5ab0f !important;
}
.time-danger {
  background-color: red !important;
}
.job-title-row {
  cursor: pointer;
}
.job-title-row .job-title-actions .btn-group-vertical {
  display: none;
}
.job-title-row .job-title-actions .btn-group-vertical button {
  margin: 1px;
}
.job-title-row .job-title-actions .btn-group-vertical a {
  margin: 1px;
}
.job-title-row-active .btn-group-vertical {
  display: block !important;
}
.layouts-row {
  cursor: pointer;
}
.layouts-row .layouts-actions .btn-group-vertical {
  display: none;
}
.layouts-row .layouts-actions .btn-group-vertical button {
  margin: 1px;
}
.layouts-row .layouts-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-layouts {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-layouts:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-layouts:active {
  background-color: #191970 !important;
  color: white !important;
}
.layouts-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-layouts th,
.table-layouts tr {
  width: 15%;
}
.table-layouts tr.layouts-actions {
  width: 5%;
}
.location-row {
  cursor: pointer;
  height: 73px;
}
.location-row button {
  max-width: 175px !important;
}
.location-row a {
  max-width: 175px !important;
}
.location-row .location-actions {
  /* width: 100%; */
}
.location-row .location-actions .btn-group-vertical {
  display: none;
}
.location-row .location-actions .btn-group-vertical button {
  margin: 1px;
}
.location-row .location-actions .btn-group-vertical a {
  margin: 1px;
}
.location-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
/*.cage-buttons{
    width: 150px;
    margin: 10px;

}*/
/*.cage-buttons-outline{
    color: @navy;
    background-color: transparent;
    border: @navy 1px solid;

    &:hover{
        background-color: @navy;
        color: white;
        border: @navy 1px solid;
    }
}*/
.cage-buttons {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.cage-buttons:hover {
  color: white;
  background-color: #213644;
  border-color: #213644;
}
.cage-buttons:focus {
  box-shadow: none;
}
.cage-buttons:active {
  background-color: #213644;
}
.cage-buttons.active {
  background-color: #213644 !important;
  border-color: #213644 !important;
}
.cage-buttons:not(:disabled):not(.disabled).active:focus,
.cage-buttons:not(:disabled):not(.disabled):active:focus,
.show > .cage-buttons.dropdown-toggle:focus {
  box-shadow: none;
}
.cage-buttons.active:focus {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.cage-buttons.active:active {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
@media (min-width: 1200px) {
  .cage-buttons {
    width: 8%;
    margin: 1%;
  }
}
@media (max-width: 1200px) {
  .cage-buttons {
    width: 16%;
    margin: 2%;
  }
}
.location-group-row {
  cursor: pointer;
}
.location-group-row .loc-group-actions .btn-group-vertical {
  display: none;
}
.location-group-row .loc-group-actions .btn-group-vertical button {
  margin: 1px;
}
.location-group-row .loc-group-actions .btn-group-vertical a {
  margin: 1px;
}
.location-group-row-active .btn-group-vertical {
  display: block !important;
}
.select-cage-buttons {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.select-cage-buttons:hover {
  background-color: #E5ab0f;
  border-color: #E5ab0f;
}
.select-cage-buttons:focus {
  box-shadow: none;
}
.select-cage-buttons:active {
  background-color: #E5ab0f;
}
.select-cage-buttons.active {
  background-color: #E5ab0f !important;
  border-color: #E5ab0f !important;
}
.select-cage-buttons:not(:disabled):not(.disabled).active:focus,
.select-cage-buttons:not(:disabled):not(.disabled):active:focus,
.show > .select-cage-buttons.dropdown-toggle:focus {
  box-shadow: none;
}
.select-cage-buttons.active:focus {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.select-cage-buttons.active:active {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
@media (min-width: 1200px) {
  .select-cage-buttons {
    width: 8%;
    margin: 1%;
  }
}
@media (max-width: 1200px) {
  .select-cage-buttons {
    width: 16%;
    margin: 2%;
  }
}
.login-bg {
  height: 100vh;
  background-position: center;
  background-origin: content-box;
  background-size: cover;
  width: 100%;
  background-image: radial-gradient(circle at top left, rgba(40, 40, 40, 0.7) 0%, rgba(40, 40, 40, 0.7) 100%), url(images/loginbg.jpg) !important;
}
.login-container {
  margin-top: 10%;
}
.login-container .login-title {
  color: white;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
  font-size: 3rem;
}
.login-container .card {
  background: #ffffff;
}
.login-container .card button {
  background-color: #213644;
  border: none;
}
.login-container .card button:hover {
  background-color: #E5ab0f;
}
.login-container a {
  color: #213644;
}
.login-container a:hover {
  color: #E5ab0f;
}
.maintenance-request-canvas-is-invalid {
  border: solid red 2px !important;
}
.brand-row {
  cursor: pointer;
}
.brand-row .brand-row-actions .btn-group-vertical {
  display: none;
}
.brand-row .brand-row-actions .btn-group-vertical button {
  margin: 1px;
}
.brand-row .brand-row-actions .btn-group-vertical a {
  margin: 1px;
}
.brand-row-active .btn-group-vertical {
  display: block !important;
}
.missing-animal-row {
  cursor: pointer;
}
.missing-animal-row .missing-animal-actions .btn-group-vertical {
  display: none;
}
.missing-animal-row .missing-animal-actions .btn-group-vertical button {
  margin: 1px;
}
.missing-animal-row .missing-animal-actions .btn-group-vertical a {
  margin: 1px;
}
.missing-animal-row-active .btn-group-vertical {
  display: block !important;
}
.select2-container .select2-results__option.optInvisible {
  display: none;
}
.monkey-loading {
  width: 84.3px;
  height: 45px;
  float: left;
  background: url('images/xmas_sm2.png') no-repeat 0% 0;
  animation: playmonkeyloading 0.4s steps(3) infinite;
}
@keyframes playmonkeyloading {
  100% {
    background-position: -253px;
  }
}
.monkey-loading-header {
  overflow-x: hidden;
}
.hidden {
  display: none !important;
}
@mixin rangeThumb {
  width: 18px;
  height: 18px;
  margin: -8px 0 0;
  border-radius: 50%;
  background: #37adbf;
  cursor: pointer;
  border: 0 !important;
}
@mixin rangeTrack {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #b2b2b2;
}
.range {
  position: relative;
  width: 550px;
  height: 5px;
}
.range input {
  width: 100%;
  position: absolute;
  top: 2px;
  height: 0;
  -webkit-appearance: none;
}
.range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  @include rangeThumb;
}
.range input::-moz-range-thumb {
  @include rangeThumb;
}
.range input::-ms-thumb {
  @include rangeThumb;
}
.range input::-webkit-slider-runnable-track {
  @include rangeTrack;
}
.range input::-moz-range-track {
  @include rangeTrack;
}
.range input::-ms-track {
  @include rangeTrack;
}
.range input:focus {
  background: none;
  outline: none;
}
.range input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-labels {
  margin: 18px -41px 0;
  padding: 0;
  list-style: none;
}
.range-labels li {
  position: relative;
  float: left;
  width: 90.25px;
  text-align: center;
  color: #b2b2b2;
  font-size: 14px;
  cursor: pointer;
}
.range-labels li::before {
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 9px;
  height: 9px;
  background: #b2b2b2;
  border-radius: 50%;
}
.range-labels .active {
  color: #37adbf;
}
.range-labels .selected::before {
  background: #37adbf;
}
.range-labels .active.selected::before {
  display: none;
}
#ocularExamTableBody tr td:nth-child(1) {
  text-transform: capitalize;
}
#ocularExamTableBody tr td:nth-child(2) {
  text-transform: capitalize;
}
.day-selected {
  background-color: #E5ab0f;
}
.day-selected:hover {
  background-color: #B59900 !important;
}
.error-message {
  color: red;
}
.necropsy-row {
  cursor: pointer;
}
.necropsy-row .necropsy-actions .btn-group-vertical {
  display: none;
}
.necropsy-row .necropsy-actions .btn-group-vertical button {
  margin: 1px;
}
.necropsy-row .necropsy-actions .btn-group-vertical a {
  margin: 1px;
}
.necropsy-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.problem-category-row {
  cursor: pointer;
}
.problem-category-row .problem-category-actions .btn-group-vertical {
  display: none;
}
.problem-category-row .problem-category-actions .btn-group-vertical button {
  margin: 1px;
}
.problem-category-row .problem-category-actions .btn-group-vertical a {
  margin: 1px;
}
.problem-category-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.problem-item-row {
  cursor: pointer;
}
.problem-item-row .problem-item-actions .btn-group-vertical {
  display: none;
}
.problem-item-row .problem-item-actions .btn-group-vertical button {
  margin: 1px;
}
.problem-item-row .problem-item-actions .btn-group-vertical a {
  margin: 1px;
}
.problem-item-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.problem-list-row {
  cursor: pointer;
}
.problem-list-row .problem-list-actions .btn-group-vertical {
  display: none;
}
.problem-list-row .problem-list-actions .btn-group-vertical button {
  margin: 1px;
}
.problem-list-row .problem-list-actions .btn-group-vertical a {
  margin: 1px;
}
.problem-list-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.problem-list-event-details:not(.btn) {
  cursor: pointer;
}
.protocols-row {
  cursor: pointer;
}
.protocols-row .protocols-actions .btn-group-vertical {
  display: none;
}
.protocols-row .protocols-actions .btn-group-vertical button {
  margin: 1px;
}
.protocols-row .protocols-actions .btn-group-vertical a {
  margin: 1px;
}
.protocols-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
tr:has(> td.tableError) {
  background-color: #f44949 !important;
}
.rack-size-row {
  cursor: pointer;
}
.rack-size-row .rack-size-actions .btn-group-vertical {
  display: none;
}
.rack-size-row .rack-size-actions .btn-group-vertical button {
  margin: 1px;
}
.rack-size-row .rack-size-actions .btn-group-vertical a {
  margin: 1px;
}
.rack-size-row-active .btn-group-vertical {
  display: block !important;
}
.table-rack-sizes th,
.table-rack-sizes tr {
  width: 12.5%;
}
.table-rack-sizes tr.rack-size-actions {
  width: 12.5%;
}
.reason-row {
  cursor: pointer;
}
.reason-row .reason-actions .btn-group-vertical {
  display: none;
}
.reason-row .reason-actions .btn-group-vertical button {
  margin: 1px;
}
.reason-row .reason-actions .btn-group-vertical a {
  margin: 1px;
}
.reason-row-active .btn-group-vertical {
  display: block !important;
}
.table-reasons th,
.table-reasons tr {
  width: 25%;
}
.table-reasons tr.reason-actions {
  width: 25%;
}
/* Animal Button Styles */
.animal-buttons {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.animal-buttons:hover {
  color: white;
  background-color: #213644;
  border-color: #213644;
}
.animal-buttons:focus {
  box-shadow: none;
}
.animal-buttons:active {
  background-color: #213644;
}
.animal-buttons.active {
  background-color: #213644 !important;
  border-color: #213644 !important;
}
.animal-buttons:not(:disabled):not(.disabled).active:focus,
.animal-buttons:not(:disabled):not(.disabled):active:focus,
.show > .animal-buttons.dropdown-toggle:focus {
  box-shadow: none;
}
.animal-buttons.active:focus {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.animal-buttons.active:active {
  border-color: #213644;
  color: #213644;
  background-color: transparent;
}
.keep-eye-on {
  background-color: rgba(237, 176, 7, 0.8) !important;
}
.vet-check {
  background-color: rgba(0, 212, 212, 0.5) !important;
}
.suggest-hosp {
  background-color: rgba(212, 0, 0, 0.5) !important;
}
@media (min-width: 1200px) {
  .animal-buttons {
    width: 9.2%;
    margin: 0.25%;
  }
}
@media (max-width: 1200px) {
  .animal-buttons {
    width: 19%;
    margin: 0.25%;
  }
}
.observation-row {
  cursor: pointer;
}
.observation-row .observation-actions .btn-group-vertical {
  display: none;
}
.observation-row .observation-actions .btn-group-vertical button {
  margin: 1px;
}
.observation-row .observation-actions .btn-group-vertical a {
  margin: 1px;
}
.observation-row-active .btn-group-vertical {
  display: block !important;
}
.observation-row-active .row {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
.report-row {
  cursor: pointer;
}
.report-row .report-row-actions .btn-group-vertical {
  display: none;
}
.report-row .report-row-actions .btn-group-vertical button {
  margin: 1px;
}
.report-row .report-row-actions .btn-group-vertical a {
  margin: 1px;
}
.report-row-active .btn-group-vertical {
  display: block !important;
}
table.report-sub-table {
  width: 90%;
  float: right;
}
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dataTables_wrapper {
  position: relative;
}
div.dt-buttons {
  position: initial;
}
div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}
div.dtb-popover-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2003;
}
button.dtb-hide-drop {
  display: none !important;
}
div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
}
div.dt-button-collection-title:empty {
  display: none;
}
span.dt-button-spacer {
  display: inline-block;
  margin: 0.5em;
  white-space: nowrap;
}
span.dt-button-spacer.bar {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  padding-left: 0.5em;
}
span.dt-button-spacer.bar:empty {
  height: 1em;
  width: 1px;
  padding-left: 0;
}
div.dt-button-collection span.dt-button-spacer {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin: 0.5em 0;
}
div.dt-button-collection span.dt-button-spacer:empty {
  height: 0;
  width: 100%;
}
div.dt-button-collection span.dt-button-spacer.bar {
  border-left: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-left: 0;
}
button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-left: 0.167em;
  margin-right: 0.167em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;
}
button.dt-button:first-child,
div.dt-button:first-child,
a.dt-button:first-child,
input.dt-button:first-child {
  margin-left: 0;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled,
input.dt-button.disabled {
  cursor: default;
  opacity: 0.4;
}
button.dt-button:active:not(.disabled),
div.dt-button:active:not(.disabled),
a.dt-button:active:not(.disabled),
input.dt-button:active:not(.disabled) {
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  box-shadow: inset 1px 1px 3px #999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
input.dt-button:active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999;
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover,
input.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled),
input.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
input.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#d1e2f7", EndColorStr="#79ace9");
}
button.dt-button.active:focus:not(.disabled),
div.dt-button.active:focus:not(.disabled),
a.dt-button.active:focus:not(.disabled),
input.dt-button.active:focus:not(.disabled) {
  background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%) !important;
}
button.dt-button span.dt-down-arrow,
div.dt-button span.dt-down-arrow,
a.dt-button span.dt-down-arrow,
input.dt-button span.dt-down-arrow {
  position: relative;
  top: -2px;
  color: rgba(70, 70, 70, 0.75);
  font-size: 8px;
  padding-left: 10px;
  line-height: 1em;
}
.dt-button embed {
  outline: none;
}
div.dt-buttons {
  float: left;
}
div.dt-buttons.buttons-right {
  float: right;
}
div.dataTables_layout_cell div.dt-buttons {
  float: none;
}
div.dataTables_layout_cell div.dt-buttons.buttons-right {
  float: none;
}
div.dt-btn-split-wrapper {
  display: inline-block;
}
div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 4px 4px 2px 4px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin: 4px 0 2px 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection button.dt-button:first-child,
div.dt-button-collection div.dt-button:first-child,
div.dt-button-collection a.dt-button:first-child {
  margin-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
div.dt-button-collection button.dt-button:last-child,
div.dt-button-collection div.dt-button:last-child,
div.dt-button-collection a.dt-button:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
div.dt-button-collection div.dt-btn-split-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  margin: 4px 0 2px 0;
}
div.dt-button-collection div.dt-btn-split-wrapper button.dt-button {
  margin: 0;
  display: inline-block;
  width: 0;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50px;
  border-radius: 0;
}
div.dt-button-collection div.dt-btn-split-wrapper button.dt-btn-split-drop {
  min-width: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0;
}
div.dt-button-collection div.dt-btn-split-wrapper:first-child {
  margin-top: 0;
}
div.dt-button-collection div.dt-btn-split-wrapper:first-child button.dt-button {
  border-top-left-radius: 3px;
}
div.dt-button-collection div.dt-btn-split-wrapper:first-child button.dt-btn-split-drop {
  border-top-right-radius: 3px;
}
div.dt-button-collection div.dt-btn-split-wrapper:last-child button.dt-button {
  border-bottom-left-radius: 3px;
}
div.dt-button-collection div.dt-btn-split-wrapper:last-child button.dt-btn-split-drop {
  border-bottom-right-radius: 3px;
}
div.dt-button-collection div.dt-btn-split-wrapper:active:not(.disabled) button.dt-button,
div.dt-button-collection div.dt-btn-split-wrapper.active:not(.disabled) button.dt-button {
  background-color: #dadada;
  background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 0px 0px 4px #666;
}
div.dt-button-collection div.dt-btn-split-wrapper:active:not(.disabled) button.dt-btn-split-drop,
div.dt-button-collection div.dt-btn-split-wrapper.active:not(.disabled) button.dt-btn-split-drop {
  box-shadow: none;
}
div.dt-button-collection.fixed .dt-button:first-child {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
div.dt-button-collection.fixed .dt-button:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.dt-button-collection.fixed {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 5px;
  background-color: white;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -200px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection.fixed.columns {
  margin-left: -409px;
}
@media screen and (max-width: 1024px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -308px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -203px;
  }
}
@media screen and (max-width: 460px) {
  div.dt-button-collection.fixed.columns {
    margin-left: -100px;
  }
}
div.dt-button-collection.fixed > :last-child {
  max-height: 100vh;
  overflow: auto;
}
div.dt-button-collection.two-column > :last-child,
div.dt-button-collection.three-column > :last-child,
div.dt-button-collection.four-column > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection.two-column > :last-child > *,
div.dt-button-collection.three-column > :last-child > *,
div.dt-button-collection.four-column > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 400px;
}
div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
}
div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
}
div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}
div.dt-button-collection.columns {
  width: auto;
}
div.dt-button-collection.columns > :last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: 818px;
  padding-bottom: 1px;
}
div.dt-button-collection.columns > :last-child .dt-button {
  min-width: 200px;
  flex: 0 1;
  margin: 0;
}
div.dt-button-collection.columns.dtb-b3 > :last-child,
div.dt-button-collection.columns.dtb-b2 > :last-child,
div.dt-button-collection.columns.dtb-b1 > :last-child {
  justify-content: space-between;
}
div.dt-button-collection.columns.dtb-b3 .dt-button {
  flex: 1 1 32%;
}
div.dt-button-collection.columns.dtb-b2 .dt-button {
  flex: 1 1 48%;
}
div.dt-button-collection.columns.dtb-b1 .dt-button {
  flex: 1 1 100%;
}
@media screen and (max-width: 1024px) {
  div.dt-button-collection.columns > :last-child {
    width: 612px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-button-collection.columns > :last-child {
    width: 406px;
  }
  div.dt-button-collection.columns.dtb-b3 .dt-button {
    flex: 0 1 32%;
  }
}
@media screen and (max-width: 460px) {
  div.dt-button-collection.columns > :last-child {
    width: 200px;
  }
}
div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2001;
}
@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}
button.dt-btn-split-drop {
  margin-left: calc(-1px - 0.333em);
  padding-bottom: calc(0.5em - 1px);
  border-radius: 0px 1px 1px 0px;
  color: rgba(70, 70, 70, 0.9);
  border-left: none;
}
button.dt-btn-split-drop span.dt-btn-split-drop-arrow {
  position: relative;
  top: -1px;
  left: -2px;
  font-size: 8px;
}
button.dt-btn-split-drop:hover {
  z-index: 2;
}
button.buttons-split {
  border-right: 1px solid rgba(70, 70, 70, 0);
  border-radius: 1px 0px 0px 1px;
}
button.dt-btn-split-drop-button {
  background-color: white;
}
button.dt-btn-split-drop-button:hover {
  background-color: white;
}
.col-demo-report-thead {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 1000;
  background-color: #fff;
}
#colonyDemoReportTable th {
  padding: 8px 10px;
  text-align: center;
}
#colonyDemoReportTable td {
  text-align: center;
  border-right: 2px solid #e4e4e4;
}
.demoreport-col-shade {
  background-color: #FFE556;
}
#colonyInfantReportTable th {
  padding: 8px 10px;
  text-align: center;
}
#colonyInfantReportTable td {
  text-align: center;
  border-right: 2px solid #e4e4e4;
}
.report-event-row {
  border-bottom: 2px solid #777777;
}
.event-row-fields {
  border-bottom: 2px solid #777777;
}
.report-event-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 1000;
  background-color: #fff;
  border-bottom: 2px solid #777777;
}
.cust-report-row {
  cursor: pointer;
}
.cust-report-row .cust-report-row-actions .btn-group-vertical {
  display: none;
}
.cust-report-row .cust-report-row-actions .btn-group-vertical button {
  margin: 1px;
}
.cust-report-row .cust-report-row-actions .btn-group-vertical a {
  margin: 1px;
}
.cust-report-row-active .btn-group-vertical {
  display: block !important;
}
.maintenance-request-row {
  cursor: pointer;
}
.maintenance-request-row .maintenance-request-actions .btn-group-vertical {
  display: none;
}
.maintenance-request-row .maintenance-request-actions .btn-group-vertical button {
  margin: 1px;
}
.maintenance-request-row .maintenance-request-actions .btn-group-vertical a {
  margin: 1px;
}
.request-item-name {
  color: black;
  text-decoration: none;
  vertical-align: middle;
}
.request-item-name:hover {
  color: black;
  text-decoration: none !important;
  vertical-align: middle;
}
.btn.disable-maintenance-request {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-maintenance-request:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-maintenance-request:active {
  background-color: #191970 !important;
  color: white !important;
}
.maintenance-request-row-active .btn-group-vertical {
  display: block !important;
}
.maintenance-request-row-active .row {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-maintenance-request th,
.table-maintenance-request tr {
  width: 15%;
}
.table-maintenance-request tr.maintenance-request-actions {
  width: 5%;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.maintenance-request-icon-card label {
  color: black;
  cursor: pointer;
}
.maintenance-request-icon-card {
  cursor: pointer;
}
.supply-request-button {
  background-color: transparent;
}
@media (min-width: 1540px) {
  .maintenance-request-icon-card {
    width: 19%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 1220px) and (max-width: 1540px) {
  .maintenance-request-icon-card {
    width: 24%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 910px) and (max-width: 1220px) {
  .maintenance-request-icon-card {
    width: 32.33%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (max-width: 910px) {
  .maintenance-request-icon-card {
    width: 49%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
.schedule-row {
  cursor: pointer;
}
.schedule-row .schedule-actions .btn-group-vertical {
  display: none;
}
.schedule-row .schedule-actions .btn-group-vertical button {
  margin: 1px;
}
.schedule-row .schedule-actions .btn-group-vertical a {
  margin: 1px;
}
.schedule-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.outer {
  position: relative;
}
.calendar__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 450px;
}
.calendar {
  margin: 0 auto;
  max-width: 1280px;
  min-width: 500px;
  box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.2), 0px 3px 7px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.calendar-table {
  background: #fff;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.calendar-table tr,
.calendar-table tr td {
  height: 20px;
}
.calendar-table tr td {
  border-right: 1px solid #eee;
  padding: 0;
  white-space: none;
  word-wrap: nowrap;
}
.calendar-section:hover {
  background-color: #e4e4e4;
}
.icon {
  font-size: 1.5rem;
  margin: 0 1rem;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.icon:hover {
  color: red;
}
.wrap {
  overflow-x: hidden;
  max-width: 1280px;
  height: 200px;
  border-radius: 8px;
}
#calendar-thead {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 2;
  background: white;
  border-bottom: 2px solid #ddd;
}
#calendar-thead th {
  text-align: center;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.9);
  padding: 1rem;
}
#calendar-header {
  background: #fff;
  padding: 1rem;
  color: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px 8px 0px 0px;
}
#calendar-header h1 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: normal;
}
#calendar-tbody {
  position: relative;
}
#calendar-tbody tr td {
  position: relative;
  vertical-align: top;
  height: 40px;
  padding: 0.25rem 0.25rem 0 0.25rem;
  width: auto;
}
.total-table {
  border-top: 2px solid #ddd !important;
  border-radius: 0px 0px 8px 8px !important;
}
#total-body {
  position: relative;
}
#total-body tr {
  height: 100px;
  margin: 10px;
}
#total-body tr td {
  position: relative;
  vertical-align: top;
  height: 40px;
  padding: 0.25rem 0.25rem 0 0.25rem;
  width: auto;
}
.mc-wrap {
  overflow-x: hidden;
  max-width: 1280px;
  border-radius: 8px;
}
#monthly-calendar-thead {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  z-index: 2;
  background: white;
  border-bottom: 2px solid #ddd;
}
#monthly-calendar-thead th {
  text-align: center;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.9);
  padding: 1rem;
}
#monthly-calendar-header {
  background: #fff;
  padding: 1rem;
  color: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px 8px 0px 0px;
}
#monthly-calendar-header h1 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: normal;
}
#monthly-calendar-tbody {
  position: relative;
}
#monthly-calendar-tbody td {
  position: relative;
  vertical-align: top;
  height: 100px;
  width: auto;
  text-align: center;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
#monthly-calendar-tbody td:hover {
  background-color: #e4e4e4;
}
#monthly-calendar-tbody .today {
  position: relative;
  vertical-align: top;
  height: 100px;
  width: auto;
  text-align: center;
  color: red;
}
.search-collapse-btn {
  margin-left: 15px;
}
.search-collapse-btn::after {
  content: "Add";
}
.search-collapse-btn-hide::after {
  content: "Remove" !important;
}
.section {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
}
#sidebar-wrapper {
  position: sticky !important;
  min-height: 100vh;
  margin-left: -15rem;
}
#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}
#sidebar-wrapper .list-group {
  width: 15rem;
}
#page-content-wrapper {
  margin-top: 75px;
  min-width: calc(100% - 240px);
  width: 100%;
  margin-bottom: 960px;
}
#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}
.list-unstyled {
  padding-left: 15px;
}
/*
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;

    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;


  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}
*/
.log-row {
  cursor: pointer;
}
.log-row .log-actions .btn-group-vertical {
  display: none;
}
.log-row .log-actions .btn-group-vertical button {
  margin: 1px;
}
.log-row .log-actions .btn-group-vertical a {
  margin: 1px;
}
.log-row-active .btn-group-vertical {
  display: block !important;
}
.long-housing {
  background-color: #b2d4eb !important;
}
.exemption-row {
  cursor: pointer;
}
.exemption-row .exemption-actions .btn-group-vertical {
  display: none;
}
.exemption-row .exemption-actions .btn-group-vertical button {
  margin: 1px;
}
.exemption-row .exemption-actions .btn-group-vertical a {
  margin: 1px;
}
.exemption-row-active .btn-group-vertical {
  display: block !important;
}
.species-row {
  cursor: pointer;
}
.species-row .species-actions .btn-group-vertical {
  display: none;
}
.species-row .species-actions .btn-group-vertical button {
  margin: 1px;
}
.species-row .species-actions .btn-group-vertical a {
  margin: 1px;
}
.species-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.animal-table-row {
  cursor: pointer;
}
.animal-table-row .animal-table-actions .btn-group-vertical {
  display: none;
}
.animal-table-row .animal-table-actions .btn-group-vertical button {
  margin: 1px;
}
.animal-table-row .animal-table-actions .btn-group-vertical a {
  margin: 1px;
}
.animal-table-row-active .btn-group-vertical {
  display: block !important;
}
.supplemental-feeding-row {
  cursor: pointer;
}
.supplemental-feeding-row .supplemental-feeding-actions .btn-group-vertical {
  display: none;
}
.supplemental-feeding-row .supplemental-feeding-actions .btn-group-vertical button {
  margin: 1px;
}
.supplemental-feeding-row .supplemental-feeding-actions .btn-group-vertical a {
  margin: 1px;
}
.supplemental-feeding-row-active .btn-group-vertical {
  display: block !important;
}
.ticket-row {
  cursor: pointer;
}
.ticket-row .ticket-actions .btn-group-vertical {
  display: none;
}
.ticket-row .ticket-actions .btn-group-vertical button {
  margin: 1px;
}
.ticket-row .ticket-actions .btn-group-vertical a {
  margin: 1px;
}
.ticket-row-active .btn-group-vertical {
  display: block !important;
}
.note-input {
  display: inline;
}
.note-input[type=number] {
  width: 100px;
}
.tb-row {
  cursor: pointer;
}
.tb-row .tb-actions .btn-group-vertical {
  display: none;
}
.tb-row .tb-actions .btn-group-vertical button {
  margin: 1px;
}
.tb-row .tb-actions .btn-group-vertical a {
  margin: 1px;
}
.tb-row-active .btn-group-vertical {
  display: block !important;
}
.slider-exam {
  height: 15px;
}
.slider-exam-output {
  margin-left: 10px;
}
.sliderticks-exam {
  display: flex;
  justify-content: space-around;
  width: 300px;
}
.sliderticks-exam option {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-right: auto;
}
/**
 * Colors
 *
 */
/** FOR THE NEW STUFF **/
.progress.is-info {
  margin-top: 2%;
  margin-left: 2%;
  margin-right: 2%;
}
.hide {
  display: none;
}
.modal-lg-table {
  max-width: 80% !important;
}
.dataTables_wrapper {
  overflow-x: scroll !important;
}
.modal {
  overflow-y: scroll !important;
}
.btn.focus:not(.active):hover {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.training-type-row {
  cursor: pointer;
}
.training-type-row .btn-group-vertical {
  display: none;
}
.training-type-row .btn-group-vertical button {
  margin: 1px;
}
.training-type-row .btn-group-vertical a {
  margin: 1px;
}
.training-type-row-active .btn-group-vertical {
  display: block !important;
}
.tmt-prep-btn-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 125px;
  z-index: 1000;
  background-color: #fff;
}
.treatments-prepare-graph .treatment-preparation-row .treatment-preparation-actions .btn-group-vertical {
  display: none;
}
.treatments-prepare-graph .treatment-preparation-row .treatment-preparation-actions .btn-group-vertical button {
  margin: 1px;
}
.treatments-prepare-graph .treatment-preparation-row .treatment-preparation-actions .btn-group-vertical a {
  margin: 1px;
}
.treatments-prepare-graph .treatment-preparation-actions-actions .btn-group-vertical {
  display: block !important;
}
.treatments-prepare-graph table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 40px;
  margin-top: 40px;
}
.treatments-prepare-graph td,
.treatments-prepare-graph th {
  margin: 0;
  border: none;
  white-space: nowrap;
}
.treatments-prepare-graph td {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 20px;
  margin-right: 10px;
  width: 130px !important;
  border-left: 1px #e3e3e3 solid;
  border-right: 1px #e3e3e3 solid;
}
.treatments-prepare-graph .mainDiv {
  overflow-x: scroll;
  margin-left: 8%;
  overflow-y: visible;
  padding: 0;
}
.treatments-prepare-graph .tattoo {
  border: none;
  font-size: 140%;
}
.treatments-prepare-graph .dates {
  background: none;
  border-left: 1px #e3e3e3 solid;
  border-right: 1px #e3e3e3 solid;
}
.treatments-prepare-graph .dates p {
  text-align: center;
  margin: auto;
  margin-bottom: 0 !important;
}
.treatments-prepare-graph .daily {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.treatments-prepare-graph .start {
  border: none;
}
.treatments-prepare-graph .treatment-square-1 {
  height: 60px;
  margin: 0;
  border: 3px #FFC000 solid;
  overflow: hidden;
}
.treatments-prepare-graph .treatment-square-1.prepared {
  background: repeating-linear-gradient(45deg, #ffc00080, #ffc00080 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-1.given {
  background-color: #FFC000;
}
.treatments-prepare-graph .treatment-square-1.warning.prepared {
  background: repeating-linear-gradient(45deg, red, red 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-1.warning.given {
  background: none;
  background-color: red !important;
}
.treatments-prepare-graph .treatment-square-1.marked {
  background-color: #ffc00099;
}
.treatments-prepare-graph .treatment-square-1:hover {
  border-color: #917000;
}
.treatments-prepare-graph .treatment-square-1.prepared:hover {
  background-color: #917000;
  border-color: #917000;
}
.treatments-prepare-graph .treatment-square-1.given:hover {
  background-color: #917000;
  border-color: #917000;
}
.treatments-prepare-graph .treatment-square-1.marked.given {
  background-color: #917000;
}
.treatments-prepare-graph .treatment-square-1.marked.prepared {
  background-color: #917000;
}
.treatments-prepare-graph .treatment-square-2 {
  height: 60px;
  margin: 0;
  border: 3px #0033fff0 solid;
  overflow: hidden;
}
.treatments-prepare-graph .treatment-square-2.prepared {
  background: repeating-linear-gradient(45deg, #0033ff80, #0033ff80 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-2.given {
  background-color: #0033ff;
}
.treatments-prepare-graph .treatment-square-2.warning.prepared {
  background: repeating-linear-gradient(45deg, red, red 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-2.warning.given {
  background: none;
  background-color: red !important;
}
.treatments-prepare-graph .treatment-square-2.marked {
  background-color: #0033ff99;
}
.treatments-prepare-graph .treatment-square-2:hover {
  border-color: #0024a6;
}
.treatments-prepare-graph .treatment-square-2.given:hover {
  background-color: #0024a6;
  border-color: #0024a6;
}
.treatments-prepare-graph .treatment-square-2.marked.given {
  background-color: #0024a6;
}
.treatments-prepare-graph .treatment-square-2.prepared:hover {
  background-color: #0024a6;
  border-color: #0024a6;
}
.treatments-prepare-graph .treatment-square-2.marked.prepared {
  background-color: #0024a6;
}
.treatments-prepare-graph .treatment-square-3 {
  height: 60px;
  margin: 0;
  border: 3px #37ff00 solid;
  overflow: hidden;
}
.treatments-prepare-graph .treatment-square-3.prepared {
  background: repeating-linear-gradient(45deg, #37ff0066, #37ff0066 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-3.given {
  background-color: #37ff00;
}
.treatments-prepare-graph .treatment-square-3.warning.prepared {
  background: repeating-linear-gradient(45deg, red, red 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-3.warning.given {
  background: none;
  background-color: red !important;
}
.treatments-prepare-graph .treatment-square-3.marked {
  background-color: #37ff0099;
}
.treatments-prepare-graph .treatment-square-3:hover {
  border-color: #209100;
}
.treatments-prepare-graph .treatment-square-3.given:hover {
  background-color: #209100;
  border-color: #209100;
}
.treatments-prepare-graph .treatment-square-3.marked.given {
  background-color: #209100;
}
.treatments-prepare-graph .treatment-square-3.prepared:hover {
  background-color: #209100;
  border-color: #209100;
}
.treatments-prepare-graph .treatment-square-3.marked.prepared {
  background-color: #209100;
}
.treatments-prepare-graph .treatment-square-4 {
  height: 60px;
  margin: 0;
  border: 3px #c800ff solid;
  overflow: hidden;
}
.treatments-prepare-graph .treatment-square-4.prepared {
  background: repeating-linear-gradient(45deg, #c800ff80, #c800ff80 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-4.given {
  background-color: #c800ff;
}
.treatments-prepare-graph .treatment-square-4.warning.prepared {
  background: repeating-linear-gradient(45deg, red, red 10px, #FFFFFF 10px, #FFFFFF 20px);
}
.treatments-prepare-graph .treatment-square-4.warning.given {
  background: none;
  background-color: red !important;
}
.treatments-prepare-graph .treatment-square-4.marked {
  background-color: #c800ff99;
}
.treatments-prepare-graph .treatment-square-4:hover {
  border-color: #750098;
}
.treatments-prepare-graph .treatment-square-4.given:hover {
  background-color: #750098;
  border-color: #750098;
}
.treatments-prepare-graph .treatment-square-4.marked.given {
  background-color: #750098;
}
.treatments-prepare-graph .treatment-square-4.prepared:hover {
  background-color: #750098;
  border-color: #750098;
}
.treatments-prepare-graph .treatment-square-4.marked.prepared {
  background-color: #750098;
}
.treatments-prepare-graph .size-1 {
  width: 100%;
}
.treatments-prepare-graph .size-2 {
  width: 50%;
}
.treatments-prepare-graph .size-3 {
  width: 33%;
}
.treatments-prepare-graph .size-4 {
  width: 25%;
}
.treatments-prepare-graph .size-5 {
  width: 20%;
}
.treatments-prepare-graph .status {
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0 !important;
}
.treatments-prepare-graph .given .status {
  color: white !important;
}
.treatments-prepare-graph .prepared .status {
  background-color: white !important;
  min-width: 10px;
}
.treatments-prepare-graph .status-holder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.treatment-graph-substance-box {
  transform: scale(2);
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
}
.user-row {
  cursor: pointer;
}
.user-row .user-actions .btn-group-vertical {
  display: none;
}
.user-row .user-actions .btn-group-vertical button {
  margin: 1px;
}
.user-row .user-actions .btn-group-vertical a {
  margin: 1px;
}
.user-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vaccine-row {
  cursor: pointer;
}
.vaccine-row .vaccine-actions .btn-group-vertical {
  display: none;
}
.vaccine-row .vaccine-actions .btn-group-vertical button {
  margin: 1px;
}
.vaccine-row .vaccine-actions .btn-group-vertical a {
  margin: 1px;
}
.vaccine-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.personnel-row {
  cursor: pointer;
}
.personnel-row .personnel-row-actions .btn-group-vertical {
  display: none;
}
.personnel-row .personnel-row-actions .btn-group-vertical button {
  margin: 1px;
}
.personnel-row .personnel-row-actions .btn-group-vertical a {
  margin: 1px;
}
.personnel-row-active .btn-group-vertical {
  display: block !important;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vet-check-row {
  cursor: pointer;
}
.vet-check-row .vet-check-actions .btn-group-vertical {
  display: none;
}
.vet-check-row .vet-check-actions .btn-group-vertical button {
  margin: 1px;
}
.vet-check-row .vet-check-actions .btn-group-vertical a {
  margin: 1px;
}
.btn.disable-vet-check {
  background-color: #191970 !important;
  color: white;
}
.btn.disable-vet-check:hover {
  background-color: #191970;
  color: white;
}
.btn.disable-vet-check:active {
  background-color: #191970 !important;
  color: white !important;
}
.vet-check-row-active .btn-group-vertical {
  display: block !important;
}
.vet-check-row-active .row {
  display: grid;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
}
.display-none {
  display: none !important;
}
.vertical-align-middle {
  vertical-align: middle;
}
.table-vet-check th,
.table-vet-check tr {
  width: 15%;
}
.table-vet-check tr.vet-check-actions {
  width: 5%;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.vet-check-icon-card label {
  color: black;
  cursor: pointer;
}
.vet-check-icon-card {
  cursor: pointer;
}
@media (min-width: 1540px) {
  .vet-check-icon-card {
    width: 19%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 1220px) and (max-width: 1540px) {
  .vet-check-icon-card {
    width: 24%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (min-width: 910px) and (max-width: 1220px) {
  .vet-check-icon-card {
    width: 32.33%;
    padding: 0.5%;
    margin: 0.5%;
  }
}
@media (max-width: 910px) {
  .vet-check-icon-card {
    width: 49%;
    padding: 0.5%;
    margin: 0.5%;
  }
}