/**
 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333333;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #808080;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}
.selectize-dropdown .active.create {
  color: #262626;
}
.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup-header {
  font-size: 12px;
  line-height: 1.42857143;
}
.selectize-dropdown .optgroup:first-child:before {
  display: none;
}
.selectize-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}
.selectize-dropdown-content {
  padding: 5px 0;
}
.selectize-dropdown-header {
  padding: 6px 12px;
}
.selectize-input {
  min-height: 34px;
}
.selectize-input.dropdown-active {
  border-radius: 4px;
}
.selectize-input.dropdown-active::before {
  display: none;
}
.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .selectize-input {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}
.selectize-control.multi .selectize-input > div {
  border-radius: 3px;
}
.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.activity-wrapper {
	border-bottom: 0.5px solid #aaa;
	font-size: 0.85em;
	color: #4f5b66;
	display: -ms-flexbox;
	display: flex;
}

.activity-icon-container {
	padding: 5px;
	padding-top: 13px;
}

.activity-datetime {
	color: #bbb;
}

.activity-important-fields {
	font-weight: bold;
}

.activity-before-update-state {
	color: #aaa;
}

#activity-filter {
	padding-left:12px;
	padding-right: 12px;
	padding-bottom:8px
}

#toggle-appointment-and-completion-report {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    font-size:1.4em;
    color:#697580;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.appointment-menu-toggle-item {
    padding-left: 20px;
    padding-right: 20px;
}

.appointment-menu-toggle-item:hover {
    cursor:pointer;
    color: #4F5B66;
    border-bottom:3px solid #828E99;
}

.appointment-menu-toggle-item.item-selected {
    border-bottom: 3px solid #7AD5DE;
}

.calendar-draggable {
    display:-ms-flexbox;
    display:flex;
    margin: 8px 0px 0px 0px;
    padding:8px 7px 8px 7px;
    font-size: 0.95em;
    border-radius:4px;
    background-color:#EFF2F5;
}

.calendar-draggable:hover {
    cursor: grab;
}

td.edit-requested-appointment-row > td {
    padding-top:8px;
    padding-bottom:8px;
}

#resource-details-wrapper.mitei-wrapper,#resource-details-wrapper.mitei-wrapper > #resource-details-block {
    height:100%;
}

#draggable-container {
    height: calc(100% - 32px);
    overflow-y: auto;
}

#transportation-form-body {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
        flex-direction:column;
}

#color-select-container {
    width: 230px;
}

#admin_page_content {
  position: fixed;
  left: 240px;
  top: 0;
  width: calc(100vw - 240px);
  height: 100vh;
  z-index: -20;
}

#admin_page_head {
  padding-top: 12px;
  border-bottom: 2px solid #eee;
}

#admin_page_title {
  margin-left: 5px;
  padding-left: 12px;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 15px;
}

.coli-data-menu-link {
  display: block;
}

.coli-data-menu-link:hover {
  background-color: #fcfcff;
}

.coli-data-menu-item {
  border-bottom: 1px solid #ccc;
  padding: 3px;
}

.coli-data-menu-item.selected {
  background-color: #fcfcff;
}

#admin_page_body {
  background-color: #f0f1f3;
  height: calc(100vh - 80px);
  overflow-y: auto;
}

#admin_page_tab_container {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -1px;
}

.admin-page-tab {
  color: #505d6f;
  width: 130px;
  text-align: left;
  padding: 5px;
}

.admin-page-tab.selected {
  border-bottom: 2px solid #505d6f;
}

.admin-data-block {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 150px);
  height: 350px;
}

.admin-data-container {
  margin: 8px;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: white;
}

.admin-width-40 {
  width: calc(40% - 16px);
}

.admin-width-60 {
  width: calc(60% - 16px);
}

.admin-data-header {
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 31px;
}

.admin-data-content {
  overflow-y: auto;
  height: 293px;
}

.nav_top_item {
  color: #505d6f;
  font-size: 1em;
  margin: 5px;
}

.coli_admin_link {
  display: inline-block;
}

.fa-admin-left-nav {
  font-size: 17px;
}

.fa-admin-left-nav-sm {
  font-size: 14px;
}

.mb-assessment-container {
    border-radius:4px;padding:4px;border:1px solid #ccc;margin-bottom:12px
}

.mb-assessment-header {
    display:-ms-flexbox;
    display:flex;-ms-flex-pack:justify;justify-content:space-between;line-height:32px;
}

.mb-document-title {
    color:#5f6368;font-size:1.05em
}

.mb-assessment-body {
    border-top:1px solid #ccc
}

.mb-assessment-content {
    background-color:#defcfc;margin-top:4px;padding:5px;border-radius:5px;font-size:0.9em
}

.mb-document-divider {
    text-align:center;font-size:11px;margin-top:5px
}

.red-text {
    color: #ED2939;
}

.teikyohyo-container {
    margin: 5px;
    padding: 5px;
    border: 0.5px solid #ccc;
}

.teikyohyo_title {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

.care-manager-corporation-header {
    padding: 6px 0px 6px 0px;
	border-bottom: 0.5px solid #dee2e6;
}

.care-manager-corporation-header:hover {
    cursor: pointer;
}

.toggle-arrow-left {
    margin-right: 5px;
}

.comment-container {
  width: 100%;
}

.commentor-and-thread-container {
  width: 45px;
}

.commenter-top-thread {
  height: 26px;
  width: 22.5px;
  border-right: 1px solid #ccc;
  color: transparent;
}

.commenter-bottom-thread {
  height: calc(100% - 50px);
  width: 22.5px;
  border-right: 1px solid #ccc;
  color: transparent;
}

.comment-head {
  height: 18px;
  line-height: 15px;
}

.comment-body {
  width: calc(100% - 49px);
}

.coli-edited-label {
  margin-left: -10px;
}

.toggleable-subsection-title:hover {
  cursor: pointer;
}

.glyphicon.completion-report-glyphicon {
  font-size: 0.7em;
  cursor: pointer;
  margin-left: 4px;
}

.report-checkmark {
  margin-right: 3px;
  padding-bottom: 2px;
  font-size: 8px;
  color: #42b97c;
}

#completion-reports-container {
  width: 100%;
  margin-left: 15px;
}

.before-appointment-label {
  width: 54px;
}

.report-prefilled-item {
  color: black;
}

.colibri-checkbox {
  width: 15px;
  height: 15px;
  border-radius: 2px;
}

.colibri-horizontal-menu-container {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 3px solid #dee2e6;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.colibri-horizontal-menu-item {
  font-size: 1.3em;
  text-align: center;
  color: #97a0a8;
  line-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
}

.colibri-horizontal-menu-item.attendance-menu {
  min-width: 75px;
}

.colibri-horizontal-menu-item.item-selected {
  border-bottom: 2px solid #606e7c;
  color: #606e7c;

  /* make the bottom border the full width of the parent container if only one option can be selected */
  &:only-child {
    width: 100%;
  }
}

.colibri-horizontal-menu-item:hover {
  cursor: pointer;
  color: #606e7c;
}

#japanese-query-date {
  font-size: 1.3em;
  text-align: center;
  color: #212529;
}

.completion-report-message-body {
  background-color: #defcfc;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 3px;
}

.completion-report-message-body > p {
  margin-bottom: 3px;
}

.completion-report-notification {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 0.5px solid #ccc;
}

.report-comparison-attribute {
  color: black;
}

.report-comparison-details {
  color: #5f6368;
}

.report-comparison-item-separator {
  width: 50px;
  height: 8px;
  border-bottom: 1px solid #85929e;
  margin-bottom: 8px;
}

.care-instructions {
  color: #606e7c !important;
}

table.reportable-details-table > tbody > tr > td {
  padding: 0px 15px 0px 0px;
  font-size: 1em;
}

.toggle-down {
  float: left;
  margin-right: 4px;
}

.report-flag {
  width: 11px;
  height: 14px;
  display: inline-block;
}

.report-flag-text {
  margin-bottom: 2px;
  font-weight: bold;
}

.nurse-ping-flag {
  background-color: #ff9090;
}

.changed-service-type-flag {
  background-color: #adf7b6;
}

.changed-from-forecast-flag {
  background-color: #fbc32d;
}

.spot-appointment-flag {
  background-color: #7ad5de;
}

.edit-requested-appointment-flag {
  background-image: repeating-linear-gradient(
    45deg,
    #c8f6df,
    #c8f6df 5px,
    #99e6bf 5px,
    #99e6bf 10px
  ) !important;
}

.changed-datetime-flag {
  background-color: #a9abff;
}

input.colibri-input[readonly="readonly"] {
  background-color: #f0f0f0 !important;
}

#desktop-reports-index-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 0.5px solid #ddd;
  margin-bottom: 5px;
}

#reports-header {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#reports-filters {
  display: -ms-flexbox;
  display: flex;
  grid-gap: 5px;
  gap: 5px;
  vertical-align: bottom;
}

#appointments-and-instructions {
  width: 65%;
  padding: 6px;
}

#recent-information-container {
  width: 35%;
  padding-top: 6px;
}

.report-warnings {
  width: 45%;
}

.report-detailed-items {
  width: 55%;
}

.vital-header {
  width: 55px;
}

.medical-report-item {
  margin-bottom: 7px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.item-header {
  margin-bottom: 3px;
}

.thread-item-images-container {
  display: -ms-flexbox;
  display: flex;
}

.thread-report-icon-badge {
  margin-top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #eff1f1;
  text-align: center;
  vertical-align: middle;
  padding-top: 4px;
}

.entry-button {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-bottom: 60px;
}

.start-form-info {
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.form-info-title {
  color: #828e99;
  margin-bottom: 4px;
}

.form-info-body {
  font-size: 0.9em;
}

.reportable-description {
  padding-bottom: 4px;
  border-bottom: 1px dotted #ccc;
  font-size: 0.9em;
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.horizontal-scrollable-menu {
  display: -ms-flexbox;
  display: flex;
  grid-gap: 5px;
  gap: 5px;
  white-space: nowrap;
  overflow-x: scroll;
  padding-bottom: 7px;
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.horizontal-scrollable-menu ::-webkit-scrollbar {
  display: none; /* Hide scrollbar for WebKit browsers (Chrome, Safari) */
}

@media screen and (orientation: portrait) {
  .colibri-horizontal-menu-container {
    max-width: 100%;
  }

  .colibri-horizontal-menu-item {
    font-size: 1.2em;
    text-align: center;
    color: #97a0a8;
    line-height: 44px;
    padding-left: 0;
    padding-right: 0;
  }

  .colibri-horizontal-menu-item.sp-attendance-menu {
    min-width: 65px;
  }
}

#contact-form-background {
    padding-top:50px;
    padding-bottom:50px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: center;
        align-items: center;
    background-color: #e7f6ff;
}

#colibri-contact-form-container {
    width: 100%;
    max-width: 450px;
    background-color: white;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

#contact-form-image-container {
    width: 100%;
    max-width: 450px;
    padding:20px;
}

#colibri-contact-form-title {
    color: #1B263B;
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 20px;
}

#call-colibri {
    display: none;
}

@media screen and (orientation: portrait) {

    #colibri-contact-form-container {
        padding: 20px 20px 20px 20px;
    }

    #colibri-contact-form-title {
        font-size: 1.6em;
        margin-bottom: 20px;
    }

}

@media screen and (orientation: landscape) and (min-width: 900px) and (max-width: 950px) {
    .nav-tablet-hidden {
        display: none !important;
    }
}

#dashboard-plannings-container {
    background-color: #606E7C;
	border: 0.5px solid #606E7C;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
    height: 100%;
	width: 180px;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	overflow-x: hidden;
	padding-top: 60px;
}

#new-planning-container {
    margin-bottom: 7px;
	margin-left: 7px;
}

#dashboard-plannings-list {
	height: 45%;
    overflow-y: auto;
}

#colibri-dashboard-container {
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 120px;
}

.colibri-dashboard-container-row {
	width: 100%;
	height: 50vh;
	display: -ms-flexbox;
	display: flex;
}

.colibri-dashboard-container-row-large {
	width: 100%;
	height: 70vh;
	display: -ms-flexbox;
	display: flex;
}

.colibri-dashboard-big-container {
	height: 90vh;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
}

.colibri-dashboard-subcontainer {
	background-color: white;
	margin: 5px;
	padding: 4px;
	border: 0.5px solid #ccc;
	border-radius: 4px;
	-ms-flex: 1 1;
	    flex: 1 1;
	width: calc(100% - 10px);
}

.colibri-dashboard-subcontainer-no-width {
	background-color: white;
	margin: 5px;
	padding: 4px;
	border: 0.5px solid #ccc;
	border-radius: 4px;
}

.subcontainer-column-full-height {
	height: calc(100% - 15px);
}

.subcontainer-column-half-height {
	height:calc(50% - 10px);
}

.colibri-dashboard-container-column-large {
	height: 100%;
	width: 55%;
}

.colibri-dashboard-container-column-narrow {
	height: 100%;
	width: 45%;
}

.colibri-subcontainer-body {
	height: calc(100% - 37px);
	overflow-y: auto;
	overflow-x: auto;
}

.colibri-subcontainer-body-with-footer {
	overflow-y: auto;
	overflow-x: auto;
}

.colibri-subcontainer-footer {
	margin-top: 7px;
}

.colibri-subcontainer-header {
	border-bottom: 0.5px solid #ccc;
	padding-bottom: 4px;
	height: 33px;
}

.unseen-activity-count {
	font-size: 0.9em;
	color: #4F4F4F;
}

#extended-daily-summary-title-container {
	display: -ms-flexbox;
	display: flex;
	margin: 5px;
	margin-top: 30px;
}

.post-clickable:hover {
	cursor: pointer;
}

.activity_header {
	display: none;
}

@media print {
	#extended-daily-summary-container {
		height: auto !important;
		overflow: visible !important;
	}
}

@media screen and (orientation: portrait) and (min-width: 760px) {
	.colibri-dashboard-big-container {
		height: auto;
		-ms-flex-direction: column-reverse;
		    flex-direction: column-reverse;
	}

	.colibri-dashboard-container-column-large {
		width: 100%;
		height: 90vh;
	}

	.colibri-dashboard-container-column-narrow {
		width: 100%;
		height: 45vh;
	}
}

.colibri-devise-form {
	width : 470px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 40px;
	background-color: #fff;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px;
	padding-bottom: 35px;
	border-radius: 3px;
	border: 1px solid #ddd;
}

.remember-me {
	color: #aaa;
	font-size: 1em;
}

#colibri-devise-links {
	margin-top: 15px;
}

.colibri-devise-title {
	font-size: 2.2em;
	line-height: 1em;
	color: #4f5b66;
	text-align: center;
	padding: 20px;
}

.colibri-form-label {
	color: #85919C;
}

.colibri-sm-label {
	font-size: 0.9em;
}

.colibri-form-label-dark {
	color: #4f5b66;
	font-size: 1em;	
}

.colibri-form-label-dark-md {
	color: #586571;
	font-size: 1em;	
}

.colibri-form-label-xtra-dark {
	color: #49545e;
	font-size: 1em;	
}

.colibri-form-options-label {
	color: #4f5b66;
}

#account-update-container {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	border: 0.5px solid #aaa;
	min-height: 700px;
	margin-top: 20px;
	margin-bottom: 50px;
}

#account-update-menu {
	width: 200px;
	border-right: 0.5px solid #aaa;
}

.account-menu-selected {
	color : black;
}

.account-menu-item:hover {
	cursor: pointer;
	color: black;
}

.account-menu-item {
	border-bottom: 0.5px solid #aaa;
	color :#4f5b66;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

#account-update-body {
	width: 100%;
}

.user-clickable-row:hover {
	cursor: pointer;
}

.colibri-input {
    border: 1px solid rgb(190, 189, 189);
    border-radius: 4px;
    padding: 1px 4px 1px 4px;
    text-align: right;
}

.colibri-input.input-text-left {
    text-align: left;
}

.colibri-input.additional-padding {
    padding: 3px 6px 3px 6px;
}

