:root {
  --site-background-color: #f9f9f9;
  --site-navigation-color: #f2f2f2;
  --site-primary-color: #3095b4;
  --site-primary-hover-color: #206378;
  --selected-color: #6c6f70;
  --icon-color: #8e9394;
  --input-background-color: #f7f7f7;
  --font-color: #7a7a7a;
  --heart-red: #f44646;
  --site-white: #ffffff;
  --site-charcoal: #333333d6;
  --site-light-grey: #b7cec4;
  --menu-header-color: #656565;
  --menu-font-color: #ffffff;
  --success-green: #97bd75;
  --add-booking-header-color: #156570;
  --break-heading-color: #838383;
}

body {
  position: relative;
}
.site-blur {
  pointer-events: none;
  filter: blur(5px);
}
label,
.label {
  font-weight: normal;
}

h1,
h2,
h3,
h4 {
  font-weight: normal;
}
select.iOSselect {
  -webkit-appearance: none;
  background-color: white;
  background-image: url(../images/select-arrow.png);
  /*background-position : right center;*/ /*We override this elsewhere*/
  background-repeat: no-repeat;
}

.copy-link-modal-text-box {
  vertical-align: baseline;
  background: transparent;
  -webkit-text-stroke: 1px transparent;
  font-size: 13px !important;
  color: #999;
}
.dash-notification-panel-min-height.loading-inc-notes {
  min-height: 30px;
}

.dash-notification-panel-min-height.loading-inc-notes .modal-loading-status {
  margin-top: 23px;
  left: 50%;
}

.btn {
  margin-bottom: 5px;
}

.btn-no-bottom-margin {
  margin-bottom: 0px;
}

th label {
  color: #656565;
  font-size: 14px;
}

.row.equal {
  display: flex;
  flex-wrap: wrap;
}

.btn-primary {
  background-color: #3096b4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active:active,
.btn-primary.active:active:hover,
.btn-primary:active:focus,
.btn-primary[disabled]:hover,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
  background-color: #287c96;
  border-color: #287c96;
}

.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:active {
  background-color: #287c96;
  border-color: #287c96;
}

.btn-secondary {
  background-color: #f4a259;
  color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:hover,
.btn-secondary.active,
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active:active,
.btn-secondary.active:active:hover,
.btn-secondary:active:focus,
.btn-secondary[disabled]:hover,
.open > .dropdown-toggle.btn-secondary,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus {
  background-color: #ea8f3f;
  border-color: #ea8f3f;
  color: #ffffff;
}

.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:active {
  background-color: #f4a259;
  border-color: #f4a259;
  color: #ffffff;
}
.btn-default {
  color: var(--font-color);
  /*background-color: #edf1f2;*/
  background-color: #ffffff;
  border: 1px solid #dde6e9;
  border-radius: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active:active,
.btn-default.active:active:hover,
.btn-default[disabled]:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
button.filter-button-on {
  background-color: #d2d9db;
  border: 1px solid #cbd1d3;
}

.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:active {
  background-color: #d2d9db;
  border: 1px solid #cbd1d3;
}

.btn.btn-success {
  background-color: var(--success-green);
  border-color: var(--success-green);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:hover,
.btn-success.active,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active:active,
.btn-success.active:active:hover,
.btn-success[disabled]:hover,
.open > .dropdown-toggle.btn-success,
.open > .dropdown-toggle.btn-success:hover {
  background-color: var(--success-green);
  border-color: #87aa69;
}

.btn.btn-danger {
  background-color: #d91a22;
  border-color: #d91a22;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active:active,
.btn-danger.active:active:hover,
.btn-danger[disabled]:hover,
.open > .dropdown-toggle.btn-danger,
.open > .dropdown-toggle.btn-danger:hover {
  background-color: #d91a22;
  border-color: #d91a22;
}

a,
.text-primary,
a:active,
a:focus {
  color: var(--site-primary-color);
}

a:hover,
.text-primary:hover,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > a:focus:hover {
  color: var(--site-primary-hover-color);
}

.dropdown-menu > li > a:hover {
  color: var(--site-primary-hover-color);
}

.menu-header {
  background-color: #e4e4e4;
}

.sidebar > .nav > li {
  border-left: 0px;
}

.sidebar > .nav > li > a {
  color: #88898a;
}

.clear,
.clear-fix {
  clear: both;
}

a {
  text-decoration: none;
}

ul.block-link-list {
  width: 100%;
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

ul.block-link-list li.title {
  /*background:#ddd;*/
  border-bottom: 1px solid #ddd;
  padding-left: 10px;
  font-size: 24px;
}

ul.block-link-list li {
  display: block;
  margin-left: 0px;
}
.square-add-payment-method-section .disabled {
  background-color: var(--site-white);
}
ul.block-link-list li a {
  display: block;
  padding: 10px;
}
body > div.wrapper > header > nav > div > ul.nav.navbar-nav.navbar-left {
  margin-right: 5px;
}
.topnavbar .navbar-header .brand-logo > img,
.topnavbar .navbar-header .brand-logo-collapsed > img {
  max-height: 17px;
  margin-top: 10px;
  margin-left: 12px;
}
.navbar-reports {
  margin-bottom: 0px;
  margin-top: 10px;
}
#filterDateRange .fa-filter {
  font-size: 20px;
}
#filterInputs .fa-filter {
  font-size: 20px;
}
span.required-asterick {
  font-weight: bold;
  color: red;
}
@media (max-width: 767px) {
  .topnavbar .navbar-header .brand-logo > img,
  .topnavbar .navbar-header .brand-logo-collapsed > img {
    margin-left: 0px;
  }
}

.topnavbar .navbar-header .brand-logo-collapsed > img {
  max-height: 34px;
  margin-top: 4px;
  margin-left: 0px;
  opacity: 0.5;
}

.label-info {
  background: var(--heart-red) !important;
}

.table tr:hover td {
  background: #f2f8f8;
}

/* Custom simple classes */

.margin-bottom-25px {
  margin-bottom: 25px;
}

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

.no-margin-top-force {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

.no-margin-bottom-force {
  margin-bottom: 0px !important;
}

.no-margin-left {
  margin-left: 0px;
}

.no-margin-left-force {
  margin-left: 0px !important;
}

.no-padding-left {
  padding-left: 0px;
}

.no-padding-right {
  padding-right: 0px;
}

.no-padding-top {
  padding-top: 0px;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.font-size-12px {
  font-size: 12px;
}

.font-size-13px {
  font-size: 13px;
}

.font-size-14px {
  font-size: 14px;
}

.font-size-15px {
  font-size: 15px;
}

.transform-uppercase {
  text-transform: uppercase;
}

.dropdown-toggle-shorter {
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 480px) {
  .phone-only {
    display: block;
  }

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

@media (min-width: 481px) {
  .phone-only {
    display: none;
  }

  .no-phone {
    display: block;
  }
}

@media (max-width: 480px) {
  .panel-heading .bootstrap-datetimepicker-widget {
    left: -170px !important;
    right: auto !important;
  }

  .bootstrap-datetimepicker-widget {
    left: 5px !important;
    right: auto !important;
  }
}

@media (min-width: 992px) {
  .show-sm.no-phone {
    display: none;
  }
}

/* End Custom simple classes */

/* // Might be used later if we want to change the header
@media only screen and (min-width: 768px){
	.content-wrapper > .content-heading{
		padding-top: 19px;
		padding-bottom: 5px;

	}
}

.content-wrapper > .content-heading{
	height: 63px;
}
*/

/*
TO BE REMOVED (Commented this out as it is being used elsewhere. If everything looks good, delete this)
.table tr td .patientLink{
	font-size:21px;
}
*/
.small-select {
  width: 100px;
}
.letterLink {
  text-align: center;
}
.letter-width {
  width: 45px;
}
.pagination.no-radius > li:first-child > a,
.pagination.no-radius > li:first-child > span {
  margin-left: -1px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.pagination.no-radius > li:last-child > a,
.pagination.no-radius > li:last-child > span {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.notificationParentList {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}

.list-group-item-sub-heading {
  font-size: 13px !important;
  color: #666666 !important;
  text-decoration: none !important;
}
.loadingContainer {
  display: block;
  width: 32px;
  height: 32px;
}
.condition-body {
  padding: 15px;
}

div.loading-panel {
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.loading {
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
}

.hide-me {
  display: none;
}

.show-me {
  display: block !important;
}

.full-width-button {
  width: 100%;
}

.sweet-alert-button {
  background-color: #8cd4f5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
  display: inline-block;
}

.sweet-alert-button.cancel {
  background-color: #c1c1c1 !important;
}

.sweet-alert-button:hover {
  color: white;
}

.letterNav {
  list-style: none;
  display: inline-block;
  width: 100%;

  margin: auto;
  margin-top: 10px;
  margin-left: 0px;
  padding-left: 0px;
}

.letterNav li {
  list-style: none;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 30px;
  float: left;
  color: #cccccc;
  text-align: center;
}

/* WHY?
.panel-heading .btn-group .dropdown-toggle{
	margin-left:10px;
	padding-top: 6px;
    padding-bottom: 6px;
}
*/

.financeActionLinks a {
  margin-left: 10px;
}
@media (max-width: 700px) {
  .table-scroll-box {
    width: 100%;
    overflow-x: scroll;
  }
}

.split-dropdown-toggle {
  margin-left: 0px !important;
}

/* This is to make the split dropdown the same height as the button it's attached to. For some reason, the code works in the template but not in the redesign, if you can figure out the correct fix, please do that instead and remove these spans */
.split-dropdown-toggle span.dropdown-height {
  width: 0px;
  display: inline-block;
}

ul.right-edge-menu {
  left: inherit;
  right: 0;
}

/*.nav-tab-container h2, .health-history h2{
    color: #666666 !important;

    font-weight: normal;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    margin-top:5px;
} */

h4.h4-list-text {
  text-indent: 0px !important;
}

.nav-tab-container h2.hasIcon,
.health-history h2.hasIcon,
h2.condition-category-heading,
.nav-tab-container h4.hasIcon,
.health-history h4.hasIcon,
h4.condition-category-heading {
  font-size: 14px;
  font-weight: bold;
  color: #656565 !important;
  /*font-family: "Source Sans Pro", sans-serif;*/
}

.nav-tab-container h4.hasIcon.muted,
.nav-tab-container h4.hasIcon.text-muted {
  color: #656565 !important;
  opacity: 0.5;
  -webkit-user-select: text;
}

.generalNotesContent {
  margin-top: -10px;
}
.condition-category-heading {
  border: none !important;
  padding-left: 14px;
}

.nav-tab-container h2.hasIcon,
.health-history h2.hasIcon {
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 0px 8px !important;
  background-position: 0px 0px !important;
  height: 23px;
  line-height: 23px;
  margin-top: 10px;
}

.nav-tab-container h4.hasIcon,
.health-history h4.hasIcon {
  text-indent: 30px;
  background-repeat: no-repeat;
  background-position: 0px 0px !important;
  height: 23px;
  line-height: 23px;
}

.nav-tab-container h2.no-content,
.health-history h2.no-content,
.nav-tab-container h4.no-content {
  opacity: 0.5;
}

.nav-tab-container h2.icon-heartrate,
.health-history h2.icon-heartrate,
.nav-tab-container h4.icon-heartrate,
.health-history h4.icon-heartrate {
  background-image: url('../images/conditions-icon.png') !important;
  background-size: 22px;
}

.nav-tab-container h2.icon-pill,
.health-history h2.icon-pill,
.nav-tab-container h4.icon-pill,
.health-history h4.icon-pill {
  background-image: url('../images/medications-icon.png') !important;
  background-size: 22px;
}

.nav-tab-container h2.icon-bandaid,
.health-history h2.icon-bandaid,
.nav-tab-container h4.icon-bandaid,
.health-history h4.icon-bandaid {
  background-image: url('../images/injuries-icon.png') !important;
  background-size: 22px;
}

.nav-tab-container h2.icon-inject,
.health-history h2.icon-inject,
.nav-tab-container h4.icon-inject,
.health-history h4.icon-inject {
  background-image: url('../images/surgeries-icon.png') !important;
  background-size: 22px;
}

.nav-tab-container .icon-finalized-note,
.health-history .icon-finalized-note {
  background-image: url('../images/finalized-icon.png') !important;
  background-size: 22px;
}

.nav-tab-container .icon-draft-note,
.health-history .icon-draft-note {
  background-image: url('../images/draft-icon.png') !important;
  background-size: 22px;
}

div.condition-accordion-panel {
  padding-left: 15px;
}

@media (max-width: 700px) {
  .nav-tabs > li {
    float: none !important;
  }
  #dropDownList {
    float: none;
    position: relative !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: none;
    padding: 0px;
  }
  #dropDownList > li {
    border-bottom: 1px solid #dddddd !important;
    color: #656565 !important;
    background-color: #edf1f2 !important;
  }
  #dropDownList > li > a {
    font-weight: bold !important;
    color: #515253 !important;
    font-size: 14px !important;
  }
}

td {
  position: relative;
}

.text-right > .dropdown-menu {
  right: 0;
  left: auto;
  top: 75%;
}

.dropdown-right {
  right: 0;
  left: auto;
}

/* CAL */

em.icon-cal-padding-left {
  width: 12px;
}

.generatedCalendarContainer {
  display: block;
  /*
	float:left;
	width:220px;
	margin:15px;
	*/
}

.generatedCalendarContainer .generatedCalendar {
  display: block;
  width: 100%;
}

.generatedCalendarContainer .generatedCalendar th {
  color: #666666;
  /*font-family:calibri, Arial, Helvetica, sans-serif;*/
  font-weight: normal;
  font-size: 20px;
}

.generatedCalendarContainer .generatedCalendar td {
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #999999;
  /*font-family:calibri, Arial, Helvetica, sans-serif;*/
  position: relative;
  /*padding-top: 5px;*/
}

.generatedCalendarContainer .generatedCalendar td a {
  border-radius: 15px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  /*font-family:calibri, Arial, Helvetica, sans-serif;*/
  position: relative;

  margin-right: 0px;
}

.generatedCalendarContainer .generatedCalendar td a {
  -webkit-box-sizing: initial !important;
  box-sizing: initial !important;
}

.generatedCalendarContainer .generatedCalendar td a:hover {
  text-decoration: none;
}

.generatedCalendarContainer .generatedCalendar td .littlePenIcon {
  width: 18px !important;
  height: 18px !important;
  background: url('../images/little-pen-icon.png') no-repeat !important;
  display: block;
  position: absolute;
  top: 5px !important;
  right: 60px !important;
  left: auto !important;
}

.generatedCalendarContainer .generatedCalendar td a.hasNoteAndBooking {
  border: 3px solid #287c96;
  background: #2b6195;
  color: #fff !important;
  margin: auto;
}

.generatedCalendarContainer .generatedCalendar td a.hasNote {
  border: 3px solid #287c96;
  background: #287c96;
  color: #fff !important;
  margin: auto;
}

.generatedCalendarContainer .generatedCalendar td a.hasBooking {
  border: 3px solid #2b6195;
  background: #2b6195;
  color: #fff !important;
  margin: auto;
}

/* TODO CAL-766: Doesn't look like it's being used anymore */
.generatedCalendarContainer .generatedCalendar td .popOutNotification {
  display: none;
  background: #fff !important;
  border: 1px solid #8c8c8c;
  padding: 5px;
  color: #8c8c8c;
  position: absolute;
  border-radius: 3px;

  top: -79px;
  left: -103px;
  /*min-width:200px;*/
  min-width: 219px;

  min-height: 80px;
  z-index: 2;
  text-align: left;
  box-shadow: 0 1px 1px #ccc;
}

.sigWrapper.current {
  border: 1px solid #ccc !important;
}

.calendar-nav-link-left,
.calendar-nav-link-right {
  font-size: 22px;
}

.calendar-nav-link-left {
  padding-right: 0px;
}

.calendar-nav-link-right {
  padding-left: 5px;
}

.popOutNotification .heading {
  font-size: 14px !important;
  line-height: 18px !important;
  margin: 0px !important;
  padding-bottom: 10px !important;
  margin: 0px !important;
  /*font-family:calibri, Arial, Helvetica, sans-serif;*/
  white-space: nowrap;
}

.popOutNotification .listOfNotifications {
  list-style: none;
  padding-left: 5px;
}

.popOutNotification .listOfNotifications li a {
  font-size: 14px;
  height: 30px;
  white-space: nowrap;
  color: #156570 !important;
  position: relative;
  width: 100%;
}

.popOutNotification .listOfNotifications li a span.hasNote,
.popOutNotification .listOfNotifications li a span.hasBooking {
  border-radius: 15px;
  display: inline-block;
  width: 11px;
  height: 11px;
  line-height: 20px;
}

.popOutNotification .listOfNotifications li a span.hasNote {
  border: 3px solid #287c96;
  background: #287c96;
}

.popOutNotification .listOfNotifications li a span.hasBooking {
  border: 3px solid #2b6195;
  background: #2b6195;
}

.popOutNotification .listOfNotifications li a img.calendarDraftIcon {
  margin-left: 10px;
  border-radius: 15px;

  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  /*font-family: calibri, Arial, Helvetica, sans-serif;*/
}

.calendarLegend {
  display: block;
  height: 20px;
  color: #999999;
  margin-top: 12px;
  /*font-family:calibri, Arial, Helvetica, sans-serif;*/
  font-size: 18px;
}

.calendarLegendSmaller {
  font-size: 16px;
  text-align: right;
}

@media (max-width: 767px) {
  .calendarLegendSmaller {
    font-size: 14px;
    text-align: center;
  }
}

.calendarLegend span.hasNote {
  border: 3px solid #287c96;
  background: #287c96;
  border-radius: 15px;
  display: inline-block;
  width: 11px;
  height: 11px;
  line-height: 20px;
}

.calendarLegend span.hasBooking {
  border: 3px solid #2b6195;
  background: #2b6195;
  border-radius: 15px;
  display: inline-block;
  width: 11px;
  height: 11px;
  line-height: 20px;
}

h2.calendarYearHeading {
  text-align: center;
  font-size: 32px;
  border-bottom: none;
}

div.headerBar {
  border-bottom: 1px solid #ccc;
}

div.admin-calendar-wrapper div.calendar-column {
  text-align: center;
}

div.admin-calendar-wrapper div.calendar-column a.viewCalendar {
  display: inline-block;
}

div#bookingHoverOver,
div#eventClickPanel {
  display: none;
  position: absolute;
  margin-left: 5px;
  margin-right: 5px;
  min-width: 296px;
}

div#bookingHoverOver div.panel-wrapper {
  padding: 10px;
}

div#bookingHoverOver h3 span.calendar-hover-h3-minutes {
  float: right;
  font-size: 14px;
  font-weight: normal;
}

div#bookingHoverOver p span.calendar-hover-patient-name {
  font-size: 20px;
  font-weight: bold;
}

div#eventClickPanel div.panel-heading {
  font-weight: bold;
}

div#eventClickPanel div#availabilityEditOrAdd,
div#eventClickPanel div#sessionOrAppointment {
  text-align: center;
  height: 60px;
  margin-top: 20px;
}

