/* ========================================= */
/* Colors ================================== */
/* ========================================= */
/* ========================================= */
/* Layout ================================== */
/* ========================================= */
.separator {
  width: 100%;
  clear: both;
}
.separator5 {
  width: 100%;
  clear: both;
  height: 5px;
}
.separator10 {
  width: 100%;
  clear: both;
  height: 10px;
}
.separator20 {
  width: 100%;
  clear: both;
  height: 20px;
}
.separator40 {
  width: 100%;
  clear: both;
  height: 40px;
}
.table > thead > tr > th {
  font-weight: 900;
}
table.table td p {
  margin: 0;
}
.color-white {
  color: #fff !important;
}
.color-white * {
  color: #ffffff !important;
}
#loader {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  color: #ddd;
  opacity: 0;
}
#logout-form-container {
  display: none;
}
.navbar i {
  font-size: 20px;
  margin-top: 21px;
  margin-right: 3px;
  display: block;
  float: left;
}
.be-top-header .be-icons-nav {
  margin-right: 0px;
}
.be-top-header .be-navbar-header .navbar-brand {
  background-image: none !important;
}
/*
.be-splash-screen.patient-html,
.be-splash-screen.patient-body{
	background: #2e78bc;
	background: -moz-linear-gradient(180deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
	background: -webkit-gradient(center top, right top, color-stop(0%, #2e78bc), color-stop(58%, #4aa7fc), color-stop(100%, #4aa7fc));
	background: -webkit-linear-gradient(180deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
	background: -o-linear-gradient(180deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
	background: -ms-linear-gradient(180deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
	background: linear-gradient(180deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e78bc', endColorstr='#4aa7fc', GradientType=1 );
}

body.index,
.be-splash-screen.operator-html,
.be-splash-screen.operator-body{
	background: #d4d4d4;
	background: -moz-linear-gradient(0deg, #d4d4d4 0%, #eeeeee 68%, #fafafa 100%);
	background: -webkit-gradient(center top, right top, color-stop(0%, #d4d4d4), color-stop(68%, #fafafa), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(0deg, #d4d4d4 0%, #fafafa 68%, #eeeeee 100%);
	background: -o-linear-gradient(0deg, #d4d4d4 0%, #fafafa 68%, #fafafa 100%);
	background: -ms-linear-gradient(0deg, #d4d4d4 0%, #fafafa 68%, #fafafa 100%);
	background: linear-gradient(0deg, #d4d4d4 0%, #fafafa 68%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#fafafa', GradientType=1 );
}
*/
.be-error-404 {
  background: #2e78bc;
  background: -moz-linear-gradient(0deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
  background: -webkit-gradient(center top, right top, color-stop(0%, #2e78bc), color-stop(58%, #4aa7fc), color-stop(100%, #4aa7fc));
  background: -webkit-linear-gradient(0deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
  background: -o-linear-gradient(0deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
  background: -ms-linear-gradient(0deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
  background: linear-gradient(0deg, #2e78bc 0%, #4aa7fc 58%, #4aa7fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e78bc', endColorstr='#4aa7fc', GradientType=1);
}
.be-splash-screen.operator-html {
  background: #d4d4d4;
}
.be-splash-screen.admin-html,
.be-splash-screen.admin-body {
  background: #f0f3bd;
}
.be-login .main-content {
  padding-bottom: 0;
}
.splash-container {
  margin-top: 0;
  max-width: 600px;
  margin-bottom: 20px;
}
.splash-container .card .card-header {
  margin-bottom: 0;
  padding-top: 20px;
}
.badge-info {
  background-color: #2678bc !important;
}
.be-scroll-top::before {
  content: '\f077';
  font-family: "Font Awesome 5 Free";
  font-size: 2.538rem;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.left-sidebar-toggle {
  text-align: center;
  font-size: 1.4rem !important;
}
.be-left-sidebar .left-sidebar-toggle:before {
  content: '\f0c9' !important;
  float: right;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 2.077rem;
  line-height: 22px;
  color: #c5c5c5;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  content: '\f00c';
  font-family: "Font Awesome 5 Free";
  font-size: 2.538rem;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.1;
}
.be-left-sidebar .left-sidebar-toggle.open:before {
  content: '\f077';
}
.be-scroll-top {
  padding: 3px 14px;
}
.btn-group-toggle :not(.active) {
  opacity: 0.3 !important;
}
b {
  font-weight: 900 !important;
}
.trafficlight-green {
  color: #008000;
}
.trafficlight-yellow {
  color: #ffd700;
}
.trafficlight-red {
  color: #ff0000;
}
.trafficlight-grey {
  color: #c0c0c0;
}
.user-timeline-compact:before,
.user-timeline-compact:after {
  background-color: #2678bc;
}
.user-timeline-compact > li:before {
  border-color: #2678bc;
}
.posts-list img {
  display: none;
  float: left;
  width: 80px;
  margin: 0 10px 10px 0;
}
a.card {
  background: #2678bc;
}
a.card .btn {
  border: 0px solid red;
}
a.card:hover {
  color: #fff;
  background: #226aa7;
}
a.card.active {
  color: #fff;
  background: #1d5d92;
}
a.card.card-full-success {
  background-color: #37b358;
}
a.card.card-full-danger {
  background-color: #eb6357;
}
a.card.card-full-success:hover {
  background-color: #319f4e;
}
a.card.card-full-danger:hover {
  background-color: #e84e40;
}
a.card.card-full-success.active {
  background-color: #2b8c45;
}
a.card.card-full-danger.active {
  background-color: #e63929;
}
.legend,
.stats {
  float: right;
  background: #f5f5f5;
  padding: 4px 20px;
  margin-bottom: 10px;
}
.legend span,
.stats span {
  margin-right: 15px;
}
.legend .trafficlight,
.stats .trafficlight {
  display: inline-block;
  margin-right: 5px;
}
.legend .trafficlight i,
.stats .trafficlight i {
  font-size: 14px;
}
#examinations-rows td:first-child i {
  display: block;
  float: left;
}
#examinations-rows td:first-child:not('.readMore') span {
  display: block;
  float: left;
  line-height: 2.2rem;
  font-size: 1.2em;
}
#examinations-rows tr.readMore i {
  display: inline;
  float: none;
}
#examinations-rows tr.readMore .readMore-more {
  border-right: 1px solid #dee2e6;
}
#examinations-rows tr.readMore .readMore-csfet {
  margin: 10px 0;
  padding: 20px;
}
tr.readMore {
  background: #fafafa;
}
tr.readMore .readMore-more {
  margin: 10px 0;
  padding: 20px;
}
.examinations-help-rows tr:nth-child(2n-1) td:first-child i {
  display: block;
  float: left;
}
.examinations-help-rows tr:nth-child(2n-1) td:first-child span {
  display: block;
  float: left;
  line-height: 2.2rem;
  font-size: 1.2em;
}
.rotated i {
  transform: rotate(90deg);
}
tr.selected {
  background: rgba(46, 120, 188, 0.2);
}
#test-label {
  font-weight: bold;
  background: #ff0;
  position: fixed;
  top: 28px;
  left: -35px;
  width: 200px;
  padding: 10px 0px;
  z-index: 2000;
  text-align: center;
  display: none;
  transform: rotate(-39deg);
  font-size: 12px;
}
.be-left-sidebar .sidebar-elements > li > a {
  padding: 10px 20px;
  font-size: 1.2em;
  border-bottom: 1px solid #d9d9d9;
}
.type-BUSY {
  background: red !important;
  border-color: red !important;
}
.fc-unthemed td.fc-today {
  background: rgba(255, 224, 0, 0.38);
}
.progress-bar {
  border-right: 5px solid #fff;
}
.samplereqs-list-section {
  display: none;
}
#nurseToCheck-label {
  background: orange;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  font-size: 16px;
  position: absolute;
  right: 25%;
  top: 145px;
}
/* ========================================= */
/* Navbar ================================== */
/* ========================================= */
.navbar i {
  font-size: 20px;
}
.navbar .be-top-header .be-navbar-header .navbar-brand {
  background-image: none !important;
}
/* ========================================= */
/* Forms =================================== */
/* ========================================= */
.dataTables_length select {
  min-width: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "\f107" !important;
  font-family: "Font Awesome 5 Free" !important;
}
.gj-datepicker-bootstrap [role=right-icon] button {
  border: 1px solid #ced4da !important;
  color: #FFFFFF !important;
  background-color: #2678bc !important;
  border-color: #2678bc !important;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.modal-lg .modal-content {
  max-width: 650px;
}
#sample-req-form-modal #examination-type-row {
  visibility: hidden;
}
#sample-req-form-modal #sample-req-type-list {
  text-align: center;
}
#sample-req-form-modal #sample-req-type-list img {
  max-height: 150px;
  display: block;
  margin: 0 auto 10px;
}
#sample-req-form-modal #sample-req-type-list img:hover {
  opacity: 0.5;
}
#sample-req-form-modal #sample-req-real-form {
  display: none;
}
#sample-req-form-modal #sample-req-real-form #typeId-container,
#sample-req-form-modal #sample-req-real-form #exemptionCodeId-container,
#sample-req-form-modal #sample-req-real-form #exemptionFileId-container {
  display: none;
}
#sample-req-form-modal #sample-req-form-buttons {
  display: none;
}
.optionTrueSelected {
  border: 2px solid green;
}
.select-AVAILABLE {
  background-color: rgba(0, 200, 0, 0.3);
}
.select-SSN_SPENT {
  background-color: rgba(255, 111, 0, 0.3);
}
.select-NOT_AVAILABLE {
  background-color: rgba(255, 0, 0, 0.3);
}
/* ========================================= */
/* Notifications =========================== */
/* ========================================= */
.gritter-item-wrapper {
  background: url("/ui/assets/jquery.gritter/images/gritter-bg.png");
}
.gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after,
.gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after {
  content: '\f00d';
  font-family: "Font Awesome 5 Free";
  font-size: 1.538rem;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.parameter-clonable {
  display: none;
}
#parameters-list-inputs .parameter-clonable {
  display: flex;
}
/* ========================================= */
/* Responsive ============================== */
/* ========================================= */
.onMobile {
  display: none;
}
.onDesktop {
  display: block;
}
@media (max-width: 1024px) {
  .splash-description {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  #examinations-rows td:first-child span {
    font-size: 1rem;
  }
}
@media (max-width: 813px) {
  .be-top-header .page-title {
    display: block;
    color: #fff;
  }
  .readMore-more {
    margin: 0 !important;
    border-right: 0px solid #dee2e6 !important;
  }
  .readMore-csfet {
    margin: 0 !important;
  }
  .be-left-sidebar .left-sidebar-wrapper {
    height: auto !important;
  }
  #sample-req-type-list {
    text-align: center !important;
  }
  #sample-req-type-list .col-sm-2 {
    margin-bottom: 40px;
  }
  #sample-req-type-list h3 {
    font-size: 1.6rem;
  }
  #sample-req-type-list h4 {
    text-align: center !important;
  }
}
@media (max-width: 474px) {
  .be-top-header .page-title {
    font-size: 0.9rem;
  }
  .nav-link span {
    display: none;
  }
  .legend {
    width: 100%;
  }
  .legend span {
    display: block;
  }
  .onMobile {
    display: block;
  }
  .onDesktop {
    display: none;
  }
  #whoIs {
    display: none;
  }
  .modal-backdrop {
    display: none !important;
  }
}
