input[type=checkbox]{
    margin-right: 5px;
    margin-top: -2px;
}
input[type=checkbox] {
    width: 1em;
    height: 1em;
    font: inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: .125em;
    box-sizing: border-box;
    border: 0.125em solid #9e9e9e;
    box-shadow: inset 0 0 0 0 #009688;
    position: relative;
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s linear 0.17s, -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s linear 0.17s, -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.3, 0, 1), box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s linear 0.17s;
    transition: transform 0.3s cubic-bezier(0.2, 0.3, 0, 1), box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s linear 0.17s, -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
}
input[type=checkbox]:focus {
    outline: none;
}
input[type=checkbox]:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
input[type=checkbox]:checked,
input[type=checkbox]:indeterminate {
    border-color: #009688;
    box-shadow: inset 0 0 0 0.5em #009688;
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s, -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s, -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.3, 0, 1), box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s;
    transition: transform 0.3s cubic-bezier(0.2, 0.3, 0, 1), box-shadow 0.3s cubic-bezier(0.2, 0.3, 0, 1), border-color 0s, -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
}
input[type=checkbox]:before,
input[type=checkbox]:after {
    content: '';
    background: #fff;
    height: 1em;
    width: 1em;
    position: absolute;
    -webkit-transform: translate(0.2728em, 0.4279em) rotate(44.91deg) scale(0.3411, 0.1);
    transform: translate(0.2728em, 0.4279em) rotate(44.91deg) scale(0.3411, 0.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1), -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1), -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.3, 0, 1), opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: transform 0.3s cubic-bezier(0.2, 0.3, 0, 1), opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1), -webkit-transform 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    top: -0.125em;
    left: -0.125em;
}
input[type=checkbox]:after {
    -webkit-transform: translate(0.8494em, 0.35em) rotate(135.22deg) scale(0.5612, 0.1);
    transform: translate(0.8494em, 0.35em) rotate(135.22deg) scale(0.5612, 0.1);
}
input[type=checkbox]:not(:checked):before {
    -webkit-transform: translate(0.505em, 0.455em) rotate(44.91deg) scale(0.1, 0.1);
    transform: translate(0.505em, 0.455em) rotate(44.91deg) scale(0.1, 0.1);
    /* opacity: 0; */
}
input[type=checkbox]:not(:checked):after {
    -webkit-transform: translate(0.575em, 0.525em) rotate(135.22deg) scale(0.1, 0.1);
    transform: translate(0.575em, 0.525em) rotate(135.22deg) scale(0.1, 0.1);
    /* opacity: 0; */
}
input[type=checkbox]:indeterminate:before {
    -webkit-transform: translate(0.25em, 0.45em) rotate(0deg) scale(0.5, 0.1);
    transform: translate(0.25em, 0.45em) rotate(0deg) scale(0.5, 0.1);
}
input[type=checkbox]:indeterminate:after {
    -webkit-transform: translate(0.75em, 0.55em) rotate(180deg) scale(0.5, 0.1);
    transform: translate(0.75em, 0.55em) rotate(180deg) scale(0.5, 0.1);
}

@-webkit-keyframes background {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes background {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes text-content {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
}
@keyframes text-content {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
}

input.fs1 {
    font-size: 2em;
}
input.fs2 {
    font-size: 3em;
}
input.fs3 {
    font-size: 4em;
}
input.fs4 {
    font-size: 5em;
}
#checkboxes {
    text-align: center;
}
@-webkit-keyframes checkbox {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    48% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    48% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    14% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    14% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    56% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    56% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-4 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    30% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-4 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    30% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-5 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    36% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    64% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-5 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    36% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    64% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-6 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    69% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-6 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    69% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes checkbox-7 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    48% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    74% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes checkbox-7 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    48% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    74% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}









.container { max-width: 1800px;    }
.btn:hover{   color:white;}


















.taligncenter{
    text-align: center;}

.errorMsg .iclass{
    font-size: 100px;
    color: #ff5858;}

.successMsg .iclass{
    font-size: 100px;
    color:#4caf50;
}



.row.formrow{
    margin-bottom: 35px;
}



.text-registration-ok{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;




}


.succes-text-ok{


    font-size: 20px;
    margin-bottom: 14px;
    color: #606060;
}


.help-block.help-error{
    display:block; 
}


.has-error label[for=PLAN_CODIGO]{

    color:#f44336;

}


#checkbox{

    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400;

}


#FECHA_NACIMIENTO,#NACIMIENTO_TUTOR{
    cursor:pointer;
}


#ui-datepicker-div{
    z-index: 999999 !important;
}


h3.error-msg-title {
    margin-bottom: 25px;
    font-size: 32px;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-family: "Lato";
}

.mbotReintentar{
    margin-bottom: 55px;
}