div#clearExistingPatient {
  background: url('../images/remove-icon.png');
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 24px;
  top: 34px;
  cursor: pointer;
  opacity: 0.5;
}

div#clearExistingPatient.floating-label-clearExistingPatient {
  top: 16px;
}

div#checkmarkExistingPatient.floating-label-checkmarkExistingPatient {
  top: 16px;
}

div#checkmarkExistingPatient {
  display: none;
  position: absolute;
  /*width: 16px;*/
  height: 16px;
  right: 24px;
  top: 36px;
  opacity: 0.5;
}

/* END OF CAL */

a.iconActive {
  color: #ffffff !important;
}
ul.nav.navbar-nav.navbar-left > li > button {
  margin-top: 6px;
  margin-left: 12px;
  padding-left: 14px;
  padding-right: 14px;
}
@media (max-width: 991px) {
  /*Mobile Nav links/icons*/
  .topnavbar .navbar-nav > li > a.dark-icon {
    color: var(--selected-color);
  }

  .topnavbar .navbar-nav > li > a:hover,
  .topnavbar .navbar-nav > li > a:focus {
    color: var(--selected-color);
  }
}

.header-list-item {
  background: #fff;
  padding: 15px;
  min-height: 55px;
  font-size: 16px;
}

#noUsersWarning {
  font-size: 22px;
  width: 22px;
  color: #d91a22;
  line-height: 1;
  vertical-align: middle;
}
.input-group.amount .input-group-addon {
  cursor: pointer;
}
.input-group.tip-amount .input-group-addon {
  cursor: pointer;
}
.floating-button {
  top: 60px;
}
.floating-menu {
  top: 95px;
}
@media (max-width: 767px) {
  .mark-as-read {
    padding-top: 0px !important;
  }
  .delete-notification {
    padding-top: 0px !important;
  }
}
.c-checkbox input[type='checkbox']:checked + span,
.c-radio input[type='checkbox']:checked + span,
.c-checkbox input[type='radio']:checked + span,
.c-radio input[type='radio']:checked + span {
  border-color: #287c96;
  background-color: #287c96;
}

.c-checkbox input[type='radio']:checked + span:before,
.c-radio input[type='radio']:checked + span:before {
  color: #ffffff;
}
.c-checkbox:hover span,
.c-radio:hover span {
  border-color: #287c96;
}
.c-checkbox input[type='checkbox']:checked + label span,
.c-radio input[type='checkbox']:checked + label span,
.c-checkbox input[type='radio']:checked + label span,
.c-radio input[type='radio']:checked + label span {
  border-color: #287c96;
  background-color: #287c96;
}

.c-checkbox input[type='radio']:checked + label span:before,
.c-radio input[type='radio']:checked + label span:before {
  color: #ffffff;
}
.c-checkbox:hover label span,
.c-radio:hover label span {
  border-color: #287c96;
}
.vertical-align-initial {
  position: relative !important;
  vertical-align: middle !important;
}
.vertical-align-middle {
  position: relative !important;
  vertical-align: middle !important;
}
.radio-icon-holder {
  padding-top: 6px;
}
.radio-section.active {
  border: 2px #287c96 solid;
  background-color: rgba(43, 149, 122, 0.05);
}
.radio-section {
  padding-left: 0px !important;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  border-radius: 5px;
  border: 2px #ffffff solid;
}
ul.session-dropdown li.separator {
  height: 1px;
  background: #ddd;
  margin: 0px 0px 0px 0px;
  padding: 0px !important;
  /*border-top:1px solid #ddd;*/
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-radio span:before {
  margin-left: 0px !important;
}

.icon-circle-container .fa-times-circle {
  color: #95732b;
}
.icon-circle-container .fa-exclamation-circle {
  color: #b8cd1e;
}
.icon-circle-container .fa-check-circle {
  color: #287c96;
}
.icon-circle-outline {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 215px;
  margin: auto;
  height: 215px;
  border-radius: 50%;
  background-color: #ffffff;
}

.preview-close {
  margin-top: 150px;
  font-size: 16px;
}

.intake-return-btn {
  color: #ffffff !important;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 100px;
  padding: 0px 30px;
  height: 80px;
  width: 295px;
  border-radius: 40px;
  background-color: #2b957a;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}

.intake-return-btn i {
  color: #45b39d;
  font-size: 26px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .icon-circle-container {
    position: relative;
    top: 140;
    height: 245px;
  }
  .square-return-btn-replacement-text {
    top: 200px;
    position: relative;
    text-align: center;
    width: 275px;
    height: 250px;
    line-height: 36px;
    margin: auto;
    display: block;
  }
  .icon-circle-outline {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 215px;
    margin: auto;
    height: 215px;
    border-radius: 50%;
    background-color: #ffffff;
  }
  .icon-circle-container .fal {
    font-size: 60px;
  }
  .square-return-top-section {
    background-color: var(--site-background-color);
    height: 487px;
  }
  .return-btn-text {
    top: 24;
    position: relative;
    height: 24px;
    width: 78px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  .square-return-btn {
    margin-top: 200px;
    height: 80px;
    width: 295px;
    border-radius: 40px;
    background-color: #287c96;
  }
  .square-return-subtitle {
    height: 48px;
    width: 275px;
    color: #000000;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    margin: auto;
    margin-top: 60px;
    text-align: center;
  }
  .square-return-title {
    position: relative;
    height: 42px;
    color: #269f84;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .square-return-btn {
    margin-top: 132px;
    height: 80px;
    width: 295px;
    border-radius: 40px;
    background-color: #287c96;
  }
  .square-return-btn-replacement-text {
    top: 132px;
    height: 80px;
    position: relative;
    text-align: center;
    line-height: 24px;
    margin: auto;
    width: 275px;
    display: block;
    margin-bottom: 60px;
  }
  .icon-circle-container {
    position: relative;
    top: 80;
    height: 215px;
  }

  .icon-circle-container .fal {
    font-size: 50px;
  }
  .square-return-top-section {
    background-color: var(--site-background-color);
    height: 397px;
  }
  .return-btn-text {
    top: 24;
    position: relative;
    height: 24px;
    width: 78px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }

  .square-return-subtitle {
    height: 48px;
    width: 275px;
    color: #000000;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
  }
  .square-return-title {
    position: relative;
    height: 42px;
    color: #269f84;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
  }
}
@media (min-width: 767px) {
  .navbar .dropdown-list > .dropdown-menu {
    min-width: 325px;
  }
}
@media (max-width: 767px) {
  #otherClinicsBack {
    padding-top: 0px;
  }
  .show-notifications {
    padding-top: 0px !important;
  }
}
@media (max-width: 480px) {
  div.admin-print-button-holder {
    margin-top: 10px;
  }
}

.ul-service-list {
  margin-left: 0px;
  padding-left: 0px;
}

.ul-service-list li {
  list-style: none !important;
}

.ul-service-list ul {
  margin-left: 0px;
  padding-left: 0px;
}

.sigPad {
  margin-bottom: 10px !important;
}

.practitionerIcons a,
.assistantIcons a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin: 5px;
}

.practitionerNameIcons .practitionerIcons,
.assistantNameIcons .assistantIcons {
  display: inline-block;
  vertical-align: middle;
}

.practitionerEmail {
  font-size: 14px;
}

.patientExtraInfo {
  font-size: 14px;
}

@media (max-width: 480px) {
  .ul-service-list li {
    font-size: 12px !important;
  }

  .hidden-xxs {
    display: none;
  }

  .show-xxs {
    display: block !important;
  }

  .user-panel.btn {
    float: right;
  }
}

@media (min-width: 480px) {
  .show-xxs {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .user-panel.btn {
    display: none;
  }
}

@media (max-width: 992px) {
  .practitioner-selection-panel {
    display: none;
  }
}

@media (min-width: 992px) {
  .practitioner-selection-panel {
    display: block !important;
  }
}

.input.checkbox label {
  display: inline-block;
  margin-top: 0px;
}

/*
.checkbox label{
	padding:0px;
}
*/

/* BOOTSTRAP LEFT TABS */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content {
  padding: 20px 20px;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
/* END BOOTSTRAP LEFT TABS */

.intakeButtonHide {
  display: none;
}

.bookingButtonHide {
  display: none;
}

.service-category-containers a,
.product-category-containers a {
  margin-bottom: 0px;
}

.service-category-containers .category-container .services {
  display: none;
}

.service-category-containers .category-container .category-name,
.product-category-containers .category-container .category-name {
  line-height: 30px;
  margin-left: 0px;
  padding-left: 0px;
}

.service-category-containers .category-container .service-name {
  line-height: 30px;
  margin-left: 0px;
  padding-left: 31px;
}

.service-category-containers .category-container .durations-container {
  padding-left: 31px;
}

/* SERVICE MANAGER */

/* SERVICE MANAGER CSS */

/*
.service-category-containers{
    display:block;
}

.service-category-containers .notification{
    position:relative;
    display:block;
    padding:5px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:20px;

}

.service-category-containers .notification.odd{
	background:#f8f8f8;
}

.service-category-containers .notification .buttonContainer .additionalActionsContainer .additionalActionBtn{
	height:28px;
	background-position:9px 10px;
}

.service-category-containers .notification .buttonContainer .additionalActionsContainer .additionalActions{
	top:30px;
}

.service-category-containers .notification.disabled-patient{
	display:none;
}


.service-category-containers .notification:hover{
    background:#EBF7F8;
}


.service-category-containers .notification a.patientLink{

	display: inline-block
	list-style:none;
	padding-left:0px;
	position:relative;
	max-width:420px;
	font-size:21px;
	text-decoration: none !important;
}

.service-category-containers .notification a.nameLink{
	display:block;
	list-style:none;
	padding-left:0px;
	position:relative;
	width:320px;
	font-size:21px;
	min-height:40px;
	line-height:40px;
	text-decoration: none !important;
	float:left;
	overflow:hidden;
}

.service-category-containers .notification a.phoneLink{
	display:block;
	list-style:none;
	padding-left:0px;
	position:relative;
	width:200px;
	font-size:19px;
	min-height:40px;
	line-height:40px;
	text-decoration: none !important;
	color:#ccc;
	float:left;
	overflow:hidden;
}


.service-category-containers .notification a.emailLink{
	display:block;
	list-style:none;
	padding-left:0px;
	position:relative;
	width:270px;
	font-size:19px;
	min-height:40px;
	line-height:40px;
	text-decoration: none !important;
	float:left;
	overflow:hidden;
}






.service-manager-box{
    position: relative;
    padding-bottom:10px;
    border-bottom: 1px solid #ddd;
    margin-bottom:30px;
}

.service-manager-box h2{
    font-size:20px;
    color:#666;
    line-height:24px;
}



.service-category-containers{
    display:block;

}

.service-category-containers .category-container {
    display: block;
    position: relative;
    padding:0px;
    background:#E9F4F0;
    border: 1px solid #e2e2e0;

}

.service-category-containers .category-container > a{
    display:block;
    background: url('../images/notification-arrow-right.png') no-repeat;

    background-size: 30px 30px !important;
    background-position: 0px 2px !important;
    padding-left:30px !important;
    text-decoration: none !important;
    margin-top:0px;
    padding: 5px !important;
    padding-left: 30px !important;
    min-height:22px;
}


.service-category-containers .category-container.expanded{
     padding-bottom:0px !important;
}

.service-category-containers .category-container.expanded > a{
    background: url('../images/notification-arrow-down.png') no-repeat !important;
    background-size: 30px 30px !important;
    background-position: 0px 2px !important;

}

.service-category-containers .category-container.expanded .notification{
    margin-bottom: 0px !important;
}

.service-category-containers .category-container a.incompleteUserNotesLink{
    color:#666666;
    font-size:22px;
    padding:5px;
    padding-left:10px;
}


.service-category-containers .addButton{
	display: block;
    color: #FFF !important;
    font-size: 20px !important;
    float: right;
    padding: 5px 10px 5px 10px;
    line-height: 30px;
    font-weight: normal !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-right: 1px solid #cdcdcd !important;
    border-left: 1px solid #cdcdcd !important;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    margin-left: 15px;
    background: #96dde4 !important;
    background-image: none !important;
    height: 30px;
    position: absolute;
    right:5px;
    top:0px;
}

.service-category-containers .category-container .notificationCount{
    display:block;
    width:30px;
    height:20px;
    background:#f91301;
    border-radius: 5px;
    position: absolute;
    right:5px;
    top:5px;
    color:#FFF;
    font-size:18px;
    text-align: center;
    line-height: 20px;
}



.service-category-containers .category-container .services{
    background-color:#fff !important;
    width:100%;
    display:none;
}


.service-category-containers .category-container .category{
	line-height:40px;

}

.service-category-containers .category-container .category-toggle{
	padding-left:30px;
	display:block;
	float:left;
}

.service-category-containers .category-container .category > .actions {
	width:350px;
}

.service-category-containers .category-container .category .actions a{
	margin-top:5px;

}

.service-category-containers .category-container .services .service-container{
  width:100%;
}


.service-category-containers .category-container .services .service-container:hover > .block{
	background-color:#EBF7F8;
}

.service-category-containers .category-container .services .service-container > .block{
	vertical-align:middle;
	padding:5px;
}

.service-category-containers .category-container .services .service-container .service-name{


	padding-left:55px;
}

.service-category-containers .category-container .services .service-container .service-name a{
	font-size:16px;
}

.service-category-containers .category-container .services .service-container .durations-container{

	font-size:14px;
	text-align: right;
	color:#b6b6b6;
}

.service-category-containers .category-container .services .service-container .durations-container .duration{
	margin-bottom:5px;
}

.service-category-containers .category-container .services .service-container .actions {

	text-align: right;
	display: table-cell !important;
	float:none !important;

}


.service-category-containers .category-container .services .service-container .buttonContainer,
.notificationList .notification .buttonContainer
{
    display:none;
}

.service-category-containers .category-container .services .service-container:hover .buttonContainer,
.notificationList .notification:hover .buttonContainer
{
    display:block;
}

.service-category-containers .category-container .services .service-container:hover .buttonContainer,
.notificationList .notification .buttonContainer.visible
{
    display:block !important;
}


.service-category-containers .category-container .services .service-container.actionRow{
	height:25px;
	margin-top:0px;
}
*/

/* END OF SERVICE MANAGER */
@media (max-width: 700px) {
  .buttons .pull-right {
    float: none !important;
  }
}

ul#creditCardIcons {
  display: block;
  margin-left: 0px !important;
}

ul#creditCardIcons li {
  display: block;
  height: 32px;
  width: 61px;
  float: left;
  margin-right: 10px;
}

ul#creditCardIcons li a {
  display: block;
  height: 32px;
  width: 51px;
  text-indent: -99999px;
}

ul#creditCardIcons li a#visa {
  background: url(../images/visa-icon.png) no-repeat !important;
  background-position: top left;
}

ul#creditCardIcons li a#visa.selected {
  background-position: bottom left !important;
}

ul#creditCardIcons li a#mastercard {
  background: url(../images/mastercard-icon.png) no-repeat !important;
  background-position: top left;
}

ul#creditCardIcons li a#mastercard.selected {
  background-position: bottom left !important;
}

a#cardIcon-visa {
  display: block;
  height: 32px;
  width: 51px;
  text-indent: -99999px;
  background: url(../images/visa-icon.png) no-repeat !important;
  background-position: top left;
}

a#cardIcon-visa.selected {
  background-position: bottom left !important;
}