@media screen and (orientation: landscape) and (max-width: 900px), screen and (orientation: portrait) and (max-width: 760px) {
    
    body {
        overflow: hidden;
    }

    .modal-body, .modal-footer {
        padding: 15px !important;
    }

    .smartphone-no-display {
        display: none !important;
    }

    .activity_large_header {
        background-color: #2B384E;
    }
    
    .activity_subheader {
        background-color: #2B384E;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        line-height: 35px;
        color: white;
    }

    .colibri-homepage-subsection-title {
        font-size: 1.9em;
    }
    
	.activity_subtitle {
		font-size: 1.3em;
        color: #4F5D66;
        border-bottom: 0.5px solid rgb(215, 215, 215);
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    
    .toggleable_activity {
        display: none;
    }

	.activity_subcontainer {
		padding: 4px;
		margin-top: 5px;
    }
    
    .activity_subcontainer > p {
        margin-bottom: 0px;
    }

    .activity_subheader_item {
        -ms-flex-positive: 1;
            flex-grow: 1;
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
    }

    .activity_body.activity_body_fixed_height {
        height: calc(100vh - 143px);
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .activity_simple_format > p {
        margin-bottom: 5px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .activity_subheader_item.activity_subheader_item_selected {
        color: white;
        border-bottom: 3px solid white;
    }

    .phone_activity_container.activity_with_planning_menu {
        z-index: 5;
    }


    p.colibri-list-subtitle {
        margin-bottom: 0px;
        margin-left: 15px;
        padding-top: 5px;
        color: #2B384E;
        font-size: 0.9em;
    }

    p.colibri-fc-list-body {
		margin: 0px 0px 4px 15px;
		margin-left: 15px;
		background-color: white;
		opacity: 1;
		padding: 4px 6px 4px 6px;
		border: 0.4px solid #2B384E;
		border-radius: 3px;
    }

    div.fc-list.fc-listDay-view.fc-view {
        border: none !important;
    }

    div.fc-list-day-cushion.fc-cell-shaded {
        background-color: transparent;
        padding: 2px 14px 2px 14px;
    }

    #index-container {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px 3px 60px 3px ;
    }

    #post-lookup-container {
        padding: 5px;
        margin-bottom: 10px;
        border-bottom: 0.3px solid #ccc;
    }

    .colibri-subcontainer-title.subcontainer-no-display {
        display: none;
    }

    #lookup-button-container {
        margin-bottom:10px;
    }

    div.fc-list-empty-wrap2 {
        display: block !important;
    }

    #planning-container {
        overflow-y: scroll;
        overflow-x: hidden;
    }


    .fc-toolbar.fc-header-toolbar {
        width: calc(100% + 6px);
        margin-top: 3px;
        margin-left: -3px;
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 3px;
    }

    #posts-index-container {
        margin-bottom: 80px;
    }

    #index-table-container {
        margin-bottom: 80px;
    }

	#account-edit-body {
		padding: 0px;
    }
    
    /* flash layouts */

    .alert {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 7px;
        padding-bottom: 8px;
        border-radius:0px !important;
    }

    /* General fullcalendar layouts */

    .fc-event-title.title-responsive {
		font-size: 1.1em;
		color: black;
    }
    
    .fc-event > .fc-event-main {
        overflow: hidden !important;
    }
    
    .fc-event > .fc-event-main > .fc-event-main-frame {
        overflow: hidden !important;
    }

    .fc-event-main-frame > .fc-event-title-container {
        overflow: hidden !important;
    }

    .fc-event {
        overflow: hidden !important;
    }

	.fc-event-time.fc-time-responsive {
		font-size: 0.7em;
		color: black;
		font-weight: normal;
		display: block;
	}

    /* Completion Reports layouts */

    .completion-report-container {
        padding: 5px;
        margin-top:5px;
    }

    .completion-report-message-heading {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
            justify-content:space-between;
        font-size: 0.9em;
    }

    .completion-report-comment {
        border-top: 1px solid #2B384E;
        padding-top: 5px;
    }

    .completion-report-action {
        padding-top:6px;
        margin-top:6px;
        border-top:1px solid #ccc;
    }

    .completion-report-tasks {
        margin-bottom: 8px;
    }

    #desktop-reports-index-header {
        display: none;
    }

    #japanese-query-date {
        font-size:1.3em;
        text-align:center;
        color: #212529;
        line-height: unset;
    }

    #more-planning-menu-items {
        position: fixed;
        background-color: #fdfdfd;
        z-index: 10000;
        border: 0.5px solid #ccc;
		border-radius: 6px;
    }

    li.planning-menu-items {
        background-color: transparent;
    }

    li.planning-menu-items.planning-menu-selected {
		color: #626669;
        background-color: transparent;
    }
    
    li.planning-menu-items:hover, li.planning-menu-items.colibri-clickable-link:hover {
        background-color: transparent !important;
        color: #626669;
    }
    
    li.planning-menu-items:focus {
        background-color: transparent !important;
        color: #626669;
    }

    .planning-menu-items.planning-menu-selected {
        border: none !important;
    }

    .desktop-margin-top {
        margin-top: 0px;
    }

	#planning-header-container.mb-no-box-shadow {
		box-shadow: none;
	}

    #toggle-patients-nurses-wrapper {
        margin-top:15px;
    }

    /* List View */

    .fc-list.fc-view {
        border: none;
    }

    .fc-list-day-text {
        font-weight: bold;
    }

    .fc-list-day-cushion.fc-cell-shaded {
        padding-bottom:2px;
        padding-top: 0px;
        background-color: white;
    }

    .fc-list-empty {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        height: 70px;
    }

    .fc-list-day.fc-day, .fc-list-day.fc-day.colibri-listday-no-events {
        width: 100%;
        background-color: white;
        border-bottom: 1px solid rgb(221, 221, 221);
        padding: 2px 14px 2px 14px;
        text-align: left;
        font-weight: bold;
    }

    .colibri-no-events-text {
        width: 100%;
        background-color: white;
        text-align: center;
    }

    .fc-button.fc-button-primary {
		background-color: #FBFDFB;
		border-color: #FBFDFB;
		color: rgb(115, 120, 124);
		border: 0.5px solid rgb(161, 171, 180);
	}

	.fa.fa-edit.coli-bottom-menu-icon {
		margin-left:5px;
	}

	.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
		background-color: rgb(161, 171, 180);
		border-color: rgb(161, 171, 180);
	}

	.fc-button-primary:disabled {
		display: none !important;
    }
    
    .fc-view-harness {
        overflow-x: scroll;
    }

    .colibri-resourceview-title,h2.fc-toolbar-title {
        color: black;
		font-weight: bold;
		font-size: 1.0em !important;
    }

    table.activity-details-table > tbody > tr > td, table.activity-details-table > tbody > tr > td > p {
        font-size: 1em;
        vertical-align: top;
        padding-bottom: 3px;
        margin-bottom: 0;
    }

    li.planning-menu-items  {
        line-height: 18px !important;
    }

    /* css for contact form */

    #call-colibri {
        display: inline;
    }

    /* css for mode of transportation */

    .colibri-radio-item {
        width:100%;
        line-height: 45px;
        margin-bottom: 10px;
        padding: 6px 10px 6px 10px;
        background-color: #eff1f1;
        border: 2px solid #eff1f1;
        border-radius: 4px;
    }

    .colibri-radio-item-content {
        display: -ms-flexbox;
        display: flex;
    }

    .colibri-radio-item.radio-selected {
        background-color: #E0FDEC;
        border: 2px solid #6BCD93;
    }

    .colibri-radio-label {
        width: calc(100% - 91px);
        color: #4f5b66;
        padding-left: 15px;
        font-size: 1.3em;
    }

    #transportation-form-container {
        -ms-flex-positive:1;
            flex-grow:1;
    }
    
    .colibri-radio-checkmark {
        width: 45px;
    }

    .colibri-radio.glyphicon {
        font-size: 16px;
    }

    #attendance-menu-icon {
        padding-bottom: 0px !important;
    }

	/* Users settings layout */


    #colibri-presentation-text {
        text-align:center;
    }

    #phone-action-container {
        position:fixed;
        right:15px;
        bottom:145px;
        z-index:15;
        background-color:#fafafa;
        border-radius:4px;
        padding:8px 12px 8px 12px;
        box-shadow:0px 1px 2px #ccc
    }
    
    #phone-reflect-button-wrapper {
        display: block !important;
        position:fixed;
        right:15px;
        z-index:15
    }
    
    #phone-reflect-button {
        width:60px;
        height:60px;
        text-align:center;
        border-radius:50%;
        color:#748493;
        box-shadow:0px 1px 2px #ccc;
    }
    
    .phone-action-icon {
        line-height:60px;
        font-size:1.5em
    }

}

@media screen and (orientation: portrait) and (min-width: 761px) and (max-width: 1030px) {
  #colibri-nav-container {
    margin-left: 15px !important;
  }

  #top-subsection {
    margin-bottom: -60px !important;
  }

  .ipad-no-display {
    display: none !important;
  }
  .ipad-no-display {
    display: none !important;
  }

  .ipad-only-display {
    display: block !important;
  }
  .ipad-only-display {
    display: block !important;
  }

  #payable-container.no-resources-width {
    width: calc(100vw - 58px) !important;
    left: 58px;
  }
  #payable-container.no-resources-width {
    width: calc(100vw - 58px) !important;
    left: 58px;
  }

  #detail-container.no-resources-width {
    max-width: calc(100vw - 55px) !important;
    width: calc(100vw - 55px) !important;
  }
  #detail-container.no-resources-width {
    max-width: calc(100vw - 55px) !important;
    width: calc(100vw - 55px) !important;
  }

  #planning-header {
    display: block !important;
  }
  #planning-header {
    display: block !important;
  }

  #nurse_filter_wrapper {
    margin-left: 0px !important;
    margin-top: -13px;
    margin-bottom: 7px;
  }
  #nurse_filter_wrapper {
    margin-left: 0px !important;
    margin-top: -13px;
    margin-bottom: 7px;
  }

  #reports-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  #reports-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  #completion-reports-query-date-container {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  #completion-reports-query-date-container {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  #reports-filters {
    margin-top: 10px;
  }
  #reports-filters {
    margin-top: 10px;
  }

  #appointments-and-instructions {
    width: 100%;
  }
  #appointments-and-instructions {
    width: 100%;
  }

  #recent-information-container {
    display: none !important;
  }
  #recent-information-container {
    display: none !important;
  }

  .thread-item-body {
    display: block !important;
  }
  .thread-item-body {
    display: block !important;
  }

  .reportable-information,
  .post-information {
    width: 100% !important;
  }

  .report-items,
  .post-readmarks {
    width: 100% !important;
  }

  .report-body,
  .post-content {
    width: 100% !important;
  }

  .report-action,
  .post-action {
    width: 100% !important;
  }
  .reportable-information,
  .post-information {
    width: 100% !important;
  }

  .report-items,
  .post-readmarks {
    width: 100% !important;
  }

  .report-body,
  .post-content {
    width: 100% !important;
  }

  .report-action,
  .post-action {
    width: 100% !important;
  }

  .reportable-info-block,
  .post-info-block {
    display: -ms-flexbox;
    display: flex;
  }
  .reportable-info-block,
  .post-info-block {
    display: -ms-flexbox;
    display: flex;
  }

  .post-information,
  .reportable-info-container {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eff1f1;
  }
  .post-information,
  .reportable-info-container {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eff1f1;
  }

  .post-content,
  .report-body {
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eff1f1;
    margin-bottom: 3px;
  }
  .post-content,
  .report-body {
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eff1f1;
    margin-bottom: 3px;
  }

  .post-action,
  .report-action {
    text-align: right;
  }
  .post-action,
  .report-action {
    text-align: right;
  }

  .reportable-second-nurse-information {
    display: none !important;
  }
  .reportable-second-nurse-information {
    display: none !important;
  }

  .ipad-no-flex {
    display: block !important;
  }
  .ipad-no-flex {
    display: block !important;
  }

  .report-warnings {
    width: 100%;
  }
  .report-warnings {
    width: 100%;
  }

  .report-detailed-items {
    width: 100%;
  }
  .report-detailed-items {
    width: 100%;
  }

  /* fullCalendar layouts */
  /* fullCalendar layouts */

  .fc-list.fc-view.fc-listDay-view {
    border-color: transparent !important;
  }
  .fc-list.fc-view.fc-listDay-view {
    border-color: transparent !important;
  }

  .fc-list-day.fc-day {
    display: none !important;
  }
  .fc-list-day.fc-day {
    display: none !important;
  }

  .colibri-fc-list {
    border-radius: 6px;
    background-color: #eff2f5;
    padding: 8px;
    margin-top: 6px;
  }
  .colibri-fc-list {
    border-radius: 6px;
    background-color: #eff2f5;
    padding: 8px;
    margin-top: 6px;
  }

  .colibri-fc-list-time {
    font-size: 0.8em;
  }
  .colibri-fc-list-time {
    font-size: 0.8em;
  }

  .colibri-fc-list-body {
    margin-left: 15px;
    margin-bottom: 0px;
    padding: 4px 6px;
    background-color: white;
    border: 0.5px solid #2b384e;
    border-radius: 4px;
  }
  .colibri-fc-list-body {
    margin-left: 15px;
    margin-bottom: 0px;
    padding: 4px 6px;
    background-color: white;
    border: 0.5px solid #2b384e;
    border-radius: 4px;
  }

  .colibri-fc-list-title {
    color: black;
  }
  .colibri-fc-list-title {
    color: black;
  }

  .colibri-list-subtitle {
    margin-bottom: 0px;
    margin-left: 15px;
    font-size: 0.8em;
  }
  .colibri-list-subtitle {
    margin-bottom: 0px;
    margin-left: 15px;
    font-size: 0.8em;
  }

  .fc-list-empty {
    height: auto !important;
    background-color: white !important;
    padding-top: 6px;
    border-top: 1px solid #eff1f1;
  }
  .fc-list-empty {
    height: auto !important;
    background-color: white !important;
    padding-top: 6px;
    border-top: 1px solid #eff1f1;
  }

  .activity_subtitle {
    font-size: 1.3em;
    color: #4f5d66;
    border-bottom: 0.5px dotted #ddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .activity_subtitle {
    font-size: 1.3em;
    color: #4f5d66;
    border-bottom: 0.5px dotted #ddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .toggleable_activity {
    display: none;
  }
  .toggleable_activity {
    display: none;
  }

  .activity_subcontainer {
    padding: 4px 0px;
    margin-top: 5px;
  }

  .activity_subcontainer > p {
    margin-bottom: 0px;
  }

  .coli-report-container {
    margin-bottom: 6px;
  }

  .coli-report-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .coli-report-publisher {
    font-size: 0.85em;
  }

  .coli-report-published-at {
    font-size: 0.85em;
  }

  .coli-report-body {
    background-color: #defcfc;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
  }

  .details-table-cell > p {
    margin-bottom: 0px;
  }
  .details-table-cell > p {
    margin-bottom: 0px;
  }
}

/* app-wise css rules */

a {
  text-decoration: none !important;
}

#remote_container {
  width: 100vw;
  overflow-x: hidden;
}

.btn-sm-fixed-height {
  height: 33.5px;
}

/* Image-related styles */

.colibri-play-icon {
  position: absolute;
  left: 34px;
  top: 27px;
  opacity: 0.9;
}

.file-names-container {
  margin-left: 12px;
  font-size: 14px;
  color: #4f5b66;
  line-height: 30px;
  overflow-x: hidden;
  width: calc(100% - 157px);
}

.report-image {
  margin: 5px 5px 0px 0px;
}

.unpreviewable-video {
  height: 80px;
  width: 80px;
  background-color: #ccc;
}

.unpreviewable-video:hover {
  background-color: #ccc;
}

.report-video {
  position: relative;
  display: inline-block;
}

.report-pictures-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.report-picture-container {
  margin-bottom: 5px;
  margin-right: 5px;
}

.photo-preview-container {
  height: 62px;
  width: 62px;
  border-radius: 62px;
  border: 1px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

#placeholder-patient-image {
  width: 62px;
  height: 62px;
  border-radius: 62px;
  background-color: #7ad5de;
  color: white;
  font-size: 1.3em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

#patient-thumb {
  border-radius: 62px;
  border: 1px solid #ccc;
}

.patient-name-bubble {
  width: 62px;
  height: 62px;
  border-radius: 62px;
  background-color: #7ad5de;
  color: white;
  font-size: 1.3em;
  vertical-align: middle;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  vertical-align: middle;
}

.colibri-photo {
  max-width: 100%;
  max-height: 100%;
}

input[type="file"]::file-selector-button {
  background-color: #eaecec;
  border: 2px solid #eaecec;
  color: #5f6368;
  border-radius: 4px;
}

input[type="file"]::file-selector-button:hover {
  background-color: #e2e4e4;
  border: 2px solid #e2e4e4;
  color: #5f6368;
  cursor: pointer;
}

/* Bootstrap 5 adjustments */

input.form-check-input {
  border: 1.5px solid #bbb;
}

input.form-check-input {
  border: 1.5px solid #bbb;
}

.coli-cyan-checkbox.form-check-input:checked {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.coli-green-checkbox.form-check-input:checked {
  background-color: #30af4d !important;
  border-color: #30af4d !important;
}

.coli-green-checkbox.form-check-input:focus {
  box-shadow: 0 0 3px 3px rgba(40, 167, 69, 0.8);
  border-color: #30af4d !important;
}

.modal {
  overflow-y: auto !important;
}

.btn.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: white;
}

.btn.btn-info:hover {
  background-color: #138496 !important;
  border-color: #138496 !important;
  color: white !important;
}

