.accdet {
    margin:0 auto 0 auto;
    gap:20px;
}
.accinf {
    flex:1;
}
.accinf .fie {
    overflow:hidden;
}
.accinf .fie .cap {
    padding:0 0 5px 0;
} 
.accinf .fie .dat, .accrgt .fie .dat2 {
    padding:0 0 20px 0;
}
.accinf .fie .dat input, .accinf .fie .dat textarea, .accrgt .fie .dat textarea {
    width:100%;
    padding:20px;
}

.accinf .act {
    padding:30px 0 30px 0;
    text-align:center;
}


.accord {
    flex:1;
}
.accord button {
    padding:0!important;
    width:100%;
    text-align:left;
}
.ordrec {
    margin:0 0 10px 0;
    padding:10px;
    border:1px solid black;
    border-radius:10px;
    transition:0.2s;
    overflow:hidden;
    display:flex;
    gap:20px;
}
.ordrec:hover {
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ordrec .ono {
    flex:1.4;
}
.ordrec .oin1 {
    font-size:12px;
}
.ordrec .oin2 {
    font-size:18px;
    font-weight:bold;
}
.ordrec .oin3 {
    padding:20px 0 0 0;
}
.ordrec .osta {
    flex:0.6;
}
.ordrec .osum {
    flex:1;
}

.ordempty {
    padding:0 0 50px 0;
    font-size:18px;
    font-weight:bold;
}

@media (min-width:901px) {
    .accdet {
        width:900px;
        display:flex;
    }
    .accord {
        padding:0;
    }
}
@media (max-width:900px) {
    .accdet {
        width:initial;
        display:initial;
    }
    .accord {
        padding:30px 0 0 0;
    }
}