a#cardIcon-mastercard {
  display: block;
  height: 32px;
  width: 51px;
  text-indent: -99999px;
  background: url(../images/mastercard-icon.png) no-repeat !important;
  background-position: top left;
}

a#cardIcon-mastercard.selected {
  background-position: bottom left !important;
}

.topnavbar em.fa-navicon {
  font-size: 21px !important;
}

.topnavbar .nav-icon {
  font-size: 22px;
  vertical-align: middle;
}

.topnavbar .navbar-user-name {
  font-size: 16px;
}

#associatedClinics li.option {
  padding: 10px;
}
#otherClinics {
  text-align: left;
}

.expansion-link .toggle-arrow {
  display: inline-block;
  width: 9px;
  height: 6px;
  margin-left: 3px;
  margin-bottom: 2px;
}

#app-settings .setting-section {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 2px;
}

#app-settings .setting-title {
  font-size: 21px;
  display: block;
}

#app-settings .setting-option {
  padding: 2px 0px;
}

#app-settings .setting-option a {
  font-size: 15px;
  display: block;
}

/* */

#gettingStartedTasks {
  color: #666666;
  border-top: 1px solid rgb(226, 226, 224);
  border-bottom: 0px;
}

#gettingStartedTasks .tasks {
  display: inline-block;
}

#gettingStartedTasks .video {
  display: inline-block;
  text-align: center;
  padding: 10px;
}

#gettingStartedTasks .task {
  padding: 10px;
  position: relative;
}

#gettingStartedTasks .task .description {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#gettingStartedTasks .task .status {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 15px;
  text-align: center;
}

#gettingStartedTasks .hiddenByDefault {
  display: none;
}

.gettingStarted .showLinkDiv {
  text-align: center;
  border-top: 1px solid rgb(226, 226, 224);
}

/* TAGGING CSS */

.btn.btn-oval.btn-default.green {
  color: #00b248 !important;
  border-color: #00b248 !important;
}
.btn.btn-oval.btn-default.blue {
  color: #00b0ff !important;
  border-color: #00b0ff !important;
}
.btn.btn-oval.btn-default.red {
  color: #ff1744 !important;
  border-color: #ff1744 !important;
}
.btn.btn-oval.btn-default.purple {
  color: fuchsia !important;
  border-color: fuchsia !important;
}
.btn.btn-oval.btn-default {
  color: #156570 !important;
  border-color: #156570 !important;
  background-color: white;
  white-space: normal;
}
.btn.btn-oval.btn-default.text-muted {
  color: #909fa7 !important;
  border-color: #909fa7 !important;
  background-color: white;
  white-space: normal;
}
.login-pill {
  margin-top: 8px;
}
.btn.btn-oval.btn-default.no-click {
  cursor: default;
}
.btn.btn-oval.btn-default.no-click:active {
  background-color: white !important;
  box-shadow: none !important;
}
span.btn.btn-oval.btn-default.compressed {
  line-height: 0.5;
  padding-right: 5px;
  padding-left: 5px;
}
a.btn.btn-oval.btn-default:hover {
  background-color: #eaeaea;
}
.form-group.reduced-margin {
  margin-bottom: 5px;
}

.receipt-payment-method {
  min-height: 100px;
}

div#clinicalNotesLeft {
  width: 320px;
  float: left;
}
#navButtons {
  margin: 10px 0px 0px 0px;
}

#navButtons > .btn {
  float: none;
  min-width: 46px;
}
@media (min-width: 991px) {
  .tagFormLoad {
    position: fixed;
  }
  #tagBallClipRotate {
    width: 30%;
    margin-left: 275px;
  }
}

div.imageCell {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
}

div.imageCell img.bodyImage {
  /*
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	*/
  height: 565px;
  width: 292px;
  position: relative;
  top: 0px;
  left: 0px;
}

div.imageCell div.dots {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
div.imageCell div.dots.cross:hover {
  cursor: pointer;
  z-index: 2;
}

div.imageCell div.dots img.dot,
div.imageCell div.dots span.dot {
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

div#imageNavs div.left {
  margin: 5px 0px;
  float: left;
  width: 100px;
}
div#imageNavs div.left {
  font-size: 14px;
}

div#imageNavs div.right {
  float: right;
  font-size: 14px;
  margin: 5px 0px;
}

div#legend {
  width: 935px;
  padding: 10px;
  /*border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #999;*/
  background: white;
  display: none;
  /*box-shadow:1px 3px 10px #666;
	-moz-box-shadow:1px 3px 10px #666;
	-webkit-box-shadow:1px 3px 10px #666;*/
}
div#legend h3 {
  /*font-family:Verdana, Geneva, sans-serif;*/
  color: #1a485e;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
  text-transform: none;
}
div#legend div.group {
  float: left;
  width: 100%;
  padding: 0px 10px;
  font-size: 11px;
  border-right: 1px solid #bababc;
  margin-bottom: 20px;
}

div#legend div.group ul {
  display: block;
}

div#legend div.group ul li {
  display: block;
  float: left;
  color: #646464;
  font-size: 12px;
  text-transform: none;
  width: 185px;
}

div#imageNavsLeft {
  background: #e7eed7;
  color: #666;
  font-size: 18px;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  width: 186px;
  float: left;
  border: 1px solid #666;
  border-radius: 7px 0px 0px 0px;
  -webkit-border-radius: 7px 0px 0px 0px;
  -moz-border-radius: 7px 0px 0px 0px;
}
div#imageNavsRight a#legend.imageNavLink {
  color: #9ba328;
  font-size: 18px;
  font-weight: normal;
  padding-right: 25px;
  background-image: url(../images/legendArrow.png);
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none;
}
div#imageNavsRight {
  background: #e7eed7;
  color: #666;
  font-size: 18px;
  font-weight: normal;
  padding: 10px;
  min-height: 18px;
  width: 65px;
  float: right;
  text-align: center;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  border-radius: 0px 7px 0px 0px;
  -webkit-border-radius: 0px 7px 0px 0px;
  -moz-border-radius: 0px 7px 0px 0px;
}

/* TODO CAL-766: Is this being used? I can only find JS references and not the element itself */
.bodyImageNavigation {
  z-index: 10 !important;
}

.bodyImageCategoryThumb {
  display: block;
  width: 35px;
  height: 29px;
  float: left;
  padding-right: 10px;
}

.bodyImageCategoryThumbLarge {
  display: block;
  /*width:35px;
	height:29px;
	width: 75.5px;
	height: 141.25px;*/
  height: 79.25px;
  float: left;
  /*padding-right:10px;*/
}

ul.bodyImageNavigation {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}

ul.bodyImageNavigation li {
  display: block;
  width: 100%;
  background: #e7eed7;
}

ul.bodyImageNavigation li a {
  display: block;
  color: #666666;
  width: 100%;
  text-align: left;
  text-decoration: none;
}

ul.bodyImageNavigation li a:hover,
ul.bodyImageNavigation li a.hover {
  color: #c5091d !important;
}

ul.bodyImageNavigation li a.topLevel {
  display: block;
  color: #9ba328;
  background-image: url('../images/legendArrow.png');
  background-position: right;
  background-repeat: no-repeat;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: left;
}

ul.bodyImageNavigation li a.topLevel img {
  padding-top: 5px;
}

ul.bodyImageNavigation li ul {
  height: auto !important;
  border: 1px solid #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  left: -11px;
}

ul.bodyImageNavigation li ul li {
  display: block;
  /*width:206px;*/
  text-align: left;
}

ul.bodyImageNavigation li ul li a {
  background-image: none;
  line-height: 29px;
  /*width:186px;*/
}

ul.bodyImageNavigation li ul li a.hasChildren {
  background-image: url('../images/legendArrowHorizontal.png');
  background-position: 182px;
  background-repeat: no-repeat;
}

ul.bodyImageNavigation li ul li a:hover,
ul.bodyImageNavigation li ul li a.hover {
  color: #c5091d;
}

ul.bodyImageNavigation li ul li ul {
  position: absolute;
  left: 206px; /*the width of the parent LI */
  top: -1px;
}

ul.bodyImageNavigation li ul li ul li {
  width: 230px;
}

ul.bodyImageNavigation li ul li ul li a {
  width: 230px;
}

div.bodyImageListItem {
  float: left;
  margin: 0 17px;
  border: 2px solid #e7eed7;
}
div.bodyImageListItem:hover {
  border: 2px solid #9ba328;
  border-radius: 5px;
}
ul.bodyImageCategories {
  /*width: 700px;*/
  width: 1002px;
  background-color: #e7eed7;
}

div.bodyImageRow {
  float: left;
  clear: both;
}

/*-- Extra styles from ryan --- */
ul.bodyImageCategories {
  /*width:750px !important;
	width:580px !important;*/
  width: 528px;
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-bottom: 5px !important;
}

div.bodyImageListItem {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

div.multi-select-mobile-button-bar {
  position: fixed;
  bottom: 0px;
  z-index: calc(var(--zindex-sticky) + 1);
  display: none;
  background-color: white;
  border-top: 2px solid #909fa7;
  width: 100%;
}

div.multi-select-mobile-button-bar .multi-select-mobile-button-bar-text {
  margin-left: 10px;
  margin-top: 14px;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
  color: #656565;
}

div.multi-select-mobile-button-bar .multi-select-mobile-button-bar-done,
div.multi-select-mobile-button-bar .multi-select-mobile-button-bar-close {
  margin-right: 10px;
  margin-top: 5px;
}

div.tag-sample-container div.tag-sample-small {
  display: none;
  position: relative;
  width: 50px;
  margin: 0px auto;
  margin-bottom: 5px;
}

div.tag-sample-container div.tag-sample-large {
  position: absolute;
  width: 150px;
  height: 290px;
  margin: -17px auto;
  margin-bottom: 5px;
  margin-left: 668px;
  background-color: white;
  border: 1px solid #656565;
}

div.tag-sample-large img.thumbnailDiagramDot,
div.tag-sample-large img.thumbnailDiagramDotFaint {
  width: 11px;
}

div.tag-sample-small img.thumbnailDiagramDot,
div.tag-sample-small img.thumbnailDiagramDotFaint {
  width: 9px;
}

div.disable-div-and-inner {
  pointer-events: none;
  opacity: 0.5;
}

span.multi-tag-desktop-count {
  display: none;
  margin-top: 4px;
  position: absolute;
  top: 1px;
  right: 30px;
}

div.modal div.modal-header button {
  font-size: 40px;
  line-height: 0.8 !important;
}
div.select-all-checkbox-container {
  float: left;
}
div.select-all-checkbox-container div {
  margin-top: 0px;
}

div.conditionClinicOptionCategoryDiv {
  margin-top: 25px;
}

/* TAG LAYER */

div.tags-layer {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 565px;
  width: 293px;
  z-index: 2;
  background: transparent !important;
}

div.tags-layer.active {
  z-index: 3;
}

div.tags-layer img.bodyImage {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 565px;
  width: 292px;
  position: relative;
  top: 0px;
  left: 0px;
}

div.tags-layer div.dots {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: transparent !important;
}
div.tags-layer div.dots.cross:hover {
  cursor: pointer;
  z-index: 2;
}

div.tags-layer div.dots img.dot,
div.tags-layer div.dots span.dot {
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

div.dots img.dot.tag-point:hover {
  cursor: move;
}
div.dots img.dot.multi-tag-point:hover {
  cursor: move;
}

div.clinical-note-info.finalized-note div.dots img.dot.tag-point:hover {
  cursor: pointer;
}
div.clinical-note-info.finalized-note div.dots img.dot.multi-tag-point:hover {
  cursor: pointer;
}

/* END TAG LAYER */

/* SKETCH MODE */
#imageBox .controls {
  position: absolute;
  top: 50px;
  left: -18px;
  width: 50px;
}

#sketch-pad {
  height: 565px;
  width: 292px;
  /* border: 1px solid rgb(221, 221, 221);*/
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: crosshair;
  -webkit-user-select: text;
  z-index: 2;
}

#sketch-pad.active {
  z-index: 3;
}

.draw-mode-container {
  display: block;
  width: 50px;
  height: 300px;
  padding: 0px;

  padding-top: 15px;
  position: relative;
}

.draw-mode-container .draw-control-panel {
  /*display:block;*/
  width: 40px;
}

.draw-mode-container.selected {
  /*
	border:3px solid #ccc;
	*/
  border-radius: 5px;
}

.draw-control-panel .col-md-4 {
  width: 30%;
  display: inline-block;
}

.draw-control-panel .col-md-12 {
  width: 98%;
  display: inline-block;
}
.pl-5px {
  padding-left: 5px;
}
.pr-5px {
  padding-right: 5px;
}

.position-me-absolute {
  position: absolute;
}

.draw-box-option-old#editor_undo {
  margin-top: 5px;
}

.position-me-absolute #editor_light_green {
  margin-right: 0px;
}

.position-me-absolute #editor_clear {
  margin-right: 0px;
}

.draw-control-panel .draw-box-option-old:hover,
.draw-control-panel .draw-box-option-old.selected {
  margin-left: -18px;
}

.draw-control-panel .draw-box-option-old {
  display: block;

  width: 35px;
  height: 35px;
  text-indent: -9999px;
  border: 1px solid #fff;
  margin-right: 5px;
  cursor: pointer;
  margin-bottom: 5px;
}
.draw-control-panel .draw-box-option-old.disabled {
  opacity: 0.5;
}
.draw-control-panel .draw-box-option-old.selected {
  border: 1px solid #9ba328;
}

.draw-control-panel .draw-box-option-old.color-black {
  background: #000;
}

.draw-control-panel .draw-box-option-old.color-red {
  background: #8b0000;
}

.draw-control-panel .draw-box-option-old.color-teal {
  background: #00bfff;
}

.draw-control-panel .draw-box-option-old.color-purple {
  background: #473c8b;
}

.draw-control-panel .draw-box-option-old.color-blue {
  background: #4d71a3;
}

.draw-control-panel .draw-box-option-old.color-light-green {
  background: #6eff70;
}

.draw-control-panel .draw-box-option-old.color-green-pencil {
  background: url('../images/sketchpad-icon-set/green-pencil-icon.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.color-black-pencil {
  background: url('../images/sketchpad-icon-set/black-pencil-icon.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.color-violet-pencil {
  background: url('../images/sketchpad-icon-set/violet-pencil-icon.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.color-red-pencil {
  background: url('../images/sketchpad-icon-set/red-pencil-icon.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.color-blue-pencil {
  background: url('../images/sketchpad-icon-set/blue-pencil-icon.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.undo {
  background: url('../images/sketchpad-icon-set/undo.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.redo {
  background: url('../images/sketchpad-icon-set/redo.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.clear-button {
  background: url('../images/sketchpad-icon-set/clear.png');
  background-size: 35px 35px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.line-thickness-1 {
  background: url('../images/sketchpad-icon-set/line-1.png');
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.draw-control-panel .draw-box-option-old.line-thickness-2 {
  background: url('../images/sketchpad-icon-set/line-2.png');
  background-size: 50px 50px;
  background-repeat: no-repeat;
}
#imageBox {
  border: 2px solid #fff;
}

#imageBox.drawModeActive {
  border: 2px dashed #ccc;
}

/* We need this otherwise the xs appear smaller than they should */
.draw-control-action em {
  line-height: inherit;
}

.draw-control-panel .draw-colour-option {
  display: inline-block;
  cursor: pointer;
  float: left;
}

.draw-control-panel .draw-colour {
  display: block;
  height: 16px;
  width: 16px;
  float: left;
  margin: 12px;
  border-radius: 16px;
}

.draw-control-panel .draw-colour-black {
  background-color: #000000;
}

.draw-control-panel .draw-colour-red {
  background-color: #d90000;
}

.draw-control-panel .draw-colour-light-blue {
  background-color: #00a3d9;
}

.draw-control-panel .draw-colour-blue {
  background-color: #1528e4;
}

.draw-control-panel .draw-colour-light-green {
  background-color: #49e205;
}

.draw-control-panel .draw-colour-gray {
  background-color: #adaeb0;
}

.draw-control-panel .draw-colour-small {
  height: 6px;
  width: 6px;
  margin: 17px;
}

.draw-control-panel .draw-colour-medium {
  height: 10px;
  width: 10px;
  margin: 15px;
}

.draw-control-panel .draw-colour-large {
  height: 16px;
  width: 16px;
  border-radius: 16px;
}

.change-draw-options {
  width: 51px;
}

.change-draw-options .current-draw-colour {
  margin: 0px;
  margin-right: 3px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.change-draw-options .current-draw-colour.draw-colour-small {
  margin-left: 4px;
  margin-right: 8px;
}

.change-draw-options .current-draw-colour.draw-colour-medium {
  margin-left: 2px;
  margin-right: 6px;
}

.change-draw-options .current-draw-colour.draw-colour-large {
  margin-left: 0px;
  margin-right: 3px;
}

.draw-options {
  position: absolute;
  height: 81px;
  width: 142px;
  z-index: var(--zindex-dropdown);
  background-color: #edf1f2;
  top: 32px;
  right: 0px;
  display: none;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #dde6e9;
}

.tag-mode-old {
  display: block;
  width: 35px;
  height: 35px;
  background: url('../images/sketchpad-icon-set/tag-icon.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 35px 70px;
  text-indent: -9999px;
  float: left;
  margin-right: 10px;
}

.tag-mode-old:hover,
.tag-mode-old.selected {
  background-position: bottom center;
}

.tag-mode-old:hover,
.tag-mode-old.selected {
  margin-left: -18px;
}

.draw-mode-old {
  display: block;
  width: 35px;
  height: 35px;
  background: url('../images/sketchpad-icon-set/drawing-icon.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 35px 70px;
  text-indent: -9999px;
  float: left;
  margin-right: 10px;
}

.draw-mode-old:hover,
.draw-mode-old.selected {
  background-position: bottom center;
}

.draw-mode-old:hover,
.draw-mode-old.selected {
  margin-left: -18px;
}

.disabled-feature {
  display: none;
}

#notifications .media-box {
  overflow: initial;
}

#notifications .buttons .btn-group .dropdown-menu {
  left: inherit;
  right: 0;
}

.dashboardCounters .widget {
  height: 90px;
}

table.centered-table {
  width: 100%;
  text-align: center;
}

.body-image-category {
  position: relative;
}

.displayDiagramLink {
  float: left;
  display: inline-block;
  margin-right: 10px;
  border: 4px solid white;
  border-radius: 5px;
}

div#body-image-navigation .body-image-container {
  margin: auto;
  position: relative;
  text-align: center;
  width: 296px;
}

div#body-image-navigation .displayDiagramLink {
  margin: 0px 5px;
}

#body-image-navigation .displayDiagramLink:hover,
.displayDiagramLink.selected-image,
#body-image-navigation
  .diagram-preview-image-div
  .diagram-preview-image.currentCategory {
  border: 4px solid #287c96;
}

.displayDiagramLink img {
  min-width: 36px;
  /*max-width:40px; */
  max-width: 56px;
}

#body-image-navigation .diagram-preview-image-div {
  margin: 20px auto;
  position: relative;
  width: 296px;
  text-align: center;
}

#body-image-navigation .diagram-preview-image-div {
  width: 296px;
}

#body-image-navigation .diagram-preview-image-div .diagram-preview-image {
  width: 71px;
  border: 4px solid transparent;
  border-radius: 5px;
}

div.body-image-flyout-menu {
  display: none;
  border: 1px solid #dde6e9;
  position: absolute;
  bottom: 150px;
  z-index: var(--zindex-dropdown);
  background: white;
  width: 318px;
  padding: 10px;
  right: 0px;
  left: 0px;
  margin: auto;
}

#mobile-body-image-navigiation {
  padding-left: 18px;
  padding-right: 18px;
  margin: 0px auto;
}

#mobile-body-image-navigiation-inner {
  height: 121px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

#mobile-body-image-navigiation-inner .displayDiagramLink {
  float: none;
}
#mobile-button-navigiation {
  margin: 21px auto;
  overflow-x: scroll;
  height: 40px;
}
@media (min-width: 1250px) {
  #mobile-button-navigiation::-webkit-scrollbar {
    display: none;
  }
}
#mobile-button-navigiation-inner {
  top: 10px;
  white-space: nowrap;
  height: 30px;
}

