@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
  padding-top: 0;
  margin: 0px;
  font-family: 'Roboto', sans-serif !important;
  font-size: .9rem;
  background-color: #464646;
  color: #ffffff;
  background: url("../../../img/fondo_2.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.6);
  /* Black w/opacity */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay-cliente {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
  transition: 0.5s;
}

@import "https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700";


#timeline .timeline-item:after,
#timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.page-item.disabled .page-link {
  color: #61ae80;
  pointer-events: none;
  cursor: auto;
  background-color: rgba(45, 43, 43, 0.80);
  border-color:rgba(45, 43, 43, 0.80);
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #61ae80;
  border-color: #61ae80;
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #61ae80;
  background-color:rgba(45, 43, 43, 0.80);
  border: 1px solid rgba(45, 43, 43, 0.80);
}

#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #000;
  left: 50%;
  top: 0;
  position: absolute;
}

#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}

#timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}

#timeline .timeline-item .timeline-icon {
  background: #000;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#timeline .timeline-item .timeline-icon svg {
  position: relative;
  top: 2px;
  left: 5px;
}

#timeline .timeline-item .timeline-content {
  width: 45%;
  background: #F8F9FA;
  padding: 20px;
  color: #000;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content h2 {
  padding: 10px 20px 10px 20px;
  /*background: #000;*/
  color: #000;
  margin: -20px -20px 0 -20px;
  font-weight: 300;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-size: 1rem;
}

#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #000;
}

#timeline .timeline-item .timeline-content.right {
  float: right;
}

#timeline .timeline-item .timeline-content.right:before {
  content: '';
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #000;
}

.btntimeline {
  padding: 5px 15px;
  text-decoration: none;
  background: transparent;
  border: 2px solid #000;
  color: #000;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -webkit-box-shadow: 2px 2px 0 #000;
  -moz-box-shadow: 2px 2px 0 #000;
  -ms-box-shadow: 2px 2px 0 #000;
  box-shadow: 2px 2px 0 #000;
}

.btntimeline:hover {
  box-shadow: none;
  top: 2px;
  left: 2px;
  -webkit-box-shadow: 2px 2px 0 transparent;
  -moz-box-shadow: 2px 2px 0 transparent;
  -ms-box-shadow: 2px 2px 0 transparent;
  box-shadow: 2px 2px 0 transparent;
}

/*@media screen and (max-width: 768px) {*/
#timeline {
  margin: 30px;
  padding: 0px;
  width: 90%;
}

#timeline:before {
  left: 0;
}

#timeline .timeline-item .timeline-content {
  width: 94%;
  float: right;
}

#timeline .timeline-item .timeline-content:before,
#timeline .timeline-item .timeline-content.right:before {
  left: 10%;
  margin-left: -46px;
  border-left: 0;
  border-right: 7px solid #000;
}

#timeline .timeline-item .timeline-icon {
  left: 0;
}

/*}*/

.note-frame {
  background-color: #FFF;
}

.form-control-sm {
  font-size: .675rem;
}

.bg-light {
  background-color: inherit !important;
}

.fondo_round {
  background-color: rgba(0, 0, 0, 0.80);
  border-radius: 2rem;
}

.fondo_blanco_round {
  background-color: rgba(255, 255, 255, 0.80);
  border-radius: 2rem;
}

.fondo_blanco_round_nt {
  background-color: rgba(255, 255, 255);
  border-radius: 2rem;
}

.fondo_gris_round {
  background-color: rgba(45, 43, 43, 0.80);
  border-radius: 2rem;
}

.modal-backdrop {
  z-index: 0 !important;
}

.modal {
  background-color: rgba(10, 10, 10, 0.90);
  /* Black w/opacity */
}

.bg-black {
  background-color: #000000!important;
}

.modal-content-black {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #000;
  background-clip: padding-box;
  border-radius: 2rem;
  outline: 0;
}

.modal-content-blue {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #0070C0;
  background-clip: padding-box;
  border-radius: 2rem;
  outline: 0;
}
.modal-content-grey {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgba(51, 51, 51, 0.9);
  background-clip: padding-box;
  border-radius: 2rem;
  outline: 0;
}

.modal-content-green {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgba(169, 209, 142, 0.9);
  background-clip: padding-box;
  border-radius: 2rem;
  outline: 0;
  color: #000;
}

.modal-title {
  color: #6f6f6f;
}

.navbar-toggler {
  border-radius: 1rem;
}

.navbar-dark .navbar-toggler {
  color: #61ae80;
  border-color: #61ae80;
}
.navbar-dark-pro .navbar-toggler-pro {
  color: #007bff;
  border-color: #007bff;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-brand {
  /*margin-right: 28rem;*/
}

.btn-green {
  color: #fff;
  background-color: teal;
  border-color: #005a5a
}

.btn-green:hover {
  color: #fff;
  background-color: #004d4d;
  border-color: #009a9a
}

.btn-green:focus,
.btn-green.focus {
  box-shadow: 0 0 0 .2rem rgba(0, 90, 90, 0.5)
}

