ul.stepper li.step-done a .circle {
    background-color: #07b421 !important; 
}  

ul.stepper li.step-done a .label {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87); 
}

.profilePic {
    width: 64px;
    height: 64px;
}

.no-user {
    position: relative;
    padding-top: 10em;
}

.no-user span.title {
    position: absolute;
    top: 2rem;
    left: -2rem;

    font-size: 20em;
    font-weight: bold;
    line-height: 1em;
    white-space: nowrap;

    opacity: .01;
}

.no-user h2 {
    position: relative;
    text-align: center;

    font-size: 3em;
    font-weight: 400;

    margin-bottom: 3em;
    margin-top: 1em;
    z-index: 2;
}

.no-user .btn {
    margin-bottom: 6em;
}

.no-user .btn .fab {
    color: white;
}

body.banned {
    background: #ff121b;
}

body.banned .no-user {
     color: white;
}

body.banned .no-user small {
    max-width: 600px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

body.banned .no-user span.title {
    color: black;
    opacity: .1;
}

body.banned .page-footer {
    opacity: .3;
    color: white;
}

.font-supersmall {
    font-size: .6rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

.prism {
    background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

.cCols{
    margin-top: 50px;
}