/*#festiveCursorChaser{*/
/*  width: 51px;*/
/*  height: 51px;*/
/*  position: absolute;*/
/*  background: url("/images/Qatar22WCBall.png");!*WC ball*!*/
/*  z-index: 99999;*/
/*}*/
.cal-day[id="2022-11-25"] {
  background-image: url("/images/WCEngVsUsa.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.cal-day[id="2022-11-29"] {
  background-image: url("/images/WCEngVsWales.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.cal-day[id="2022-12-04"] {
  background-image: url("/images/WCEngVsSenegal.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.cal-day[id="2022-12-10"] {
  background-image: url("/images/WCEngVsFRA.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.cal-day[id$="-10-31"] {
  /* Pumpkin background 31st of Oct*/
  background-image: url("/images/pumpkinBG.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  }
.cal-day[id$="-10-31"]:hover,
.cal-day[id="2022-11-25"]:hover,
.cal-day[id="2022-11-29"]:hover{
  outline: 81px solid rgba(0, 0, 0, 0.2) !important;
  outline-offset: -81px;
  overflow: hidden;
}
.popup {
  display: none;
  z-index: 999;
  position: fixed;
  width: 30%;
  border: 1px solid #2a2b2d;
  box-sizing: border-box;
  background-color: #FFF;
  box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75); }
.popup input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):not(.searchInput) {
  width: 90%; }


#popup {
  min-width: 700px;
  max-height: 90%;
  left: 0;
  right: 0;
  margin: auto;
  top: 8%;
  overflow-x: unset !important;
  overflow-y: auto; }

#popup2 {
  min-width: 350px;
  right: 20%;
  top: 120px; }

#popupHead, #popupHead2, #callPopupHead {
  width: 100%;
  height: 30px;
  cursor: move; }

#popupHead, #callPopupHead {
  background-color: #53565a; }

#popupHead2 {
  background-color: #000; }

#popupBody, #popupBody2, #callPopupBody {
  width: 100%; }
#popupBody2{
  max-height: 850px;
  overflow-y:scroll;
}

.popupContainer {
  padding: 15px 20px; }

.popup-table {
  width: 100%;
  overflow-y: auto;
  text-align: left;
  overflow-x: hidden;
  max-height: 400px; }

#callPopup {
  width: 340px;
  height: auto;
  left: 20%;
  top: 8%;
  overflow: hidden;
  overflow-y: auto; }

.callForm {
  display: flex;
  flex-direction: column;
  margin: 10px; }

.callForm > textarea, .callForm > select, .callForm > button, .callForm > input[type="text"] {
  margin: 5px 10px; }

.completionSummary tr td {
  padding: 0.4em 0; }

.popover {
  position: absolute;
  z-index: 1000;
  border: 1px solid black;
  background: white;
  padding: 0.4em; }
.popover * {
  margin: 0.4em; }
.popover::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px; }
.popover.popover-top::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: black transparent transparent transparent; }
.popover.popover-right::after {
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-color: transparent black transparent transparent; }
.popover.popover-bottom::after {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent black transparent; }
.popover.popover-left::after {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-color: transparent transparent transparent black; }

form.popupForm div.questionBox {
  padding: 10px; }
form.popupForm label {
  display: block;
  font-size: 16px; }
form.popupForm input, form.popupForm select {
  width: auto;
  border-radius: 0; }
form.popupForm textarea {
  width: 100%;
  font-family: Arial; }
.hiddenPass{
  background: #444;
  border-radius: 5px;
  color: #444;
  user-select: none;
  cursor: pointer;
  transition: 0.3s;
}
.dialInPersonDetails {
  display: none; }
.justify-spaceBetween{
  justify-content: space-between !important;
}
#disclaimer {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  bottom: 0;
  padding: 0 20%;
  background-color: #34657f;
  color: white;
  line-height: 22px; }

#loginBox {
  position: relative;
  font-family: 'Montserrat', sans-serif !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 350px;
  min-width: 350px;
  margin: 200px auto;
  box-sizing: border-box;
  background-color: #FFF;
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75); }

#loginHead, #loginHeadOld {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 94%;
  background: linear-gradient(to bottom, #7d7e7d 0%, #444444 100%);
  padding: 3% 3% 3% 3%;
  color: white;
  font-size: 24px;
  font-family: 'Montserrat', sans-serif; }

#oldLoginForm {
  display: flex;
  align-items: center;
  flex-direction: column; }
#oldLoginForm div {
  width: 100%;
  margin: 5px; }

#loginBody {
  display: flex;
  margin: 10px;
  justify-content: center;
  align-items: center; }

.noMargin, .loginForm, #oldLoginForm {
  margin: 0 !important; }

.loginBtn {
  margin: 5px 10px;
  text-align: center;
  width: 200px !important; }

.loginInput {
  float: right;
  padding: 0;
  width: 200px; }

#loginICSLogo {
  width: 60px;
  padding: 1% 0; }

#monthYearPickerTab td, .nav-tool-td-mid {
  padding: 8px 2px; }

#monthYearPickerTab td:first-child, .nav-tool-td-left {
  padding: 8px 2px 8px 10px; }

#monthYearPickerTab td:last-child, .nav-tool-td-right {
  padding: 8px 10px 8px 2px; }

.name-td {
  color: black;
  text-decoration: none;
  overflow: hidden;
visibility: inherit !important;}

#calendarSelect {
  width: 100%;
  text-align: center;
  color: #666;
  background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  z-index: 1; }

.calendar-nav {
  width: 10%; }

.calendar-month {
  text-align: center;
  color: black;
  font-size: 18px;
  font-weight: bold; }

/*.calendar-month, .calendar-day-head {
  font-family: 'Montserrat', sans-serif;
}*/
.calendar {
  border-left: 1px solid #dedede;
  width: 100%; }

.sticky-heading {
  position: sticky; }

.cal-today {
  background-color: #fdeac0 !important; }
.cal-today:hover {
  background-color: #EADAB6 !important; }

.cal-day {
  height: 150px;
  position: relative;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed; }
.cal-day:not(.cal-day-no-action):not(.cal-day[id$="-10-31"]):not(.cal-day[id="2022-11-29"]):not(.cal-day[id="2022-11-25"]):hover {
  background: #eceff5; }

.cal-day-np {
  background: #eee; }

.cal-day-np-light {
  background: #f5f5f5; }

.cal-dayOdd {
  background-color: #EDDFFB; }
.cal-dayOdd:hover {
  background: #eceff5; }

.cal-dayOdd-np {
  background: #eee; }

.cal-dayOdd-np-light {
  background-color: #F9EEFF; }

.cal-dayEven {
  background-color: #D9F3FF; }
.cal-dayEven:not(.cal-day[id$="-10-31"]):not(.cal-day[id="2022-11-29"]):not(.cal-day[id="2022-11-25"]):hover {
  background: #eceff5; }

.cal-dayEven-np {
  background: #eee; }

.cal-dayEven-np-light {
  background-color: #ECF4FF; }

.calendar-day-head {
  background: #f1f1f1;
  font-weight: bold;
  text-align: center;
  width: 10%;
  padding: 1%;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed; }
.dayNumberHolder{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.day-number {
  background: lightslategrey;
  padding: 5px;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  width: 20px;
  text-align: center;
  box-shadow: -2px 1px 3px rgba(50, 50, 50, 0.65); }

.day-number-rolling {
  width: 60px;
  margin: -5px -5px 0 calc(97% - 60px); }

.day-number-today {
  background: brown; }

.day-number-week {
  z-index: 5;
  position: sticky;
  right: 0;
  top: 35px; }

.caldaywrap {
  position: relative;
  width: 100%;
  height: 720px;
  background-image: url(images/calbg.png); }

.caldaywrap-gray {
  position: relative;
  width: 100%;
  height: 720px;
  background-image: url(images/calbg.png); }

.currentCalendar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #e5e6e6;
  color: #34657f;
  padding: 5px; }
.currentCalendar h3, .currentCalendar h4 {
  margin-bottom: 5px; }

.profilePic {
  width: 60px;
  height: 60px;
  cursor: pointer; }

#calTabsContainer {
  margin: 10px 0; }
#calTabsContainer ul {
  border: none; }
#calTabsContainer ul#cal-tabs-nav {
  background: #FFF; }
#calTabsContainer .calTabsPanel {
  background: #e5e6e6;
  margin-bottom: 10px; }

.cal-list {
  margin: 0.1em 0;
  padding: 3px 2px;
  list-style: none; }
.cal-list li {
  padding: 2px 0; }

li.calTabLink {
  overflow: hidden; }
li.calTabLink.ui-state-default {
  background-color: #FFF;
  border: none; }
li.calTabLink a {
  color: black !important; }
li.calTabLink.ui-state-active {
  background-color: #e5e6e6;
  border-left: 1px solid SILVER;
  border-top: 1px solid SILVER;
  border-right: 1px solid SILVER; }


/* Accordion Styling */

#clincalNeedTriangle path{
  fill: #008693;
  float:left;
}
#accordion h3{
  margin-bottom: 7px;
  padding-left: 0px;
}
#accordion h3.ui-state-default{

  background: #34657f;
  color: white;
  font-weight: bold;
}

#accordion h3.ui-state-active{

  background: #ffb81c;
  color:black;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-weight: bold;
}

#accordion h3.ui-state-default:hover{

  background: #4585a8;
  color: white;
}
.calTabsHeader {
  margin: 0;
  padding: 5px;
  font-weight: bold; }

.calTabsPanel {
  padding: 0 !important; }

.calFaves {
  background: #e5e6e6; }

.fave-td {
  width: 20px; }

.faveStar {
  cursor: pointer; }

.faveStarDisabled {
  pointer-events: none; }

#faveCollapse {
  cursor: pointer;
  text-decoration: underline;
  color: #666; }
#faveCollapse:hover {
  color: black; }

.favDropdown {
  float: right;
  transition-property: transform;
  transition-duration: 0.5s;
  margin: 5px; }

#calListFilters {
  background: #e5e6e6;
  width: 100%; }
#calListFilters input {
  font-size: 14px; }

.contactInput {
  width: auto;
  margin-right: 10px; }

#personLink {
  position: relative; }
.profilePicHolder{
  width: 66px;
  height: 78px;
}
.profilePic {
  width: 66px;
  height: auto;
  transition: .2s ease;
  cursor: pointer;
}
.profilePic:hover {
  opacity: 0.8; }

.xmasHat {
  position: absolute;
  left: 2px;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
  transform: rotate(-30deg);
  top: 62px;
}
.xmasHat:hover {
  transform: rotate(0);
  opacity: 1;
}

#selectLoc {
  background-color: white;
  width: 95%;
  margin: 2.5%; }

.locationsList {
  border-collapse: collapse; }
.locationsList a {
  color: darkblue; }
.locationsList tr:hover {
  background-color: #eceff5; }
.locationsList th {
  text-align: left; }
.locationsList th.sort:hover {
  background-color: #dce2ed; }
.locationsList th, .locationsList td {
  padding: 5px !important; }

.selectContainer {
  padding: 5px 10px; }

.location {
  background: #ffffff; }

.locQOFTable {
  padding: 10px; }
.locQOFTable th, .locQOFTable td {
  padding: 5px;
  font-size: 14px; }

#qofSummaryReg th, #qofSummaryReg td, #qofSummary th:nth-child(3), #qofSummary td:nth-child(3), #qofSummary th:nth-child(4), #qofSummary td:nth-child(4), #qofSummary th:nth-child(5), #qofSummary td:nth-child(5),
#qofDomain th:nth-child(3), #qofDomain td:nth-child(3), #qofDomain th:nth-child(4), #qofDomain td:nth-child(4), #qofDomain th:nth-child(5), #qofDomain td:nth-child(5),
#qofDomain th:nth-child(6), #qofDomain td:nth-child(6), #qofDomain th:nth-child(7), #qofDomain td:nth-child(7), #prevalenceStats th:nth-child(3), #prevalenceStats td:nth-child(3),
#prevalenceStats th:nth-child(4), #prevalenceStats td:nth-child(4), #prevalenceStats th:nth-child(5), #prevalenceStats td:nth-child(5), #prevalenceStats th:nth-child(6), #prevalenceStats td:nth-child(6),
#prevalenceStats th:nth-child(7), #prevalenceStats td:nth-child(7) {
  text-align: right; }

#minimap {
  min-width: 400px;
  margin-bottom: 10px; }

.thirdCol {
  width: 300px;
  display: block; }

.locStatus {
  margin-left: 5px; }

#contactsLoc thead th:nth-child(3), #contactsLoc tbody td:nth-child(3), #contactsLocLinked thead th:nth-child(3), #contactsLocLinked tbody td:nth-child(3) {
  width: 40px; }

#locationDetails td {
  vertical-align: top; }

.histDeets, .surveyTable {
  padding: 0 10px; }

.clinicalPeopleSelect {
  width: 200px; }

.tooltip {
  width: 200px;
  visibility: hidden;
  background-color: #ffb81c;
  color: #555;
  text-align: left;
  padding: 5px 15px;
  position: absolute;
  left: 50%;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
  overflow: visible; }

