@import url('../css/bootstrap.min.css');
@import url('../css/animate.css');
@import url('../css/font-awesome.min.css');
@import url('../css/simple-line-icons.css');
@import url('../css/pe-icon-7-stroke.min.css');
@import url('../css/owl.carousel.css');
@import url('../css/owl.transitions.css');
@import url('../css/flexslider.css');
@import url('../css/jquery-ui.css');
@import url('../css/revolution-slider.css');
@import url('../css/quick_view_popup.css');
@import url('../css/blog.css');
@import url('../css/shortcode.css');
@import url('../css/shortcodes/shortcodes.css');
@import url('../css/shortcodes/featured-box.css');
@import url('../css/shortcodes/pricing-table.css');
@import url('../css/shortcodes/tooltip.css');
@import url('../css/shortcodes/post.css');
@import url('../css/style.css');
@import url('../css/responsive.css');
@import url('../css/dataTables.bootstrap.min.css');

.flotante {
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #283b85;
    font-size: 24pt;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right:50px;
    padding-top: 7px;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(77,77,77,1)
}
.dataTables_length label {
    background-color: #e6e6e6 !important;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
  }
  .dataTables_length select {
    background-color: #393b3a;
    color: white;
    margin-top: -4px;
    width: 60px;
  }
  .dataTables_filter label {
    background-color: #143485;
    color: white;
    padding-left: 10px;
    border-radius: 5px
  }
  .dataTables_filter input {
    height: 35px;
  } 

.breadcrumbs{
    padding-left: 20px;
}
.text-title{
    font-size: 20px !important;
    font-weight: bolder !important;
}

.infoComercial{

    position: fixed;
    bottom: 30px;
    right:30px;
    z-index: 99;
}

.infoCom{
    display: none;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
     position: fixed;
    bottom: 100px;
    right:60px;
    padding: 10px;
    margin-bottom: 10px;
    
}

.spComNom{
	font-size: 12pt;
}

.flotanteAlert {
  background-color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #283b85;
  font-size: 24pt;
  text-align: center;
  position: fixed;
  bottom: 50px;
  right:150px;
  padding-top: 7px;
  cursor: pointer;
  box-shadow: 0px 2px 5px 0px rgba(77,77,77,1)
}

.infoAlerta{

  position: fixed;
  bottom: 60px;
  right:30px;
  z-index: 100;
}

.infoAlert{
  display: none;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
   position: fixed;
  bottom: 100px;
  right:192px;
  padding: 10px;
  margin-bottom: 10px;

  margin: 20px;
  padding: 10px;
  background-color: #0a0aff;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: all 0.3s ease;
  
}

.bell-container {
  display: inline-block;
  transform-origin: top center; /* Punto de oscilación */
  animation: ring 1s ease-in-out infinite; /* Animación infinita */
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.cart-total {
  background-color: #e83f33;
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  position: absolute;
  left: 18px;
  text-align: center;
  top: -10px;
  width: 20px;
}