.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: none!important;
    background-image: linear-gradient(to right, #0E4354, #2094BA, #0E4354)!important;
    border-color: #2094BA;
}

.page-link{
    color: #909599;
}

.page-link:hover {
    z-index: 2;
    background-color: none;
    border-color: transparent;
 
    background: linear-gradient(to right, #0E4354, #2094BA, #0E4354);
    color: #fff;
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background-position: right center;
}

/*CONFETTi*/
.wrapper {
    position: relative;
    min-height: 100%;
}

[class|="confetti"] {
    position: absolute;

}

.red {
    background-color: #E94A3F;
}

.yellow {
    background-color: #FAA040;
}

.blue {
    background-color: #5FC9F5;
}

/*STAR RATING*/
.rating,
.rating label {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.rating {
  border: none;
  float: left;
}
.rating>input {
  display: none;
}
.rating>label:before {
  padding: 7px 0 7px 7px;
  margin-right: 7px;
  font-size: 2em;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  content: "\f005";
  font-weight: 900;
}
.rating>.half:before {
  content: "\f089";
  position: absolute;
}
.rating>label {
  color: #ddd;
  float: right;
  cursor:pointer;
}
.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
  color: #FFD700;
}
.btnrating {word-break: normal;}
.btnrating:hover {
  opacity: 1;
}

/* hover previous stars in list */
.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
  color: #FFED85;
}

.rating-header {
    margin-top: -10px;
    margin-bottom: 10px;
}
#rating-ability-wrapper .btn-md {
    padding: 14px 22px;
}

 /*.fc-dayGridMonth-button, .fc-listMonth-button, .fc-prevYear-button, .fc-prev-button, .fc-next-button, .fc-nextYear-button, .fc-today-button {
    background: linear-gradient(to right, #0E4354, #2094BA, #0E4354);
    color: #fff;
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}*/
.fc .fc-dayGridMonth-button, .fc-listMonth-button, .fc-prevYear-button, .fc-prev-button, .fc-next-button, .fc-nextYear-button, .fc-today-button {
    background: #00619E;
    color: #BDDEF8;
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.fc-dayGridMonth-button:hover, .fc-listMonth-button:hover, .fc-prevYear-button:hover, .fc-prev-button:hover, .fc-next-button:hover, .fc-nextYear-button:hover, .fc-today-button:hover{
  background-position: right center;
	background: #BDDEF8;
	color: #00619E;
}
.fc .fc-button-primary {
	background: #00619E;
    color: #BDDEF8;
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.fc-header-toolbar > .fc-center > h2{
    background: #00619E;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.fc-toolbar-title {color:#00619E; font-weight: 800;}
h6 {
  font-size: 1.40rem;
  line-height: 2.1rem;
}

.navbar-brand {
  float: unset;
  height: 55px
}

.navbar {
  box-shadow: 0 1px 5px rgb(14 67 84 / 30%);
}

@media (min-width: 768px){
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: unset;
  }

  .menu-logo-center .navbar-brand {
    position: relative;
    z-index: 1;
    padding: 0px 0;
  }

  .sidebar-box .form-check {
    min-height: 3rem!important;
  }

  .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    color: #fff;
    font-size: 1.0625em;
    background: linear-gradient(to right, #0E4354, #2094BA, #0E4354);
    background-size: 200% auto;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

  .swal2-actions:not(.swal2-loading) .swal2-confirm:hover {
    background-image: linear-gradient(to right, #0E4354, #2094BA, #0E4354);
    background-position: right center;
  }
  .selectize-input>input{
    width: 100%!important;
  }

  .selectize-dropdown{
    width: 100%;
    position: absolute;
    background: white;
    z-index: 10;
  }

  .shop-filter>.slick-prev:before, .shop-filter>.slick-next:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

 
    
  .grid-item{
    margin-bottom: 1rem;
  }

  
  /*.slick-list{
    height: 60px!important;
  }*/
}

header .navbar .navbar-brand img.default-logo, header .navbar .navbar-brand img.alt-logo {
  max-height: 61px;
}

.dataTables_filter {
    float:left;
}

#resumen_puntos_filter > label{
  width: 320px;
}

#resumen_puntos_length > label {
  width: 220px;
}

th.sorting_disabled {
  width: auto!important;
}

#resumen_puntos_paginate>ul.pagination{
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: end;
}

.dataTables_empty{
  text-align: center;
 
}

#resumen_canjes_paginate>ul.pagination{
  display: flex;
  padding-left: 0;
  list-style: none;
  justify-content: end;
}

.table>:not(caption)>*>*{
  /*background-color: #fafafa;*/
  padding: 1.2rem 0.5rem;
  border-bottom-width: 1px;
  box-shadow: unset;
}

html {
  scroll-behavior: smooth;
}

#resumen_canjes_filter > label{
  width: 320px;
}

#resumen_canjes_length > label {
  width: 220px;
}

.insignia-rounded {
  width: 75px;
  height: auto;
  z-index: 1;
  position: absolute;
  top: 20%;
  left: 27%;
}

#calendar .modal-dialog .modal-content .modal-body {
  height: calc(100% - 120px);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: unset!important;
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e);
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
  margin-right: 10px;
}

.form-switch {
  padding-left: 0.9em;
}

.main-content .container {
  background: transparent;
  min-height: auto;
}

.fltr-controls{
  padding: 10px
}

.fltr-controls.active, .active > .fltr-controls{
background-color: #F0F0F0;
  padding: 10px;
}

.scroll-top-arrow, .scroll-top-arrow:focus{
    left: 30px;
    bottom: 30px;
}

.chatbot {
    position: fixed;
    right: 5px;
    bottom: 5px;

    z-index: 994;
    -webkit-transition: ease-out 0.2s;
    transition: ease-out 0.2s;
}
.chatbot .chat-button img {
    -webkit-transform: scale(0.5);
    transform: scale(0.5) translate(80px, 70px);
    -webkit-transition: ease-out 0.2s;
    transition: ease-out 0.2s;
}
.chatbot .chat-button img:hover{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.store-access {
  position: fixed;
  left: 5px;
  bottom: 5px;
  z-index: 995;
  -webkit-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}
.store-access img {
	-webkit-transform: scale(0.5);
  	transform: scale(0.5) translate(80px, 70px);
	-webkit-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}
.store-access img:hover{
	-webkit-transform: scale(1);
  	transform: scale(1);
}