@charset "UTF-8";
/*------------------------------------------------------------------
 Siclo Admin panel
-------------------------------------------------------------------*/
body .new-admin {
  background-color: #F0F0F0; }

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
  padding: 0;
  margin-bottom: 0; }

.jumbotron {
  background-color: #f4f4f4; }

.line-divider {
  height: 1px;
  border: 0;
  border-bottom: 1px solid #eee;
  width: 100%;
  margin: 0;
  padding: 30px 0 0;
  margin-bottom: 20px; }

.form-semo {
  height: 55px; }

.select2-selection__rendered {
  color: #000;
  font-weight: bold;
  color: #B9B9B9; }

.form-control:focus,
.nav-tabs-simple {
  background-color: transparent !important; }

.nav-tabs-simple {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.nav-tabs-linetriangle li.active a {
  color: #31BCC8; }

.nav-tabs {
  margin-right: 15px; }
  .nav-tabs li {
    color: #aaa; }
    .nav-tabs li a {
      color: inherit; }

.nav-tabs.nav-tabs-left {
  margin-right: 0;
  margin-top: 0; }

.nav-tabs-simple > li:after {
  background-color: #31BCC8; }

.modal.fade.fill-in.in {
  background-color: #0000007d;
  cursor: alias; }

#siclo__container .siclo__table-list table th {
  color: #000; }

#siclo__container .panel-title {
  color: #999; }

.siclo__upload-panel {
  font-family: 'Montserrat';
  width: 100%;
  height: 300px;
  border: 1px solid #eee;
  background-color: #F8F8F8; }
  .siclo__upload-panel .siclo__upload-panel-title {
    display: block;
    letter-spacing: 0.02em;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0;
    filter: alpha(opacity=40);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    clear: both;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    text-transform: uppercase;
    padding: 18px 15px 10px;
    color: #000; }
  .siclo__upload-panel .siclo__upload-panel-info {
    display: block;
    text-align: center;
    margin-top: -50px;
    width: 100%;
    font-size: 20px;
    color: #000; }
    .siclo__upload-panel .siclo__upload-panel-info span {
      font-weight: bold; }
    .siclo__upload-panel .siclo__upload-panel-info small {
      color: #999;
      display: block;
      font-size: 70%;
      font-weight: 100;
      margin-top: 15px; }
  .siclo__upload-panel .siclo__upload-panel-wrap {
    max-width: 100%;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .siclo__upload-panel .siclo__upload-panel-wrap:hover {
      opacity: 0.7; }

.label-salon {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  top: 7px;
  white-space: nowrap;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  text-transform: capitalize !important; }

.table-name-capitalized {
  text-transform: capitalize; }

.btn-group-salones {
  float: right; }

.login-logo {
  margin: 160px 0 40px; }
  .login-logo img {
    max-width: 100%;
    height: auto; }
  @media only screen and (max-width: 768px) {
    .login-logo {
      margin-top: 0;
      text-align: center; } }

.btn-black {
  border-color: #000 !important;
  background-color: #000 !important; }

body.home-login {
  background-color: #fff; }

.tab-pane#historial-tab {
  margin-top: -30px; }

.alert,
.pgn-wrapper,
.pgn.push-on-sidebar-open {
  z-index: 9999999 !important; }

.table-responsive {
  border-color: transparent !important; }

.header-inner {
  display: none; }
  .header-inner .siclo__lista-venta .remove-item i {
    color: #999; }
  .header-inner .siclo__lista-venta-total .row {
    border-left-color: transparent;
    border-right-color: transparent; }

.nav-tabs-pago {
  border-bottom: 0; }
  .nav-tabs-pago::after {
    border: 0; }
  .nav-tabs-pago li.active, .nav-tabs-pago li:hover {
    border-bottom-color: transparent; }
    .nav-tabs-pago li.active::after, .nav-tabs-pago li:hover::after {
      display: none; }

.user-label {
  color: #aaa !important; }

.siclo__paquetes {
  margin-top: 30px;
  margin-bottom: 60px; }
  .siclo__paquetes .siclo__pago-buscar-producto {
    margin-top: -15px;
    margin-bottom: 20px; }
  .siclo__paquetes .siclo__paquetes-bloque {
    border: 1px solid #eee;
    margin-left: 10px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer; }
    @media only screen and (max-width: 776px) {
      .siclo__paquetes .siclo__paquetes-bloque {
        margin-left: 0; } }
    .siclo__paquetes .siclo__paquetes-bloque.active, .siclo__paquetes .siclo__paquetes-bloque:hover {
      border-color: #24C5CE; }
    .siclo__paquetes .siclo__paquetes-bloque span {
      color: #000;
      display: block;
      font-family: 'monserrat-light';
      font-weight: 100;
      font-size: 12px;
      margin-bottom: 5px; }
      .siclo__paquetes .siclo__paquetes-bloque span::last-child {
        margin-bottom: 0; }
    .siclo__paquetes .siclo__paquetes-bloque .siclo__paquetes-bloque-numero {
      font-size: 36px;
      font-weight: 100;
      margin-bottom: 15px; }
    .siclo__paquetes .siclo__paquetes-bloque .siclo__paquetes-bloque-clases {
      text-transform: uppercase; }
    .siclo__paquetes .siclo__paquetes-bloque .siclo__paquetes-bloque-precio {
      font-family: 'monserrat-light';
      font-weight: bold;
      font-size: 12.5px; }
  .siclo__paquetes .table-responsive .add-item,
  .siclo__paquetes .table-responsive .minus-item {
    font-size: 12px;
    color: #aaa;
    padding: 6px 5px 5px; }
    .siclo__paquetes .table-responsive .add-item:hover,
    .siclo__paquetes .table-responsive .minus-item:hover {
      color: #666;
      border-color: #ccc; }

.siclo__table-reservas .btn-reserva {
  margin-right: 10px !important;
  margin-bottom: 10px !important; }

.siclo__avatar-user {
  position: relative;
  font-size: 24px;
  top: -3px;
  color: #aaa; }

.table-toggle {
  position: absolute;
  right: 10px;
  border-radius: 50%;
  display: none;
  bottom: 20px; }

  .studio_desktop{
    display: none;
  }
  .studio_mobile{
    display: inline-block;
  }
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 1100px) {
  .studio_desktop{
    display: inline-block;
  }
  .studio_mobile{
    display: none;
  }

  .siclo__tablas {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
	Label the datas
	*/ }
    .siclo__tablas .table-toggle {
      display: block; }
    .siclo__tablas .panel-heading {
      padding-bottom: 30px !important; }
    .siclo__tablas .label-salon {
      margin-bottom: 30px;
      display: block; }
    .siclo__tablas .btn-group-salones {
      display: block;
      margin-bottom: 20px; }
    .siclo__tablas .panel-heading .panel-title {
      position: relative;
      margin-bottom: 30px !important; }
    .siclo__tablas table,
    .siclo__tablas tbody,
    .siclo__tablas td,
    .siclo__tablas th,
    .siclo__tablas thead,
    .siclo__tablas tr {
      display: block; }
    .siclo__tablas .table tbody tr td {
      border-bottom-color: #F8F8F8 !important; }
    .siclo__tablas .table-striped > tbody > tr:nth-of-type(odd) {
      background-color: transparent !important; }
    .siclo__tablas thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .siclo__tablas tr {
      border: 1px solid transparent; }
    .siclo__tablas td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid transparent;
      position: relative;
      padding-left: 50%;
      padding-bottom: 30px; }
      .siclo__tablas td p {
        margin-top: 20px; }
      .siclo__tablas td button.align-right.push-right.btn.btn-xs {
        margin-bottom: 30px !important;
        position: relative;
        display: block;
        float: none; }
    .siclo__tablas td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 0;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      font-weight: bold !important;
      text-transform: uppercase;
      position: relative;
      clear: both;
      display: block;
      margin-bottom: 20px; }
    .siclo__tablas .table-dashboard td:before {
      text-transform: none;
      left: 0px; }
    .siclo__tablas .activetable td {
      display: block; }
    .siclo__tablas td {
      display: none; }
      .siclo__tablas td:nth-child(1) {
        display: block; }
    .siclo__tablas .table-estudios td:nth-child(2), .siclo__tablas .table-estudios td:nth-child(3),  .siclo__tablas .table-estudios td:nth-child(5) {
      display: block; }
    .siclo__tablas .table-estudios .label-salon {
      white-space: normal;
      display: inline-block; }
    .siclo__tablas .table-nuevas-reservas td, .siclo__tablas .table-full-responsive td {
      display: block;
      padding-left: 0; }
    .siclo__tablas td:before {
      content: attr(data-label); } }

.header-inner {
  display: none; }

.days-of-weeks-disabled::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  z-index: 9999999999;
  background: transparent; }

.days-of-week {
  position: relative; }

@media only screen and (max-width: 1100px) {
  .table-responsive-block.table-full-responsive td:before {
    content: attr(data-label) !important;
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 0;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold !important;
    text-transform: uppercase;
    position: relative;
    clear: both;
    display: block;
    margin-bottom: 20px; } }

.siclo__panel-reservaciones .nav-tabs.nav-tabs-left ~ .tab-content {
  border-left: 0; }

/*------------------------------------------------------------------
 Sección de pagos
-------------------------------------------------------------------*/
.siclo__section-pago {
  margin-top: -90px; }
  @media only screen and (max-width: 776px) {
    .siclo__section-pago .table-productos {
      height: 400px;
      overflow: scroll;
      margin-bottom: -60px;
      border: 1px solid #eee !important; }
      .siclo__section-pago .table-productos tr {
        width: 100%;
        display: block; }
        .siclo__section-pago .table-productos tr td {
          border-bottom: 0 !important; } }
  @media only screen and (max-width: 776px) {
    .siclo__section-pago .nav-tabs.blocked-navs {
      margin: 0;
      padding: 30px 40px 0 !important; }
      .siclo__section-pago .nav-tabs.blocked-navs::after {
        display: none; } }
  @media only screen and (max-width: 776px) {
    .siclo__section-pago .nav-tabs.blocked-navs li {
      display: block;
      margin-right: 10px !important;
      margin-bottom: 10px !important; }
      .siclo__section-pago .nav-tabs.blocked-navs li:last-child {
        margin-bottom: 0 !important; }
      .siclo__section-pago .nav-tabs.blocked-navs li a {
        display: inline;
        font-size: 1.4em; } }
  .siclo__section-pago .nav-tabs.blocked-navs li a {
    pointer-events: none;
    cursor: not-allowed; }
    .siclo__section-pago .nav-tabs.blocked-navs li a i {
      margin-right: 10px; }
  .siclo__section-pago .siclo__pago-buscar-usuario {
    position: relative; }
  .siclo__section-pago .siclo__lista-usuarios {
    position: relative;
    border: 1px solid #eee;
    max-height: 400px;
    overflow: scroll;
    margin: 0 0 0;
    padding: 0 0 0 30px; }
    .siclo__section-pago .siclo__lista-usuarios li {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-top: 15px;
      margin-bottom: 15px;
      color: #999;
      cursor: pointer; }
      .siclo__section-pago .siclo__lista-usuarios li:hover {
        font-weight: bold; }

.btn-animated > span {
  height: auto; }

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
  background-color: transparent !important;
  color: #fff; }

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
  line-height: 45px; }

.tus-tarjetas-bloque ul {
  margin: 0;
  padding: 0; }
  .tus-tarjetas-bloque ul li {
    font-family: 'monserrat-light';
    list-style: none;
    margin: 0;
    padding: 0;
    display: table-cell;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin: 0 15px 0 0;
    text-align: center;
    cursor: pointer;
    border-radius: 5px; }
    .tus-tarjetas-bloque ul li label {
      cursor: pointer; }
    .tus-tarjetas-bloque ul li input {
      display: none; }
    .tus-tarjetas-bloque ul li:hover, .tus-tarjetas-bloque ul li.active {
      border-color: #aaa; }
    .tus-tarjetas-bloque ul li span {
      display: block;
      color: #111;
      font-size: 12px;
      margin-top: 15px; }

.ConektaTabComponentForm-enter {
  opacity: 0.01;
  transform: scale(0, 0); }

.ConektaTabComponentForm-enter.ConektaTabComponentForm-enter-active {
  opacity: 1;
  transition: all 250ms ease-in;
  transform: scale(1, 1); }

.ConektaTabComponentForm-leave {
  opacity: 1;
  transform: scale(1, 1); }

.ConektaTabComponentForm-leave.ConektaTabComponentForm-leave-active {
  opacity: 0.01;
  transition: all 250ms ease-in;
  transform: scale(0, 0); }

.input-agregar-waitlist label:not(.error) {
  margin-bottom: 10px; }

table .fa.fa-file-excel-o {
  color: #444; 
}

table .fa.fa-file-pdf-o {
  color: #444; 
}

table .fa.fa-print {
  color: #444; 
}

table .fa.fa-file {
  color: #444; 
}

#user-results {
  position: relative;
  border: 1px solid #eee;
  max-height: 400px;
  overflow: scroll;
  margin: 0 0 15px;
  padding: 0 0 0 0px;
  top: -11px; }
  #user-results li {
    font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    list-style: none;
    margin: 0 0 0;
    padding: 15px 0 15px 15px;
    color: #999;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    transition: .3s linear; }
    #user-results li span {
      color: #bbb;
      position: relative;
      left: 10px; }
    #user-results li:hover {
      background: #f7f7f7;
      transition: .01s linear; }

.form-sliders h5 {
  margin-bottom: 15px; }

.nouislider_element {
  margin-bottom: 0px;
  max-width: 90%; }

.slider_value {
  font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #666;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 30px; }

.siclo__widget-location .btn-reserva {
  position: relative;
  border-color: #eee; }
  .siclo__widget-location .btn-reserva::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border: 5px solid;
    background-color: transparent;
    border-color: transparent;
    border-top-color: #000;
    border-right-color: #000; }

.siclo__widget-location .btn-reserva.superred::before {
  border-top-color: #B81D13;
  border-right-color: #B81D13; }

.siclo__widget-location .btn-reserva.mediumred::before {
  border-top-color: #DA530A;
  border-right-color: #DA530A; }

.siclo__widget-location .btn-reserva.halfred::before {
  border-top-color: #EFB700;
  border-right-color: #EFB700; }

.siclo__widget-location .btn-reserva.almostblank::before {
  border-top-color: #86b49b;
  border-right-color: #86b49b; }

.siclo__widget-location .btn-reserva.completeblank::before {
  border-top-color: #008450;
  border-right-color: #008450; }

.product-taxonomy-form {
  clear: both;
  display: block !important;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px; }
  .product-taxonomy-form h3 {
    display: inline;
    padding-right: 30px;
    padding-left: 15px; }
  .product-taxonomy-form .radio {
    display: inline; }

.siclo__dropselect {
  outline: 0;
  border: 0;
  background: transparent;
  color: #aaa;
  position: relative;
  top: 6px; }

.locacion-dias-filtro {
  position: relative;
  top: -3px;
  left: 30px;
  display: inline; }

.locacion-titulo {
  margin-top: 3px; }
  .locacion-titulo h2 {
    margin-top: 0px !important;
    display: inline;
    margin-left: 15px !important; }

.padding-custom {
  display: inline;
  padding-bottom: 5px !important; }

.table-widget-location .table-no-margin {
  margin-bottom: 0 !important; }

.table-widget-location .table tbody tr td.td-custom {
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 0; }
  .table-widget-location .table tbody tr td.td-custom:first-child {
    padding-left: 10px; }
  .table-widget-location .table tbody tr td.td-custom:last-child {
    padding-right: 10px; }

.table-widget-location .table tbody tr td.td-dia {
  padding-left: 15px;
  padding-top: 15px; }

.table-widget-location .table tbody tr td {
  padding: 0;
  padding-left: 0px;
  padding-top: 5px; }

.table-widget-location .btn-reserva {
  cursor: default;
  width: 100%;
  margin-right: 0px; }
  @media only screen and (max-width: 1100px) {
    .table-widget-location .btn-reserva {
      width: auto; } }

.h5-reserve-filter {
  margin-right: 5px; }

@media only screen and (max-width: 1100px) {
  #compare-package {
    margin-bottom: 30px;
    clear: both; }
  .h5-dashboard-filter {
    margin-top: 20px; }
  #package-radio-group {
    margin-bottom: 30px; }
  .h5-dashboard-filter.h5-dashboard-sel {
    display: block; }
  .siclo__widget-location .panel {
    border: 1px solid #eee !important; }
  #tab-calendar #datepicker-component {
    width: 80%; }
  .locacion-titulo h2 {
    display: block;
    margin-bottom: 15px !important; }
  .h5-reserve-filter {
    display: none; }
  .locacion-dias-filtro {
    position: relative;
    top: 0px;
    left: 15px;
    display: inline-block;
    padding-bottom: 15px; }
  .table-widget-location .table tbody tr td.td-dia {
    padding-left: 15px;
    padding-top: 5px; }
  #dashboard-tabs li {
    display: block;
    float: left;
    width: 40%; }
    #dashboard-tabs li.active a {
      color: #19C3CD !important; }
    #dashboard-tabs li.active::after {
      display: none; } }

.input-daterange.input-group.col-sm-12.required {
  margin-bottom: 10px; }

.profile-dropdown-toggle {
  border: 1px solid #eee;
  border-radius: 50%; }

.datepicker th.prev::before, .datepicker th.next::before {
  color: #19C3CD !important; }

.datepicker thead tr .dow {
  color: #19C3CD !important; }

.item-tarjeta li img {
  width: 51px !important;
  height: auto !important; }

#new-salon-form label {
  font-weight: bold;
  font-family: 'Montserrat';
  position: relative;
}

#new-salon-form input {
  display: inline-block;
}
  @media only screen and (max-width: 776px) {
    #new-salon-form input {
      width: 70%; } }

#new-salon-form button {
  display: inline-block; }

.modal-full {
  width: 90%; }
  @media only screen and (max-width: 776px) {
    .modal-full {
      width: 100% !important;
      margin: 0 !important; } }
  .modal-full .nav-tabs.nav-tabs-left {
    float: none; }
    .modal-full .nav-tabs.nav-tabs-left li {
      display: inline; }
      .modal-full .nav-tabs.nav-tabs-left li a {
        display: inline-block; }
      .modal-full .nav-tabs.nav-tabs-left li::after {
        display: none; }

#siclo__reserva-panel .reserva-title {
  position: absolute;
  z-index: 9;
  font-size: 14px;
  left: 30px;
  top: 25px;
  width: 90%;
  text-align: center; }
  @media only screen and (max-width: 446px) {
    #siclo__reserva-panel .reserva-title {
      width: 80%; } }

#siclo__reserva-panel .reserva-title-span {
  position: absolute;
  z-index: 9;
  left: 30px;
  top: 20px;
  width: 90%;
  text-align: center; }
  @media only screen and (max-width: 446px) {
    #siclo__reserva-panel .reserva-title-span {
      width: 80%; } }

#siclo__reserva-panel .navbar .navbar-inner {
  height: 80px; }

#siclo__reserva-panel .navbar .action {
  top: 15px;
  z-index: 11;
  position: relative; }
  #siclo__reserva-panel .navbar .action i {
    font-size: 20px !important; }
  @media only screen and (max-width: 776px) {
    #siclo__reserva-panel .navbar .action {
      top: 30px; } }

#siclo__reserva-panel .list-view-fake-header {
  line-height: 38px !important; }

#siclo__reserva-panel .list-view-group-container {
  top: 30px;
  position: relative; }

#siclo__reserva-panel .navbar-default, #siclo__reserva-panel .b-t.b-grey.bg-white.clearfix.p-l-10.p-r-10 {
  border-color: transparent; }

#siclo__reserva-panel .view-heading {
  visibility: hidden; }

