/* Fonts */
:root {
  --body-font: 'Poppins', sans-serif;
}

/* Bootstrap Override */
body {
  --bs-font-sans-serif: 'Poppins', sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 2;
  --bs-body-color: #41403E;
  --bs-primary: #0070E4;
  --bs-primary-rgb: 0, 112, 228;
  --bs-border-color: #eeeeee;
}
/* Global Styles */
body {
    font-family: 'Bakhnum',Poppins, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin: 0;
    padding: 0;f
}
nav {
    display: block;
    /* position: absolute; */
    z-index: 12;
    width: 100%;
    float: right;
    /* bottom: -45px; */
}

.container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
#invoice {
    /*max-width: 1040px;*/
    margin: 0px auto;
    /*padding: 190px 0 0 0;*/
}
.tcolorprice p {
    text-align: center;
}

.text-center {
    text-align: center;
}

.text-primary {
    color: #007bff;
}

.text-muted {
    color: #6c757d;
}

.border-top {
    /*border-top: 1px solid #dee2e6;*/
}

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

.border {
    border: 1px solid #dee2e6;
}

.my-5 {
    /*margin-top: 1rem;*/
    /*margin-bottom: 3rem;*/
}
.tcolor{
    padding-bottom:60px;
    background: #454741;
    color: #e3e3e3;
    margin-top: 85px;
    border-radius: 15px 15px 0 0;
    float: right;
    display: flex;
    width: 100%;
    justify-content: left;
    position:relative;

}
.tcolorprice {
    width: 100%;
    margin: 180px auto 0;
    border-radius: 15px 15px 0 0;
    float: none;
    padding: 14px;
    font-weight: 600;
}

.tooltipinvoice {
    position: relative;
    top: 130px;
    right: 6px;
}

.my-6{
    /*position: absolute;*/
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.py-5 {
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.d-md-flex {
    display: flex;
    flex-wrap: wrap;
    margin-top:10px;
}

.justify-content-between {
    justify-content: space-between;
}

.mt-md-0 {
    margin-top: 0;
}

.list-unstyled {
    list-style: none;
    padding-left: 0;
}
.list-unstyled li {
    display: inline;
    margin-right: 20px; 
}
.table tr{
}
.table thead{
}
/* Table Styles */
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #3c3c3c;
    background-color: transparent;
    font-size:large;
    position: relative;
    /*top: -50px;*/
    direction: rtl;
}
 table {
     border-collapse:collapse;
     border-spacing:0;
     table-layout: fixed; /* عرض سلول‌ها کنترل‌شده */
     
     width: 100%; /* جدول به عرض صفحه محدود می‌شود */
     max-width: 100%;
     table-layout: fixed; /* عرض سلول‌ها کنترل‌شده */
     border-collapse: collapse; /* حذف فاصله‌های بین سلول‌ها */

 }
.tablesize1{
    width: 100%;
    /*display: inline-block;*/
    /*margin: 0 auto;*/
}
.tablesize2{
    width: 33%;
    margin: 0 auto 0 111px;
    margin-bottom: 1rem;
    color: #86c542;
    background-color: #86c542;
    float: left;
    height: 100px;
    position: relative;
    top: -66px;
    border: 1px solid #86c542;
    /*display: inline-block;*/
}
/*.table2 {*/
 /*   width: 96%;*/
 /*   margin-bottom: 1rem;*/
 /*   color: #86c542;*/
 /*   background-color: transparent;*/
	/*float:left;*/
	/*height: 100px;*/
	
.table2{
    width: 33%;
    margin: 0 auto 0 111px;
    margin-bottom: 1rem;
    color: #86c542;
    background-color: #86c542;
    float: left;
    height: 100px;
    position: relative;
    /* top: -66px; */
    border: 1px solid #86c542;
    /*display: inline-block;*/
}
.table2factorha{
    height: 40px;
    float: left;
    margin: 0 0 0 121px;
}
.bgcolor{
    border: 1px solid #86c542;   
    background-color:  #86c542!important; 
}	

}
.table3 {
    width: 100%;
    margin-bottom: 1rem;
}
.table th,
.table td {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #86c54270;
    text-align: center;
    align-content: center;
    font-size: medium;
    font-weight: 600;
    border: 1px solid #86c54270;
}

