.boxContainer{display:flex;flex-wrap:wrap;width:1000px;align-items:auto}[dir] .boxContainer{margin:80px auto}.boxGreen{width:100%;height:70px;color:#fff;font-size:30px;display:flex;align-items:center}[dir] .boxGreen{border-radius:10px;padding:10px;background-color:#28a745}.current{width:100%;display:flex;align-items:center}[dir] .current{margin:20px 0 0 0}.statusBox{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}[dir] .statusBox{margin:20px 0 20px 0;background-color:#fff;border-radius:15px;border:1px solid #ccc}[dir=ltr] .statusBox{box-shadow:1px 1px 10px 1px #ccc}[dir=rtl] .statusBox{box-shadow:-1px 1px 10px 1px #ccc}.insideBox{display:flex;justify-content:space-between}[dir] .insideBox{padding:20px;border:1px solid #eeecec}.insideBox h3{font-weight:700;display:flex;align-items:center}.boxContainer a{display:block}[dir=ltr] .boxContainer a{float:right}[dir=rtl] .boxContainer a{float:left}.icon{font-weight:400;font-size:30px}.success{color:#28a745}.error{color:red}.help{color:#acabab}[dir=ltr] .help{margin-left:5px}[dir=rtl] .help{margin-right:5px}@media (max-width:1080px){.boxContainer{width:90%}}@media (max-width:750px){[dir] .boxContainer{margin:0 auto}.statusBox{grid-template-columns:repeat(1,1fr)}.icon{font-size:27px}h3{font-size:20px}.boxGreen,.current{font-size:25px}}@media (max-width:350px){.boxGreen{font-size:20px}[dir] .boxGreen{text-align:center}.current{display:block;font-size:15px}[dir] .current{text-align:center}.icon{font-size:23px}h3{font-size:15px}}