// 
// Widgets.scss
// 

.mini-stats-wid{
    .mini-stat-icon{
        overflow: hidden;
        position: relative;
        &:before, &:after{
            content: "";
            position: absolute;
            width: 8px;
            height: 54px;
            background-color: rgba($white,.1);
            right: 16px;
            transform: rotate(-32deg);
            top: -5px;
            transition: all 0.4s;
        }

        &::after{
            right: -12px;
            width: 12px;
            transition: all 0.2s;
        }
    }

    &:hover{
        .mini-stat-icon{
            &::after{
                right: 60px;
            }
        }
    }
}



// activity widget

.activity-wid{
    border-right: 3px dashed $gray-300;
    margin-right: 16px;

    .activity-list{
        position: relative;
        padding: 0 30px 25px 0;
        .activity-icon{
            position: absolute;
            right: -16px;
            top: -3px;
            z-index: 9;
        }

        &:last-child{
            padding-bottom: 0px;
        }
    }
}


// social source

.social-source{
    .social-source-list{
        padding: 13px 0px;
    }
}

// Inbox widget

.inbox-wid{
    .inbox-list-item{
        a{
            color: $body-color;
            display: block;
            padding: 9px 0px;
            border-bottom: 1px solid $border-color;
        }

        &:first-child{
            a{
                padding-top: 0px;
            }
        }

        &:last-child{
            a{
                border-bottom: 0px;
            }
        }
    }
}


.review-carousel{
    .carousel-control-icon{
        width: 24px;
        height: 24px;
        line-height: 22px;
        color: $primary;
        background-color: rgba($primary, 0.25);
        font-size: 20px;
        border-radius: 50%;
    }
    
    .carousel-control-next, .carousel-control-prev{
        bottom: auto;
        top: -47px;
    }

    .carousel-control-prev{
        right: auto;
        left: 40px;
    }

}


// profile

.profile-widgets {
    .online-circle {
        position: absolute;
        left: 0;
        top: 100px;
        right: 75px;
    }
}