* {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "Cabin-Regular";
  src: url("../librerias/fonts/Cabin-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Cabin-Medium";
  src: url("../librerias/fonts/Cabin-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Cabin-SemiBold";
  src: url("../librerias/fonts/Cabin-SemiBold.ttf") format("truetype");
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
button,
label,
select,
option {
  font-family: "Cabin-Medium";
}

th {
  font-family: "Cabin-regular";
  font-weight: 500;
}

.titlePrincipal {
  font-family: "Cabin-SemiBold";
  color: #0C808D;
}

.thHead {
  font-size: 1.2rem;
}

.bgAqua {
  background: #0C808D;
}

.colorAqua {
  color: #0C808D;
}

.bgAzulClaro {
  background: #D4EEF1;
}

.bgRed {
  background: #C3292F;
}

.colorRed {
  color: #C3292F;
}

.activeMenu {
  background: #C3292F;
  color: #fff;
}

.bgGreen {
  background: #116174;
}

.colorGreen {
  color: #116174;
}

.bgGray {
  background: #383235;
}

.colorGray {
  color: #383235;
}

.colorWhite {
  color: #fff;
}

.bgSky {
  background: #E7F2F3;
}

.bgGrayFuerte {
  background: #383235;
}

/* cursores */
.pointer {
  cursor: pointer;
}

.no_select_print {
  cursor: no-drop;
  opacity: 0.5;
}

.select_print {
  cursor: pointer;
  opacity: 1;
}

.textLink {
  color: #0C808D;
  text-decoration: none;
  transition: all 0.6s ease;
}

.textLink:hover {
  color: #086069;
}

.textLinkWhite {
  color: #fff;
  text-decoration: none;
  transition: all 0.6s ease;
}

.textLinkWhite:hover {
  color: #fff;
}

.btn_index {
  background: #0C808D;
  border-color: #fff;
  transition: 0.5s;
  font-size: 1.2em;
}

.btn_index:hover {
  background: #116174;
  border-color: #fff;
}

.btnLogin {
  background: #0C808D;
  border-color: #fff;
  color: #fff;
  transition: all 0.3s ease;
  font-size: 1.2em;
}

.btnLogin:hover {
  background: #0d6b75;
  color: #fff;
  border-color: #fff;
}

.ul_socials .li_socilas {
  display: inline-block;
  list-style: none;
  color: #fff;
  margin: 0 15px;
  font-size: 20px;
  cursor: pointer;
}

.sectionHome {
  height: 365px;
  width: 100%;
  position: relative;
  background: url("../img/imagenes_fondos/Timone-Home-1-02.png");
  background-position: center;
  background-size: cover;
}


.sectionSearchMagazine {
   height: 33vh;
   width: 100%;
   position: relative;
   background: url("../img/imagenes_fondos/bg_revistas_1.jpg");
   background-position: center;
   background-size: cover;
   background-attachment: fixed;
}

.sectionFooter {
  height: 300px;
  width: 100%;
  position: relative;
  background: url("../img/imagenes_fondos/Timone-Home-1-04.png");
  background-position: center;
  background-size: cover;
}

.searchFast {
  width: 100%;
  position: relative;
  background: url("../img/imagenes_fondos/Timone-Home-pleca azul.jpg");
  background-position: top;
  background-size: cover;
}

.bgBooks {
  width: 100%;
  position: relative;
  background: url("../img/imagenes_fondos/bg_books.jpg");
  background-position: top;
  background-size: cover;
}

.searcHome {
  border-radius: 2vh;
  height: 45px;
  border-left-color: #fff;
}

.buttonSearcHome {
  background: #C3292F;
  border-color: #C3292F;
  color: #fff;
  width: 100%;
  height: 45px;
  font-size: 20px;
  border-radius: 2vh;
  transition: all 0.3s ease;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  font-size: 1.2em;
}

.buttonSearcHome:hover {
  background: #a5272b;
  border-color: #C3292F;
  color: #fff;
}

.buttonDanger {
  background: #C3292F;
  border-color: #C3292F;
  border-radius: 0;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .22);
  transition: all 0.3s ease;
  font-size: 1.1em;
}

.buttonDanger:hover {
  background: #a5272b;
}

.buttonGreen {
  background: #116174;
  border-color: #116174;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .22);
  transition: all 0.3s ease;
  /* font-size: 1.2em; */
}

.buttonGreen:hover {
  background: #0d4b5a;
}

.faSearch {
  background: #fff;
  border-right-color: #fff;
  color: #BCBCC1;
  border-bottom-left-radius: 2vh;
  border-top-left-radius: 2vh;
}

.faCopy {
  font-size: 1.9rem;
  color: #0C808D;
}

.logo_timone {
  transition: all 0.3s ease;
}

.logo_instituto {
  transition: all 0.3s ease;
}

.private_text {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.linea {
  border: 0;
  border-top: 1px solid #BCBCC1;
}

.logoPrincipal {
  height: 70px;
}

.logoFooter {
  width: 30%;
}

/* slider uno */
.swiper {
  width: 100%;
  height: 100%;
}

.slide1 {
  width: 100%;
  height: 50vh !important;
}

.swiperEnlace img{
  box-shadow: none !important;
  width: 250px !important;
  margin: auto !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imgSwiper {
  width: 100%;
}

.liston {
  background: #0C8088;
  color: #fff;
  padding: 8px;
  position: relative;
  top: 30px;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .17);
}

.fa_liston {
  position: absolute;
  top: 0;
  right: 20px;
  color: #C3292F;
  font-size: 40px;
}

.swiper-button-next {
  color: #fff !important;
}

.swiper-button-prev {
  color: #fff !important;
}

.faChevron {
  font-size: 12px;
}

.faBars {
  font-size: 25px;
}

.hr {
  opacity: 1;
  border: #C3292F solid 2px;
}

/* slider uno */

/* slider dos */
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  object-fit: contain;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .26);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  Color: #fff;
  width: 22px;
  height: 22px;
}

.swiper-pagination-bullets {
  margin-top: 25px;
}

/* slider dos */

.up_button {
  width: 80px;
  height: 80px;
  display: none;
  padding-left: 32px;
  padding-top: 25px;
  font-size: 22px;
  background: #0C808D;
  color: #fff;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .20);
  cursor: pointer;
  position: fixed;
  bottom: 15px;
  right: 15px;
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease;
}

.up_button:hover {
  background: #0d6b75;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .22);
}

.divTitleIcon {
  display: inline-flex;
}

.iconTitleAlone {
  width: 50px;
  height: 50px;
}

.iconTitle {
  width: 40px;
  height: 40px;
  margin-top: 50px;
  margin-right: 8px;
}

.iconTitleForm {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-right: 8px;
}

.iconTitleTable {
  width: 20px;
  height: 20px;
  /* margin-top: 14px; */
  margin-right: 6px;
}

.form-check-input:checked {
  background: #0d6b75;
}

#frameBib iframe{
  width: 100%;
}