.btn.btn-info:active {
  background-color: #138496 !important;
  border-color: #138496 !important;
  color: white !important;
  box-shadow: 0 0 0 0.25rem rgb(11 172 204 / 50%);
}

.btn.btn-info:focus {
  background-color: #138496 !important;
  border-color: #138496 !important;
  color: white !important;
}

.btn.btn-outline-info {
  background-color: transparent;
  border-color: #17a2b8;
  color: #17a2b8;
}

.btn.btn-outline-info:hover {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: white !important;
}

.form-check-input.input-success:checked {
  background-color: #30af4d;
  border-color: #30af4d;
  color: white;
}

.btn.btn-success {
  background-color: #30af4d;
  border-color: #30af4d;
  color: white;
}

.btn.btn-success:hover {
  background-color: #299040 !important;
  border-color: #299040 !important;
  color: white !important;
}

.btn.btn-success:active {
  background-color: #299040 !important;
  border-color: #299040 !important;
  color: white !important;
  box-shadow: 0 0 0 0.25rem rgb(72 180 97 / 50%);
}

.btn.btn-success:focus {
  background-color: #299040 !important;
  border-color: #299040 !important;
  color: white !important;
}

table.table > thead,
table.table > thead > tr,
table.table > thead > tr > th {
  border-bottom: 2px solid #dee2e6 !important;
  border-top: 1px solid #dee2e6 !important;
}

table.table > thead > tr > th,
table.table > tbody > tr > td,
table.table > tbody > tr > th {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.popover-head,
.popover-header {
  padding: 6px 8px 6px 8px !important;
}

.popover-body {
  padding: 6px 8px 6px 8px !important;
}

/*  */

.glyphicon.glyphicon-cog:hover,
.glyphicon.glyphicon-home:hover,
.glyphicon.glyphicon-calendar:hover {
  color: white !important;
}

.glyphicon.glyphicon-calendar.glyphicon-no-hover-style:hover {
  color: inherit;
}

.button:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none;
}

.coli-clickable-row:hover {
  cursor: pointer;
}

.ripple {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: inherit;
  pointer-events: none;
  animation: ripple-shadow 0s forwards;
  -webkit-animation: ripple-shadow 0s forwards;
}

.rippleWave {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  -ms-transform: scale(0.7);
      transform: scale(0.7);
  -webkit-transform: scale(0.7);
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.45;
  animation: ripple 1s forwards;
  -webkit-animation: ripple 1s forwards;
}

.stick-to-top {
  position: fixed !important;
  top: 20px;
}

.recent-reports-container {
  border-top: 0.5px solid #eee;
  padding-top: 4px;
}

html.touch *:hover {
  pointer-events: none !important;
  all: unset !important;
}

tr.clickable-row:hover {
  background-color: #eff1f1 !important;
}

/* Pagy styles */

.page-item.active > a.page-link {
  color: #354553 !important;
  background-color: #dee2e6 !important;
  border-color: #dee2e6 !important;
}

.page-link {
  color: #354553 !important;
}

/* Colibri forms */

.clickable-switch {
  width: 30px;
  height: 17px;
  border-radius: 17px;
  padding-top: 2px;
  margin-top: 5px;
}

.clickable-switch.switch-on {
  background-color: #17a2b8;
}

.clickable-switch.switch-off {
  background-color: #ccc;
}

.clickable-switch-slider {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  background-color: white;
}

.clickable-switch-slider.switch-on {
  margin-left: 15px;
}

.clickable-switch-slider.switch-off {
  margin-left: 2px;
}

.colibri-form-info {
  background-color: #e7fdfd;
  color: #046985;
  border: 1px solid #046985;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 6px;
}

.colibri-form-info.inline-info {
  display: inline;
}

.colibri-form-secondary {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #5f6368;
  color: #5f6368;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 6px;
}

.colibri-form-warning {
  background-color: #fdf2a0;
  color: #6d6109;
  border: 1px solid #6d6109;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 6px;
}

.colibri-form-success {
  background-color: #e6facc;
  color: #476b43;
  border: 1px solid #476b43;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 6px;
}

.colibri-form-success.inline-success {
  display: inline;
}

.colibri-form-alert {
  background-color: #fdb5bd;
  border: 1px solid #c2838a;
  color: #531e24;
  font-size: 0.9em;
  border-radius: 4px;
  padding: 6px;
}

#admin-corporation-name-container {
  position: fixed;
  z-index: 2000;
  font-size: 0.9em;
  top: 30px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  padding: 5px 17px;
  background-color: #e6facc;
  color: #476b43;
  border-radius: 4px;
}

#admin-corporation-name-container:hover {
  cursor: pointer;
}

#attendance-menu-icon {
  padding-bottom: 15px;
}

.ipad-no-flex {
  display: -ms-flexbox;
  display: flex;
}

.ipad-only-display,
.badge.ipad-only-display {
  display: none !important;
}

.colibri-filter-btn-sm {
  border-radius: 14px;
  height: 28px;
  padding: 3px 9px 3px 9px;
  border: 1px solid transparent;
  line-height: 20px;
  font-size: 0.9em;
}

.colibri-filter-btn-sm.icon-filter {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.colibri-thread-line {
  height: 100%;
  width: 2px;
  background-color: #eff1f1;
  margin-left: auto;
  margin-right: auto;
}

.colibri-thread-icon-container {
  margin-top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #eff1f1;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
}

.medical-reports-label {
  width: 160px;
}

.filter-selected.fc-button.fc-button-primary {
  background-color: #d5d5d5 !important;
}

.video-play-button {
  margin-left: -48px;
  margin-right: 32px;
  opacity: 0.85;
  width: 16px;
}

.video-play-button:hover {
  cursor: pointer;
}

.direct-upload {
  display: inline-block;
  position: relative;
  padding: 2px 4px;
  margin: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  font-size: 11px;
  line-height: 13px;
}

.direct-upload--pending {
  opacity: 0.6;
}

.direct-upload__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  background: #7ad5de;
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
  transform: translate3d(0, 0, 0);
}

.direct-upload--complete .direct-upload__progress {
  opacity: 0.4;
}

.direct-upload--error {
  border-color: red;
}

input[type="file"][data-direct-upload-url][disabled] {
  display: none;
}

.colibri-yellow-warning {
  color: rgb(255, 223, 92);
  font-size: 11px;
}

.coli-ripple:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: white;
  visibility: hidden;
  z-index: 2;
}

.coli-ripple:not(:active):before {
  animation: colibri-ripple 0.4s cubic-bezier(0, 0, 0.2, 1);
  transition: visibility 0.4s step-end;
}

.coli-ripple:active:before {
  visibility: visible;
}

.anim-scale-in {
  animation-name: scale-in;
  animation-duration: 0.15s;
  animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
}

@keyframes colibri-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0.5;
  }

  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}

@keyframes ripple {
  to {
    transform: scale(24);
    opacity: 0;
  }
}

@keyframes ripple-shadow {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  20% {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}

textarea {
  field-sizing: content;
  min-height: 4em !important;
}

.align-right {
  float: right;
}

#payable-container {
  position: fixed;
  margin-left: 223px;
  height: 100vh;
  overflow-y: scroll;
  width: calc(100vw - 213px);
  overflow-x: hidden;
  margin-bottom: 50px;
}

#payable-dashboard {
  min-width: 150px;
}

#chart-and-details-container {
  height: 125px;
  border-left: 0.5px #ccc solid;
  padding-left: 10px;
}

.payable-body {
  padding-bottom: 40px;
  padding-left: 7px;
  padding-right: 7px;
}

p.payable-dashboard-line {
  margin-bottom: 5px;
}

.payable-dashboard-important {
  font-weight: bold;
  font-size: 1.3em;
}

.payable-dashboard-text-container {
  margin-left: 10px;
}

#payable-charts {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

#toggle-patients-nurses {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7px;
}

#payable-download-button {
  margin-left: auto;
  margin-right: 0;
}

#payable-table-commands {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 4px;
  border-bottom: 1px solid #eaecec;
  margin-bottom: 7px;
}

.sunday-holiday-provided-service {
  color: #ff304f !important;
}

.saturday-provided-service {
  color: #118df0 !important;
}

.cancelled-provided-service {
  text-align: center;
  font-size: 1.15em;
  padding-bottom: 2px;
  padding-top: 2px;
  background-image: repeating-linear-gradient(
    45deg,
    #ffbfbf,
    #ffbfbf 5px,
    #ff8484 5px,
    #ff8484 10px
  ) !important;
}

.edit-requested-provided-service {
  text-align: center;
  font-size: 1.15em;
  padding-bottom: 2px;
  padding-top: 2px;
  background-image: repeating-linear-gradient(
    45deg,
    #c8f6df,
    #c8f6df 5px,
    #99e6bf 5px,
    #99e6bf 10px
  );
}

#chosen_custom_email_days_chosen {
  width: 120px !important;
}

#nurse-details-button {
  margin-left: 10px;
}

.planning-nurse-module-title {
  min-width: 100px;
}

.planning-nurse-module-title:hover {
  cursor: pointer;
}

#resource-details-panel {
  background-color: white;
  position: fixed;
  right: 0px;
  top: 0px;
  width: 400px;
  box-shadow: 0px 5px 5px 0px #dde4ec;
  z-index: 15;
  padding: 15px 10px 15px 10px;
  border: 0.5px solid #ddd;
  height: 100vh;
  overflow-y: auto;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

#resource-details-panel::-webkit-scrollbar {
  display: none;
}

#resource-detail-body {
  height: calc(100% - 32px);
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}

.resource-details-block-title {
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 0.5px solid #ddd;
  margin-bottom: 4px;
  color: #4f4f4f;
}

td.details-table-body {
  text-wrap: wrap;
  padding-right: 7px;
}

.details-table-head-lg {
  width: 215px;
}

.resource-detail-table {
  width: 100%;
}

.resource-detail-table > tr {
  width: 100%;
}

#resource-action-block {
  margin-top: 10px;
  margin-bottom: 20px;
}

.btn-light-custom {
  border: 0.5px solid #eee;
}

#resource-detail-header {
  border-bottom: 0.5px solid #ddd;
  margin-bottom: 5px;
}

div.resource-details-table {
  font-size: 0.85em;
  padding-bottom: 3px;
  padding-left: 0px;
  vertical-align: top;
  width: 100%;
}

.resource-history {
  font-size: 0.85em;
  margin-bottom: 1px;
}

.close-button-span:hover {
  cursor: pointer;
}

#payable-query {
  font-size: 0.7em;
}

.refresh-button {
  margin-bottom: 3px;
  background-color: #bbb;
}

.refresh-button:hover {
  cursor: pointer;
}

.colibri-payable-subtitle {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1.2em;
  color: black;
  font-weight: bold;
}

.nurse-wage-element {
  display: -ms-flexbox;
  display: flex;
}

.wage-element-title {
  width: 110px;
  text-align: right;
  font-size: 1em;
}

.attendance-el-title {
  width: 80px;
  text-align: right;
  font-size: 1em;
}

.wage-element-value {
  width: 150px;
  padding-left: 6px;
}

.attendance-el-value {
  width: 180px;
  padding-left: 6px;
}

.wage-element-title.total-wage {
  border-top: 1px solid #ccc;
}

.attendance-container {
  border: 0.5px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  background-color: #fefffe;
}

.attendance-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 0.5px solid #ccc;
}

.attendance-datetime {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.attendance-summary-container {
  margin-right: 5px;
  border: 0.5px solid #ccc;
  border-radius: 3px;
  width: 60%;
}

.attendance-action-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.attendance-date-query-container {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px 15px 0px;
  max-height: 55px;
  -ms-flex-pack: right;
      justify-content: right;
}

@media print {
  .completion-report-message-body {
    border: 3px solid #defcfc;
    font-size: 16px;
  }

  .completed-report-row {
    border-bottom: 0.5px solid #dee2e6;
  }

  .completed-report-row > td {
    font-size: 16px;
  }

  #payable-container {
    height: auto !important;
    overflow: visible;
    max-width: none;
    min-width: 100vw !important;
    width: 100vw !important;
    margin-left: 0px;
    position: relative;
  }
}

.ie9 img[src$=".svg"] {
  width: 100%;
}

.colibri-regular-link {
  color: #17a2b8;
  padding-bottom: 2px;
  display: inline-block;
  max-width: 100%;
  overflow-wrap: break-word;
}

.coli-dotted-link {
  border-bottom: 1px dotted #17a2b8;
}

.colibri-regular-link:hover {
  color: #108ea1;
}

.coli-dotted-border {
  border-bottom: 1px dotted;
}

.mb-20px {
  margin-bottom: 20px;
}

.max-h-500px {
  max-height: 500px;
}

#colibri-pages-nav {
  background: white;
  color: black;
  z-index: 30;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 53px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-shadow: 0 4px 2px -2px #ccc;
}

#main-image-responsive {
  display: none;
}

.smartphone-portrait-only {
  display: none;
}

#colibri-clients-responsive {
  display: none !important;
}

a#brand-name {
  color: black;
  font-size: 1.7em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-family: Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

span.colibri-brand-inline {
  font-family: Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
}

p.company-information {
  margin-bottom: 9px !important;
  color: #d9dce2;
}

#pages-nav-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

#pages-nav-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

#colibri-mobile-nav {
  display: none;
}

.colibri-dropdown {
  position: relative;
  display: inline-block;
}

.colibri-dropdown-content {
  display: none;
  position: absolute;
  top: 40px;
  background-color: white;
  width: 190px;
  border: 1px solid #ccc;
  border-radius: 3px;
  z-index: 1;
  padding: 0.5px;
}

.colibri-dropdown-content a {
  color: #393e46;
  padding: 9px 11px;
  text-decoration: none;
  display: block;
}

.colibri-arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #393e46;
}

.colibri-dropdown-content a:hover {
  background-color: #f8f8f8;
  color: black;
}

.dropdown-show {
  display: block;
}

#colibri-home-pink-pattern {
  width: 100%;
  margin-top: -21.25vw;
}

#colibri-home-pink-pattern-2 {
  width: 100%;
  margin-top: -25vw;
}

#colibri-home-pink-pattern-5 {
  width: 100%;
  margin-top: -50vw;
}

#colibri-home-pink-pattern-smartphone,
#colibri-home-pink-pattern-smartphone-landscape {
  display: none;
}

#service-types-section {
  text-align: center;
  padding-top: 80px;
  margin-top: -40px;
  padding-bottom: 40px;
  margin-bottom: 15px;
}

#top-subsection {
  padding: 80px 50px 0px 70px;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
}

#top-subsection.home-top-section {
  background-image: url(/packs/static/colibri_pink_pattern-2c7dc11a2c2588145ae2.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

#top-subsection.product-top-section {
  background-image: url(/packs/static/colibri_pink_pattern_5-d35ee3dc6df3ee53887d.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

#issues-subsection {
  padding-top: 40px;
  padding-bottom: 0px;
}

#colibri-calendar {
  padding-top: 30px;
}

#colibri-payment {
  padding-top: 0px;
  padding-bottom: 0px;
}

.background-transition {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  margin-bottom: -2px;
  margin-top: -2px;
  margin-left: -2px;
  margin-right: -2px;
}

#colibri-reporting {
  padding-top: 50px;
  padding-bottom: 30px;
}

.colibri-bottom-action-container {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.colibri-security-head {
  display: -ms-flexbox;
  display: flex;
}

#mobile-only-contact-form-button {
  display: none;
}

#presentation-text {
  width: 55%;
  padding-top: 5px;
}

#colibri-presentation {
  padding: 60px 50px 60px 20px;
  color: #393e46;
  display: -ms-flexbox;
  display: flex;
}

#colibri-presentation-text {
  background-color: transparent;
  z-index: 30;
  font-size: 1em;
}

#main-image {
  width: 900px;
}

#colibri-main-image {
  width: 900px;
}

.colibri-home-presentation-title {
  color: #1b263b;
  font-size: 2.7em;
  font-weight: 600;
  line-height: 1.7em;
}

.white-background {
  background-color: white;
}

.light-pink-background {
  background-color: #fce7ea;
}

.light-blue-background-hp {
  background-color: #f3f7fe;
}

.middle-blue-background {
  background-color: #9bbdf9;
}

.section-title-container {
  width: 100%;
  text-align: center;
}

.colibri-section-title {
  font-size: 2.2em;
}

.colibri-home-large-container {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.colibri-section-centered-text {
  max-width: 690px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.colibri-home-centered-container {
  max-width: 740px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 120px;
}

#colibri-features-container {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.colibri-feature-container {
  width: 200px;
  border-radius: 4px;
  margin: 10px;
  border: 1px solid #ccc;
  background-color: white;
  color: #393e46;
}

.colibri-feature-container:hover {
  cursor: pointer;
  color: black;
}

.colibri-feature-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 150px;
  width: 188px;
  margin: 6px;
}

#calendar-tablet-image {
  display: none;
}