.btn-green.disabled,
.btn-green:disabled {
  color: #fff;
  background-color: teal;
  border-color: #005a5a
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show>.btn-green.dropdown-toggle {
  color: #fff;
  background-color: #00b3b3;
  border-color: #000;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show>.btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 90, 90, 0.5)
}

.navbar-dark .navbar-nav .active>.nav-link {
  color: #61ae80 !important;
  font-weight: bold;
  font-size: 1rem;
}

.navbar-pro .navbar-nav .active>.nav-link {
  color: #007bff !important;
  font-weight: bold;
  font-size: 1rem;
}

.navbar-dark .navbar-nav,
.navbar-dark .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  font-size: 1rem;
  text-shadow: 1px 1px 2px rgb(22, 22, 22);
}

.btn-super-round-regular {
  border-radius: 30px;
  background-color: rgb(0, 123, 255) !important;
}

.btn-super-round {
  border-radius: 30px;
  background-color: rgb(0, 123, 255, .4) !important;
}

.btn-super-round-pro {
  border-radius: 30px;
  background-color: rgba(0, 255, 106, 0.2) !important;
  border-color: #61ae80;
}
.btn-super-round-pro:hover {
  border-color: #407756
}

.navbar-calagend {
  background-color:rgb(0, 0, 0, 0.80);
  border-radius: 30px;
}
.navbar-brand>img {
  /*margin-right: 100px;*/
}

.navbar-dark .navbar-nav .nav-item.active .nav-link,
.navbar-dark .navbar-nav .nav-item:hover .nav-link {
  color: #ffffff;
}

.container-xl {
  max-width: 1280px;
}

.starter-template {
  text-align: center;
}

.border-gris-bottom {
  border-bottom: 1px solid #61ae80;
}

.border-azul-bottom {
  border-bottom: 1px solid #007bff;
}

.border-top-azul {
  border-top: 1px solid #007bff;
}

.border-top-verde {
  border-top: 1px solid #61ae80;
}

.fondo-gris-pie {
  background-color: rgba(0, 0, 0, 0.90);
  color: #FFFFFF;
  padding: 30px;
}

.bootbox-body {
  /*color: #212529;*/
  text-align: center;
}

.bootbox .modal-dialog .modal-content {
  background-color: rgba(0, 0, 0, 0.90) !important;
  color: #ffffff !important;
  border: 1px solid #4368AA;
}

.bootbox .modal-dialog .modal-content .modal-header  {
  border: 0px;
  display: inline-block;
}

.bootbox .modal-dialog .modal-content .modal-header .modal-title {
  text-align: center;
  color: #ffffff !important;
}

.bootbox .modal-dialog .modal-content .modal-footer {
  text-align: center;
  display: inline;
  border-top: 0px;
}

.bootbox-close-button {
  color: #4368AA !important;
  display: none;
}

.table {
  /*color: #FFFFFF;*/
}

.table td,
.table th {
  border-top: 0px solid #a3aab1;
}

.texto-verde {
  color: #61ae80;
}

.btn {
  font-size: 0.8rem;
}

.btn-sm {
  font-size: 0.65rem;
  padding: 0.40rem;
}

.btn-min-height {
  min-height: 100% !important;
}

.btn-verde {
  color: #fff;
  background-color: #61ae80;
  border-color: #61ae80;
}

.btn-verde-light {
  color: #FFFFFF;
  background-color: #61ae80;
  border-color: #61ae80;
}

.btn-rosa {
  color: #FFFFFF;
  background-color: #fc8c9b;
  border-color: #fc8c9b;
}

.boton-gris {
  background-color: #6f6f6f;
  color: #ffffff;
}

.boton-superior {
  background-color: #61ae80;
  border: 1px solid #61ae80;
  color: #ffffff;
}

.bienvenido {
  font-family: 'Roboto', sans-serif !important;
  font-size: 2.5rem;
  margin-top: .5rem !important;
  margin-bottom: 1rem !important;
}

.text-right-email {
  text-align: right !important;
}

.footer {
  /*background-color: #61ae80;*/
}

.text-muted {
  color: #ffffff !important;
  font-size: 0.8rem;
}

.card {
  border-radius: 2rem;
  background-color: rgba(45, 43, 43, 0.80);
}
.card-grey {
  border-radius: 2rem;
  background-color: rgba(237, 237, 237);
}

.card-blue {
  border-radius: 2rem;
  background-color:#0070C0;
}

