.dx8-tabs {
  background-color: #dbdbdb;
}

@media screen and (min-width: 37.5em) {
  .dx8-tabs {
    height: auto;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
  }
}

.dx8-tabs li a {
  color: #000;
  background: #cecece;
  display: block;
  font-size: 0.929em;
  padding: 11px 20px;
}

.dx8-tabs li a:hover {
  background: #b3b3b3;
}

.dx8-tabs li.is-active a {
  background: #f1f1f1;
  pointer-events: none;
}

@media screen and (max-width: 37.5em) {
  .dx8-tabs li {
    display: block;
    margin: 0;
  }
}

@media screen and (min-width: 37.5em) {
  .dx8-tabs li {
    display: block;
    float: left;
    vertical-align: bottom;
    margin: 0 1px 0 0;
  }

  [dir="rtl"] .dx8-tabs li {
    margin: 0 0 0 1px;
    float: right;
  }
}

#user-login-form,
#user-register-form,
#user-pass,
#search-form,
#search-block-form {
  border: 1px solid #dbdbdb;
  margin-top: -1px;
  margin-bottom: 15px;
  padding: 15px 30px;
}

#user-login-form .form-item,
#user-register-form .form-item,
#user-pass .form-item,
#search-form .form-item,
#search-block-form .form-item {
  padding: 15px 0;
}

#user-login-form .form-item .description,
#user-register-form .form-item .description,
#user-pass .form-item .description,
#search-form .form-item .description,
#search-block-form .form-item .description {
  margin-top: 10px;
}

#user-login-form .form-actions,
#user-register-form .form-actions,
#user-pass .form-actions,
#search-form .form-actions,
#search-block-form .form-actions {
  padding: 15px 0;
}

#user-login-form label,
#user-register-form label,
#user-pass label,
#search-form label,
#search-block-form label {
  display: table;
  margin-bottom: 10px;
}

#user-login-form input,
#user-login-form select,
#user-register-form input,
#user-register-form select,
#user-pass input,
#user-pass select,
#search-form input,
#search-form select,
#search-block-form input,
#search-block-form select {
  max-width: 100%;
}

#user-login-form details.form-wrapper,
#user-register-form details.form-wrapper,
#user-pass details.form-wrapper,
#search-form details.form-wrapper,
#search-block-form details.form-wrapper {
  border-bottom-width: 0;
  margin: 15px 0;
}

#user-login-form details.form-wrapper .dx8-details-content,
#user-register-form details.form-wrapper .dx8-details-content,
#user-pass details.form-wrapper .dx8-details-content,
#search-form details.form-wrapper .dx8-details-content,
#search-block-form details.form-wrapper .dx8-details-content {
  border: 1px solid #dbdbdb;
  border-top: 0;
  padding: 15px 30px;
}

#user-login-form details.form-wrapper .dx8-details-content fieldset,
#user-register-form details.form-wrapper .dx8-details-content fieldset,
#user-pass details.form-wrapper .dx8-details-content fieldset,
#search-form details.form-wrapper .dx8-details-content fieldset,
#search-block-form details.form-wrapper .dx8-details-content fieldset {
  border: 0;
}

#user-login-form details.form-wrapper .dx8-details-content legend,
#user-register-form details.form-wrapper .dx8-details-content legend,
#user-pass details.form-wrapper .dx8-details-content legend,
#search-form details.form-wrapper .dx8-details-content legend,
#search-block-form details.form-wrapper .dx8-details-content legend {
  position: relative;
  top: 15px;
  padding: 10px 0;
}

#user-login-form details.form-wrapper .dx8-details-content>fieldset>legend,
#user-register-form details.form-wrapper .dx8-details-content>fieldset>legend,
#user-pass details.form-wrapper .dx8-details-content>fieldset>legend,
#search-form details.form-wrapper .dx8-details-content>fieldset>legend,
#search-block-form details.form-wrapper .dx8-details-content>fieldset>legend {
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
}

#user-login-form details.form-wrapper summary,
#user-register-form details.form-wrapper summary,
#user-pass details.form-wrapper summary,
#search-form details.form-wrapper summary,
#search-block-form details.form-wrapper summary {
  padding: 10px;
  background: #dbdbdb;
}

#user-login-form .form-type-checkbox label,
#user-register-form .form-type-checkbox label,
#user-pass .form-type-checkbox label,
#search-form .form-type-checkbox label,
#search-block-form .form-type-checkbox label {
  margin-bottom: 0;
}