.cal-event {
  position: relative;
  overflow: visible;
  cursor: pointer;
  line-height: 1.4em; }
.cal-event.cal-event-active {
  z-index: 20; }
.cal-event:hover .tooltip {
  visibility: visible;
  opacity: 1; }

.cal-event-week {
  position: absolute;
  box-shadow: 2px 2px 5px #888;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 10px;
  margin: 0.5em auto; }

.cal-event-month {
  padding: 5px;
  margin: 5px auto 10px;
  width: 90%; }

.cal-event-icon-tray {
  background-color: #53565a;
  padding: 0.2em; }
.cal-event-icon-tray i{
  margin: 0 0.1em;
  font-size: 17.9px;
}
.cal-event-icon {
  margin: 0 0.1em; }

.cal-event-home {
  color: white;
  margin-bottom: 1em; }


.clinicalEvent {
  color: white;
  background-color: #318257; }

.clinicalEventcc {
  color: white;
  background: linear-gradient(45deg, #53565a 65%, #318257 35%); }

.clinicalEventunconfirmed {
  background-color: #7d497d !important;
  color: white !important; }

.unconfirmed {
  color: white;
  background-color: #7d497d; }

.contactEvent {
  color: white;
  background-color: #34657f; }

.contactEventcc {
  color: white;
  background: linear-gradient(45deg, #53565a 65%, #34657f 35%); }

.HREvent {
  color: white;
  background-color: #ab5134; }

.HREventcc {
  color: white;
  background-color: #53565a; }

.HREvent-RO {
  background-color: lightcoral;
  color: black;
}

.HREvent-ROcc {
  color: white;
  background-color: #53565a; }

.createdSelect:disabled {
  background-color: #97999b;
  color: white; }

.loader {
  display: inline-block;
  z-index: 99;
  width: 5px;
  height: 5px;
  border-radius: 150%; }

.loaderCancelled {
  border: 5px solid #B64926;
  background: #B64926; }

.loaderComplete {
  border: 5px solid #00ff00;
  background: #00ff00; }

.loaderReserved {
  border: 5px solid #912CEE;
  background: #912CEE; }

.loaderActive {
  border: 5px solid #FFFF00;
  background: #FFFF00;
  border-top: 5px solid #00ff00;
  border-bottom: 5px solid #00ff00; }

.loaderUnconfirmed {
  border: 5px solid #7d497d;
  background: #7d497d; }

.loaderActiveNoFollowUp {
  border: 5px solid #FFFF00;
  border-top: 5px solid #B64926;
  border-bottom: 5px solid #B64926;
  background: #FFFF00;
  -webkit-animation: spin 5s linear infinite;
  animation: spin 5s linear infinite; }

.active-search td {
  border:2px solid black !important;
  background: #ffd73e33;
  border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s 1 linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffcc33' /%3E%3Cstop offset='25%25' stop-color='%23ffcc33' /%3E%3Cstop offset='50%25' stop-color='%23ffcc33' /%3E%3Cstop offset='100%25' stop-color='%23005f7e' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1 !important;
}
.loaderActiveNoFollowUp.activeDialIn {
  width: 7px;
  height: 7px;
  background: #FFFF00;}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.attendee, .attendeeParticipant, .attendeeCC {
  padding: 2px;
  background-color: #efefef; }

.possAttendee {
  padding: 2px; }

.attendeeHREdit, .attendeeContactEdit {
  width: 12px; }

.availability-icon {
  width: 20px;
  margin-left: 10px;
  vertical-align: middle; }

.possAvailable {
  background-image: url(../images/attendee-available.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat; }

.possBusy {
  background-image: url(../images/attendee-busy.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat; }

#contactPeople {
  width: 750px;
  table-layout: fixed;
  border-collapse: collapse; }
#contactPeople thead {
  display: block;
  width: 630px; }
#contactPeople tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  width: 640px;
  height: 300px; }
#contactPeople tr {
  position: relative; }
#contactPeople th {
  text-align: center;
  padding: 0; }
#contactPeople td {
  text-align: left;
  padding: 0;
  border-top: 2px solid white;
  border-bottom: 2px solid white; }

#contactPeople td:nth-child(1), #contactPeople th:nth-child(1) {
  min-width: 250px; }

#contactPeople td:nth-child(2), #contactPeople th:nth-child(2) {
  min-width: 100px; }

#contactPeople td:nth-child(3), #contactPeople th:nth-child(3) {
  min-width: 145px; }

#contactPeople td:nth-child(4), #contactPeople th:nth-child(4) {
  min-width: 145px; }

#completionStats {
  text-align: center;
  border-collapse: collapse; }

#completionStats th {
  padding: 3px; }

#completionStats tr td, #completionStats tr th {
  border: 1px solid lightgrey; }

#completionStats tr:nth-child(1) th:nth-child(1), #completionStats tr:nth-child(2) th:nth-child(1) {
  border: none; }

.boldText {
  font-size: 16px;
  font-weight: bold; }

.nonSTMRed {
  background: #F08281; }

.nonSTMOrange {
  background: #F5B786; }

.nonSTMGreen {
  background: #C8DCAA; }

.nonSTMLightBlue {
  background: #AFE1E1; }

.nonSTMBlue {
  background: #A3BFE4; }

.STMRed {
  background: #ee1212; }

.STMOrange {
  background: #f57b17; }

.STMGreen {
  background: #9bbb59; }

.STMLightBlue {
  background: #66cccc; }

.STMBlue {
  background: #548dd4; }

.noWrapTH {
  white-space: nowrap; }

.home h2, .home h3, .home h4 {
  color: white; }
#cliicsHomeLogo, #cliicsHomeLogo a{
  padding: 0;
}
#cliicsHomeLogo a span{
  padding: 5px 10px;
  display: inline-block;
  vertical-align: top;
}
.home-cliics-logo {
  height: 25px;
  padding: 3px 6px 0 6px;
}
#home-hero {
  color: white;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 0; }
#home-hero h1 {
  font-weight: 400;
  margin: 4px 0.1em; }

.news .home-news-preview-bodytext, .news .home-news-preview-bodytext a, .news .home-news-preview-bodytext a:visited {
  color: white; }
.homepage-top{
  margin: -10px -10px 25px !important;
}
.tech-team-booking{
  color: #000;
  background-color: #b1b9df;
  padding: 5px;
  width: 18.5%;
  border-radius: 5px;
  margin-bottom: 15px;
  cursor: pointer;
  user-select: none;
}
.tech-team-ViewMore{
  width: 83%;
}
.tech-team-hidden{
  display: none;
}
.homeNoDialIns{
  margin: 0 20px;
  font-size: 1.2em;
}
.fileSubstatusRow {
  display: block; }

.interACSFiles {
  display: grid;
  grid-template-rows: 1fr repeat(auto-fill, 2fr);
  grid-gap: 2px; }

.filesRow .fileInfoVisible, .filesRow .fileSubstatus {
  padding: 5px; }

.filesRow {
  border-radius: 5px; }

.filesRow:hover {
  background-color: LIGHTSTEELBLUE; }

.filesArea {
  background-color: grey; }

.filesHeader {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 2fr repeat(3, 1fr);
  padding: 5px; }

.filesHeaderCell {
  font-weight: bold; }

.fileInfoVisible {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 2fr repeat(3, 1fr); }

.fileSubstatus {
  grid-column-start: 1;
  grid-column-end: 7;
  display: grid;
  grid-template-columns: repeat(3, 1fr); }

.cliictureOtherSS {
  grid-column-start: 1;
  grid-column-end: 4; }

.actionReqOther {
  width: 95%; }

.actionSelector {
  padding: 10px 5px; }

.interACSDelaration {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }

.interACSDelaration div {
  padding: 10px 5px; }

.perosnsFilesDiv.userHasUnderlings {
  float: left;
  width: 82%; }

.hr-name-link, .hr-name {
  padding: 3px 2px; }

.foldersDiv {
  padding: 5px; }

#personFileType {
  width: auto; }

.fileLink {
  text-decoration: none;
  width: 100%;
  font-weight: bold;
  display: block;
  padding: 5px 0; }
.fileLink span {
  padding: 5px 3px; }
.fileLink:hover span {
  background-color: #b3b7bc; }

.userFile {
  text-decoration: none; }

.userFile:hover {
  text-decoration: underline; }

.filesTable th {
  text-align: left; }

.hrFilesToolbar {
  display: flex;
  align-items: center; }

#fvButtonSet, #tmButtonSet {
  margin: 10px; }

.hrFilesTool {
  display: inline-flex;
  align-items: center;
  border: 2px solid #b3b7bc;
  border-radius: 6px;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 10px; }
.hrFilesTool div {
  padding: 8px 4px;
  text-align: center;
  font-weight: bold; }

.news h1, .news h2, .news h3 {
  font-family: 'Montserrat', sans-serif; }
.news h1, .news h2 {
  line-height: 1em;
  color: #34657f; }
.news h3 {
  margin: 0.2em 0; }
.news time {
  color: #7e8083; }
.news a {
  color: #34657f; }
.news a:hover {
  text-decoration: underline; }
.news a:visited {
  color: #917d99; }
.news.news-article article .news-article-body {
  padding: 1.2em 0;
  font-size: 1.2em;
  line-height: 1.6em; }

.news-index-preview {
  padding: 0.6em;
  margin: 0.3em 0; }
.news-index-preview h2 {
  margin: 0.2em 0; }
.news-index-preview .news-page-preview-header time {
  color: #7e8083; }
.news-index-preview .news-page-preview-header .news-topic-label {
  color: #678c9f; }
.news-index-preview .home-news-preview-header time {
  color: #a9abad; }
.news-index-preview .home-news-preview-header .news-topic-label {
  color: #9ab2bf; }
.news-index-preview.important {
  background: #ffdc8e; }

.news-label {
  font-size: 0.8em; }

.news-label-status {
  color: #2e86c1; }

.news-label-important {
  color: #008693; }

.news-article-files {
  display: block;
  background-color: #d4d5d6;
  padding: 10px;
  border-radius: 5px;
}
.news-article-files a{
  margin: 0 15px;
}
.news-article-files a:first-of-type{
  margin-left: 0;
}
.news-article-files a:last-of-type{
  margin-right: 0;
}
.news-article-files h3 {
  color: #53565a; }
.news-article-files ul {
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0;
  list-style: none; }
.news-article-files ul li {
  font-family: 'Montserrat', sans-serif;
  margin-right: 10px;
  font-weight: bold; }

#news-filters {
  padding: 0; }

#news-filters-form {
  background: #cbcccd;
  padding: 1em; }
#news-filters-form .news-filter-label {
  font-family: 'Montserrat', sans-serif;
  color: #34657f; }
#news-filters-form .news-filters-items {
  margin-left: 0; }
#news-filters-form .news-filters-items:first-child {
  padding-bottom: 0.4em; }
#news-filters-form .news-filters-items:last-child {
  padding-top: 0.4em; }
#news-filters-form .news-filters-items:not(:first-child):not(:last-child) {
  padding: 0.4em 0; }
#news-filters-form .news-filter-table tr td {
  width: 50%; }

.articleTextToolBar {
  width: 100%;
  border: 1px solid #e5e6e6;
  background-color: #e5e6e6;
  padding: 0.2em; }

#article-text-dummy {
  border: 1px solid #bbb;
  width: 100%;
  min-height: 10em;
  padding: 0.2em; }

#documentTable1_wrapper {
  background-color: #e5e6e6;
  padding: 10px; }

#docsiteList {
  margin: 10px 0; }

#docsiteFolders th:nth-child(1), #docsiteFiles th:nth-child(1) {
  width: 40%; }

#docsiteFolders th:nth-child(n + 2) {
  width: 20%; }

#docsiteFiles th:nth-child(n + 2) {
  width: 15%; }

.docsiteSearchPane {
  overflow-x: scroll;
  max-height: 800px;
  background-color: white; }

.docSiteSearchList li {
  padding: 0.2em 0; }

.docSiteList li {
  padding: 0.2em 0; }

.documentList {
  width: 100%;
  margin: 10px 0; }
.documentList tr:hover td {
  background-color: #eceff5; }
.documentList th {
  text-align: left;
  padding: 5px; }
.documentList th:nth-child(n+2) {
  text-align: center; }
.documentList td {
  border: 2px solid #f1f1f1;
  padding: 5px;
  background: #FFFFFF; }
.documentList td:nth-child(n+2) {
  text-align: center; }

#mainContentWide.reports {
  background-color: transparent; }

.reportsSection {
  min-height: 500px;
  box-sizing: border-box; }

.gridContainer {
  display: inline-flex; }
.gridContainer .grid {
  display: table;
  background-color: black;
  width: 80%;
  height: auto;
  margin-right: 10px;
  padding: 10px; }

.grid {
  display: table;
  background-color: black;
  width: 80%;
  height: auto; }

.gridNav {
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: black; }

.grid.pharmaRow {
  display: table-row; }

.grid {
  color: white; }
.grid div.cell {
  border: 1px solid black;
  text-align: center;
  font-size: 13px;
  display: table-cell;
  cursor: pointer;
  position: relative; }
.grid div.cell .tooltip {
  pointer-events: none; }
.grid div.cell:hover .tooltip {
  visibility: visible;
  opacity: 1; }
.grid div.name {
  border: 1px solid transparent;
  text-align: left;
  font-size: 13px;
  display: table-cell;
  min-width: 200px;
  max-width: 350px;
  width: 350px;
  vertical-align: middle;
  font-weight: bold; }
.grid div.day {
  background-color: black;
  border: 1px solid black;
  border-collapse: collapse;
  font-weight: bold;
  display: table-cell;
  text-align: center; }
.grid div.day:not(.dayweekend) {
  transform: translateY(52px); }
.grid div.today {
  background-color: #fdeac0;
  color: black;
  display: table-cell;
  text-align: center;
  font-weight: bold; }
.grid div.pastDay {
  background-color: grey; }
.grid div.month {
  top: 0;
  z-index: 1;
  position: sticky;
  font-weight: bold;
  color: white;
  font-size: 30px;
  min-width: 200px;
  max-width: 350px;
  width: 350px;
  border: 0 solid black;
  display: table-cell;
  padding: 5px 0; }
.grid div.free {
  background-color: #eee;
  font-weight: bold;
  color: Black;
  cursor: default; }
.grid div.HR {
  background-color: #ab5134; }
.grid div.CL {
  background-color: #318257; }
.grid div.CL.CL-hover {
  background-color: yellow;
  color: black; }
.grid div.contact {
  background-color: #34657f; }
.grid div.vacantDay {
  background-color: #c6c2c2;
  color: black;
  font-weight: bold; }
.grid div.provDay {
  background-color: LIGHTSKYBLUE;
  color: NAVY;
  font-weight: bold; }
.grid div.filtered {
  background-color: grey;
  color: grey; }
.grid div.weekend {
  background-color: black;
  font-weight: bold;
  width: 10px;
  display: table-cell;
  pointer-events: none; }
.grid div.dayweekend {
  font-weight: bold;
  font-size: 13px;
  width: 10px;
  display: table-cell; }
.grid div.stickyReg {
  top: 68px;
  position: sticky;
  background-color: black; }

#bpSidebar {
  display: flex;
  flex-direction: column;
  width: 15%;
  margin: 10px 10px 10px 0; }
#bpSidebar > div {
  margin-bottom: 10px;
  padding: 10px; }

.grid.pharmaRow {
  display: table-row; }

.pharmaRow:hover {
  background-color: #535353; }

.pharmaRow:hover .weekend {
  background-color: #535353;
  border: 1px solid #535353; }

.pharmaRow:hover .voidCell {
  background-color: black; }

#Days {
  width: 100%;
  display: table-row;
  /*top: 0;
  z-index: 1;
  position: sticky;*/ }

.cell, .day, .dayweekend, .today {
  min-width: 40px;
  height: 30px;
  vertical-align: middle;
  color: white; }

.cell, .day, .today {
  min-width: 40px;
  height: 30px; }

.dayweekend, .weekend {
  min-width: 20px;
  height: 30px; }

.calLink {
  text-decoration: none;
  color: white; }

.calLink:hover {
  text-decoration: underline; }

.day, .dayweekend, .today {
  border: 1px solid transparent;
  padding: 5px 0; }

.datesDiv {
  top: 22px;
  position: sticky;
  z-index: 1;
  margin: 1em auto;
  background-color: black; }

.Misc {
  background-color: #c5690a;
  color: black; }

.UC {
  background-color: #7d497d; }
.UC.CL-hover {
  background-color: yellow;
  color: black; }

.cell-header {
  background-color: black;
  text-align: left;
  font-weight: bold; }
.cell-header.cell-header-region {
  font-size: 20px;
  padding: 10px 0 5px; }

.sticky {
  z-index: 1;
  position: sticky;
  top: 0; }
.sticky.sticky-region {
  top: 44px; }
.sticky.sticky-date {
  top: 0; }
.sticky.sticky-legend {
  background-color: black;
  color: white; }

.black {
  background-color: black;
  pointer-events: none; }

.roleAbbrev {
  font-weight: normal;
  font-size: 12px; }

.gridTools {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
.gridTools .gridTool {
  background-color: #53565a;
  margin: 0 5px;
  padding: 5px; }
.gridTools .gridTool label {
  display: block; }

#rosterShowHideContainer {
  display: flex;
  flex-direction: column; }

.service-support-link {
  padding: 10px;
  display: block; }
.service-support-link:hover {
  background-color: #e5e6e6; }

.service-suppot-icon {
  height: 300px;
  margin: 0 auto; }

.surveyorTable {
  max-height: 400px; }

.surveyNotes {
  max-height: 300px; }

.surveyorTable, .surveyNotes {
  width: 100%;
  overflow-y: auto;
  text-align: left;
  overflow-x: hidden; }

#surveyorEventHeader, .surveyTabHeader {
  display: flex;
  justify-content: space-between; }

.surveyorEventTime {
  width: 30%; }

.surveyorTextarea {
  font-family: Arial;
  width: 95%;
  margin-top: 10px; }

.vAlignTop {
  vertical-align: top; }

.surveyorTextarea {
  font-family: Arial;
  width: 95%;
  margin-top: 10px; }

.questionBox {
  padding: 1em 1em 1em 3em; }
.questionBox p {
  margin: 0.2em 0 0.4em; }

.questionBoxHolder .questionBox:first-of-type {
  padding-top: 0.2em; }

#surveyorLocation {
  margin: 10px 0;
  display: flex;
  justify-content: space-between; }

#bookingName {
  font-size: 20px;
  padding: 5px 5px 5px 30px;
  vertical-align: 55%;
  color: white; }

.bookingReviewName {
  color: black; }

.bookingLocName {
  color: #ffb81c; }

.dataTableTaskNoteDiv {
  padding: 10px; }

.taskPossPerson:hover {
  background-color: #eceff5; }

.taskList tr {
  background-color: #eceff5; }
.taskList th {
  font-size: 14px;
  text-align: left; }
.taskList td {
  font-size: 12px; }

#my-search {
  margin-top: 10px; }

.taskAssigneeList {
  margin: 0;
  padding: 0 15px;
  list-style: none; }

.taskPossPerson {
  text-align: center;
  padding: 1px 5px;
  cursor: pointer;
  border-radius: 21px; }

#taskDueDate {
  width: auto;
  margin-right: 10px; }

.tasksContainer {
  background: #FFFFFF;
  margin: 0 15%;
  padding: 10px; }

.tasksContainer:nth-child(1) {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.tasksContainer:nth-child(2) {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.taskCompletionTabContainer {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  padding: 10px; }

.taskTabContainer {
  display: -ms-grid;
  display: grid;
  padding: 10px;
  grid-gap: 10px;
  -ms-grid-columns: 20% 10px 80%;
  -ms-grid-rows: 25px 10px 25px 10px 25px 10px 25px 10px 100px;
  grid-template-columns: 1fr 4fr; }

.taskTabContainer[data-status="0"] {
  -ms-grid-rows: 25px 10px 25px 10px 50px 10px 0 10px 100px; }

.taskTabContainer[data-status="0"].taskPossPplOpen {
  -ms-grid-rows: 25px 10px 25px 10px 50px 10px 250px 10px 100px; }

.teamTaskContainer {
  margin: 0 10%;
  display: flex;
  background-color: white;
  padding: 10px;
  border-radius: 5px; }

#taskAssigneesA {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

#taskAssigneesB {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

#taskStartA {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }

#taskStartB {
  -ms-grid-row: 3;
  -ms-grid-column: 3; }

#taskDueA {
  -ms-grid-row: 5;
  -ms-grid-column: 1; }

#taskDueB {
  -ms-grid-row: 5;
  -ms-grid-column: 3; }

#taskTypeA {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

#taskTypeB {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }

#taskDue2A {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }

#taskDue2B {
  -ms-grid-row: 3;
  -ms-grid-column: 3; }

#taskAssignees2A {
  -ms-grid-row: 5;
  -ms-grid-column: 1; }

#taskAssignees2B {
  -ms-grid-row: 5;
  -ms-grid-column: 3; }

#taskDetails2A {
  -ms-grid-row: 9;
  -ms-grid-column: 1; }

#taskDetails2B {
  -ms-grid-row: 9;
  -ms-grid-column: 3; }

#taskRightFlex {
  flex: 80%; }

.teamTaskContainer #leftCol {
  flex: 20%; }

.teamTaskSection {
  flex: 1 50%;
  margin: 10px; }

#mainTaskTable th, #mainTaskTable td {
  font-size: 14px;
  height: 25px;
  padding: 2px 5px !important; }

.taskForm {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 0; }

.taskPossPpl {
  grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 7;
  display: none;
  padding: 10px; }

#taskAssigneesHeader {
  margin-right: 11px; }

#taskAssigneesBody {
  height: 15em;
  overflow-y: scroll; }

