/*=================================================
            [Component] gds_item.php
=================================================*/
.component-wrap[data-comp="gds"] .item-wrap {
    display: grid;
    grid-template-columns: 7.93rem 1fr;

    align-items: center;
    gap: 1.143rem;
}

.component-wrap[data-comp="gds"] .item-wrap .item-img {
    border: 1px solid #DEE2E6;
    border-radius: 0.43rem;
}

.component-wrap[data-comp="gds"] .item-wrap .title-wrap {
    display: flex;
    
    flex-direction: column;

    gap: 0.29rem;
}

.component-wrap[data-comp="gds"] .item-wrap .item-title-wrap {
    display: flex;

    align-items: center;
}

.component-wrap[data-comp="gds"] .item-wrap .item-title {
    flex: 1 0 0;
}

.component-wrap[data-comp="gds"] .item-wrap .item-count-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.component-wrap[data-comp="gds"] .item-wrap .item-content-wrap {
    display: flex;

    gap: 0.29rem;
}

.component-wrap[data-comp="gds"] .item-content-wrap .item-content-content {
    padding: 2px 0.43rem;

    color: var(--helper-color-secondary);

    background-color: #00729E;
    border-radius: 2px;
}

/*=================================================
		[Component] float_menu
=================================================*/
.component-wrap[data-comp="float_menu_item"] #float-menu {
    display: block;

    padding: 0.43rem 1.143rem 0.29rem 1.143rem;

    border-top: 1px solid #DDD;

    background-color: var(--helper-color-secondary);

    z-index: 100;
}

.component-wrap[data-comp="float_menu_item"] .float-menu-item {
    position: relative;

    height: 100%;
    
    text-align: center;
}

.component-wrap[data-comp="float_menu_item"] .float-menu-item .item-title {
    margin-top: 0.43rem;
    
    color:var(--helper-color-secondarylight);
}

.component-wrap[data-comp="float_menu_item"] .float-menu-item.active .item-title {
    color: var(--helper-color-primary);
}

.component-wrap[data-comp="float_menu_item"] .float-menu-item .item-icon path {
    fill: var(--helper-color-secondarylight);
}

.component-wrap[data-comp="float_menu_item"] .float-menu-item.active .item-icon path {
    fill: var(--helper-color-primary);
}

/*=================================================
            [Component] chat_gds_item.php
=================================================*/
.component-wrap[data-comp="chat_gds"] .item-wrap {
    display: grid;
    grid-template-columns: 71px 1fr;

    gap: 0.857rem;
}

.component-wrap[data-comp="chat_gds"] .list-item-wrap {
    display: flex;
    flex-direction: column;
    
    gap: 0.29rem;
}

.component-wrap[data-comp="chat_gds"] .item-wrap .item-title-wrap {
    display: flex;
}

.component-wrap[data-comp="chat_gds"] .item-wrap .item-title {
    flex: 1 0 0;
}

.component-wrap[data-comp="chat_gds"] .item-wrap .item-content-wrap {
    display: flex;
}