body::-webkit-scrollbar {
  display:  none;
}

.iob-users-list-row-item {
  margin-left: 2rem;
}

h1,
.sort_form {
  color: var( --font-color-initial ) !important;
}

.media-menu-item {
  /* Fix Media "Upload Files" button color */
  color: inherit;
}

.iob-input-row span input,
.iob-input-row span textarea {
  color: var(--input_font_color_2);
  background-color: var(--font-color-2);
}

.tribe-common,
.tribe-events,
#tribe-events-content,
#tribe-events-pg-template,
.tribe-events-pg-template,
.site-header,
.inside-article {
  background-color: var(--background-color) !important;
}

.tribe-related-events > li > div > h3 > a,
.tribe-related-event-info > .tribe-related-events-title,
.tribe-related-event-info > span,
.tribe-events-c-top-bar__today-button,
.tribe-events-c-view-selector__list > li > a > span,
.tribe-events-calendar-month__multiday-event > div > div > h3 {
    color: var(--event-month-view-single-text-color) !important;
}

#iob_board_title:active {
  background-color: var(--font-color-2);
  text-decoration: underline !important;
}



/** Location & Reason Select UL List START **/
.three-columns-grid {
  transition: ease 1s;
}
.select_list_location_modal,
.select_list_reason_modal {
  display: none;
  position: fixed;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25)
}

.location_select_list_selected,
.reason_select_list_selected {
  cursor: pointer;
  color: var(--font-color-initial);
  border: 1px solid var(--border-color-initial);
  padding: 11px;
  margin: 0;
}

.select_location, .select_reason { display: none; }
.location_select_list,
.reason_select_list {
  background-color: var(--background-color);
  padding: 10px;
  list-style-type: none;
  position: fixed;
  top: clamp(0px, 10%, 90vh);
  z-index: 99999;
  max-height: 85vh;
  overflow: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border: 4px solid var(--border-color-initial);
}

.location_select_list::-webkit-scrollbar,
.reason_select_list::-webkit-scrollbar {
  display: none;
}

.location_select_list .selected,
.reason_select_list .selected {
  background-color: green;
  color: white;
}
.location_select_list li,
.reason_select_list li {
  padding: 10px;
  color: var(--font-color-initial);
  /* border: 1px solid var(--border-color-initial); */
}
.location_select_list li:hover,
.reason_select_list li:hover {
  background-color: var(--bs-link-hover-color);
  color: white;
}
.location_select_list li:active,
.reason_select_list li:active {
  background-color: green;
}
/** Location & Reason Select UL List END **/

.tribe-related-event-info {
    padding-left: 15px !important;
}


h3 > .tribe-events-calendar-list__event-title-link,
h3 > .tribe-events-calendar-month__calendar-event-title-link,
.tribe-related-events tribe-clearfix > li > div > h3 > a {
    color: var(--event-month-view-single-text-color) !important;
}


.tribe-events-calendar-month *,
.tribe-events-c-top-bar__datepicker *,
.tribe-events-calendar-list *,
.tribe-events-calendar-day *,
#tribe-events-content * {
  /* color: var(--font-color-1) !important; */
}

.entry-content h1,
.entry-content h3,
#sort_form h2,
#employee_count,
.entry-content table,
h2 a:hover,
#guest_form,
#fcp_help_page_div,
h2 i.epb_contact_card:hover {
  color: var(--font-color-1) !important;
}
.entry-content table,
.entry-content table tbody th,
.entry-content table tbody tr,
.entry-content table tbody td {
  border-color: var(--font-color-3) !important;
}



#fcp_help_page_div a:hover,
.entry-content a:hover {
  color: var(--font-color-2) !important;
}

.admin_icons li,
.admin-page-description,
.iob-input-row {
  color: var(--font-color-1) !important;
}

.admin_icons li:hover {
  color: var(--font-color-2) !important;
}

a.button:hover {
  color: var(--font-color-3) !important;
}

@media only screen and (min-width:720px) {
  #content {
    padding-left: 5rem;
    padding-right: 10rem;
    /* to compensate for the side bar nav */
  }
}

@media only screen and (max-width:720px) {
  #content {
    padding-right: 7rem !important;
    /* to compensate for the side bar nav */
  }
}

#iob-admin-sidebar-nav {
  height:100vh;
  position:fixed;
  top:0;
  right:0;
  z-index:10000;
  padding: 3rem 1rem;
  background-color: #222222;
  text-align: center;
}