.card-header-blue  {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color:#0070C0;
  border-bottom: 1px solid #0070C0;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}

.card-body-white {
  background-color:#dee2e6 !important;
  color: #222222 !important;
}
.card-footer-white {
  background-color:#dee2e6 !important;
  color: #222222 !important;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.no-gutters {
  /*background-color: #ededed;*/
}

.card-img {
  width: 70%;
}

@media (max-width: 639px) {
  .card-img {
    max-width: 50%;
  }
}

/*
.nav-tabs {
  border-bottom: 0px solid #dee2e6;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #f28983;
  border-color: #f28983 #f28983 #f28983;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 1.2rem;
}
.nav-tabs .nav-link {
  background-color: #f2cece;
  border-bottom: 1px solid transparent;
  border-top: 1px solid #f2cece;
  border-left: 1px solid #f2cece;
  border-right: 1px solid #f2cece;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: #f28983;
  font-size: 1.2rem;
  margin-right: 10px;
  margin-left: 10px;
}
*/

.nav-link {
  display: block;
  padding: .4rem 1.5rem;
}

.nav-tabs .nav-link {
  color: #fff;
  margin-right: 10px;
  border: 1px solid #fff;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #ffffff;
  background-color: #727272;
}

.card-body {
  padding: 0.5rem 1rem 1rem 1rem;
}

.card-title {
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 0.15rem;
  font-size: 1.1rem;
}

.card-text {
  color: #666666;
}

.card-azul {
  color: #61ae80;
  text-transform: capitalize;
  margin-bottom: 0.15rem;
}

.card-proxima {
  font-size: 0.8rem;
  color: #61ae80;
}

.display-6 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

body .fc {
  font-size: 0.7em;
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 1px #727272, 0 0 0 0.1rem rgba(48, 48, 48, 0.25);
  /* pink, 25% opacity */
}

.fc-nonbusiness {
  /*background-image: url("../../../img/unavailable.jpg") !important;*/
  background-color:#3B3838 !important;
}

.fc-bgevent {
  /* default look for background events */
  background: #3B3838;
  opacity: 0.8;
}

.bloqueado {
  /*background-image: url("../../../img/break.jpg") !important;
  background-color:rgba(32, 133, 216, 0.8) !important;*/
  background-color:#3B3838 !important;
  
}
.bloqueado_feriado {
  /*background-image: url("../../../img/break.jpg") !important;*/
  background-color:#3B3838 !important;
}
.bloqueado_um {
  background-color: rgba(160, 9, 9, 0.507) !important;
}
.bloqueado_evento {
  /*background-image: url("../../../img/break.jpg") !important;*/
  background-color: #007bff !important;
}

.ui-widget {
  font-size: 0.8em !important;
}
@media only screen and (max-width: 600px) { 
  .ui-widget {
    font-size: 1.1em !important;
  }
  #ui-datepicker-div{
    position: fixed;
    top: 50%;
    left: 10%;
    z-index: 9999;
    -webkit-transform   : translateX(-10%);
    -moz-transform      : translateX(-10%);
    -ms-transform       : translateX(-10%);
    transform           : translateX(-10%);
  }
}
@media only screen and (max-width: 300px) { 
  .ui-widget {
    font-size: 1em !important;
  }
  #ui-datepicker-div{
    position: fixed;
    top: 50%;
    left: 40%;
    z-index: 9999;
    -webkit-transform   : translateX(-40%);
    -moz-transform      : translateX(-40%);
    -ms-transform       : translateX(-40%);
    transform           : translateX(-40%);
  }
}


#calendar {
  margin: 0 auto;
}

.calendar {
  width: 100%;
}

.calendar .calendar-day-head {
  color: #FFF;
  padding: 2px;
  text-align: center;
}

.calendar-day-np {
  padding: 2px;
}

.calendar-day {
  background-color: transparent;
  padding: 2px;
  max-width: 25px;
}

.calendar-row {
  background-color: transparent;
}

.not-work-holiday {
  background-color: #ededed !important;
  padding: 2px;
  text-align: center;
}

.day-number {
  background-color: #61ae80;
  text-align: center;
  border-radius: 10px;
  line-height: 1.2;

}

.day-number-fix {
  height: 70px;
  width: 34px;
}

@media only screen and (min-width: 450px) {

  .day-number-fix {
    height: 60px;
    width: 50px;
  }
}

@media only screen and (min-width: 601px) {
  .day-number {
    padding: 4px;
  }

  .day-number-fix {
    min-height: 100%;
    width: 100%;
    max-width: 100%;
  }
}

.day-number a {
  color: #fff;
  display: inline;
  /*background-color: goldenrod;
  padding: 6px;*/
}

.day-calendar {
  position: relative;
  float: right;
  height: 25px;
  width: 25px;
  padding-top: 2px;
  border: 1px;
  background-color: goldenrod;
}

.day-calendar-new {
  height: 25px;
  width: 25px;
  padding-top: 4px;
  border: 1px;
  float: left;
  margin-left: 4px;
  margin-top: -2px;
  text-align: center;
  background-color: goldenrod;
}

.day-calendar-grey {
  height: 25px;
  width: 25px;
  padding-top: 4px;
  border: 1px;
  float: left;
  margin-left: 4px;
  margin-top: 5px;
  text-align: center;
  background-color: #646464;
}

@media only screen and (max-width: 450px) {
  .col-x {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  .day-calendar {
    float: initial;
    left: 4px;
    top: 1px;
  }
}

.not-work {
  background-color: #7F7F7F;
  border: 1px solid #666666;
  color: #ffffff;
  /*padding: 6px;*/
  text-align: center;
  line-height: 1.2;
}

#reserva_hora_inicio #email {
  display: inline;
}

.bi-cart4 {
  color: #D29500;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .navbar-brand>img {
    /*margin-right: 50px;*/
  }

  .text-right-email {
    text-align: left !important;
  }

  #reserva_hora_inicio #email {
    max-width: 100%;
  }

  .img-fluid {
    max-width: 80%;
    height: auto;
  }

  .navbar-toggler {
    padding: .40rem .55rem;
    font-size: 0.80rem;
  }

  .bienvenido {
    font-size: 2.5rem;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
  }

  .navbar {
    padding: .5rem 0rem;
  }
}


