:root {
  --black: #1C1C1C;
  --darkBlack: #000;
  --lighterGray: #BEBDBD;
  --lightGray: #F5F5F5;
  --gray: #D9D9D9;
  --darkGrey: #848484;
  --white: #FFF;
  --darkWhite: #F2F2F2;
  --green: #A5EB78;
  --darkGreen: #6BDE21;
  --red: #FF0000;
  --darkRed: #CC0000;
  --orange: #FFB629;
  --darkOrange: #E59700;
  --purple: #D4C9FF;
  --darkPurple: #AA95FF;
  --lightBlue: #D8F6FF;
  --blue: #CBFFF5;
  --darkBlue: #56D9C2;
  --pink: #FFCBCB;
  --darkPink: #FF8686;
}

.w-50 {
  width: 50px !important;
}

.w-75 {
  width: 75px !important;
}

body {
  font-family: 'Roboto', sans-serif;
}

section.content {
  background-color: rgba(249, 249, 249, 1);
}

.s-site-logo-img {
  /*content: url(/Content/Logo.webp);
  width: 5em;*/
}

#GridDiv, .s-Panel {
  padding: 1.25rem !important;
}

#s-LoginPage {
  background-image: url('/Content/fondo-login.jpg');
  background-size: cover;
  background-position: right top;
}

  #s-LoginPage h2 {
  }

.s-PermissionCheckEditor {
  min-height: 450px;
}

.s-horizontal-divider {
  margin: 1em 0;
  line-height: 0;
  text-align: center;
}

  .s-horizontal-divider span {
    background-color: var(--s-card-bg);
    padding: 1em;
  }

  .s-horizontal-divider:before {
    content: " ";
    display: block;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #f7f7f7;
  }

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

.estados .btn.inactivo {
  cursor: pointer;
  color: #0d6efd;
  background-color: #fff;
}

.estados .btn.activo {
  cursor: pointer;
  color: #fff;
  background-color: #0d6efd;
}

.pointer {
  cursor: pointer !important;
}

.progress {
  height: 40px;
  margin-bottom: var(--bs-card-spacer-y);
  font-size: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.obligatoria p:last-of-type {
  display: inline;
}

.obligatoria::after {
  content: "*";
  color: red;
  font-weight: bold;
  margin-left: 5px;
  display: inline;
}

p.texto-pregunta p {
  margin-bottom: 0;
}

.sort-dropdown .dropdown-item {
  padding: 0px 10px 0px 30px;
  cursor: pointer;
}

  .sort-dropdown .dropdown-item.selected::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    color: var(--darkGreen);
    display: inline-block;
    width: 10px;
    margin-right: 10px;
  }

  .sort-dropdown .dropdown-item.selected {
    padding-left: 10px;
  }

.jquery2-form-select {
  display: block;
  width: 100%;
}

.hospital-select.is-invalid .select2-container {
  border: solid 1px #dc3545;
}

.form-control-sm,
.form-select-sm {
  width: 100%;
}

  .was-validated .form-control-sm:invalid,
  .form-control-sm.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }

  .was-validated .form-select-sm:invalid,
  .form-select-sm.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.75em + 0.75rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }

.select2-container {
  background-color: #FFF;
  border: 1px solid var(--bs-border-color);
}

.select2-container-active {
  border: 1px solid rgba(0, 123, 255, 1);
  box-shadow: none !important;
}

  .select2-container-active .select2-choice {
    box-shadow: none !important;
  }

.select2-container .select2-choice {
  background-image: none;
  border: none;
}

  .select2-container .select2-choice .select2-arrow {
    background: none;
    border-left: none;
  }

    .select2-container .select2-choice .select2-arrow b {
      background: none;
      background-image: none !important;
    }

      .select2-container .select2-choice .select2-arrow b::after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 0.75rem;
        color: #000;
      }

.select2-container .select2-choice {
  background: none;
}

.select2-results .select2-no-results,
.select2-results .select2-searching {
  color: #666;
  background-color: transparent;
  font-style: italic;
}

.select2-container .select2-choice abbr.select2-search-choice-close {
  right: 25px;
  top: 6px;
  background-image: none !important;
}


.select2-container-multi .select2-choices {
  /*  height: 25px !important;*/
  border: none;
  background-image: none;
}

