.wp_body {
    min-height: 67vh;
    padding: 15px;
    position: relative;
    padding-top: 26px;
}


/* start of profile  */

.profile_wrapper {}

.listview-title {

    color: #242424;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    direction: rtl;
}

.listview {
    display: block;
    padding: 0;
    margin: 0;
    color: #27173E;
    background: #fff;
    border-top: 1px solid #DCDCE9;
    border-bottom: 1px solid #DCDCE9;
    line-height: 1.3em;
}

.listview.inset {
    direction: rtl;
    margin-left: 16px;
    margin-right: 16px;
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
}

.listview>li {
    padding: 11px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 50px;
}

.with-listview>li {
    flex-direction: column;
    align-items: stretch;
}

.po_amount_wrapper {
    margin-top: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
}

.del_pay {
    margin: 11px 0 0 0;
    display: flex;
    justify-content: end;
}

.del_pay i {
    font-size: 12px;
    color: red;
}

.po_amount {
    text-align: right;
    padding: 10px 7px 0;
    font-size: 15px;
}

.image-listview>li {
    padding: 0;
    min-height: auto;
}

.image-listview>li .item {
    padding: 11px 16px;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.image-listview>li a.item {

    color: #27173E !important;
    padding-right: 25px;
    font-size: 15px;
}

.image-listview>li a.item_red {

    color: #ff0000 !important;
}

.listview>li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #DCDCE9;
}

.image-listview>li:after {
    left: 32px;
}

.image-listview.text>li:after {
    right: 18px;
}

.listview>li:last-child:after {
    display: none
}

.image-listview>li .item .in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.image-listview>li a.item:after {
    content: "\f104";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    left: 16px;
    color: #A9ABAD;
    opacity: 0.6;
    line-height: 1em;
    height: 18px;
    top: 50%;
    margin-top: -9px;
}

.image-listview.media>li:last-child {
    border-bottom: 0
}


/* start of navigation  */
:root {
    --cd-color-1: hsl(218, 7%, 32%);
    --cd-color-1-h: 218;
    --cd-color-1-s: 7%;
    --cd-color-1-l: 32%;
    --cd-color-2: hsl(127, 83%, 80%);
    --cd-color-2-h: 127;
    --cd-color-2-s: 83%;
    --cd-color-2-l: 80%;
    --font-primary: 'Jaldi', sans-serif;
}

.cd-accordion {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-lg);
    list-style: none;
    margin: 0;
    padding: 9px;
    direction: rtl;
    background: #f1f1f1;
    border-radius: 16px;
}

.cd-accordion--animated .cd-accordion__label::before {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.cd-accordion__sub {
    display: none;
    overflow: hidden;
    list-style: none;
    margin: 0;
}

.cd-accordion__sub--is-visible {
    display: block
}

.cd-accordion__item { 
    user-select: none;
    font-size: 15px;
    padding: 4px;
    margin-bottom: 11px; 
}

.cd-accordion__input {
    position: absolute;
    opacity: 0
}

.cd-accordion__label {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75em 1.25em;
    padding: var(--space-sm) var(--space-md);
    box-shadow: inset 0 -1px lightness(hsl(218, 7%, 32%), 1.2);
    box-shadow: inset 0 -1px var(--color-shadow);
    color: #3a3a3a;
}

.cd-accordion__label span {
    -ms-flex-order: 3;
    order: 3
}

.cd-accordion__label:hover { 
}

.cd-accordion__label::after,
.cd-accordion__label--icon-folder::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/assets/ShopTheme/images/icons/cd-icons.svg);
    background-repeat: no-repeat;
    margin-right: 0.25em;
    margin-right: var(--space-xxxs);
    position: absolute;
    left: 0;
    filter: brightness(1) invert(1);
}

.cd-accordion__label--icon-folder::before {
    -ms-flex-order: 1;
    order: 1
}

.cd-accordion__label::after {
    -ms-flex-order: 2;
    order: 2;
    display: none;
}

.cd-accordion__label--icon-folder::before {
    background-position: 0 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cd-accordion__label--icon-folder::after {
    background-position: -16px 0
}

.cd-accordion__label--icon-img::after {
    background-position: -48px 0
}

.cd-accordion__input:checked+.cd-accordion__label::before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.cd-accordion__input:checked+.cd-accordion__label::after {
    background-position: -32px 0
}

.cd-accordion__input:checked~.cd-accordion__sub {
    display: block;
    background: #f2f2f2;
    padding: 0;
    border-radius: 7px;
}

.cd-accordion__sub--l1 .cd-accordion__label {
    padding-left: calc(1.25em + 16px);
    padding-left: calc(var(--space-md) + 16px);
    background: #f2f2f2;
    padding: 7px;
    margin-bottom: 0px;
}

.cd-accordion__sub--l1 .cd-accordion__label:hover {
   
}

.cd-accordion__item:last-child .cd-accordion__label {
    box-shadow: none
}

.cd-accordion__sub--l2 .cd-accordion__label {
    padding-left: calc(1.5em + 32px);
    padding-left: calc(var(--space-md) + var(--space-xxxs) + 32px)
}

.cd-accordion__sub--l3 .cd-accordion__label {
    padding-left: calc(1.5em + 48px);
    padding-left: calc(var(--space-md) + var(--space-xxxs) + 48px)
}

/* end of navigation  */