ul.cards{display:grid !important;grid-template-columns:auto auto auto;column-gap:20px;row-gap:20px;margin-top:40px}@media(min-width: 1550px){ul.cards{grid-template-columns:repeat(4, 1fr)}}ul.cards:focus{outline:none}ul.cards>li{display:grid;grid-template-rows:auto 60px;background:#fff;border:1px solid #e2e2e5;border-radius:5px;text-align:center;transition:all .5s ease-out}ul.cards>li:focus{outline:none}ul.cards>li .centered{display:flex;justify-content:center;align-items:center}ul.cards>li .card-footer{color:#9e9e9e;background:#f3f5f8;border-top:1px solid #e2e2e5;transition:all .5s ease-out}ul.cards>li .card-footer>div{font-weight:normal;font-size:16px;display:none}ul.cards>li.inactive{border:1px dashed #e2e2e5}ul.cards>li.inactive .card-footer{color:#9e9e9e;background:#f3f5f8;border-top:1px dashed #e2e2e5}ul.cards>li.inactive .card-footer .inactive{display:block}ul.cards>li.active{border-color:#67ac5b}ul.cards>li.active h3{color:#67ac5b}ul.cards>li.active .card-footer{color:#fff;background:#67ac5b}ul.cards>li.active .card-footer .active{display:block}ul.cards>li.checking{border-color:#9e9e9e}ul.cards>li.checking .card-footer{color:#fff;background:#9e9e9e}ul.cards>li.checking .card-footer .checking{display:block}ul.cards>li.checking .card-footer .checking>div{position:relative;padding-left:30px}ul.cards>li.checking .card-footer .checking>div .loader{position:absolute;left:0;top:0}ul.cards>li.errors{border-color:#e15241}ul.cards>li.errors .card-footer{color:#fff !important;background:#e15241}ul.cards>li.errors .card-footer .errors{display:block}