.select2-choices .select2-search-choice-close {
  width: 15px;
}

.select2-search-choice-close::after {
  font-size: 1rem;
  width: 15px;
  height: 15px;
  background-image: none !important;
  color: black;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 0;
}

.select2-search::after {
  content: none;
}

.buscador .select2-container.seleccionado .select2-choice abbr, #destinatario-info .select2-container .select2-choice abbr {
  display: inline-block;
}

.web-publica #header {
  background-color: #FFF;
  color: #000;
  padding: 35px 0;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .web-publica #header {
    padding: 5px 0;
  }
}

.web-publica {
  background-color: #e5f6fe;
}

  .web-publica #header .s-sidebar-band-branding {
    position: relative;
    transform: none;
    bottom: 0;
    letter-spacing: -1.26px;
  }

    .web-publica #header .s-sidebar-band-branding a {
      color: #000;
      text-decoration: none;
      font-weight: 700;
    }

    .web-publica #header .s-sidebar-band-branding h1 {
      white-space: normal;
    }

.s-sidebar-section-title {
  color: var(--s-card-title);
}

.s-sidebar-link-text {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#EncuestaRespuesta .preguntas {
  border: 1px solid var(--s-card-border);
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  border-radius: 5px;
  margin-top: 20px;
}

ul.cke_panel_list {
  list-style-type: none;
}

.cke_panel_list {
  background-color: red;
}

td div.accion {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 5px;
}

/* BARRA LATERAL */

.s-sidebar {
  box-shadow: none;
  border-right: 1px solid rgba(0, 123, 255, 1);
}

input#s-sidebar-search-input {
  background-color: #F9F9F9;
  border: none;
  border-radius: 20px;
  padding: 10px;
}

.s-sidebar-search-icon {
  right: 0;
  top: 8px;
  left: auto;
  font-size: 25px;
}

  .s-sidebar-search-icon:before {
    background-color: #007BFF;
    color: #FFF;
    border-radius: 20px;
    padding: 8px;
  }

/* DASHBOARD */

#EstadisticasHome .s-dashboard-card-sm .icon {
  position: initial !important;
  margin-right: 10px;
  font-size: 25px !important;
  color: #FFF !important;
}

  #EstadisticasHome .s-dashboard-card-sm .icon i {
    background: rgba(157, 205, 255, 0.75);
    padding: 3px;
    border-radius: 5px;
  }

#EstadisticasHome .s-dashboard-card-sm {
  background: linear-gradient(255.46deg, #007AFF 15.04%, #016EE4 40.19%, #0169DB 65.84%);
  color: #FFF;
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
}

  #EstadisticasHome .s-dashboard-card-sm .card-body {
    padding: 0;
  }

  #EstadisticasHome .s-dashboard-card-sm h3 {
    margin: 0;
    font-size: 40px;
    font-weight: 500;
  }


#listadoEncuestasHome .card,
#EncuestaWizard .card {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

#EncuestaWizard .wizard-horz {
  background-color: #FFF;
  border: none;
  box-shadow: none;
  padding: 20px;
}

#EncuestaWizard .card-header {
  background: none;
  box-shadow: none;
  border: none;
  font-weight: bold;
}

#EncuestaWizard .wizard-horz .wizard-grid {
  overflow: visible;
}

#listadoEncuestasHome .card-title, #EncuestaWizard .card-title {
  font-weight: bold;
  margin: 0;
}

.paginador .btn {
  background-color: #FFF;
  color: rgba(0, 123, 255, 1);
  border: none;
  margin-right: 5px;
  padding: 6px 8px;
  border-radius: 5px;
  line-height: 14px;
}

  .paginador .btn.paginas {
    color: #000;
  }

  .paginador .btn:disabled {
    color: rgba(222, 222, 222, 1);
  }

.tabla-arsalud {
  background-color: #FFF;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

  .tabla-arsalud tbody tr {
    border-bottom: 1px solid rgba(53, 68, 78, 0.1);
  }

    /*  .tabla-arsalud tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
  }*/

    .tabla-arsalud tbody tr:nth-child(even) td {
      background-color: rgba(139, 177, 205, 0.1);
    }

  /*  .tabla-arsalud tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
  }*/

  .tabla-arsalud thead th {
    white-space: nowrap;
    background-color: transparent;
    border: none;
    font-size: 1.1rem;
  }

  .tabla-arsalud tfoot th {
    background-color: transparent;
    border: none;
  }

#listadoEncuestasHome thead th {
  font-size: 1.4rem;
}