@media only screen and (max-height: 600px) {
  .bienvenido {
    font-size: 2rem;
    margin-top: .3rem !important;
    margin-bottom: 0 !important;
  }

  h4 {
    font-size: 1rem;
  }

}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .navbar-brand>img {
    /*margin-right: 10px;*/
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .navbar-brand>img {
    /*margin-right: 20px;*/
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .navbar-brand>img {
    /*margin-right: 100px;*/*
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .navbar-brand {
    /*margin-right: 12rem;*/
  }
}


input[type="file"]#foto {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

label[for="foto"] {
  font-size: 14px;
  font-weight: 600;
  color: #cccccc;
  display: inline-block;
  transition: all 0.5s;
  cursor: pointer;
  padding: 10px 22px !important;
  width: fit-content;
  text-align: center;
}

.comparison {
  max-width: 940px;
  margin: 0 auto;
  font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 10px;
}

.comparison table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  /*border-bottom: 1px solid #ccc;*/
}

.comparison td,
.comparison th {
  border-right: 1px solid #ccc;
  empty-cells: show;
  padding: 10px;
}

.compare-heading {
  font-size: 18px;
  font-weight: bold !important;
  border-bottom: 0 !important;
  padding-top: 10px !important;
}

.comparison tbody tr:nth-child(odd) {
  display: none;
}

.comparison .compare-row {
  background: #f5f5f5;
}

.comparison .tickblue {
  color: #0078c1;
}

.comparison .tickgreen {
  color: #009e2c;
}

.comparison th {
  font-weight: normal;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

.comparison tr td:first-child {
  text-align: left;
}

.comparison .qbse,
.comparison .qbo,
.comparison .tl {
  color: #fff;
  padding: 10px;
  font-size: 13px;
  border-right: 1px solid #ccc;
  border-bottom: 0;
}

.comparison .tl2 {
  border-right: 0;
}

.comparison .qbse {
  background: #0078c1;
  border-top-left-radius: 3px;
  border-left: 0px;
}

.comparison .qbo {
  background: #009e2c;
  border-top-right-radius: 3px;
  border-left: 0px;
}

.comparison .price-info {
  padding: 5px 15px 15px 15px;
}

.comparison .price-was {
  color: #999;
  text-decoration: line-through;
}

.comparison .price-now,
.comparison .price-now span {
  color: #304c7d;
}

.comparison .price-now span {
  font-size: 28px;
}

.comparison .price-small {
  font-size: 18px !important;
  position: relative;
  top: -11px;
  left: 2px;
}

.comparison .price-buy {
  background: #ff5406;
  padding: 10px 20px;
  font-size: 12px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 5px 0 10px 0;
}

.comparison .price-try {
  font-size: 12px;
}

.comparison .price-try a {
  color: #202020;
}

@media (max-width: 767px) {

  .comparison td:first-child,
  .comparison th:first-child {
    display: none;
  }

  .comparison tbody tr:nth-child(odd) {
    display: table-row;
    background: #f7f7f7;
  }

  .comparison .row {
    background: #fff;
  }

  .comparison td,
  .comparison th {
    border: 1px solid #ccc;
  }

  .price-info {
    border-top: 0 !important;
  }
}

@media (max-width: 639px) {
  .comparison .price-buy {
    padding: 5px 10px;
  }

  .comparison td,
  .comparison th {
    padding: 10px 5px;
  }

  .comparison .hide-mobile {
    display: none;
  }

  .comparison .price-now span {
    font-size: 16px;
  }

  .comparison .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
  }

  .comparison .qbse,
  .comparison .qbo {
    font-size: 12px;
    padding: 10px 5px;
  }

  .comparison .price-buy {
    margin-top: 10px;
  }

  .compare-heading {
    font-size: 13px;
  }
}

.calagend-header{
  font-size: 1.3rem !important;
}

.calagend-header-small{
  font-size: .7rem !important;
}
.text-gold {
  color:rgb(233, 221, 157);
}
.text-blanco {
  color: #ffffff !important;
}

.text-blanco-time>span {
  color: #ffffff !important;
}
.text-azul {
  color: #00B0F0 !important;
}

.text-black {
  color: #000000 !important;
}

.text-grey {
  color: #666666 !important;
}

.text-yellow {
  color: #FFFF00 !important;
}

.text-light-grey {
  color: #c2c2c2 !important;
}

.text-green {
  color: #61ae80 !important;
}

.img-login-logo {
  max-width: 150% !important;
  margin-top: 1.5rem;
}


.text-h-sm {
  line-height: 1;
}

.text-h-auto {
  line-height: auto;
}

.link {
  text-decoration: none;
}

.link:visited {
  text-decoration: none;
}

.link:hover {
  text-decoration: none;
}

.link:active {
  text-decoration: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: 90%;
  }

  .img-login-logo {
    max-width: 110px !important;
    margin-top: .3rem;
    margin-bottom: .5rem;
  }
}

@media only screen and (max-height: 600px) {
  .img-login-logo {
    max-width: 110px !important;
    margin-top: .3rem;
    margin-bottom: 0rem;
  }

  .navbar-brand>img {
    max-height: 50px !important;
  }
}

.img-registro {
  max-height: 120px !important;
}

.img-registro-modal {
  max-height: 100px !important;
}

.img-registro-check {
  max-height: 20px !important;
}

.img-productos {
  max-height: 95px !important;
}