.product-pink-underline {
  height: 6px;
  background-color: transparent;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.colibri-feature-title {
  font-size: 1.25em;
  text-align: center;
  margin-bottom: 4px;
}

footer {
  background-color: #1b263b;
  color: white;
  padding: 0px 20px 80px 20px;
}

#colibri-footer {
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
}

.hover-white-underline:hover {
  opacity: 1 !important;
  text-decoration: underline !important;
}

#footer-brand-container {
  width: 30%;
  margin-right: 20px;
}

#footer-colibri-information-container {
  padding-top: 30px;
  width: 70%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer-section {
  min-width: 130px;
  padding-left: 5px;
  padding-right: 60px;
}

.footer-section-title {
  color: white;
  font-weight: 550;
}

.footer-section-container {
  margin-top: 15px;
  margin-bottom: 45px;
  font-weight: lighter;
}

.footer-colibri-information-title {
  font-size: 1.3em;
}

.colibri-home-subsection {
  color: black;
  padding: 50px;
  width: 100%;
}

.margin-md {
  margin: 0px 20px 30px 20px;
}

.aligned-left-home {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.align-text-right-home {
  text-align: right;
}

.colibri-nav-dropdown {
  line-height: 18px;
}

#colibri-nav-hamburger {
  display: none;
}

ul#colibri-nav-right-list {
  list-style: none;
  margin-bottom: 0px;
}

#colibri-mobile-menu {
  display: none;
}

.heroku-and-salesforce-body {
  font-size: 0.9em;
}

.home-subsection-content-container {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 5px;
}

.aligned-center-home {
  margin-left: auto;
  margin-right: auto;
}

.colibri-subsection-content-container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  width: 100%;
}

.home-subsection-subtitle {
  font-size: 1.8em;
  margin-bottom: 20px;
}

.colibri-subsection {
  -ms-flex: 1 1;
      flex: 1 1;
  padding: 20px 15px 20px 15px;
}

#colibri-security-text {
  width: 70%;
}

#security-icon-container {
  width: 30%;
}

.colibri-security-icon {
  max-width: 100%;
}

.colibri-subsection-centered {
  margin-bottom: 60px;
}

#heroku-and-salesforce {
  margin-top: 25px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
}

.heroku-and-salesforce-logo {
  text-align: center;
  height: 80px;
}

#joinus-page-container {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.heroku-and-salesforce-content {
  max-width: 300px;
  border-radius: 5px;
  margin: 8px;
  padding: 20px;
  background-color: #efefef;
}

.home-subsection-content {
  height: 100%;
  width: 50%;
  padding-top: 20px;
  font-size: 1.1em;
}

.responsive-img {
  max-width: 100%;
}

.shadowed-img {
  box-shadow: 0px 0px 30px 6px #bbb;
}

.flex-1 {
  -ms-flex: 1 1;
      flex: 1 1;
}

.add-margin-left-md {
  margin-left: 20px;
}

.ul-left > li {
  list-style-type: circle;
  text-align: left;
  padding-left: 0pt;
}

.list-style-p {
  margin-bottom: 0px;
}

.list-style-p::before {
  content: "•";
  color: left;
}

.colibri-subsection-icon {
  padding: 20px;
}

.colibri-home-subsection-title {
  display: block;
}

.colibri-homepage-subsection-title {
  color: #1b263b;
  font-weight: 600;
}

h2.colibri-home-subsection-small-title {
  display: block;
  font-size: 1.45em !important;
  color: #354553;
}

.colibri-home-subsection-title.title-light {
  color: #354553;
}

.colibri-home-subsection-title.title-sm {
  font-size: 1.4em;
}

.colibri-home-subsection-subtitle {
  font-size: 1.4em;
  color: #354553;
  margin-bottom: 12px;
}

.colibri-home-div {
  margin-bottom: 22px;
}

.colibri-sm-subsection-title {
  font-size: 1.9em;
  display: block;
  margin-bottom: 0;
}

.colibri-iframe-container {
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.colibri-iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.home-subsection-image-container {
  width: 50%;
  height: 100%;
  text-align: center;
}

.bloglike-subsection-image-container {
  width: 50%;
  height: 100%;
  text-align: left;
}

.colibri-merits-subsection {
  color: white;
  padding: 60px 10px 30px 10px;
}

.colibri-merits-subsection > div {
  margin-top: 30px;
}

.colibri-merits-subsection > div > p {
  font-size: 1rem;
  line-height: 1.6rem;
}

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

.colibri-merits {
  margin-top: 20px;
  font-size: 1.4em;
}

.colibri-about-us {
  padding: 20px 10px 60px 10px;
}

.colibri-about-us > p {
  text-align: center;
  font-size: 1.3em;
}

.founders-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.colibri-founder {
  max-width: 400px;
  margin-bottom: 30px;
  -ms-flex: 1 1;
      flex: 1 1;
}

.colibri-self-photo-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

p.founder-bio-important {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 7px;
}

.founder-bio {
  padding: 10px;
}

.founder-fun-fact {
  background: linear-gradient(
    rgba(255, 242, 160, 0) 60%,
    rgba(252, 231, 234, 1) 60%,
    rgba(252, 231, 234, 1)
  );
  line-height: 0.2em;
}

.pink-underline {
  font-weight: bold;
  background: linear-gradient(
    rgba(255, 242, 160, 0) 60%,
    rgba(252, 231, 234, 1) 60%,
    rgba(252, 231, 234, 1)
  );
  line-height: 0.2em;
}

.colibri-tokutei-support {
  background-color: rgba(252, 231, 234, 1);
  margin: -12px;
  padding: 12px;
}

.home-page-text-box {
  padding: 60px 10px 60px 10px;
  width: 100%;
}

.home-page-text-box > div {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
}

.contact-us-button-container {
  padding: 20px 10px 60px 10px;
  text-align: center;
}

#blog-link-container {
  line-height: 40px;
}

#colibri-blog-link {
  margin-right: 20px;
  font-size: 0.9em;
  text-decoration: underline;
}

#shift-issue-details {
  font-size: 0.7em;
  max-width: 50%;
}

#presentation-images-banner {
  width: 45%;
  z-index: 1;
}

.colibri-home-text-container {
  max-width: 400px;
  color: #1b263b;
}

#colibri-logo {
  margin-left: 12px;
  margin-top: 3px;
}

#colibri-clients-banner {
  background: url(/packs/static/colibri_clients_banner_alt-74a8dbd7e88aedf273e5.jpeg) repeat-x;
  background-size: 1983px 100px;
  height: 100px;
  width: 5949px;
  animation: slide 40s linear infinite;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1983px, 0, 0); /* The image width */
  }
}

.colibri-large-header-title {
  text-align: center;
  font-size: 2.2em;
  font-weight: bold;
  margin-bottom: 5px;
  color: #1b263b;
}

.colibri-issues-head-style {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 5px;
  color: #1b263b;
}

.issue-header {
  margin-bottom: 10px;
}

#colibri-issues-parent {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}

#colibri-issues {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.story-text-container {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.story-corporation-name,
.issue-body {
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-size: 0.9em;
}

.story-additional-info {
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 0.8em;
}

.story-additional-info > p {
  margin-bottom: 7px;
}

.story-body {
  border-top: 1px dotted #ccc;
  margin-top: 9px;
  padding-top: 22px;
}

.story-information {
  margin-bottom: 8px;
  font-size: 0.8em;
}

.issue-header-title {
  text-align: center;
  font-size: 1.1em;
  font-weight: 550;
  color: #1b263b;
  margin-top: 15px;
}

.story-headline {
  text-align: left;
  font-size: 1em;
  font-weight: 550;
  min-height: 70px;
}

.issue-read-more {
  margin-top: 25px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.colibri-issue-container {
  -ms-flex: 1 1;
      flex: 1 1;
  max-width: 300px;
  margin: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #1b263b;
  border-radius: 8px;
  background-color: #fcfcfc;
}

.story-container {
  -ms-flex: 1 1;
      flex: 1 1;
  max-width: 300px;
  margin: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #1b263b;
  border-radius: 8px;
  background-color: white;
}

.story-container:hover {
  cursor: pointer;
  color: #17a2b8 !important;
}

.issue-icon {
  width: 60px;
}

.issue-container {
  -ms-flex: 1 1;
      flex: 1 1;
  max-width: 300px;
  background-color: white;
  border-radius: 20px;
  margin: 20px;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #1b263b;
}

.issue-title {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 20px;
  text-align: center;
}

.story-image {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.service-type-image {
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.story-main-image {
  border-radius: 20px !important;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

.image-subtext {
  font-size: 0.9em;
  color: #354553;
  margin-left: 10px;
  margin-right: 10px;
}

.colibri-arguments-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.colibri-argument-container {
  margin: 10px;
  text-align: center;
}

.colibri-argument-container.service-type-container {
  background-color: #f7f9fe;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.colibri-argument-container.service-type-container:hover {
  cursor: pointer;
}

.colibri-argument-container.four-items {
  width: 230px;
}

.colibri-argument-container.three-items {
  width: 310px;
}

.colibri-link-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px;
}

.argument-title {
  color: #1b263b;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}

.argument-body {
  text-align: left;
}

.argument-illustration {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: middle;
      align-items: middle;
  height: 100px;
}

.home-subsection-detailed-content {
  display: -ms-flexbox;
  display: flex;
}

.colibri-sub-subsection-title {
  text-decoration: underline;
  font-size: 1.2em;
}

.colibri-subsection-line {
  margin-bottom: 10px;
  overflow: hidden;
}

.subsection-line-head {
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 100px);
}

.subsection-line-head:after {
  content: " ................................................................................................................................................................................";
}

.detailed-content-container {
  margin: 20px;
  -ms-flex: 1 1;
      flex: 1 1;
}

.detailed-content-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.3em;
  line-height: 35px;
  vertical-align: middle;
}

#colibri-nav-container {
  height: 100%;
  margin-left: 35px;
  font-size: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
  -ms-flex-align: center;
      align-items: center;
  color: #393e46;
}

.dropdown-toggle.colibri-nav-li {
  padding-right: 15px;
  padding-left: 5px;
}

.colibri-nav-li {
  height: 100%;
}

.colibri-hover-pink-underline {
  display: inline-block;
  position: relative;
}

.colibri-hover-pink-underline:after {
  content: "";
  position: absolute;
  width: 100%;
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #ff9090;
  -ms-transform-origin: bottom right;
      transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}

.colibri-hover-pink-underline:hover:after {
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -ms-transform-origin: bottom left;
      transform-origin: bottom left;
}

.colibri-hover-pink-underline:hover {
  cursor: pointer;
}

.footer-element {
  display: block;
}

a.footer-url {
  line-height: 1em;
  color: #d9dce2;
  margin-bottom: 11px;
}

a.footer-url:hover {
  color: #d9dce2;
}

.hover-black:hover {
  color: black;
}

.colibri-vertically-centered-a {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

.nav-centered-vertically {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.nav-centered-vertically > a {
  display: block;
  height: 59px;
  text-align: center;
  vertical-align: middle;
  line-height: 59px;
}

.colibri-bloglike-container {
  padding: 80px 10px 20px 10px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.colibri-bloglike-title {
  font-size: 2.4em;
}

.colibri-bloglike-p {
  margin-top: 20px;
  margin-bottom: 20px;
}

#colibri-bloglike-table-of-content-container {
  font-size: 1.2em;
  margin-top: 15px;
  border-radius: 15px;
  background-color: #f5f7f7;
  padding: 20px;
  display: inline-block;
}

#colibri-bloglike-table-of-content {
  text-decoration: underline;
  line-height: 1.6em;
}

#colibri-bloglike-table-of-content > div:hover {
  cursor: pointer;
}

.colibri-sm-h3-title {
  margin-top: 30px;
  margin-bottom: 5px;
  font-size: 1.5em;
}

.colibri-sm-h4-title {
  margin-top: 30px;
  margin-bottom: 5px;
  font-size: 1.2em;
}

.centered-btn-container {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.additional-information {
  font-size: 0.8em;
}

#colibri-covid-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #ff9090;
  vertical-align: center;
  margin-bottom: 3px;
  margin-right: 2px;
}

#colibri-covid {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 15px 0px 0px 0px;
  border-radius: 18px;
  width: 320px;
  background-color: white;
  border: 0.5px solid #17a2b8;
}

#telework-image {
  width: 65%;
}

#colibri-covid-text {
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  margin-bottom: 15px;
}

.margin-top {
  padding-top: 70px;
  margin-bottom: -20px;
}

#colibri-call-to-action-head {
  text-align: center;
  font-size: 2em;
  margin-bottom: 30px;
}

#colibri-call-to-action {
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  border-radius: 15px;
  border: 0.5px solid #17a2b8;
}

#colibri-call-to-action-body > p {
  font-size: 1.7em;
  text-align: center;
}

#colibri-thank-you {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
  border-radius: 15px;
  padding: 40px 30px;
  background-color: white;
  border: 0.5px solid #ccc;
}

#thank-you-container {
  padding-top: 45px;
  padding-bottom: 30px;
  display: -ms-flexbox;
  display: flex;
}

#bottom-footer {
  font-size: 0.9em;
  opacity: 0.7;
}

@media screen and (orientation: portrait) {
  #blog-link-container {
    margin-top: 13px;
  }

  #colibri-banner-text {
    max-width: 90%;
  }

  .align-text-right-home {
    text-align: left;
  }

  .home-subsection-content {
    width: 100%;
    -ms-flex: 2 1;
        flex: 2 1;
  }

  .home-subsection-content-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .colibri-merits-subsection > div > p {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2em;
  }

  .home-page-text-box > div {
    max-width: 90%;
  }

  .founder-bio {
    margin-top: 30px;
    padding: 5px;
  }

  .founder-bio > p {
    line-height: 1.3em;
  }

  .home-subsection-image-container {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.hide-resource {
  display: none;
}

.patients-submenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#patient-dashboard {
  height: 165px;
  display: -ms-flexbox;
  display: flex;
}

.patient-dashboard-panel {
  border: 0.5px solid #ccc;
  border-radius: 3px;
  width: calc(50% - 5px);
}

#payable-menu {
  display: none;
}

.patient-left-panel {
  width: calc(75% - 5px);
  margin-right: 5px;
}

.patient-right-panel {
  width: 34%;
}

.patient-right-panel > div.patient-dashboard-panel-body {
  overflow-y: auto;
}

.patient-dashboard-panel-title {
  margin: 3px;
  border-bottom: 0.5px solid #ccc;
}

.patient-dashboard-panel-body {
  height: 132px;
  overflow-y: hidden;
  overflow-x: auto;
  margin: 3px;
}

.attendance-dashboard-panel {
  overflow-x: auto;
  margin: 3px;
}

.patient-management-item:hover {
  background-color: #f4f7f7;
  color: #828e99;
}

.patient-management-item.selected {
  color: #828e99;
  border-bottom: 3px solid rgb(122, 213, 222);
}

.kana-header {
  padding: 6px 10px 6px 10px;
  border-bottom: 0.5px solid #dee2e6;
  font-weight: bold;
  font-size: 1.1em;
}

.kana-toggle-arrow {
  float: right;
}

.assessment-delimiter {
  padding-right: 6px;
  border-right: 2px solid #ddd;
  height: 100%;
  width: 100%;
}

/* patient office contract page ; thread */

.selected-thread-dot {
  margin-bottom: 3px;
  margin-right: 5px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #7ad5de;
  display: inline-block;
}

.selected-thread-dot.dot-container {
  display: none;
}

.selected-thread-dot.dot-container.show-dot {
  display: inline-block;
}

#contract-thread-body {
  overflow: hidden;
}

.contract-thread-item {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0.9em;
  page-break-inside: avoid !important;
}

.thread-item-body {
  margin: 5px 0px 5px 15px;
  padding: 6px 8px 6px 8px;
  border: 1px solid #e0e2e2;
  border-radius: 3px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.reportable-information,
.post-information {
  width: 23%;
}

.report-items,
.post-readmarks {
  width: 17%;
}

.report-body,
.post-content {
  width: 50%;
}

.report-action,
.post-action {
  width: 10%;
}

.mobile-thread-item-body {
  margin: 5px;
  padding: 6px 8px 6px 8px;
  border: 1px solid #e0e2e2;
  border-radius: 3px;
  width: calc(100% - 10px);
}

.thread-item-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  vertical-align: middle;
  padding-bottom: 3px;
  border-bottom: 1px solid #eff1f1;
}

.thread-block {
  padding-left: 3px;
  padding-right: 3px;
}

.thread-post-body {
  background-color: #fafbfb;
  padding: 8px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}