#mobile-button-navigiation-inner .btn-default {
  display: inline;
  float: none;
  color: #515253;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
}

/*div.body-image-category-menu-button{
	float: left;
	width: 40px;
	margin-right: 11px;
	border: 1px solid black;
}*/

.bullet-less-list {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

.wrapper > section {
  height: inherit;
}

#notifications .notificationCount {
  font-size: 95%;
  border-radius: 1em;
}

/**************/
/* The following is due to sweet alert not displaying forms correctly */
/* This isn't being used at the moment, it will be when we move the setup into a dialog again */
.setupForm input {
  display: block;
  font-size: 14px;
  height: 35px;
}

.setupForm label {
  text-align: left;
  display: block;
  font-size: 14px;
}

.setupForm select {
  margin-top: 10px;
  margin-bottom: 17px;
}
/**************/
.total-box {
  border-left: 1px solid #e4eaec;
  border-bottom: 1px solid #e4eaec;
  line-height: 2.5;
}
hr.no-top-bottom-margin {
  margin-top: 0p;
  margin-bottom: 0px;
}

.suggestedTagsList a {
  cursor: pointer;
}
.profile-crop {
  max-height: 300px !important;
  max-width: 300px !important;
  margin: auto;
}
.suggestedTag {
  position: relative;
}

.suggestedTag img {
  position: absolute;
  left: -18px;
  top: 3px;
}

.suggestedLocationsList a,
.suggestedTagsList a,
.suggestedCommentList a {
  cursor: pointer;
}

.suggestedLocationsList li {
  padding-left: 4px;
}

.suggestedTagsList li {
  padding-left: 3px;
}

.currentTagDot {
  position: absolute;
  top: 17px;
  left: 2px;
}

.currentTagDotDelete {
  top: 17px;
  left: 2px;
}

.floating-label-active .currentTagDot {
  position: absolute;
  top: 23px;
  left: 2px;
}

.greenCalendarTip,
.noteTagGreenTip {
  padding: 7px 13px;
  color: #656565;
  max-width: 400px;
  min-width: 200px;
  font-size: 16px;
  border: 8px solid;
  border-radius: 10px;
  border-color: rgb(166, 191, 108);
  background: rgb(231, 238, 215);
  line-height: 17px;
}

.trialExpiryChart {
  height: 55px;
}

.trialExpiryChart .expiryText {
  line-height: 15px;
  padding: 9px 0px;
}

.trialExpiryChart div {
  display: inline-block;
  vertical-align: middle;
  height: 45px;
}

.nothingOutstanding {
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  text-align: center;
  text-align: center;
  width: 100%;
}
.nothingOutstanding > p {
  padding-top: 7px;
}

/* TODO CAL-766: Don't think this is being used anymore */
div.calendarIndex div.loading {
  position: absolute;
  height: 700px;
  width: 1024px;
  display: block;
  z-index: 10;
  margin: 0 auto;
  background-position: center;
}

/* TODO CAL-766: Don't think this is being used anymore */
.loadingTransparent {
  display: block;
  opacity: 0.4;
  z-index: 5;
  filter: alpha(opacity=40);
}

.modal-loading-status {
  display: inline-block;
  position: relative;
}

.modal-loading-status.ball-clip-rotate div {
  border-color: #287c96;
  border-bottom-color: transparent;
  width: 30px;
  height: 30px;
  animation: spin-rotate 0.65s 0s linear infinite;
  position: absolute;
  top: -23px;
}

.modal-loading-status.ball-clip-rotate.deleting div {
  border-color: #287c96;
  border-bottom-color: transparent;
  width: 30px;
  height: 30px;
  animation: spin-rotate 0.65s 0s linear infinite;
  position: absolute;
  top: -23px;
  left: -35px;
}

.ajaxLoadingContainer .ball-clip-rotate div,
.ajaxLoadingContainer.ball-clip-rotate div {
  border-color: #287c96;
  border-bottom-color: transparent;
  animation: spin-rotate 0.65s 0s linear infinite;
  -webkit-animation: spin-rotate 0.65s 0s linear infinite;
}

.modal-loading-inline {
  display: inline-block;
  vertical-align: middle;
}

.file-uploading-icon {
  display: inline-block;
  vertical-align: middle;
}

.file-uploading-icon.ball-clip-rotate > div {
  height: 15px;
  width: 15px;
}

button.clinical-note-edit-dropddown
  .ajaxLoadingContainer
  .ball-clip-rotate
  div {
  border-color: #c5b9dd;
  border-bottom-color: transparent;
  animation: spin-rotate 0.65s 0s linear infinite;
  -webkit-animation: spin-rotate 0.65s 0s linear infinite;
}

button.clinical-note-edit-dropddown.btn-sm
  .ajaxLoadingContainer
  .ball-clip-rotate
  div {
  height: 15px;
  width: 15px;
}

.searchLoadingContainer {
  width: 30px;
  position: absolute;
  right: 30px;
  text-align: center;
  margin-right: 10px;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  display: none;
}

.searchLoadingContainer .ball-clip-rotate div {
  border-color: #287c96;
  border-bottom-color: transparent;
  animation: spin-rotate 0.65s 0s linear infinite;
  -webkit-animation: spin-rotate 0.65s 0s linear infinite;
}

.modal.processing .modal-content {
  opacity: 0.9;
}

#editEventFormStatus {
  display: inline-block;
  width: 32px;
  height: 32px;
  float: right;
}

#notifications .gettingStartedPanel {
  margin-left: auto;
  margin-right: auto;
}

/*Custom Background Colours*/
.panel-custom-1 {
  border-color: #cfdbe2;
}

.panel-custom-1 > .panel-heading {
  color: #ffffff;
  background-color: #287c96;
  border-color: #287c96;
}

.bg-custom-1 {
  background-color: #287c96;
  color: #ffffff !important;
}

.bg-custom-1-dark {
  background-color: #20705c;
  color: #ffffff !important;
}

.panel-custom-2 {
  border-color: #cfdbe2;
}

.panel-custom-2 > .panel-heading {
  color: #ffffff;
  background-color: #2b9594;
  border-color: #2b9594;
}

.bg-custom-2 {
  background-color: #2b9594;
  color: #ffffff !important;
}

.bg-custom-2-dark {
  background-color: #20706f;
  color: #ffffff !important;
}

.panel-custom-3 {
  border-color: #cfdbe2;
}

.panel-custom-3 > .panel-heading {
  color: #ffffff;
  background-color: #2b7b95;
  border-color: #2b7b95;
}

.bg-custom-3 {
  background-color: #2b7b95;
  color: #ffffff !important;
}

.bg-custom-3-dark {
  background-color: #205c70;
  color: #ffffff !important;
}

.panel-custom-4 {
  border-color: #cfdbe2;
}

.panel-custom-4 > .panel-heading {
  color: #ffffff;
  background-color: #2b6195;
  border-color: #2b6195;
}

.bg-custom-4 {
  background-color: #2b6195;
  color: #ffffff !important;
}

.bg-custom-4-dark {
  background-color: #204970;
  color: #ffffff !important;
}

.panel-custom-5 {
  border-color: #cfdbe2;
}

.panel-custom-5 > .panel-heading {
  color: #656565;
  background-color: var(--site-white);
  border-color: #656565;
}

.viewCalendar {
  display: block;
  text-align: center;
}

/*Error Message*/
div.error-message {
  border: 1px solid transparent;
  border-radius: 3px;
  border-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  background-color: #d91a22;
  padding: 8px;
  margin-bottom: 21px;
  margin-top: 10px;
}

/*
.loading-swirl{
	border-color: #287c96;
	border-bottom-color: transparent;
	width: 80px;
	height:80px;
	animation: spin-rotate 0.65s 0s linear infinite;
	-webkit-animation: spin-rotate 0.65s 0s linear infinite;
}
*/

#loading .ball-clip-rotate div,
.tagFormLoad .ball-clip-rotate div,
.individual-calendar-loading-container .ball-clip-rotate div,
.admin-calendar-loading-container .ball-clip-rotate div {
  border-color: #287c96;
  border-bottom-color: transparent;
  width: 80px;
  height: 80px;
  animation: spin-rotate 0.65s 0s linear infinite;
  -webkit-animation: spin-rotate 0.65s 0s linear infinite;
}

input[type='radio']:not(.tw\:form-radio),
input[type='checkbox']:not(.tw\:form-checkbox) {
  margin-right: 5px;
}

div.checkboxDiv label {
  font-weight: normal;
}

.conditionsAccordion .conditionInputBox label {
  font-weight: normal;
}

.currentDateLabel {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 40px;
  line-height: 40px;
  width: 250px;
  font-size: 17px;
}

.currentDateLabel h2 {
  padding: 0px;
  margin: 0px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
}

.ui-widget-header {
  background: #287c96;
}

.service-list-table tr.itemRow {
  text-align: left;
}

/* Styles for the checkboxes on the services list (practitioner edit) so that they can line up */
.service-list-table .serviceCheckbox,
.service-list-table .serviceCheckbox {
  text-align: right;
  width: 43px;
  padding: 10px !important;
}

.service-list-table .serviceCheckbox input {
  text-align: right;
  margin-right: 0px;
  width: auto;
}

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

.condition-accordion-panel {
  display: none;
}

.session-info-panel textarea {
  min-height: 32px;
  height: 32px;
}

/*
TODO CAL-766: I don't think these exist anymore. There is no way to toggle the class on the body
.offsidebar-open .aside {
	z-index: 1014;
}

.offsidebar-open .topnavbar-wrapper {
	z-index: 1017;
}
.offsidebar-open .offsidebar {
	z-index: 1016;
}

.offsidebar-open .background-focus {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1015;
	opacity: 0.5;
	background-color: #000000;
}
*/

.book-appointment-panel {
  min-height: 350px;
}

.book-appointment-panel .panel-wrapper {
  padding-top: 6px;
}

.book-appointment-panel.calendar-containing-panel .panel-wrapper {
  padding-top: 0px;
}

.choose-message {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

span.calendar-month-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 3px;
  display: block;
}

.cal-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 8px;
  color: #ccc;
  margin-right: 2px;
  color: #fff;
  border-radius: 2px;
}

.cal-icon-mini {
  display: inline-block;
  border-radius: 50%;
}

.cal-icon.icon-morning {
  /*background:#6bd1ff;*/
  background: #ff8000;
}

.cal-icon.icon-afternoon {
  /*background:#f697be;*/
  background: #00bfff;
}

.cal-icon.icon-evening {
  /*background:#f4e339;*/
  background: #69008c;
}

.label-morning {
  background: #ff8000;
}

.label-afternoon {
  background: #00bfff;
}

.label-evening {
  background: #69008c;
}

.time-of-day {
  line-height: 20px;
  font-size: 15px;
  color: #666666;
  margin-bottom: 7px;
}

.book-appointment-panel .generatedTimeContainer .time-of-day,
.book-appointment-panel .generatedTimeContainer .list-group,
.book-appointment-panel .generatedTimeContainer .text-muted {
  text-align: center;
}

.book-appointment-panel .generatedTimeContainer .time-link {
  width: 60px;
}

.generatedCalendar a.date-selector {
  /*width: 100%;
    height: 100%;
    display: block;*/
  margin-top: -3px;
  height: 100%;
  display: block;
  position: relative;
}

.generatedTimeContainer .cal-icon-mini {
  margin-bottom: 2px;
  height: 10px;
  width: 10px;
}

.generatedCalendar a.date-selector .cal-icon-mini {
  width: 27%;
  height: auto;
}

.generatedCalendar tbody tr th {
  padding: 0px;
  width: 14.28%;
}

.generatedCalendar tbody tr td {
  padding: 0px 0px 0px 3px;
  vertical-align: top;
}

.generatedCalendar tbody tr td.no-slots p {
  margin-top: -3px;
}

.generatedCalendar tbody tr td .slots-available-dot-container {
  text-align: center;
  bottom: 10%;
  position: absolute;
  width: 100%;
}

.generatedCalendar tbody tr:hover td {
  background: none !important;
}

.generatedCalendar tbody tr td:hover,
.generatedCalendar tbody tr td.calendar-cell-active {
  background: #e9f4f0 !important;
}

.generatedCalendar tbody tr td.no-slots:hover,
.generatedCalendar tbody tr td.empty-calendar-cell:hover,
.generatedCalendar.yearlyCalendar tbody tr td:hover {
  background: none !important;
}

em.book-appointment-placeholder-symbol {
  font-size: 35px;
}

/*Needed to override for BS4 and stuff*/
.tooltip {
  z-index: var(--zindex-tooltip);
}

.tooltip-inner {
  text-align: left;
}

#clinicPatientImportForm .tooltip-inner {
  min-width: 100px;
}
.receipt-payment-method .tooltip {
  pointer-events: none;
  min-width: 300px;
}
.generatedTimeContainer div.list-group a.time-link {
  text-align: center;
}

.generatedTimeContainer div.list-group a.time-link:hover,
.generatedTimeContainer div.list-group a.time-link-active {
  background: #e9f4f0 !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
  .lower-tab-content,
  .lower-tab-content #rightSideDiagram {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #follow-up-tab {
    padding-left: 20px;
  }
}

@media (max-width: 455px) {
  /*
	.image-options {
		width: auto;
	}*/
}

div.condition-accordion-panel div.panel-heading a {
  width: auto;
}

div.condition-accordion-panel div.panel-heading.top-heading-panel a {
  width: 100%;
  text-align: left !important;
}

div.condition-accordion-panel
  div.panel-heading.top-heading-panel
  a
  .panel-title {
  color: #444444 !important;
}

div.condition-accordion-panel
  div.panel-heading.top-heading-panel
  a
  span.panel-top-right-container {
  float: right;
}

span.panel-open-close-text {
  width: 54px;
}

span.notification-label {
  padding: 3px 20px 0px 10px;
}

a.notification-menu-link {
  color: #156570 !important;
  line-height: inherit !important;
  font-size: 17px;
}

a.notification-menu-link:hover {
  text-decoration: underline !important;
  color: #287c96 !important;
}

div.form-group-no-bottom-margin {
  margin-bottom: 0px !important;
}
h3.no-bottom-margin {
  margin-bottom: 0px !important;
}
div.panel-no-bottom-padding {
  padding-bottom: 0px !important;
}

div.panel-no-top-padding {
  padding-top: 0px !important;
}

small.account-choice-sub {
  /*font-family: "Source Sans Pro", sans-serif;*/
  color: #656565;
}