#iob-admin-sidebar-nav a {
  display: block;
  font-size: 1.25rem;
  color: lightgrey;
  padding: .5rem .75rem;
  margin-bottom: 1rem;
  border-radius: .5rem;
  border-bottom: none;
}

@media only screen and (max-width:1000px) {
  #iob-admin-sidebar-nav a {
    font-size: 1rem;
  }
}

#iob-admin-sidebar-nav a i {
  color: lightgrey !important;
}



#iob-admin-sidebar-nav a:hover,
#iob-admin-sidebar-nav a:active,
#iob-admin-sidebar-nav a:focus {
  background-color: rgba(128, 128, 128, 0.521);
  display: block;
  color: white !important;
}

.select_location,
.select_reason,
.modal-body {
  border: 1px solid var( --border-color-initial );
  color: var(--font-color-initial);
  background-color: var(--background-color);
}
.site-content, body, html {
  background-color: var(--background-color) !important;
}



#content {
  padding-top: 0;
}
.fcpep_logo {
  max-height: 50px;
  width: auto;
  float: right;
  object-fit: contain;
}
.iob_tab_active {
  margin-bottom: 5px;
  cursor: pointer;
}
.iob_tab {
  width: 100%;
  
  margin-bottom: 5px;
  color: grey;
}
.iob_caret {
  float: right;
  margin: -5px 10px 0 0;
  padding: 0 10px;
  font-size: 1.4rem;
}
.iob_tab_inactive,
.iob_tab_active {
  text-align: center;
}
.iob_tab_active {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 5px 0;
  color: #fff;
  background: grey;
  background-color: grey;
}
.iob_tab_inactive {
  cursor: pointer;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 5px 0;
  color: grey;
}
.iob_tab_content {
  display: none;
}
.col_location, .col_name, .col_reason {
  float: left;
  width: 28%;
  margin-bottom: 5px;
  text-align: left;
}
.col_photo {
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-right: 10px;
}
.col_switch {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.employee_presence_div {
  width: 100%;
  border-bottom: 1px solid;
  border-color: var(--font-color-3);
}
.employee_presence_div:after {
  content: "";
  display: table;
  clear: both;
}
select {
  font-size: 1rem;
  font-weight: 400;
  width: 96%;
  height: 50px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.guest_row {
  margin-top: 10px;
  color: var(--font-color-1);
}
#guest_notice {
  color: var(--font-color-1);
}
.guest_row>div>h2 {
  line-height: 2em!important;
  padding-top: 5px!important;
}
#sort_form>div>h2, .employee_presence_row>div>h2 {
  padding-top: 8px;
  padding-bottom: 2px;
  margin-bottom: 5px;
  font-size: 1rem;
  line-height: 10px;
  font-weight: 500;
}
h2 {
  margin-bottom: 0;
  padding-top: 5px;
  font-size: 1rem;
  font-weight: 500;
}
@media only screen and (max-width:1165px) {
  .employee_presence_row>div>h2 {
  font-size: 1rem;
  margin-right: 10px;
}
.col_location, .col_name, .col_reason {
  width: 25%}
}@media only screen and (max-width:780px) {
  .employee_presence_row>div>h2 {
  font-size: 1.2rem;
  padding-top: 4px;
}
.col_location, .col_reason {
  width: 48%}
}@media only screen and (max-width:768px) {
  .employee_presence_row {
  padding-top: 10px;
}
.employee_presence_row>div>h2 {
  font-size: 1.2rem;
  padding-top: 4px;
}
.col_location, .col_reason {
  width: 43%}
.col_name {
  width: 66%;
  clear: right;
  min-height: 50px;
}
}@media screen and (max-width:600px) {
  select {
  width: 100%;
  padding: 5px;
  height: auto;
}
.col_switch, .fcpit_switch {
  width: 40px;
}
.employee_presence_div {
  font-size: .8em;
  margin-bottom: 25px;
}
.col_location, .col_reason {
  width: 100%;
  margin-bottom: 15px;
}
.col_name {
  width: 66%}
.col_name h2 {
  padding-top: 0;
}
.col_photo, .slider {
  height: 40px;
  width: 40px;
}
.slider:after {
  left: 20%;
  top: 32%;
  font-size: .7rem !important;
  font-family: Verdana, sans-serif;
}
#employee_reason_heading>h2, #heading_photo_placeholder, #heading_switch_placeholder {
  display: none;
}
#employee_location_heading>h2, #employee_name_heading {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
#employee_location_heading>h2 {
  padding-left: 0!important;
}
.fcpep_logo {
  margin-top: 15px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  float: none;
  display: block;
  text-align: center;
}
}.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
}
.switch input {
  display: none;
}
.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider.red {
  background-color: red;
}
.slider.orange {
  background-color: orange;
}
.slider:after {
  content: 'OUT';
  color: #fff;
  display: block;
  position: absolute;
  left: 20%;
  top: 32%;
  font-family: Verdana, sans-serif;
  font-size: .85rem;
}
input:checked+.slider:after {
  content: 'IN';
  left: 35%}