#siclo__reserva-panel .table {
  margin-top: 3px; }

#siclo__reserva-panel .classroom-shape-in-admin button {
  margin-top: 30px; }

@media only screen and (max-width: 776px) {
  .classroom-layout {
    transform: scale(0.5) !important; }
  .panel-heading .btn-group.pull-right.m-b-10 {
    float: none !important; }
    .panel-heading .btn-group.pull-right.m-b-10 .pull-left {
      width: 45%; }
  .siclo__paquetes .table tr {
    width: 100%;
    position: relative; }
  .siclo__paquetes .table .col-lg-8 {
    overflow: hidden;
    min-width: 150px;
    max-width: 220px;
    position: relative;
    z-index: 90;
    font-size: 11px;
    background-color: transparent; }
  .siclo__paquetes .table .col-lg-2 {
    overflow: hidden;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 40; } }

.classroom-grid td {
  cursor: pointer; }

.scroll-wrapper.drager.week-dragger {
  margin-top: 20px; }

@media only screen and (min-width: 980px) {
  .scroll-wrapper.drager.week-dragger {
    display: none; } }

/* GIFT CARD VALIDATORS*/

   .siclo__gift-card-validator-buttons {
     margin-right: 9px;
     display: flex;
     flex-wrap: nowrap;
   }

.siclo__gift-card-validator-input-widget {
  display: flex;
  align-items: center;
}

.siclo__gift-card-description {
  width: 150px;
  display: inline-block;
}

.siclo__gift-card-validator-input-widget input {
  width: 140px;
  margin-right: 7px;
}

.siclo__gift-card-validator-input-widget label {
  display: flex;
  align-items: center;
}

.siclo__gift-card-validator {
  border-bottom: 1px solid #ededed;
  margin: 10px 0px 10px;
}

.row.siclo__GiftCardValidators {
  margin-top: 20px;
}

.siclo__gift-card-instructions {
  font-size: 11px;
  margin-bottom: 7px;
  display: inline-block;
}

.text-space-normal {
  white-space: normal !important;
}