﻿.fa.fa-solid {
    text-align: center;
}

.fa-stack {
    height: 1.2em;
    line-height: 1.2em;
    position: relative;
    vertical-align: middle;
}

.fa-stack-1-5x,
.fa-stack-0-7x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-0-7x {
    font-size: 0.5em;
    margin-top: 7px;
    color: black;
}

.fa-stack-1-5x {
    font-size: 1.2em;
}

body:not(.sidebar-collapse) .treeview:not(:hover) > a {
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.sidebar-collapse) .treeview:hover > a {
    background: #3c8dbc !important;
    width: fit-content;
    display: table;
    min-width: 230px;
    border-radius: 0px 5px 5px 0px;
}

.sidebar-collapse .treeview:hover > a > span {
    overflow: inherit;
    text-overflow: inherit;
    min-width: 180px !important;
    width: inherit !important;
}

.sidebar-collapse .treeview:hover > a {
    background: #3c8dbc !important;
}

.sidebar-collapse .treeview:hover > a > span {
    border-radius: 0px 5px 5px 0px;
}

.sidebar-menu:hover, .sidebar-menu.tree:hover {
    overflow: unset !important;
}
.box-body > .row:hover {
    background-color: #FAEBD7;
}
.icon-badge-group {
}

    .icon-badge-group .icon-badge-container {
        /*display: inline-block;*/
        margin-left: 15px;
    }

        .icon-badge-group .icon-badge-container:first-child {
            margin-left: 0
        }

.icon-badge-container {
    /*margin-top: 20px;*/
    position: relative;
}

.icon-badge-icon {
    font-size: 30px;
    position: relative;
}

.icon-badge {
    background-color: red;
    font-size: 12px;
    color: white;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 35%;
    position: absolute; /* changed */
    top: -5px; /* changed */
    left: 18px; /* changed */
}

.icon-badge-kanban {
    background-color: #5cb85c;
    font-size: 12px;
    color: white;
    text-align: center;
    min-width: 20px;
    width: auto;
    height: 20px;
    border-radius: 35%;
    position: absolute; /* changed */
    top: -5px; /* changed */
    right: 0px; /* changed */
}