.logandpaswblock{
    margin:0;
    padding: 0;
    color: rgb(255, 255, 255);
    padding: 5px;
    height:100%;
    width: 100%;
    border: transparent solid 1px;
    border-radius:20px;
}
.logandpaswblock h4{
    color: rgb(255, 255, 255);
    border: transparent solid 1px;
    border-bottom-color: rgba(255, 194, 41, 0.205);
    padding-bottom: 10px;
    
}
.logandpaswblock input,.logandpaswblock button,.logandpaswblock select,.form-check{
    background-color: black; 
    color: rgb(255, 255, 255);
    font-size: 16px;
    width:100%;
    height: 28px;
    border: solid rgb(255, 255, 255) 1px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    padding-left:5px;
    word-wrap: normal;
    box-shadow: rgb(255, 255, 255) 0px 1px 4px;
}
.logandpaswblock input:hover{
    background-color: #ffffff48;
    color:rgb(0, 0, 0);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.logandpaswblock input::placeholder{
    color:rgb(207, 207, 207)
}
.logandpaswblock button{
    height: 30px;
    padding-left:20px;
    padding-right:20px;
    margin-top: 8px;
    margin-bottom: 3px;
}
.logandpaswblock button:hover{
    background-color: #ffffff48;
    color:rgb(218,165, 32);
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}
.forms-form{
    margin-left:32.5%;
    width:350px;
    text-align:left;
}
#id_city,#id_parfum_code{
    width:100%;
}
#div_id_profile_image label{ 
    margin-top:1px;
    pointer-events: none;
}
#div_id_profile_image div{
    background-color: transparent;
}
#div_id_profile_image a{
    text-decoration: none;
    display: flex;
    color: rgb(0, 110, 255);
}
#profile_image-clear_id{
    float: left;
    display: flex;
    width:17px;
    box-shadow: none;
    margin-right:5px;
}

#id_birth_date_day,#id_birth_date_month,#id_birth_date_year{
    width:100%;
}
.linkformat{
    list-style-type:none;
    text-align:center;
    font: 16px Arial;
    margin: 0;
    margin-top: 10px;
    color: white;
    word-wrap: break-word;
    width:100%;
    
} 
.linkformat a,.link_style {
    padding:6px;
    margin: 0;
    color:rgb(0, 162, 255);
    text-align:center;
    text-decoration: none;
}
.linkformat a:hover,.link_style:hover{
    text-decoration: underline;
    color:rgb(0, 162, 255);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
form li{
    list-style-type: none;
}
.forgetpassword{
    list-style-type:none;
    font: 15px Arial;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: right;
}
.forgetpassword a {
    color:rgb(0, 162, 255);
    text-align:right;
    text-decoration: none;
    padding:5px;
}
.forgetpassword a:hover {
    text-decoration: underline;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

@media screen and (max-width:770px) {
    .forms-form{
        margin-left:25%;
    }
}
@media screen and (max-width:500px) {
    .forms-form{
        margin-left:0;
        width: 100%;
    }
}

@media screen and (max-width:300px) {
    .logandpaswblock button{
        height: auto;
    }
}
@media screen and (max-width:380px) {
    .linkformat a{
        display: block;
    }
}