.taskPersonDiv {
  text-align: center; }

.navNewTask {
  padding: 15px 10px; }

.newTabBtn {
  width: 20px; }

.selected {
  color: white;
  background-color: #34657f;
  font-weight: bold; }

.selected:hover {
  color: black; }

.grpTaskRadio:disabled {
  opacity: 0.5; }

.grpTaskBtn {
  width: auto;
  border: 1px solid black;
  border-radius: 3px;
  float: left;
  padding: 10px 5px;
  margin: 5px 5% 5px 0; }

.grpTaskInput {
  display: none; }

.overdue {
  background-color: #cc3232; }

.nearDue {
  background-color: #e7b416; }

.notDue {
  background-color: #2dc937; }

.complete {
  background-color: #1779ba;
  color: #FFFFFF; }

#teamPplDiv {
  margin-right: 0; }

.teamPplLab {
  width: 100%;
  margin: 2px;
  border: none !important; }

#eventTaskTable th:nth-child(4), #eventTaskTable td:nth-child(4) {
  width: 50%; }

#locTasksTable th:nth-child(2), #locTasksTable td:nth-child(2) {
  width: 15%; }

#locTasksTable th:nth-child(4), #locTasksTable td:nth-child(4) {
  width: 60%; }

#locTasksTable th:nth-child(5), #locTasksTable td:nth-child(5) {
  width: 10%; }

.taskBtn {
  margin: 1em 1.2em;
  padding: 0.2em 1em; }

.taskFlexContainer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 10px; }

.taskTextArea {
  width: 100%;
  border-radius: 5px;
  font-size: 14px; }

.tasksBgColour {
  background: #444444 !important; }

.tasksViewLink {
  background-color: #34657f;
  color: white;
  display: inline-block;
  margin: 5px 0;
  padding: 5px;
  text-decoration: none; }

.tasksViewLink.active {
  background-color: #ffb81c !important;
  color: black; }

#tasksTableFilters {
  margin: 5px 0; }

.taskBtnFlex {
  display: flex;
  justify-content: space-between; }

.taskAssigneesListContainer {
  width: calc(100%/6);
  box-sizing: border-box; }

.taskRegionHeader {
  padding: 10px 15px 5px;
  text-align: center;
  top: 0;
  position: sticky;
  z-index: 1;
  background-color: white; }

#taskCompletionForm {
  background-color: #ffffff;
  margin: auto;
  width: 100%;
  height: 100px; }

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd; }

/* Hide all steps by default: */
.taskCompleteionTab {
  display: none;
  width: 100%; }

.completionText {
  width: 80%;
  height: 90px; }

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #53565a;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.6; }

.step-active {
  opacity: 1; }

.step-finish {
  background-color: #34657f; }

.container {
  width: calc(100% - 30px);
  transition: all 0.6s;
  margin: 0 15px; }

/* Start WaveTracker Styling */

.container.waveOpen {
    width: calc(100% - 330px); }

#openWaveTracker {
    display: flex;
    align-items: center;
    position: fixed;
    width: 150px;
    top: calc(50% - 57px);
    right: -130px;
    transition: 0.6s;
    z-index: 1;
    background-color: #ffb81c;
    border-radius: 5px 0 0 5px;
    padding: 7px;
    text-align: center;
    cursor: pointer;
    font-weight: bold; }
#openWaveTracker:hover {
    right: 0; }

#waveTracker {
  display: flex;
  flex-direction: column;
  width: 270px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -300px;
  background-color: #34667E;
  z-index: 3;
  padding: 15px;
  transition: right 0.6s; }

#waveTracker.open {
    right: 0; }

#closeWaveTracker {
    cursor: pointer;
    font-size: 36px;
    float: right;
    color: white; }

#waveTracker.open {
    right: 0; }

#trackerContainer {
    max-height: 80%;
    overflow-y: auto; }

#trackerHeader, #trackerDate {
    color: white; }

.trackerData {
    margin: 5px 5px 5px 0;
    color: floralwhite;
    padding: 5px;}
