[v-cloak] > * { display:none }

.warning { color:#f08a24; }
.success { color: #43AC6A; }
.info { color:#a0d3e8; }
.alert { color:#f04124; }
.secondary { color:#e7e7e7; }


#rma-app .progress-dots {
    margin-bottom: 20px;
}
#rma-app .progress-dots .progress-line {
    height: 15px;
    width: 100%;
    background: #f2f2f2;
    position: relative;
    top: 34px;
    border-radius:10px;
}

#rma-app .progress-dots .progress-circle {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 25px;
    display: inline-block;
    margin:0 10%;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 30px;
    border:2px solid #a3a3a3;
}
#rma-app .progress-dots .progress-description {
    width:25%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}
#rma-app .progress-dots .done,
#rma-app .progress-dots .current {
    border-color: mediumspringgreen;
}
#rma-app .hover {
    border-bottom:1px solid #ececec;
}
#rma-app .hover:hover {
    background:#ececec;
}

#rma-app .serial {
    display:inline-block;
    margin:0 10px 10px 0;
}

#rma-app .spinner bdi { 
    display:inline-block !important; 
}

#rma-app .spinner {
    text-align: center;
}
#rma-app .spinner button {
    padding:3px;
}

#rma-app .header {
    background: #ccc;
    font-size:13px;
}

/* header adjustment */

.fa-shopping-cart .c-icon-bar__counter {
    margin-left:45px;
    margin-top:5px;
}