.table thead th {
    vertical-align: bottom;
    /*border-bottom: 2px solid #dee2e6;*/
    font-size: 14px;
    padding: 12px;
}

.table tbody + tbody {
    border-top: 2px solid #86c542;
}

.table .table {
    background-color: #fff;
}
.finalprice {
    color: black;
    height: 30px;
}
.finalprice_factorha {
    color: black;
    height: 40px;
}
.table-box {
    display:inline-block;
    width: 100%;
    float: right;
    font-family: 'Bakhnum';
    margin: 0 auto 60px auto;
}
.bg-primary-subtle {
    background-color: rgb(134 197 66);
}

/* Footer Styles */
#footer-bottom {
    background-color: #f8f9fa;
    padding: 2rem 0;
}

/* Typography */
h2, h4 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h2 {
    font-size: 2.5rem;
}

h4 {
    font-size: 1.5rem;
}

/* RTL Styles */
[dir="rtl"] .text-md-end {
    text-align: right !important;
}

[dir="rtl"] .text-primary {
    color: #007bff !important;
    display: inline;
}

tbody tr:nth-child(odd) td:nth-child(-n+2) {
    background: #ececec;
    align-content: center;


}

tbody tr:nth-child(odd) td:nth-child(n+3) {
    background: #dddddd;
    align-content: center;
   
}

tbody tr:nth-child(even) td:nth-child(-n+2) {
    background: #f8fff1;
    align-content: center;

}

tbody tr:nth-child(even) td:nth-child(n+3) {
    background: #86c54229;
    align-content: center;
    

}
/*tbody tr:nth-child(odd) td:nth-child(-n+2),*/
/*tbody tr:nth-child(even) td:nth-child(-n+2) {*/
/*    background: #ececec; */
     /*رنگ قرمز برای دو ستون اول */
/*}*/

/*tbody tr:nth-child(odd) td:nth-child(n+3),*/
/*tbody tr:nth-child(even) td:nth-child(n+3) {*/
/*    background: #a9a9a930;*/
     /*رنگ آبی برای سه ستون بعدی */
/*}*/

/*tbody tr:nth-child(even) td:nth-child(-n+2) {*/
/*    background: #f8fff1; */
     /*رنگ زرد برای دو ستون اول در ردیف‌های زوج */
/*}*/

/*tbody tr:nth-child(even) td:nth-child(n+3) {*/
/*    background: #a3ff415; */
     /*رنگ سبز برای سه ستون بعدی در ردیف‌های زوج */
/*}*/
.middleme{
    width: 80%;
    padding-top: 15px;
    margin: 0 auto;
}
.displayofme{
    display:flex
}
.customerinfo{
    height: 100%;
    display: table-caption;
}


