/*
.ui-slider-handle, .ui-widget-content .ui-slider-handle, .ui-widget-header .ui-slider-handle {
    border: 1px solid #05ad82;
    background: #05ad82;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
}
.ui-slider-handle, .ui-widget-content .ui-slider-handle, .ui-widget-header .ui-slider-handle {
    border: 1px solid #05ad82;
    background: #05ad82;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.75);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
}
.ui-widget-content {
    border: 1px solid #05ad82;
    background: #fafafa;
}
.ui-widget-content {
    border: 1px solid #05ad82;
    background: #fafafa;
}
*/

.background-panel-premium{
	position: absolute;
    top: 0px;
	width: 100%;
    height: 200px;
    z-index:1;
}
#background-panel-premium-1{
	background:#EBECEC;
}
#background-panel-premium-6{
	background:#D9DADA;
}
#background-panel-premium-12{
	background:#04AC82;
}
.panel-premium-summary{
    color: #546B8C;
    margin-left: 50px;
    margin-right: 50px;
    box-shadow: 0px 0px 0px #000000;
    margin-top: -17px;
    z-index: 0;
    padding-top: 20px;
    border-top: 0px;
}
.panel-premium-summary p{
    margin-bottom: 0px;
}
.panel-pay{
	position:relative;
    color: #546B8C;
	background-color: rgba(255,255,255,0);
	min-height: 164px;
	-webkit-transition: all 0.5s; 
    transition: all 0.5s;
    border-radius: 0px;
    border-color: #B2B3B3;
    margin-bottom: 30px;
    z-index:2;
}
.panel-premium-summary .btn-view-more{
    position: absolute;
    float: right;
    right: -20px;
    top: 5px;
}
.btn-view-more, .btn-view-more.active.focus, .btn-view-more.active:focus, .btn-view-more.active:hover, .btn-view-more:active.focus, .btn-view-more:active:focus, .btn-view-more:active:hover, .open>.dropdown-toggle.btn-view-more.focus, .open>.dropdown-toggle.btn-view-more:focus, .open>.dropdown-toggle.btn-view-more:hover {
    background-color: #6B8DAD !important;
    border-color: #6B8DAD !important;
    color: #FFFFFF;
}
.panel-premium{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.panel-pay h3{
    font-weight: 300;
}
.panel-pay h1{
    font-weight: 400;
}
.panel-pay .select-premium{
    color: #fff;
    padding: 5px;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: -45px;
    position: relative;
    top: 50px;
}
.panel-pay .tag-type-premium{
    color: #fff;
    padding: 5px;
    max-width: 200px;
    display: block;
    margin: 0 auto;
    margin-bottom: -35px;
    position: relative;
    top: -45px;
    font-size: 30px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
.panel-pay .tag-type-premium.standard{
    background-color: #6B8DAD;
}
.panel-pay .tag-type-premium.enterprise{
    background-color: #b4639e;
}
.panel-pay:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.panel-pay.active{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(5,173,130,0.85);
	-moz-box-shadow: 0px 0px 10px 0px rgba(5,173,130,0.85);
	box-shadow: 0px 0px 10px 0px rgba(5,173,130,0.85);
}


.check-premium{
	display:none;
	color:rgb(5,173,130);
}
.recommended-annual{
	position: absolute;
    width: 100%;
    top: 95px;
    text-align: center;
    z-index: 3;
}



.font-color-rosa-aturnos{
	color:#9B5583;
}
.font-color-gris-aturnos{
	color: #727271;
}
.font-color-green-aturnos{
	color: #04ac82;
}
.font-color-white{
	color: #ffffff;
}
.font-color-gold{
	color: #CFB53B;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-400{
	font-weight: 400;
}
.font-weight-100{
	font-weight: 100;
}
.margin-15{
	margin: 15px;
}
.margin-0{
	margin: 0px;
}


.panel-module img{
	width: 100%;
}

.title-module{
	color: #b4639e;
}
.title-pay strong{
	font-size: 18px;
}
#steps-data-pay.wizard > .content{
	background:#fff !important;
}

.disabled-module-pay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
    z-index:10;
}