small.account-choice-sub.account-choice-sub-expired {
  color: red;
}
.conditionsAccordion {
  max-height: 300px;
  overflow-y: scroll;
  /*background: #f2f7f5;*/
  /*border: 2px solid #2B957B;*/
  border-radius: 4px;
}

.conditionsAccordion.conditions-accordion-no-scroll {
  max-height: none;
  background: none;
  overflow-y: visible;
}

.conditionsAccordion.conditions-accordion-no-border {
  border: none;
}

.floating-actions-button {
  position: fixed;
  top: 20px;
  right: 35px;
  z-index: var(--zindex-dropdown);
  display: none;
}

.clinic_patient_profiles_save_float {
  position: fixed;
  top: 20px;
  right: 35px;
  z-index: var(--zindex-dropdown);
  display: none;
}

.clinical-note-Actions-float {
  position: fixed;
  top: 20px;
  right: 35px;
  z-index: var(--zindex-dropdown);
  display: none;
}

@media only screen and (max-width: 767px) {
  .csstransforms3d .wrapper > section,
  .csstransforms3d .wrapper > footer {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}

@media (max-width: 480px) {
  .text-left-xs {
    text-align: left;
  }
}

.sub-heading {
  margin-left: 10px;
}

#TagSubmitErrorText {
  display: none;
  font-size: 12px;
}

div.tagFormLoad {
  text-align: center;
}

div#clearLocation {
  background: url('../images/remove-icon.png');
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 24px;
  top: 15px;
  cursor: pointer;
  opacity: 0.5;
}

div#clearTag {
  background: url('../images/remove-icon.png');
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 11px;
  top: 15px;
  cursor: pointer;
  opacity: 0.5;
}

div#clearComments {
  background: url('../images/remove-icon.png');
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 11px;
  top: 15px;
  cursor: pointer;
  opacity: 0.5;
}

.position-relative {
  position: relative;
}

div.tag-left-column {
  padding-left: 0px;
}

.red {
  color: red;
}

.exampleText {
  font-weight: normal;
}

.odd {
  background: #fafbfc;
}

.c-checkbox span,
.c-radio span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin-right: 5px;
  text-align: center;
  transition: background-color 0.3s ease-out;
}

.c-checkbox input[type='checkbox']:checked + span,
.switch input:checked + span {
  border-color: #156570;
  background-color: #156570;
}

.c-checkbox input[type='checkbox'] + span svg,
.switch input + span svg {
  color: white;
  opacity: 0;
  position: relative;
  margin-top: 2px;
}

.c-checkbox input[type='checkbox']:checked + span svg,
.switch input:checked + span svg {
  opacity: 1;
}

.c-checkbox input[type='checkbox']:disabled + span,
.switch input:disabled + span {
  border-color: #dddddd !important;
  background-color: #dddddd !important;
}

.c-checkbox:hover span {
  border-color: #ccc;
}

.c-checkbox:hover input[type='checkbox']:checked + span {
  border-color: #156570;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #287c96;
  color: #fff;
}

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #287c96;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #287c96;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #287c96;
}
.bootstrap-datetimepicker-widget a,
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  border: none;
}

.center-actions {
  position: relative;
}

.center-actions .buttons {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 33px;
}

@media (min-width: 992px) {
  div#leftSideTags {
    width: 54%;
  }

  body.aside-collapsed div#leftSideTags {
    width: 61%;
  }

  div#rightSideDiagram {
    width: 39%;
    float: right;
  }
}

@media (min-width: 1059px) {
  div#leftSideTags {
    width: 57%;
  }
  body.aside-collapsed div#leftSideTags {
    width: 62%;
  }

  div#rightSideDiagram {
    width: 38%;
    float: right;
  }
}

@media (min-width: 1096px) {
  div#leftSideTags {
    width: 59%;
  }

  body.aside-collapsed div#leftSideTags {
    width: 63%;
  }

  div#rightSideDiagram {
    width: 37%;
    float: right;
  }
}

@media (min-width: 1250px) {
  div#leftSideTags,
  body.aside-collapsed div#leftSideTags {
    width: 63%;
  }

  div#rightSideDiagram {
    width: 37%;
  }
}

.modal-content .modal-header {
  background: var(--menu-header-color) !important;
  color: var(--menu-font-color) !important;

  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.event-booking-confirm-span {
  float: right;
}

.calendar-patient-name {
  font-size: 14px;
}

.calendar-service-name {
  font-size: 10px;
}

.calendar-break-note {
  font-size: 10px;
}

.calendar-time {
  font-size: 10px;
}

.position-check-top-right {
  position: absolute;
  top: -2px;
  right: 1px;
  opacity: 0.7;
}

.eventInvoiceIcon {
  margin-top: 1px;
}

/* Calendar Overrides */

div.ac_results {
  border: 1px solid #d3d3d3;
}

div.ac_results ul li {
  color: #156570;
}

div.ac_results ul li span {
  color: #156570;
}

div.ac_results ul li.ac_odd {
  background: #e9f4f0;
}

div.ac_results ul li:hover,
div.ac_results ul li.ac_over {
  background: #287c96;
  color: white;
}

div.ac_results ul li:hover span,
div.ac_results ul li.ac_over span {
  color: white !important;
}

.disabled {
  color: #ccc;
}
.btn-default.nav-button.disabled {
  background-color: #e9eaea !important;
  color: #3a3f51 !important;
  opacity: 1;
}
.tall-nav-button {
  height: 33px;
}
.btn.btn-default a {
  color: #333333;
}

.ui-autocomplete .ui-state-focus {
  border: 0px;
  padding: 1px;
}

.remove-duration-row {
  background-image: none;
  color: #ff0000 !important;
  text-indent: inherit;
  font-size: 18px;
}

/*extra small input group*/
.input-xs input,
.input-xs select {
  height: 24px;
}

.input-xs input + .input-group-btn .btn {
  font-size: 13px;
}

.input-xs .input-group-addon {
  padding: 3px 16px;
}

.conditionInputBox {
  margin-bottom: 7px;
}
.conditionInputBox label {
  margin-bottom: 0px;
}

div#tagLegend div.tag-legend-group li {
  float: left;
  width: 185px;
}

.conditionInputBox .conditionCharacterCount {
  margin-left: 16px;
}

.dashboardHover {
  cursor: pointer;
}

/* TinyMCE dropdown fix (were too high before) */
.mce-btn button,
.mce-menubtn span {
  line-height: 16px !important;
}

.bootstrap-calendar-dialog .message.success,
.editAvailability .message.success,
#availabilityEditOrAdd .message.success,
#sessionOrAppointment .message.success,
.addAppointment .message.success,
#bookingEditForm .message.success {
  display: none;
}

.recurringDescription {
  display: block;
  margin-top: -10px;
  margin-bottom: 15px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  color: #156570;
}

.bootstrap-datetimepicker-widget table td {
  color: #156570;
}

.opacity-5 {
  opacity: 0.5;
}

.user-type-list {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none !important;
}

.split-button .dropdown-toggle {
  margin-left: 0px !important;
}

@media (max-width: 779px) {
  .round-corners-on-xs {
    border-radius: 3px !important;
  }

  .full-width-at-sm {
    width: 100%;
    display: block;
    float: none;
  }
}

.bodyImage {
  background: none !important;
}
.navbar-center {
  width: 25%;
  margin: auto;
}
#navLogoFull {
  height: 30px;
}
.nav-logo-icon {
  height: 30px;
}
.red-heart {
  color: var(--heart-red) !important;
}
@media only screen and (max-width: 992px) {
  body
    > div.wrapper
    > header
    > nav
    > div
    > ul.nav.navbar-nav.navbar-left
    > li:nth-child(1)
    > a {
    padding-left: 17px;
  }
  .aside-toggled .navbar-nav.navbar-left a[data-toggle-state='aside-toggled'] {
    color: var(--selected-color) !important;
  }

  .nav.navbar-nav.navbar-left > a,
  .nav.navbar-nav.navbar-right > a,
  .nav.navbar-nav.navbar-left > a:visited,
  .nav.navbar-nav.navbar-right > a:visited {
    color: #afd7cd !important;
  }

  .nav.navbar-nav .dropdown-menu a {
    color: inherit;
  }

  .nav.navbar-nav .dropdown-menu a:hover {
    color: #1b5d4c;
  }

  .nav.navbar-nav.navbar-right a.iconActive {
    color: #fff !important;
  }

  .topnavbar {
    border-bottom-color: initial;
  }

  .navbar-header {
    display: none;
  }

  .nav-wrapper .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media not all, (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
}
.footer-image > img {
  width: 150px;
  margin: auto;
}
/* This is for the notification count */
/* TODO CAL-766: This doesn't look like it's being used before. The only reference I found is on PFE which doesn't use this CSS file */
.nav-wrapper .navbar-nav a .notificationCount {
  position: relative;
  z-index: 10;
  margin-right: -5px;
  min-width: 40px;
  border-radius: 1em;
  border: 2px solid #287c96;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
}
.more-profile-fields {
  margin-top: 15px;
}
.toggle-more-fields em {
  width: 8px;
}
#crouselDropdown > a > div > div.label.label-notification.circle {
  position: absolute;
  z-index: 1;
  width: 17px;
  height: 17px;
  border: 2px solid var(--site-navigation-color);
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
  top: -5px;
  right: -15px;
}

.dropdown-menu .notificationCount {
  min-width: 30px;
  border-radius: 1em;
  font-size: 16px;
}

.no-shadow {
  box-shadow: none !important;
}
form#mergeForm {
  margin-bottom: 0px;
}

ul.chooseAccount li a {
  text-decoration: none;
}

ul.chooseAccount li a:hover {
  background: #ebf7f8;
}

.findAppointmentCheckbox {
  margin-top: 1px;
  width: 10px !important;
  margin-left: 0px !important;
}

.findAppointmentPatientType .btn-group {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1199px) {
  .book-appointment-panel {
    min-height: inherit;
  }
}

.resetPasswordLabel {
  display: inline-block;
  width: 75px;
}
#deleteLogo {
  width: 100%;
}
#BrandingPreviewSVG {
  width: 100%;
}
.background-images .thumbnail {
  position: relative;
}
.background-images .thumbnail span {
  position: absolute;
  color: #156570;
  top: 30%;
  font-size: 40px;
}
.active-icon-background {
  background: white;
  height: 33px;
  width: 33px;
  border: 1px solid#156570;
  z-index: 1;
  border-radius: 50%;
  top: 33% !important;
  opacity: 1 !important;
  filter: alpha(opacity=50) !important; /* For IE8 and earlier */
}

.active-icons {
  width: 40px;
  margin: auto;
}
.transparent-thumb img {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
.background-images .thumbnail span.fa {
  z-index: 2;
}

.sample-area {
  padding-top: 15px;
}
.background-thumb-image {
  max-height: 115px;
}
section.choose-account-main-content-section {
  margin-left: 0px !important;
}
.branding-page-logo {
  padding-top: 15px;
  max-width: 300px;
}
.chooseAccountContainer {
  margin: 0 auto;
  float: none;
}
.clinic-logo-upload {
  height: 165px !important;
}
.clinic-logo-upload .uploadMessageDiv .uploadMessage {
  height: 90px !important;
  width: 250px !important;
}
.profile-pic-upload {
  max-height: 300px !important;
  max-width: 300px;
  margin: auto;
}
.dashboard-profile-preview-sm,
.dashboard-profile-preview-lg {
  float: left;
  margin-right: 10px;
}

.choose-account-header-row {
  padding-top: 15px;
}
.default-profile-preview img {
  border: 2px solid #ddd !important;
  border-radius: 50%;
}
.dashboard-profile-preview-sm .user-initials-circle,
.dashboard-profile-preview-md .user-initials-circle,
.dashboard-profile-preview-lg .user-initials-circle {
  color: #676767 !important;
  padding-top: 4px;
  background: #ddd !important;
  display: inline-block;
}
.dashboard-profile-preview-sm img {
  max-width: 33px;
}
.dashboard-profile-preview-md img {
  max-width: 45px;
}
.dashboard-profile-preview-lg img {
  max-width: 50px;
}
.practitioner-row .dashboard-profile-preview-md {
  margin-right: 10px;
}
.assistant-row .dashboard-profile-preview-md {
  margin-right: 10px;
}
.profile-pic-upload .uploadMessageDiv .uploadMessage {
  height: 90px !important;
  width: 250px !important;
}
.custom-media-box {
  height: 35px;
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {
  select.organizationSelecter {
    width: 100%;
  }
}

.table td.practitioner-service-name-cell .checkbox {
  width: auto;
}

td.practitioner-service-item-cell {
  padding-left: 36px !important;
}

.table td.practitioner-service-item-cell .checkbox {
  width: auto;
}

div.service-category-containers
  div.category-container
  div.category
  em.fa-reorder {
  /*position: absolute;*/
  top: 18px;
}

/*div.service-category-containers div.category-container div.services div.service-container{
	background:#E9F4F0;
}*/

div.service-category-containers
  div.category-container
  div.services
  div.service-container
  em.fa-reorder {
  position: absolute;
  top: 18px;
  left: 24px;
}

td.currencyAmount {
  text-align: right;
}

h4.soap-heading {
  font-weight: bold;
}

.panel-wrapper #sessionOrAppointment,
.panel-wrapper #availabilityEditOrAdd {
  margin-top: 0px !important;
}

.cancellationInput {
  margin: 10px 0px;
}

.checkbox .adjust-line-height {
  line-height: 13px;
}
.dropdown-menu > li > .dropdown-list-padding,
.dropdown-menu > li > a {
  padding: 3px 15px;
}

span.clinical-note-view-currency {
  font-size: 20px;
}

div.addendum-contianer ul li {
  margin-bottom: 12px;
}

div[data-hover='dropdown'] .dropdown-menu {
  margin-top: 0px;
}

.conditions-changed-edit-note {
  margin-top: 0px;
  margin-left: 5px;
}

div.conditionClinicOptionDiv div.checkbox,
div.conditionInputBox div.checkbox {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

.uk-notify {
  z-index: var(--zindex-toast);
}

@media (min-width: 768px) {
  .uk-notify.uk-notify-bottom-center {
    width: 700px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}

.alert.alert-success {
  background-color: var(--success-green);
}

/*.alert.alert-info {
	background-color: #F4E285;
}*/

.alert.alert-info {
  background-color: #73b2fc;
}
/*
.alert.alert-warning {
	background-color: #FF715B;
}*/

.alert.alert-warning {
  background-color: #ea8f3f;
}
.alert.alert-warning.form-warning {
  margin-bottom: 15px;
}
.alert.alert-warning.modal-row-warning {
  margin-bottom: 0px;
}
.alert.alert-warning a {
  color: #fff;
}
.alert.alert-danger {
  background-color: #d91a22;
}

.form-control:focus {
  border-color: #287c96;
}

.practitioner-selection-panel label em {
  color: #156570 !important;
  font-style: normal !important;
  font-size: 12px;
}

@media (max-width: 992px) {
  .dropdown-menu > li > a {
    font-size: 15px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .dropdown-menu > li > span {
    font-size: 15px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  /* FOR CENTER ALIGNMENT WHILE LARGER THAN SINGLE COLUMN */

  #bookFrontEndButtonTest {
    margin-top: 7px;
  }
}

.deleteAvailabilityButton span.fa {
  height: 19px;
  line-height: 19px;
}

label.contactLabels {
  font-size: 14px;
  font-weight: bold;
  color: #656565 !important;
}

div.event-group-edit-radio-div label {
  display: inline;
}

.help-block {
  border: 1px solid transparent;
  border-radius: 3px;
  border-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  background-color: #bc4b51;
  padding: 8px;
  margin-bottom: 21px;
  margin-top: 10px;
}

.loadingAnimationContainer {
  display: block;
  width: 32px;
  height: 32px;
}

div#calendar div.user-panel a:hover {
  text-decoration: none;
}

.policyAndTermsEditTab .policyButton {
  margin: 10px 0px;
}

.policyAndTermsEditTab .checkbox {
  display: inline-block;
}

.quick-save-error input,
quick-save-error span {
  border-color: red;
  outline-color: red;
}

.colorSelection {
  position: absolute;
  height: 90px;
  width: 135px;
  z-index: var(--zindex-dropdown);
  background-color: #edf1f2;
  right: 15px;
  display: none;
  top: 72px;
  padding: 0 7px;
}

.colorSwatch {
  display: block;
  cursor: pointer;
  height: 16px;
  width: 16px;
  float: left;
  margin: 7px;
}

#progress-bar {
  background-color: #287c96;
  height: 20px;
  color: #ffffff;
  width: 0%;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
}
#progress-div {
  border: #287c96 1px solid;
  padding: 0px 0px;
  margin: 30px 0px;
  border-radius: 4px;
  text-align: center;
  display: none;
}

.analytic-panel-set-min-height {
  min-height: 350px;
}

.secondary-inputs {
  display: none;
}

.new-user-inputs {
  display: none;
}

.label-success {
  background: #8cb369;
}
/*
.label-warning {
	background-color: #6FB0FF;
}*/

.label-warning {
  background-color: #f4a259;
}

.label-danger {
  background-color: #bc4b51;
}
.inv-date .inv-icon {
  padding-top: 5px;
}
.inv-date .inv-icon .tooltip {
  width: 245px;
  min-width: 200px;
  max-width: 255px;
}
.inv-date .inv-icon .tooltip .tooltip-inner {
  max-width: 245px;
  text-align: center;
}
.inv-date .inv-icon .tooltip .tool-content {
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.dropdown.dropdown-list.notifications {
  padding-left: 15px;
}
input.mobileDateInput {
  -webkit-appearance: none;
  line-height: 20px !important;
}

.colorpicker-component .input-group-addon {
  cursor: pointer;
}

.body-image-sketch {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.center-actions .addonIcon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  font-size: 35px;
}

.center-actions .addonInfo {
  margin-left: 45px;
  margin-right: 100px;
}

.tag-list-item {
  border: 2px solid transparent;
  position: relative;
}

.tag-list-item .btn {
  margin: 0px 0px;
}

.tag-list-item .tag-left-column {
  margin-top: 3px;
}

.fixed-width-menu-notenav {
  width: 320px;
}
.fixed-width-menu-notenav div {
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
}

.session-info-panel .panel-body {
  position: relative;
}

.auto-save-datetime {
  position: absolute;
  bottom: 0px;
  right: 30px;
  text-align: right;
}

.cal-horiz-scroll {
  /*background:red; */
  overflow: scroll;
  overflow-x: scroll;
  display: block;
  -webkit-overflow-scrolling: touch;
}

/* TEMP FOR CAL */
.btn-default.btn-xs {
  color: #888 !important;
}

.mobileDatepicker {
  width: 45px;
}

.mobileDatepicker input {
  width: 0px !important;
  max-width: 0px !important;
  min-width: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  border-color: #f5f7fa !important;
}

.mobileDatepicker .input-group-addon {
  border-left: 1px solid #dde6e9 !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.subscriptionSubmitButton {
  margin: 15px 0px;
}

@media (min-width: 992px) {
  .body-image-thumbnail {
    float: left;
  }
}

.body-image-thumbnail .thumbnail-icons .has-drawing em {
  /*We need this to center the brush*/
  margin-top: 4px;
}

/*
	As these are examples for the front end, we don't want to change the font size (to be consistent with the front end)
*/
#frontEndNavBarExample,
#bookFrontEndButtonTest,
#bookFrontEndLinkTest {
  font-weight: normal;
}

.minMaxContainer {
  margin-bottom: 10px;
}

.minMaxContainer .minMaxDiv {
  float: left;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .minMaxContainer .minMaxDiv {
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}

.addSeatLoading {
  display: inline-block;
  vertical-align: middle;
}

.quick-save-field-status-container {
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateX(-50%) translateY(-50%);
}

.soap-section .quick-save-field-status-container {
  position: absolute;
  top: inherit;
  left: 0px;
  transform: inherit;
  padding-top: 10px;
}

.healthDeets .quick-save-field-status-container {
  position: absolute;
  top: inherit;
  left: 0px;
  transform: inherit;
  padding-top: 10px;
}

.quick-save-condition-field-status-container {
  position: absolute;
  left: 0px;
  padding-top: 3px;
}

.aside-collapsed .sidebar > .nav > li > a,
.aside-collapsed .sidebar > .nav > li > .nav-item {
  text-indent: 1px;
}
.topnavbar .navbar-nav > li > a {
  padding-right: 10px;
  padding-left: 10px;
}
/*For some reason, it doesn't break in the template, but breaks on the site. */
.btn-dropdown-fix {
  height: 33px;
}

@media (max-width: 667px) {
  .add-margin-small {
    margin-left: 15px;
  }
  .add-padding-small {
    padding-left: 5px;
  }
}

.findAppointmentDateLabel {
  font-size: 20px;
}

h1 {
  font-size: 33px;
}

.fileListingDiv .fileListing {
  border: 1px solid #aaa;
  background: #fff;
  min-height: 300px;
}

.fileListingDiv .fileListing #loading {
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 84px;
  width: 84px;
}

.storagePercentageDiv .progress {
  margin-bottom: 0px;
  margin-top: 5px;
  border: 1px solid #bcbcbc;
  height: 10px;
}

.fileListingDiv .fileListing .storagePercentageDiv {
  margin-top: 10px;
}

.fileListingDiv .fileListing .uploadFileDiv {
  padding: 5px;
  margin-left: 5px;
}

.fileListingDiv .fileListing .refreshListing {
  color: #888;
}

.fileListingDiv .dragover {
  position: relative;
}

.fileListingDiv .dragOverlay {
  display: none;
  height: 0%;
  width: 0%;
  pointer-events: none;
}

.fileListingDiv .dragover .dragOverlay {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 5px dashed #999;
  background: rgba(255, 255, 255, 0.9);
}

.fileListingDiv .dragover .dragOverlay .dragoverMessage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #999;
  font-size: 32px;
  height: 46px;
  width: 200px;
}

