.user{
    padding: 50px 0;
}
form{
    text-align: left;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}

form div{
    padding: 10px 0;
    text-align: left !important;
}
form label {
    cursor: pointer;
}
form div.m50{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
form div.m50 label{
    width: 48%;
    display: inline-block;

}
form div.m50radio{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
form div.m50radio label input[type="radio"]{
    width: initial;
    display: inline;
    transform: scale(1.7);
    margin-right: 10px;
}
form div.text{
    text-align: justify !important;
    font-size: .8em;
}
form input, form select, form textarea  {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    background-color: #eee;
    margin-top: 10px;
    box-sizing: border-box;
    font-family: 'regular', sans-serif;
}
form input:disabled, form select:disabled, form textarea:disabled  {
    opacity: .8;
}
form input::placeholder{
    color: #ccc;
    font-family: 'regular', sans-serif;
}
form input[type="submit"]{
    background-color: var(--color2);
    cursor: pointer;
    font-family: 'bold',sans-serif;
}
form select::-ms-expand  {
    padding-right: 2rem !important;
    color: aqua;
}
form .formaviso{
    padding: 0;
}
form .formaviso > div{
    padding: 0;
}
form #map-canvas{
    margin: 20px 0;
    width: 100%;
    height: 400px;
}
form #map-canvas div {
    padding: initial;
}
.registrarse_btn{
    text-align: center;
    padding-top: 50px;
}
.registrarse_btn > div{
    padding: 10px 0;
}


/*////////////////////*/
.user_box{
    padding: 40px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.user_box .user_menu{
    width: 350px;
    flex-grow: 0;
    flex-shrink: 0;
}
.user_box .user_menu li{
    padding: 10px 15px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all .3s;
    border-radius: 5px;
}
.user_box .user_menu li.activa{
    background-color: var(--color2);
}
.user_box .user_menu li:hover{
    background-color: var(--color2);
}
.user_box #user_content{
    width: min-content;
    margin-left: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.user_box #user_content #verdatos > div{
    padding: 15px 0;
}
.user_box #user_content #verdatos > div > div:nth-child(1){
    padding: 5px 0;
    font-weight: bold;
    color: var(--text);
}
/*PANLE */
.paneluserlist{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 500px;
    padding: 5px 10px;
    border-radius:8px;
    margin-bottom: 15px;
}
.paneluserlist:hover{
    background-color:#f5f5f5;
}
.paneluserlist .paneluserlistedit{
    display: flex;
    flex-direction: row;
}
.paneluserlist .paneluserlistedit > div{
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.paneluserlist .paneluserlistedit > div div{
    margin-left: 5px;
    width: 16px;
    height: 16px;
}
.paneluserlist .paneluserlistedit > div div img{
    width: 100%;
    height: auto;
}
/*///////////////////////*/
.btn_oscuro{
    border: none;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px !important;
    background-color: var(--negro);
    color: var(--color2);
    cursor:pointer;
    font-family: 'bold',sans-serif;
}
.btn_oscuro a{
    color: var(--color2);
}
.btn_claro{
    border: none;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px !important;
    background-color: var(--color2);
    color: var(--negro);
    cursor:pointer;
    font-family: 'bold',sans-serif;
}
.btn_claro a{
    color: var(--color2);
}