.wrap-user{width:100%;max-width:650px;margin:auto;box-shadow: 0 10px 20px -12px rgb(255 117 117 / 45%);border-radius:5px;}
.title-user{background-color:#3900ff ;padding:12px 15px;border-radius:5px 5px 0px 0px;display: flex; justify-content: space-between; align-items: center;}
.title-user span{color:#fff;}
.title-user a{color:#fff;font-size:12px;}
.form-user{padding:20px 15px;background: #fff;}
.input-user{margin-bottom:0.75rem;}
.input-user input{font-size:14px;}
.button-user{margin-bottom:1rem;}
.button-user input{font-size:14px;}
.checkbox-user,.radio-user{cursor:pointer;}
.checkbox-user input{top:calc(50% - 1.25rem/2);height:auto;}
.checkbox-user label{font-size:14px;cursor:pointer;}
.checkbox-user label::before,.checkbox-user label::after{top:calc(50% - 1rem/2);}
.radio-user{margin-right:1rem;}
.radio-user:last-child{margin-right:0px;}
.radio-user label::before,.radio-user label::after{top:calc(50% - 1rem/2);}
.note-user{font-size:14px;border-top:1px solid #ddd;padding-top:0.5rem;}
.btn-dangnhap{
    background-color: #3900ff ;
    color: #ffffff;
    font-weight: 500;
    height: 40px;
    width: 140px;
    border-radius: 50px;
    transform: translateY(0);
    box-shadow: 0 10px 20px -12px rgb(255 117 117 / 45%);
    transition: all .5s ease-in-out;
    border: none;
}
.input-user input{
    background-color: #fff;
    color: #777;
    border-radius: 50px;
    padding: 6px 20px;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    line-height: 3;
    height: 50px;
}
.table_donhang{
    box-shadow: 0 10px 20px -12px rgb(255 117 117 / 45%);
    background: #ffffff;
}
.thongtin1{
    padding: 6px 30px;
    font-size: 1rem;
    color: #fff !important;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    background-color: #008816;
    border-radius: 10px;
    transform: translateY(0);
    transition: all .5s ease-in-out;
    box-shadow: 0 10px 20px -12px rgb(255 117 117 / 45%);
    cursor: pointer;
}
.thongtin1:hover {
    transform: translateY(3px);
}
.thongtin2 {
    background: #fff;
    color: #111111;
    transform: translateY(0);
    margin-right: 10px;
    padding: 6px 30px;
    font-size: .875rem;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    transition: all .5s ease-in-out;
    border-radius: 100px;
    box-shadow: 0 10px 20px -12px rgb(255 117 117 / 45%);
    line-height: 25px;
}
.thongtin2:hover {
    transform: translateY(-3px);
    color: #111;
}