.filesUploaded .uploadedFilename {
  margin-bottom: 5px;
}

.filesUploaded .loadingColumn {
  margin: 7px 0px;
}

.filesUploaded .loadingColumn.uploading {
  margin: 0px 0px;
}

.fileUploadStoragePercentage {
  margin-bottom: 10px;
  width: 200px;
}

.progress-bar-custom-1 {
  background-color: #95cabc;
}

.suggest-tag-link {
  /*position:absolute;*/
  float: right;
  padding-top: 5px;
  padding-right: 10px;
  font-size: 12px;
}

.fileListingContent .fileRow {
  position: relative;
}

.fileListingContent .fileIcon {
  display: inline-block;
  font-size: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.fileListingContent .fileInfo {
  display: inline-block;
  margin-left: 30px;
}

.fileListingContent .fileSize {
  font-size: 13px;
}

.needMoreStorageLink a {
  font-size: 12px !important;
}

ul.suggestedCommentList {
  padding-left: 3px;
}

.autocompleteSearch {
  position: relative;
  padding: 2px;
}

.autocompleteSearch .autocompleteSearchLoading {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 5px;
  margin: auto;
  height: 29px;
  display: none;
}

.autocompleteSearchLoading .ball-clip-rotate div {
  border-color: #287c96;
  border-bottom-color: transparent;
  animation: spin-rotate 0.65s 0s linear infinite;
  -webkit-animation: spin-rotate 0.65s 0s linear infinite;
}

.floating-label-condition-comment {
  padding: 2px;
}

.conditionCharacterCount {
  padding: 2px;
}

.click-to-add-health-deets {
  font-style: italic;
}

div#serverPulseResponse {
  display: none;
}

.position-check-top-right {
  padding-top: 2px;
}

@media screen and (max-width: 600px) {
  .arrivalStatusWrapper {
    text-align: left;
  }
  #appointmentAccordion .arrivalStatusDiv {
    display: none;
  }
}

h4.practitioner-list-header {
  margin-bottom: 17px;
}

div.not-showing-pract-list {
  display: none;
}

div#noCalendar {
  display: none;
}

div#imageBoxLoader {
  width: 30px;
  margin: 0px auto;
}

/*.note-edit-tabs ul.nav-tabs > li {
	width: 157px;
}*/

.note-edit-tabs ul.nav-tabs > li a {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 393px) and (max-width: 700px) {
  .note-edit-tabs ul.nav-tabs > li {
    float: left !important;
  }
}

@media (max-width: 392px) {
  .note-edit-tabs ul.nav-tabs > li {
    width: auto;
  }
}

/*These are for the patient add/edit for the date of birth*/
.dateOfBirth .monthInput {
  padding-left: 0px;
  padding-right: 10px;
  min-width: 105px;
}

.dateOfBirth .dayInput {
  padding-left: 0px;
  padding-right: 10px;
  min-width: 58px;
}

.dateOfBirth .yearInput {
  padding-left: 0px;
  padding-right: 0px;
}

.dateOfBirth .dayInput.floating-label label,
.dateOfBirth .yearInput.floating-label label {
  padding-left: 5px;
}

#clinicFileCommentsDiv .form-group {
  margin-top: 10px;
}

.arrivalRateNotification {
  padding: 4px;
  margin-left: 4px;
  opacity: 0.5;
}

.text-success {
  color: var(--success-green);
}

.text-danger {
  color: #d91a22;
}

.bookingHoverOverComment {
  max-width: 290px;
  margin-bottom: 0px;
}

.ui-autocomplete li.no-match-found {
  pointer-events: none;
  cursor: default;
}

.noShowText {
  color: #ff0000;
  font-size: 12px;
}

.category-container.ui-sortable-handle {
  cursor: move;
}

.clinical-note-info .text-muted {
  font-size: 12px;
}
.checkbox.c-checkbox.addonCheckbox {
  display: inline;
}

.compact-checkbox-wrapper .checkbox {
  margin-top: 0px;
  margin-bottom: 7px;
}

.wrapper {
  background-color: var(--site-background-color);
}

.wrapper > section {
  background-color: var(--site-background-color);
}

.c-checkbox span.partialDuration {
  width: 110px;
}

.c-checkbox span.allDuration {
  width: 90px !important;
}

.c-checkbox span.partialDuration,
.c-checkbox span.allDuration {
  position: relative;
  top: 2px;
  font-size: 12px;
  margin-left: -10px;
  border: none;
}

table#seatPricing {
  font-size: 14px;
}

.addAppointment .checkbox {
  margin-bottom: 5px;
  margin-top: 5px;
}

.editBooking .checkbox {
  margin-bottom: 5px;
  margin-top: 5px;
}

input#clinicalNoteDatepicker {
  height: 33px;
}

div.auto-saving-status {
  display: none;
  position: absolute;
  margin-left: -15px;
  margin-top: 2px;
}

.service-list-table div.auto-saving-status {
  display: none;
  position: absolute;
  margin-left: -30px;
}

/* CLINIC LABELS */

.labels {
  display: block;
  width: 100%;
  padding-top: 2px;
  overflow-y: auto;
}

.labels .label {
  display: inline-block;
  line-height: initial;
  margin: 3px;
  font-size: 13px;
}
@media screen and (min-width: 991px) {
  .labels .label {
    margin-top: 10px;
  }
}
.clinic-label-default {
  background-color: white;
  color: #3a3f51;
  border: 1px solid #dde6e9;
}

.label .label-remove,
.label .label-filter-link {
  transition: background-color 200ms linear !important;
  border-radius: 3px;
  padding: 0px 4px;
}

.label .label-remove {
  margin-left: 6px;
  cursor: pointer;
}

#ClinicPatientField #ClinicLabelsAutocomplete {
  height: 33px;
}
.label-auto-complete {
  margin-bottom: 4px;
}
.autocompleteSearch .quick-save-field-status-container#ClinicLabelSaveStatusId {
  top: 40%;
  left: 10px;
}

#tagInput {
  display: inline-block;
  margin-bottom: 5px;
}

#ClinicPatientField {
  margin-bottom: 0px;
}

#ClinicPatientField .form-group {
  margin-bottom: 0px;
}

#ClinicPatientField .autocompleteSearch {
  padding: 0px;
}

.labelColourBox {
  vertical-align: middle;
  height: 15px;
  width: 15px;
  display: inline-block;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 5px;
}

.collapsed .fa-caret-down:before {
  content: '\f0da';
}
.search-icons {
  float: left;
  height: 100%;
  padding-top: 7px;
  font-size: 20;
  width: 25px;
  vertical-align: middle;
}
.cpp-search-icon {
  float: left;
  height: 100%;
  padding-top: 14px;
  font-size: 20;
  width: 25px;
  vertical-align: middle;
}
.search-icon-no-pad {
  float: left;
  height: 100%;
  font-size: 20;
  width: 25px;
  vertical-align: middle;
}
.search-found {
  float: left;
  vertical-align: middle;
}
.cpp-invoice-icon {
  margin-left: -3px;
  margin-right: 3px;
  float: left;
  height: 100%;
  font-size: 12px;
  width: 25px;
  vertical-align: middle;
  margin-top: 6px;
}
.cpp-invoice-found {
  float: left;
}
.list-group-item.clinic-label {
  padding: 8px;
}

.list-group-item.clinic-label > p.date {
  margin-left: 58px;
  margin-bottom: 0px;
}

.list-group-item.clinic-label > a {
  text-decoration: none !important;
}

.checkbox label .sublabel {
  font-size: 11px !important;
  margin-left: 8px;
}

.btn-default.openFilterModal .fa {
  line-height: 1.52857143;
}

.label-patients-list .text-muted {
  font-size: 12px;
}

.label a {
  color: initial;
  text-decoration: none;
}

#ClinicLabelEditForm .colorpicker-container,
#ClinicLabelAddModalForm .colorpicker-container {
  max-width: 300px;
  position: relative;
}

#ClinicLabelEditForm .colorpicker-container .colorSelection,
#ClinicLabelAddModalForm .colorpicker-container .colorSelection {
  right: 0px;
}

@media screen and (max-width: 767px) {
  .labels-container {
    margin-top: 20px;
  }
}

/* END CLINIC LABELS  */

.form-group.clinic-form-checkbox {
  margin-top: 8px;
}

.form-group.clinic-form-checkbox .checkbox {
  float: left;
  margin: 0px 4px 0px 0px;
}

.forms-container .checkbox {
  margin-top: 0px;
}

.forms-container .form-checkbox {
  margin-bottom: 0px;
}

.forms-container .condition-category-heading {
  margin-top: 0px;
}

.forms-container::after {
  margin-bottom: 20px;
}

.forms-container.matcher .form-group {
  padding: 0px !important;
}

.forms-container.matcher .condition-category-heading {
  padding-left: 0px;
  margin-top: 20px;
}

.text-primary#collapse-forms-link {
  color: #156570 !important;
}

/* START #10653 */

.uk-notify-message > .close {
  font-size: 40px;
  line-height: 0.6 !important;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  visibility: visible;
  opacity: 0.2;
}

.uk-notify-message > .close:hover {
  opacity: 0.5;
}

/* END #10653 */

/* BEGIN # */

/* BEGIN FINANCIAL */

/* END FINANCIAL */

.clinicUserTaxList {
  max-width: 500px;
}

.clinicsUsersTaxNumber {
  min-width: 200px;
  width: 100%;
}

.clinicUserTaxList .checkbox-table-column {
  text-align: center;
  width: 50px;
  vertical-align: middle;
  border-right: 0px;
}

.clinicUserTaxList .clinics-users-tax-column {
  border-left: 0px;
}

/* END # */

/* START #10570 & 11447 */

#clinicalNoteSkimmer,
#clinicFilePreview,
#clinicFormSkimmer {
  padding-right: 0px !important;
}

@media only screen and (min-width: 768px) {
  #clinicalNoteSkimmer .modal-dialog,
  #clinicFilePreview .modal-dialog,
  #clinicFormSkimmer .modal-dialog {
    width: 80%;
  }
}

#clinicalNoteSkimmer .modal-dialog,
#clinicFilePreview .modal-dialog,
#clinicFormSkimmer .modal-dialog {
  transition: width 2s ease-in-out;
  margin-top: 56px !important;
}

#clinicalNoteSkimmerCarousel .carousel-caption,
#clinicFilePreviewCarousel .carousel-caption,
#clinicFormSkimmerCarousel .carousel-caption {
  background-color: rgba(0, 0, 0, 0.67);
  width: 100%;
  bottom: 0px;
  left: initial;
  right: initial;
  position: initial;
}

#clinicalNoteSkimmer #document-title,
#clinicFilePreview #document-title,
#clinicFormSkimmer #document-title {
  color: white;
  position: relative;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
  left: 10px;
  width: calc(100% - 120px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#clinicalNoteSkimmer #document-title {
  width: 100% !important;
}

#clinicalNoteSkimmer #document-title small,
#clinicFilePreview #document-title small,
#clinicFormSkimmer #document-title small {
  font-size: 70%;
}

#clinicalNoteSkimmer #document-title .title,
#clinicFilePreview #document-title .title,
#clinicFormSkimmer #document-title .title {
  display: inline-block;
  font-weight: bold;
}

#clinicalNoteSkimmer .carousel-control,
#clinicFilePreview .carousel-control,
#clinicFormSkimmer .carousel-control {
  width: 10%;
}

#clinicalNoteSkimmer .clinicalNote-iframe,
#clinicFilePreview .clinicalNote-iframe,
#clinicFormSkimmer .clinic-form-iframe {
  margin: 0 auto;
  display: block;
  border-radius: 6px;
  padding-bottom: 56px; /* to account for dialog having margin-top: 56px; */
}

.clinic-form-skimmer-control {
  top: 50px;
}
#clinicalNoteSkimmer,
#clinicFilePreview,
#clinicFormSkimmer {
  overflow-y: hidden;
}

#clinicalNoteSkimmer .modal-content,
#clinicFilePreview .modal-content,
#clinicFormSkimmer .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.c-radio span {
  border-radius: 500px !important;
}
#clinicalNoteSkimmer .modal-body,
#clinicFilePreview .modal-body,
#clinicFormSkimmer .modal-body {
  padding: 0px;
}
.square-transaction-log-uuid {
  font-size: 9px;
}
.icon-button {
  background-color: transparent;
  color: white !important;
  transition: background-color 300ms;
  font-size: 20px;
}

.icon-button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

#clinicalNoteSkimmer .top-left-container,
#clinicalNoteSkimmer .top-right-container,
#clinicFilePreview .top-right-container,
#clinicFilePreview .top-left-container,
#clinicFormSkimmer .top-right-container,
#clinicFormSkimmer .top-left-container {
  position: absolute;
  top: 10px;
  z-index: 2;
}

