@import url(/bukeala-static/scripts/backoffice/air-datepicker/css/datepicker.css);
@import url(/bukeala-static/v-1769785276/styles/custom/backoffice/template/air-datepicker-overrides.css);
@import url(/bukeala-static/v-1769785276/styles/panelita/utility.css);
@import url(/bukeala-static/v-1769785276/styles/panelita/components/bookingcard.css);
@import url(/bukeala-static/v-1769785276/styles/panelita/components/alert.css);
@import url(/bukeala-static/v-1769785276/styles/panelita/components/button.css);
@import url(/bukeala-static/v-1769785276/styles/panelita/components/dropdown.css);
@import url(/bukeala-static/v-1769785276/styles/custom/hospitalbritanico/authorizations.css);

:root {
  --color-main: #004990;
  --color-main-dark: #00274D;
  --color-main-light: #D8EDFE;
  --color-main-accent: #0C57C7;
  --color-error: #FF3B3B;
  --color-error-dark: #E53535;
  --color-error-med: #FF5C5C;
  --color-error-light: #FF8080;
  --color-warning: #FFCC00;
  --color-warning-dark: #E5B800;
  --color-warning-med: #FDDD48;
  --color-warning-light: #FDED72;
  --color-info: #0063F7;
  --color-info-dark: #004FC4;
  --color-info-med: #004FC4;
  --color-info-light: #9DBFF9!important;
  --color-success: #06C270;
  --color-success-dark: #05A660!important;
  --color-success-med: #39D98A;
  --color-success-light: #57EBA1 15%;

  --color-bg-light: #F9FCFE;

  --color-grey-dark1: #3A3A3C;
  --color-grey-dark2: #6B7588;
  --color-grey-dark3: #8F90A6;
  --color-grey-dark4: #C7C9D9;
  --color-grey-light1: #DDE5E9;
  --color-grey-light2: #EBEBF0;
  --color-grey-light3: #F2F2F5;
  --color-grey-light4: #FAFAFC;

  --color-alert-text: #172B4D;
  --color-alert-blue-bg: #DEEBFF;
  --color-alert-green-bg: #E3FCEF;
  --color-alert-red-bg: #FFEBE6;
  --color-alert-yellow-bg: #FFFAE6;

  --input-color: var(--color-grey-dark1);
  --input-bg-color: var(--color-n0);
  --input-border-radius: var(--border-radius);
  --input-border-color: var(--color-grey-light1);

  --border-radius: 6px;
  --card-box-shadow: 0 1px 4px rgb(199 201 217 / 15%);

  --font-family: 'Open Sans';

  --filter-n0: brightness(0) invert(1);
  --filter-accent: brightness(0) invert(13%) sepia(64%) saturate(6787%) hue-rotate(211deg) brightness(100%) contrast(90%);
  /* #004990 */
  --filter-main: brightness(0) saturate(100%) invert(19%) sepia(40%) saturate(4704%) hue-rotate(195deg) brightness(92%) contrast(103%);

  --file-input-height: 36px;
  --top-nav-height: 60px;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'),
    url(/bukeala-static/fonts/custom/colsanitas/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 500;
  src: local('Open Sans'),
    url(/bukeala-static/fonts/custom/colsanitas/OpenSans-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: local('Open Sans'),
    url(/bukeala-static/fonts/custom/colsanitas/OpenSans-Bold.ttf) format('truetype');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: normal;
  text-rendering: geometricPrecision;
  /* letter-spacing: .5px; */
}

.hide {
  display: none !important;
}

.flex-h {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.flex-v {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.flex-v-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#hb-logo-container {
  height: 24px;
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/hblogo.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.loading-full {
  position: relative;
  min-height: 100px;
}

.loading-full:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  /* background-color: transparent; */
  background-color: var(--color-n0);
  width: 100%;
  height: 100%;
  z-index: 99;
  background-image: url(/bukeala-static/images/custom/gcbacovid/loading-grey.gif);
  background-position: center;
  background-size: 100px;
  background-repeat: no-repeat;
}

.btn-container {
  display: flex;
  gap: 24px;
}

.btn {
  height: 44px;
}

.btn.btn-default {
  background-color: var(--color-grey-light3);
  color: var(--color-grey-dark1);
}

.btn.btn-primary {
  --btn-bg-color: var(--color-main-accent);
  --btn-text-color: white;
}

.btn.btn-primary:hover {
  --btn-bg-color: var(--color-main-light);
  --btn-text-color: var(--color-main);
}

.btn.btn-primary:active,
.btn.btn-primary:focus {
  --btn-bg-color: var(--color-main-accent);
  --btn-text-color: white;
}

.btn.btn-secondary {
  --btn-bg-color: transparent;
  --btn-border-color: var(--color-main-accent);
  --btn-text-color: var(--color-main-accent);
}

.btn.btn-secondary:hover {
  --btn-bg-color: transparent;
  --btn-border-color: var(--color-main);
  --btn-text-color: var(--color-main);
}

.btn.btn-secondary:active,
.btn.btn-secondary:focus {
  --btn-bg-color: transparent;
  --btn-border-color: var(--color-main-dark);
  --btn-text-color: var(--color-main-dark);
}

.btn.btn-disabled {
  --btn-bg-color: var(--color-grey-light3);
  --btn-text-color: var(--color-grey-dark1);
}

.btn.btn-xsm {
  padding: 6px 12px;
}

.btn.btn-sm {
  padding: 12px 24px;
  font-size: 14px;
}

.btn.btn-md {
  padding: 14px 32px;
  font-size: 16px;
}

.btn.btn-md.loading {
  background-size: 40px;
}

.btn i {
  font-size: inherit;
}

.btn.loading {
  color: transparent;
  background-image: url(/bukeala-static/images/custom/backoffice/template/loading-white.gif);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}

.fav-checkbox input[type=checkbox] {
  display: none;
}

.fav-checkbox input[type="checkbox"]+.icon {
  width: 18px;
  height: 18px;
  background-image: url(/bukeala-static/images/icons/panelita/favorite_border.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  background-color: transparent;
  filter: var(--filter-accent);
}

.fav-checkbox input[type="checkbox"]:checked+.icon {
  background-image: url(/bukeala-static/images/icons/panelita/favorite.svg);
}

.alert .title {
  color: var(--color-alert-text);
}

h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: var(--color-main);
  margin-bottom: 8px;
}

.title-main {
	color: var(--color-main);
	font-size: 20px;
	font-weight: 600;
}

.text {
	color: var(--color-grey-dark2);
	font-size: 14px;
}

.breadcrumb {
  flex-wrap: wrap;
  padding-left: 3em;
  font-size: 12px;
  color: var(--color-grey-dark2);
  margin-bottom: 32px;
}

.breadcrumb span {
  white-space: nowrap;
}

.breadcrumb span:last-child {
  font-weight: 500;
  color: var(--color-main);
}

.breadcrumb .separator {
  margin: 0 8px;
  font-weight: normal;
}

.btn-back {
  margin: 8px 0 16px;
  padding: 0;
  color: var(--color-main-accent);
  font-size: 12px;
  font-weight: 600;
  height: 24px;
}

.btn-back .icon-container {
  --icon-size: 24px;
  filter: var(--filter-accent);
}

.btn-custom {
	padding: 0;
	color: var(--color-main-accent);
	font-size: 14px;
	font-weight: 600;
  	height: 40px;
}

.btn-custom.disabled {
	filter: var(--filter-n500);
}

.btn-custom .icon-container {
	--icon-size: 20px;
	filter: var(--filter-accent);
}

/* mensajes con imagen */
.msg {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* text-align: center; */
}

.msg .img-container {
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 42px;
  width: 128px;
  height: 100px;
}

.msg .button-container {
  margin-top: 42px;
}

.msg.success-msg .img-container {
  background-image: url(/bukeala-static/images/panelita/success.svg);
}

/* form elements */
form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-field {
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}

.form-field.vertical {
  flex-direction: column;
  align-items: flex-start;
}

.form-field.grow {
  flex-shrink: 0;
  flex-grow: 1;
}

.form-field.tall {
  align-items: flex-start;
}

/* compatibilidad ubuntu */
/* :not(.multiple-form-field .form-field) + .form-field {
  margin-top: 32px;
} */

/* .form-field + .form-field {
  margin-top: 32px;
} */

.form-field>label {
  max-width: var(--form-label-width);
  min-width: var(--form-label-width);
  color: var(--color-grey-dark1);
  text-align: right;
  margin-right: 24px;
  white-space: nowrap;
}

.form-field.vertical>label {
  max-width: 100%;
  text-align: left;
  margin-right: 0;
  margin-bottom: 16px;
}

.form-field>label.blue {
  color: var(--color-main);
}

.multiple-form-field .form-field+.form-field {
  margin-left: 1em;
}

.multiple-form-field .form-field+.form-field>label {
  min-width: fit-content;
  width: auto;
  margin-right: 1em;
}

.form-container.flex-v>.form-field+.form-field {
  margin-top: 1em;
}

.booking-file-upload .form-field {
  margin-top: 1em;
}

.form-field .separator {
  margin: 0 8px;
}

.form-field>input[type="text"],
.form-field textarea,
.form-field .chzn-container,
.form-field .chzn-container .chzn-single, 
.form-field select {
  flex-grow: 1;
  height: 40px;
  border-radius: 8px !important;
  
}

.form-field>input[type="text"],
/* evita resize de search del chosen */
.form-field textarea {
  width: 100%;
}

/* !important sólo para chosen */
/* .form-field .chzn-container,
.form-field .chzn-container .chzn-single {
  width: 100% !important;
} */

.form-field textarea {
  height: 6em;
  padding-top: 1em;
  resize: none;
}

.form-field:not(.vertical).error {
  margin-bottom: 8px;
}

/* .form-field .error-msg,
.form-field+.error-msg {
  position: absolute;
  top: 100%;
} */

.form-field>.error-msg {
  top: 100%;
}

.form-field .input-msg-container {
  width: calc(100% - var(--form-label-width));
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
}

.form-field .input-msg+.input-msg {
  margin-top: 0;
}

.form-field .error-msg img,
.error-customer img {
  margin-top: 1px;
  margin-right: 4px;
}

/* .form-field:not(.vertical) .error-msg {
  left: 160px;
} */

.form-field:not(.vertical) .input-msg-container {
  left: var(--form-label-width);
}

.radio-field label {
  color: var(--color-grey-dark1);
  font-size: 14px;
  margin-left: 8px;
}

input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-grey-dark4);
  background-color: var(--color-grey-light3);
}

input[type=radio].small,
input[type=checkbox].small {
  width: 16px;
  height: 16px;
}

input[type=radio].disabled,
input[type=radio][disabled],
input[type=checkbox].disabled,
input[type=checkbox][disabled] {
  opacity: .4;
  pointer-events: none;
}

input[type=radio] {
  border-radius: 50%;
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: var(--color-main-accent);
}

input[type=radio]:checked::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
}