#user-login-form .form-checkbox,
#user-register-form .form-checkbox,
#user-pass .form-checkbox,
#search-form .form-checkbox,
#search-block-form .form-checkbox {
  margin-right: 10px;
  float: left;
}

#edit-help-link {
  display: block;
  margin-top: 10px;
}

.search-block-form {
  padding: 15px 0;
}

.search-block-form h2 {
  margin-bottom: 10px;
}

#search-block-form {
  padding: 0;
  border: 0;
}

#search-block-form:before,
#search-block-form:after {
  content: "";
  display: table;
}

#search-block-form:after {
  clear: both;
}

#search-block-form .form-item {
  margin-right: 15px;
}

#search-block-form .form-item,
#search-block-form .form-actions {
  float: left;
  padding: 0;
}

#search-block-form input {
  margin: 0;
}

.node-preview-container {
  background-color: #dbdbdb;
}

.node-preview-container .node-preview-backlink {
  display: inline-block;
  line-height: 14px;
  padding: 4px 15px;
  background: #0071b8 linear-gradient(to bottom, #007bc6, #0071b8);
  border: 1px solid #1e5c90;
  border-radius: 20px;
  font: 700 14px Arial;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.node-preview-container .node-preview-backlink:hover,
.node-preview-container .node-preview-backlink:focus {
  background: #2369a6 linear-gradient(to bottom, #0c97ed, #1f86c7);
  border-color: #1f86c7;
}

.node-preview-container .node-preview-backlink:hover {
  box-shadow: 0 1px 2px rgba(23, 26, 28, 0.25);
}

.node-preview-container .node-preview-backlink:focus {
  border-color: #1280df;
}

.node-preview-container .node-preview-backlink:active {
  background: #0071b8 linear-gradient(to bottom, #08639b, #0071b8);
  border-color: #144b78;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.node-preview-container .node-preview-backlink:before {
  content: '\00AB';
  margin-right: 5px;
  font-size: 16px;
}


/*Estilos resultados de búsqueda*/

form#search-form {
  max-width: min(1330px, 90%);
  margin: auto;
  background: #F6F6F6;
  border: none;
  border-radius: 7px;
  padding: 40px;
}

form#search-form input.form-search {
  width: 100%;
  border: 1px solid transparent;
  outline: none;
  padding: 16px;
  background: white;
  box-shadow: 2px 2px 4px #0c0c0c1a;
  border-radius: 5px;
}

form#search-form input.form-search:focus {
  border: 1px solid rgb(0 169 224);
}

form#search-form input.form-submit {
  background: black;
  border: none;
  color: white;
  padding: 15px 25px;
  display: block;
  border-radius: 5px;
}

div#edit-basic {
  display: flex;
  gap: 60px;
}

#search-form .form-item {
  padding: 0;
  width: 85%;
}

a#edit-help-link,
form#search-form~h2,
form#search-form label {
  display: none;
}

form#search-form~ol {
  max-width: min(1330px, 90%);
  margin: 40px auto 60px;
  list-style: none;
}

form#search-form~ol li {
  margin-bottom: 60px;
}

ul.pager__items.js-pager__items {
  max-width: min(1230px, 90%);
  margin: 0 auto 100px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

ul.pager__items.js-pager__items a {
  color: #171717;
  font-weight: 700;
}

li.pager__item.is-active a {
  color: rgb(20, 106, 239);
}

a.boton-resultados {
  background: #000066;
  color: white;
  font-size: 15px;
  padding: 14px;
  border-radius: 6px;
  font-weight: 600;
  margin: 15px 0;
  display: block;
  width: fit-content;
  text-decoration: none;
  transition: all .3s;
}

a.boton-resultados:hover {
  background: #146AEF;
}

h3.titulo-search-eafit {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 8px;
}

p.descripcion-resultados {
  max-width: 950px;
  font-size: 17px;
  line-height: 25px;
}

details#edit-advanced summary {
  text-align: center;
  background: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

details#edit-advanced {
  margin-bottom: 0 !important;
}

.dx8-details-content label {
  display: block !important;
  margin: 15px 0;
}

span.fieldset-legend {
  font-weight: bold;
}

.dx8-details-content legend {
  border: none !important;
}

.dx8-details-content input {
  padding: 10px;
}

.action {
  margin-top: 20px;
}

