:root {
    --colortimegoldsblue: #2991d6;
    --fontGoogle: 'Viga', sans-serif;
    --blue-dark: #1b3c7f;
    --gray-light: #f0ecec;
}
.timegoldsbody__imgLOGO{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7rem;
}
.timegoldsbody__fraseform{
    font-family: var(--fontGoogle);
    color: var(--colortimegoldsblue);
  	text-align: center;
    padding: .6rem;
}
.container-image__view{
    width: 35rem;
}
.container-image__view img{
    width: 100%;
    height: 100%;
    
}
.container-image-logo{
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgb(194, 190, 229);
    display: flex;
    justify-content: center;
    align-items: center;
}
.imagenPerfil-logo{
    width: auto;
    height: auto;
    max-width: 3.2rem;
    max-height: 3.2rem;
}
.imagenPerfilInput_label{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-block-all{
    width: 100%;
}
.container-block-all form{
    width: 100%;
    /* background-color: rgb(121, 169, 211); */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: .8rem;
}
.container-left-all{
    width: 31rem;
}
.container-rigth-all{
    width: 29rem;
    height: 100%;
}
.container-rigth-all_div-mask{
    border-radius: .4rem;
    padding: .8rem 1.2rem .8rem 1.2rem;
    width: 100%;
    background-color: var(--gray-light);
    margin-top: .8rem;
}
.container-rigth-all_div-mask_captcha{
    border-radius: .4rem;
    padding: .8rem;
    width: 100%;
    background-color: var(--gray-light);
    margin-top: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-rigth-all_div-mask--part{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
    margin-top: .6rem;
}
.container-rigth-all_div-mask--part__div{
    background-color: var(--gray-light);
    border-radius: .4rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: .6rem;
}
.container-rigth-all_div-mask--part__div input{
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
}
.container-rigth-all_div-mask--part__div span{
    color: var(--colortimegoldsblue);
    font-family: var(--fontGoogle);
    font-size: 1rem;
}
.sub-container-inputs{
    background-color: var(--colortimegoldsblue);
    border-radius: .4rem;
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .8rem;
}
.block-grid-column-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
}
.block-grid-column-1{
    display: grid;
    grid-column: 1fr;
}
.block-grid-column-2 input,
.block-grid-column-1 input{
    background-color: white;
    border-radius: .4rem;
    border:none;
    outline: none;
    padding: .5rem;
    font-family: var(--fontGoogle);
    width: 100%;
}
.container-patinete{
    color: white;
    font-family: var(--fontGoogle);
}
.block-container-title-info{
    width: 100%;
    text-align: left;
}
.block-container-title-info h1{
    color: white;
    font-size: 1rem;
    font-family: var(--fontGoogle);
}
.container-driver-name-rigth{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--fontGoogle);
    color: var(--colortimegoldsblue);
}
.container-driver-name-rigth h2{
    color: var(--colortimegoldsblue);
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}
.container-driver-name-rigth span{
    color: var(--colortimegoldsblue);
    font-size: 1rem;
    margin: 0;
    padding: 0;
}
.container-row-2{
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--fontGoogle);
}
.container-row-1{
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: var(--fontGoogle);
}
.container-row-2_div{
    padding: 0 .4rem 0 .4rem;
}
.patinete-title {
    padding: 0 0 0 .4rem;
}
.container-row-1 img{
    width: 2rem;
}
.title-rows{
    color: var(--colortimegoldsblue);
    font-family: var(--fontGoogle);
}
.contenedordivinput__submit{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  	text-align: center;
}
.contenedordivinput__submit-btn{
    margin-top: 1rem;
    padding: .4rem;
    border: none;
    outline: none;
    border-radius: .4rem;
    color: white;
    background-color: var(--blue-dark);
}
.container-driver-name-rigth .apellido{
    padding-left: .4rem;
}
.footerbody {
    padding: 1rem;
    width: 100%;
    margin-top: 6rem;
    height: 5rem;
    background-color: #14669d;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: var(--fontGoogle);
    text-align: center;
}




/* NEW STYLE SELECT */
.container-tarifas-for-style span{
    color: white;
    font-family: var(--fontGoogle);
}
#container-input-2{
    z-index: 3;
}
#container-input{
    z-index: 5;
}   
.container-input{
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    min-height: 4rem;
    position: relative;
}
.input-principal{
    padding: .6rem;
    font-size: .6rem;
    width: 100%;
    box-sizing: border-box;
    font-family: var(--fontFamily);
    background-color: white;
    border-radius: .4rem;
}
.input-principal h1{
    margin: 0;
    padding: 0;
    font-size: 1rem;
}
.options-div{
    background-color: white;
    color: black;
    padding: .5rem;
    width: 100%;
    font-family: var(--fontFamily);
    box-sizing: border-box;
}
.options-div:hover{
    background-color: #14669d;
    color: white;
}
.principal-container-options{
    width: 100%;
    position: relative;
}
.container-of-option{
    border: 1px solid rgb(117, 117, 117);
    box-sizing: border-box;
    border-radius: .5rem;
    max-height: 17rem;
    overflow-y: scroll;
    position: absolute;
    width: 80%;
}
.container-general{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.input-simulator{
    width: 100%;
    /* position: absolute; */
}
.container-values{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: .2rem 0 .7rem 0;
}
.delete-option-selected{
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(213, 71, 27);
    color: white;
    border-radius: 50%;
    margin-left: .2rem;
}
.option-selected-user{
    background-color: rgb(255, 255, 255);
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid rgba(58, 58, 58, 0.586); */
    border-radius: .3rem;
    margin-left: .5rem;
    margin-top: .5rem;
    padding: .4rem;
}
/*  */
.input-principal-2{
    padding: .6rem;
    font-size: .6rem;
    width: 100%;
    box-sizing: border-box;
    font-family: var(--fontFamily);
    background-color: white;
    border-radius: .4rem;
}
.input-principal-2 h1{
    margin: 0;
    padding: 0;
    font-size: 1rem;
}
.options-div-2{
    background-color: white;
    color: black;
    padding: .5rem;
    width: 100%;
    font-family: var(--fontFamily);
    box-sizing: border-box;
}
.options-div-2:hover{
    background-color: #14669d;
    color: white;
}

.container-values-2{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: .2rem 0 .7rem 0;
}
.delete-option-selected-2{
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(213, 71, 27);
    color: white;
    border-radius: 50%;
    margin-left: .2rem;
}
.option-selected-user-2{
    background-color: rgb(255, 255, 255);
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 2px solid rgba(58, 58, 58, 0.586); */
    border-radius: .3rem;
    margin-left: .5rem;
    margin-top: .5rem;
    padding: .4rem;
}
.no-clickable{
    pointer-events: none;
    color: rgb(153, 153, 153);
}
/* FIN NEW STYLE SELECT */




@media screen and (max-width: 1000px){
    .container-block-all form{
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }
    .container-left-all{
        max-width: 31rem;
        width: 95%;
    }
    .container-rigth-all{
        max-width: 29rem;
        width: 95%;
        height: 100%;
    }
    .container-image__view{
        display: none;
    }
    .timegoldsbody__fraseform{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 2rem;
    }
    .timegoldsbody__fraseform h1{
        font-size: 1.4rem;
    }
}