.pdca-buttons {
  -ms-flex-direction: row;
      flex-direction: row;
  min-width: 62.52px;

  @media screen and (min-width: 1200px) {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.new-pdca-button {
  -ms-flex-pack: end;
      justify-content: end;

  @media screen and (min-width: 1200px) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.assessment-cell {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-pack: start;
      justify-content: start;

  @media screen and (min-width: 1200px) {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.assessment-details {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 20px;
}

.assessments-column {
  width: 31%;
}

.service-plannings-column {
  width: 43%;
}

.monitorings-column {
  width: 26%;
}

.assessments-table-cell {
  height: 150px;
}

.sort-thread-btn {
  padding-left: 7px;
  padding-right: 7px;
}

@media print {
  .thread-item-body {
    overflow: hidden;
  }

  .comments-container {
    overflow: hidden;
  }
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}

#planning-view-container {
  display: -ms-flexbox;
  display: flex;
}

#planning-menu-container {
  height: 100%;
  width: 58px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #415465;
  padding-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow-x: hidden;
  overflow-y: scroll;
}

.glyphicon-selected {
  color: white;
}

.glyphicon-default {
  color: #97a0a8;
}

#planning-show-main {
  margin-left: 55px;
  margin-right: 5px;
}

#planning-menu-title {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  color: #4f4f4f;
}

#planning-menu-list {
  font-size: 2em;
  display: block;
}

#address-phone-container {
  color: #4f4f4f;
  margin-top: 3px;
  font-size: 0.9em;
}

#resource-search-icon {
  display: none;
}

#close-resource-list {
  display: none;
}

li.planning-menu-items {
  font-size: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  vertical-align: middle;
  height: 48px;
  width: 48px;
  margin: 2px 5px;
  line-height: 54px;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
}

li.planning-menu-items:hover {
  cursor: pointer;
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
}

li.planning-menu-selected {
  color: white;
  padding-left: -2px;
  background-color: rgba(0, 0, 0, 0.25);
}

.left-menu-nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  vertical-align: middle;
  height: 48px;
  width: 48px;
  margin: 3px 5px;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.6);
}

.left-menu-nav-item:hover {
  cursor: pointer;
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
}

#link-to-general-settings.planning-menu-selected {
  color: white;
  background-color: rgba(0, 0, 0, 0.25);
}

#left-menu-nav {
  margin-bottom: 15px;
}

span.left-menu-icon {
  line-height: 48px;
}

.desktop-margin-top {
  margin-top: 20px;
}

#colibri-data-top-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  padding: 10px 5px 5px 12px;
}

#planning-container {
  display: -ms-flexbox;
  display: flex;
  padding-left: 8px;
  padding-right: 8px;
}

.calendar {
  max-width: 100%;
}

#calendar {
  min-width: 100%;
}

.nurse_calendar {
  max-width: 100%;
}

#main-planning-header {
  margin-top: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

#planning-activity-module {
  padding-top: 10px;
  padding-left: 10px;
}

.planning-activity-module-title {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  display: block;
}

.planning-nurse-module-title {
  font-weight: bold;
  font-size: 1.5em;
}

.master-title {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  display: block;
}

#index-container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#index-table-container {
  margin-top: 12px;
}

#planning-top-right-action-container {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
}

.coli-horizontal-menu {
  padding-left: 15px;
  padding-right: 25px;
  padding-bottom: 5px;

  color: #97a0a8;
  font-size: 1.2em;
}

.coli-horizontal-menu:hover {
  cursor: pointer;
}

.coli-horizontal-menu.horizontal-menu-selected {
  color: #4f5b66;
  border-bottom: 3px solid #6d7882;
}

#see-more-service-category-data:hover {
  cursor: pointer;
}

#planning-page-wrapper {
  position: absolute;
  left: 223px;
  top: 0px;
  width: calc(100vw - 223px);
}

#planning-page-wrapper.no-resources-width {
  width: calc(100vw - 58px);
  left: 58px;
}

#detail-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#detail-planning-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-bottom: 15px;
}

#payable-title-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
}

#color-select-selectized {
  position: absolute;
  left: -100000px;
}

#planning-header-container {
  margin-bottom: 15px;
  box-shadow: 0px 1px 2px #ccc;
  padding-top: 16px;
  padding-right: 10px;
}

#detail-planning-container {
  width: 100%;
  height: 100%;
}

#smartphone-planning-wrapper {
  height: 100%;
}

#resource-list-container {
  background-color: #415465;
  border-left: 0.5px solid rgba(255, 255, 255, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 165px;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 58px;
  overflow-x: hidden;
  padding-top: 20px;
  padding-left: 2px;
}

#settings-menu-container {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 58px;
  padding-top: 20px;
  background-color: #415465;
  border-left: 0.5px solid rgba(255, 255, 255, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow-x: hidden;
  overflow-y: auto;
}

#resource-container {
  overflow-y: auto;
}

#nurses-resource,
#patients-resource {
  padding-bottom: 30px;
}

#new-assign-mitei-nurses:hover {
  cursor: pointer;
}

.resource-subsection-title {
  margin-top: 8px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 2px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.6);
  color: white;
  font-size: 0.95em;
}

/* -------- */

.colibri-resource-title {
  margin-top: 8px;
  margin-left: 3px;
  margin-right: 3px;
  color: white;
  font-size: 1em;
}

.colibri-selectable-title {
  padding-left: 5px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-right: 0px;
}

.colibri-selectable-title:hover {
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.colibri-resource-subtitle {
  padding-left: 4px;
  margin-top: 3px;
  margin-left: 3px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.colibri-resource-subtitle:hover {
  color: white !important;
  background-color: rgb(0, 0, 0, 0.25);
}

.colibri-bottom-border {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.6);
}

.colibri-resource-menu-subcontainer {
  margin: 10px 0px 10px 6px;
}

/* will be deprecated from this line below */

p.resource-list-element,
a.planning-list-element.colorize,
.master-list-element {
  font-size: 13px;
  line-height: 18px;
  padding-bottom: 3px;
  padding-top: 3px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 0.9em;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: rgba(255, 255, 255, 0.8);
  overflow-x: hidden;
}

.resource-list-element:hover,
a.planning-list-element.colorize:hover {
  color: white;
  cursor: pointer;
  background-color: rgb(0, 0, 0, 0.25);
}

.resource-list-element.resource-selected {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}

/* will be deprecated from this line above */

.colibri-resource {
  line-height: 18px;
  padding: 3px 0px 3px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 0;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.8);
}

.colibri-resource:hover {
  color: white;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.25);
}

.colibri-resource.resource-selected,
.colibri-resource-title.resource-selected {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}

#master-mode {
  width: calc(100% + 30px);
  margin-left: -20px;
  margin-right: -10px;
  margin-top: -10px;
  z-index: 1;
  color: #4f4f4f;
  background-color: #beffb7;
  text-align: center;
  margin-bottom: 10px;
  min-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#duplicate-button-wrapper {
  margin-top: 10px;
  margin-bottom: 5px;
}

#no-duplicate-button-wrapper {
  text-align: center;
}

#toggle-patients-nurses-wrapper {
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: auto;
}

.appointment-comment {
  margin-bottom: 4px;
  font-size: 1em;
}

.chosen-container {
  font-size: 1em !important;
}

ul.chosen-results {
  font-size: 1em !important;
}

#delete-planning-action {
  margin-bottom: 30px;
  text-align: center;
}

.settings-list-element {
  font-size: 1.1em;
  color: rgba(255, 255, 255, 0.8) !important;
  margin-bottom: 2px;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 8px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.settings-list-element:hover {
  color: white;
  cursor: pointer;
  background-color: rgb(0, 0, 0, 0.25);
}

.settings-list-element:hover > a {
  color: white !important;
}

.settings-list-element.settings-list-element-selected {
  color: white;
  background-color: rgb(0, 0, 0, 0.25);
}

a.settings-list-url {
  display: block;
}

.settings-list-element.settings-list-element-selected > .settings-list-url {
  color: white !important;
}

ul.settings-list {
  font-size: 0.85em;
  padding-left: 8px;
  list-style: none;
}

#close-settings {
  display: none;
}

.settings-list-element {
  width: 100%;
}

#planning-header-submenu {
  display: none;
}

#nurse_filter_wrapper {
  min-width: 400px;
}

#nurse_filter_wrapper > .selectize-control {
  width: 400px;
}

.forty-percent-width {
  width: 40%;
}

.fifty-percent-width {
  width: 50%;
}

.sixty-percent-width {
  width: 60%;
}

#settings-menu-list {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 30px;
}

#settings-container {
  position: absolute;
  left: 258px;
  top: 0px;
  width: calc(100vw - 258px);
  height: 100vh;
  overflow-y: scroll;
}

.settings-body {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  height: auto;
  overflow-y: scroll;
}

.settings-list-header {
  font-size: 1.2em;
  color: rgba(255, 255, 255, 0.6);
  border-bottom: solid rgba(255, 255, 255, 0.6) 0.5px;
  margin-bottom: 7px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 7px;
}

#planning-options {
  width: 90%;
  max-width: 550px;
  margin-bottom: 30px;
}

#printing-options {
  max-width: 300px;
}

.colibri-xs-title {
  color: #4f4f4f;
  font-size: 1.15em;
  font-weight: bold;
  padding-bottom: 5px;
}

ul#left-menu-ul {
  border-bottom: 0px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  font-size: 13px;
}

#resource-detail-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#resource-name-wrapper,
.resource-title-after {
  font-weight: bold;
  font-size: 1.5em;
  color: black;
  padding-right: 10px;
  padding-top: 10px;
}

.resource-title-selectable:hover {
  cursor: pointer;
  color: white;
}

#nurse-conflict-confirm {
  display: none;
}

#appointment-comments-container {
  width: 100%;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1em;
}

#appointment-comments {
  margin-left: 0px;
}

.appointment-comments-title {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

#description-container {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.colibri-form-subsection {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
}

.colibri-form-subsection-title {
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 0.5px solid #ddd;
  margin-bottom: 4px;
  font-size: 1.15em;
  color: black;
}

.report-download-wrapper {
  margin-top: 5px;
}

#colibri-master-action-button:hover {
  cursor: pointer;
}

.batch-action-button {
  position: fixed;
  text-align: center;
  vertical-align: middle;
  z-index: 6;
  width: 56px;
  height: 56px;
  border-radius: 50px;
  background: #fc7181;
  bottom: 80px;
  right: 60px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
}

.batch-action-button:hover {
  background: #f15365;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25), 0 6px 6px rgba(0, 0, 0, 0.22);
}

span.glyphicon.glyphicon-pencil.batch-action-pencil {
  color: white;
  line-height: 40px;
}

.master-reflect-option:hover {
  cursor: pointer;
  color: black !important;
}

p.master-reflect-option {
  margin-bottom: 5px;
}

.glyphicon-action-button {
  color: #85929e;
}

.colibri-action {
  height: 28px;
  line-height: 28px;
}

.colibri-action:hover {
  cursor: pointer;
}

.colibri-toggle-switch {
  display: -ms-flexbox;
  display: flex;
  padding: 0px !important;
  margin: 0px !important;
  height: 40px;
}

.colibri-toggle-handle {
  padding: 0px !important;
  height: 34px;
  width: 6px;
  margin: 0px 2px 2px 2px;
}

.colibri-handle-left {
  border-radius: 4px 3px 3px 4px !important;
}

.colibri-handle-right {
  border-radius: 3px 4px 4px 3px !important;
}

.colibri-toggle-text-left {
  margin: 6px 12px 6px 18px;
}

.colibri-toggle-text-right {
  margin: 6px 18px 6px 12px;
}

#planning-horizontal-menu-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#colibri-horizontal-menu {
  display: -ms-flexbox;
  display: flex;
}

#planning-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 15px;
}

#new-reminder-email:hover {
  cursor: pointer;
}

#print-button:hover {
  cursor: pointer;
}

/* styles for completion reports index */

.resource-details-subsection-title {
  margin-left: 5px;
  font-size: 1.2em;
  font-weight: bold;
}

.resource-details-subsection-body {
  color: #4f4f4f;
}

.write-completion-report {
  color: #4f4f4f;
}

.hamburger_menu {
  display: none;
}

td.report-caution {
  background-color: #ffff9b;
}

td.report-items {
  padding: 0px !important;
}

/* styles for left menu backdrop */

#menu-backdrop {
  display: none;
}

#settings-menu {
  display: -ms-flexbox;
  display: flex;
}

.settings-list-icon {
  display: inline-block;
  font-size: 14px;
  width: 17px;
}

.coli-horizontal-menu-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

p.setting-title {
  margin-bottom: 0;
  line-height: 1.5em;
}

#batch-action-menu {
  width: 140px;
  margin-left: -70px;
  margin-bottom: 15px;
  background-color: white;
  font-size: 0.85em;
  text-align: left;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

#batch-action-menu.batch-master-button {
  width: 90px;
  margin-left: -40px;
}

.fc-icon.glyphicon.glyphicon-calendar {
  font-size: 1.25em !important;
  margin-top: -3px;
}

.fc-icon.glyphicon.glyphicon-filter {
  font-size: 1.15em !important;
}

.fc-icon.glyphicon.glyphicon-calendar:hover,
.fc-icon.glyphicon.glyphicon-filter:hover {
  color: #4f5b66 !important;
}

#phone-action-container {
  display: none;
}

#phone-reflect-button-wrapper {
  display: none;
}

#planning-menu-wrapper {
  height: 100vh;
  overflow: hidden;
}

@media print {
  #index-container {
    width: 95%;
  }

  #index-table-container {
    margin: 0px;
  }

  #planning-page-wrapper {
    position: static;
    margin: 0px;
  }

  #detail-container {
    max-width: none;
    width: 100% !important;
  }

  #resource-print-info {
    max-height: 40px;
  }

  #planning-header-container {
    box-shadow: none;
  }

  .payable-body {
    width: 100% !important;
  }

  #planning-menu-wrapper {
    height: auto !important;
    overflow: visible !important;
    width: 1px !important;
  }

  #settings-container {
    position: static;
    margin-left: 0px;
    width: 100vh;
    height: auto;
  }
}

@media screen and (orientation: portrait) {
  #detail-container {
    height: 100vh;
    overflow: visible;
  }

  #detail-planning-container {
    height: auto;
  }

  #colibri-batch-action-button {
    height: 90px;
    width: 90px;
    border-radius: 90px;
  }

  span.glyphicon.glyphicon-pencil.batch-action-pencil {
    line-height: 74px;
    font-size: 1.7em;
  }
}

.post-container {
  padding: 5px;
}

.post-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.post-author-wrapper {
  font-size: 0.85em;
}

.post-timestamps-wrapper {
  color: grey;
  font-size: 0.85em;
}

.post-body {
  background-color: #defcfc;
  border-radius: 5px;
  padding: 3px 7px 5px 7px;
}

div.post-body > p {
  font-size: 0.85em;
}

.post-body.unread-post {
  background-color: #beffb7;
}

.post-body.unread-post.reminderable-post {
  background-color: #ffcad4;
}

.post-clickable-row:hover {
  cursor: pointer;
}

.unrepresentable-wrapper {
  width: 80px;
  height: 80px;
  border: 1.5px solid #eaecec;
  display: inline-block;
}

.unrepresentable-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.extension-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 2px;
}

.unrepresentable-filename {
  overflow-wrap: anywhere;
  font-size: 0.8em;
  height: 60px;
}

.unrepresentable-info-bar {
  background-color: #eaecec;
  height: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.extension-icon {
  font-size: 9px;
  color: white;
  padding: 2px 3px;
  height: 13px;
  line-height: 9px;
  border-radius: 3px;
}

.xls-extension {
  background-color: #1fa463;
}

.pdf-extension {
  background-color: #f40f02;
}

.ppt-extension {
  background-color: #ffd04b;
}

.doc-extension {
  background-color: #4688f4;
}

.default-extension {
  background-color: #5f6368;
}

.coli-thread-line {
  height: 10px;
  width: 22.5px;
  border-right: 1px solid #ccc;
  color: transparent;
}

#read-unread-menu {
  border-bottom: 2px solid #ccc;
}

.read-mark-container {
  line-height: 40px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.read-mark-container > .user-name {
  line-height: 45px;
}

@media print {
  table#post-table > tbody::after {
    content: "";
    display: block;
    page-break-after: always !important;
    page-break-inside: avoid;
    page-break-before: avoid;
  }

  tbody.break-page-on-print {
    page-break-after: always !important;
    break-after: page !important;
    page-break-after: always !important;
  }

  tr.post-clickable-row {
    page-break-inside: avoid !important;
  }

  td.td-post-body {
    page-break-inside: avoid !important;
  }

  .thread-post-body {
    page-break-inside: avoid !important;
  }

  #read-posts-container {
    width: 100% !important;
  }
}

#chosen-select-all-container {
    margin-left: 150px;
}

#chosen_target_services_chosen {
    width: 250px !important;
}

.verified-at-and-by {
    margin-left: 4px;
    color: #4f5b66;
    font-size: 0.80em;
}

.verified-at-and-by:hover {
    color: black;
    cursor: pointer;
    font-size:0.80em;
}