input[type=checkbox] {
  border-radius: 4px;
}

input[type=checkbox]:checked::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('/bukeala-static/images/custom/hospitalbritanico/icons/check.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}

input[type=checkbox]+label {
  max-width: 100%;
  margin-left: 8px;
}

.chzn-container.time {
  width: 110px !important;
  flex-grow: 0;
}

input[type=text].date,
input[type=text].datepicker-input,
input[type=text].air-datepicker-input,
input[type=date].date {
  width: 152px !important;
  flex-grow: 0 !important;
  background-repeat: no-repeat;
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/calendar.svg);
  background-size: 24px;
  background-position: right 8px center;
  cursor: pointer;
}

input[type=text].search,
input[type=search].search {
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/search.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: right 8px center;
  border-radius: 4px;
}

input[type=text],
input[type=search],
textarea, select {
  border-radius: var(--border-radius);
  border: 1px solid var(--color-grey-light1);
  padding: 16px;
  background-color: white;
  font-family: var(--font-family);
  font-size: 14px;
  color: var(--color-grey-dark1);
  text-overflow: ellipsis;
}

input[type=text]:focus,
input[type=text]:active,
textarea:focus,
textarea:active,
.chzn-container-active .chzn-single,
.chzn-container-active .chzn-drop,
.chzn-container-single .chzn-search input:focus,
.chzn-container-single .chzn-search input:active {
  border-color: #99BBFF;
  box-shadow: 0 0 1px 1px #e3edff;
}

