.list-table { width: 100%; position: relative; padding: 20px; margin-top: 15px; }
    .list-table .table-responsive table thead th { background-color: #f7f9fa; color: #666666; font-size: 13px; height: 48px; text-align: center; vertical-align: middle; }
    .list-table .table-responsive table tbody td { border-right: 1px solid #f0f1f2; text-align: center; vertical-align: middle; }
        .list-table .table-responsive table tbody td .pd { padding: 15px 10px; }
        .list-table .table-responsive table tbody td .pic { display: table; float: right; width: 110px; height: 110px; text-align: right; }
            .list-table .table-responsive table tbody td .pic a { display: table-cell; vertical-align: middle; }
            .list-table .table-responsive table tbody td .pic img { vertical-align: middle; }
        .list-table .table-responsive table tbody td .desc { direction: rtl; float: right; margin-right: 20px; min-height: 110px; text-align: right; }
            .list-table .table-responsive table tbody td .desc h2 { float: none; color: #4d4d4d; font-size: 14px; line-height: 28px; margin-bottom: 5px; }
        .list-table .table-responsive table tbody td.last { background-color: #ffedee; border-left: 0; border-right: 0; }

    .list-table .finalCost { border: 1px solid #c0f0c1; border-radius: 2px; direction: rtl; margin-bottom: 28px; position: relative; text-align: right; width: 50%; float: left; }
        .list-table .finalCost span.label { color: #818181; display: inline-block; font-size: 12px; padding-top: 8px; }
            .list-table .finalCost span.label.green { color: #4caf50; }
        .list-table .finalCost div.label-price { color: #777777; float: left; font-size: 18px; padding-left: 25px; }
        .list-table .finalCost div.post-types { color: #777777; float: left; font-size: 16px; padding-left: 25px; }
        .list-table .finalCost .payable div.label-price { font-size: 23px; }
        .list-table .finalCost .total { margin: 12px; }
        .list-table .finalCost .payable { background-color: #f7fff7; border-radius: 0 0 4px 4px; font-size: 14px; margin: 12px; }
        .list-table .finalCost.hasDiscount .payable { height: 55px; line-height: 53px; padding: 0 240px 0 0; }
        .list-table .finalCost .payable .toman { font-size: 12px; }
        .list-table .finalCost .sep { background-color: #c0f0c1; height: 1px; }
        .list-table .finalCost .discount { float: right; margin-top: 17px; min-width: 200px; }
.btn-del { cursor: pointer; }

.unitnumber-container { border: 1px solid #d4dbde; border-radius: 4px; }
    .unitnumber-container select { text-align: center; font-size: 12px; }
        .unitnumber-container select option { height: 25px; padding-top: 5px; }

.setting-content { width: 100%; display: block; margin-top: 5px; }

.bas-button-container { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); cursor: pointer; display: inline-block; line-height: 0; margin: 4px; min-height: 38px; overflow: hidden; position: relative; }
    .bas-button-container a.bas-button { display: block; background-color: #4caf50; color: #fff; font-size: 15px; padding-right: 8px; padding-left: 8px; border-radius: 3px; line-height: 0; text-decoration: none; }
        .bas-button-container a.bas-button:hover { background-color: #4DB750; }

.clearfix::after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }

.bas-button span.bas-button-label { background-color: transparent; margin-right: 0; margin-left: 54px; padding-left: 0; }
.bas-button-label .bas-button-labelname { display: block; height: 38px; line-height: 38px; text-align: center; }

.list-table .addtocart { position: relative; height: 48px; width: 50%; float: left; }
    .list-table .addtocart .foot .btn .seven { color: #4d4d4d; direction: rtl; display: inline-block; font-size: 15px; margin-left: 51px; position: relative; top: -6px; width: 366px; }

.pnl_container { width: 100%; height: 100%; float: right; display: none; border: 1px solid #eee; padding: 10px; }
    .pnl_container .section_login { border-left: 1px solid #f0f1f2; box-sizing: border-box; text-align: center; width: 45%; float: right; }
        .pnl_container .section_login .head { padding-bottom: 10px; }
            .pnl_container .section_login .head span { font-weight: bold; font-size: 16px; line-height: 40px; }
            .pnl_container .section_login .head span { color: #4d4d4d; font-size: 16px; line-height: 40px; }
            .pnl_container .section_login .head p { font-size: 15px; padding-top: 0; color: #777; text-align: center; }
    .pnl_container .section_register { box-sizing: border-box; padding: 0 85px; text-align: center; width: 55%; float: right; }
        .pnl_container .section_register .head { padding-bottom: 10px; }
            .pnl_container .section_register .head span { font-weight: bold; font-size: 16px; line-height: 40px; }

.nopadding { padding: 0; }

li.post-content { float: right; margin-left: 10px; padding: 7px 5px 0; background-color: #FAFBFC; border: 1px solid #eee; }
    li.post-content:last-child { margin-left: 0; }
.list-table .finalCost .total .lbl-post-types { padding-top: 15px; }

#PostContent > label { display: block; font-size: 15px; margin-left: 5px; margin-right: 5px; }
.li-active { border: 1px solid green !important; box-shadow: 0 0 1px green inset; }

#WaitDIV { position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.1); display: none; z-index: 99; }
#WaitDIVinner { position: absolute; left: 0; right: 0; top: 10%; z-index: 99; color: #fff; text-align: center; font-weight: bold; font-size: 18px; }