.title-pay-summary{
	position:absolute;
	top:-5px;
	left:0px;
	width:100%;
	text-align: center;
}
.title-pay-summary span{
	background: #fff;
	padding:5px;
}
.panel-pay-summary{
	border-radius: 0px;
    border: 2px solid #04AC82;
}
.title-summary-product{
	background: #9B5583;
    color: #fff;
    width: auto;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    margin-bottom:10px;
    margin-top:15px;
}

.title-summary-product a, .title-summary-product a:active, .title-summary-product a:hover, .title-summary-product a:focus{
	color: #fff;
}

.title-summary-product .separate-title-summary-product{
	border: 0.5px solid #fff;
	margin-left: 5px;
    margin-right: 5px;
    height: 50px;
}
.panel-pay-summary p{
	margin-bottom: 0px;
}
#div-total-pay-summary{
	margin-top:15px;
}



.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 3px 7px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 3px 7px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.pays-methods{
	background: #EBECEC;
	padding-top:15px;
	padding-bottom:15px;
}
.background-tour{
	padding:15px;
	margin-bottom:2px;
}
.background-tour h2{
	color:#496082;
	font-weight: 400;
}
.background-tour a{
	color:#05ad82;
}
.background-tour-1{
	background: #c7d4dd;
}
.background-tour-2{
	background: #dae1e9;
}
.background-tour-3{
	background: #eceff4;
}
.steps.selected{
	background-color: #05ad82;
	color:#fff;
}

.fc-scroller.fc-day-grid-container{
	overflow: hidden !important;
    height: auto !important;
}

.weekend-calculator{
	background-color: #D3EBE1 !important;
}
.error{
	color: #8a1f11;
	font-weight: bold;
}

.no-padding {
   padding: 0 !important;
}

.check-module{
	display:none;
	position: absolute;
    top: -10px;
    right: 0px;
	color:rgb(5,173,130);
}
.font-size-1rem {
	font-size: 1rem;
}

.bordecaja {
	  border: 2px solid #D9DADA;
}

@media (min-width: 992px) {
    .fixed-summary {
        position: fixed;
    }
    .summary-price-ibox {
        position: relative;
        /* margin-top: 1905px; */
        
    }
    .price-summary, .desde-summary {
        position: relative;
        margin-top: 0px;
    }
  }

@media (min-width:320px) {
    .panel-module img{
        width: 50%;
        display: grid;
        margin: auto;
    }
}

.btn-pink {
	background: #e80091 !important;
	border: 1px solid #e80091 !important;
	color: white !important;
}

.go-pink {
	background: #ffe5f8;
    padding: 20px;
    border-radius: 15px;
    max-width: 40%;
    margin: auto;
}

.check-go {
    margin-left: 22%;
    margin-top: 0px;
}

.go-standard  {
	background: #d4f8f9;
    border-radius: 35px;
    max-width: 30%;
    margin-right: 10px;
}

.go-enterprise {
	background: #c0dcf9;
    border-radius: 35px;
    max-width: 30%;
    margin-right: 20px;
    margin-left: 20px;
}

.go-smart {
    background: #ffe5f8;
    border-radius: 35px;
    max-width: 30%;
    margin-left: 10px;
}

#tab-precios {
    background: #bbbbbb;
    width: 60%;
    margin: auto;
    height: 45px;
    border-radius: 35px;
}

#tab-precios .nav-link.active {
    background-color: white !important;
    border-radius: 20px;
    padding: 0px 20px;
    margin-top: 5px;
}

#tab-precios .nav-link {
    border-radius: 20px;
    padding: 0px 25px;
    margin-top: 5px;
}

#tab-menos100-anual, #tab-mas100-anual {
    background: #FBC5ED;
    width: 30%;
    margin: auto;
    height: 45px;
    border-radius: 35px;
}

#tab-menos100-anual .nav-link.active, #tab-mas100-anual .nav-link.active {
    background-color: white !important;
    border-radius: 20px;
    padding: 0px 20px;
    margin-top: 5px;
   
}

#tab-menos100-anual .nav-link, #tab-mas100-anual .nav-link {
    border-radius: 20px;
    padding: 0px 25px;
    margin-top: 5px;
   
}

.prueba-gratis {
    font-size: 2rem;
    font-weight: bold;
    border-radius: 10px;
}

.solicita-demo {
    padding: 0.5rem 3rem;
    font-weight: bold;
    border-radius: 10px;
}

.pill-precios {
    font-size: 1.5rem;
}