input[type=text].error,
input[type=text]:invalid,
textarea.error,
textarea:invalid {
  border-color: var(--color-error);
}

input[type=text].valid textarea.valid {
  border-color: var(--color-success-dark);
}

input[type=text][disabled],
input[type=text].disabled,
textarea.disabled,
.chzn-container-single.chzn-disabled .chzn-single,
input[type="text"][disabled].air-datepicker-input#dateCal {
  background-color: var(--color-grey-light1);
  border-color: transparent;
  color: var(--color-grey-dark1);
  opacity: .4;
}

input:focus,
textarea:focus,
button:focus {
  outline: 2px solid var(--color-grey-light1);
}

input~i.state {
  position: absolute;
  left: 32px;
}

.chzn-container-single .chzn-single, .chzn-container-multi .chzn-choices{
  border-radius: 8px !important;
}

.form-field.small {
  width: auto;
}

.form-field.vertical.small {
  margin-top: 0;
}

.form-field.vertical.small label {
  font-size: 14px;
  margin-bottom: 4px;
}

.form-field.small input[type="text"],
.form-field.small textarea,
.form-field.small .chzn-container,
.form-field.small .chzn-container .chzn-single {
  height: 32px;
  padding: 8px 32px 8px 16px;
}

.form-field.small .chzn-container-single .chzn-single span {
  height: 32px;
  line-height: 32px;
}