.trackerData:hover {
    background-color: #ffb81c; }

.trackerLimitText {
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0 5px !important;
}

.trackerBar {
    display: flex;
    width: auto;
    border: 1px solid black; }

.trackerBarArea {
    flex: 1;
    background-color: floralwhite;
    padding: 5px;
    max-width: 237px;
}

.trackerTrafficLight {
    width: 100%;
    max-width: 236px;
    height: 5px;
    border: 1px solid floralwhite; }

.bookingTrafficLight {
    box-sizing: border-box;
    width: 50px;
    height: 60px;
    border: 1px solid floralwhite; }

.trackerBarDaysUsed {
    height: 10px;
    background-size: 8px !important;
}

.trackerBarDaysUsed.trackerGreen {
  background: url('../images/arrow-green.png') right center repeat-x;
}

.trackerBarDaysUsed.trackerWarn {
  background: url('../images/arrow-yellow.png') right center repeat-x;
}

.trackerBarDaysUsed.trackerDanger {
  background: url('../images/arrow-red.png') right center repeat-x;
}

.trackerGreen {
    background-color: #008754; }

.trackerWarn {
    background-color: #F0CA00; }

.trackerDanger {
    background-color: #8B3333; }

#bpDayTracker {
    background-color: #34667E;
    color: white;
    height: max-content; }

/* End WaveTracker */

ul.tree {
  list-style-image: url("../images/arrows-thin/arrow-thin-right-black.svg"); }
ul.tree li {
  font-size: 1.3em; }
ul.tree li.tree-selected {
  list-style-image: url("../images/arrows-thin/arrow-thin-down-black.svg"); }
ul.tree li.tree-selectable {
  cursor: pointer;
}
ul.tree li.tree-non-selectable {
  list-style: none; }

* {
  outline: none; }

@font-face {
  font-family: memphis;
  src: url("fonts/MemphisLTStd-Medium.otf"); }
body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #53565a;
  margin: 0;
  background-color: #2a2b2d; }
body:not(#body-login):not(#body-dashboards):not(#body-cliicture) {
  min-width: 1000px; }

nav {
  font-family: 'Montserrat', sans-serif;
  margin-top: 8px;
  color: #FFF;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  font-size: 16px; }
nav > ul {
  display: flex;
  flex-direction: row; }
nav > ul > li {
  cursor: pointer; }
nav > ul > li:hover {
  background: linear-gradient(to bottom, #34657f 5%, #678c9f 100%); }
nav > ul > li:hover .nav-sub-menu {
  display: block; }
nav > ul > li.has-sub-menu {
  position: relative; }
nav > ul > li.activePage {
  color: black;
  background-color: #ffb81c; }
nav > ul > li.activePage:hover {
  background: linear-gradient(to bottom, #ffb81c 5%, #ffca55 100%); }
nav > ul > li.activePage > a {
  color: black; }
nav > ul > li a {
  display: block;
  color: #FFF;
  padding: 5px 10px;
  height: 100%;
  text-decoration: none; }

.nav-sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 160px;
  background-color: #97999b;
  z-index: 10;
  color: white; }
.nav-sub-menu > ul > li:hover {
  background: linear-gradient(to bottom, #b1b3b4 5%, #cbcccd 100%); }
.nav-sub-menu > ul > li:hover a {
  color: black; }
.nav-sub-menu > ul > li > a {
  padding: 5px 10px;
  color: white; }

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin: 0.2em 0; }

h1 {
  font-size: 4em; }

h2 {
  font-size: 3em; }

h3 {
  font-size: 2em; }

h4 {
  font-size: 1.4em; }

h4 {
  font-size: 1.2em; }

p {
  margin: 0 0 0.8em 0; }

p:last-of-type {
  margin-bottom: 0; }

input {
  box-sizing: border-box;
  border: 1px solid #bbb; }
input[type="text"] {
  padding-left: 5px; }
input[readonly] {
  background-color: #97999b;
  color: white; }
input:focus {
  border: 1px solid LIGHTSKYBLUE; }

select, textarea, input {
  font-family: 'Lato', sans-serif;
  border: 1px solid #bbb; }

textarea .invalid {
  background-color: #ffdddd; }
textarea [readonly] {
  background-color: #97999b;
  color: white; }
textarea.resize-none {
  resize: none; }
textarea.resize-vert-only {
  resize: vertical; }
textarea.resize-horizontal-only {
  resize: horizontal; }

table th[scope="row"] {
  text-align: left; }
table th, table td {
  padding: 5px !important; }

fieldset {
  border: none;
  box-shadow: 1px 1px 4px #ccc; }

legend {
  text-align: left;
  font-size: 16px;
  padding: 0 5px;
  border-radius: 5px; }

optgroup[label="Inactive"] {
  background: #cc3232;
  color: white; }

::-webkit-scrollbar {
  -webkit-appearance: none; }

::-webkit-scrollbar:vertical {
  width: 11px; }

::-webkit-scrollbar:horizontal {
  height: 11px; }

::-webkit-scrollbar-thumb {
  background-color: #53565a;
  border: #53565a; }

::-webkit-scrollbar-track {
  background-color: #f1f1f1; }

.searchForm {
  display: flex; }

.width-80-pc {
  width: 80%;
  padding: 0 10px;
  margin: 0 10%; }

.flex {
  display: flex; }

.flex-container {
  width: 100% !important;
  margin: 0 !important;
}
.flex.flex-center {
  justify-content: center; }
.flex.flex-evenly {
  justify-content: space-evenly; }
.flex.flex-between {
  justify-content: space-between; }
.flex.flex-start {
  justify-content: flex-start; }
.flex.flex-align-center {
  align-items: center; }
.flex.flex-wrap {
  flex-wrap: wrap; }
.flex.questionBox {
  width: auto;
  margin: 0; }
.flex .half {
  flex: 50%;
  padding: 0 10px; }
.flex .half-width {
  width: 50%;
  padding: 0 10px; }
.flex .flex-col {
  padding: 0.6em;
  box-sizing: border-box; }
.flex .flex-section-grey {
  background: #e5e6e6;
  padding: 10px; }
.flex .flex-col-1 {
  flex: 8.3333333333%;
  max-width: 8.3333333333%; }
.flex .flex-col-2 {
  flex: 16.6666666667%;
  max-width: 16.6666666667%; }
.flex .flex-col-3 {
  flex: 25%;
  max-width: 25%; }
.flex .flex-col-4 {
  flex: 33.3333333333%;
  max-width: 33.3333333333%; }
.flex .flex-col-5 {
  flex: 41.6666666667%;
  max-width: 41.6666666667%; }
.flex .flex-col-6 {
  flex: 50%;
  max-width: 50%; }
.flex .flex-col-7 {
  flex: 58.3333333333%;
  max-width: 58.3333333333%; }
.flex .flex-col-8 {
  flex: 66.6666666667%;
  max-width: 66.6666666667%; }
.flex .flex-col-9 {
  flex: 75%;
  max-width: 75%; }
.flex .flex-col-10 {
  flex: 83.3333333333%;
  max-width: 83.3333333333%; }
.flex .flex-col-11 {
  flex: 91.6666666667%;
  max-width: 91.6666666667%; }
.flex .flex-col-12 {
  flex: 100%;
  max-width: 100%; }
.flex-row{
  flex-direction: row;
}
.flex-column{
  flex-direction: column;
}
.flex-end{
  justify-content: end !important;
}
.flex-align-center{
  align-items: center;
}
.hidden {
  display: none;
}

.height-1em {
  height: 1em; }

.height-2em {
  height: 2em; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.centreAlign {
  text-align: center !important; }

.leftAlign {
  text-align: left; }

.vert-align-top {
  vertical-align: top; }

.rightAlign {
  text-align: right !important; }

.bold {
  font-weight: bold; }

.widthAuto {
  width: auto; }

.marginLeft5 {
  margin-left: 5px; }

.marginLeft10 {
  margin-left: 10px; }

.marginRight5 {
  margin-right: 5px; }

.marginRight10 {
  margin-right: 10px; }

.marginLeft20 {
  margin-left: 20px; }

.marginLeft30 {
  margin-left: 30px; }

.marginTop10 {
  margin-top: 10px; }

.marginBottom10 {
  margin-bottom: 10px; }
.borderRadius5 {
  border-radius: 5px;
}
.borderRadius10 {
  border-radius: 10px;
}
.borderRadius15 {
  border-radius: 15px;
}
.borderRadius30 {
  border-radius: 30px;
}
.list-style-none {
  list-style: none;
  padding: 0;
  margin: 0; }
.width100{
  width: 100% !important;
}
.active {
  background-color: #f1f1f1 !important;
  font-size: 14px !important; }

.inactive {
  color: black !important;
  background-color: #FFF !important; }

.fullWidth {
    width: 100%;
    box-sizing: border-box; }
.halfwidth{
    width: 50%;
    box-sizing: border-box; }

.warning-msg {
  font-size: 1.2em; }

#uploadError, .error {
  font-weight: bold;
  color: red; }

#uploadError ul {
  list-style: none; }

#permsHeadRow2 th {
  width: 65px; }

.cursorWait {
  cursor: wait !important; }

.demoHeaders {
  margin-top: 2em; }

#dialog-link {
  padding: .4em 1em .4em 20px;
  text-decoration: none;
  position: relative; }
#dialog-link span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -8px; }

#icons {
  margin: 0;
  padding: 0; }
#icons li {
  margin: 2px;
  position: relative;
  padding: 4px 0;
  cursor: pointer;
  float: left;
  list-style: none;
  border: none;
  background: none; }
#icons span.ui-icon {
  float: left;
  margin: 0 4px; }

#overlay {
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 50; }

#head {
  width: 100%;
  height: 100%;
  float: left; }

.logo {
  font-size: 2em;
  font-family: memphis;
  color: #FDB913; }

#nav {
  float: left;
  clear: both;
  width: 100%;
  background-color: #444;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  padding: 12px 20px;
  background: #7d7e7d;
  /* Old browsers */
  background: linear-gradient(to bottom, #7d7e7d 0%, #444444 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#444444',GradientType=0 );
  /* IE6-9 */ }
#nav table, #nav input {
  width: auto; }

.navHeaderDiv {
  display: inline-block;
  height: 44px;
  float: left; }

.navHeader {
  font-weight: 400;
  color: #34657f;
  margin: 0; }
.navHeader a {
  text-decoration: none;
  color: white; }
.navHeader a:hover {
  color: #dedede; }

#contactSearch {
  cursor: pointer; }
#contactSearch #contactSearchDiv {
  padding-right: 5px; }
#contactSearch.open #contactSearchDiv {
  display: flex; }
#contactSearch.closed #contactSearchDiv {
  display: none; }
#contactSearch:hover {
  background: linear-gradient(to bottom, #cbcccd 5%, #e5e6e6 100%); }

#contactInput {
  width: 150px; }

.locationToolsBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0; }
.locationToolsBox > * {
  margin-right: 10px; }

.tableToolsBox {
  font-family: 'Montserrat', sans-serif !important;
  display: flex;
  justify-content: flex-start;
  padding: 10px 5px 5px;
  background: #ffffff; }
.tableToolsBox.tablePage {
  justify-content: space-between; }
.tableToolsBox div {
  display: inherit; }
.tableToolsFlex{
  width: 100%;
  flex-wrap: wrap;
}
.tableToolsFlex .tableTool{
  margin: 5px;
}
.tableToolsBottomBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px; }

.tableTool {
  display: flex !important;
  align-items: center;
  margin: 0 5px;
  padding: 5px;
  color: #000;
  background-color: #cbcccd; }
.tableTool > div {
  margin: 0 5px; }

#leftCol {
  float: left;
  width: 18%;
  box-sizing: border-box;
  min-height: 500px; }

#leftColTab {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 600px;
  display: block;
  padding: 3px 2px; }
#leftColTab li a {
  color: #53565a;
  text-decoration: none; }
#leftColTab li a:hover {
  background-color: #eee;
  color: #333; }

.leftColButtons {
  padding: 10px;
  background-color: #FFF;
  box-sizing: border-box; }
.leftColButtons a {
  color: #888;
  text-decoration: none;
  display: block; }
.leftColButtons a:hover {
  color: #333;
  text-decoration: none;
  background-color: #eee; }
.leftColButtons .currentCal {
  padding-left: 5px; }

.leftColSelectDiv {
  width: 100%; }
.leftColSelectDiv label {
  margin: 10px 0; }

#mainContent {
  float: left;
  width: 82%;
  background-color: #FFF;
  min-height: 550px;
  box-sizing: border-box;
  padding: 10px; }

#mainContentWide {
  float: left;
  width: 100%;
  background-color: #FFF;
  min-height: 750px;
  box-sizing: border-box;
  padding: 10px; }
#mainContentWide.locMainContent {
  padding: 10px 5%;
  background: #97999b padding-box; }

#locTabContainer {
  display: flex; }
#locTabContainer > div {
  width: 49%; }
#locTabContainer > div:nth-child(odd) {
  margin-right: 1%; }
#locTabContainer > div:nth-child(even) {
  margin-left: 1%; }

.mainContentScrollY {
  height: 600px;
  overflow-y: scroll;
  margin-bottom: 10px; }