#clinicalNoteSkimmer .top-left-container,
#clinicFilePreview .top-left-container,
#clinicFormSkimmer .top-left-container {
  left: 10px;
  width: calc(100% - 120px);
  display: flex;
}

#clinicalNoteSkimmer .top-right-container,
#clinicFilePreview .top-right-container,
#clinicFormSkimmer .top-right-container {
  right: 10px;
}

#clinicalNoteSkimmer .left.carousel-control,
#clinicalNoteSkimmer .right.carousel-control,
#clinicFilePreview .right.carousel-control,
#clinicFilePreview .left.carousel-control,
#clinicFormSkimmer .right-carousel-control,
#clinicFormSkimmer .left-carousel-control {
  z-index: 1;
}

#clinicalNoteSkimmer .carousel-control,
#clinicFilePreview .carousel-control,
#clinicFormSkimmer .carousel-control {
  background: none;
}

#clinicFilePreview .modal-content {
  background: none;
}

#clinicFilePreview .item#image #image-container {
  max-height: calc(100% - 87px);
  overflow-y: auto;
  height: 100%;
}

#clinicFilePreview .item#iframe #iframe-container iframe {
  width: 100%;
  height: calc(100% - 87px);
}

#clinicFilePreview .item#image #image-container img {
  /*margin: 0 auto;*/
  max-height: 100%;
}

#clinicFilePreview .modal-content {
  border: none;
}

#clinicFilePreview .previewNotAvailableDiv,
#clinicFilePreview .item #loading {
  width: 100%;
  max-height: calc(100% - 87px);
  height: 100%;
}
.filesUploaded table tr td {
  padding-left: 0px;
}
#clinicFilePreview .previewNotAvailableDiv .previewNotAvailable {
  color: #dddddd;
  text-align: center;
  background: #252525;
  padding: 25px;
  border: 1px solid #252525;
  display: inline-block;
  border-radius: 5px;
  width: 250px;
  height: 176px;
}

#clinicFilePreview .item #loading .loadingContainer,
#clinicFilePreview .item#image #image-container img,
#clinicFilePreview .item .previewNotAvailableDiv .previewNotAvailable {
  /* The following are used to center the contents of the div */
  margin: auto;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#clinicFilePreview .item #loading .loadingContainer {
  height: 84px;
  width: 84px;
}
/* increasing z-index to max so that bootstrap dialog can pop above skimmer, file preview. */

#bootstrap-modal {
  z-index: var(--zindex-modal);
}

@media (min-width: 768px) and (transform-3d),
  (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 100ms;
  }

  .carousel-fade .carousel-inner .active {
    opacity: 1;
  }

  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }

  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }

  .carousel-fade .carousel-control {
    z-index: 2;
  }

  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 767px) and (transform-3d),
  (max-width: 767px) and (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 500ms ease-in-out;
  }
}

/* END #10570 & 11447  */

.loading-spinner {
  float: left;
}

.loading-spinner div {
  border-color: #287c96 !important;
  border-bottom-color: transparent !important;
  width: 30px;
  height: 30px;
  animation: spin-rotate 0.65s 0s linear infinite;
  margin-left: 10px;
}

#clinicLogo {
  transition: opacity 1s ease-in-out;
}

.fa-sm {
  font-size: 0.55em;
  position: relative;
  right: 7px;
}

/* begin 10835 */

ul.radio li {
  list-style-type: none;
}

/* end 10835 */

.failed-rows-report textarea {
  width: 100%;
  height: 300px;
}

.fa-x-sm {
  font-size: 0.5em;
  position: relative;
  right: 2px;
}

/* START #10976 (FINANCE UI / UX) */
.navbar-invoice .toggle {
  margin-top: 10px;
}
.invoice-item-row {
  padding-top: 15px;
  font-size: 14px;
  border-top: 1px solid #dde6e9;
}

.panel-print .invoice-item-row {
  padding-top: initial;
}

.panel-print .invoice-item-row .duration {
  font-size: 85%;
}

.panel-print .invoice-item-row .amount {
  font-size: initial;
}

.invoice-cpp-name {
  margin-top: 10.5px;
  display: inline-block;
}

#invoiceItemTable .invoice-item-row .meta {
  width: 100%;
}

#invoiceItemTable .form-inline .form-group .form-control {
  width: 100%;
}

.btn.btn-floating-label {
  padding: 12px 21px;
  line-height: 1.54;
}

#invoiceItemTable {
  background-color: transparent;
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .invoice-item-total {
    margin-top: 12px;
  }
}

.invoice-item-total,
.invoice.totals {
  font-size: 18px;
}

.edit-invoice-totals .outstanding {
  font-size: 125%;
}

.edit-invoice-totals .row {
  padding: 5px;
  padding-right: 0px;
}

.invoice-item-remove-row.mobile {
  margin-top: 15px;
  width: 100%;
}

.invoice-item-row:not(.tip) .fa.fa-trash.invoice-item-remove-row {
  font-size: 20px;
  margin-top: 11px;
  cursor: pointer;
}

.invoice-item-quantity {
  text-align: center;
}

.invoice-item-name {
  min-height: 46px;
}

.panel.panel-balance {
  border: 1px solid #cfdbe2;
}

.panel.panel-balance .panel-body {
  padding: 5px 20px;
}

.panel.panel-balance .panel-body div#invoices-balance p {
  font-size: 21px;
  font-weight: bold;
  line-height: 17px;
  margin-bottom: 0px;
}

.panel-balance-container .panel.panel-balance {
  display: inline-block;
  width: auto;
  border-collapse: collapse;
}

.panel-balance-container .panel.panel-balance:first-of-type {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-balance-container .panel.panel-balance:last-of-type {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}

.panel.panel-balance.panel-danger .panel-body > div#invoices-balance {
  color: #d91a22;
}

.panel.panel-balance.panel-success .panel-body > div#invoices-balance {
  color: var(--success-green);
}

@media (min-width: 601px) {
  .panel-balance-container {
    float: right;
    margin-left: 20px;
  }
}

@media (max-width: 600px) {
  .billing-clearfix {
    clear: both;
  }

  .panel-balance-container {
    margin-top: 15px;
    width: 100%;
  }

  .panel-balance-container .panel.panel-balance {
    width: 50%;
  }
}

@media only screen and (max-width: 1100px) {
  .billing-actions-container {
    float: none !important;
  }

  .billing-actions-container::before {
    content: '';
    display: block;
    width: 100;
    clear: both;
  }
}

@media only screen and (min-width: 768px) {
  .billings-daterange {
    margin-left: 20px;
    width: 200px;
  }
}

#invoices-balance small {
  font-size: 12px;
}

#invoices-balance {
  text-align: center;
  margin: 0px;
}

#invoice-item-name span:not(.fa-stack) {
  font-size: 85%;
}

#invoice-item-name span.fa-stack {
  margin-left: 10px;
}
.form-control[readonly] {
  background-color: white !important;
}
.form-control.datepicker:read-only,
.dateFrom.form-control:read-only,
.dateTo.form-control:read-only,
.invoice-datepicker.form-control:read-only {
  background-color: white;
}

@media (max-width: 991px) {
  .invoice-item-price-column.no-padding-left {
    padding-left: 15px;
  }
}

.invoice-filter-submit {
  margin-right: 10px;
}

.partial-view {
  display: none;
  position: relative;
}

.partial-view.active {
  display: block;
}

.panel.panel-invoice .panel-heading h3 {
  margin: 0px;
}

.panel.panel-invoice hr {
  margin: 0;
}

/* MDPF requires a width set to be able to handle floated elements  */

.print-invoice-header .address {
  width: 150px;
}

.list-group-item.invoice .media-body {
  word-break: break-all;
}

@media screen and (max-width: 350px) {
  .print-invoice-header .address {
    float: none !important;
  }
}

.print-invoice-header .logo {
  position: absolute;
  width: calc(100% - 20px);
  text-align: center;
}

.print-invoice-header .logo img {
  margin-top: 30px;
}

/* invoice-item name fix */
@media (max-width: 768px) {
  .invoice-item-clear-fix {
    content: '';
    clear: both;
  }
}

@media print {
  .print-invoice-header .logo.hidden-xs {
    display: block !important;
  }

  a[href]:after {
    content: none;
  }

  input.daterange,
  .daterange-container {
    display: none !important;
  }

  .content-wrapper {
    border-top: 0px;
  }
}

.print-invoice-header {
  min-height: 150px;
}
/* end invoice-item name fix */

.partial-view#loading .simple-spinner {
  margin: 0 auto;
}

.session-dropdown {
  margin-top: 5px;
}
.soapvault-menu {
  background-color: white;
  -webkit-transition: height 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    margin-top 267ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 267ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    margin-top 267ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 267ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: height, margin-top, opacity;
  transition-duration: 267ms, 267ms, 267ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
    cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0ms, initial, initial;
  position: fixed;
  will-change: height, margin-top, opacity;
  opacity: 0;
  height: 0px;
  z-index: var(--zindex-fixed);
  max-width: 1200px;
  width: calc(100% - 40px);
}

.soapvault-menu.condensed {
  max-width: 630px !important;
}

.soapvault-menu .row {
  background-color: white;
  -webkit-transition: height 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    margin-top 267ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 267ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    margin-top 267ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 267ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: height, margin-top, opacity;
  transition-duration: 267ms, 267ms, 267ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
    cubic-bezier(0.4, 0, 0.2, 1), cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0ms, initial, initial;
  will-change: height, margin-top, opacity;
  opacity: 0;
}

.soapvault-menu.active .row {
  opacity: 1;
}

.soapvault-menu.active {
  opacity: 1;
  height: auto;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.soapvault-menu#authMenu {
  background-color: white;
  right: 20px;
  top: 50px;
  width: 325px;
}

.soapvault-menu#settings {
  background-color: white;
  right: 20px;
  top: 50px;
}

.soapvault-menu#settings .row {
  margin-left: 0px;
  margin-right: 0px;
}

.soapvault-menu:not(#authMenu) .row > div:not(.menu-header) {
  padding: 0px;
}

.soapvault-menu#settings h4 {
  padding: 20px;
  padding-bottom: 10px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.soapvault-menu#settings h4 .fa {
  width: 18px;
}

.soapvault-menu .list-group {
  margin-bottom: 0px;
  padding-bottom: 20px;
}

.soapvault-menu#help .list-group {
  padding-top: 20px;
}

.soapvault-menu .list-group-item {
  border: none;
  padding: 5px 20px;
  color: #156570;
}

.soapvault-menu .list-group-item:first-child {
  border-radius: 0px;
}

.soapvault-menu .list-group-item:last-child {
  border-radius: 0px;
}
.dashboard-list-group-item:last-child {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.dashboard-list-group-item:first-child {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.dashboard-list-group-item {
  border-left: none;
}
.dashboard-list-group-item {
  border-right: none;
}
.soapvault-menu .list-group-item:hover {
  background-color: #f2f8f8;
  color: #156570;
}

.soapvault-menu .overflow {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.soapvault-menu#settings .navbar {
  margin-bottom: 0px;
  background-color: #efedef;
  border-radius: 0px;
}

.panel.panel-print {
  font-size: 14px;
}
.offsidebar-show-user {
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}
.soapvault-menu .menu-header {
  padding-left: 20px;
  background-color: var(--menu-header-color);
  color: var(--menu-font-color);
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-size: 18px;
}

@media only screen and (min-width: 991px) {
  .soapvault-menu#help {
    top: 50px;
    width: 20%;
    left: 78%;
    right: 2%;
  }
}
.navbar.topnavbar li.active a em {
  color: var(--selected-color) !important;
}

.navbar.topnavbar li.active a em::after {
  color: var(--selected-color) !important;
}
.user-initials-circle {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  position: relative;
  vertical-align: middle;
  background-size: 100%;
  display: inline-block;
  color: #ffffff;
  background: var(--icon-color);
  text-align: center;
  padding-top: 9px;
}
.dashboard-profile-preview-sm .user-initials-circle {
  width: 33px;
  height: 33px;
  font-size: 16px;
}
.dashboard-profile-preview-md .user-initials-circle {
  width: 45px;
  height: 45px;
  font-size: 24px;
}
.dashboard-profile-preview-lg .user-initials-circle {
  width: 55px;
  height: 55px;
  font-size: 32px;
}
.user-initials-circle:hover,
a:focus > .user-initials-circle {
  background-color: var(--selected-color);
}
.default-profile-preview {
  text-align: center;
}
.default-profile-preview img {
  width: 120px;
}

.default-profile-preview .user-initials-circle {
  color: #676767 !important;
  width: 80px;
  height: 80px;
  padding-top: 4px;
  background: #ddd !important;
  font-size: 44;
  display: inline-block;
}
.default-profile-preview .add-photo {
  color: #676767 !important;
  width: 80px;
  height: 80px;
  padding-top: 17px;
  border: 2px dashed #ccc !important;
  font-size: 16px;
  display: inline-block;
  border-radius: 50px;
  line-height: 20px;
}
.vertical-align-content {
  display: flex;
  align-items: center;
}
.unique-clinics-count {
  border-radius: 1em;
  width: 45px;
  height: 30px;
  position: relative;
  vertical-align: middle;
  background-size: 100%;
  display: inline-block;
  color: #676767 !important;
  background: #ddd !important;
  text-align: center;
  font-size: 16;
  padding-top: 2px;
  font-weight: bold;
  top: -4px;
}
.storage-section {
  padding-top: 5px !important;
}
.storage-section-inner {
  width: 50%;
  margin: auto;
}
.calendar-text-black > * {
  opacity: 0.6;
  color: black;
}
.calendar-text-white > * {
  opacity: 0.6;
  color: white;
}
@media screen and (max-width: 992px) {
  .soapvault-menu h4 {
    padding: 20px !important;
  }

  .soapvault-menu h4 {
    cursor: pointer;
  }

  .soapvault-menu h4:hover {
    background-color: #f2f8f8;
  }

  .soapvault-menu#settings .list-group-item {
    padding: 10px 20px;
    padding-left: 52px;
  }

  .soapvault-menu .list-group {
    border-bottom: 1px solid #f2f8f8;
  }

  .soapvault-menu#help {
    width: 90%;
    top: 50px;
    left: 5%;
    right: 5%;
  }
}

.font-xs {
  font-size: 11.9px;
}

.panel-chart-container .panel-chart {
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-chart-container .list-group .list-group-item:first-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-wrapper .list-group {
  margin-bottom: 0px !important;
}
.panel-wrapper .list-group {
  margin-bottom: 0px !important;
}
.panel-wrapper .list-group-item:first-child {
  border-radius: 0px;
}
.panel-wrapper .list-group-item {
  border-left: none;
  border-right: none;
}
.panel-wrapper .list-group-item:last-child {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.panel-wrapper a.list-group-item {
  color: var(--site-primary-color);
}
.panel-clear {
  background-color: transparent;
  border: 0px solid transparent;
  box-shadow: none;
}

.panel-clear .panel-body {
  border: 0px solid transparent;
}

.panel-clear .panel-body {
  border: 0px solid transparent;
}

.panel-chart-container .list-group a.list-group-item {
  color: #156570;
}

.panel-chart-container .list-group a.list-group-item:hover {
  color: #156570;
}

.dataTable:not(.nt-datatable) thead th {
  transition: all 0.2s;
}

.dataTable:not(.nt-datatable) thead th:hover {
  background-color: #f2f8f8;
}

span.badge.badge-lg {
  padding: 11px 14px;
  border-radius: 50%;
}

.badge-invoice {
  color: rgb(101, 101, 101);
}
.svnt-badge-pill.svnt-badge-light {
  color: #ffffff;
}

.table.select-invoices > tbody > tr > td {
  vertical-align: top;
}

.view-invoice-cpp-name {
  margin-top: 10px;
}

.view-transaction-cpp-name {
  margin-top: 10px;
  margin-bottom: 0px;
}

#payment-total {
  margin: 0px;
  position: relative;
  top: -3px;
}

.select-invoice-cpp-name {
  margin-bottom: 0px;
}

ul.dropdown-menu a .fa-stack {
  font-size: 0.55em;
  position: relative;
}

.partial-view#loading-overlay.active {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: calc(100% - 84px);
  z-index: 1;
}

.btn .fa-stack,
.fa-stack-sm {
  font-size: 0.55em;
}

.btn .fa-stack::before {
  content: '';
}

.btn .fa-stack::after {
  content: '';
}

.no-margin {
  margin: 0;
}

table.dataTable:not(.nt-datatable) thead .sorting:after {
  opacity: initial;
}

table.dataTable:not(.nt-datatable) thead th.sorting_desc:after,
table.dataTable:not(.nt-datatable) thead th.sorting_asc:after {
  color: #287c96 !important;
}

/* END #10976 (FINANCE UI / UX) */
.popover {
  position: relative;
  box-sizing: border-box;
  padding: 1em;
  border: 1px solid #dadada;
  background: #fff;
  font-family: 'Source Sans Pro', sans-serif;
}

.popover,
.popover:before {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.popover-content {
  padding: 0px;
}
.popover:before,
.popover:after {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid #dadada;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popover:before {
  z-index: -1;
}

/* BEGIN #10752 */

#bambora-merchant-id-label {
  font-size: 25px;
}

