.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.p-2 {
    padding: 0.5rem !important;
}


.symbol.symbol-50px .symbol-label {
    width: 50px;
    height: 50px;
}

.symbol.symbol-60px .symbol-label {
    width: 60px;
    height: 60px;
}

.symbol.symbol-circle, .symbol.symbol-circle > img, .symbol.symbol-circle .symbol-label {
    border-radius: 50%;
}

.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: white !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.475rem;
}

.text-inverse-primary {
    color: white !important;
}

.bg-primary {
    background-color: #1B84FF !important;
}

.space-between-10 {
    padding-top: 10px;
    padding-bottom: 10px !important;
}

.space-top-10 {
    padding-top: 10px !important;
}

.space-top-15 {
    padding-top: 15px !important;
}

.space-bottom-10 {
    padding-bottom: 10px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-between-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-between-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}