@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
body {
    background: #e6eaed;
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
}

.style-1 {
    background: blue;
    padding: 10px;
    color: white;
}

.style-2 {
    font-size: 12px;
    text-transform: uppercase;
}

.style-2 h5 {
    font-size: 14px;
}

.style-3 {
    background-color: teal;
    color: white;
    width: 40px;
    height: 40px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}

.style-4 {
    font-size: 13px !important;
}

.style-4 h4 {
    font-size: 14px;
}

.style-5 {
    margin-left: 13px;
    margin-top: 10px;
}

.style-6 {
    margin: 11px;
}

.style-7 {
    margin: 10px;
}

.style-8 {
    margin-left: 15px;
    margin-top: 10px;
}

.icn-circle {
    width: 50px;
    height: 50px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}

.blue,
.green-grad,
.purple-grad,
.yellow-grad,
.marron-grad,
.blue-grad,
.orange-grad {
    color: white;
    font-weight: 300;
}

.blue {
    background: rgb(2, 0, 36);
    background: linear-gradient(168deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}

.green-grad {
    background: rgb(84, 126, 47);
    background: linear-gradient(168deg, rgba(84, 126, 47, 1) 0%, rgba(197, 210, 14, 1) 100%);
}

.purple-grad {
    background: rgb(75, 27, 87);
    background: linear-gradient(168deg, rgba(75, 27, 87, 1) 0%, rgba(142, 33, 134, 1) 100%);
}

.yellow-grad {
    background: rgb(252, 168, 14);
    background: linear-gradient(168deg, rgba(252, 168, 14, 1) 0%, rgba(252, 224, 42, 1) 100%);
}

.marron-grad {
    background: rgb(146, 1, 56);
    background: linear-gradient(168deg, rgba(146, 1, 56, 1) 0%, rgba(231, 29, 115, 1) 100%);
}

.blue-grad {
    background: rgb(30, 43, 184);
    background: linear-gradient(168deg, rgba(30, 43, 184, 1) 0%, rgba(56, 185, 221, 1) 100%);
}

.orange-grad {
    background: rgb(234, 80, 28);
    background: linear-gradient(168deg, rgba(234, 80, 28, 1) 0%, rgba(250, 216, 18, 1) 100%);
}

.card-body {
    padding: 0.75rem !important;
}

.style-2 li {
    width: 25%;
}

@media only screen and (max-width: 600px) {
    .style-2 li {
        width: 100%;
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-file-alt:before {
    content: "\f15c"
}