.form-field.small .chzn-container .chzn-single {
  font-size: 12px;
}

.form-field.small .chzn-container .chzn-drop {
  padding-top: 8px;
  top: 28px !important;
}

.form-field.small .chzn-container .chzn-results li {
  font-size: 12px;
  padding: 4px 4px 4px 16px !important;
}

.form-field.small .chzn-container-single .chzn-search input {
  font-size: 12px;
  padding: 4px 32px 4px 8px;
  height: 24px;
}

/*custom file input*/
.file-input-container {
  height: var(--file-input-height);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em 0;
}

.file-input-container form {
  flex-grow: 1;
}

.file-input-container input[type=file] {
  display: none;
}

.file-input-container label.styled-file-input {
  width: 100%;
  display: flex;
  align-items: center;
}

.file-input-container .btn {
  height: var(--file-input-height);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('/bukeala-static/images/custom/hospitalbritanico/icons/attach.svg');
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: left 8px center;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 16px 8px 32px !important;
  cursor: pointer;
  text-shadow: none;
  border: 0;
  margin: 0;
  z-index: 2;
}

.file-input-container .btn.loading {
  color: transparent;
  background-image: url(/bukeala-static/images/custom/backoffice/template/loading-white.gif);
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
}

/* .file-input-container .btn i {
  font-size: 20px;
  margin-right: 4px;
} */

.file-input-container .btn.loading span,
.file-input-container .btn.loading i {
  color: transparent !important;
}

.file-input-container .btn span {
  color: white !important;
}

.file-input-container .label-filename-container {
  height: var(--file-input-height);
  width: calc(100% - 100px);
  max-width: calc(100% - 100px);
  border-radius: var(--border-radius);
  border: 1px solid var(--color-grey-light1);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -6px;
  padding: 16px 56px 16px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: white;
  font-family: var(--font-family);
  font-size: 14px;
  color: var(--color-grey-dark1);
}

.file-input-container .label-filename-container.full {
  width: fit-content;
}

.file-input-container .label-filename {
  white-space: nowrap;
  color: #555;
}

.file-input-container label.error {
  bottom: 24px;
  left: 10px;
}

.file-input-container .file-input.error+.file-upload .label-filename-container {
  border-color: #ce543b !important;
}

/* agregar / sacar especialidades o procedimientos */
.form-field .add-btn,
.form-field .remove-btn {
  position: absolute;
  right: -32px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: var(--color-main-dark);
  cursor: pointer;
}

.form-field .add-btn::before,
.form-field .remove-btn::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  filter: var(--filter-n0);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}

.form-field .add-btn::before {
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/add.svg);
}

.form-field .remove-btn::before {
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/remove.svg);
}

.form-field .add-btn:hover,
.form-field .remove-btn:hover {
  background-color: var(--color-main-accent);
}

.form-field .add-btn a,
.form-field .remove-btn a {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
}

/* provisorio */
.form-field .add-btn img,
.form-field .remove-btn img {
  display: none;
}

.form-field.error .error-msg:not(.special-error-msg) {
  visibility: visible;
}

.form-field .error-msg,
.form-field+.error-msg,
.error-customer {
  visibility: hidden;
  display: flex;
  align-items: flex-start;
  margin-top: 4px;
  color: var(--color-error);
  font-size: 12px;
}