.coli-reactions-dropdown {
  border: 1px solid #ccc;
  background-color: #4f5b66 !important;
  border-radius: 3px;
  z-index: 100;
}

ul.coli-reaction-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
  vertical-align: middle;
}

li.coli-reaction {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  text-align: center;
  margin-left: 4px;
  margin-right: 4px;
  line-height: 40px;
}

li.coli-reaction:hover {
  background-color: #3b4d61;
  cursor: pointer;
}

.user-reactions-container {
  line-height: 45px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.reactions-index-link:hover {
  border-bottom: 1px dotted #0075c4;
  color: #0075c4 !important;
  cursor: pointer;
}

.reactions-index-link:hover .coli-text-charcoal {
  color: inherit;
}

.reaction-count {
  line-height: 23px;
}

.form-group.colibri-datetime-group {
	display: -ms-flexbox;
	display: flex;
}

.colibri-datetime-input-container {
	display: -ms-flexbox;
	display: flex;
}

.colibri-datetime-separator {
	margin-left: 2px;
	margin-right: 7px;
}

.appointment-occurrence {
	border-bottom: 5px;
	display: -ms-flexbox;
	display: flex;
}

.appointment-occurrence-date {
	font-weight: bold;
}

.blue-background-form {
	background-color:  #fafafa;
	margin-left: 1px;
	margin-right: 1px;
	padding: 15px;
}

.recurring-appointment-form-container {
	background-color:#BEFFB7;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	margin-left:0.5px;
}

.recurring-appointment-form {
	background-color: white;
	padding: 12px;
	margin: 4px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.form-options-header {
	text-align: center;
	color: #4f5b66;
	padding-bottom: 7px;
}

#form-save {
	display: none;
}

#form-edit-list {
	display: none;
}

#recurring_appointment_nurse_id_chosen, #recurring_appointment_patient_id_chosen {
    width: 130px !important;
}

@media screen and (orientation: landscape) and (min-width: 900px) {
	/* layout only for desktop */
	#detail-container.no-resources-width {
		max-width: calc(100vw - 55px);
		width: calc(100vw - 55px);
	}

	#payable-container.no-resources-width {
		width: calc(100vw - 58px);
		left: 58px;
	}

    .fc-list-day-cushion.fc-cell-shaded {
        display: none;
    }

    .fc-list-day.fc-day.colibri-listday-no-events {
        display:none;
    }

    .fc-list-empty, .fc.fc-list-empty {
        background-color: white !important;
    }

    .fc-scroller.fc-scroller-liquid {
        background-color:white;
    }

    .fc-event.fc-list-event:hover {
        cursor: pointer;
    }
}