.divTable{direction: rtl;width: 100%;}
.divTableRow {display: flex;width: 100%;float: right;}
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead {display: block;width: 33.333%;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody {display: block;width: 100%;}
.thirdcol {
	/*d-md-flex:f2f2f2;*/
}
.upme {
    position: relative;
    height: 175px;
    background-color: #86c542;
    border-radius: 0 0 10px 10px;
    width: 100%;
    float: right;
    top: -40px;
}

.upme2 {
    position: relative;
    top: -152px;
    width: auto;
    height: 175px;
    background-color: #86c542;
    border-radius: 0 0 2px 2px;
    margin-bottom: -110px;
}

.btn-wrap {
    position: relative;
    top: -3px;
    z-index: -1;
    width: 145px;
    height: 125px;
    padding: 10px 15px 0px 15px;
    margin: -17px -27px 0px 0px;
    left: -77px;
}
.btn-wrap2 {
    position: relative;
    top: -3px;
    z-index: -1;
    width: 145px;
    height: 125px;
    padding: 10px 15px 0px 15px;
    margin: -17px -27px 0px 0px;
    left: -77px;
    }

.btn-wrap3 {
    position: relative;
    top: -4px;
    z-index: -1;
    width: 145px;
    height: 125px;
    padding: 10px 15px 0px 15px;
    margin: -17px -27px 0px 0px;
    left: -29px;
}
    
.btn-trapezoid-outline{
	transform: perspective(297px) rotateX(30deg) translateZ(27px) translateY(5px);
    background: #609429;
    border-radius: .5em .5em 0 0;
    padding: 25px 74px;
    /* border: 1px solid #fcec0c; */
    /* -webkit-backface-visibility: hidden; */
    /* transition: all .3s ease-out; */
	/* display: inline-block; */
	/* transform-style: preserve-3d; */
    
}

.btn-trapezoid-outline2{
	transform: perspective(784px) rotateX(24deg) translateZ(44px) translateY(-15px);
    background: #609429;
    border-radius: .5em .5em 0 0;
    padding: 25px 74px;
    /* border: 1px solid #fcec0c; */
    /* -webkit-backface-visibility: hidden; */
    /* transition: all .3s ease-out; */
	/* display: inline-block; */
	/* transform-style: preserve-3d; */
    
}

.footodinvoice {
    background-color:#454741;
    padding: 15px;
    border-radius: 0 0 15px 15px;
    width: 100%;
    font-family: 'Bakhnum';
    padding-bottom: 40px;
}

table.table {
	text-wrap: balance;
	text-align: center;
	text-align: center;
	border-spacing: 0;
	max-width: 1110px;
    margin: 0 auto;
}
input#id_address_choice_0, input#id_address_choice_1, input#id_address_choice_2 {
    display: inline;
}

.address-new  {
    display:flex;
    align-items: baseline;
}
.address-selection {
    width: 87%;
    margin-top: 5px;
}
.profile-data3 {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 96%;
    /*margin-right: 10px;*/
}
.profile-icon3 {
    font-size: 16px;
    color: #e3e3e3;
    margin: 5px 2px 5px 0;
    /*padding-right: 9px;*/
    /* align-content: baseline; */
}
.new-address-input {
    margin-top: 10px;
    margin-right: 5px;
    border-bottom:1px solid #;
    width: 90%;
}
  #new_address {
    width: 100%;
    padding: 8px;
    padding-right: 20px;
    border-radius: 5px;
}
.profile-item3 {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #86c542;
}
.gcolor {
    width: 145px;
    height: 125px;
    background-color: #85c441;
    border-radius: 0 0px 15px 15px;
    padding: 10px 15px 0px 15px;
    margin: -17px -27px 0px 0px;
    position: relative;
    left: 25px;
    
}
.gfcolor {
    width: 145px;
    height: 125px;
    background-color: #85c441;
    border-radius: 0 0px 15px 15px;
    padding: 10px 15px 0px 15px;
    margin: -17px -27px 0px 0px;
    position: relative;
    left: -45px;
    bottom: 109px;
}
.pish {
    width: 90px;
    display: inline-block;
    position: relative;
    bottom: -125px;
    left: 140px;
}
.profile-icon1 {
    font-size: 16px;
    color: #e3e3e3;
    margin: 5px 2px 5px 0;
}
.profile-item4 {
    width: 80%;
    position: absolute;
    right: 10px;
}
.profile-item5 {
    width: 80%;
    position: absolute;
    right: 10px;
    display: flex;
    flex-wrap: wrap;
 /*   gap: 20px; /* فاصله بین آیتم‌ها  */

}
.leftside-faktor {
    width: 20%;
}
.btn-s {
    padding: 3px;
    border-radius: 5px;
    border: none;
    font-family: 'Bakhnum';
    font-size: small;
    font-weight: 600;
    border: 2px solid;
    border-color: #85c441;
    background-color:#85c441;
    float: left;
    margin-left: 5px;
    background-clip: content-box;
    color:#000;
    margin-top: 5px;
}
.btn-s:hover {
    border-color: #5E9820;
    background-color:#5E9820;
}
.label-pad {
    margin-right: 4px;
    width: 80px;
}

