@charset "UTF-8";

.bg-encabezado-tabla {
  background: #414141 !important;
}

.bg-dark-button {
  background: #313131 !important;
  color: white !important;
}

.bg-encabezado-secundario {
  background: #834DC8 !important;
  border-radius: 0px !important;
  color: white !important;
}

.text-color-general {
  color: #834DC8 !important;
}

.text-secondary-general {
  font-style: normal;
  font-weight: 300;
  color: #636363;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #834DC8 !important;
  color: white !important;
}

.navPersonal .nav-pills .nav-link {
  border-radius: 0;
}

.colorDeprueba {
  color: yellow;
}

.bg-accion-detalle {
  background: #F9F9F9 !important;
}

.bg-button-general {
  background: #834DC8 !important;
  color: white !important;
}

.bg-button-general:hover {
  background: #603A90 !important;
  color: white !important;
}

.bg-button-accion {
  background: rgba(0, 0, 0, 0.35) !important;
  color: white !important;
}

.btn-cancelar {
  background: #E05454 !important;
  color: white !important;
}

.btn-secondary-personal {
  background-color: #515151 !important;
  color: white !important;
  font-weight: 16px !important;
}

.btn-secondary-personal:hover {
  background-color: #292929 !important;
  color: white !important;
  font-weight: 16px !important;
}

.text-total-compra {
  font-weight: bold;
  font-size: 40px;
  color: #515151;
}

.btn-limpiar {
  background: #F9AF28 !important;
  color: white !important;
}

.titulo-transferencias {
  color: #515151 !important;
  font-size: 25px;
}

.thead-transfer-color {
  background: #546DE0 !important;
  color: white !important;
}

.footer-card-transfer {
  background: #F5F5F5;
  border-radius: 0px 0px 4px 4px;
}

.title-cards {
  color: #515151;
  font-weight: 25px !important;
}

.color-thead {
  background: #D8D8D8 !important;
  color: #636363 !important;
}

.table-general {
  border-radius: 5px 5px 0px 0px !important;
}

.color-thead-2 {
  background-color: #546DE0 !important;
  color: white !important;
}

.divs-encavezados {
  height: 50px !important;
}

.table-selected-color {
  background: #834DC8 !important;
  color: white !important;
}

.table-selected-color:hover {
  background: #572498 !important;
  color: white !important;
}

/*  */

.divBuscar {
  background: #F9F9F9;
  border-radius: 5px;
}

/* Otros estilos */

.card-formt-tranfer {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.height-750 {
  height: 750px !important;
  overflow-y: auto !important;
}

.height-550 {
  height: 550px !important;
  overflow-y: auto !important;
}

.height-400 {
  height: 400px !important;
  overflow-y: auto !important;
}

.br-general {
  border: 0.5px solid #BDBDBD;
  box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.25);
}

