/*** wi-bootstrap    version 1.0 ***/

/************************ grid ****************************/

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-family:;
    background-color: #fff;
    direction: rtl;
}

*,
::after,
::before {
    box-sizing: border-box;
}

/** container **/

@media (min-width: 576px) {
    .wi-container, .wi-container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wi-container, .wi-container-md, .wi-container-sm {
        max-width: 720px;
    }
}


@media (min-width: 992px) {
    .wi-container, .wi-container-lg, .wi-container-md, .wi-container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .wi-container, .wi-container-lg, .wi-container-md, .wi-container-sm, .wi-container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .wi-container, .wi-container-lg, .wi-container-md, .wi-container-sm, .wi-container-xl, .wi-container-xxl {
        max-width: 1320px;
    }
}

.wi-container, .wi-container-fluid, .wi-container-lg, .wi-container-md, .wi-container-sm, .wi-container-xl, .wi-container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
    margin-left: auto;
    margin-right: auto;  
}

/** row **/

.wi-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-left: calc(-.5* var(--bs-gutter-x));
    margin-right: calc(-.5* var(--bs-gutter-x));  
}

.wi-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}
/** lg **/

@media (min-width: 992px) {
    .wi-col-lg-1 {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666667%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    
}

@media (min-width: 992px) {
    .wi-col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
}

@media (min-width: 992px) {
    .wi-col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .wi-d-lg-block {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .wi-d-lg-none {
        display: none !important;
    }
}

/** md **/

.@media (min-width: 768px) {
    .wi-col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-2 {
        flex: 0 0 auto;
        width: 16.6666667%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
}

@media (min-width: 768px) {
    .wi-col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .wi-d-md-block {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .wi-d-md-none {
        display: none !important;
    }
}

/** sm **/

.@media (min-width: 576px) {
    .wi-col-sm-1 {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-2 {
        flex: 0 0 auto;
        width: 16.6666667%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
}

@media (min-width: 576px) {
    .wi-col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 576px) {
    .wi-d-sm-block {
        display: block !important;
    }
}

@media (min-width: 576px) {
    .wi-d-sm-none {
        display: none !important;
    }
}

/** col **/

.wi-col {
    flex: 1 0 0%;
}

.wi-col-1 {
    flex: 0 0 auto;
    width: 8.3333333%;
}

.wi-col-2 {
    flex: 0 0 auto;
    width: 16.6666667%;
}

.wi-col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.wi-col-4 {
    flex: 0 0 auto;
    width: 33.33333%;
}

.wi-col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.wi-col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.wi-col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.wi-col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.wi-col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.wi-col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.wi-col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.wi-col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.wi-d-block {
    display: block !important;
}

.wi-d-none {
    display: none !important;
}

/************************************************************ margin and padding ***/

/** margin **/

.wi-m-1 {
    margin: .25rem !important;
}

.wi-m-2 {
    margin: .5rem !important;
}

.wi-m-3 {
    margin: 1rem !important;
}

.wi-m-4 {
    margin: 1.5rem !important;
}

.wi-m-5 {
    margin: 3rem !important;
}

.wi-mt-1 {
    margin-top: .25rem !important;
}

.wi-mt-2 {
    margin-top: .5rem !important;
}

.wi-mt-3 {
    margin-top: 1rem !important;
}

.wi-mt-4 {
    margin-top: 1.5rem !important;
}

.wi-mt-5 {
    margin-top: 3rem !important;
}

.wi-mb-1 {
    margin-bottom: .25rem !important;
}

.wi-mb-2 {
    margin-bottom: .5rem !important;
}

.wi-mb-3 {
    margin-bottom: 1rem !important;
}

.wi-mb-4 {
    margin-bottom: 1.5rem !important;
}

.wi-mb-5 {
    margin-bottom: 3rem !important;
}

.wi-me-1 {
    margin-right: .25rem !important;
}

.wi-me-2 {
    margin-right: .5rem !important;
}

.wi-me-3 {
    margin-right: 1rem !important;
}

.wi-me-4 {
    margin-right: 1.5rem !important;
}

.wi-me-5 {
    margin-right: 3rem !important;
}

.wi-ms-1 {
    margin-left: .25rem !important;
}

.wi-ms-2 {
    margin-left: .5rem !important;
}

.wi-ms-3 {
    margin-left: 1rem !important;
}

.wi-ms-4 {
    margin-left: 1.5rem !important;
}

.wi-ms-5 {
    margin-left: 3rem !important;
}

.wi-mx-1 {
    margin-right: .25rem !important;
    margin-left: 3rem !important;
}

.wi-mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.wi-mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.wi-mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.wi-mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.wi-my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.wi-my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.wi-my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.wi-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.wi-my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

/** padding **/

.wi-p-1 {
    padding: .25rem !important;
}

.wi-p-2 {
    padding: .5rem !important;
}

.wi-p-3 {
    padding: 1rem !important;
}

.wi-p-4 {
    padding: 1.5rem !important;
}

.wi-p-5 {
    padding: 3rem !important;
}

.wi-pt-1 {
    padding-top: .25rem !important;
}

.wi-pt-2 {
    padding-top: .5rem !important;
}

.wi-pt-3 {
    padding-top: 1rem !important;
}

.wi-pt-4 {
    padding-top: 1.5rem !important;
}

.wi-pt-5 {
    padding-top: 3rem !important;
}

.wi-pb-1 {
    padding-bottom: .25rem !important;
}

.wi-pb-2 {
    padding-bottom: .5rem !important;
}

.wi-pb-3 {
    padding-bottom: 1rem !important;
}

.wi-pb-4 {
    padding-bottom: 1.5rem !important;
}

.wi-pb-5 {
    padding-bottom: 3rem !important;
}

.wi-pe-1 {
    padding-right: .25rem !important;
}

.wi-pe-2 {
    padding-right: .5rem !important;
}

.wi-pe-3 {
    padding-right: 1rem !important;
}

.wi-pe-4 {
    padding-right: 1.5rem !important;
}

.wi-pe-5 {
    padding-right: 3rem !important;
}

.wi-ps-1 {
    padding-left: .25rem !important;
}

.wi-ps-2 {
    padding-left: .5rem !important;
}

.wi-ps-3 {
    padding-left: 1rem !important;
}

.wi-ps-4 {
    padding-left: 1.5rem !important;
}

.wi-ps-5 {
    padding-left: 3rem !important;
}

.wi-px-1 {
    padding-right: .25rem !important;
    padding-left: 3rem !important;
}

.wi-px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.wi-px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.wi-px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.wi-px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.wi-py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.wi-py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.wi-py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.wi-py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.wi-py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/******************************************************************* display *******/

.wi-d-block {
    display: block !important;
}

.wi-d-none {
    display: none !important;
}

.wi-d-inline-block {
    display: inline-block!important;
}

.wi-d-flex {
    display: flex!important;
}

.wi-d-inline-flex {
    display: inline-flex !important;
}

/************************************************************************ width ***/

.wi-w-100 {
    width: 100% !important;
}

.wi-w-50 {
    width: 50% !important;
}

.wi-w-75 {
    width: 75% !important;
}

.wi-w-25 {
    width: 25% !important;
}

/********************************************************************** radius ***/

.wi-rounded {
    border-radius: 0.375rem !important;
}

.wi-rounded-0 {
    border-radius: 0 !important;
}

.wi-rounded-1 {
    border-radius: 0.25rem !important;
}

.wi-rounded-2 {
    border-radius: 0.375rem !important;
}

.wi-rounded-3 {
    border-radius: 0.5rem !important;
}

.wi-rounded-4 {
    border-radius: 1rem !important;
}

.wi-rounded-5 {
    border-radius: 2rem !important;
}

.wi-rounded-start {
    border-bottom-right-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.wi-rounded-start-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.wi-rounded-start-1 {
    border-bottom-right-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.wi-rounded-start-2 {
    border-bottom-right-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.wi-rounded-start-3 {
    border-bottom-right-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.wi-rounded-start-4 {
    border-bottom-right-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.wi-rounded-start-5 {
    border-bottom-right-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.wi-rounded-end {
    border-bottom-left-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
}

.wi-rounded-end-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.wi-rounded-end-1 {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

.wi-rounded-end-2 {
    border-bottom-left-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
}

.wi-rounded-end-3 {
    border-bottom-left-radius: 0.5rem !important;
    border-top-left-radius: 0.5rem !important;
}

.wi-rounded-end-4 {
    border-bottom-left-radius: 1rem !important;
    border-top-left-radius: 1rem !important;
}

.wi-rounded-end-5 {
    border-bottom-left-radius: 2rem !important;
    border-top-left-radius: 2rem !important;
}

.wi-rounded-top {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.wi-rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.wi-rounded-top-1 {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.wi-rounded-top-2 {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

.wi-rounded-top-3 {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.wi-rounded-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.wi-rounded-top-5 {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.wi-rounded-bottom {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.wi-rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.wi-rounded-bottom-1 {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.wi-rounded-bottom-2 {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.wi-rounded-bottom-3 {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.wi-rounded-bottom-4 {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.wi-rounded-bottom-5 {
    border-bottom-left-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

.wi-rounded-circle {
    border-radius: 50% !important;
}

.wi-rounded-pill {
    border-radius: 50rem !important;
}

/*** button *****************************************************************/

.wi-btn {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-family: 'IranYekan';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #6c757d;
    border-radius: 0.375rem;
    background-color: #6c757d;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.wi-btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.wi-btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.wi-btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.wi-btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.wi-btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}

.wi-btn-info {
    color: #fff;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.wi-btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.wi-btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.wi-btn-link {
    color: #0d6efd;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.wi-btn-outline-primary {
    color: #0d6efd;
    background-color: transparent;
    border-color: #0d6efd;
}

.wi-btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    border-color: #6c757d;
}

.wi-btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    border-color: #dc3545;
}

.wi-btn-outline-success {
    color: #198754;
    background-color: transparent;
    border-color: #198754;
}

.wi-btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    border-color: #ffc107;
}

.wi-btn-outline-info {
    color: #0dcaf0;
    background-color: transparent;
    border-color: #0dcaf0;
}

.wi-btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    border-color: #f8f9fa;
}

.wi-btn-outline-dark {
    color: #212529;
    background-color: transparent;
    border-color: #212529;
}

.wi-btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.wi-btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
	font-family : "IranYekan"
}

/**************************************************** image ***/

.wi-img-fluid {
    max-width: 100%;
    height: auto;
}

/***************************************************** text ***/

.wi-fs-10 {
    font-size: 10px;
}

.wi-fs-12 {
    font-size: 12px;
}

.wi-fs-14 {
    font-size: 14px;
}

.wi-fs-16 {
    font-size: 16px;
}

.wi-fs-18 {
    font-size: 18px;
}

.wi-fs-20 {
    font-size: 20px;
}

.wi-fs-22 {
    font-size: 22px;
}

.wi-fs-24 {
    font-size: 24px;
}

.wi-fs-26 {
    font-size: 26px;
}

.wi-fs-28 {
    font-size: 28px;
}

.wi-fs-30 {
    font-size: 30px;
}

/** bold **/

.wi-fw-bold {
    font-weight: 700 !important;
}

.wi-fw-bolder {
    font-weight: bolder !important;
}

.wi-fw-light {
    font-weight: 300 !important;
}

/** text color **/

.wi-text-primary {
    color: #0d6efd !important;
}

.wi-text-secondary {
    color: #4d5053 !important;
}

.wi-text-danger {
    color: #dc3545 !important;
}

.wi-text-success {
    color: #198754 !important;
}

.wi-text-warning {
    color: #ffc107 !important;
}

.wi-text-info {
    color: #0dcaf0 !important;
}

.wi-text-light {
    color: #f8f9fa !important;
}

.wi-text-dark {
    color: #212529 !important;
}

.wi-text-black {
    color: #000 !important;
}

.wi-text-body-tertiary {
    color: #f8f9fa !important;
}

.wi-text-body {
    color: #212529 !important;
}

/**************************************************************** background color ***/

.wi-bg-primary {
    background-color: #0d6efd !important;
}

.wi-bg-secondary {
    background-color: #6c757d !important;
}

.wi-bg-danger {
    background-color: #dc3545 !important;
}

.wi-bg-success {
    background-color: #198754 !important;
}

.wi-bg-warning {
    background-color: #ffc107 !important;
}

.wi-bg-info {
    background-color: #0dcaf0 !important;
}

.wi-bg-light {
    background-color: #f8f9fa !important;
}

.wi-bg-dark {
    background-color: #212529 !important;
}

.wi-bg-body-tertiary {
    background-color: #f8f9fa !important;
}

.wi-bg-body {
    background-color: #212529 !important;
}

.wi-bg-black {
    background-color: #000000 !important;
}

.wi-bg-white {
    background-color: #ffffff !important;
}


.wi-bg-primary-subtle {
    background-color: #cfe2ff !important;
}

.wi-bg-secondary-subtle {
    background-color: #e2e3e5 !important;
}

.wi-bg-danger-subtle {
    background-color: #f8d7da !important;
}

.wi-bg-success-subtle {
    background-color: #d1e7dd !important;
}

.wi-bg-warning-subtle {
    background-color: #fff3cd !important;
}

.wi-bg-info-subtle {
    background-color: #d1e7dd !important;
}

.wi-bg-light-subtle {
    background-color: #fcfcfd !important;
}

/************************************************************************ alignment ***/

.wi-text-right {
    text-align: right !important;
}

.wi-text-center {
    text-align: center !important;
}

.wi-text-left {
    text-align: left !important;
}

.wi-text-justify {
    text-align: justify !important;
}

.wi-float-start {
    float: right !important;
}

.wi-float-end {
    float: left !important;
}

/*************************************************************************** border ***/

.wi-border {
    border: 1px solid #dee2e6 !important;
}

.wi-border-top {
    border-top: 1px solid #dee2e6 !important;
}

.wi-border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.wi-border-end {
    border-left: 1px solid #dee2e6 !important;
}

.wi-border-start {
    border-right: 1px solid #dee2e6 !important;
}

/** border width **/

.wi-border-0 {
    border: 0 !important;
}

.wi-border-top-0 {
    border-top: 0 !important;
}

.wi-border-bottom-0 {
    border-bottom: 0 !important;
}

.wi-border-end-0 {
    border-left: 0 !important;
}

.wi-border-start-0 {
    border-right: 0 !important;
}


.wi-border-1 {
    border-width: 1px !important;
}

.wi-border-top-1 {
    border-width: 1px !important;
}

.wi-border-bottom-1 {
    border-width: 1px !important;
}

.wi-border-end-1 {
    border-width: 1px !important;
}

.wi-border-start-1 {
    border-width: 1px !important;
}

.wi-border-2 {
    border-width: 2px !important;
}

.wi-border-top-2 {
    border-width: 2px !important;
}

.wi-border-bottom-2 {
    border-width: 2px !important;
}

.wi-border-end-2 {
    border-width: 2px !important;
}

.wi-border-start-2 {
    border-width: 2px !important;
}

.wi-border-3 {
    border-width: 3px !important;
}

.wi-border-top-3 {
    border-width: 3px !important;
}

.wi-border-bottom-3 {
    border-width: 3px !important;
}

.wi-border-end-3 {
    border-width: 3px !important;
}

.wi-border-start-3 {
    border-width: 3px !important;
}

.wi-border-4 {
    border-width: 4px !important;
}

.wi-border-top-4 {
    border-width: 4px !important;
}

.wi-border-bottom-4 {
    border-width: 4px !important;
}

.wi-border-end-4 {
    border-width: 4px !important;
}

.wi-border-start-4 {
    border-width: 4px !important;
}

.wi-border-5 {
    border-width: 5px !important;
}

.wi-border-top-5 {
    border-width: 5px !important;
}

.wi-border-bottom-5 {
    border-width: 5px !important;
}

.wi-border-end-5 {
    border-width: 5px !important;
}

.wi-border-start-5 {
    border-width: 5px !important;
}


/** border color **/

.wi-border-primary {
    border-color: #0d6efd !important;
}

.wi-border-secondary {
    border-color: #6c757d !important;
}

.wi-border-danger {
    border-color: #dc3545 !important;
}

.wi-border-success {
    border-color: #198754 !important;
}

.wi-border-warning {
    border-color: #ffc107 !important;
}

.wi-border-info {
    border-color: #0dcaf0 !important;
}

.wi-border-light {
    border-color: #f8f9fa !important;
}

.wi-border-dark {
    border-color: #212529 !important;
}

.wi-border-body-tertiary {
    border-color: #f8f9fa !important;
}

.wi-border-body {
    border-color: #212529 !important;
}

.wi-border-black {
    border-color: #000000 !important;
}

.wi-border-white {
    border-color: #ffffff !important;
}


.wi-border-primary-subtle {
    border-color: #cfe2ff !important;
}

.wi-border-secondary-subtle {
    border-color: #e2e3e5 !important;
}

.wi-border-danger-subtle {
    border-color: #f8d7da !important;
}

.wi-border-success-subtle {
    border-color: #d1e7dd !important;
}

.wi-border-warning-subtle {
    border-color: #fff3cd !important;
}

.wi-border-info-subtle {
    border-color: #d1e7dd !important;
}

.wi-border-light-subtle {
    border-color: #fcfcfd !important;
}

/******************************************************* shadows ****/

.wi-shadow{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.wi-shadow-none{
    box-shadow: none !important;
}

.wi-shadow-sm{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.wi-shadow-lg{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/****************************************************************** end wi-bootstrap version 1.0 ***************************************************/
.km-product-content-full-description > ul {list-style:disc !important}