input:checked+.slider {
  background-color: #00c202;
}
input:focus+.slider {
  box-shadow: 0 0 1px #00c202;
}
#employee_count {
  font-size: 1.4em;
  font-weight: 600;
}
#add-guest-button {
  background-color: #00c202;
}
#remove-guest-button {
  background-color: red;
}
.fcpep-help-modal, .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
}
.fcpep-help-content, .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  max-width: 350px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: .4s;
  animation-name: animatetop;
  animation-duration: .4s;
}
.fcpep-help-modal .modal-body {
  padding: 1rem;
}
.fcpep-help-modal .modal-header {
  padding: 0 1rem;
}
.fcpep-help-content > .modal-header > h2 {
  color: var(--font-color-2) !important;
}
#myModal {
  z-index:99999;
}
.modal-content {
  max-width: 600px;
}

.fcpep-help-content p {
  line-height: 1.2em;
}
@-webkit-keyframes animatetop {
  from {
  top: -300px;
  opacity: 0;
}
to {
  top: 0;
  opacity: 1;
}
}@keyframes animatetop {
  from {
  top: -300px;
  opacity: 0;
}
to {
  top: 0;
  opacity: 1;
}
}.fcpep-help-icon {
  color: #828282;
}
.close, .close-help {
  color: #fff;
  float: right;
  font-size: 2rem;
  font-weight: 700;
}
.close-help:focus, .close-help:hover, .close:focus, .close:hover, .fcpep-help-icon:focus, .fcpep-help-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: #fff;
}
.modal-body {
  padding: 26px;
}
.modal-footer {
  padding: 16px 16px 1px 16px;
  background-color: #5cb85c;
  color: #fff;
}
input.guest_form {
  width: 100%}
.return_datetime span {
  color: #02bd0a;
}
.epb_contact_card a, .epb_contact_card h1, .epb_contact_card h2, .epb_contact_card h3, .epb_contact_card p, .epb_contact_card span {
  font-family: "Open Sans", sans-serif;
}
.epb_contact_card a:hover {
  color: gray;
}
.epb_contact_card {
  position: relative;
  display: inline-block;
  color: #1e73be;
  cursor: pointer;
}
.epb_contact_card:active, .epb_contact_card:focus, .epb_contact_card:hover {
  color: #000!important;
}
.epb_flyout {
  border: 1px solid var( --border-color-darkonly);
  position: absolute;
  top: 27px;
  left: -20px;
  padding: 15px 15px 0 15px;
  font-size: .8rem;
  min-width: 260px;
  min-height: 270px;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  z-index: 1;
  word-break: unset;
  word-wrap: unset;
  overflow-wrap: unset;
  -webkit-hyphens: unset;
  -moz-hyphens: unset;
  -ms-hyphens: unset;
  hyphens: unset;
  white-space: nowrap;
  z-index: 1;
}
.epb_flyout:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 28px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #000 transparent;
}
.epb_heading {
  border-bottom: 1px solid gray;
  margin-bottom: 15px;
  white-space: normal;
}
.epb_heading h3 {
  line-height: 20px!important;
}
.epb_heading p {
  line-height: .3em;
  color: gray;
  font-weight: 600;
}
.epb_heading img {
  border-radius: 50%;
  padding-right: 0;
  margin-right: 15px;
}
.epb_loading_gif {
  text-align: center;
}
.epb_loading_gif>img {
  padding-top: 120px;
}
.epb_flyout a {
  color: #3086f7;
  font-weight: 600;
  text-decoration: none;
}
.epb_body i {
  margin-right: 10px;
  color: gray;
}
.epb_dept, .epb_title {
  font-size: .8rem;
  color: #d3d3d3;
  font-weight: 600;
}
#return_date_modal {
  display: none;
  position: fixed;
  z-index: 1;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .57);
}
#return_date_modal_wrapper {
  z-index: 100;
  padding: 30px;
  position: relative;
  top: 25%;
  margin: 0 auto;
  max-width: 400px;
  min-height: 300px;
  background-color: #fff;
}
#return_date, #return_time {
  font-size: 1.4rem;
  width: 100%}