@media screen and (orientation: landscape) and (max-width: 900px) {
  /* login styles */

  #flash {
    position: fixed !important;
    top: 0px !important;
    z-index: 35;
    text-align: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  input:focus,
  select:focus,
  textarea:focus {
    font-size: 16px;
  }

  .devise-input {
    font-size: 16px;
  }

  /* Home page layouts */

  #top-subsection {
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: none;
    height: 700px;
  }

  #top-subsection.product-top-section.handicap-top-section {
    height: auto !important;
  }

  #top-subsection.product-top-section {
    background-position: bottom;
  }

  #colibri-home-pink-pattern {
    display: none;
  }

  #colibri-home-pink-pattern-smartphone {
    display: none;
  }

  #colibri-home-pink-pattern-smartphone-landscape {
    margin-top: -300px;
    display: block !important;
  }

  #presentation-text {
    padding-top: 0px;
    width: 100%;
  }

  #presentation-images-banner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    z-index: 3;
  }

  #calendar-main-image {
    width: 470px;
  }

  .iphone-vertical-image {
    height: 330px !important;
  }

  #service-planning-top-image {
    height: 330px !important;
  }

  #main-image {
    margin-top: 40px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }

  #colibri-main-image {
    width: 500px;
  }

  h2.colibri-home-presentation-title {
    text-align: center;
  }

  .colibri-home-subsection {
    padding: 45px;
  }

  .issue-container {
    max-width: none;
  }

  .issue-body {
    padding: 0 15px;
  }

  .home-subsection-detailed-content {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .colibri-subsection-content-container {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
  }

  .colibri-subsection {
    padding: 25px 0;
  }

  /* general app-like styles */

  ::-webkit-scrollbar {
    display: none !important;
  }

  .turbolinks-progress-bar {
    visibility: hidden;
  }

  .btn.btn-desktop {
    display: none;
  }

  .btn.btn-phone-expand {
    width: 100%;
  }

  .phone_activity_container {
    z-index: 100;
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: scroll;
    background-color: white;
  }

  .activity_body {
    width: 100%;
    height: 100%;
  }

  .activity_header {
    height: 48px;
    width: calc(100% + 10px);
    margin-left: -5px;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #2b384e;
    color: white;
    display: -ms-flexbox;
    display: flex;
  }

  .activity_header_responsive {
    width: calc(100% - 50px);
    margin-left: 50px;
  }

  .activity_back_button {
    line-height: 48px;
    margin-right: 12px;
  }

  .activity_title {
    font-size: 1.3em;
    line-height: 48px;
  }

  #planning-top-right-action-container {
    display: none;
  }

  /* navigation styles */

  .main-page {
    padding-top: 0px !important;
  }

  #planning-menu-container {
    height: 100%;
    padding-top: 0px;
    background-color: #fdfdfd;
    border-right: 0.5px solid #ccc;
  }

  .glyphicon-default {
    color: rgb(180, 190, 199);
  }

  .glyphicon-selected {
    color: rgb(115, 120, 124);
  }

  li.planning-menu-items {
    color: rgb(180, 190, 199);
  }

  #more-menu-items-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    margin-bottom: 0px;
  }

  #more-planning-menu-items {
    bottom: 18px;
    left: 68px;
  }

  .planning-menu-items.more-items {
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    height: 58px;
  }

  #planning-menu-list {
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  ul.nav-tabs {
    height: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  li.planning-menu-items {
    display: block;
  }

  #planning-horizontal-menu-container {
    display: none;
  }

  #phone-reflect-button-wrapper {
    bottom: 35px;
  }

  #colibri-nav-container {
    display: none;
  }

  #colibri-nav-right-list {
    display: none;
  }

  #colibri-mobile-nav {
    display: block;
    margin-right: 20px;
  }

  #close-nav-mobile {
    font-size: 3.5em;
    padding-bottom: 7px;
  }

  #colibri-mobile-menu {
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    position: fixed;
    top: 53px;
    right: 0;
    height: calc(100vh - 50px);
    width: 50vw;
    z-index: 30;
    background-color: white;
    padding: 7px 15px 7px 15px;
    overflow-y: auto;
  }

  #mobile-only-contact-form-button {
    display: block;
  }

  #mobile-menu-call-to-action {
    font-size: 1.1em;
  }

  .menu-item {
    border-bottom: 2px dotted #ccc;
  }

  .menu-item-title {
    display: block;
    padding: 10px;
    width: 100%;
    font-size: 1.1em;
    font-weight: 350;
  }

  .menu-sub-item {
    margin-left: 20px;
    padding: 4px;
  }

  .glyphicon.glyphicon-cog:hover,
  .glyphicon.glyphicon-home:hover,
  .glyphicon.glyphicon-calendar:hover {
    color: rgb(115, 120, 124) !important;
  }

  /* Contact form layouts */

  #contact-form-background {
    padding: 80px 0 40px 0;
    height: auto;
  }

  #colibri-contact-form-container {
    display: block;
    position: relative;
    margin-right: 10px;
  }

  #colibri-thank-you {
    margin: 10px;
  }

  /* Fullcalendar layouts */

  .fc-zoomOut-button,
  .fc-zoomIn-button {
    display: none !important;
  }

  .responsive-landscape-only {
    display: inline;
  }

  table.fc-list-table {
    border: none;
  }

  tr.fc-list-heading {
    border: none;
    border-bottom: 1px solid #ccc;
  }

  tr.fc-list-heading > td.fc-widget-header {
    background-color: white;
    text-align: center;
    border: none;
  }

  .fc-list-heading-main {
    font-size: 1.3em;
  }

  .colibri-fc-list-header {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: black;
    font-size: 1.1em;
  }

  .colibri-fc-list-title {
    font-size: 1.3em;
    line-height: 1.3em;
  }

  .fc-view.fc-listDay-view.fc-list-view {
    border: none;
  }

  div.colibri-fc-list {
    margin: 4px 0px 4px 0px;
    padding: 4px 12px 6px 12px;
    border-radius: 3px;
    color: black;
  }

  /* calendar layout styles */

  #planning-page-wrapper {
    width: calc(100vw - 58px);
    left: 58px;
    padding: 0px;
  }

  #detail-planning-container {
    width: 100%;
    margin: 0px 0px 150px 0px;
    padding-top: 0px;
  }

  #completion-reports-container {
    margin-left: 0px;
  }

  #detail-planning-title {
    -ms-flex-pack: justify;
        justify-content: space-between;
    line-height: 48px;
    height: 48px;
    margin-bottom: 5px;
  }

  #planning-header {
    width: calc(100% + 10px);
    margin-left: 0px;
    padding-left: 0px;
    box-shadow: 0 4px 2px -2px #ccc;
    margin-bottom: 10px;
    display: block;
    background-color: #2b384e;
    color: white;
    border-bottom: 0.3px solid #2b384e;
  }

  #resource-detail-header {
    display: none;
  }

  #resource-details-wrapper {
    width: 100%;
  }

  #nurse_filter_wrapper {
    min-width: 0px !important;
    margin-right: 5px;
  }

  #nurse_filter_wrapper > .selectize-control {
    width: auto;
  }

  #nurse_resource_filter {
    min-width: none;
  }

  #resource-details-button {
    display: none !important;
  }

  #planning-header-submenu {
    display: -ms-flexbox;
    display: flex;
  }

  .header-submenu-item {
    text-align: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    color: rgba(255, 255, 255, 0.5);
  }

  .header-submenu-item.header-submenu-item-selected {
    color: white;
    border-bottom: 3px solid white;
  }

  #close-resource-list {
    display: block;
    text-align: right;
    font-size: 1.2em;
    color: white;
  }

  #toggle-patients-nurses-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }

  .selectize-input {
    white-space: nowrap;
  }

  #resource-list-container {
    background-color: #415465 !important;
    height: 100%;
    min-width: 150px;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-top: 3px;
    padding-bottom: 60px;
    display: none;
  }

  #menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    height: 100vh;
    width: 100vw;
    background-color: black;
    opacity: 0.6;
  }

  #resource-container {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hide;
    padding-bottom: 40px;
  }

  #resource-name-wrapper {
    padding-right: 5px;
    padding-top: 0px;
    padding-left: 6px;
    margin-bottom: 5px;
    line-height: 48px;
    font-size: 1.3em;
    font-weight: normal;
    color: white;
  }

  #nurses-resource {
    padding-bottom: 40px;
  }

  #patients-resource {
    padding-bottom: 40px;
  }

  #planning-nurse-information {
    display: -ms-flexbox;
    display: flex;
  }

  #close-reports-index {
    display: none;
  }

  #display-completion-reports {
    display: none !important;
  }

  /* Hide batch action button */

  #colibri-batch-action-button {
    height: 60px;
    width: 60px;
    border-radius: 60px;
  }

  .batch-action-button {
    bottom: 35px;
    right: 35px;
  }

  span.glyphicon.glyphicon-pencil.batch-action-pencil {
    line-height: 45px;
    font-size: 1.2em;
    margin-bottom: -5px;
  }

  /* Hide print button */
  #print-button {
    display: none;
  }

  /* container styles */

  #payable-container {
    width: calc(100vw - 58px);
    top: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: 58px;
    height: 100vh;
  }

  #detail-container {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding: 0px;
  }

  ul#left-menu-ul {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  ul#left-menu-ul.align-left {
    -ms-flex-pack: start !important;
        justify-content: start !important;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  ul#left-menu-ul.align-left > li.planning-menu-items {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  span.coli-bottom-menu-icon {
    line-height: 48px;
  }

  /* payable view styles */

  #resource-list-container {
    display: none;
  }

  #payable-menu {
    display: block;
  }

  .patient-left-panel {
    width: 100%;
  }

  .payable-body {
    margin-top: 10px;
  }

  #payable-title-wrapper {
    width: calc(100% + 10px);
    margin-left: -5px;
    height: 48px;
    z-index: 9;
    background-color: #2b384e;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .colibri-xs-title.colibri-payable-title {
    font-size: 1.3em;
    font-weight: normal;
    color: white;
    line-height: 48px;
  }

  .patient-right-panel {
    display: none;
  }

  #payable-query {
    display: block;
    margin-top: 10px;
  }

  #appointments-by-category-detail {
    display: none;
  }

  #detail-planning-title {
    -ms-flex-pack: left;
        justify-content: left;
  }

  #payable-title {
    margin-top: 5px;
  }

  #payable-query {
    padding-left: 12px;
  }

  .planning-activity-module-title {
    padding-left: 4px;
  }

  .forty-percent-width {
    width: calc(100% - 10px);
  }

  .sixty-percent-width {
    width: calc(100% - 10px);
  }

  /* dashboard layout */

  .colibri-dashboard-container-row {
    overflow-x: auto;
    height: 70vh;
  }

  #posts-index-container {
    margin-left: 50px;
    width: calc(100vw - 50px);
  }

  /* settings page */

  #patients-excel {
    display: none;
  }

  .hamburger_menu {
    display: inline-block;
    margin-right: 6px;
  }

  #logout {
    display: inline-block;
  }

  p.setting-title {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 48px;
    font-weight: normal;
    font-size: 1.3em;
  }

  #settings-menu-container {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 30;
    top: 0px;
    left: 0px;
    padding-top: 30px;
    background-color: #415465 !important;
    border: 0.5px solid #415465;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    overflow-y: auto;
    display: none;
  }

  #settings-container {
    margin: 0px 0px 0px 58px;
    width: calc(100% - 58px);
    padding: 0px 5px 5px 5px;
    position: absolute;
    left: 0 !important;
    padding: 0px;
  }

  #planning-header-container {
    padding-top: 0px;
    padding-right: 0px;
  }

  #settings-menu-list {
    margin-top: 0px;
  }

  #index-table-container {
    margin-top: 0px;
  }

  .edit_corporation {
    margin-bottom: 70px;
  }

  .edit_printing_option {
    margin-bottom: 70px;
  }

  #planning-options {
    max-width: none;
    width: 100%;
    margin-bottom: 0px;
  }

  #printing-options {
    max-width: none;
  }

  /* Completion Reportslayouts */

  #patient-completion-reports-body {
    margin-top: 15px;
  }

  #handicap-image-container {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (orientation: portrait) and (max-width: 760px) {
  /* login styles*/

  input:focus,
  select:focus,
  textarea:focus {
    font-size: 16px;
  }

  #flash {
    position: fixed !important;
    top: 0px !important;
    z-index: 35;
    text-align: center;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .devise-input {
    font-size: 16px;
  }

  /* styles for home page */

  .founders-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  #colibri-clients-regular {
    display: none !important;
  }

  #colibri-clients-responsive {
    display: block !important;
  }

  .colibri-home-centered-container {
    padding-left: 12px;
    padding-right: 12px;
  }

  .bloglike-subsection-image-container {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
  }

  #telework-image {
    width: 100%;
  }

  #presentation-text {
    font-size: 1.5em;
  }

  #colibri-nav-container {
    display: none;
  }

  #colibri-nav-right-list {
    display: none;
  }

  #colibri-mobile-nav {
    display: block !important;
    margin-right: 20px;
  }

  #colibri-mobile-menu {
    border-top: 2px solid #ccc;
    position: fixed;
    top: 53px;
    height: calc(100vh - 50px);
    width: 100vw;
    z-index: 30;
    background-color: white;
    padding: 15px;
  }

  .menu-item {
    border-bottom: 2px dotted #ccc;
  }

  .menu-item-title {
    display: block;
    padding: 10px;
    width: 100%;
    font-size: 1.5em;
    font-weight: 350;
  }

  .menu-sub-item {
    margin-left: 20px;
    padding: 4px;
  }

  .colibri-security-head {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  #close-nav-mobile {
    font-size: 3.5em;
    padding-bottom: 7px;
    line-height: 53px;
    height: 53px;
  }

  #more-menu-items-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-left: 0px;
  }

  #more-planning-menu-items {
    bottom: 70px;
    right: 12px;
  }

  .planning-menu-items.more-items {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .colibri-home-presentation-title.smartphone-centered {
    text-align: center;
  }

  #colibri-issues {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
  }

  #issues-subsection {
    background-color: #f3f7fe;
    margin-top: 15px;
  }

  #colibri-issues-parent {
    margin-top: 20px;
  }

  .story-container {
    max-width: none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .home-subsection-detailed-content {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .home-subsection-content {
    padding-top: 0px;
  }

  .detailed-content-container {
    margin: 30px 0 0 0;
  }

  #blog-link-container {
    display: none;
  }

  #pages-nav-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }

  img#colibri-logo {
    height: 50px;
    margin-left: 3px;
    margin-top: 3px;
    margin-right: -8px;
  }

  #nav-contact-button {
    display: none;
  }

  #presentation-text {
    width: 100%;
    padding-top: 0;
  }

  #colibri-home-pink-pattern,
  #colibri-home-pink-pattern-5 {
    display: none;
  }

  #colibri-home-pink-pattern-smartphone-landscape {
    display: none;
  }

  #colibri-home-pink-pattern-smartphone {
    z-index: 0;
    display: block !important;
    width: 100%;
  }

  #colibri-home-pink-pattern-smartphone.top-image {
    margin-top: -330px;
  }

  #colibri-home-pink-pattern-smartphone.pink-pattern-reporting {
    margin-top: -450px;
  }

  #colibri-home-pink-pattern-smartphone.pink-pattern-service-planning {
    margin-top: -500px;
  }

  #customer-stories-bg {
    display: none;
  }

  #service-planning-top-image {
    max-height: 55vh;
  }

  #colibri-home-pink-pattern-smartphone.pink-pattern-calendar {
    margin-top: -450px;
  }

  .iphone-vertical-image {
    max-height: 550px !important;
  }

  #main-smartphone-image {
    height: 550px;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
  }

  #main-smartphone-image.calendar-smartphone {
    height: 500px;
  }

  #calendar-main-image {
    display: none !important;
  }

  #calendar-tablet-image {
    display: -ms-flexbox !important;
    display: flex !important;
    max-height: 500px;
  }

  #calendar-tablet-image.calendar-responsive-image  {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .colibri-arguments-wrapper {
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
  }

  .colibri-argument-container {
    margin-bottom: 30px;
  }

  .colibri-argument-container.three-items,
  .colibri-argument-container.four-items {
    width: 100%;
  }

  #colibri-features-container {
    -ms-flex-pack: center;
        justify-content: center;
  }

  .colibri-feature-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .colibri-feature-title {
    font-size: 1.1em;
    font-weight: 550;
  }
  .colibri-feature-container {
    width: 80%;
  }

  .add-margin-left-md {
    margin-left: 0;
  }

  #presentation-images-banner {
    z-index: 3;
    margin-top: 40px;
    height: 550px;
  }

  #top-subsection {
    display: block;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    z-index: 3;
    max-height: none;
    height: 1000px !important;
  }

  #top-subsection.product-top-section.handicap-top-section {
    height: auto !important;
  }

  #top-subsection.product-top-section {
    background-image: none;
  }

  #service-types-section {
    z-index: 3;
  }

  #main-image-responsive {
    display: block !important;
    z-index: 0;
  }

  .smartphone-portrait-only {
    display: block !important;
  }

  .all-but-smartphone-portrait {
    display: none !important;
  }

  #main-image {
    display: none !important;
  }

  .margin-md {
    margin: 0px;
  }

  #colibri-issues-head {
    margin-bottom: 20px;
  }

  .issue-container {
    margin: 10px;
    margin-bottom: 20px;
    max-width: none;
    width: calc(100% - 20px);
  }

  #presentation-images-banner {
    width: 100%;
    margin-bottom: 40px;
    z-index: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }

  #colibri-presentation-text {
    font-size: 0.7em;
  }

  #presentation-text {
    z-index: 5;
    display: block !important;
  }

  .colibri-home-presentation-title {
    font-size: 1.6em;
    line-height: 1.6em;
  }

  .colibri-home-subsection {
    padding: 50px 20px 50px 20px;
  }

  #shift-issue-details {
    margin-top: 15px;
    width: 100%;
    max-width: none;
  }

  .colibri-subsection-content-container {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
  }

  .colibri-subsection {
    padding: 0;
    margin-bottom: 45px;
  }

  #heroku-and-salesforce {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  #mobile-only-contact-form-button {
    display: block;
  }

  #mobile-menu-call-to-action {
    font-size: 1.3em;
  }

  #colibri-security-text {
    width: 100%;
  }

  #security-icon-container {
    width: 100%;
  }

  footer {
    background-color: #1b263b;
    color: white;
    padding: 35px 20px 80px 20px;
  }

  #colibri-footer {
    padding-top: 20px;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  #footer-brand-container {
    width: 100%;
    max-width: none;
    margin-top: 40px;
  }

  .footer-colibri-information-title {
    font-size: 1.7em;
  }

  #footer-colibri-information-container {
    width: 100% !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: 17px;
    font-size: 1.2em;
  }

  .footer-section {
    margin-bottom: 30px;
  }

  .footer-section-container {
    margin-top: 10px !important;
    margin-bottom: 15px;
  }

  /* styles for contact page */
  #contact-form-background {
    height: auto;
    padding: 70px 10px 50px 10px;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  #contact-form-image-container {
    width: 60%;
  }

  #contact-form-login-button {
    display: none;
  }

  #thank-you-container {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }

  #thank-you-container > div {
    margin-bottom: 25px;
  }

  /* styles for login page */

  .colibri-devise-form {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90px;
    margin-bottom: 40px;
    background-color: #fff;
    padding: 20px 20px 20px 20px;
  }

  /* styles for navigation bar */
  #header-navigation {
    display: none;
  }

  .main-page {
    padding-top: 0px !important;
  }

  /* general app-like styles */

  ::-webkit-scrollbar {
    display: none !important;
  }

  .turbolinks-progress-bar {
    visibility: hidden;
  }

  .btn.btn-phone-expand {
    width: 100%;
  }

  .btn.btn-desktop {
    display: none;
  }

  .phone_activity_container {
    width: 100vw;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: white;
    overflow: scroll;
  }

  .activity_header {
    height: 48px;
    background-color: #2b384e;
    color: white;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12px;
    padding-right: 12px;
  }

  .activity_back_button {
    line-height: 48px;
  }

  .activity_back_icon {
    line-height: 48px;
    margin-right: 12px;
  }

  .activity_title {
    font-size: 1.3em;
    line-height: 48px;
  }

  .activity_body {
    height: calc(100vh - 48px);
    background-color: white;
  }

  .coli-report-container {
    margin-bottom: 6px;
  }

  .coli-report-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .coli-report-publisher {
    font-size: 0.85em;
  }

  .coli-report-published-at {
    font-size: 0.85em;
  }

  .coli-report-body {
    background-color: #defcfc;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
  }

  /* styles for planning left menu */

  #planning-menu-container {
    height: 75px;
    width: 100%;
    position: fixed;
    top: auto;
    bottom: 0 !important;
    left: 0;
    background-color: #fdfdfd;
    border-top: 0.5px solid #ccc;
    padding-top: 0;
    z-index: 15;
  }

  #planning-menu-list {
    height: 75px;
  }

  ul#left-menu-ul {
    height: 60px;
    margin-bottom: 15px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }

  ul#left-menu-ul.align-left {
    padding-left: 0px;
    padding-right: 0px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start !important;
        align-items: start !important;
    -ms-flex-pack: left !important;
        justify-content: left !important;
  }

  ul#left-menu-ul.align-left > li.planning-menu-items {
    margin-left: 20px;
    margin-right: 20px;
  }

  .glyphicon-default {
    color: rgb(180, 190, 199);
  }

  .glyphicon-selected {
    color: rgb(115, 120, 124);
  }

  li.planning-menu-items {
    color: rgb(180, 190, 199);
    padding-top: 0px;
    width: 48px;
    text-align: center;
    margin-top: 0px;
  }

  span.coli-bottom-menu-icon {
    line-height: 48px;
  }

  .nav-tabs {
    border-bottom: 0px !important;
  }

  ul.nav-tabs {
    list-style: none;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 0;
    padding-top: 0;
  }

  li.planning-menu-items {
    width: 48px !important;
    padding-bottom: 0;
    display: block;
    float: left !important;
    width: auto;
  }

  li.planning-menu-items:hover {
    color: rgb(115, 120, 124);
  }

  .glyphicon.glyphicon-cog:hover,
  .glyphicon.glyphicon-home:hover,
  .glyphicon.glyphicon-calendar:hover {
    color: rgb(115, 120, 124) !important;
  }

  /* styles dashboard and other content container */

  #colibri-dashboard-container {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 80px;
  }

  .colibri-dashboard-big-container {
    height: auto;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .colibri-dashboard-container-column-large {
    width: 100%;
    height: 140vh;
  }

  .colibri-dashboard-container-column-narrow {
    width: 100%;
    height: 70vh;
  }

  #planning-page-wrapper {
    left: 0 !important;
    width: 100vw !important;
  }

  #resource-list-container {
    background-color: #415465 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: hidden;
    height: 100%;
    min-width: 150px;
    width: 10vw;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-top: 3px;
    padding-bottom: 0px;
    display: none;
  }

  #detail-container {
    display: block;
    position: absolute;
    width: 100%;
    max-width: none;
    top: 0;
    left: 0;
    margin: 0px;
    margin-bottom: 150px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 1px;
  }

  p.setting-title {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 48px;
    color: white;
    font-size: 1.3em;
    font-weight: normal;
  }

  #planning-container {
    margin: 5px;
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% - 10px);
    height: calc(100vh - 167px);
  }

  #planning-container.office-container,
  #planning-container.smaller-top-margin {
    height: calc(100vh - 137px) !important;
  }

  .fc-view-harness.fc-view-harness-passive {
    border-top: 0.5px solid rgb(221, 221, 221);
    border-bottom: 0.5px solid rgb(221, 221, 221);
  }

  button.fc-today-button.fc-button.fc-button-primary.toggle-today-button {
    display: none !important;
  }

  #detail-planning-container {
    width: 100%;
    margin: 92px 0px 130px 0px;
    padding-top: 3px;
  }

  #detail-planning-container.smaller-top-margin,
  #detail-planning-container.office-planning-container {
    margin: 52px 0px 120px 0px !important;
  }

  #completion-reports-container {
    margin-left: 0px;
    margin-bottom: 200px;
    margin-top: 10px;
  }

  #payable-container {
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    margin: 0px 0px 120px 0px;
    padding: 0px;
    padding-top: 50px;
    display: block;
    position: absolute;
  }

  /* Hide batch action button */

  #colibri-batch-action-button {
    height: 60px;
    width: 60px;
    border-radius: 60px;
  }

  .batch-action-button {
    bottom: 80px;
    right: 20px;
  }

  span.glyphicon.glyphicon-pencil.batch-action-pencil {
    line-height: 45px;
    font-size: 1.2em;
    margin-bottom: -5px;
  }

  /* Hide print button */
  #print-button {
    display: none;
  }

  /* Other planning and master related styles */

  #planning-top-right-action-container {
    line-height: 48px;
    margin-bottom: 0px;
    padding-top: 5px;
    vertical-align: middle;
    display: none;
  }

  /* Fullcalendar custom smartphone layouts */

  .fc-zoomOut-button,
  .fc-zoomIn-button {
    display: none !important;
  }

  .fc-scroller-harness > .fc-scroller {
    overflow-x: scroll !important;
    height: auto !important;
  }

  table.fc-list-table {
    border: none;
  }

  tr.fc-list-heading {
    border: none;
    border-bottom: 1px solid #ccc;
  }

  tr.fc-list-heading > td.fc-widget-header {
    background-color: white;
    text-align: center;
    border: none;
  }

  .fc-list-heading-main {
    font-size: 1.3em;
    margin-top: 5px;
    text-align: center;
  }

  .colibri-fc-list-header {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    color: black;
    font-size: 1.1em;
  }

  .colibri-fc-list-title {
    font-size: 1.2em;
    line-height: 1.2em;
  }

  .fc-view.fc-listDay-view.fc-list-view {
    border: none;
  }

  div.colibri-fc-list {
    margin: 4px 0px 4px 0px;
    padding: 4px 12px 7px 12px;
    border-radius: 3px !important;
    color: black;
  }

  .responsive-landscape-only {
    display: none;
  }

  /* Calendar view layouts */

  #planning-header {
    position: fixed;
    top: 0px;
    z-index: 9;
    width: 100vw;
    display: block;
    background-color: #2b384e;
    border-bottom: 0.3px solid #2b384e;
    padding-left: 0px;
  }

  #colibri-horizontal-menu {
    display: none;
  }

  #planning-header-container {
    display: block;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  #planning-header-submenu {
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    line-height: 38px;
  }

  #phone-reflect-button-wrapper {
    bottom: 75px;
  }

  .selectize-input {
    white-space: nowrap;
  }

  .header-submenu-item {
    text-align: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-size: 1em;
    color: rgba(255, 255, 255, 0.5);
  }

  .header-submenu-item.header-submenu-item-selected {
    color: white;
    border-bottom: 3px solid white;
  }

  button#resource-details-button {
    display: none !important;
  }

  div#new-reminder-email {
    display: none !important;
  }

  #resource-name-wrapper {
    padding-right: 5px;
    padding-top: 0px;
    padding-left: 6px;
    margin-bottom: 5px;
    font-size: 1.3em;
    line-height: 48px;
    color: white;
    font-weight: normal;
  }

  #resource-search-icon {
    display: inline;
  }

  #patient-dashboard {
    display: block;
    height: auto;
  }

  .patient-dashboard-panel {
    width: 100%;
    margin-bottom: 5px;
    height: auto;
  }

  #toggle-patients-nurses-wrapper {
    margin-left: 3px;
  }

  #close-resource-list {
    display: block;
    text-align: right;
    font-size: 1.2em;
    color: white;
    margin-right: 6px;
  }

  #toggle-patients-nurses-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }

  #menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    height: 100vh;
    width: 100vw;
    background-color: black;
    opacity: 0.6;
  }

  #resource-list-container {
    height: 100vh;
  }

  #resource-container {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 70px;
  }

  #nurses-resource {
    padding-bottom: 70px;
  }

  #patients-resource {
    padding-bottom: 70px;
  }

  #planning-nurse-information {
    display: -ms-flexbox;
    display: flex;
    color: white;
  }

  #resource-details-panel {
    width: 100%;
    height: calc(100vh - 150px);
    overflow-y: scroll;
    position: absolute;
    bottom: 55px;
    z-index: 11;
    border: 0px;
  }

  #resource-details-wrapper {
    width: 100%;
  }

  #resource-detail-body {
    height: auto;
  }

  #resource-detail-header {
    display: none;
  }

  #close-reports-index {
    display: none;
  }

  #display-completion-reports {
    display: none !important;
  }

  /* payable view styles */

  #appointments-by-category-detail {
    display: none;
  }

  #payable-menu {
    display: block;
  }

  .patient-left-panel {
    width: 100%;
  }

  .patient-right-panel {
    display: none;
  }

  #payable-query {
    display: block;
    margin-top: 10px;
  }

  .patient-dashboard-panel-body {
    height: auto;
  }

  .payable-body {
    padding: 5px;
  }

  #payable-title-wrapper {
    position: fixed;
    top: 0px;
    height: 48px;
    width: 100vw;
    z-index: 9;
    background-color: #2b384e;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .colibri-xs-title.colibri-payable-title {
    font-size: 1.3em;
    font-weight: normal;
    color: white;
    line-height: 48px;
  }

  #detail-planning-title {
    margin: 0px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 48px;
    line-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
  }

  #nurse_filter_wrapper {
    margin: 5px;
    min-width: 0px !important;
  }

  #nurse_filter_wrapper > .selectize-control {
    width: auto;
  }

  #payable-title {
    margin-top: 5px;
  }

  #payable-query {
    padding-left: 12px;
  }

  .planning-activity-module-title {
    padding-left: 4px;
  }

  .forty-percent-width {
    width: calc(100% - 10px);
  }

  .sixty-percent-width {
    width: calc(100% - 10px);
  }

  .colibri-dashboard-container-row {
    overflow-x: auto;
    height: auto;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  #posts-body {
    margin-top: 42px;
    padding-bottom: 60px;
  }

  .post-container {
    margin-bottom: 10px;
  }

  /* Settings view layouts */

  #patients-excel {
    display: none;
  }

  .hamburger_menu {
    display: inline-block;
    margin-right: 6px;
  }

  #logout {
    display: inline-block;
  }

  #settings-menu-container {
    height: 100vh;
    width: 200px;
    position: fixed;
    z-index: 30;
    top: 0px;
    left: 0px;
    padding-top: 10px;
    background-color: #415465 !important;
    border: 0.5px solid #415465;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    overflow-y: auto;
    display: none;
  }

  #settings-container {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    left: 0px !important;
    width: 100% !important;
  }

  .settings-body {
    margin-top: 5px;
    padding: 8px;
    margin-bottom: 60px;
  }

  .settings-body.with-mb-top-margin,
  #settings-container.with-mb-top-margin {
    margin-top: 52px;
  }

  #planning-options {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
  }

  #settings-menu-list {
    margin-top: 0px;
  }

  #index-table-container {
    margin-top: 10px;
  }

  .edit_corporation {
    margin-bottom: 70px;
  }

  #printing-options {
    max-width: none;
    width: 100%;
  }

  .edit_printing_option {
    margin-bottom: 70px;
  }

  .patients-submenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 5px;
  }

  #detail-planning-container {
    height: auto;
    overflow-y: visible;
  }

  /* Forms layouts */

  #appointment_starts_at_4i:before {
    content: "\A";
  }

  .colibri-datetime-input-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  #toggle-detailed-minutes-container {
    margin-top: 10px;
  }

  .colibri-datetime-separator {
    display: none;
  }

  .colibri-date-input {
    margin-bottom: 4px;
  }

  .btn-margin-bottom {
    margin-bottom: 3px;
  }

  /* Completion Reports layouts */

  #patient-completion-reports-body {
    margin-top: 40px;
    margin-bottom: 90px;
  }

  #handicap-image-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 25px;
    padding-bottom: 20px;
  }

  #handicap-image-container.smartphone-pink-bg {
    background: linear-gradient(170deg, #ffffff 50%, #fce7ea 50%);
  }

  #handicap-image-container.group-home-container {
    margin-top: 0px;
    padding-bottom: 40px;
    padding-top: 40px;
    background: linear-gradient(170deg, #ffffff 35%, #fce7ea 35%);
  }

  .reaction {
    min-width: 21px;
  }
}

