#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .evoltia-appointment-web form .panel-group {
  margin: 12px; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .evoltia-appointment-web .users-picker {
  height: 160px;
  overflow-y: scroll; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .evoltia-appointment-web .intervalo input {
  display: inline-block;
  margin: 8px;
  width: 5rem; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .panel-toggle {
  padding: 1rem;
  border-bottom: 1px solid #eee; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .form-group {
  width: 100%; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .menu-calendar {
  background-color: grey;
  padding: 10px;
  margin-bottom: 5px; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .full-calendar {
  padding: 1rem; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .menuPrincipal {
  padding: 1rem; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .navbar-nav-calendar .nav-item {
  padding: 1rem; }
  #p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .navbar-nav-calendar .nav-item .lexicon-icon {
    margin-right: 0.7rem; }
  #p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .navbar-nav-calendar .nav-item .label {
    margin-left: 0.8rem; }

#p_p_id_com_evoltia_appointment_portlet_EvoltiaAppointmentWebPortlet_ .dropdown-menu .dropdown-item.active {
  pointer-events: initial;
  color: red; }

.menu-filter-calendar .btn-outline-secondary:active, .menu-filter-calendar .btn-outline-secondary.active {
  color: green; }

.dropdown-menu .dropdown-item.active {
  color: green; }

.calendar-tooltip {
  font-size: 12px;
  width: 100%; }

.calendar-tooltip .booked-online {
  background-color: #82a775;
  border-radius: 5px;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 5px; }

.calendar-tooltip .list-item {
  border-bottom: 1px dotted #d0d0d0;
  padding: 10px; }

.calendar-tooltip .list-item .title {
  display: inline-block;
  font-weight: 700;
  vertical-align: top;
  width: 90px; }

.calendar-tooltip .list-item .body {
  display: inline-block;
  font-weight: 100;
  width: calc(100% - 104px); }

.calendar-tooltip .list-item .service-color {
  padding: 4px; }

.calendar-tooltip .section-title {
  font-size: 14px; }

.calendar-tooltip .section-title i {
  margin-right: 5px; }

.calendar-tooltip .avatar {
  background-color: #6882b0;
  color: #ffffff;
  padding: 3px; }

.calendar-tooltip .list-item.customer i {
  margin-right: 5px; }

.calendar-tooltip .list-item.customer .body {
  width: 90%; }

.tooltip-actions i {
  margin: 5px;
  cursor: pointer; }

.portlet-body .evoltia-appointment-web {
  min-height: 40rem; }
  .portlet-body .evoltia-appointment-web .header {
    margin-top: 0.5rem;
    background-color: var(--body-bg);
    font-size: 120%;
    padding: 10px; }
    .portlet-body .evoltia-appointment-web .header i {
      margin: 6px;
      cursor: pointer; }
    .portlet-body .evoltia-appointment-web .header label {
      color: var(--body-color);
      margin: 0;
      padding-left: 0.5rem; }
  .portlet-body .evoltia-appointment-web .subheader {
    background-color: #e6e6e7;
    font-size: 90%;
    padding: 6px; }
    .portlet-body .evoltia-appointment-web .subheader label {
      margin: 0;
      padding: 7px 0 7px 16px;
      font-weight: bold;
      font-size: 1rem;
      color: #505a5e; }
    .portlet-body .evoltia-appointment-web .subheader .servicio-data {
      background: #ffffff;
      margin: 10px;
      padding: 12px 1rem;
      line-height: 1.5rem; }
  .portlet-body .evoltia-appointment-web .cita-previa-date-picker {
    margin: 32px; }
    .portlet-body .evoltia-appointment-web .cita-previa-date-picker input {
      text-align: center; }
    .portlet-body .evoltia-appointment-web .cita-previa-date-picker div.datepicker-calendar {
      margin: 0 10px 10px 0;
      font-size: .8em;
      padding: 5px; }
    .portlet-body .evoltia-appointment-web .cita-previa-date-picker abbr[title] {
      text-decoration: none; }
  .portlet-body .evoltia-appointment-web .cita-previa-dia-sin-disponibilidad {
    margin: 60px 0;
    text-align: center; }
  .portlet-body .evoltia-appointment-web ul.servicios-cita-previa, .portlet-body .evoltia-appointment-web ul.cita-previa-next-days {
    padding: 0;
    margin: 0rem 1rem; }
  .portlet-body .evoltia-appointment-web .servicios-cita-previa li {
    border: 1px solid #b6babd;
    border-radius: 3px;
    list-style-type: none;
    margin: 5px; }
    .portlet-body .evoltia-appointment-web .servicios-cita-previa li .descripcion {
      font-weight: 100;
      margin-top: 10px;
      margin-bottom: 10px; }
  .portlet-body .evoltia-appointment-web .servicios-cita-previa a.btn {
    background: none;
    cursor: pointer;
    min-height: 50px;
    padding: 1rem 0 0 0.75rem;
    text-align: left;
    width: 100%; }
  .portlet-body .evoltia-appointment-web .servicios-cita-previa i {
    background-color: #999;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    padding: 10px 6px;
    margin: 0rem 0.5rem 0.5rem 0rem;
    transition: 0.3s; }
  .portlet-body .evoltia-appointment-web .servicios-cita-previa i:hover {
    background-color: var(--body-bg);
    color: var(--body-color); }
  .portlet-body .evoltia-appointment-web .cita-previa-next-days li {
    list-style-type: none;
    margin: 5px; }
  .portlet-body .evoltia-appointment-web .cita-previa-next-days a.btn {
    background-color: #999;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    min-height: 40px;
    padding: 10px 1rem;
    text-align: left;
    transition: 0.3s;
    width: 100%; }
  .portlet-body .evoltia-appointment-web .cita-previa-next-days a.btn:hover {
    background-color: var(--body-bg);
    color: var(--body-color);
    text-decoration: none; }
  .portlet-body .evoltia-appointment-web .cita-previa-slot {
    margin: 5px 0;
    text-align: center; }
    .portlet-body .evoltia-appointment-web .cita-previa-slot a.btn {
      background-color: #999;
      border-radius: 2px;
      color: #ffffff;
      cursor: pointer;
      font-size: 80%;
      padding: 8px 0;
      transition: 0.3s;
      width: 100%; }
  .portlet-body .evoltia-appointment-web .cita-previa-slot:hover a.btn {
    background-color: var(--body-bg);
    color: var(--body-color);
    text-decoration: none; }
  .portlet-body .evoltia-appointment-web .confirmar-cita-message {
    margin: 2rem 16px;
    text-align: center; }
  .portlet-body .evoltia-appointment-web .confirmar-cita-previa {
    padding: 0 20px; }
  .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row {
    line-height: 14px;
    font-size: 12px;
    border-top: 1px solid #d4d6d7;
    padding: 10px 60px 10px 0;
    position: relative; }
  .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.cita-previa-duracion {
    border: 1px solid #b6babd;
    border-radius: 16px;
    float: right;
    padding: 5px; }
  .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.no-bordered {
    border: none; }
  .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title {
    padding: 10px 0;
    border-top: 0px;
    margin-top: 1rem; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .col-md-12 {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:before {
      border-color: #000000; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title {
      line-height: 12px;
      overflow: hidden;
      color: #000;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label {
      display: inline-block;
      position: relative; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:before, .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:after {
      border-color: #000000; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:before {
      margin-right: 8px;
      right: 100%; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:after {
      margin-left: 8px;
      left: 100%; }
    .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:after, .portlet-body .evoltia-appointment-web .confirmar-cita-previa div.row.lined-title .cont-lined-title .cont-lined-title__label:before {
      width: 520px;
      height: 6px;
      content: "";
      border-bottom: 1px solid #000;
      position: absolute;
      top: 0; }
  .portlet-body .evoltia-appointment-web .save-buttons button {
    width: 100%; }
  .portlet-body .evoltia-appointment-web .cita-previa-success {
    margin-top: 5em;
    text-align: center; }
    .portlet-body .evoltia-appointment-web .cita-previa-success i {
      color: #83a676;
      font-size: 48px;
      margin-bottom: 8px; }
    .portlet-body .evoltia-appointment-web .cita-previa-success .success {
      color: #83a676;
      font-size: 16px;
      font-weight: 500; }
  .portlet-body .evoltia-appointment-web .cita-previa-sin-fechas-disponibles {
    background-color: #e6e6e7;
    color: #000000;
    font-size: 80%;
    height: 120px;
    padding: 6px;
    text-align: center; }
    .portlet-body .evoltia-appointment-web .cita-previa-sin-fechas-disponibles div {
      position: relative;
      top: 20%;
      -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
      transform: translateY(-20%); }
    .portlet-body .evoltia-appointment-web .cita-previa-sin-fechas-disponibles i {
      font-size: 180%; }
    .portlet-body .evoltia-appointment-web .cita-previa-sin-fechas-disponibles span {
      font-weight: 100; }
  .portlet-body .evoltia-appointment-web .cita-previa-terminos-condiciones {
    margin-top: 1rem; }
    .portlet-body .evoltia-appointment-web .cita-previa-terminos-condiciones .input-checkbox-wrapper {
      float: left; }
    .portlet-body .evoltia-appointment-web .cita-previa-terminos-condiciones input {
      display: inline-block;
      width: auto; }
    .portlet-body .evoltia-appointment-web .cita-previa-terminos-condiciones span {
      padding-left: 5px; }
  .portlet-body .evoltia-appointment-web .taglib-captcha {
    margin: 0px; }
    .portlet-body .evoltia-appointment-web .taglib-captcha img {
      height: 38px;
      top: 34px;
      position: relative; }
    .portlet-body .evoltia-appointment-web .taglib-captcha .refresh {
      padding-top: 40px;
      padding-left: 10px; }
    .portlet-body .evoltia-appointment-web .taglib-captcha .input-text-wrapper {
      float: right;
      width: 74%; }