.error-msg.special-error-msg:not(.visible) {
  display: none;
}

.form-field .input-msg {
  font-size: 12px;
  margin-top: 4px;
}

/* .form-field */

.error-customer {
  visibility: visible;
}

.form-field+.error-msg {
  position: relative;
  top: 0;
  display: flex;
  align-items: flex-start;
}

.form-field .error-msg.visible,
.form-field+.error-msg.visible {
  visibility: visible;
}

.form-field.error .error-msg img,
.form-field+.error-msg img {
  margin-right: 4px;
}

.form-field.error input[type=text]:not(.chzn-search input) {
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/input-error.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.form-field.error input[type=text]:not(.chzn-search input),
.form-field.error .chzn-single {
  border-color: var(--color-error);
}

/* date input calendar */
/* .calendario {
  text-align: center;
  max-width: 310px;
  margin: 0 auto
} */

#caltitle {
  width: 100%;
  padding-top: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-n800);
  position: relative;
  display: flex !important;
  justify-content: center;
}

[id^=calroot],
.calendar-content {
  width: 319px;
  z-index: 10000;
  padding: 10px;
  font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
  color: var(--color-grey-dark1);
  white-space: nowrap;
  background: var(--color-n0);
  margin-top: 4px;
  border-radius: var(--border-radius);
  border: 1px solid var(--color-grey-light1);
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

#calroot {
  width: 100%;
  max-width: 260px;
  margin: .5em auto 0;
  box-shadow: 0 3px 5px rgb(9 30 66 / 20%), 0 0 1px rgb(9 30 66 / 31%);
}

.modal #calroot {
  max-width: 305px;
}

#calhead,
.monthNav {
  position: relative;
  margin-bottom: 16px;
}

.monthNav strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px
}

a#calprev,
a#calnext,
.monthNav a.prev,
.monthNav a.next,
.toolbar a.date-prev,
.toolbar a.date-next {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  z-index: 10;
  cursor: pointer;
}

#calprev,
.monthNav a.prev,
.toolbar a.date-prev {
  background-image: url(/bukeala-static/images/icons/panelita/chevron-left.svg);
  left: 0;
}

#calnext,
.monthNav a.next,
.toolbar a.date-next {
  background-image: url(/bukeala-static/images/icons/panelita/chevron-right.svg);
  right: 0;
}

#calprev.caldisabled,
#calnext.caldisabled {
  opacity: .4;
  cursor: default;
}

.calweek a,
.calendar td.day {
  border: 2px solid transparent;
  border-radius: 3px;
  padding: 5px 0 4px 0;
  background: var(--color-n0);
  color: var(--color-n800);
  font-size: 12px;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  position: relative;
}

#calcurrent,
.calfocus,
.calendar td.today {
  color: var(--color-main-accent);
  box-shadow: none;
  font-weight: 500;
}

#calcurrent::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 3px;
  height: 2px;
  width: calc(100% - 8px);
  background-color: var(--color-main-accent);
}

.calendar td.today .day {
  text-shadow: none
}

#calhead {
  margin: 4px 0 8px;
  display: flex;
  align-items: center;
}

/* #caldays span,
.calweek a,
.calendar th {
  text-align: center;
  font-size: 10px;
  color: var(--color-grey-dark1);
  border-right: 1px solid transparent;
} */

#caldays {
  margin-bottom: 8px;
}

#caldays span,
.calweek a {
  display: inline-block;
  width: 14.2%;
  max-width: 40px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid transparent;
  color: var(--color-grey-dark1);
  padding: 4px;
  border-radius: 3px;
  position: relative;
}

#caldays span {
  color: var(--color-grey-dark3);
  font-weight: bold;
}

#caldays span:first-child {
  border-left: 1px solid transparent;
}

.calweek:first-child {
  margin-top: 4px;
}

.calweek a:not(.caloff):not(.caldisabled):hover,
.calfocus {
  border-color: var(--color-main-accent);
}

.calweek a.caloff,
.calweek:hover a.caloff,
.calweek a.caldisabled,
.calweek:hover a.caldisabled,
.calendar td.padding,
.calendar td.disabled,
.calendar td.disabled:hover {
  color: var(--color-grey-dark3);
  cursor: default;
}

/* datepicker fecha de nacimiento */
#calroot-bdate #calprev,
#calroot-bdate #calnext,
#calroot-bdate #caldays {
  display: none !important;
}