@media screen and (orientation: portrait) and (min-width: 760px) and (max-width: 1020px) {
  #top-subsection {
    padding: 80px 30px 70px 30px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: -60px !important;
  }

  #top-subsection.handicap-top-section {
    height: 350px !important;
    margin-bottom: 10px !important;
  }

  #top-subsection.product-top-section {
    padding-bottom: 20px;
    background-position: 0% 40%;
  }

  #handicap-image-container {
    padding-top: 40px;
  }

  #main-image-responsive {
    display: none !important;
  }

  #main-image {
    display: block !important;
    margin-left: -100px;
  }

  h2.colibri-home-presentation-title {
    width: 120%;
  }

  #presentation-images-banner {
    padding-top: 30px;
    width: 33%;
  }

  #presentation-text {
    padding: 0;
    width: 62%;
  }

  .colibri-home-subsection {
    padding: 50px 20px 30px 20px;
  }

  .home-subsection-content.margin-md {
    margin: 0px;
    padding: 20px;
  }

  #colibri-issues {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }

  #issues-subsection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .issue-container {
    margin: 10px;
    min-width: 300px;
  }

  .nav-tablet-hidden {
    display: none;
  }

  #heroku-and-salesforce {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .detailed-content-container {
    margin: 15px;
  }

  #colibri-contact-form-container {
    margin-right: 10px;
  }

  #contact-form-image-container {
    max-width: 280px;
  }

  #colibri-batch-action-button {
    height: 65px;
    width: 65px;
    border-radius: 65px;
  }

  span.glyphicon.glyphicon-pencil.batch-action-pencil {
    line-height: 45px;
    font-size: 1.2em;
    margin-bottom: -5px;
  }

  .story-container {
    margin: 10px;
    margin-bottom: 25px;
  }

  .colibri-homepage-subsection-title {
    text-align: center;
    font-size: 2em;
  }

  .colibri-homepage-subsection-title.add-margin-left-md {
    margin-left: 0px;
  }

  #colibri-home-pink-pattern-5 {
    margin-top: -65vw;
  }

  #calendar-main-image {
    display: none !important;
  }

  #calendar-tablet-image {
    display: block !important;
  }

  .iphone-vertical-image {
    max-height: 350px !important;
    margin-top: 40px;
  }

  .attendance-summary-container {
    width: 100%;
  }

  .attendance-action-container {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .attendance-date-query-container {
    -ms-flex-pack: left !important;
        justify-content: left !important;
  }

  .reaction {
    min-width: 21px;
  }
}

body {
  background-color: #fff;
  color: #333;
  margin: 33px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",
    "Meiryo", "MS Pゴシック", "IPAexゴシック", "IPA Pゴシック", verdana, arial,
    helvetica, sans-serif !important;
  font-size: 13px;
  line-height: 18px;
}

td {
  font-size: 13px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

th {
  padding-bottom: 5px;
}

td {
  padding: 0 5px 7px;
}

div.field,
div.actions {
  margin-bottom: 10px;
}

#notice {
  color: green;
}

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px 7px 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#error_explanation > ul,
#error_explanation > li {
  font-size: 12px;
  list-style: square;
}

#error_explanation > h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0;
  background-color: #c00;
  color: #fff;
}

label {
  display: block;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  line-height: 17px;
}

.switch.switch-lg {
  width: 38px;
  height: 21px;
  line-height: 21px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 3px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 3px;
}

.slider.slider-lg:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 3px;
}

.information-item {
  padding: 8px 5px 8px 5px;
}

.information-item.bottom-border {
  border-bottom: 1px solid #ddd;
}

.my-profile-group {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: #fdfdfd;
  border-radius: 6px;
  padding: 12px 5px 12px 5px;
  border: 1px solid #ddd;
}

input:checked + .slider-blue {
  background-color: #2196f3;
}

input:focus + .slider-blue {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider-pink {
  background-color: #fce7ea;
}

input:focus + .slider-pink {
  box-shadow: 0 0 1px #fce7ea;
}

input:checked + .slider-cyan {
  background-color: #17a2b8;
}

input:focus + .slider-cyan {
  box-shadow: 0 0 1px #17a2b8;
}

input:checked + .slider-success {
  background-color: #30af4d;
}

input:focus + .slider-success {
  box-shadow: 0 0 1px #30af4d;
}

input:checked + .slider-cancelled {
  background-image: repeating-linear-gradient(
    45deg,
    #ffbfbf,
    #ffbfbf 5px,
    #ff8484 5px,
    #ff8484 10px
  );
}

input:focus + .slider-cancelled {
  box-shadow: 0 0 1px #ffbfbf;
}

input:checked + .slider-edit-requested {
  background-image: repeating-linear-gradient(
    45deg,
    #c8f6df,
    #c8f6df 5px,
    #99e6bf 5px,
    #99e6bf 10px
  );
}

input:focus + .slider-edit-requested {
  box-shadow: 0 0 1px #c8f6df;
}

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

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

.slider.round {
  border-radius: 34px;
}

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

#users-index-container {
  margin-left: 10px;
  margin-right: 10px;
}

.account-container-sm {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
}

.account-container {
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 100%;
}

.account-name-sm {
  line-height: 40px;
  font-weight: bold;
  color: white;
}

.account-name {
  line-height: 45px;
  font-weight: bold;
  color: white;
}

.coli-profile-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.coli-xs-profile-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

@media print {
  .account-container {
    border: 0.5px solid #ccc;
  }
  .coli-profile-icon {
    border: 0.5px solid #ccc;
  }
}

#background-task-body {
  padding-left: 0px;
  font-size: 14px;
}

#background-task {
  position: absolute;
  right: 0;
  bottom: 60px;
  height: 92%;
  max-width: 500px;
  width: 100%;
  overflow: scroll;
  z-index: 9;
}

#reports-modal-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px;
  height: 60px;
  padding-top: 12px;
}

@media (min-width: 576px) and (max-width: 768px) {
  #background-task {
    width: 60%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  #background-task {
    margin: 8px;
    width: 50%;
    bottom: 0;
  }
}

@media (min-width: 992px) {
  #background-task {
    margin: 8px;
    height: 60%;
    width: 40%;
    bottom: 0;
  }
}

/*
@import '@fullcalendar/common/main.css';
@import '@fullcalendar/daygrid/main.css';
@import '@fullcalendar/timegrid/main.css';
@import '@fullcalendar/list/main.css';
@import '@fullcalendar/timeline/main.css';
@import '@fullcalendar/resource-timeline/main.css';
*/

tr.colibri-fc-hover-highlight:hover {
  background-color: #7AD5DE;
  opacity: 20%;
}

tr.colibri-fc-hover-highlight {
  z-index: 4;
}

.fc-col-header-cell.fc-day-today {
    font-weight: bold;
    color: black;
}

.fc-daygrid-day.fc-day-today > .fc-daygrid-day-frame > .fc-daygrid-day-top {
  font-weight: bold;
  color: black;
}

.fc-event-title {
    font-size: 1.6em;
    line-height: 1.2;
}

.fc-day.fc-day-sat {
    color: #118df0;
}

.fc-day.fc-day-sun {
    color: #ff304f;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    margin-bottom: 10px;
}

.fc-event.fc-bg-event.colibri-bg-green {
    background: linear-gradient(90deg, white 1px, transparent 1%) center, linear-gradient(white 1px, transparent 1%) center, #67DCA4;
    background: -moz-linear-gradient(90deg, white 1px, transparent 1%) center, linear-gradient(white 1px, transparent 1%) center, #67DCA4;
    background-size: 3px 3px !important;
}

.fc-event.fc-bg-event.colibri-bg-yellow {
    background: linear-gradient(90deg, white 1px, transparent 1%) center, linear-gradient(white 1px, transparent 1%) center, #FFDA62;
    background: -moz-linear-gradient(90deg, white 1px, transparent 1%) center, linear-gradient(white 1px, transparent 1%) center, #FFDA62;
    background-size:  3px 3px !important;
}

.fc-event.fc-bg-event.colibri-bg-red {
    background: linear-gradient(90deg, white 1px, transparent 1%) center, linear-gradient(white 1px, transparent 1%) center, #FD9BA6;
    background: -moz-linear-gradient(90deg, white 1px, transparent 1%) center, linear-gradient(white 1px, transparent 1%) center, #FD9BA6;
    background-size: 3px 3px !important;
}

.fc-timegrid-body {
  width: 100%;
}

/* daygrid month view */

.fc-daygrid-block-event.fc-event > .fc-event-main > .fc-event-main-frame {
  -ms-flex-direction: column;
      flex-direction: column;
}

.fc-daygrid-block-event.fc-event > .fc-event-main > .fc-event-main-frame > .fc-colibri-header > .fc-event-time {
  font-size: 0.9em;
  padding-bottom: 0px;
  font-weight: normal;
}

.fc-event-time {
  line-height: 12px;
}

.fc-daygrid-block-event.fc-event > .fc-event-main > .fc-event-main-frame > .fc-event-title-container {
  margin-bottom: 1px;
}

/* fc timeline view */

.fc-timeline-event > .fc-event-main > .fc-event-main-frame {
  -ms-flex-direction: column;
      flex-direction: column;
}

.fc-event > .fc-event-main > .fc-event-main-frame {
  overflow-x: hidden !important;
}

.fc-timeline-event.fc-event > .fc-event-main > .fc-event-main-frame > .fc-colibri-header > .fc-event-time {
  font-size: 0.85em;
  padding-bottom: 0px;
  font-weight: normal;
}

.fc-timeline-event.fc-event {
  display: -ms-flexbox;
  display: flex;
  margin:1px;
  border-radius: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
  -ms-flex-align: start !important;
      align-items: start !important;
}

h2.fc-toolbar-title {
  line-height: 40px;
}

button.fc-button {
  margin-bottom:2px !important;
  max-height:42px !important;
}

/* non-business hours */

div.fc-non-business {
  background: rgba(228, 228, 228, 0.3) !important;
}

.filter-selected.fc-button.fc-button-primary {
  background-color: #d5d5d5 !important;
}

@media print {

  .fc-scroller.fc-scroller-liquid-absolute, .fc-scroller,
  .fc-day-grid-container,
  .fc-time-grid-container,.fc-scroller-harness, .fc-view, .fc-view-harness.fc-view-harness-active {
    /* */
    height: auto !important;
    overflow: visible !important;
  }

  .fc-timegrid > .fc-scrollgrid {
    height: auto;
  }

  .fc-timegrid-slots > table {
    height: auto !important;
  }

  .fc-scroller, .fc-timegrid-body {
    height: auto !important;
    display: -ms-flexbox;
    display: flex;
  }

  .fc-scrollgrid.fc-scrollgrid-liquid {
    border: none;
  }

  .fc-scrollgrid-section.fc-scrollgrid-section-body.fc-scrollgrid-section-liquid {
    overflow: visible !important;
  }

  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }

  ::-webkit-scrollbar {
    width: 0px;
  }

  /* do not hide background events */
  .fc-event.fc-bg-event {
    -webkit-print-color-adjust: exact !important;
  }

  /* Make background events more visible */

  .fc-event.colibri-bg-green {
    background: linear-gradient(90deg, white 2px, transparent 1%) center, linear-gradient(white 2px, transparent 1%) center, #67DCA4;
    background: -moz-linear-gradient(90deg, white 2px, transparent 1%) center, linear-gradient(white 2px, transparent 1%) center, #67DCA4;
    background-size: 5px 5px !important;
  }

  .fc-event.colibri-bg-yellow {
    background: linear-gradient(90deg, white 2px, transparent 1%) center, linear-gradient(white 2px, transparent 1%) center, #FFDA62;
    background: -moz-linear-gradient(90deg, white 2px, transparent 1%) center, linear-gradient(white 2px, transparent 1%) center, #FFDA62;
    background-size:  5px 5px !important;
  }

  .fc-event.colibri-bg-red {
    background: linear-gradient(90deg, white 2px, transparent 1%) center, linear-gradient(white 2px, transparent 1%) center, #FD9BA6;
    background: -moz-linear-gradient(90deg, white 2px, transparent 1%) center, linear-gradient(white 2px, transparent 1%) center, #FD9BA6;
    background-size: 5px 5px !important;
  }


  /* fill cancelled and edit requested appointments */

  .fc-event.colibri-edit-requested {
    background-image: repeating-linear-gradient(45deg, #C8F6DF, #C8F6DF 5px, #99E6BF 5px, #99E6BF 10px) !important;
    -webkit-print-color-adjust: exact;
  }
    
  .fc-event.colibri-cancelled {
    background-image: repeating-linear-gradient(45deg, #FFBFBF, #FFBFBF 5px, #FF8484 5px, #FF8484 10px) !important;
    -webkit-print-color-adjust: exact;
  }

  .fc-event.colibri-missing-report {
    color: rgba(0,0,0,0.7);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,0.35) 5px, rgba(255,255,255,0.35) 10px) !important;
    -webkit-print-color-adjust: exact;
  }

      /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group, button.fc-button {
    display: none !important;
    /* don't display any button-related controls */
  }

  /* hide now indicator */
  .fc-timegrid-now-indicator-arrow, .fc-timegrid-now-indicator-line {
    display: none;
  }


  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/

	.fc-more-cell,
	.fc-more {
		display: none !important;
	}

	.fc tr.fc-limited {
		display: table-row !important;
	}

	.fc td.fc-limited {
		display: table-cell !important;
  }
  
  div.fc-event-title {
    font-weight: bold !important;
    font-size: 17px !important;
    color: black;
  }

  .fc-timeline-event.fc-event > .fc-event-main > .fc-event-main-frame > .fc-event-title-container > .fc-event-title {
    font-size: 18px !important;
    font-weight: normal !important;
    color: black; 
  }

	.fc-popover {
		display: none;
		/* never display the "more.." popover in print mode */
  }


  /* custom Colibri styles 
  -------------------------------------------------------------------------------------------------*/

  .fc-timegrid-slot.fc-timegrid-slot-label {
    font-weight: bold;
  }

  /* more visible dates */
  th.fc-col-header-cell {
    font-weight: bold;
    font-size: 1.35em;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* making horizontal lines thicker for 9:00 12:00 15:00 18:00 */
  .thick-calendar-line {
    border-top: 3px solid #ccc !important;
  }

  /* make event borders thicker */
  .fc-day-grid-event, .fc-time-grid-event, .fc-v-event, .fc-event, .fc-start, .fc-end, .fc-draggable, .fc-resizable {
    border-width: 4.5px !important;
  }
  
  .fc-timeline-event.fc-event {
    border-width: 2px !important;
  }  

}

/**
 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333333;
  border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #808080;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}

.selectize-dropdown .active.create {
  color: #262626;
}

.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fff;
}

.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.selectize-dropdown .optgroup-header {
  font-size: 12px;
  line-height: 1.42857143;
}

.selectize-dropdown .optgroup:first-child:before {
  display: none;
}

.selectize-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}

.selectize-dropdown-content {
  padding: 5px 0;
}

.selectize-dropdown-header {
  padding: 6px 12px;
}

.selectize-input {
  min-height: 34px;
}

.selectize-input.dropdown-active {
  border-radius: 4px;
}

.selectize-input.dropdown-active::before {
  display: none;
}

.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.has-error .selectize-input {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .selectize-input:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}

.selectize-control.multi .selectize-input > div {
  border-radius: 3px;
}

.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
}


/*# sourceMappingURL=application-13c76957.css.map*/