@import "./_variables.scss";

.profile {
    @include display-flex;
    @include align-items(flex-start);
    @include justify-content(space-between);

    .list-group-item {
        border-radius: 10px;
        margin: 5px 0;

        .fa {
            font-size: 18px;
        }
    }

    &-left {
        @include flex(1.5);
    }

    &-right {
        @include flex(1);

        margin-left: 20px;
    }
}
.tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    .tooltip-text {
        font-size: 12px;
        visibility: hidden;
        top: 100%;
        right: 0;
        margin-right: -20px;
        background-color: white;
        color: #4C7392;
        padding: 5px;
        text-align: left;
        border-radius: 10px;
        min-width: 200px;
        position: absolute;
        z-index: 100;
        b {
           color: #FBAD9A;
        }
    }
}

.tooltip2:hover .tooltip-text {
    visibility: visible;
}