#return_date_modal_header>h2 {
  margin-bottom: 10px;
}
#days_without_falls_modal {
  display: none;
  position: fixed;
  z-index: 1;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .57);
}
#days_without_falls:hover {
  color: #5c5c5c;
}
#days_without_falls_modal_wrapper {
  z-index: 100;
  padding: 30px;
  position: relative;
  top: 25%;
  margin: 0 auto;
  max-width: 400px;
  min-height: 300px;
  background-color: #fff;
}
#no_fall_date {
  font-size: 1.4rem;
  width: 100%}
#no_fall_header>h2 {
  margin-bottom: 45px;
}
.close-nofall {
  color: #000;
  float: right;
  font-size: 2rem;
  font-weight: 700;
}
.close-nofall:focus, .close-nofall:hover {
  color: #2500c7;
  text-decoration: none;
  cursor: pointer;
}

.fa-sort {
  color: var(--bs-link-color);
}

.fa-sort:hover {
  color: var(--bs-link-hover-color);
}
/* Handle 125% and 150% Windows 10 Font Scaling on 96dpi monitors */
/*
@media (min-resolution: 120dpi) {
  html {
       font-size: 80%;
  }
}
*/

/* Handle 125% and 150% Windows 10 Font Scaling on 96dpi monitors */

/*
@media (min-resolution: 240dpi) {
  html {
       font-size: 60%;
  }
}
*/
.user-note-text {
  color: rgb(158, 158, 158);
  font-size: .8rem;
	line-height: .8rem;
}
.add-employee-note-icon,
.delete-employee-note-icon,
.emp-return-date-icon {
  font-size: 1rem;
  padding: .25rem;
}
.add-employee-note-icon,
.delete-employee-note-icon,
.emp-return-date-icon,
.close-emp-return-date-modal,
#close-employee-note-modal,
.close-employee-note-modal {
  color: lightgrey;
  cursor: pointer;
}
.add-employee-note-icon:hover,
.delete-employee-note-icon:hover,
.emp-return-date-icon:hover {
  color: inherit;
}

#close-employee-note-modal:hover,
.close-employee-note-modal:hover,
.close-emp-return-date-modal:hover {
  color: red;
}

.emp-return-date-submit-btn:disabled,
.emp-return-date-submit-btn[disabled] {
  background: lightgrey;
}


/** START - Admin Pages CSS */

.admin-row-fluid,
.iob-admin-settings-form { 
  width: 100%;
}
.admin-row-fluid {
  margin-bottom: 65px;
}
.iob-admin-settings-form p span input[type=text],
.iob-admin-settings-form p span input[type=email],
.iob-admin-settings-form p span input[type=password],
.select2 .selection,
.iob-admin-settings-form p span select { 
  width: 100%;
}
.iob-admin-settings-form p span input[type=checkbox] { 
  margin-top: 20px;
}
.iob-admin-settings-form .iob-input-row {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin-bottom: 50px;
}
.iob-admin-settings-form p label {
  padding-top: 10px;
}
.iob-admin-settings-form p span span {
  line-height: 2rem;
  font-size: .9rem;
  display: inline-block;
}
.iob-admin-settings-form p.submit {
  text-align: right;
}
.notice-info {
  
  background-color: aliceblue;
  border-left: 3px solid #72aee6;
}
.notice-info p {
padding: 8px 15px;
margin-bottom: 35px;
}
.notice-error {
  background-color: lavenderblush;
  border-left: 3px solid red;
}
.notice-error p {
padding: 8px 15px;
margin-bottom: 35px;
}

