body {
    margin: 0;
    padding: 0;
}

.wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 100%;
    height: 100svh;
}

.welcome-pic {
    width: 100%;
    max-width: 600px;
    height: calc(100svh - 112px);
    margin: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.welcome-pic img {
    display: block;
    width: 100%;
    margin: auto;
}





.dashboard-widget {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    color: #fff!important;
}

.dashboard-widget__col {
    margin-top: auto;
    margin-bottom: auto;
}

.dashboard-widget__col:nth-child(1) {
    width: calc(75% - 5px);
}

.dashboard-widget__col:nth-child(2) {
    width: calc(25% - 5px);
    text-align: right;
}

.colored__card {
    border: 0!important;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    transition: all .2s;
}

.colored__card_blue  {
    background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important;
}

.colored__card_green {
    background-image: linear-gradient(to bottom, #00b09b, #96c93d) !important;
}

.colored__card_purple {
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important;
}