#movePalm{
    
  -moz-transform-origin:30% 20%;
    -ms-transform-origin:30% 20%;
    -o-transform-origin: 30% 20%;
    -webkit-transform-origin: 30% 20%;
    transform-origin: 30% 20%; 
    transform: translate(60px, -30px);
 

    transform-box: border-box;
  

}

.navbar, .navbar.navbar-default {
    background-color: white !important;
}

.marginBottonfirstStep{
        margin-top: 50px;
  margin-bottom: 75px;  
}

@media (max-width: 990px) {
    .docAnimated{
        display:none;
    }
    
    
}

.docAnimated {
    padding-top: 70px;
    text-align: center;
}



.message {
    box-sizing: border-box;
    padding: 8px 10px;
    max-width: 200px;
    margin: 5px 10px;
    border-radius: 15px;
    position: absolute;
    top:0px;
    clear: both;
    font-size: 14px;
    word-wrap: break-word;
}

.from {
    float: left;
    background-color: #ececec;
}


.from::after {
    content: '';
    border: solid 8px;
    transform: rotate(-40deg);
    border-color: transparent transparent #ececec;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    right: 10px;
}


.checkok {
    display: none;
    position: absolute;
    top: 90px;
    right: 50px;
    font-size: 36px;
    color: #4caf50;
    background: #f6f6f6;
    border-radius: 90px;
    padding: 10px;
}


.timesno {
    display: none;
    position: absolute;
    top: 90px;
    right: 50px;
    font-size: 36px;
    color: #ff5858;
    background: #f6f6f6;
    border-radius: 100px;
    padding: 10px;
    width: 55px;
}


.doublecheck{
        background: #4caf50;
    color: white !important;
    border-radius: 105px;
    font-size: 62px !important;
    padding: 11px;
}


@media (max-width: 1100px){
    #PAGE{
        overflow: hidden;
    }
    
}
@media (max-width: 1400px){
    
    .checkok{
    top: 120px;
    right: -25px;
    }
    .timesno{
    top: 120px;
    right: -30px;
    }
    .docAnimated{
        padding-top: 120px;
    }
    
}


.anteojaso{

    -webkit-animation: anteojaso .5s linear ; /* Safari 4+ */
    -moz-animation:    anteojaso .5s linear ; /* Fx 5+ */
    -o-animation:      anteojaso .5s linear ; /* Opera 12+ */
    animation:         anteojaso .5s linear ;

    -webkit-transform-origin: 1650px 7860px;
    -moz-transform-origin: 1650px 7860px;
    -o-transform-origin: 1650px 7860px;
    -ms-transform-origin: 1650px 7860px;
    transform-origin: 1650px 7860px;



}



@-webkit-keyframes anteojaso {
    0%   { 

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);

    }
    50%   { 
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    100%  {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes anteojaso {
    0%   { 

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);

    }
    50%   { 
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    100%  {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes anteojaso {
    0%   { 

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);

    }
    50%   { 
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    100%  {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}



#page-loading {
    display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background-color: #F5F5F5;
}

.three-balls {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
}

.three-balls .ball {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both;
  animation: bouncedelay 3.0s infinite cubic-bezier(.62, .28, .23, .99) both;
}

.three-balls .ball1 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
}

.three-balls .ball2 {
  -webkit-animation-delay: -.08s;
  animation-delay: -.08s;
}

@keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03A9F4;
  }
  16.66% {
    bottom: 15px;
    background-color: #FB6542;
  }
  33.33% {
    bottom: 0px;
    background-color: #FB6542;
  }
  50% {
    bottom: 15px;
    background-color: #FFBB00;
  }
  66.66% {
    bottom: 0px;
    background-color: #FFBB00;
  }
  83.33% {
    bottom: 15px;
    background-color: #03A9F4;
  }
  100% {
    bottom: 0;
    background-color: #03A9F4;
  }
}

@-webkit-keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03A9F4;
  }
  16.66% {
    bottom: 15px;
    background-color: #FB6542;
  }
  33.33% {
    bottom: 0px;
    background-color: #FB6542;
  }
  50% {
    bottom: 15px;
    background-color: #FFBB00;
  }
  66.66% {
    bottom: 0px;
    background-color: #FFBB00;
  }
  83.33% {
    bottom: 15px;
    background-color: #03A9F4;
  }
  100% {
    bottom: 0;
    background-color: #03A9F4;
  }
}

.succesRecuperar,
.recuperar-step-2,
.recuperar-step-3,
.recuperar-step-error,
.recuperar-step-tel-error,
.registrado-step-error{
    display: none;
}


.succesRecuperar{
    margin-top: 55px;
}

.desafio-direccion{
    font-size: 18px;
}


.iconOk{
        font-size: 82px;
    color: #6ac54c;
}
.iconNo{
    font-size: 82px;
    color: #f83030;
}


.newMailText{
    font-weight: bold;
}