/*------ widgets start ------*/
.upcoming-events-list {
    li {
        margin-block-end: 1.5rem;
        padding-inline-start: 1.5rem;
        position: relative;
        &::before {
            position: absolute;
            content: "";
            height: 100%;
            width: 0.25rem;
            inset-inline-start: 0;
            border-radius: $default-radius;
        }
        &:nth-child(1)::before {
            background-color: $primary;
            opacity: 0.3;
        }
        &:nth-child(2)::before {
            background-color: $secondary;
            opacity: 0.3;
        }
        &:nth-child(3)::before {
            background-color: $success;
            opacity: 0.3;
        }
        &:nth-child(4)::before {
            background-color: $danger;
            opacity: 0.3;
        }
        &:nth-child(5)::before {
            background-color: $info;
            opacity: 0.3;
        }
        &:nth-child(5)::before {
            background-color: $warning;
            opacity: 0.3;
        }
        &:last-child {
            margin-block-end: 0;
        }
    }
}
.border-top-card {
    border-top-width: 0.188rem !important;
    border-top-style: solid !important;
    &.border-top-primary {
        border-top-color: $primary;
    }
    &.border-top-secondary {
        border-top-color: $secondary;
    }
    &.border-top-warning {
        border-top-color: $warning;
    }
    &.border-top-info {
        border-top-color: $info;
    }
    &.border-top-success {
        border-top-color: $success;
    }
    &.border-top-danger {
        border-top-color: $danger;
    }
}
#users-map {
    height: 14rem;
    #jvm-markers-labels-group {
        display: none;
    }
}
[dir="ltr"] {
    #views .apexcharts-yaxis {
        transform: translate(0, 0);
    }
}
#Revenue-chart,#Net-profit,#Orders {
    .apexcharts-grid line {
        stroke: transparent;
    }
}
#budget-chart {
    .apexcharts-yaxis-texts-g,.apexcharts-xaxis-texts-g {
        display: none;
    }
    .apexcharts-grid line {
        stroke: transparent;
    }
    .apexcharts-grid-borders line {
        stroke: transparent;
    }
}
.budget-chart {
    position: absolute;
    inset-block-end: -3.75rem;
    inset-inline-end: 0;
    inset-inline-start: -1.5rem;
}
[dir="rtl"]{
    .budget-chart {
        inset-inline-end: 0;
        inset-inline-start: auto;
    }
}
.timeline-widget .timeline-widget-list {
    margin-block-end: 1.5rem;
    position: relative;
}
.timeline-widget .timeline-widget-list:before {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    inset-inline-start: 2.688rem;
    top: 0.25rem;
    border-radius: 3.125rem;
    border: 0.125rem solid var(--default-border);
    background-color: var(--custom-white);
}
.timeline-widget .timeline-widget-list:last-child {
    margin-block-end: 0;
}
.timeline-widget:before {
    position: absolute;
    content: "";
    width: 0.125rem;
    height: 100%;
    background-color: var(--default-border);
    inset-block-start: 0;
    inset-inline-start: 3rem;
}
.timeline-widget {
    position: relative;
}
.custom-profile-widget {
    background: url(../images/media/media-34.jpg) !important;
    position: relative;
    height: 6rem;
    &::before {
        content: "";
        position: absolute;
        background: $primary;
        width: 100%;
        height: 100%;
        inset-block-start: 0;
        inset-inline-start: 0;
        opacity: .8;
    }
    .avatar {
        position: absolute;
        content: "";
        inset-inline-start: 9rem;
        inset-block-start: 4rem;
        border: 3px solid $black;
        box-shadow: 0 3px 5px $black-2;
    }
}
/*------ widgets end ------*/