@media only screen and (max-height: 600px) {
  .img-productos {
    max-height: 70px !important;
  }
}

.plan_texto, .plan_texto_movil {
  /*color: #6f6f6f;*/
  color: #ffffff;
}

.plan_texto {
  position: absolute;
  top: 30px;
}


.programa-texto {
  color: #ffffff;
  font-size: .8rem;
  line-height: .9;
}

.programa-cantidad {
  color: #00B0F0;
  font-weight: bold;
  position: absolute;
  top: -25px;
  font-size: .9rem;
}

.ver-mas {
  margin-left: 5px;
  color: #0078c1;
  cursor: pointer;
}

.productos-adicionales {
  margin-bottom: 4px;
}

@media only screen and (max-height: 600px) {
  .productos-adicionales {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1;
  }
}

.form-control-md {
  font-size: .675rem;
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem !important;
}

.card-text-sub {
  font-size: 1rem;
}

.custom-control-input-green:checked~.custom-control-label-green::before {
  background-color: #61ae80;
}

.custom-radio-green .custom-control-input-green:focus~.custom-control-label-green::before {
  box-shadow: 0 0 0 1px #61ae80, 0 0 0 0.1rem rgba(48, 48, 48, 0.25);
}

.custom-control-input-green:checked+label {
  font-weight: bold;
  color: #61ae80;
}

.fondo_azul {
  background-color: rgba(0, 123, 255, 0.70);
}

@media only screen and (max-width: 600px) {
  .productos_movil {
    background-color: #222222;
    border: 1px solid #000;
    border-radius: .5rem !important;
  }
}

.cal-menu-img-30 {
  max-width: 30px;
  max-height: 30px;
}
.cal-menu-img-35 {
  max-width: 35px;
  max-height: 35px;
}
.cal-menu-img {
  max-width: 40px;
  max-height: 40px;
}
.cal-menu-img-45 {
  max-width: 45px;
  max-height: 45px;
}
.cal-bloqueo-adhoc {
  max-width: 25px !important;
  max-height: 25px !important;
  margin-right: 5px;
}
@media only screen and (max-width: 600px) { 
  .cal-bloqueo {
    max-width: 30px !important;
    max-height: 30px !important;
  }
}


.link {
  cursor: pointer;
}

.custom-modal-close {
  position: absolute !important;
  right: right;
  top: -15px;
  right: -25px;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #4368AA !important;
  line-height: 1;
  opacity: 1;
}
.custom-modal-close > svg {
  fill: #FFFFFF !important;
}
@media only screen and (max-width: 600px) { 
  .custom-modal-close {
    top: -10px;
    right: -8px;
  }
}

.text-modal-title {
  color: #c2c2c2;
  text-align: center;
  font-size: .8rem;
  line-height: 1.2;
}

.text-modal-title-white {
  color: #ffffff;
  text-align: center;
  font-size: .9rem;
  line-height: 1.2;
}

.text-modal-small-blue,
.text-modal-small,
.text-modal-small-grey {
  font-size: .65rem;
  line-height: 1;
}

.text-modal-small-blue {
  color: #00B0F0;
}

.text-modal-small-grey {
  color: #c2c2c2;
}

.text-modal-email {
  font-size: .8rem;
  line-height: 1;
  color: #ffffff;
}

.modal-table {
  color: #fff;
}

.line-height-100 {
  line-height: 1 !important;
}

.line-height-125 {
  line-height: 1.25 !important;
}

.modal-frame-1 {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
}


.table-transparent {
  color: #fff !important;
  border-collapse: separate; 
  border-spacing: 0;
}
.table-transparent,
.table-transparent > th,
.table-transparent > td {
  background-color: none;
}
.table-transparent th,
.table-transparent td,
.table-transparent thead th,
.table-transparent tbody + tbody {
  border-color: none;
}
.table-transparent:hover {
  background-color: none;
}
.table-transparent:hover > td,
.table-transparent:hover > th {
  background-color: none;
}
.table-transparent {
  color: #fff;
  background-color: none;
}
.table-transparent th,
.table-transparent td,
.table-transparent thead th {
  border-color: none;
  vertical-align: middle;
  text-align: center;
}
.table-transparent.table-bordered {
  border: 0;
}
.table-transparent.table-striped tbody tr:nth-of-type(odd) {
  background-color: none;
}
.table-transparent.table-hover tbody tr:hover {
  color: #fff;
  background-color: none;
}
.table-transparent tfoot {
  background-color: #404040;
}
.table-transparent tfoot:td {
    border: solid 1px #404040;
    border-style: none solid solid none;
    background-color: #404040;
}
.table-transparent tfoot tr:first-child td:first-child { border-top-left-radius: 10px;}
.table-transparent tfoot tr:first-child td:last-child { border-top-right-radius: 10px;}
.table-transparent tfoot tr:last-child td:first-child { border-bottom-left-radius: 10px;}
.table-transparent tfoot tr:last-child td:last-child { border-bottom-right-radius: 10px;}
.table-transparent tfoot tr:first-child td { border-top-style: solid; }
.table-transparent tfoot tr td:first-child { border-left-style: none; }


.table-blue-transparent {
  color: #fff !important;
  border-collapse: separate; 
  border-spacing: 5px !important;
}

.table-blue-transparent thead th {
  vertical-align: bottom;
  border-bottom: none;
  background-color: #007bff;
}