.pill-precios-anual {
    font-size: 1.5rem;
}

.check-precios {
    /* top: 0.25rem; */
    font-size: 1.25rem;
}

.badge-ahorro {
    position: absolute;
    margin-left: 30%;
    background: #e80091;
    z-index: 100;
    top: 0%;
    border-radius: 15px;
    padding: 5px 15px;
    font-size: 70%;
}

.btn-blue { 
    background: #127aeb !important;
    border: 1px solid #127aeb !important;
}

.text-blue {
    color: #127aeb !important;
}

.precios-tareas {
    background: #536A8D;
    color: white !important;
    border-radius: 15px;
    padding-bottom: 5px;
}


#go-anual, #go-mensual {
    /* margin-left: -15px;
    padding-bottom: 15px; */
}

#standard-anual, #standard-mensual, 
#enterprise-anual, #enterprise-mensual {
    /* padding-bottom: 15px;
    margin-left: -15px; */
}

.personalizado {
    font-size: 27px;
    margin-top: 0px;
}
.text-pink.personalizado, .text-blue.personalizado {
    font-size: 22px;
}


.price-summary {
    font-size: 32px;
    margin-bottom: 0px;
    margin-left: -5px;
}
.desde-summary {
    margin-top: 7px;
    font-size: 22px;

}

.btn-green:hover, .btn-green.solicita-demo:focus {
    background: white !important;
    border: 1px solid #04ac82 !important;
    color: #04ac82 !important;
}

.btn-blue:hover, btn-blue:focus {
    border: 1px solid #0a5cbf !important;
    background: white !important;
    color: #127aeb !important;
}

.btn-pink:hover, btn-pink:focus {
    border: 1px solid #e80091 !important;
    background: white !important;
    color: #e80091 !important;
}


.text-focus-in {
	-webkit-animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
@keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
}

.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
@keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
}
.left-100{
    margin-right: 20px;
}

@media (max-width: 1439px) {
    #tab-precios {
        width: 72%;
    }
    #tab-menos100-anual, #tab-mas100-anual {
        width: 35%;
    }
    .badge-ahorro {
        margin-left: 26%;
    }
}

@media (max-width: 992px)  {
    .desde-summary {
        margin-top: 25px;
    }
}


@media (max-width: 769px) {
    .titlo-precios {
        font-size: 30px !important;
    }
    .subtitlo-precios {
        font-size: 26px !important;
    }        
    .desde-summary {
        margin-top: 25px;
    }

    #tab-precios {
        width: 100%;
    }
    #tab-menos100-anual, #tab-mas100-anual {
        width: 50%;
    }

    .badge-ahorro {
        margin-left:20%;
    }
    .prueba-gratis, .solicita-demo {
        padding: 0.5rem 1rem;
    }

    .go-standard {
        max-width: 90%;
        /* margin-right: 0px; */
        margin-bottom: 20px;
    }

    .go-enterprise {
        max-width: 90%;
        margin-bottom: 20px;
        /* margin-right: 15px;
        margin-left: 15px; */
    }

    .go-smart {
        max-width: 90%; 
        margin-bottom: 20px;
        /* margin-left: 0px;  */
    }
    #standard-anual, #standard-mensual, #enterprise-anual, #enterprise-mensual {
        margin-left: -5px;
    }
}


@media (max-width:426px) {
    #tab-precios {
        width: 90%;
        height: 135px;
    }

    #tab-precios .nav-item {
        margin-left: 0px;
        margin-right: 0px;
    }
    .left-100{
        margin-right: 0px;
    }

    #tab-menos100-anual, #tab-mas100-anual {
        width: 90%;
    }
    .badge-ahorro {
        margin-left: 0px;
    }

    #go-anual, #go-mensual {
       text-align: center !important;
    }
    
    .prueba-gratis, .solicita-demo {
        padding: 0.5rem 1rem;
        font-size: 1.5rem;
    }

    .go-pink {
        margin: auto;
    }

    .go-standard, .go-enterprise, .go-smart {
        max-width: 95%;
        margin: auto;
        margin-bottom: 20px;
    }

    #standard-anual, #standard-mensual, #enterprise-anual, #enterprise-mensual {
        padding-bottom: 15px;
        margin-left: 0px;
        text-align: center !important;
    }
}