.wideContainer {
  margin: 0 15%; }

#formSubmit {
  position: absolute;
  bottom: 10px;
  right: 20px; }

#formWrapper, .formWrapper {
  padding: 1em 1.4em; }

.formHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8em;
  padding: 5px 0;
  line-height: 1.25em; }

.surveyTabHeader {
  font-size: 25px; }

.fullwidth {
  width: 100%;
  text-align: center;
  padding: 1em; }

.fullwidth_1 {
  width: 100%;
  text-align: center;
  padding: 0 0 1em 0; }

#scrollBox {
  height: 270px;
  overflow-x: auto;
  background-color: #efefef; }

.scroll-400 {
  height: 400px;
  overflow-x: auto; }

.scrollBoxClear {
  padding-bottom: 24px;
  overflow-x: auto; }

.h_form th {
  text-align: left; }

.smallerText {
  font-size: 12px; }

.animated {
  overflow: hidden;
  height: 40px;
  margin-bottom: 10px; }

.animated-popupform {
  overflow: hidden;
  height: 55px;
  margin-bottom: 10px; }

.key {
  width: 22%; }

.textLink {
  text-decoration: underline !important;
  cursor: pointer;
  color: darkblue; }

.typeList {
  border-spacing: 0; }
.typeList tr:first-child > td {
  border: none; }
.typeList tr:hover {
  background-color: #eceff5 !important;
  color: black; }
.typeList th {
  text-align: left; }
.typeList td {
  white-space: pre-line;
  border-spacing: 0 !important; }
.typeList a {
  color: darkblue; }

.tr-inactive-person {
  background: #cc3232 !important;
  /* Interface Light Grey */
  color: white; }
.bg-white{
  margin: 0 -10px;
  padding: 0px 0;
  background-color: #FFF;
}
.bg-light-grey {
  margin: 25px -10px;
  padding: 25px 0;
  background-color: #f1f1f1; }
.bg-f1{
  background-color: #f1f1f1;
  border-radius: inherit;
}
.select-inactive-person {
  border: 1px solid #cc3232;
  box-shadow: 0 0 3px 3px #cc3232; }

.hrActionSelect, .myActionSelect {
  width: auto; }

.newNoteDiv {
  clear: left;
  margin-left: 10px; }

.notesBtn {
  margin: 10px 10px 10px 0;
  width: auto;
  text-align: left; }

.timeStamp {
  font-size: 12px; }

.popupBreadcrumbs, #docsiteBreadcrumbs {
  padding: 10px 5px;
  background-color: white; }

.breadcrumb {
  font-weight: bold;
  text-decoration: none;
  padding: 5px 3px; }
.breadcrumb span {
  padding: 5px 3px;
  border-radius: 3px; }
.breadcrumb:hover {
  background-color: #b3b7bc; }

#footer {
  float: left;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  text-align: center;
  color: #ccc;
  margin: 20px 0; }

.tableToolsBottomBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 5px; }

.toast-item a {
  color: #ffb81c; }

.sysName {
  letter-spacing: 0.1em; }

#snow {
  background: none;
  pointer-events: none;
  font-family: Androgyne;
  background-image: url("images/s1.png"), url("images/s2.png"), url("images/s3.png");
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite; }

@keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0; }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px; }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px; } }
@media only screen and (min-width: 1400px) {
  .flex:not(.location):not(.survey):not(.hrFiles):not(.questionBox):not(.fileUploadHolder) {
    width: 80%;
    margin: 0 10%; } }
@media only screen and (max-width: 768px) {
  #pi-frame {
    height: 600px; }

  #disclaimer {
    padding: 0 10%; }

  /*.container {
    width: 100%;
    margin: 0;
  }
  h1 {
    color: red;
  }
  .flex {
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .flex-col-sm-12 {
    flex: 100%
  }
  #top_nav {
    padding: 14px;
  }
  #home-hero {
    padding: 0;
    font-size: 60px;
    flex-direction: row;
    .home-cliics-logo {
      height: 80px;
    }
  }*/ }
tr.clickableRow, .clickableTaskRow, .clickableRowDoc {
  cursor: pointer; }

tr.clickableRowNewTab {
  cursor: pointer; }

.button {
  font-family: 'Montserrat', sans-serif !important;
  cursor: pointer;
  padding: 1px 5px;
  border-radius: 0;
  font-size: 14px !important;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  display: inline-block; }
.button:active {
  position: relative;
  top: 1px; }
.button:disabled, .button.disabled {
  background-color: #97999b;
  border: 1px solid #53565a;
  color: white;
  pointer-events: none;
  cursor: auto; }