/*----Login----*/
form#user-login-form {
  background: url(https://universidadeafit.widen.net/content/d0990fb1-ec6c-442d-9e7b-78fdfe505143/web/fondo-programa-idiomas.png) 0 0 no-repeat;
  background-size: cover;
  padding-top: 10rem;
  padding-bottom: 8rem;
}

form.user-login-form~.openid-connect-login-form {
  margin-top: -8rem;
  margin-bottom: 3rem;
}

.user-login-form label {
  color: white;
}

.user-login-form input {
  background: white;
  border: none;
  padding: 0.5rem;
  border-radius: 5px;
}

form.user-login-form~.openid-connect-login-form input#edit-openid-connect-client-windows-aad-login,
.container-login .openid-connect-login-form input#edit-openid-connect-client-windows-aad-login--2 {
  background: #FF9900;
  padding: 10px;
  border-radius: 5px;
  margin: 30px;
  border: none;
}

.user-login-form input#edit-submit:hover {
  background: #171717;
  color: white;
}

/*Mapa del sitio*/

.sitemap-item ul li a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}

.sitemap-item h2 {
  font-size: 25px;
  margin: 20px 0;
  font-weight: 800;
}

.sitemap-item div>ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(334px, 1fr));
  gap: 20px;
}

.sitemap-item ul li {
  margin-bottom: 10px;
}

.sitemap-item ul li ul {
  display: block;
  padding-left: 20px;
}


.sitemap-item ul li ul li a {
  font-weight: 500;
}

.sitemap-item div>ul>li>a {
  margin-bottom: 10px;
  display: block;
  font-size: 20px;
}

/*Estilos del bloque javascript general*/
.media.media--type-acquia-dam-image-asset .trigger.focusable {
  display: none;
}

.relative {
  position: relative;
}

.class-noticia-recomendada .img-fondo-nueva {
  height: 320px;
}

.user-logged-in .header {
  position: relative;
  background: black;
}

.ct-banner-principal .coh-slider-nav-bottom {
  bottom: 85px;
  top: inherit !important;
}

.messages.messages--error {
  display: none;
}

form#simulador-credito-bloque-form {
  height: fit-content;
}

div#sliding-popup {
  padding: 15px;
}

.ebsco-search-box__extras__advanced a {
  background: #146aef;
  color: white !important;
  padding: 0.9rem !important;
}

.ebsco-search-box__extras__advanced a:hover {
  color: black !important;
}

.ebsco-search-box__header {
  font-family: 'Inter' !important;
}

fieldset#edit-lang-fieldset>legend {
  display: none;
}

a.fc-time-grid-event.fc-event {
  padding: 7px;
  position: relative;
  inset: initial !important;
}

select.facet-active option[selected] {
  background: #00a9e0;
  color: black;
}

.slick-slider {
  user-select: text;
}

/*Botón cerrar sesión*/
form#user-logout-confirm {
  padding: 50px;
  font-size: 24px;
}

form#user-logout-confirm input#edit-submit {
  padding: 10px 15px;
  border: 1px solid rgb(20, 106, 239);
  border-radius: 5px;
  background: rgb(20, 106, 239);
  color: white;
  transition: all .3s;
}

form#user-logout-confirm div#edit-actions {
  margin-top: 25px;
  font-size: 18px;
}

form#user-logout-confirm input#edit-submit:hover {
  background: white;
  color: black;
  border-color: black;
}

a#edit-cancel {
  padding: 10px 15px;
  border: 1px solid rgb(20, 106, 239);
  border-radius: 5px;
  transition: all .3s;
}

form#email-tfa-email-tfa-verify-login {
  max-width: min(1100px, 90%);
  margin: 0 auto 40px;
}

.email-tfa-email-tfa-verify-login input#edit-submit {
  background: #0962ed;
  color: white;
  border: none;
  padding: 12px 15px;
  border-radius: 5px;
}

.email-tfa-email-tfa-verify-login input#edit-resend {
  border: 1px solid #5c5c5c;
  color: #3a3a3a;
  background: white;
  padding: 12px 15px;
  border-radius: 5px;
}

.email-tfa-email-tfa-verify-login input#edit-resend:hover {
  background: #c1c1c1;
}

.email-tfa-email-tfa-verify-login input#edit-submit:hover {
  background: #064ab4;
}

input#edit-verify {
  border: 1px solid gray;
  padding: 10px;
  border-radius: 5px;
}

.js input.form-autocomplete {
  background-image: none !important;
}