.tabla-arsalud td {
  background-color: transparent;
  border: none;
}

  .tabla-arsalud td a {
    text-decoration: none;
  }

span.borrada,
span.creada {
  font-weight: bold;
}

span.enprogreso {
  font-weight: bold;
  color: rgba(11, 205, 118, 1);
}

span.enviada,
span.finalizada,
span.finalizadayacabada {
  font-weight: bold;
  color: rgba(0, 123, 255, 1);
}

.btn-primary {
  background: rgba(0, 123, 255, 1);
  border-radius: 12px;
  padding: 8px 16px;
  line-height: 14px;
}

.btn-blue-light {
  color: #007BFF;
  background: #CCE5FF;
  border-radius: 12px;
  padding: 3px 16px;
  line-height: 14px;
}

  .btn-blue-light:active {
    color: #007BFF !important;
    background: #CCE5FF !important;
    border: none !important;
  }

  .btn-blue-light:hover {
    color: #007BFF;
    background: #CCE5FF;
  }

.btn-secondary {
  border-radius: 12px;
  padding: 8px 16px;
  line-height: 14px;
}

.btn-outline-primary {
  border-color: rgba(0, 123, 255, 1);
  color: rgba(0, 123, 255, 1);
  border-radius: 12px;
  line-height: 14px;
  padding: 8px 16px;
}

#EncuestaWizard .tipo-encuesta {
  border: 1px solid rgba(0, 123, 255, 1);
  color: rgba(0, 123, 255, 1);
  border-radius: 12px;
  line-height: 14px;
  padding: 4px 8px;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 20px;
}

input.form-control,
textarea.form-control,
input.form-control-sm,
textarea.form-control-sm,
select.form-select,
select.form-select-sm {
  /*border: 1px solid rgba(0, 123, 255, 1);*/
  line-height: normal;
  min-height: 26px;
}

  input.form-control:focus,
  textarea.form-control:focus,
  input.form-control-sm:focus,
  textarea.form-control-sm:focus,
  select.form-select:focus,
  select.form-select-sm:focus {
    border: 1px solid rgba(0, 123, 255, 1);
    box-shadow: none !important;
  }

input[type='text']:disabled,
select:disabled,
textarea:disabled {
  background-color: rgba(249, 249, 249, 1) !important;
}

.btn-wizard-steps {
  border: none;
  background-color: transparent;
  color: rgba(0, 123, 255, 1);
}

  .btn-wizard-steps:disabled {
    color: rgba(222, 222, 222, 1);
  }

div.div-fijo {
  position: sticky;
  top: 119px;
  z-index: 1000;
  background-color: white;
  border-bottom: 1px solid rgba(0, 123, 255, 1);
}

@media (max-width: 1200px) {
  div.div-fijo {
    top: 48px;
  }
}


/****  CABECERA *****/

section.relative {
  position: relative;
  padding-top: 140px;
}

.main-header {
  background-color: #FFF;
  padding: 24px 32px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  border-bottom: 1px solid rgba(0, 123, 255, 1);
}

  .main-header .fecha {
    color: rgba(137, 137, 137, 1);
  }

s-sidebar-band-icon fa fa-user
.main-header .fecha::first-letter {
  text-transform: uppercase;
}

.main-header .user-menu > a > i {
  color: #000;
  font-size: 35px;
  background-color: #f0f0f0;
  border-radius: 50px;
  padding: 5px;
  margin-right: 20px;
}

h4 .modal-content {
  font-size: 14px;
  font-weight: 400;
}

.accordion {
  padding: 0;
}

.button-alert {
  background-color: #f8d7da;
  padding: 1rem;
  border-radius: 5px !important;
  color: #58151c;
}

.accordion-item.item-alert {
  border-color: #f1aeb5;
}

.accordion-button.button-alert::after {
  background-color: transparent;
  content: '' !important;
  margin-left: 20px;
}

.alert.alert-destinatario {
  border-color: #f1aeb5;
  border-width: 1px !important;
  border-radius: 5px !important;
}

.break-word {
  word-break: break-all;
  white-space: normal;
}