.searchBtn {
  background-color: #34657f; }
/*
 Old style orange button
 */
.orangebutton {
  background-color: #ffb81c;
  box-shadow: inset 0 1px 0 0 #ffdc8e;
  border: 1px solid #ffca55;
  color: #000 !important; }
.orangebutton:hover {
  background: linear-gradient(to bottom, #ffb81c 5%, #ffdc8e 100%);
  background-color: #ffdc8e; }
/*
 New style orange button
 */
.orangeButton{
  color: #000;
  background-color: #ffb81c;
  border: 0;
  padding: 5px 30px;
  border-radius: 5px;
}
.orangeButton:hover{
  background-color: #ffda3e;
}
.greyButton{
  color: #000;
  background-color: #aaa;
  border: 0;
  padding: 5px 30px;
  border-radius: 5px;
}
.greyButton:hover{
  background-color: #ddd;
}
.buttonA{
  color: #fff;
  text-decoration: underline;
}
.greytool {
  border-radius: 6px;
  text-indent: 0;
  border: 1.5px solid white;
  display: inline-block;
  color: white;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  padding: 5px 0; }

.greybutton {
  border-radius: 6px;
  border: 1.5px solid white;
  display: inline-block;
  color: white;
  font-family: arial;
  font-size: 12px;
  background: transparent;
  padding: 0; }
.greybutton td {
  height: 30px; }
.greybutton:hover {
  background-color: #444444;
  font-weight: bold; }

.greybutton2 {
  background-color: #e5e6e6;
  box-shadow: inset 0 1px 0 0 #ffffff;
  border: 1px solid #cbcccd;
  color: black !important; }
.greybutton2:hover {
  background: linear-gradient(to bottom, #e5e6e6 5%, #fafafa 100%);
  background-color: #fafafa; }

.greybutton3 {
  cursor: pointer; }
.greybutton3:hover {
  background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf; }

.contactBtn {
  background-color: #34657f;
  box-shadow: inset 0 1px 0 0 #678C9F;
  border: 1px solid #274C5F;
  color: white !important; }
.contactBtn:hover {
  background: linear-gradient(to bottom, #34657f 5%, #9ab2bf 100%);
  background-color: #9ab2bf; }

.clinicalBtn {
  background-color: #318257;
  box-shadow: inset 0 1px 0 0 #65A181;
  border: 1px solid #256241;
  color: white !important; }
.clinicalBtn:hover {
  background: linear-gradient(to bottom, #318257 5%, #98c1ab 100%);
  background-color: #98c1ab; }

.greenbutton {
  background-color: #2dc937;
  box-shadow: inset 0 1px 0 0 #f8fdf8;
  border: 1px solid #28b431;
  color: white !important;
  padding: 3px 6px;
  margin-left: 70px; }
.greenbutton:hover {
  background: linear-gradient(to bottom, #2dc937 5%, #96e49b 100%);
  background-color: #96e49b; }
/*
    old style button
 */
.redbutton {
  background-color: #cc3232;
  box-shadow: inset 0 1px 0 0 #f29c93;
  border: 1px solid #d83526;
  color: white !important;
  font-weight: bold;
  padding: 3px 6px;
  margin-left: 70px;
  text-shadow: 1px 5px 5px #b23e35; }
.redbutton:hover {
  background: linear-gradient(to bottom, #cc3232 5%, #e69999 100%);
  background-color: #e69999; }
/*
    new style button
 */
.redButton{
  color: #fff;
  background-color: #CC3232;
  border: 0;
  padding: 5px 30px;
  border-radius: 5px;}
.redButton:hover{
  background-color: #ee5c5f;}
.blueButton{
  color: #fff !important;
  background-color: #005F7E;
  border: 0;
  padding: 5px 30px;
  border-radius: 5px;}
.blueButtonRedBorder{
  color: #fff !important;
  background-color: #005F7E;
  border: 1px solid red;
  padding: 5px 30px;
  border-radius: 5px;
margin-left: 10px;}
.blueButton:hover{
  background-color: #227F9F;}
.button.narrowPadding{
  padding: 5px 25px;
}
.grayButtonClickable{
  background-color: #dadada;
  border: 2px solid #dadada;
  padding: 5px 30px;
  border-radius: 5px;
  align-content: center;
}
.grayButtonClickable:hover{
  background-color: #eae9e9;
  border: 2px solid #eae9e9;
}

.grayButtonNonClickable{
  background-color: #8a8989;
  border: 1px solid black;
  color: white !important;
  padding: 4px 30px;
  border-radius: 5px;
  text-align: center;
}

.gridHolder{
  display:grid;

  grid-template-columns: auto auto auto;

  align-items: end;

}



.otherbutton {
  background-color: #34657f;
  box-shadow: inset 0 1px 0 0 #34657f;
  border: 1px solid #34657f;
  color: #FFF !important; }
.otherbutton:hover {
  background: linear-gradient(to bottom, #34657f 5%, #9ab2bf 100%);
  background-color: #9ab2bf; }
.todays-nav{
  padding: 3px 10px;
  margin: 0px 5px;
}
#dayChanger {
  padding: 1em 1.4em;
}
.button-nav {
  background-color: #34657f;
  box-shadow: inset 0 1px 0 0;
  border: 1px solid #678c9f;
  color: white !important;
  display: inline-flex;
  align-items: center; }
.button-nav:hover {
  background: linear-gradient(to bottom, #34657f 5%, #678c9f 100%);
  background-color: #678c9f; }

.newEventBtn {
  pointer-events: none !important;
  cursor: default;
  color: grey !important;
  background-color: #D8D8D8 !important; }

.convertBtn {
  padding: 0 20px; }

.callBtn {
  width: 20px;
  height: 20px;
  border: 0; }

input.button-map {
  background-image: url(images/map.png);
  background-color: transparent;
  /* make the button transparent */
  background-repeat: no-repeat;
  /* make the background image appear only once */
  background-position: 0 0;
  /* equivalent to 'top left' */
  border: none;
  /* assuming we don't want any borders */
  cursor: pointer;
  /* make the cursor like hovering over an <a> element */
  height: 28px;
  /* make this the size of your image */
  padding-left: 28px;
  /* make text start to the right of the image */
  vertical-align: middle;
  /* align the text vertically centered */ }

.button-link {
  height: 40px; }

.button-link-chain {
  background-image: url(images/link.png); }

.button-link-remote {
  background-image: url(images/remote-services-01.png); }

.button-link-clinical {
  background-image: url(images/clinical-review.png); }

.event-nav-btns {
  float: right;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
.event-nav-btns button {
  margin-left: 5px; }

.surveyor-event-nav-btns {
  display: flex;
  justify-content: center;
  align-items: center; }
.surveyor-event-nav-btns div img {
  height: 32px; }

.event-nav-btns div, .surveyor-event-nav-btns div {
  width: 30px; }

#testimonial-switch{
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 75px; /* Full-width */
  height: 24px; /* Specified height */
  border-radius: 25px;
  background: #969696; /* Grey background */
  border:0;
  outline: none; /* Remove outline */
  padding: 0 3px;
}
.autocomplete-items{
  padding: 0 4px;
  position: absolute;
  background-color: #f2f2f2;
  box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
  overflow-y: scroll;
  width: 50%;
  max-height: 100px;
}
.autocomplete-items div{
  padding: 4px 0;
}
.testimonial-autocomplete{

  position: relative;
  display: inline-block;
}
#testimonial-switch::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 20px; /* Set a specific slider handle width */
  height: 20px; /* Slider handle height */
  border-radius: 25px;
  background: #fff; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
.button-arrow {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  padding: 0; }
.button-arrow:active {
  margin-top: 1px; }

input.button-rightarrow-small {
  background-image: url(images/RightArrowSmall.png);
  height: 20px;
  /* make this the size of your image */
  width: 11px; }

input.button-leftarrow-small {
  background-image: url(images/LeftArrowSmall.png);
  height: 20px;
  /* make this the size of your image */
  width: 11px; }

.greydropdown {
  text-shadow: 1px 1px 0 #ffffff;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%); }

.sliderContainer {
  width: 150px;
  padding: 0 0 50px 30px;
  margin-left: 30px;
  position: relative; }

.tabSlider {
  background: lightgrey !important;
  border: 1px solid black; }

.sliderLabel {
  position: absolute;
  width: 150px;
  margin-top: 20px;
  margin-left: -75px;
  text-align: center; }

.sliderLabelOn {
  font-weight: bold;
  opacity: 1; }

.sliderLabelOff {
  font-weight: normal;
  opacity: 0.6; }

.ui-slider-range-max {
  /*background: #ffb81c !important;*/
  background: #ededed !important;
  border: 1px solid black; }

inputs::-webkit-input-placeholder {
  color: #b5b5b5; }

inputs-moz-placeholder {
  color: #b5b5b5; }

.inputs {
  width: 270px;
  padding: 5px 10px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #9D9E9E;
  text-shadow: 1px 1px 0 white;
  background: #FFF;
  border: 1px solid #FFF;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }
.inputs:focus {
  background: #DFE9EC;
  color: #414848;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
  outline: 0; }

.inputs:hover {
  background: #DFE9EC;
  color: #414848; }

.largeInput {
  font-size: 14px;
  padding: 5px; }

.eventInput {
  box-sizing: border-box;
  width: 90%; }

.bottomButtons {
  padding: 0 1.4em 1.4em 1.4em; }
.bottomButtons td {
  text-align: center; }
.modernPopupButtons{
  margin: 0 20px 20px 20px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
}
.modernPopupButtonsNew{
  margin: 0 20px 20px 20px;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 5px ;
  direction: rtl;



  align-content: stretch !important;
}
.modernPopupButtons.thinMargin{
  margin: 8px 0;
}
.mainPopupBtns {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center; }

.mainPopupBtns > a, .mainPopupBtns > button, #actionBtns > button, #actionBtns > a, #actionBtns > div {
  width: 23%;
  margin: 0 1% 1% 1%;
  box-sizing: border-box;
  padding: 1px 5px; }

.subPopupBtns, .flex-space-around {
  display: flex;
  justify-content: space-around; }

#actions {
  display: none;
  padding-top: 15px; }

#actionBtns {
  display: flex; }

.actionstable {
  margin-top: 5px; }

.toggleBox {
  width: fit-content;
  margin: 10px;
  border: 2px solid #a4a4a4;
  border-radius: 6px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  font-weight: bold; }

.toggleBox div:nth-child(1) {
  min-width: 80px;
  max-width: 125px;
  font-size: 14px; }

.switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 24px; }
.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  max-width: 60px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #53565A;
  -webkit-transition: .4s;
  transition: .4s;
  border: 1px solid #FFFFFF; }
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .6s;
  transition: .6s; }

input:checked + .slider {
  background-color: #ffb81c;
  border: 1px solid #ffb81c; }

input:focus + .slider {
  background-color: #53565a; }

input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px); }

/* Rounded sliders */
.slider.round {
  border-radius: 30px; }

.slider.round:before {
  border-radius: 50%; }

table.scrollTable {
  border-spacing: 0; }

table.scrollTable thead th {
  padding: 0 !important; }

table.scrollTable tbody td {
  padding: 2px 0 !important; }

.ui-dialog {
  border: 2px solid #444;
  box-shadow: 2px 2px 5px;
  z-index: 999 !important; }

.sort, .javaSort{
  cursor: pointer;
  background-repeat: no-repeat; }

.sortNone, .javaSortNone {
  background-image: url(../images/sort-icons/both.svg);
  background-size: 35px 20px;
  background-position: center right; }

.sortAsc, .javaSortAsc {
  background-image: url(../images/sort-icons/asc.svg);
  background-size: 15px 10px;
  background-position: top right; }

.sortDesc, .javaSortDesc{
  background-image: url(../images/sort-icons/desc.svg);
  background-size: 15px 10px;
  background-position: bottom right; }

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }

.ui-timepicker-div dl {
  text-align: left; }

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px; }

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%; }

.ui-timepicker-div td {
  font-size: 90%; }

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.ui-timepicker-rtl {
  direction: rtl; }

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0; }

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right; }

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px; }

.ui_tpicker_hour_slider {
  background-color: #FFF;
  border: 1px solid #444;
  border-radius: 5px; }

.ui_tpicker_minute_slider {
  background-color: #FFF;
  border: 1px solid #444;
  border-radius: 5px; }

.red-svg-fill {
  fill: #cc3232; }
.red-svg-stroke {
  stroke: #cc3232; }

.yellow-svg-fill {
  fill: #ffe600; }

.yellow-svg-stroke {
  stroke: #ffe600; }
.orange-svg-fill {
  fill: #ff5e00 }
.orange-svg-stroke {
  stroke: #ff5e00; }

.green {
  color: #008257;
}
.red {
  color: #C53047;
}
.blue {
  color: #005F7E;
}
.green-svg-fill {
  fill: #2dc937; }
.grey-svg-fill {
  fill: #888;
}
.green-svg-stroke {
  stroke: #2dc937;
}
.grey-svg-stroke {
  stroke: #888;
}
.green-svg-stroke {
  stroke: #2dc937; }

.greenBorder{
  border: 1px solid #2da73b;
}
.redBorder {
  border: 1px solid #d83526;
}
.lockButton{
  position:absolute;
  left:calc(100% - 140px);
  top:50px;
  padding: 3px 9px 3px 16px;
  cursor: pointer;
}
.flagButton{
  position:absolute;
  left:calc(100% - 80px);
  top:50px;
  padding: 3px 7px 3px 18px;
  cursor: pointer;
}
/*# sourceMappingURL=style.css.map */

.highlightClick:hover{
  background-color: #34657F !important;
  color: #fff;
  cursor: pointer;
  border-top: 2px solid #7aa0b3;
  border-right: 2px solid #294858;
  border-bottom: 2px solid #294858;
  border-left: 2px solid #7aa0b3;
}.highlightClick:hover a{
   color: #fff;
 }
.locLink:hover{
  background-color: #7aa0b3;
  border-top: 2px solid #7aa0b3;
  border-right: 2px solid #294858;
  border-bottom: 2px solid #294858;
  border-left: 2px solid #7aa0b3;
}
.blockInput{
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
}

.adobeSignRemove{
  padding: 0 4px;
  border-left: 1px solid #143423;
  margin-left: 7px;
  cursor: pointer;
}
.adobeSignRemoveDisabled{
  padding-right: 4px;
}
.adobeSignTag{
  background-color: #318257;
  color: #fff;
  font-weight: 400;
  padding: 2px 0 2px 6px;
  margin-right: 5px;
}
#adobeSignCustomFields{
  display: none;
  margin: 15px 0;
  background-color: #f0f0f0;
}
.disabledSave{
  font-family: 'Montserrat', sans-serif !important;
  padding: 1px 5px;
  border-radius: 0;
  font-size: 14px !important;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  background-color: #97999b;
  border: 1px solid #53565a;
  color: white;
}
.buttonTooltip {
  width: 200px;
  visibility: hidden;
  background-color: #ffb81c;
  color: #555;
  text-align: left;
  padding: 5px 15px;
  position: absolute;
  left: 50%;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
}
.disabledSave:hover{
  background-color:#97999b;
  font-weight: normal;
}
.disabledSave:hover + .buttonTooltip {
  visibility: visible;
  opacity: 1; }
.customAdobeSignFields{
  overflow: hidden;
  max-height: 0;
  transition: max-height 1.5s;
}
.customAdobeSignFields.activated{
  max-height: 1500px;
  transition: max-height 1.5s;
}
.container.adminMenuOpen {
  transition: all 0.6s;
  margin: 0 15px 0 315px;
  width: calc(100% - 330px); }
#openAdminMenu {
  display: flex;
  align-items: center;
  position: fixed;
  width: 150px;
  top: calc(50% - 57px);
  left: -135px;
  transition: 0.6s;
  z-index: 1;
  background-color: #ffb81c;
  border-radius: 0 5px 5px 0;
  padding: 7px 3px 7px 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold; }
#openAdminMenu:hover {
  left: 0; }
#openAdminMenu img{
  transform: scaleX(-1);
  margin-left: 10px;
}
#adminMenu {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: fixed;
  top: 0;
  left: -300px;
  background-color: #34667E;
  z-index: 1;
  transition: left 0.6s; }
#adminMenu.open {
  left: 0; }
#closeAdminMenu {
  cursor: pointer;
  font-size: 36px;
  float: right;
  color: white; }
#adminMenuHeader, #trackerDate {
  color: white; }
#adminMenuContainer {
  max-height: 85%;
  overflow-y: auto; }
.adminMenuList{
  padding: 0 0 0 10px;
  list-style: none;
  color: #fff;
}
.adminMenuList li{
  padding: 7px 0 7px 7px;
  font-size: 1.2em;
  border-bottom: 1px solid #101f26;
  border-top: 1px solid #101f26;
}
.adminMenuList li:first-child{
  border-top: 2px solid #101f26;
}
.adminMenuList li:last-child{
  border-bottom: 2px solid #101f26;
}
.adminMenuList li:hover{
  cursor: pointer;
  background-color: #6ea0b8
}
.adminMenuHeading{
  color: #fff;
  margin: 14px 0 0 0;
}
.adminMenuContainer {
  width: 270px;
  padding: 15px;
}
.adminMenuTop{
  background-color: #97999B;
  border-bottom: 1px solid #2A2B2D;
  width: 270px;
  padding: 15px;
}
.activeAdminMenu{
  background-color: #ffb81c;
  color: #000;
}
.noHighlight{
  user-select: none;
}
.hiddenInput{
  display: none;
}
#clin-need th{
  text-align: center;
}
tr.colourMe0{
  background-color: #f2f2f2;
}
tr.colourMe1{
  background-color: #fff;
}
.reviewRow td table{
  border-spacing: 0 !important;
}
.reviewRow td table td,.reviewRow td table tr,.reviewRow td table th {
  padding: 0 !important;
}
.reviewRow td table tbody td div,.reviewRow td table tbody th div{
  padding: 0;
}
.reviewRow td{
  background-color: #fff;
}
.reviewRow td table{
  margin: 0 auto;
  box-shadow: 7px 7px 5px rgb(50 50 50);
}
.reviewRow.unHideReview td table{
  margin: 7px auto 15px auto;
  border: 1px solid #0a0a0a;
}
.reviewRow td table tbody td div,.reviewRow td table tbody th div{
  opacity: 0;
  max-height: 0;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s, opacity 0.3s;
}
.reviewRow.unHideReview td table tbody td div,.reviewRow.unHideReview td table tbody th div{
  opacity: 1;
  max-height: 500px;
  padding: 10px 10px;
  transition: max-height 0.3s, padding 0.3s, opacity 0.3s;
}
#baselines th{
  text-align: center;
}
th.hiddenRow.clickMe div{
  cursor: pointer;
}
.hiddenRow div{
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.5s;
}
.hiddenRow.unHidden div{
  max-width: 400px;
  transition: max-width 0.5s;
}
.baselineSave{
  display: none;
  text-align: right;
}
.baselineSave.unHidden {
  display: block;
  margin-top: 15px;
}
.baselineSave button{
  padding: 5px 50px;
}
.clinNeedItem {
  width: 40px;
  float: left;
  background-color: #008693;
  color: #fff;
  text-align: center;
  line-height: 530px;
  padding: 10px;
  cursor: pointer;
  margin: 1px;


}
.showtriangle{

  margin-top: 1px;
  margin-left: -1px;
  float:left;
  border-left:20px solid #008693;
  border-bottom: 277.5px solid transparent;
  border-top: 277.5px solid transparent;
  margin-right: 1px;
}



.clinNeedItem p{
  pointer-events: none;
  user-select: none;
  position: relative;
  left: -80px;
  top: 10px;
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 2px;
  width: 200px;
  transform: rotate(90deg);
}



.clinNeedActive {
  background-color: #008693;
  color: #fff;

}






.clinNeedInfo {
  display: inline-block;
  width: 0;
  float: left;
  color: #222;
  transition: width 0.35s ease;
  overflow: hidden;
}
.clinInfoActive{
  overflow: hidden;
  float:left;
  flex-grow: 1;
  width:80%;
  transition: width 0.5s ease;
}




.accordian-arrow-icon.upsidedown{

  transform: rotate(180deg);
 filter: invert(100%);

}




#accordion .ui-accordion-content {

  display: flex;
  padding: 0px;
  height: 550px;
  overflow-x: hidden;

}
.maxHeight600{

  padding: 0px !important;
  overflow-y: auto;
  max-height: 515px;

  overflow-x: hidden;
}
.leftText{
  text-align: left !important;
}
.clinicalNeedAccordion .idNo{
  display: inline-block;
  min-width: 25px;
  margin-right: 6px;
  border-right: 1px solid #fff;
}
.ui-accordion-header-active .idNo{
  border-right: 1px solid #000;
}
.clinicalNeedAccordion h3 .ui-accordion-header-icon{
  display: none;
}
i.infoIcon{
  border: 1px solid #000;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-weight: 600;
  text-align: center;
  margin-left: 12px;
  font-size: 14px;

  /*display: inline-block;*/

  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
.homeHeading{
  margin: 0 20px;
}
.homeCalendarHolder{
  margin: 0 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.homeCalendarDay{
  flex-grow: 1;
  width: 10%;
  vertical-align: top;
  padding: 10px 0;
  margin: 5px 10px;
  background-color: #917d99;
  color: #fff;
  border-radius: 5px;
}
.homeCalendarDay h3{
  width: 90%;
  margin: auto;
  font-weight: 600;
}
.homeCalendarDay h3 span{
  font-weight: normal;
  float: right;
}
.homeCalendarDay p{
  width: 90%;
  margin: 15px auto;
  text-align: center;
}
.newsHome{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.newsItem{
  flex-grow: 1;
  margin: 14px 20px;
  background-color: #fff;
  padding: 14px 21px 50px 21px;
  border-radius: 8px;
  width: 25%;
  position: relative;
}
.newsHeading{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.newsItem hr{
  margin-top: 0;
}
.newsItem h3{
  display: flex;
  font-weight: 600;
}
.newsItem h3.newsInfo{
  font-weight: 400;
  text-align: right;
}
.newsItem h3 span{
  display: block;
  font-weight: 400;
  float: right;
  color: #2E86CD;
  font-size: 20px;
  margin: 4px 0;
}
.newsItem h3 span:first-of-type{
  color: #000;
  margin-right: 15px;
  text-align: left;
}
.newsItem h3 span:last-of-type{
  margin-right: 85px;
}
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  top: -10px;
  right: -10px;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 0;
  content: '';
  display: block;
}
.ribbon span {
  z-index: 1;
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}
.ribbon::before,
.ribbon::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon::before {
  top: 0;
  left: 0;
}
.ribbon::after {
  bottom: 0;
  right: 0;
}
.isImportantNews span{
  background-color: #c53047;
}
.isImportantNews::before,
.isImportantNews::after{
  border: 5px solid #a31025;
}
.isNewNews span{
  background-color: #FFB81C;
}
.isNewNews::before,
.isNewNews::after{
  border: 5px solid #dd860a;
}
.isPinNews span{
  background-color: #008693;
}
.isPinNews::before,
.isPinNews::after{
  border: 5px solid #006471;
}
.newsButtonHolder{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.releaseSection{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.featureHolder{
  flex-grow: 3;
  width: 40%;
  margin: 0 14px;

  border: 1px solid #000;
  border-radius: 5px;
  background-color: #008693;
  color: #fff;
}
.feedbackHolder{
  flex-grow: 2;
  width: 40%;
  margin: 0 auto;
}

.emailEventsHolder{
  flex-grow: 2;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}
.emailEventsHolder input{
  margin-bottom: 10px;
}
#showToEmail{
  margin-top: 10px;

}
.Inactivedisabled:disabled{
  background-color: #fff;
}
.styledDropDown {
  width: 100%;
  height: 50px;
  border: 1px solid #999;
  font-size: 18px;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 4px 4px #ccc;
}

.featureContainer{
  margin: 0 0 15px 0;
  border-bottom: 1px solid #fff;
}
.featureHolder :last-child{
  border: 0;
}
.featureHeader{
  border-radius: 5px;
  padding: 4px 12px;
}
.featureContainer h3{
  font-weight: 600;
}
.featureContainer h4{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.featureContainer h4 span{
  font-weight: normal;
  margin-right: 15px;
  font-size: 1.2em;
}
.featureContainer p{
  padding: 12px;
  font-size: 1.4em;
}
#feedbackRequest{
  position: relative;
}
#feedbackRequest select, #feedbackRequest textarea{
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #0a0a0a;
  border-radius: 5px;
  padding: 8px;
  margin: 8px 0;
  font-size: 1.2em;
  background-color: #efefef;
}
#thankText{
  display: none;
  color: #3B3C43;
}
.popupBugReport{
  display: none;
}
.popupBugReport h4{
  color: #3B3C43;
  font-weight: 600;
}
.popupBugReport.bugReportUnHidden{
  display: block;
  width: 380px;
  position: fixed;
  bottom: 40px;
  right: 25px;
  background: #74c3ee;
  padding: 10px 35px;
  border-radius: 5px;
  border: 1px solid #000;
  box-shadow: 15px 15px 20px #333;
  z-index: 3;
}
#loadingOverlay:not(.hidden){
  width: 452px;
  position: fixed;
  bottom: 40px;
  right: 25px;
  background: rgba(0,0,0,0.75);
  z-index: 9;
  height: 370px;
  font-size: 2.5em;
  color: #FFF;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-around;
  pointer-events: none;
}
.staticBugReportOpen{
  position: fixed;
  bottom: 15px;
  right: 25px;
  background: #ffb81c;
  border: 1px solid #000;
  padding: 8px 16px;
  font-size: 0.9em;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  box-shadow: 15px 15px 20px #333;
  z-index: 2;
  font-weight: bold;
}
.staticBugReportOpen:hover{
  background: #ffdc8e linear-gradient(to bottom, #ffb81c 5%, #ffdc8e 100%);
}
.featureContainer a{
  color: #fff;
}
.spacer10px{
  height: 20px;
  display: block;
}
.adobeSignContainer{
  border: 1px solid #53565a;
  padding: 0 7px;
  background-color: #f1f1f1;
  display: none;
}
.showAdobeSignContainer{
  display: block;
}
.adobeSignSwitcherContainer{
  display: block;
  padding: 7px 14px;
  background-color: #53565A;
}
.adobeSignSwitcher:first-of-type{
  margin-right: 14px;
}
.adobeSignSwitcher{
  color: #fff !important;
  cursor: pointer;
  background: #34657F;
  padding: 7px 14px;
}
.adobeSignSwitcher.selected{
  background: #FFB81C;
  color: #000 !important;
  font-weight: normal;
}
.disabledPopUpBtn{
  cursor: default;
  background: #818181;
  color: #eee;
  border: 1px solid #000;
}
.disabledPopUpBtn:hover{
  /*don't replace this for pointer-events:none; as it is needed to keep tool tips active */
  cursor: default;
  background: #818181;
  color: #eee;
  border: 1px solid #000;
}
th.clickMe{
  font-weight: normal;
}
table.customStats {
  margin: 0 7px;
  width: calc(100% - 15px);
  border-collapse: collapse;
}
table.customStats tr td, table.customStats tr th  {
  text-align: center;
  border: 1px solid lightgrey;
}
.inlineError{
  display: block;
  cursor: pointer;
  background-color: #ffdddd;
  padding: 5px 0;
  border-top: 1px solid #ffe0e0;
  border-left: 1px solid #ffe0e0;
  border-right: 1px solid #ddbbbb;
  border-bottom: 1px solid #ddbbbb;
}
.inlineError:hover{
  background: linear-gradient(to bottom, #ffdddd 5%, #ffeeee 100%);
}
.legendHolder h3{
  margin: 12px 0 0;
  background: #ffb81c;
  font-size: 1.8em;
  text-align: center;
  cursor: pointer;
}
.legendContent{
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
  background: #e5e6e6;
}
.legendContent.activeLegend{
  max-height: 500px;
  transition: max-height 0.25s ease-in;
}
.legendContent ul{
  list-style: none;
  padding: 0 12px 0 24px;
}
.newsFilterContainer{
  flex-grow: 1;
  width: 350px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #008693;
  color: #fff;
  padding: 25px;
}
.newsFilterContainer h4{
  font-size: 1.5em;
}
.newsFilterContainer h5{
  font-size: 1.15em;
}
.newsContentContainer{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-grow: 9;
  width: 1450px;
  margin: 0 auto;
}
.searchInput, .orderByInput {
  padding: 5px;
  width: 70%;
  border-radius: 5px;
  margin-right: 15px;
}
.orderByInput{
  margin-top: 12px;
  cursor: pointer;
}
.extraInfoInput{
  width: 100%;
  resize: vertical;
  height: 165px;
}
.newsContentContainer .newsItem{
  width: auto;
}
.newsFilterContainer h3{
  border-bottom: 1px solid #fff;
}
.newsFilters{
  list-style: none;
  padding: 0;
  margin: 10px 0 20px 0;
}
.newsFilters li{
  padding: 1px 0;
}
.roundedCheckbox{
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: white;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  margin-bottom: 11px;
}
.roundedCheckbox:hover {
  background-color: #99B2BF;
  border: 1px solid #99B2BF;
}
.roundedCheckbox:checked{
  background: #34657F url("/images/RightArrow.png") no-repeat center center;
  background-size: contain;
  border: 1px solid #34657F;
}
.newsFilterContainer label{
  font-size: 1.5em;
  margin: 0 5px;
}
.newsPopup{
  padding: 5px 0;
  width: 100%;
}
.newsPopup tbody tr td:first-of-type{
  padding: 5px 0 !important;
}
.newsPopup tbody tr td:last-of-type{
  padding-right: 0 !important;
}
.newsPopup label{
  font-size: 1.15em;
  color: #000;
  font-weight: 600;
}
.newsPopup input, .newsPopup textarea, .newsPopup select{
  box-sizing: border-box;
  width: 100% !important;
}
.newsPopupButtons{
  text-align: right;
}
.newsPopupButtons button{
  margin: 5px;
}
.newsPopupButtons button:first-of-type{
  margin-left: 0;
}
.newsPopupButtons button{
  margin-right: 0;
}
.singleNews{
  flex-grow: 9;
  width: 1300px;
  background-color: #f1f1f1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 25px;
}
.relatedNews{
  width: 390px;
  background-color: #008693;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex-grow: 1;
}
.createdTimestamp{
  display: block;
  font-size: 1.3em;
}
.articleBody{
  border-top: 1px solid #008693;
  padding: 10px 0;
  margin: 10px 0;
  font-size: 1.3em;
}
.relatedArticle{
  margin-bottom: 15px;
  display: block;
}
/*
    Pagination Start
 */
.paginationContainer{
  display: block;
  width: 100%;
  text-align: center;
}
.paginationHolder{
  margin: 15px auto;
  padding: 0;
  list-style: none;
}
.paginationHolder .paginationPageNo:hover, .paginationHolder li:first-of-type:hover, .paginationHolder li:last-of-type:hover{
  background-color: #ffda3e;
  cursor: pointer;
}
.paginationHolder li{
  display: inline-block;
  padding: 5px;
  width: 50px;
  font-size: 1.5em;
  text-align: center;
  border-right: 1px solid #000;
  background-color: #fff;
  user-select: none;
}
.paginationHolder li a{
  width: 50px;
  display: inline-block;
}
.paginationHolder li a{
  color: #53565a;
  text-decoration: none;
}
.paginationHolder .paginationPageNo.activePage{
  background-color: #005F7E;
  cursor: default;
}
.paginationHolder .paginationPageNo.activePage a{
  color: #fff;
}
.paginationHolder li:first-of-type{
  background-color: #ffb81c;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.paginationHolder li:last-of-type{
  background-color: #ffb81c;
  border-right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.disabledPagination{
  background-color: #8a8a8a !important;
  color: #fff;
  cursor: default !important;
}
/*
      Pagination End
 */
.reportsContainer{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 100%;
  display: -webkit-flex;
  position: relative;
}
.reportsStageOne{
  flex-grow: 1;
  background-color: #008693;
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.reportsStageOne h3{
  color: #fff;
}
.reportHolderAccordion{
  background-color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 1.25em;
  margin-bottom: 10px;
}
.reportHolderAccordion h4{
  font-weight: bold;
  cursor: pointer;
}
.selectReport:hover:not(.selectedReportRow){
  background-color: #22b8b5;
  color: #fff;
  border-radius: 5px;
}
.selectReport{
  padding: 5px;
  margin: 2px;
}
.selectReport img{
  cursor: pointer;
  margin-right: 10px;
}
.selectReport span{
  display: inline-block;
  width: calc(100% - 26px);
}
.selectedReport{
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  margin-bottom: 5px;
  transition: border-bottom-width 0.5s ease-in;
}
.selectedReport .fa-chevron-down:before{
  content: '\f077';
}
.reportHolder{
  max-height: 1500px;
  transition: max-height 0.5s ease-in;
}
.hiddenReports{
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease-out;
}
.selectedReportRow{
  background-color: #008693;
  color: #fff;
  border-radius: 5px;
}
.reportName{
  cursor: pointer;
}
#reportingTriangle path{
  fill: #008693;
}



.reportsStageThree #reportingTriangle path{
  fill: #F1F1F1;
}
.reportsStageTwo{
  flex-grow: 2;
  background-color: #F1F1F1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.reportsStageThree{
  flex-grow: 1;
  background-color: #008693;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.reportFeedback{
  display: inline-block;
  height: 100%;
  width: calc(100% - 60px);
  vertical-align: bottom;
  padding-left: 20px;
  color: #FFF;
}
.reportFeedback .feedbackHolder{
  width: 100%;
}
.reportVariables{
  display: inline-block;
  height: 100%;
  width: calc(100% - 60px);
  vertical-align: bottom;
  padding-left: 20px;
}
.cliicsInput{
  width: 220px;
  padding: 5px 10px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}
.reportDownload{
  display: block;
  margin: 15px 0;
}
.downloading{
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
}
.downloading p{
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.8em;
  height: 100%;
  margin-top: 12%;
}
.tableTool .multiselect-dropdown-list-wrapper{
  display: none;
}
.multiselect-dropdown{
  display: inline-block;
  padding: 2px 5px 0px 5px;
  border-radius: 4px;
  border: solid 1px #ced4da;
  background-color: white;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
}
.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder{
  margin-right:0.5em;
  margin-bottom:3px;
  padding:1px 0;
  border-radius: 4px;
  display:inline-block;
}
.multiselect-dropdown span.optext{
  background-color:lightgray;
  padding:1px 0.75em;
}
.multiselect-dropdown span.placeholder{
  color:#ced4da;
}
.multiselect-dropdown-list-wrapper{
  box-shadow: gray 0 3px 8px;
  z-index: 100;
  padding:2px;
  border-radius: 4px;
  border: solid 1px #ced4da;
  display: none;
  margin: -1px;
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  background: white;
}
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search{
  margin-bottom:5px;
}
.multiselect-dropdown-list{
  padding:2px;
  height: 15rem;
  overflow-y:auto;
  overflow-x: hidden;
}
.multiselect-dropdown-list::-webkit-scrollbar {
  width: 6px;
}
.multiselect-dropdown-list::-webkit-scrollbar-thumb {
  background-color: #bec4ca;
  border-radius:3px;
}

.multiselect-dropdown-list div{
  padding: 5px;
}
.multiselect-dropdown-list input{
  height: 1.15em;
  width: 1.15em;
  margin-right: 0.35em;
}
.multiselect-dropdown-list div.checked{
}
.multiselect-dropdown-list div:hover{
  background-color: #ced4da;
}
.multiselect-dropdown span.maxselected {width:100%;box-sizing: border-box;}
.multiselect-dropdown-all-selector {border-bottom:solid 1px #999;}
table.dayTypes{
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
span.changedDayOne{
  font-weight: 700;
  width: auto !important;
  margin-right: 15px;
}
.filterRowToggle{
  font-size: 1.5em;
  text-align: center;
  border: 1px solid #000
}
.filterRowToggle :hover{
  border: 1px solid #bbb;
  background-color: #bbb;
  cursor: pointer;
}
.hideRow{
  display: none;
}
.newEmployee{
  padding: 5px;
  background-color: #e5e6e6;
  margin-top: 10px;
}
.newEmployee button{
  width: 100%;
}
.toggleHolder{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.primaryLocationHolder{
  margin: 15px 0;
  display: flex;
}
.secondaryLocationHolder{
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
.secondaryLocationHolder button:first-of-type{
  margin-right: 10px;
}
.primaryLocationHolder div p{
  display: block;
}
.locationHeading{
  width: 25%;
  font-weight: 700;
  margin-left: 0;
}
.secondaryLoc{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
.primaryLoc .locButtonHolder{
  display: none;
}
.similarPeople{
  margin: 15px;
}
.similarPeopleHolder{
  margin: 10px 0;
  max-height: 400px;
  overflow: scroll;
}
.similarPeopleHolder .fullWidth {
  padding: 8px 15px;
}
.similarPeopleHolder .fullWidth:nth-child(odd){
  background-color: #f2f2f2;
}
.space-around{
  justify-content: space-around;
}
.flex-start{
  justify-content: flex-start;
}
p.loginReceived{
  display: inline;
  vertical-align: bottom;
}
#popUpOverlay, #popUpOverlay2 {
  position: absolute;
  display: none;
  background-color: #4c4c4c;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 51;

}

.showOverLay{
  display: block !important;
}
.closeOverLay{
  display: none !important;
}

.popUpLoader,.popUpLoader2{
   marigin:auto;
   position:relative;
   top: 50%;
   left: 50%;
   width: 60px;
 }

.errorStageOne{
  flex-grow: 1;
  background-color: #fff;
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.errorStageTwo{
  flex-grow: 2;
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width:40%;
}

.errorStageThree{
  flex-grow: 1;
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width:30%;
}

.errorContainer{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 100%;
  display: -webkit-flex;
  position: relative;
  margin-top: 10%;
  font-family: Montserrat,sans-serif;
}

.reportVariablesMessage{
  display: inline-block;
  height: 100%;
  width: calc(100% - 60px);
  vertical-align: bottom;
  padding-left: 20px;
  text-align: center;
  font-size: 35px;
  margin-left: 40px;
}

.errorMessageHead{
  text-align: center;
  overflow-wrap: break-word;
}

.cog1{
  margin: -90px 0px 0px -275px;
}
.cog2{
  margin: -33px 0px 0px -150px;
}
.cog3{
  margin: -70px 0px 0px 30px;
}

.errorOrangeButton{
  color: #000;
  background-color: #ffb81c;
  border: 0;
  padding: 5px 30px;
  border-radius: 5px;
  margin:30px;
  font-size: 20px !important;
}
.errorCogBlock{
  text-align: center;
  color:#000;
  margin: 140px 0px 0px 70px;
}
.errField{
  border-color: #c50202;
}

.requiredField{
  color:#c50202;
}

.adobeSigneeAlternateHolder{
  flex-grow: 2;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}
.adobeSigneeAlternateHolder input{
  margin-bottom: 10px;
}
#showToEmail{
  margin-top: 10px;

}
.inactiveDisabled:disabled{
  background-color: #fff;
}
.styledDropDown {
  width: 100%;
  height: 50px;
  border: 1px solid #999;
  font-size: 18px;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 4px 4px #ccc;
}

.alternativeUsed{
  background-color: #e6e6bf;
}

.alternativeUsedOutsideCliics {
  background-color: #efef92;
}

.requiredField {
  color: #c50202;
}
.change {
  text-align: center;
  font-weight: bold

}
.asterik-sign {
  font-size: 15px;
}
.errField .vscomp-ele-wrapper {
  border: solid 1px red !important;
}

.relative {
  position: relative !important;
}
.eventCreationProgressContainer {
  margin: 0;
  list-style: none;
  padding: 15px 20px;
  margin-top: 10px;
  height: 70px;
  background: #efefef;
  border-top: solid 1px lightgrey;
}

.eventCreationProgressContainer li {
  display: block;
  width: 33.3%;
  float: left;
  position: relative;
}
.eventCreationProgressContainer li div.line {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 1.5px;
  background: lightgrey;
}
.eventCreationProgressContainer li .number {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100px;
  text-align: center;
  background: #efefef;
  margin: 10px auto;
  font-weight: bold;
  position: relative;
}
.locationSearchInput {
  border: none !important;
  outline: none;
  background: #FFFFFF !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
  background-color: transparent !important;
}
.eventCreationProgressContainer li .number span {
  position: relative;
  top: 2px;
}
.eventCreationProgressContainer li .title {
  text-align: center;
  display: block;
  margin-top: 10px;
}

.event-location-step li:first-child .line {
  background: #ffb81c;
}
.event-location-step li:first-child .number ,
.event-date-step li:first-child .number,
.event-date-step li:nth-child(2) .number,
.event-detail-step li:nth-child(2) .number,
.event-detail-step li:first-child .number,
.event-detail-step li:nth-child(3) .number{
  border: solid 1px #ffb81c;

}
.event-date-step li:first-child {
  cursor:pointer;
}
.event-date-step li:first-child .line {
   background-color: #ffb81c;
 }
.event-date-step li:nth-child(2) .line {
  background-color: #ffb81c;
}

.event-detail-step li:first-child .line {
  background-color: #ffb81c;
}
.event-detail-step li:nth-child(2) .line {
  background-color: #ffb81c;
}
.event-detail-step li:nth-child(3) .line {
  background-color: #ffb81c;
}

.event-detail-step li:first-child, .event-detail-step li:nth-child(2) {
  cursor:pointer;
}

.event-select-date-table {
  margin-top: 20px;
  border: dashed 1px #efefef;
  padding: 20px 0;
}
.event-location-search-box {
  border: dashed 1px #efefef;
  padding: 10px;
}
.event-location-search-box tr td:first-child {
  width: 95%;
}
.event-location-search-box tr td input{
  width: 100% !important;
}
.event-location-search-box tr td a {
  height: 22px !important;
  padding-top: 5px !important;
}
.event-select-date-table  input {
  width: 100% !important;
  height: 30px !important;
}
.continue-button-container {
  position: relative;
  margin-top: 10px;
  text-align: right;
}
.event-location-select-continue-container {
  position: relative;
  right: auto !important;
  bottom: auto !important;
  text-align: right;
  margin-top: 10px;
}
.select2-item-selected {
  padding: 1px 4px !important;
}


.event-project-selector-table select {
  width: 89%;
  margin-left: 40px;
}

#tabs {
  min-height: 350px;
}

/*Practice ID Icon*/
.practiceIDIcon {
  width: 15px;
  margin: 2px 0 0 6px;
  vertical-align: top;
}


.practiceIDTooltip {
  position: relative;
  display: inline;
}

.practiceIDTooltip .practiceIDTooltipText {
  visibility: hidden;
  width: 200px;
  left: -10px;
  top: -25px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.practiceIDTooltip:hover .practiceIDTooltipText {
  visibility: visible;
}

.modernPopupButtons{
  position: relative;
}
.ihan-icon {
  height: 15px;
  margin: 0;
  vertical-align: top;
}

.ihan-details {
  width: 100%;
}

.ihan-status-container {
  display:flex;
  padding: 5px;
}

.ihan-caption {
  width: 40%;
  font-weight: bold;
}

.ihan-status {
  position: relative;
  overflow: visible;
  cursor: pointer;
  line-height: 1.4em;
}

.ihan-status:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.ihanTooltipText {
  left: 33px;
  width: max-content;
  max-width: 300px;
  padding: 8px;
  background-color: white;
  color: black;
  text-align: center;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  z-index: 9999;
}

.ihanTooltipTextCalendar {
  left: 60px;
}

.ihanDeliveryContainer {
  border: 1px solid #999;
  padding: 10px;
}

.ihanTableToolContainer {
  width: 100%;
  margin: 2px 2px 5px 2px;
  padding: 2px 5px;
  border: 1px solid #999;
  border-radius: 10px;
  box-sizing: border-box;
}

.ihanToolsBox {
  margin: 0;
  justify-content: right;
  box-sizing: border-box;
}

#ihan-delivery-table_wrapper .ihanDataField {
  padding: 15px 0 !important;
  border-bottom: 1px solid #999;
}

.dataTables_scrollHeadInner{
  width:99% !important;
}
.dataTables_scrollHeadInner table{
  width:100% !important;
}

.lockedLock{
  opacity: 0.6;
}

.loadingHide{
  display: none;
}
.loadingShow{
  display: block;

}

.legendContent{
  overflow: scroll;
}


.peopleListTrainingPage{
  height: 620px;
  font-size: 10px;
  overflow: scroll;
}

.therapyTotalRed {
  background: #F08281; }

.therapyTotalOrange {
  background: #F5B786; }

.therapyTotalGreen {
  background: #C8DCAA; }

.therapyTotalLightBlue {
  background: #AFE1E1; }

.therapyTotalBlue {
  background: #A3BFE4; }

.calListSelect{
  width: 100%;
}



/*TM LOADER WITH OVERLAY*/
.loaderContainer{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1000;
  cursor: pointer;
}
.loaderTmDetails {
  position: absolute;
  /* top: 50%; */
  /*left: 50%;*/
  font-size: 50px;
  /*color: white;*/
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  box-sizing: border-box;
  display: inline-block;
  width: 50px;
  height: 80px;
  border-top: 5px solid #34657f;
  border-bottom: 5px solid #34657f;
  /*position: relative;*/
  background: linear-gradient(#FFB81C 30px, transparent 0) no-repeat;
  background-size: 2px 40px;
  background-position: 50% 0px;
  animation: spinx 5s linear infinite;
}
.loaderTmDetails:before, .loaderTmDetails:after {
  content: "";
  width: 40px;
  left: 50%;
  height: 35px;
  position: absolute;
  top: 0;
  transform: translatex(-50%);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0 0 20px 20px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0px;
  animation: lqt 5s linear infinite;
} /*#34657f*/
  /*#979797 -GREY*/
.loaderTmDetails:after {
  top: auto;
  bottom: 0;
  border-radius: 20px 20px 0 0;
  animation: lqb 5s linear infinite;
}
@keyframes lqt {
  0%, 100% {
    background-image: linear-gradient(#FFB81C 40px, transparent 0);
    background-position: 0% 0px;
  }
  50% {
    background-image: linear-gradient(#FFB81C 40px, transparent 0);
    background-position: 0% 40px;
  }
  50.1% {
    background-image: linear-gradient(#FFB81C 40px, transparent 0);
    background-position: 0% -40px;
  }
}
@keyframes lqb {
  0% {
    background-image: linear-gradient(#FFB81C 40px, transparent 0);
    background-position: 0 40px;
  }
  100% {
    background-image: linear-gradient(#FFB81C 40px, transparent 0);
    background-position: 0 -40px;
  }
}
@keyframes spinx {
  0%, 49% {
    transform: rotate(0deg);
    background-position: 50% 36px;
  }
  51%, 98% {
    transform: rotate(180deg);
    background-position: 50% 4px;
  }
  100% {
    transform: rotate(360deg);
    background-position: 50% 36px;
  }
}