.welcome-dashboard {
    margin-bottom: 30px;
}

.theDashboard {
    display: flex;
}

@media screen and (max-width: 600px) {
    .theDashboard {
        flex-direction: column;
    }
}

.theDashboard > div {
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 20px;
}

.theDashboard umb-box-header:focus {
    outline: none;
}

.theDashboard .recentActivity {
    display: flex;
    border-top: 1px solid #f6f4f4;
    padding: 5px 0 0;
    margin-top: 5px;
}

.theDashboard .recentActivity:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}


.theDashboard .recentActivity p {
    margin: 0;
}

.theDashboard .recentActivity a {
    text-decoration: underline;
}

.theDashboard .recentActivity > div:nth-child(1) {
    min-width: 30px;
}

.theDashboard .recentActivity > div:nth-child(2) {
    padding-left: 10px;
}

.theDashboard .recentActivity span.theDashboard-datetime {
    font-size: 12px;
    font-style: italic;
}


/* pending */
.theDashboard .theDashboard-pending-wrapper {
    position: relative;
    cursor: pointer;
}

.theDashboard .theDashboard-pending-wrapper .umb-box-header span {
    position: absolute;
    left: -15px;
    top: -15px;
    font-size: 12px;
    background: #F5C1BC;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
}

.theDashboard div.number {
    margin-bottom: 10px;
    height: 45px;
    vertical-align: middle;
}

.theDashboard div.number div.dot {
    padding-top: 15px;
    float: left;
    background-color: cadetblue;
    color: #fff;
    border-radius: 25px;
    width: 50px;
    height: 35px;
    margin-right: 8px;
    text-align: center;
}

.theDashboard div.number div.dot.dot-style-standard {
    background-color: cadetblue;
}

.theDashboard div.number div.dot.dot-style-success {
    background-color: #2bc37c;
}

.theDashboard div.number div.dot.dot-style-action {
    background-color: #3544b1;
}

.theDashboard div.number div.dot.dot-style-warning {
    background-color: cadetblue;
}

.theDashboard div.number div.dot.dot-style-selected {
    background-color: #F5C1BC;
}

.theDashboard div.number div.dot.dot-style-danger {
    background-color: #d42054;
}

.theDashboard div.number p {
    padding-top: 15px;
}