.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #09f;
  
    animation: spin 1s ease infinite;
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
.comenzar{
    transition: all .2s ease-in-out !important;
}
.comenzar:hover{
    transform: scale(.8) !important;    
}
.texto{
    overflow-x: hidden !important;
}

.sall{
    overflow-x: hidden !important;
}

.btn{
    transition: all .2s ease-in-out;
}
.btn:hover{
    transform: scale(1.1);    
}

.ayuda{
    transition: all .2s ease-in-out;
}
.ayuda:hover{
    transform: scale(1.1);    
}

.cerrar{
    transition: all .2s ease-in-out;
}
.cerrar:hover{
    transform: scale(1.1);    
}

.nex{
    cursor:pointer !important;
    
}
.nex:hover{
    transform: scale(1.2) !important;    
}
.bak{
    cursor:pointer !important;
    
}
.bak:hover{
    transform: scale(1.2) !important;    
}

.r1{
    cursor:pointer !important;
}
.r2{
    cursor:pointer !important;
}
.r3{
    cursor:pointer !important;
}

.estado{
    cursor:pointer !important;
}
.ciudad{
    cursor:pointer !important;
}

.sel-estado{
    vertical-align: top;
    width: 100%;
    height: 100%;
    border: none;
    color: #266E92;
    padding-left: 35px;
    font-family: Lato;
    font-size:20px;    
    font-weight: 400;
    cursor: pointer;
    -webkit-appearance: none;
}
.sel-ciudad{
    width: 100%;
    height: 100%;
    border: none;
    color: #266E92;
    padding-left: 35px;
    font-family: Lato;
    font-size:20px;  
    font-weight: 400;  
    cursor: pointer;
    -webkit-appearance: none;
}
.sel-hora{
    width: 100%;
    height: 100%;
    border: none;
    color: #266E92;
    padding-left: 35px;
    font-family: Lato;
    font-size:20px;  
    font-weight: 400;  
    cursor: pointer;
    -webkit-appearance: none;
}

.sel-casa[p='1'][e] .msg{
    opacity: 1 !important;
}

[p='3'][e]{
    cursor:pointer !important;
}

[p='5']{
    cursor:pointer !important;
}

[t]{
    cursor:pointer !important;
}
[t] *{
    pointer-events: none !important;
}

.imagen{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[n]:hover{
    background-color: #f2fcff;
}

.vidrio{
    user-select: none;
}
.descripcion{
    user-select: none;
}
.nombrevidrio{
    user-select: none;
}