.table-blue-transparent tbody tr td {
  vertical-align: middle;
}
.table-blue-transparent.table-striped tbody tr:nth-of-type(even) {
  background-color:#404040;
  border-color: #404040;
  border-radius: 10px;
}

.table-blue-transparent thead tr th { border-radius: 10px; font-weight: 400; text-align: center;}
.table-blue-transparent thead tr:last-child th:last-child { background-color: rgb(000, 000, 000, .5); border: solid 1px #007bff !important;}
.cliente-icon {
  max-width: 36px;
}
.cliente-icon-h {
  max-height: 36px;
}

#clientes_table_paginate {
  float: left;
}

#clientes_table_paginate > ul > li > .page-link {
  background-color: rgb(0, 0, 0, 0);
  border: none;
  font-size: 1rem;
  line-height: 2;
}


#slim-scroll::-webkit-scrollbar {
  width: 6px;
  opacity: 0;
  background: transparent;
}

#slim-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgb(153, 152, 152);
}

.fc-view .fc-timeGridWeek-view .fc-timeGrid-view 
/*.fc-view .fc-dayGridMonth-view .fc-dayGrid-view*/
#calendar .fc-timeGridWeek-view table{
  border-color: #202020;
}

.fc th, .fc td {
  border-width: 0;
  padding: 2px;
  vertical-align: top;
}

.fc-time-grid .fc-slats .fc-minor td {
  border-width: 0;
  border-top-width: 1px;
  border-color: #c2c2c2;
  border-top-style: dotted;
}

.table-week-th {
  background-color: #61ae80;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: .8rem;
  font-weight: normal;
}

.fc-unthemed td.fc-today {
  background-color: inherit !important;
}

.fc-event {
  font-size: 1.3em !important;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
  color: #222222 !important;
}
.fc-content .fc-time,
.fc-content .fc-title {
  color: #222222 !important;
  font-size: 1rem;
}

.dia_calendario {
  background-color: rgb(255, 255, 0, .4);
  padding: 4px;
  margin-top: -3px;
  border-radius: 10px;
  width: 1rem;
  height: 1rem;
  float: right;
  color: #000000;
}
.dia_calendario_dia {
  background-color: rgb(255, 255, 0, .4);
  padding: 4px;
  margin-top: -3px;
  margin-left: 3px;
  border-radius: 10px;
  width: 1rem;
  height: 1rem;
}

/*
.fc-month-view .fc-event-container{
  display: none;
}
*/

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  background-color: rgb(255, 255, 0, .4);
  padding: 2px;
  border-radius: 10px;
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.fc-time{
  font-size: .6rem !important;
}
.calendario_texto{
  font-size: .8rem !important;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 1em !important;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: none;
}

.fc-scroller {
  overflow-y: hidden !important;
}

.fc-center {
  background-color: #464646; 
  width: 100%; 
  height: 38px;
  text-align: center;
  padding: 6px;
  margin-left: 10px;
  margin-right: 10px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #222222;
}

.fc-button-primary {
  color: #fff;
  background-color: #464646;
  border-color: #222222;
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}
.fc-button-primary:disabled {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.fc-button-primary:hover {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
}

.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.1rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.1rem rgba(76, 91, 106, 0.5);
}

@media screen and (min-width: 0px) and (max-width: 600px) {
  .fc-center, .fc-dayGridMonth-button { display: none; } 
}

.help_btn_modal { 
  width: 50px; 
  position: fixed; 
  z-index: 1000; 
  bottom: 10px;
  right: 15px;
  cursor: pointer;
}

.help { 
  width: 50px; 
  position: fixed; 
  z-index: 1000; 
  bottom: 10px;
  right: 15px;
  cursor: pointer;
}

.help_modal { 
  width: 40px; 
  position: absolute; 
  z-index: 1000; 
  cursor: pointer;
  top: 8px;
  right: 0px;
}
@media only screen and (max-width: 600px) { 
  .help_modal { 
    top: auto;
    bottom: 8px;
    right: 0px;
  }
}

.help_1,.help_2,.help_3,.help_4,.help_5 {
  position: absolute; 
  left:0;
}
.help_1 { 
  width:80px;
  top: -100px;
}
.help_2 { 
  width: 130px;
  top: -82px;
}
.help_3 { 
  width: 125px;
  top: -112px;
}
.help_4 { 
  width: 130px;
  top: -89px;
}
.help_5 { 
  width:80px;
  top: -114px;
}

.help_icons {
  width: 30px;
}

.popper,
.tooltip {
  position: absolute;
  z-index: 1001;
  background: rgba(134, 133, 133, 0.8);
  color: black;
  width: 150px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  padding: 2px;
  text-align: center;
  opacity: 1;
}
.style5 .tooltip {
  background: #1E252B;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #222222;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.float-label {
  position: relative;
}
.float-label span {
  position: absolute;
  font-size: 75%;
  line-height: 1;
  bottom: 30px;
  left: 2px;
}
.float-label-img {
  position: relative;
}

.float-label-img img {
  position: relative;
  max-width: 32px;
  bottom: 5px;
  left: 5px;
}
.float-label-img span {
  position: absolute;
  font-size: 75%;
  line-height: 1;
  bottom: 5px;
  left: 42px;
}