.alert .btn {
  margin-bottom: 0px;
}

.shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

small {
  font-size: 80%;
}

a.quick-pay {
  margin-right: 10px;
}

/*

/******************

Simple spinner

usage: <div class="simple-spinner"></div>

Width / height applied to simple-spinner will apply to the ::after pseudo element inside

Please apply custom styles to a class / id and leave this as is.

*******************/

.simple-spinner {
  margin: 10px;
  width: 45px;
  height: 45px;
}

.simple-spinner::after {
  content: '';
  border: 2px solid #fff;
  border-color: #287c96;
  border-bottom-color: transparent;
  animation: spin-rotate 0.65s 0s linear infinite;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border-bottom-color: transparent;
  width: inherit;
  height: inherit;
  background: transparent !important;
  display: inline-block;
}

/*****
	Custom Simple Spinners
*****/

.partial-view#loading-overlay .simple-spinner {
  margin: 0 auto;
  height: 100px;
  width: 100px;
}

.simple-spinner.small {
  width: 22px;
  height: 22px;
}

/*****
	END Custom Simple Spinners
*****/

table.upcomingAppointmentsDetails td:hover {
  background-color: #fff;
}

.onlineBookingPaymentDepositAmount.onlineBookingHiddenOption {
  max-width: 165px;
}

.bookOnlineServiceTaxes {
  cursor: pointer;
}
/*****
	#11008
*****/

.alert .alert-alert {
  font-size: 16px;
}

@media only screen /* iphone adjustments */ and (min-width: 300px) and (max-width: 667px) and (orientation: portrait) {
  select.iOSselect:focus,
	select.iOSselect,
	select.iOSselect option,
	textarea.iOSinput,
	input.iOSinput,
	input.iOSinput:not([type="submit"]) /* was previously targeting everything that wasn't a input.iOSinput[type="submit"] */ {
    font-size: 16px !important;
  }
}

/* #11413 */

tr.payment-method-transaction-row td {
  border-top: none !important;
}

@media (max-width: 991px) {
  .quick-tip {
    padding-right: 0px;
  }
}

.select-payment-method-cpp-name {
  margin-top: -3px;
  margin-bottom: 0px;
}

#ClinicPatientProfileTransactionAddForm #payment-total {
  margin: 0px;
}

/* style for invitation/add */
#welcomeEmailSend > div {
  margin-bottom: 0px;
}
h2#codeHeading {
  margin-top: 0px;
}
#requireCodeRow {
  margin-bottom: 0px;
}
#addUserBtn {
  margin-top: 15px;
}
/* end style for invitation/add */
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
  border: none;
}

.copyLink {
  vertical-align: baseline;
  background: transparent;
  -webkit-text-stroke: 1px transparent;
  font-size: 13px !important;
  color: #999;
}

@media only screen and (max-width: 991px) {
  #welcomeEmailSend {
    padding-left: 14px !important;
  }
  #mobileClear {
    clear: both;
  }
}

/* END #11413 */

#tipInvoiceItemsContainer {
  padding-top: 30px;
  padding-bottom: 30px;
}

.tip.invoice-item-row {
  border-top: none !important;
}

.input-group-addon .fa.fa-trash.invoice-item-remove-row,
.input-group-addon .remove-tip-item-row-button.fa.fa-trash,
.input-group-addon .transaction-payment-method-remove-button.fa.fa-trash {
  cursor: pointer;
}
.copy-addon {
  cursor: pointer;
}
#payment-amount-container .input-group-addon {
  font-size: 25px;
}

.service-name span.box {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
  border-radius: 50%;
}

/******

.btn-brand

******/

.btn-brand {
  color: #ffffff;
  background-color: #287c96;
  border-color: #287c96;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active,
.btn-brand.active,
.open .dropdown-toggle.btn-brand {
  color: #ffffff;
  background-color: #287c96;
  border-color: #287c96;
}

.btn-brand:active,
.btn-brand.active,
.open .dropdown-toggle.btn-brand {
  background-image: none;
}

.btn-brand.disabled,
.btn-brand[disabled],
fieldset[disabled] .btn-brand,
.btn-brand.disabled:hover,
.btn-brand[disabled]:hover,
fieldset[disabled] .btn-brand:hover,
.btn-brand.disabled:focus,
.btn-brand[disabled]:focus,
fieldset[disabled] .btn-brand:focus,
.btn-brand.disabled:active,
.btn-brand[disabled]:active,
fieldset[disabled] .btn-brand:active,
.btn-brand.disabled.active,
.btn-brand[disabled].active,
fieldset[disabled] .btn-brand.active {
  background-color: #287c96;
  border-color: #287c96;
}

.btn-brand .badge {
  color: #287c96;
  background-color: #ffffff;
}

/******/

/* MARGINS & PADDINGS */
.p-xxs {
  padding: 5px !important;
}
.p-xs {
  padding: 10px !important;
}
.p-sm {
  padding: 15px !important;
}
.p-m {
  padding: 20px !important;
}
.p-md {
  padding: 25px !important;
}
.p-lg {
  padding: 30px !important;
}
.p-xl {
  padding: 40px !important;
}
.p-none {
  padding: 0px !important;
}

.p-l-xxs {
  padding-left: 5px !important;
}
.p-l-xs {
  padding-left: 10px !important;
}
.p-l-sm {
  padding-left: 15px !important;
}
.p-l-m {
  padding-left: 20px !important;
}
.p-l-md {
  padding-left: 25px !important;
}
.p-l-lg {
  padding-left: 30px !important;
}
.p-l-xl {
  padding-left: 40px !important;
}
.p-l-none {
  padding-left: 0px !important;
}

.p-r-xxs {
  padding-right: 5px !important;
}
.p-r-xs {
  padding-right: 10px !important;
}
.p-r-sm {
  padding-right: 15px !important;
}
.p-r-m {
  padding-right: 20px !important;
}
.p-r-md {
  padding-right: 25px !important;
}
.p-r-lg {
  padding-right: 30px !important;
}
.p-r-xl {
  padding-right: 40px !important;
}
.p-r-none {
  padding-right: 0px !important;
}

.p-t-xxs {
  padding-top: 5px !important;
}
.p-t-xs {
  padding-top: 10px !important;
}
.p-t-sm {
  padding-top: 15px !important;
}
.p-t-m {
  padding-top: 20px !important;
}
.p-t-md {
  padding-top: 25px !important;
}
.p-t-lg {
  padding-top: 30px !important;
}
.p-t-xl {
  padding-top: 40px !important;
}
.p-t-none {
  padding-top: 0px !important;
}

.p-b-xxs {
  padding-bottom: 5px !important;
}
.p-b-xs {
  padding-bottom: 10px !important;
}
.p-b-sm {
  padding-bottom: 15px !important;
}
.p-b-m {
  padding-bottom: 20px !important;
}
.p-b-md {
  padding-bottom: 25px !important;
}
.p-b-lg {
  padding-bottom: 30px !important;
}
.p-b-xl {
  padding-bottom: 40px !important;
}
.p-b-none {
  padding-bottom: 0px !important;
}
.p-r-none {
  padding-right: 0 !important;
}

.p-l-none {
  padding-left: 0 !important;
}

.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}

.m-x-auto {
  margin: 0 auto;
}

.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-xxl {
  margin-top: 50px;
}
.m-t-xxxl {
  margin-top: 60px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.space-15 {
  margin: 15px 0;
}
.space-20 {
  margin: 20px 0;
}
.space-25 {
  margin: 25px 0;
}
.space-30 {
  margin: 30px 0;
}
.toggle .btn {
  margin-bottom: 0px !important;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.toggle {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

/*****************************
	ASSESSMENT INPUT STYLES
/*****************************/

.range-container .form-group,
.scale-container .input.range {
  margin-top: 15px;
}

.scale-container .input.range {
  height: 30px;
}

.assessment-checkbox label {
  padding-left: 0px;
}

.scale-container .toggleCommentBox,
.range-container .toggleCommentBox {
  color: #156570;
  font-style: italic;
  cursor: pointer;
}

.range-container .range-display::after {
  content: '°';
  display: inline;
}

#assessment .secondLevelToggle {
  position: relative;
  top: -4px;
}

#assessment .assessment-checkbox {
  margin: 0px;
}

#assessment .assessment-checkbox label {
  padding: 10px;
  width: 100%;
  border-radius: 25px;
}

#assessment .range-container .assessment-checkbox label,
#assessment .scale-container .assessment-checkbox label {
  padding: 10px;
  width: 80%;
  border-radius: 25px;
}

#assessment .assessment-checkbox label:hover {
  background-color: #edf1f2;
}

#assessment .range-display {
  position: absolute;
  right: 15px;
  top: 4px;
  font-size: 16px;
  background-color: #dddddd;
  border-radius: 15px;
  width: 40px;
  text-align: center;
  line-height: 25px;
}

#assessment h4 {
  background-color: #edf1f2;
  padding: 10px;
  position: relative;
}

#assessment h4 .toggle {
  position: absolute;
  top: 8px;
  margin-bottom: 0px;
}

#assessmentResults p.header {
  background-color: #edf1f2;
  padding: 10px;
  position: relative;
}

@media print {
  #assessmentResults p.header {
    background-color: none;
    border: 1px solid #dde6e9;
  }

  #assessmentResults.row,
  #assessmentResults .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  #assessmentResults .row.m-l-n-xs {
    margin-left: -5px !important;
  }

  #assessmentResults .col-sm-4.col-xs-12 {
    width: 33.33% !important;
  }

  #assessmentResults .assessment-name.hidden-xs {
    display: inline-block !important;
  }

  #assessmentResults .assessment-name.visible-xs {
    display: none !important;
  }
}

#assessmentResults p.header .assessment-name {
  border-left: 1px solid #dde6e9;
  position: absolute;
  bottom: 0px;
  right: 0px;
  line-height: 41px;
  padding: 0px 10px;
}

@media screen and (min-width: 768px) {
  #assessment .border-right {
    border-right: 1px solid #edf1f2;
  }

  #assessment .range-container {
    height: 150px;
  }

  #assessment .scale-container {
    height: 180px;
  }

  #assessment .checkbox-with-comment {
    height: 90px;
  }
}

@media screen and (max-width: 767px) {
  #assessment .nav-tabs li {
    width: 100%;
  }

  .soapvault-menu#authMenu {
    width: calc(100% - 40px);
  }
}

.uk-notify.uk-notify-bottom-left.auto-save {
  width: 73px;
}

.uk-notify.uk-notify-bottom-left.auto-save a.close {
  display: none;
}

.uk-notify.uk-notify-bottom-left.auto-save .fa-stack {
  left: 0px;
}

.alert.alert-default {
  background-color: #eaeaea;
  color: #3a3f51;
}

.uk-notify.uk-notify-bottom-left.auto-save .alert.alert-default {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
    0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

/*

.flaggable-checkbox {
	position: relative;
}

.flaggable-checkbox label {
	position: absolute;
	left: 0px;
}

*/
/**************************/

.payment-method.ui-sortable-handle {
  cursor: move;
}

#editClinicPaymentMethods .btn {
  margin-bottom: 0px;
}

#editClinicPaymentMethods .paymentMethodContent {
  position: relative;
  line-height: 33px;
  padding-left: 30px;
}

.payment-method-placeholder {
  height: 55px;
  width: 100%;
}
/**************************/

#bookingHoverOver .alert {
  display: inline-block;
  width: 300px;
}
#patientAlerts .alert {
  margin-bottom: 15px;
}

/*************************/
.navbar.navbar-filter {
  padding: 3.5px;
}

.navbar.navbar-filter .autocompleteSearch {
  padding: 0px;
}

@media screen and (max-width: 772px) {
  .header-nav-title h1 {
    font-size: 20px;
    position: relative;
  }
}

/**************************/

#notificationSettings .c-checkbox {
  width: 10px;
}

#notificationSettings .fa-sm {
  right: -18px;
  margin-top: 3px;
}

#notificationSettings .c-checkbox span {
  margin-left: -26px;
}
#notificationSettings .c-radio span {
  margin-left: -26px;
}

.no-results-element svg {
  opacity: 0.25;
}

/* for use in calendar tile title icons (stacked) */
.event-title-icon {
  font-size: 0.48em;
}

.no-results-icon {
  opacity: 0.3;
  font-size: 100px;
}

.no-results-element {
  margin: 30px auto;
  max-width: 450px;
  width: 100%;
}

@media (min-width: 500px) {
  .recent-finalized-notes-for-duplicates {
    min-width: 320px !important;
  }

  .recent-finalized-notes-for-duplicates tbody,
  .recent-finalized-notes-for-duplicates tr {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .recent-finalized-notes-for-duplicates,
  .recent-finalized-notes-for-duplicates tbody,
  .recent-finalized-notes-for-duplicates tr {
    min-width: 250px !important;
  }
}

.fa-10 {
  font-size: 10px;
}

.btn-transparent {
  background-color: transparent !important;
  box-shadow: none !important;
}
.square-cc-logos {
  width: 52px;
  margin-right: 15px;
}
.square-default-card-logo {
  font-size: 52px;
  vertical-align: middle;
  margin-right: 15px;
}
.margin-auto {
  margin: auto;
}

.main-content-region .content-wrapper {
  padding-bottom: 0px;
}

.footer-image {
    padding-bottom: 80px;
}

@media only screen and (min-width: 992px) {
    .footer-image {
      padding-bottom: 20px;
    }
}
/* END FIXED FOOTER */

.topnavbar .navbar-form {
  left: 0px;
}

/* 	TODO: Restore Sidebar
	REMOVE THESE STYLES TO RESTORE SIDEBAR */

body.no-aside .wrapper > .aside .aside-inner {
  display: none;
}

body.no-aside .wrapper > section,
.wrapper > footer {
  margin-left: 0px !important;
}

body.no-aside .wrapper > .aside {
  display: none;
}

/* END STYLES TO REMOVE FOR SIDEBAR */

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-between {
  justify-content: space-between;
}
.justify-content-start {
  justify-content: flex-start;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

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

.ml-auto {
  margin-left: auto;
}

@media (max-width: 991px) {
  .btn-subscribe {
    display: none;
  }
}

.service-color-default:not(.fc-event) {
  background-color: var(--menu-header-color) !important;
}
.service-color-1-light:not(.fc-event) {
  background-color: var(--service-color-1-light) !important;
}

.service-color-1:not(.fc-event) {
  background-color: var(--service-color-1) !important;
}

.service-color-1-dark:not(.fc-event) {
  background-color: var(--service-color-1-dark) !important;
}

.service-color-2-light:not(.fc-event) {
  background-color: var(--service-color-2-light) !important;
}

.service-color-2:not(.fc-event) {
  background-color: var(--service-color-2) !important;
}

.service-color-2-dark:not(.fc-event) {
  background-color: var(--service-color-2-dark) !important;
}

.service-color-3-light:not(.fc-event) {
  background-color: var(--service-color-3-light) !important;
}

.service-color-3:not(.fc-event) {
  background-color: var(--service-color-3) !important;
}

.service-color-3-dark:not(.fc-event) {
  background-color: var(--service-color-3-dark) !important;
}

.service-color-4-light:not(.fc-event) {
  background-color: var(--service-color-4-light) !important;
}

.service-color-4:not(.fc-event) {
  background-color: var(--service-color-4) !important;
}

.service-color-4-dark:not(.fc-event) {
  background-color: var(--service-color-4-dark) !important;
}

.break-header-color {
  background-color: var(--break-heading-color);
}

.hidden-modal-title {
  display: none; /* not sure why this wasn't already done, but here it is */
}

.btn.btn-borderless {
  border: none !important;
}
/* START NEW CHOOSE ACCOUNT STYLES */

.xy-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.xy-center-xs {
  display: flex;
  justify-content: center;
  align-items: center;
}

.y-center-xs {
  display: flex;
  justify-content: center;
}

.x-center-xs {
  display: flex;
  align-items: center;
}

/* small devices */
@media (min-width: 768px) {
  .xy-center-sm {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .y-center-sm {
    display: flex;
    justify-content: center;
  }

  .x-center-sm {
    display: flex;
    align-items: center;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .xy-center-md {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .y-center-md {
    display: flex;
    justify-content: center;
  }

  .x-center-md {
    display: flex;
    align-items: center;
  }
}

/* Large devices */
@media (min-width: 1200px) {
  .xy-center-lg {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .y-center-lg {
    display: flex;
    justify-content: center;
  }

  .x-center-lg {
    display: flex;
    align-items: center;
  }
}

/* END CHOOSE ACCOUNT STYLES */
.disabled-btn-tooltip {
  pointer-events: auto !important;
}
.disabled-btn-tooltip:hover {
  background-color: #3096b4 !important;
  border: 1px solid #3096b4 !important;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.signature-container {
  border: 1px solid #ccc;
  height: 150px;
  width: 450px;
}
.signature-container img {
  width: 450px;
}
/*Convert to SASS BM-626*/
.large.svnt-tooltip-inner {
  width: 350px;
  max-width: 100%;
  text-align: left;
}

#ClinicsUserSchedulingLimitForm .auto-saving-status {
  margin-top: 10px;
}

.clinic-patient-profile-clinic-form .media-box {
  overflow: visible; /* this seems to fix the dropdown menu? */
}
.agreements-container-row {
  margin-bottom: 225px;
}