﻿.application-panel{margin:40px auto;display:flex;justify-content:center}
.application-panel>div{display:inline-block;position:relative;padding:12px;margin:0 6px;border-radius:8px;width:33%;box-shadow:1px 1px 7px 1px #ddd}
.application-panel a{position:absolute;right:13px;bottom:10px}
.application-panel a:after{content:'»';padding-left:4px}
.application-panel-title{font-weight:600;padding:8px;font-size:14px;color:midnightblue}
.application-panel-description{padding:8px;line-height:20px;color:#555}
.application-wizard{list-style-type:none;margin:12px 0 0 8px;padding:8px 0 20px 0}
.application-wizard li{counter-increment:step-counter;margin-bottom:20px;position:relative;padding-left:36px;line-height:30px}
.application-wizard li::before {
    content:counter(step-counter);
    margin:2px 12px 0 0;
    line-height:28px;
    font-size:16px;
    background-color:teal;
    color:white;
    font-weight:600;
    padding:0 9px;
    border-radius:50%;
    position:absolute;
    left:0
}
@media only screen and (max-width:500px){
    .application-panel{display:block;margin:auto}
    .application-panel>div{display:block;margin:6px;width:auto;box-shadow:none;border:dotted 1px #ddd}
}