.extra-small{
  font-size: 0.65rem;  
}
.ficha-add{
  margin: 7px 5px 0 5px;
}
.ficha-1-pills, .ficha-2-pills, .ficha-3-pills, .ficha-ges-pills {
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 1px;
}
.ficha-1-pills {
  color: #fff;
  background-color: rgb(52, 178, 151) !important;
}
.ficha-3-pills > .active {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ficha-2-pills {
  color: #fff;
  background-color: rgb(0, 112, 192) !important;
}
.ficha-3-pills {
  color: #fff;
  background-color: rgb(246, 110, 98) !important;
}
.ficha-ges-pills {
  color: #fff;
  background-color: #004677 !important;
}
.card-ficha-1, .card-ficha-2, .card-ficha-3, .card-ficha-ges {
  border-radius: 2rem;
}
.card-ficha-1 {
  background-color: rgb(52, 178, 151) !important;
}
.card-ficha-2 {
  background-color: rgb(0, 112, 192) !important;
}
.card-ficha-3 {
  background-color: rgb(246, 110, 98) !important;
}
.card-ficha-ges {
  background-color: #004677 !important;
}
.card-header-ficha-1, .card-header-ficha-2, .card-header-ficha-3, .card-header-ficha-ges {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.card-header-ficha-1 {
  background-color:rgb(52, 178, 151) !important;
  border-bottom: 1px solid rgb(52, 178, 151) !important;
}
.card-header-ficha-2 {
  background-color:rgb(0, 112, 192) !important;
  border-bottom: 1px solid rgb(0, 112, 192) !important;
}
.card-header-ficha-3 {
  background-color:rgb(246, 110, 98) !important;
  border-bottom: 1px solid rgb(246, 110, 98) !important;
}
.card-header-ficha-ges {
  background-color:#004677 !important;
}
.card-body-ficha-1, .card-body-ficha-2, .card-body-ficha-3, .card-body-ficha-ges {
  padding: 0.5rem 1rem 0.2rem 1rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  background-color:#dee2e6 !important;
  color: #222222 !important;
}
.card-footer-ficha {
  padding-top: 0px; 
  padding-bottom: 2px;
  border-top: none;
  background-color:#dee2e6 !important;
  border-bottom-left-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
  color: #000000;
}
.card-footer-ficha-1 {
  background-color:#dee2e6 !important;
  border-bottom-left-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
  color: #000000;
}
.card-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}
.ficha-custom-label{
  font-size: .7rem;
}
.ficha-send-mail {
  width: 40px;
  margin-top: 4px;
}
.ficha-pdf {
  width: 27px;
}
.ficha-pdf-small {
  width: 15px;
}
.ficha-delete {
  width: 27px;
}
.input-ficha-1 {
  background-color: rgb(189, 215, 238);
}
.ficha-text-azul {
  font-size: .7rem;
  line-height: 1;
  color: rgb(0, 112, 192) !important;  
  top: 2px;
  text-align: center;
}

.presupuesto-label-ficha {
  font-size: .7rem;
  padding-top: 4px;
}

.folder-ficha-1, .folder-ficha-2, .folder-ficha-3 {
  position: absolute; 
  right:7px; 
  top: -3px;
}
.folder-ficha-1 {
  color:rgb(52, 178, 151) !important;
}
.folder-ficha-2 {
  color:rgb(0, 112, 192) !important;
}
.folder-ficha-3 {
  color:rgb(246, 110, 98) !important;
}
.folder-count-ficha {
  position: relative; 
  right:1px; 
  color:#ffffff !important;
}
.ficha-space-box {
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.3); 
  border-radius: 2rem !important;
  font-size: .8rem;
}
.ficha-apm {
  max-width: 30px;
}
.apm-label-ficha {
  color: rgb(0, 176, 240) !important;
}
.apm-label-ficha-2 {
  border-radius: .5rem !important;
  padding: 7px;
  color: #fff;
  background-color: rgb(0, 112, 192) !important;
}
.apm-label-ficha-3 {
  border-radius: .5rem !important;
  padding: 7px;
  color: #fff;
  background-color: rgb(246, 110, 98) !important;
}
.apm-label-ficha-4 {
  border-radius: .5rem !important;
  padding: 7px;
  color: #fff;
  background-color: #004677 !important;
}
.apm-www-ficha {
  color: rgb(0, 176, 240) !important;
  font-size: .7rem;
}

.btn-ficha-1 {
  color: #fff;
  background-color: rgb(52, 178, 151) !important;
  border-color: rgb(52, 178, 151) !important;
}
.btn-ficha-2 {
  color: #fff;
  background-color: rgb(0, 112, 192) !important;
  border-color: rgb(0, 112, 192) !important;
}
.btn-ficha-3 {
  color: #fff;
  background-color: rgb(246, 110, 98) !important;
  border-color: rgb(246, 110, 98) !important;
}
.btn-ficha-ges {
  color: #fff;
  background-color: #004677 !important;
  border-color: #004677 !important;
}
.btn-ficha-ges-print {
  color: #fff;
  background-color: #e94860 !important;
  border-color: #e94860 !important;
}
.ficha-form-check {
  padding-left: .7rem;
}
.ficha-1-card-fullscreen,.ficha-2-card-fullscreen,.ficha-3-card-fullscreen {
  color: #fff;
  font-size: 1.2rem;
}
.btnArchivos {
  cursor: pointer;
}
.archivos-fa {
  font-size: 1.2rem;
}
.ficha-delete-small{
  width: 24px;
}
.archivos {
  max-height: 200px;
  overflow-y:scroll;
}
.btnUpload {
  cursor: pointer;
}
.custom-file-input:lang(en)~.custom-file-label::after {
  content: "Explorar";
}