#calroot-bdate #caltitle {
  justify-content: space-between;
  flex-direction: row-reverse;
  font-weight: 500;
}

#calroot-bdate .calweek a {
  height: 32px;
  width: 43px;
  max-width: unset;
  font-size: 14px;
}

#calroot-bdate #calcurrent::after {
  left: 4px;
}

#calroot-bdate #calmonth_chzn {
  flex-grow: 1;
  margin-left: 8px;
}

#calroot-bdate .chzn-container-single .chzn-single div b {
  background-size: 16px;
}

#calroot-bdate #caltitle .chzn-container-single .chzn-single div {
  width: 24px;
}

#calroot-bdate #caltitle .chzn-container .chzn-results li {
  padding: 8px 16px !important;
  text-align: left;
}

#calroot-bdate #calyear_chzn {
  width: 75px !important;
  min-width: 75px !important;
}

#calroot-bdate #calmonth_chzn {
  width: 120px !important;
  min-width: 120px !important;
}

.calendar-content {
  max-width: 520px;
  min-width: 410px;
  margin: 15px auto;
  font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
}

.calendar-top {
  position: relative;
  margin-bottom: 5px
}

.calendar-content .icon-filter {
  width: 24px;
  height: 24px;
  background-image: url(/bukeala-static/images/custom/backoffice/template/filter-icon.png);
  display: block;
  background-position: 26px -1px;
  position: absolute;
  right: 0px;
  top: -2px;
  border: 1px solid #CCC;
  border-radius: 5px;
}

.calendar-content .monthNav {
  width: 250px;
  margin: 0 auto
}

.calendar-content .monthNav strong {
  margin: 0
}

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

.calendar th {
  border-bottom: 1px solid #959BA1;
  width: 14.2%
}

.calendar td {
  vertical-align: top;
  padding: 0 !important;
  border-collapse: collapse;
  height: 60px;
  background: #e6e9eb;
  border-bottom: 1px solid #959BA1;
  border-right: 1px solid #959BA1;
  box-shadow: 1px 1px 1px #FFFFFF inset;
  font-size: 12px
}

.calendar td:first-child {
  border-left: 1px solid #959BA1
}

.calendar span.day {
  display: block
}

.calendar td.day:hover {
  background-color: #f7f7f7
}

.calendar td.day>a {
  display: block;
  height: 100%;
}

.calendar td span.people {
  display: block;
  font-size: 32px;
  display: inline;
  color: #53585D
}

.calendar td span.day {
  display: block;
  font-size: 13px;
  padding: 5px 05px 0 5px;
  text-align: left;
  text-shadow: 1px 1px 1px #FFFFFF;
  color: #53585D
}

.calendar td.today span.people,
.calendar td.today span.day {
  color: #FFF
}

.calendar td.date_has_event {
  background-position: -81px 0px;
}

.calendar td.date_has_event:hover {
  background-color: #f7f7f7;
  -webkit-transition: background-color 3000ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.calendar td.date_has_event .day,
.calendar td.today .day {
  background: url(/bukeala-static/images/custom/backoffice/template/config.png) 92% 7px no-repeat;
}

.calendar .popover.top {
  margin-top: -5px !important
}

/* VER SI CONVIENE UNIFICAR con cards de turno */
/* cards m�dicos favoritos */
.card {
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--card-box-shadow);
  color: var(--color-grey-dark1);
  padding: 24px 40px;
  border-radius: 8px !important;
}

input.favorites-search {
  width: 100%;
}

.favorites-list>div {
  width: 100%;
}

.card.favorite .icon {
  margin-right: 24px;
}

.card.favorite .icon img {
  width: 64px;
  height: 64px;
}

.card.favorite .title .name {
  font-weight: 500;
  margin-bottom: 8px;
}

.card.favorite .area {
  align-items: flex-start;
}

.card.favorite .area span {
  font-size: 12px;
}

.card.favorite .title {
  width: 100%;
  padding-right: 24px;
}

.card.favorite .title span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card.favorite .btn-container {
  margin: auto;
  flex-shrink: 0;
}

.list .card {
  width: 100%;
}

.booking-card .right .bottom .line .icon-container {
  filter: var(--filter-main);
  margin-top: 2px;
}