input[type=text]:focus {
  border: 1px solid #5E9820;
}

#description {
    width: 100%;
    padding: 8px;
    padding-right: 20px;
    border-radius: 5px;
    margin-top: 10px;
}

.profile-item4 p {
    display: block;
    padding-left:20px;
}
.profile-item5 p {
    display: inline-block;
    padding-left:20px;
    /*width:30%;*/
}
.pstyle p {
    width:90%;
}
#logistics {
    width: 60%;
    padding: 5px;
    height: 41px;
    border-radius:5px;
}
.profile-data5 {
    /*display: flex;*/
    align-items: center;
    /*margin-left: 65px;*/
}
.profile-icon5 {
    margin-left: 44px;
    color: #e3e3e3;
}
.profile-item6 {
    /*position: relative;*/
    /*right: 21px;*/
    /*margin-top: 4px;*/
    display: inline-grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    margin-right: 20px;
    margin-top: 4px;
}


.info_classify {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 30%; /* به هر دایرکتوری 30% عرض داده می‌شود */
    min-width: 250px; /* حداقل عرض برای دایرکتوری‌ها */
}

.pstyle {
    width: 100%; /* دایرکتوری آخر همیشه عرض 100% دارد */
    margin-top: -5px; /* فاصله از دایرکتوری‌های بالایی */
}

    @keyframes blink {
        0% { color: #5E9820; }
        50% { color: #85c441; }
        100% { color: #5E9820; }
    }
    .blinking-text {
        font-size: 14px;
        font-weight: bold;
        animation: blink 1s infinite;
    }
        
        
@media (max-width: 1200px) {
        .profile-data input {
            width: 58%;
        }
        #logistics {
            width: 58%!important;
        }
        .profile-icon5 {
            margin-left: 29px;
        }
        /*#description {*/
        /*    width: 84%;*/
        /*}*/
        .profile-icon5 {
            margin-left: 53px;
        }

@media (max-width: 991px) {
        .profile-item2 {
            width: 48%!important;
        }
        .profile-data input {
            width: 62%!important;
        }
        #logistics {
             width: 62%!important;
             padding: 0px!important; 
             height:40px!important;
        }
        
        .gfcolor {
            width: 120px;
            height: 105px;      
        }
        
        .btn-trapezoid-outline {
            padding: 25px 63px;
        }
        
        .profile-icon5 {
            margin-left: 36px;
        }
        
        /*#description {*/
        /*    width: 79%;*/
        /*}*/
}

@media (max-width: 768px) {
        .profile-item2 {
            padding-right: 0px!important;
            width: 49%!important;
        }
        .profile-data input {
            width: 62%!important;
        }
        
        .gfcolor {
            display:none;
        }
        .btn-wrap3 {
            display:none;
        }
        .profile-item4 {
            width: 100%;
        }
        .profile-item5 {
            width: 100%;
            margin-left: 48px;
        }
        .profile-item6 {
            margin-right: 0px;
        }
        /*#description {*/
        /*    width: 80.3%;*/
        /*}*/
}

@media (max-width: 692px) {
        header {}
        .profile-item2 {
            padding-right: 0px!important;
            width: 90% !important;
        }
}


@media (max-width: 480px) {
        header {}
        .profile-item2 {
            width: 97%!important;
    }
    .tablesize1 {
        width: 100%!important;
    }
    .upme {

        visibility: hidden!important;
    }
    .table th, .table td {
        font-size: medium;
    }
    /*.btn-wrap {*/
    /*    position: relative;*/
    /*    top: -10px;*/
    /*    z-index: -1;*/
    /*    width: 86px;*/
    /*    height: 125px;*/
    /*    left: -106px;*/
    /*}*/
    .btn-wrap {
        position: relative;
        top: -3px;
        z-index: -1;
        width: 98px;
        height: 125px;
        left: -103px;
    }
    .btn-trapezoid-outline {
        padding: 25px 43px;
    }
}