@import "../../../themes/core/colors";

.breadcrumb-container{
    display: flex;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    color: #323232;
    .qms-breadcrumb-item, .qms-breadcrumb-direction-icon{
        display: flex;
        align-items: center;
        padding: 3px 0 2px 0;
    }

    .qms-breadcrumb-direction-icon{
        .mat-icon{
            width: 18px;
            height: 18px;
            font-size: 18px;
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }
    }

    .item-icon{
        margin-right: 2px;
    }
    .qms-breadcrumb-item{
        cursor: inherit;
        .qms-btn-icon{
            width: 1.5rem;
            height: 1.5rem;
            line-height: 2rem;
        }
        .qms-breadcrumb-item-text{
            max-width: 240px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .breadcrumb__dropdown-btn{
            width: 2rem;
            height: 2rem;
            svg{
                display: block;
            }
        }
    }

    .qms-breadcrumb-last-item{
        color: black(0.6);
        font-weight: 400;
        cursor: not-allowed;
    }
}

.qms-breadcrumb-table{
    .breadcrumb-container{
        .qms-breadcrumb-direction-icon{
            .mat-icon{
                width: 12px;
                height: 12px;
                font-size: 12px;
                margin-left: 0.25rem;
                margin-right: 0.25rem;
                color: black(0.6);
            }
        }

        .item-icon{
            margin-right: 1px;
        }

        .qms-breadcrumb-item{
            .qms-breadcrumb-item-text{
                max-width: 200px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-size: 12px;
                font-weight: 400;
                color: black(0.6);
            }
        }
    }   
}

.qms-breadcrumb__multi-line{
    .breadcrumb-container{
        flex-wrap: wrap;
    }
}


.qms-breadcrumb-menu{
    .qms-dropdown-menu-item{
        border: none;
    }
}