.booking-card~.sub-card .form-field.error .error-msg {
  top: 0;
  bottom: unset;
}

/* estados de cards */
.booking-card.pending-data .left {
  background: var(--color-error-med);
}

.booking-card.pending .left {
  background: var(--color-success-dark);
}

.booking-card.admitted .left {
  background: var(--color-warning-dark);
}

.booking-card.ended .left {
  background: var(--color-info-light);
}

.booking-card.canceled .left {
  background: var(--color-grey-dark2);
}

.booking-card.not-assisted .left {
  background: var(--color-grey-light3);
  color: var(--color-grey-dark3);
}

.booking-card.not-assisted .left .status {
  border-color: var(--color-grey-dark3);
}

.booking-card.not-assisted .left button.show-actions {
  background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/chevron-down.svg);
}

.booking-card.ended .right,
.booking-card.ended .actions .action,
.booking-card.canceled .right,
.booking-card.canceled .actions .action,
.booking-card.not-assisted .right,
.booking-card.not-assisted .actions .action {
  filter: grayscale(1) opacity(0.7);
}

.booking-card span.map {
  margin-left: 8px;
}

#myBookings .sub-card .chzn-results {
  max-height: 200px;
}

.booking-card .preparation-header {
  color: var(--color-main-accent);
}

.booking-card .preparation-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.booking-card .preparation-detail {
  font-weight: 400;
}

#findCustomerForm input[type=text].datepicker-input,
#findCustomerForm input[type=text].air-datepicker-input,
#addCustomerForm input[type=text].datepicker-input,
#addCustomerForm input[type=text].air-datepicker-input {
  width: 100% !important;
}

#empresaSelect {
	appearance: none;
    background-image: url(/bukeala-static/images/custom/hospitalbritanico/icons/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 24px;
}

.booking-card~.sub-card .form-field.checkbox-field>label {
	white-space: normal;
}

.confirm-form .form-field .input-msg-container {
	position: static;
	width: 100%;
}

.confirm-form #telefono1,
.confirm-form #telefono2 {
	width: 50%;
	align-items: flex-start;
}

.confirm-form .phones-container {
	flex-direction: row;
	align-items: stretch;
}

.confirm-form .multiple-form-field.phones-container #telefono2.form-field  {
	margin-top: 0;
}

.confirm-form #bookingPhone2,
.confirm-form #bookingCellPhone,
.confirm-form #bookingEmail,
.confirm-form #bookingName {
	height: 40px;
	width: 100%;
	padding: 0 16px;
}

.confirm-form #bookingEmail,
.confirm-form #bookingName {
	max-width: 520px;
}

.confirm-form #bookingPhone2,
.confirm-form #bookingCellPhone {
	width: 100%;
}

.confirm-form .form-field .input-msg {
	margin-top: 0;
}

.confirm-form #telefono1 > label,
.confirm-form #telefono2 > label,
.confirm-form #email > label {
	padding-top: 10px;
}

.confirm-form .multiple-form-field > #telefono1.form-field.error:first-child {
	margin-bottom: 0;
}

#bookingError.bookingError {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#bookingError.bookingError .alert {
	margin-bottom: 0;
	width: 100%;
	min-height: 50px;
}

#bookingError.bookingError .btn-container{
	margin-top: 0;
	align-self: flex-end;
}

.confirm-form #email {
	align-items: flex-start;
}

.iti__tel-input {
	width: 100%;
	height: 40px;
}

.iti .iti__search-input {
	padding: 9px 12px;
}

.iti.iti--inline-dropdown .iti__dropdown-content {
	z-index: 10;
}

#results .prev-booking {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#alertParticularHB .text,
#alertParticularHB .text a {
	font-size: 12;
}

#alertParticularHB .text a {
	padding: 0;
	border: unset;
	margin-top: 0;
	color: #0c57c7;
}

/* Responsive */
@media screen and (max-width: 1000px) {
  .card.favorite {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px !important;
  }
}

@media screen and (max-width: 465px) {
  :not(.multiple-form-field .form-field):not(.form-row .form-field)+.form-field {
    margin-top: 24px;
  }

  .form-field.vertical>label {
    margin-bottom: 8px;
  }

  /* input[type=text] {
    padding: 16px !important;
  } */

  .chzn-container-single .chzn-single {
    padding: 16px 32px 16px 16px !important;
  }
}