.admin-page-description {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media only screen and (max-width:700px) {
.admin-page-description {
    display: inline-block;;
}
.admin-heading {
    display: inline-block;
}
.admin-heading a {
    float: none !important;
}
.admin-heading a button {
    margin: 1rem 0;
    width: 100%;
}

}

@media only screen and (max-width:1000px) {
.on-call-row, .holiday-row { 
  box-sizing: border-box;
  grid-template-columns: 1fr !important;
  row-gap: 1rem !important;
  margin-bottom: 3rem !important;
  border: 1px solid lightgrey;
  padding: 1rem;
}
.on-call-row input, .holiday-row input {
  min-width: 0 !important;
}
.holiday-row-header {
  display: none !important;
}
.on-call-handle {
  line-height: normal !important;
}
}

.ui-sortable-handle {
cursor: pointer;
}

.admin_icons {
  zoom: 1;
  list-style: none;
  margin-top: 16px;
  margin-left: 0;
  display: grid;
  row-gap: 0;
  column-gap: 32px;
  grid-template-columns: repeat(auto-fit, 304px);
}
.admin_icons li {
  float: left;
  position: relative;
  margin-right: 32px;
  width: 304px;
  z-index: 1;
}

.img-outer {
  float: left;
  margin-right: 5px;
}
.admin_icons li a {
  position: relative;
  display: table;
  width: 100%;
  text-decoration: none;
  color: var(--color-text-primary);
  min-height: 104px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 5px;
}
.admin_icons li a:hover {
  background: var(--base);
}

.admin-icon-text {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin: 0 0;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.admin-icon-text span {
  font-weight: 600;
  font-size: 1.2rem;
}
.admin-icon-text .sub-text {
  color: #5a5a5abe;
  font-size: .9rem;
}
.iob-settings .admin-heading {
  margin-bottom: 0;
}
.iob-settings p {
  font-size: .9rem;
}

.iob-status-img:active {
  filter: brightness(70%)
}

.iob-users-list-row > div {
  word-wrap: break-word; /* For legacy support */
  overflow-wrap: break-word; /* Modern property */
  word-break: break-all; /* Forces breaks between characters */
}

@media only screen and (max-width: 768px) {
  .admin_icons {
    padding: 1rem;
    display: block;
  }
  .admin_icons li {
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 8px;
    margin-bottom: 2rem;
  }
  .admin-icon-text .sub-text, p, .description, .admin-page-description, .iob-users-list-row-item {
    font-size: 1rem !important;
    line-height: 1rem !important;
  }



  .iob-users-list-row .avatar {
    scale: 1.8;
    position: relative;
    left: 1rem;
    top: 1rem;
  }
  .iob-user-row-actions {
    visibility: visible !important;
  }
  .iob-admin-settings-form .iob-input-row {
    display: block;
    border: 1px solid #bbb;
    padding: .25rem 1rem .5rem 1rem;
    border-radius: 8px;
  }
  .iob-admin-settings-form .iob-input-row label {
    font-weight: 600;
  }
  .description {
    color: #5a5a5abe;
    font-size: 1rem !important;
  }
  label[for=avatar_image]{
    display: block
  }
  .edit_profile_img {
    display: block;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}
/** END - Admin pages CSS */


#guest_button {
  padding: .75rem;
}

.employee_note_form div button {
  padding: 20px;
}

.employee_note_form,
#emp_return_date_form {
  padding: 2rem;
}

#guest-virtual-keyboard {
  color: black;
}

.employee-profile-table,
.tribe-events-c-messages__message-list-item,
.tribe-events-c-breadcrumbs__list,
.tribe-events-c-breadcrumbs__list > li > a,
.tribe-events-c-messages__message-list-item-link,
.tribe-events-c-nav__prev,
.tribe-events-c-nav__next {
  color: var(--table-font-color) !important;
}


.tribe-events .datepicker .day,
.tribe-events .datepicker .past,
.tribe-events .datepicker .month,
.tribe-events .datepicker .year,
.tribe-events .datepicker .datepicker-switch {
  color: black !important;
}


#corner-profile-edit-block {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    max-height: 56px;
    align-items: center;
    display: grid;
    grid-template-columns: 3fr 1fr;
    color: #FFF;
    text-align: center;
}

#corner-profile-edit-block:active,
#corner-profile-edit-block:focus,
#corner-profile-edit-block:hover {
    background: #55555e;
}

#corner-profile-edit-block > div > a {
    color: white;
}

#corner-profile-edit-block > div > img {
    max-height: 45px;
    margin: 5px;
}

@media only screen and ( max-width: 768px ) {
    #corner-profile-edit-block {
        top: 56px;
        width: 100vw;
        text-align: center;
        background: #000;
    }
}