@use "../variables";
/* Start::border */
.border-container {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: 0.25rem;
    background-color: rgba(var(--light-rgb),0.3);
  }
/*Start::border */
.border {
    border: 1px solid variables.$default-border !important;

    /* Start:: Border Style */
    &.border-dashed {
        border-style: dashed !important;
    }
    &.border-dotted {
        border-style: dotted !important;
    }
    /* End:: Border Style */

    /* Start::Border Colors */
    &.border-primary {
        border: 1px solid variables.$primary !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: variables.$primary-01 !important;
        }
        &.border-opacity-25 {
            border-color: variables.$primary-03 !important;
        }
        &.border-opacity-50 {
            border-color: variables.$primary-05 !important;
        }
        &.border-opacity-75 {
            border-color: variables.$primary-08 !important;
        }
        &.border-opacity-100 {
            border-color: variables.$primary !important;
        }
    }
    &.border-secondary {
        border: 1px solid variables.$secondary !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--secondary-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--secondary-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--secondary-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--secondary-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--secondary-rgb),1) !important;
        }
    }
    &.border-info {
        border: 1px solid variables.$info !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--info-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--info-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--info-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--info-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--info-rgb),1) !important;
        }
    }
    &.border-success {
        border: 1px solid variables.$success !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--success-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--success-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--success-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--success-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--success-rgb),1) !important;
        }
    }
    &.border-warning {
        border: 1px solid variables.$warning !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--warning-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--warning-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--warning-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--warning-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--warning-rgb),1) !important;
        }
    }
    &.border-danger {
        border: 1px solid variables.$danger !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--danger-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--danger-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--danger-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--danger-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--danger-rgb),1) !important;
        }
    }
    &.border-pink {
        border: 1px solid variables.$pink !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--pink-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--pink-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--pink-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--pink-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--pink-rgb),1) !important;
        }
    }
    &.border-teal {
        border: 1px solid variables.$teal !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--teal-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--teal-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--teal-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--teal-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--teal-rgb),1) !important;
        }
    }
    &.border-orange {
        border: 1px solid variables.$orange !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--orange-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--orange-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--orange-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--orange-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--orange-rgb),1) !important;
        }
    }
    &.border-white {
        border: 1px solid variables.$white !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(variables.$white,0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(variables.$white,0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(variables.$white,0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(variables.$white,0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(variables.$white,1) !important;
        }
    }
    &.border-light {
        border: 1px solid variables.$light !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--light-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--light-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--light-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--light-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--light-rgb),1) !important;
        }
    }
    &.border-dark {
        border: 1px solid variables.$dark !important;
        opacity: 1;
        &.border-opacity-10 {
            border-color: rgba(var(--dark-rgb),0.1) !important;
        }
        &.border-opacity-25 {
            border-color: rgba(var(--dark-rgb),0.25) !important;
        }
        &.border-opacity-50 {
            border-color: rgba(var(--dark-rgb),0.50) !important;
        }
        &.border-opacity-75 {
            border-color: rgba(var(--dark-rgb),0.75) !important;
        }
        &.border-opacity-100 {
            border-color: rgba(var(--dark-rgb),1) !important;
        }
    }
    /* End::Border Colors */

    /* Start::border opacity */
    &.border-opacity-10 {
        --bs-border-opacity: 0.1 !important;
    }
    &.border-opacity-25 {
        --bs-border-opacity: 0.25 !important;
    }
    &.border-opacity-50 {
        --bs-border-opacity: 0.5 !important;
    }
    &.border-opacity-75 {
        --bs-border-opacity: 0.75 !important;
    }
    &.border-opacity-100 {
        --bs-border-opacity: 1 !important;
    }
    /* End::border opacity */

    /* Start::Border Widths */
    &.border-1 {
        border-width: 1px !important;
    }
    &.border-2 {
        border-width: 2px !important;
    }
    &.border-3 {
        border-width: 3px !important;
    }
    &.border-4 {
        border-width: 4px !important;
    }
    &.border-5 {
        border-width: 5px !important;
    }
    /* End::Border Widths */

    /* Start::Border Styles */
    &.border-block-start-dashed {
        border-top-style: dashed;
    }
    &.border-block-start-dotted {
        border-top-style: dotted;
    }
    &.border-inline-end-dashed {
        border-inline-end-style: dashed;
    }
    &.border-inline-end-dotted {
        border-inline-end-style: dotted;
    }
    &.border-block-end-dashed {
        border-bottom-style: dashed;
    }
    &.border-block-end-dotted {
        border-bottom-style: dotted;
    }
    &.border-inline-start-dashed {
        border-inline-start-style: dashed;
    }
    &.border-inline-start-dotted {
        border-inline-start-style: dotted;
    }
    /* End::Border Styles */

    /* Start::subtractive border */
    &.border-0 {
        border: 0 !important;
    }
    &.border-top-0 {
        border-block-start: 0 !important;
    }
    &.border-end-0 {
        border-inline-end: 0 !important;
    }
    &.border-bottom-0 {
        border-block-end: 0 !important;
    }
    &.border-start-0 {
        border-inline-start: 0 !important;
    }
    /* End::subtractive border */
}
.border-top {
    border-top: 1px solid variables.$default-border !important;
    &.border-block-start-dashed {
        border-top-style: dashed !important;
    }
    &.border-block-start-dotted {
        border-top-style: dotted !important;
    }
    &.border-primary {
        border-color: variables.$primary !important;
    }
    &.border-secondary {
        border-color: variables.$secondary !important;
    }
    &.border-warning {
        border-color: variables.$warning !important;
    }
    &.border-info {
        border-color: variables.$info !important;
    }
    &.border-success {
        border-color: variables.$success !important;
    }
    &.border-danger {
        border-color: variables.$danger !important;
    }
    &.border-light {
        border-color: variables.$light !important;
    }
    &.border-dark {
        border-color: variables.$dark !important;
    }
}
.border-end {   
    border-inline-end: 1px solid variables.$default-border !important;
    &.border-inline-end-dashed {
        border-inline-end-style: dashed !important;
    }
    &.border-inline-end-dotted {
        border-inline-end-style: dotted !important;
    }
    &.border-primary {
        border-color: variables.$primary !important;
    }
    &.border-secondary {
        border-color: variables.$secondary !important;
    }
    &.border-warning {
        border-color: variables.$warning !important;
    }
    &.border-info {
        border-color: variables.$info !important;
    }
    &.border-success {
        border-color: variables.$success !important;
    }
    &.border-danger {
        border-color: variables.$danger !important;
    }
    &.border-light {
        border-color: variables.$light !important;
    }
    &.border-dark {
        border-color: variables.$dark !important;
    }
}
.border-bottom {
    border-bottom: 1px solid variables.$default-border !important;
    &.border-block-end-dashed {
        border-bottom-style: dashed !important;
    }
    &.border-block-end-dotted {
        border-bottom-style: dotted !important;
    }
    &.border-primary {
        border-color: variables.$primary !important;
    }
    &.border-secondary {
        border-color: variables.$secondary !important;
    }
    &.border-warning {
        border-color: variables.$warning !important;
    }
    &.border-info {
        border-color: variables.$info !important;
    }
    &.border-success {
        border-color: variables.$success !important;
    }
    &.border-danger {
        border-color: variables.$danger !important;
    }
    &.border-light {
        border-color: variables.$light !important;
    }
    &.border-dark {
        border-color: variables.$dark !important;
    }
}
.border-start {
    border-inline-start: 1px solid variables.$default-border !important;
    &.border-inline-start-dashed {
        border-inline-start-style: dashed !important;
    }
    &.border-inline-start-dotted {
        border-inline-start-style: dotted !important;
    }
    &.border-primary {
        border-color: variables.$primary !important;
    }
    &.border-secondary {
        border-color: variables.$secondary !important;
    }
    &.border-warning {
        border-color: variables.$warning !important;
    }
    &.border-info {
        border-color: variables.$info !important;
    }
    &.border-success {
        border-color: variables.$success !important;
    }
    &.border-danger {
        border-color: variables.$danger !important;
    }
    &.border-light {
        border-color: variables.$light !important;
    }
    &.border-dark {
        border-color: variables.$dark !important;
    }
}
/*End::additive border */

/* Start::border radius */
.rounded {
    border-radius: variables.$default-radius !important;
}
/* End::border radius */

/* Start:: border white */
.border-white-1 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
/* End:: border white */

/* Start::vr */
.vr {
    background-color: variables.$default-border;
    opacity: 1;
}
/* End::vr */
@media (min-width: 1200px) {
    .border-lg-end{
      border-right: 1px solid  variables.$default-border !important;
    }
}

[dir="rtl"]{
    @media (min-width: 1200px) {
        .border-lg-end{
            border-left: 1px solid  variables.$default-border !important;
            border-right: 0px solid  variables.$default-border !important;
        }
    }
}
@media (min-width: 576px) {
.border-sm-end{
    border-inline-end: 1px solid variables.$default-border ;
}
}