@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');
html,body{
    font-family: "Afacad Flux", sans-serif;
    font-weight: 400;
}
.width-100{
    width: 100%;
}
p.error{
    background: #ff2727;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
}
p.success{
    background: #3da238;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
}
#wrap_body .wrap form .wrapx{
    background: #c1c1c1;
    padding: 0 10px 10px;
    border-radius: 4px;
}
#wrap_body .wrap{
    background: rgb(237, 237, 237);
    padding: 40px 20px 50px;
    border-radius: 9px;
    margin: 40px 0 0;
}
.form-label {
    margin-bottom: -0.5rem !important;
}
#wrap_body .wrap h1{
    margin: 0;
    padding: 0;
    line-height: 38px;
    margin-bottom: 0;
}
#wrap_body .wrap h4{
    color: grey;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 20px;
}
#wrap_body input[type=submit]{
    margin-bottom: 20px;
}
.setheader{
    background: #673AB7;
}
.setheader h2{
    color: #ffffff;
}
.setheader p{
    color: #ffffff;
    padding: 0;
    margin: 0;
}
.setheader p a{
    color: #CDDC39;
    text-decoration: none;
}
#wrap_body_dashboard{
    padding: 25px 0;
    background-color: #f1f1f1;
}
#wrap_body_dashboard .wrap_download{
    display: flex;
    margin-bottom: 20px;
}
#wrap_body_dashboard .wrap_download .downloadbox{
    margin-right: 10px;
}
#wrap_body_dashboard .sidebar ul{
    margin: 0;
    padding: 0;
}
#wrap_body_dashboard .sidebar ul li{
    list-style-type: none;
}
#wrap_body_dashboard .sidebar ul li a{
    text-decoration: none;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #673ab7;
    color: #4d2a8b;
}
#wrap_body_dashboard .sidebar ul li a:hover{
    background: #494949;
    color: #ffffff;
    padding: 10px 20px;
}