.card-transfer-entr {
  height: 350px;
  overflow-y: auto !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.modal-header-personalizada {
  background: linear-gradient(90.09deg, #546DE0 0%, #834DC8 68.75%) !important;
  color: #FFFFFF !important;
}

.card-table-transfer {
  background: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  border-radius: 5px !important;
}

.card-table-general {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.card-comisiones-total {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.header-card-comisiones1 {
  background: #546DE0;
  color: white;
}

.header-card-comisiones2 {
  background: #834DC8;
  color: white;
}

.text-40 {
  font-size: 25px !important;
}

.hyphens-text {
  -webkit-hyphens: auto;
          hyphens: auto;
}

.header-curvo {
  border-radius: 15px 15px 0px 0px !important;
  width: 385px;
  height: 90px;
}

.body-card-login {
  background: #FFFFFF !important;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) !important;
  border-radius: 0px 0px 15px 15px;
  width: 385px;
  height: 251px;
}

.ph-center::-webkit-input-placeholder {
  text-align: center !important;
  line-height: 100px !important;
}

.form-control-login-top {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 5px 5px 0px 0px;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-login-bottom {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0px 0px 5px 5px;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modalWidth70 {
  max-width: 80% !important;
}

.primerSeccionCompra {
  background: #D8D8D8;
  border-radius: 4px;
}

.modal-footer-color {
  background: #C4C4C4 !important;
}

.divTotal {
  background-color: #834DC8 !important;
  color: white !important;
  font-size: 20px !important;
}

.divTotal span {
  font-weight: bold !important;
  font-size: 23px !important;
}

.btn-color-register {
  background-color: #5C78FB !important;
  color: white !important;
}

.btn-color-register:hover {
  background-color: #566EDF !important;
}

.table-overflow-450 {
  max-height: 450px !important;
  overflow-y: auto !important;
}

.height-400-min {
  max-height: 400px !important;
  overflow-y: auto !important;
  min-height: 150px;
}

.targetBannerVenta {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.textFecha {
  color: #515151;
  font-size: 25px;
}

.textFechaActive {
  color: #546DE0;
}

/* Cards ventas */

.card-venta {
  background: #FFFFFF;
  border-radius: 5px;
  font-size: 15px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  color: #515151;
}

.card-header-venta {
  background: #834DC8;
  border-radius: 5px 5px 0px 0px;
  font-size: 52px;
  text-align: center;
  color: white;
}

.textCardVenta {
  font-size: 25px;
}

.hrDivTotal {
  /*  */
  width: 100%;
}

.btnOpcionesA {
  font-weight: bold;
  font-size: 16px;
  color: #834DC8;
  text-decoration: none;
}

/* .opcionesAdi, a:hover{
    color: #5c17b5;
    text-decoration: none;
    font-size: 17px;
} */

.opcionesAdi {
  border: 2px solid #834DC8;
}

.widthPersonal {
  width: 150px !important;
}

.linkTab {
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  color: #AEAEAE;
  -webkit-text-decoration: underline solid;
          text-decoration: underline solid;
}

.linkActivoTab {
  color: #834DC8;
  font-weight: bold;
  -webkit-text-decoration: underline solid;
          text-decoration: underline solid;
}

.linkActivoTab:hover {
  text-decoration: none;
  color: #7344b1;
}

.bannerTabs {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.navbar-light .navbar-nav .active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: " ";
  border-bottom: 5px solid #5BC0EB;
}

.modalCobrar textarea:focus,
input:focus,
input[type]:focus {
  border-color: rgb(131, 77, 200);
  box-shadow: 0 1px 1px rgba(118, 44, 214, 0.075) inset, 0 0 8px rgba(83, 26, 156, 0.6);
  outline: 0 none;
}

.encabezado_cuentas_cobrar {
  font-size: 30px;
  color: #515151;
}

.thead-color {
  background-color: #546DE0;
  color: white;
}

.size-iconos {
  font-size: 20px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}

.size-iconos:hover {
  filter: drop-shadow(0px 0px 9px #AB8BD4);
}

.cardsSizeScroll {
  max-height: 400px;
  overflow-y: auto;
}

/* Callouts Bootstrap */

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: 0.55rem;
  border-radius: 0.25rem;
}

.bd-callout h4 {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.bd-callout p:last-child {
  margin-bottom: 0;
}

.bd-callout code {
  border-radius: 0.25rem;
}

.bd-callout + .bd-callout {
  margin-top: -0.25rem;
}

.bd-callout-info {
  border-left-color: #5bc0de;
}

.bd-callout-info h4 {
  color: #5bc0de;
}

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

.bd-callout-warning h4 {
  color: #f0ad4e;
}

.bd-callout-danger {
  border-left-color: #d9534f;
}

.bd-callout-danger h4 {
  color: #d9534f;
}

.card-corte {
  background: #FFFFFF;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.08);
  border-radius: 0.38rem;
}

.card-corte2 {
  background: #FFFFFF;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.08);
  border-radius: 0.38rem;
  height: 470px;
  overflow-y: auto;
}

.tituloCardsCorte {
  color: #646464;
  font-size: 15px;
}

.hrCardCorte {
  border: -0.9px solid #BEBEBE;
}

.menosIcon {
  transform: rotate(180deg);
}

.numberCardsMoney {
  font-size: 25px;
  font-weight: bold;
}

/* Boton Flotante */

.btn-flotante {
  font-size: 16px;
  /* Cambiar el tamaño de la tipografia */
  text-transform: uppercase;
  /* Texto en mayusculas */
  font-weight: bold;
  /* Fuente en negrita o bold */
  color: #ffffff;
  /* Color del texto */
  border-radius: 5px;
  /* Borde del boton */
  letter-spacing: 2px;
  /* Espacio entre letras */
  background-color: rgb(131, 77, 200);
  /* Color de fondo */
  padding: 18px 30px;
  /* Relleno del boton */
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0ms;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.btn-flotante:hover {
  background-color: rgb(84, 54, 123);
  /* Color de fondo al pasar el cursor */
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-7px);
  color: white;
}

@media only screen and (max-width: 600px) {
  .btn-flotante {
    font-size: 14px;
    padding: 12px 20px;
    bottom: 20px;
    right: 20px;
  }
}

/* Para efecto radar */

@keyframes radar {
  0% {
    width: 75px;
    height: 75px;
    border: 40px solid #fff;
    opacity: 0;
  }

  50% {
    opacity: 0.1;
  }

  90% {
    width: 750px;
    height: 750px;
  }

  90%, 100% {
    border: 2px solid rgb(131, 77, 200);
    opacity: 0;
  }

  100% {
    width: 1500px;
    height: 1500px;
  }
}

.radar {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 10px solid #fff;
  width: 150px;
  height: 150px;
  transform: translate(-40%, -20%);
  animation: radar 2s infinite;
  opacity: 0;
  z-index: 1;
}

.radar:nth-child(2) {
  animation-delay: 0.4s;
}

.radar:nth-child(3) {
  animation-delay: 0.9s;
}

.radar:nth-child(4) {
  animation-delay: 0.15s;
}

.alert-warningMedio {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

/* Texto parpadea */

.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@keyframes parpadeo {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.lineaDevolucion {
  border: 3px solid #834DC8;
  box-sizing: border-box;
  border-radius: 6px;
  color: #834DC8;
}

.table-height-adapted {
  max-height: 800px;
  overflow-y: auto;
}

/* btn outline */

.btn-outline-rhino {
  color: rgb(131, 77, 200);
  border-color: rgb(131, 77, 200);
  border-radius: 5px;
}

.btn-outline-rhino:hover {
  background-color: rgb(131, 77, 200);
  color: white;
}

.outlineVentas {
  border-color: rgb(131, 77, 200);
  border-radius: 5px;
  background-color: white;
}

.alert-primary-shadow {
  background: radial-gradient(80.16% 80.16% at 50% 50%, #834DC8 0%, #AF7AF2 100%);
  box-shadow: 0px 0px 8px #834DC8;
}

.cursorPointer {
  cursor: pointer;
}

.autoajustFullData {
  max-height: 600px;
  overflow: auto;
}

.card-articulosNota {
  background: #546DE0;
  border-radius: 5px;
  color: white;
  font-size: 25px;
}

.links {
  cursor: pointer;
}

.he-550 {
  height: 570px;
}

.ticketPreview {
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  height: 410px;
}

.tableTicket {
  background: #F4F6F9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.heightAdaptat {
  height: 300px;
}

.imgLogoTicket {
  width: 170px;
}

.textGeneral {
  font-size: 11px !important;
}

.textGeneral7 {
  font-size: 15px !important;
}

.textGeneral6 {
  font-size: 8px !important;
}

.widthResponsive {
  width: 100px;
  white-space: nowrap;
}

.tamTicket {
  /* padding-left: 0.6cm; */
  max-width: 75mm !important;
}

.ticketVacio {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tableSize {
  max-height: 150px;
  overflow-y: auto;
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

.positionRelaitive {
  position: relative;
}

.finalTicketScroll {
  position: absolute;
  top: 342px;
  height: 52px;
  width: 100%;
  background: linear-gradient(0deg, #FFFFFF 43.27%, rgba(255, 255, 255, 0) 80.77%);
}

.bannerBusqueda {
  background: #F9F9F9;
  border-radius: 5px;
}

.cardTableStock {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  max-height: 700px;
  overflow-y: auto;
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
  cursor: pointer;
}

.theadTable {
  background: #D8D8D8;
}

.cardStockTiendas {
  background: #FFFFFF;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.08);
  border-radius: 0.38rem;
}

.cardPlan {
  padding: 2rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.titleCardPlan {
  font-size: 12px;
  color: #000000;
}

.descripcionCardPlan {
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}

.subTitleCardPlan {
  font-size: 10px;
  color: #515151;
}

.detailCardPlan {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  color: #834DC8;
}

.titleDetalleCardPlan {
  font-size: 15px;
  color: #834DC8;
}

.resultDetalleCardPlan {
  font-size: 15px;
  color: #000000;
}

.blurPlan {
  background: rgba(255, 255, 255, 0.13);
  -webkit-backdrop-filter: blur(45px);
          backdrop-filter: blur(45px);
  border-radius: 10px;
}

.relativePadreSubscription {
  position: relative;
}

.transparenciaSubscribe-false {
  position: absolute;
}

.transparenciaSubscribe-true {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border-radius: 10px;
  height: 200px;
}

.heightPlan {
  height: 500px;
}

.inputValidator {
  color: #546DE0;
  font-size: 22px;
  font-weight: bold;
  padding: 3px;
}

.inputValidator:focus {
  color: #546DE0;
  font-size: 22px;
  font-weight: bold;
  padding: 3px;
}

.card-ventasT {
  background-color: #AB8BD4;
  color: white;
  font-size: 14px;
}

.card-ventasIn {
  background-color: #5C78FB;
  color: white;
  font-size: 14px;
}

.card-ganancia {
  background-color: #2F9E41;
  color: white;
  font-size: 14px;
}

.card-nombreTienda {
  background-color: #FFFFFF;
  color: black;
  font-size: 19px;
  font-weight: bold;
}

.valorCardsHome {
  font-size: 25px;
  font-weight: bold;
}

.card-corteDasbiarh {
  max-height: 365px;
  overflow-y: auto;
}

.imgModalAviso {
  position: relative;
  display: inline-block;
  text-align: center;
}

.textoCentradoModal {
  position: absolute;
  top: 55%;
  left: 60%;
  transform: translate(-50%, -50%);
  font-size: 60px;
}

.contenedorDetallesModal {
  height: 200px;
  overflow-y: auto;
  background: #FCFCFC;
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-family: sans-serif;
  font-size: 16px;
}

.iconModal2 {
  font-size: 50px;
  color: #834DC8;
}

.subTitleModal2 {
  font-size: 12px;
  color: #A0A0A0;
}

.titleModal2 {
  font-size: 20px;
}

.preheigtmodal2 {
  height: 200px;
  overflow: auto;
  font-family: sans-serif;
  font-size: 16px;
}

.estiloModal2 {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

/* Vista Seguimiento */

.navSeguimiento {
  background: linear-gradient(90.09deg, #546DE0 0%, #834DC8 68.75%);
}

.headerBusqueda {
  position: relative;
  display: inline-block;
  text-align: center;
}

.divCentradoSobreImagen {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textBusqueda {
  font-size: 40px;
  font-weight: bold;
  background: -webkit-linear-gradient(left, #546DE0, #834DC8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 700px) {
  .textBusqueda {
    font-size: 20px;
  }
}

.checkbox label:after,
.radio label:after {
  content: "";
  display: table;
  clear: both;
}

.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 0.5em;
}

.radio .cr {
  border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: 0.8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type=checkbox],
.radio label input[type=radio] {
  display: none;
}

.checkbox label input[type=checkbox] + .cr > .cr-icon,
.radio label input[type=radio] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.checkbox label input[type=checkbox]:checked + .cr > .cr-icon,
.radio label input[type=radio]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox label input[type=checkbox]:disabled + .cr,
.radio label input[type=radio]:disabled + .cr {
  opacity: 0.5;
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */

.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */

@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Dropdown Default Transition */

.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */

/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */

.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: rgb(248, 248, 248);
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */

.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */

.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */

.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */

.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */

.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */

.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */

.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */

.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

.vs--single.vs--open .vs__selected,
.vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */

/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */

.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */

.vs--unsearchable .vs__search {
  opacity: 1;
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */

.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */

.vs--loading .vs__spinner {
  opacity: 1;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */

.slick-loading .slick-list {
  background: #fff url(/images/vendor/slick-carousel/slick/ajax-loader.gif?c5cd7f5300576ab4c88202b42f6ded62) center center no-repeat;
}

/* Icons */

@font-face {
  font-family: "slick";
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475);
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475) format("embedded-opentype"), url(/fonts/vendor/slick-carousel/slick/slick.woff?b7c9e1e479de3b53f1e4e30ebac2403a) format("woff"), url(/fonts/vendor/slick-carousel/slick/slick.ttf?d41f55a78e6f49a5512878df1737e58a) format("truetype"), url(/fonts/vendor/slick-carousel/slick/slick.svg?f97e3bbf73254b0112091d0192f17aec) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\2190";
}

[dir=rtl] .slick-prev:before {
  content: "\2192";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\2192";
}

[dir=rtl] .slick-next:before {
  content: "\2190";
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}