.ulHeader {
  list-style: none;
  display: flex;
    align-items: center;
    justify-content: space-between;
}

.liHeader {
  font-size: 23px;
  margin-left: 15px;
  margin-top: 15px;
}

.liHeader a {
  color: #fff;
}

.liHeader:hover a {
  color: #fff;
}

.dropMenu {
  margin: 0;
  padding: 6px;
  border: #0C808D 4px solid;
  position: absolute;
  transform: translate(-93px, 10px);
  left: -42px;
  width: 180px;
  border-radius: 2vh;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.5rem 2rem;
}
.dropMenuLi {
  color: #383235 !important;
}

.thDataTable {
  background: #0C808C !important;
  color: #fff;
  font-size: 1.4em;
}

.bookShadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .26);
}

.bookTable {
  width: 70%;
}

#finesTable {
  width: 100% !important;
}

#sectionsTable {
  width: 100% !important;
}

.textAlert {
  font-size: 0.9em;
}

.trashFa {
  font-size: 1.5rem;
  color: #0d6b75;
}

/* estrellas  */
#istar_1, #istar_2, #istar_3, #istar_4, #istar_5 {
  font-size: 1.4rem;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  background: #0d4b5a;
  border: #0d4b5a;
}

input[type="search"] {
  border-radius: 1em;
}

.cutTitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.grab {
  cursor: grab;
}

.pagina {
  margin: 0 2px;
  padding: 5px 10px;
}

.activa {
  font-weight: bold;
  background-color: #ddd;
}

.imagenDesta {
  height: 325px !important;
  object-fit: fill !important;
}

#loansTable {
  width: 100%;
}
#tableResults {
  width: 100%;
}
#tableResults {
  width: 100% !important;
}
.dataTables_scrollHeadInner {
  width: 100% !important;
}
/* #loansTable {
  width: 100% !important;
} */

.subMenResp {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  padding: 0 50px;
  list-style: none;
  background: #DCEBEC;
  overflow: auto;
  white-space: nowrap;
}
.subMenResp a {
  color: #232323;
  text-decoration: none
}
.section_image_resp {
  width: 50px;
}

#subMenResponsive {
  display: none;
}

.active>.page-link,
.page-link.active {
  color: #fff;
  background-color: #0C808D;
  border-color: #0C808D;
}

.page-link {
  color: #0C808D;
}

.sectionSticky {
  position: sticky;
  top: 15px;
}

#contentBiblioteca {
  display: flex;
}

#subMenu {
  position: sticky;
  top: 0;
  min-height: 100vh;
}

.swiperRel {
  background: transparent !important;
}

.asideDer {
  position: sticky;
  top: 15px;
}

#finesTableHistory {
  width: 100%;
}

.dataTable {
  width: 100% !important;
}

.form-select {
  border-radius: 1.4vh !important;
}

.califBookSelect {
  float: right;
}

.swal2-styled.swal2-confirm {
  background: #086069;
}

.swal2-styled.swal2-confirm {
  background-color: #086069;
  color: #fff;
}

#printDisp {
  border: none;
  background: none;
}

#printResultBooks {
  border: none;
  background: none;
}
.moveSticky {
  position: sticky;
  top: 10px;
  z-index: 10;
}

.alertNoti {
  position: absolute;
  width: 20px;
  height: 22px;
  background: #C3292F;
  color: #fff;
  border-radius: 50%;
  font-size: 15px;
  padding-left: 7.4px;
  padding-top: 0px;
  top: 10px;
  left: 76px;
}
.btn-pagina {
  width: 30px;
  height: 43px;
  background: #0C808D;
  color: #fff;
  border: none;
}
@media screen and (max-width: 850px) {
  .cutTitle {
      white-space: normal;
      text-overflow: ellipsis;
      overflow: hidden;
    }
}

@media screen and (max-width: 747px) {
  .califBookSelect {
      float: left;
    }
}

@media screen and (max-width: 767px) {
  #subMenResponsive {
    display: block;
  }
  #subMenu {
    display: none !important;
  }
  #subMenResponsive li {
    margin-right: 62px;
  }
  #contentBiblioteca {
    display: block;
  }
}

@media screen and (max-width: 900px) {
  .buttonNavbar {
    margin-top: 6px;
  }

  .logo_timone {
    width: 200px;
  }

  .logo_instituto {
    width: 140px;
  }

  .logo_timone_footer {
    width: 140px;
  }

  .logo_institucion_footer {
    width: 140px;
  }

  .fa_liston {
    font-size: 30px;
  }

  .sectionHome {
    height: 200px;
  }

  .up_button {
    width: 45px;
    height: 55px;
    padding: 16px;
    font-size: 17px;
  }

  table p {
    font-size: 0.9rem;
  }
  .bookTable {
    width: 60%;
  }
  .dataTable th {
    font-size: 16px;
  }
}