@media only screen and (max-width: 600px) {
  .ficha-nav-link {
    padding: 0.4rem;
  }
}
.btnFichaAtencion{
  cursor: pointer;
}
.informe-total {
  background-color: #ffffff;  
  border-radius: 1rem;
  color: #000000; 
  font-size:1.8rem; 
  width: 200px; 
  padding: 3px;
}

.url-input {
  text-align: center; 
  background-color: rgb(197,224,180) !important; 
  color:rgb(84,130,53) !important; 
}

.url-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:rgb(84,130,53) !important; 
  opacity: 1;
}
  
.url-input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  background-color: rgb(197,224,180) !important; 
  color:rgb(84,130,53) !important; 
}
  
.url-input::-ms-input-placeholder { /* Microsoft Edge */
  background-color: rgb(197,224,180) !important;  
  color:rgb(84,130,53) !important; 
}
@media only screen and (max-width: 600px) {
  .url-input {
    font-size: .9rem !important; 
  }
}
.selectpicker-custom > .text{
  font-size: .9rem !important; 
}
@media only screen and (max-width: 600px) {
  .selectpicker-custom > .text{
    font-size: .8rem !important; 
  }
}
.map_canvas {
  width:100%; height:300px;
}
@media only screen and (max-width: 600px) {
  .map_canvas {
    width:100%; height:280px;
  }
}

/*jivosite boton movil*/
.button_9afc {
  width: 45px !important;
  height: 45px !important;
  bottom: -11px;
}
.button_8e48 {
  width: 45px !important;
  height: 45px !important;
  bottom: -11px;
}


.beta-test-1 {
  position: absolute; 
  font-size: .7rem; 
  top: 55px;
  left: 70px;
  color: #A3A3A3;
}

.beta-test-2 {
  position: absolute; 
  font-size: .7rem; 
  color: #A3A3A3;
}

.beta-test-3 {
  position: absolute; 
  font-size: .7rem; 
  top: 46px;
  left: 70px;
  color: #A3A3A3;
}

.btn-contratar {
  font-size: .9rem;
  line-height: 1.4 !important;
}
@media only screen and (max-width: 600px) {
  .btn-contratar {
      font-size: .8rem;
      padding-left: .5rem;
      padding-right: .5rem;
  }
}

.btn-agendar-preentacion {
  font-size: .8rem;
  line-height: 1.1 !important;
  min-height: 55px !important;
}
@media only screen and (max-width: 600px) {
  .btn-agendar-preentacion {
      font-size: .7rem;
      padding-left: .5rem;
      padding-right: .5rem;
  }
}
.muted {
  color: rgb(153, 152, 152);
}
.plan-border {
  border: 1px solid rgb(0, 112, 192) !important;
  font-size: 1.2rem;
  padding: 10px;
  background-color: #000000 !important;
}

.table-reservas {
  color: #fff;
}
.table-reservas tr th {
  font-size: 1rem;
}
@media only screen and (max-width: 600px) {
  .table-reservas tr th {
    font-size: .7rem;
  }
  .table-reservas tr td {
    font-size: .85rem;
  }
}
.table-big {
  font-size: 1.3em;
}
.table-big td {
  line-height: 18px;
}
.table-big th {
  font-size: 0.8em;
}
.table-big small {
  font-size: 0.7em;
}
.img-table {
  max-height: 70px;
}
.img-table-text {
  font-size: 0.6em;
}
.calagend_login{
  position: relative;
  vertical-align: top;
}
.apm_on_off {
  position: relative;
  vertical-align: top;
  top: -15px;
  float: right;
}
.feedback {
  position: relative;
  vertical-align: top;
  top: -15px;
  left: 140px;
  float: left;
}
.btnAPM {
  min-width: 70px;
}
.btnFeedback {
  text-align: center;
  min-width: 70px;
}
#metricas_filter{
  display: none;
}

.table-panoramica {
  color: #f0f0f0;

}
.table-panoramica tr th {
  font-weight: normal;
  border-bottom: none;
  width:50px;
  vertical-align: bottom;
}
.table-panoramica tr th span {
  writing-mode: vertical-rl;
  /*transform: rotate(180deg);*/
  /*height: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*
  vertical-align: bottom;*/

}
.table-panoramica td {
  font-size: .7rem !important;
  border-bottom: 1px dotted #1a1a1a;
  padding: 0.25rem 0.75rem 0.25rem !important;
  vertical-align: bottom;
}
/*
.table-crm {
  overflow: hidden;
}

.table-crm td, th {
  position: relative;
}

.table-crm td:hover::before {
  background-color: rgba(0,0,0,0.5) !important;
  content: '';
  height: 100%;
  left: -5000px;
  position: absolute;
  top: 0;
  width: 10000px;
  z-index: -2;
}

.table-crm td:hover::after {
    background-color: rgba(0,0,0,0.1) !important;
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1;
  }
*/