.boxsvg1 {
        background-image: linear-gradient(358deg, #FFFEFF 0%, #E2D7FFBA 100%);
    }

    .back-panel{
        background-image: url('/app-assets/images/panel/back-panel.svg');
        background-size: 310px;
    }
    .boxsvg1::after {
        background-image: url('/app-assets/images/panel/back-svg.svg');
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        background-repeat: no-repeat;
        top: 4%;
        background-size: 160px;
    }
    .boxsvg4 {
        background-image: linear-gradient(358deg, #FFFEFF 0%, #E2D7FFBA 100%);
    }

    .boxsvg4::after {
        background-image: url('/app-assets/images/panel/back-svg3.svg');
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        background-repeat: no-repeat;
        top: 4%;
        background-size: 160px;
    }
    
    .boxsvg2 {
        background-image: linear-gradient(358deg, #FFFEFF 0%, #D8F2FF99 100%)
    }

    .boxsvg2::after {
        background-image: url('/app-assets/images/panel/back-svg2.svg');
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 5%;
        background-repeat: no-repeat;
        top: 4%;
        background-size: 160px;
    }
    .boxsvg3 {
        background-image: linear-gradient(20deg, #FFFEFF 0%, #D8F2FF99 100%)
    }
    .boxsvg5 {
  background-image: linear-gradient(20deg, #FFFEFF 0%, #F5F5FF99 100%);
}

    @media only screen and (max-width: 1235px) {
        .boxsvg1::after {
            background-image: none;
        }
        .boxsvg2::after {
            background-image: none;
        }
        .boxsvg4::after {
            background-image: none;
        }
    }
.ul-menu{
    min-width: 60px;
}
.list-p-help p:before {
    font-family: feather !important;
    content: "\e97b";
    display: block;
    width: 24px;
    height: 24px;
    float: right;
    margin: 0 0 0 6px;
    font-size: 23px;
    line-height: 1;
    color: #20c997;
}

.table thead th{
    font-weight: normal;
} 
.status-order{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 5px 15px;
    border-radius: 3px;
    display: inline-block;
}

.status-order-success{
     color: #07ae48;
}
.status-order-dark{
     color: #111;
}

.status-order-warrnig{
     color: #aaa808;
}
.status-order-info{
     color: #1f8ef0;
}

.icon-primary{
    color: #5a55f9;
}
.icon-dark{
    color: darkslategray;
}
.icon-success{
    color: #2eb72e;
}
.icon-infos{
    color: #1f8ef0;
}
.icon-red{
    color: #e64141;
}
.icon-teal{
    color: #009688;
}
.tooltip{
   font-family: IRANSansX;
}
.font-icon-da{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 5px;
    border-radius: 3px;
    color: #1f8ef0;
    display: inline-block;
}
.span-icon{
    vertical-align: middle;
    font-size: 24px !important;
}
.borderRed{
    border: 2px solid #fa1818 !important;
}
.formOrder .form-section{
    line-height: 3rem;
margin-bottom: 20px;
color: #2c303b;
border-bottom: 1px solid #2c303b;
}
table,thead,tr,td{
    text-align: center;
    vertical-align: inherit !important;
}
.pagination-round{
    justify-content: center !important;
}
.table-secondary{
    font-size: 16px;
}

.font-box
{
    font-size: 21px !important;
    font-weight: 200 !important;
    position: absolute;
top: 8px;
}


body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, a, td, button, small {

    font-family: IRANSansX;
  }
  .font-iranSANS{
    font-family: IRANSansX ;
  }
.span-font
{
    font-family: IRANSansX ;
    font-size: 20px;
}
.justify-left
{
    justify-content: left;align-items: left;
}
.box-text
{
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
}
.la-2x{
    font-size: 2.4rem !important;
}
.la-2x-menu::before{
    font-size: 2.4rem !important;
}
.tagging .tag {
    padding: 7px 0 8px 20px !important;
  }
  .aparat-menu{
    line-height: 50px !important;
    }
    .aparat-menu::before{
        position: relative;
        right: 2px;
      width :21px;
      height :21px;
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHxSURBVHjalNRLiI9RGMfxt8nkLjVhMwulmIVYaHIpysZlwUgp95QZlAViBgsmuaxkMaVk7bJSFspisrGwUBpZKORSGI0NY1zH/N+PzfNyenv/f82pszi/53m+5zznec7JkJVmO+7hF25gQYVPw1kWlvg3TmEDdmA/enAAK8YLHcFdTMMmDKgeb3AmiVtcD9qGvZiE+wmgpv54jrmxwVOsLkMnYDKGI+AkpsapzzUAf0czHse6vZz+YBiuVNzVrbANYw9W4kRojzC9uJo06Hiye0cF9EjYFpb0ztC3olcp9U8JtO+vLc+zfKyW4SF+1Kk4vMNu9Bfiqoq76kKmlmf56O8Lof2sAM5JYo6htTB01SlCjo9RjPORzdUE2IT+xP9wWv3uEmwUD/A11mvCb1fSp3fwoRR3NoV2JoYBzE5Ocx1PsBmv/tO3PQW0CVsSQ1vFvX0L2zW0YAYOVUA7CuilSK9IpbkCOoTXFXpfAhyLzbKiHbYnp91XCmwJvbcCujaBXk7f/iA+h/AsHA5iPtbhZWi3K6DF8/2CiSl0WRhuJo1cb5xOgDsTfVEZmsW/+Tb+y3l43wA8FJnBC7TGE15a7z9dnjzbi5FW1RiJA8yMDDX6pMtzSmRxNBq7Owq5rdRS68cDrZqz4nR5/KEbyz5/BgCTiurdR6tZgwAAAABJRU5ErkJggg==)

    }
.telewebion-menu{
    line-height: 50px !important;
    }
    .telewebion-menu::before{
        position: relative;
        right: 2px;
      width :21px;
      height :21px;
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANpJREFUeNpiYBgFQwP8//9//X/s4D0SuwBJvQEQ34fKJyCJO0DF1jOgacYF7iNpnk9InBFkA1DMASpnj8RuBGJ9IA6A8hUZGRkfQA1SQPIsuvgB9KBogNmG5FUYSABiBSy+QBdvYMEX3kAXXAAq+gBkCkB9gQxwiR9gIiIuYd5xQDLgAw5xkEOIMvQglFZACu8DeMQZSHEpA1IEHcQjTthQULhCvYtiES5xYl2K7toPUAPRxcHhic3QD9gUA8FCJPYCHOIT8GVbUNoUwCIOSosGxIqPAuoCgAADAAo6A8vxaEW6AAAAAElFTkSuQmCC")

    }
    
.packseo-menu{
    line-height: 50px !important;
    }
    .packseo-menu::before{
        position: relative;
        right: 2px;
      width :24px;
      height :24px;
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAatJREFUeNq0VtFxgzAMxbn8lxHcCcoGJRM0maBs0HSC0AlIJ+AyAekEkAlgA9igdAKql3tOHR9HrkB0p7MBWZLfk5QoT6TrOi0LdG6plDj3ZVPjYWbn/lklQCha3iF7+O4W3LfenWR5I4NoKjeLAeehLLsJvh/MDRrRQByuHagCPhcTSN4qZhvL8txjoCdWV6huQJSIvk8IkA8FwA1S3mSsnFSP0zP2SqnKeWekkW+NdSYwScj7Yqgkteh39yel4ae7ltQEFs14JhetcYYJ9fZBxEw2XJ+cHFZOlgnt8D5kMWSEddPXB6ZE3wiDSy56Ysfm8+j0k2UOeaHjkMPzOoA43MuyJ9655WhIkNSW65dV0nqIC5945jYHPXYlOYhEE8u27h0VMAJhxFG7A5CHY/YH5IMwAbofBsG+som2ST7QMT4erQZrLA4uzwLpkRd7taZAwfOAeCU27dzzX1tlm3sOPEbWIxyXPFuTExMkVezEjPUcsUyrf05NQPtIGDX5wQ3aJQ1atj9IPI6YPxXwlrMnlDnGDDhAsLl/9JH9QQLEl/6a+2+LO/B+BRgAB89JMXtPvJAAAAAASUVORK5CYII=")

    }    
    
    .main-menu.menu-dark .navigation>li.active>a>span,.main-menu.menu-dark .navigation>li.hover>a>span,.main-menu.menu-dark .navigation>li.open>a>span,.main-menu.menu-dark .navigation>li:hover>a>span{color:#fa626b}
    .main-menu.menu-dark .navigation>li.active>a::after,.main-menu.menu-dark .navigation>li.hover>a::after,.main-menu.menu-dark .navigation>li.open>a::after,.main-menu.menu-dark .navigation>li:hover>a::after{color:#fa626b}
.overflow-auto{
    overflow: auto;
}
.border1{
    /*border: 1px solid #6967ce !important;*/
    
    box-shadow: 0 5px 35px 0 rgba(208, 201, 201, 0.4);
margin-right: 3px;
}

.border-edit-user{
    box-shadow: 0 8px 11px 0 rgba(105, 103, 206, 0.37);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-top: 4px solid #6967ce;
}
.main-menu.menu-dark .navigation > li.open{
    background: #100f11;
}
.padding-submit{
    padding: 40px 0px 0px 0px;
}
.t-45{
    top: 45% !important;
}
.back-register-top::before{

    position: fixed;
    content: "";
    left: 0;
   top: 0;
    width: 100%;
    height: 100% ;
    background-image: url('/assets/image/login/register1-1.svg');
     background-repeat: no-repeat;
    background-position-y: 0;

}
.back-register-bottom::before{
    position: fixed;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100% ;
    background-image: url('/assets/image/login/register1-2.svg');
    background-repeat: no-repeat;
background-position: bottom;

}
.btn_google {
    padding: 15px 20px;
    padding-bottom: 15px;
    background: #8223cc;
    border-radius: 10px;
    padding-bottom: 12px;
}
.back_google{
background-color: #ffffff;
padding: 2px;
border-radius: 50%;
}

a.btn_google:hover{
    background: #a55fda;
}
.icon-google {
    background-image: url('/app-assets/images/icon/icon-google.svg') !important;
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 26px;
    height: 26px;
}
.icon-google::before {
    display: table-column;
    content: url('/app-assets/images/icon/icon-google.svg');
    width: 26px;
    height: 26px;

}
/*.main-menu.menu-dark .navigation>li.active>a>.icon-google,*/
/*.main-menu.menu-dark .navigation>li.hover>a>.icon-google,*/
/*.main-menu.menu-dark .navigation>li.open>a>.icon-google,*/
/*.main-menu.menu-dark .navigation>li:hover>a>.icon-google,*/
/*li:hover>a>.icon-google {*/
/*    background-image: url('/app-assets/images/icon/icon-google-red.svg') !important;*/
/*    background-size: 26px !important;*/
/*    background-repeat: no-repeat !important;*/
/*    background-position: center !important;*/
/*}*/
.icon-site {
    background-image: url('/app-assets/images/icon/browser.svg') !important;
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 26px;
    height: 26px;
}
.icon-site::before {
    display: table-column;
    content: url('/app-assets/images/icon/browser.svg');
    width: 26px;
    height: 26px;
}
/*.main-menu.menu-dark .navigation>li.active>a>.icon-site,*/
/*.main-menu.menu-dark .navigation>li.hover>a>.icon-site,*/
/*.main-menu.menu-dark .navigation>li.open>a>.icon-site,*/
/*.main-menu.menu-dark .navigation>li:hover>a>.icon-site,*/
/*li:hover>a>.icon-site {*/
/*    background-image: url('/app-assets/images/icon/browser-red.svg') !important;*/
/*    background-size: 26px !important;*/
/*    background-repeat: no-repeat !important;*/
/*    background-position: center !important;*/
/*}*/
.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #D8D3DB;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #8521B3;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #8521B3;
    cursor: pointer;
}
.header-title{
    margin: 0 0 0 24px;
padding: 6px 0 8px 24px;
color: #fff !important;
}
.posi-error{
    font-size: 13px;
    position: relative;
    top: 5px;
    font-weight: 700;
}
.bottom-ticket{
    
    bottom: 0 !important;
    width: 100% !important;
    left: 0 !important;
}
.date-ticket{
    padding-top:18px;
    color: darkmagenta ;
}
.sticky {
    position: fixed !important;
    top: 80px !important;
	border-radius: 5px !important;
} 
.sticky_ticket{
     position: fixed !important;
    top: 70px !important;
	border-radius: 5px !important;
}
.fixed-pric {
    position: relative;
    width: 100% ;
    background: #039887; 
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 100;       
    top: 0;
}
.under-text{
    text-decoration: underline;
    text-underline-position: under;
}
.br-l{
    border-left: 1px solid #fff !important;
}
.br-r{
    border-right: 1px solid #fff !important;
}
.content-wrapper-before-ticket {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    background-image: -webkit-gradient(linear,right top,left top,from(#a376fc),to(#f96f9b));
    background-image: -webkit-linear-gradient(right,#8145f6,#f55789);
    background-image: -moz-linear-gradient(right,#8145f6,#f55789);
    background-image: -o-linear-gradient(right,#8145f6,#f55789);
    background-image: linear-gradient(to left,#8145f6,#f55789);
    background-repeat: repeat-x;
}

.zz-index{
    z-index: 99999999 !important;
}
.left15{
    left: -15px;
}
.btn-close-ticket{
    border: 0px;
background: transparent;
text-decoration: underline;
color: white;
}

.css-terms{
    display:inline-block !important;
    border-bottom:1px solid red !important;
    padding-bottom:2px !important;
}
.boxtop-admin {
    box-shadow: 0 3px 14px rgba(222, 211, 234, 0.73);

}
.content-wrapper-before:before , .content-wrapper-before-ticket:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    height: 100%;
    z-index: -1;
    background-image: url(../../app-assets/images/svg/bg_lines.svg);
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    
}

.navbar-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    height: 100%;
    z-index: 5;
    /*background-image: url(../../app-assets/images/svg/wave1.svg);*/
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-color: #333c4a;
}

.font-charge{
    font-weight: 400 !important;
    margin-top: 8px !important;
}
@media (max-width:767.98px) {
    .hidden-xs{
    display: none;
    }
    .xs-pad30{
        padding-top: 30px !important;
    }
}
.dataTables_wrapper table thead {
    background-image: linear-gradient(to left, #8145f6, #f55789);
    color: white;
}
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link{
    border-color: #b54dc5;
    background-color: #b54dc5;
    color: #fff;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-link{
    color: #67429b;
    border: 1px solid #c0bac7;
}
  .border-discount{
        background-color: #ffffff;
        padding: 25px 20px;
        
    }
    .border-discount::before{
        position: absolute;
        content: ' ';
        width: 100%;
        height: 100%;
        left: 0;
        opacity: 0.2;
        background-size: 180px;
        background-image: url('../../app-assets/images/free-gift-back.png');
        background-repeat: no-repeat;
        top: -20px;
    }  
 .box {
        position: relative;
        margin-bottom: 1.5rem;
        display: flex;
        flex-direction: column;
        border-radius: .5rem;
        opacity: 1;
        background-color: rgb(255, 255, 255);
        color: rgb(51, 51, 53);
        border-radius: 8px;
        box-shadow: 0 .25rem 1.75rem rgba(30, 34, 40, .07);
        border: 1px solid #d5d5d5;
    }
    
    .body-box {
        flex: 1 1 auto;
        padding: 1.25rem;
        color: rgb(51, 51, 53);
    }
    
    .box-header {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: rgb(219, 216, 216);
        padding: 1rem 1.25rem;
        font-weight: 500;
    }
    
    .crice1 {
        position: relative;
    }
    
    .crice1::after {
        background-color: rgb(230, 231, 238);
        border-top-style: solid;
        border-top-width: 0px;
        bottom: 0px;
        color: rgb(51, 51, 53);
        content: "";
        inset-inline-start: 12px;
        line-height: 19.5167px;
        position: absolute;
        tab-size: 4;
        text-align: start;
        top: 28px;
        width: 1px
    }
    
    .crice2 {
        position: relative;
        z-index: 10;
        display: flex;
        width: 1.75rem;
        height: 1.75rem;
        align-items: center;
        justify-content: center;
    }
    
    .crice3 {
        background-color: rgb(219, 223, 225);
        border: 0 solid #f2f4f5;
        width: .5rem;
        height: .5rem;
        border-radius: 9999px;
    }
    
    .iconavatar.iconavatar-lg {
        height: 3rem;
        width: 3rem;
        font-size: 1rem;
        line-height: 3rem;
    }
    
    .iconavatar {
        position: relative;
        margin-bottom: .25rem;
        display: inline-flex;
        height: 2.625rem;
        width: 2.625rem;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
        font-weight: 500;
    }
    
    .bg-primary {
        background-color: rgb(132, 90, 223);
    }
    
    .iconavatar.iconavatar-lg svg {
        height: 1.8rem;
        width: 1.8rem;
    }
    
    .svg-white {
        fill: #fff;
    }
    
    .param-box:hover {
        cursor: pointer;
        box-shadow: 0 5px 30px 0 rgba(157, 181, 173, 0.32);
    }
    
    .param-box a {
        font-size: 14px;
        font-weight: 500;
        color: rgb(87, 91, 98);
    }
    
    .param-box a:hover {
        font-size: 14px;
        font-weight: 500;
        color: rgb(52, 63, 82);
    }
    
    .stretched-link::after {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: auto;
        background-color: rgba(0, 0, 0, 0);
    }
    .copy1{
        padding: 2px 15px;
      background-color: rgb(255, 255, 255);
      margin-right: 10px;
      border-radius: 8px;
      box-shadow: 0 .25rem 1.75rem rgba(30, 34, 40, 0.19);
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      z-index: 1000;
    position: relative;
    }
    .box-help-red {
    background-color: #fffdfd;
    border: 1px solid rgb(242, 242, 242);
    border-radius: 8px;
    box-shadow: 0 .25rem 1.75rem rgba(30, 34, 40, .07);
    border: 1px solid #eda9a9;
}
.box-help-red p {
    color: #eb3b3b;
}
.ltr{
    direction: ltr;
}
@media only screen and (max-width: 860px) {
    .pagination nav{
        width: 100%;
    }
}
#Timero {
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 6px;
  color: #ea3434;
  background: #fff1f8;
  width: fit-content;
 margin-left: 40px;
}