.light-mode{--body:#eee}
.is-panel-page .main{width:1000px}
.is-panel-page .pmenu{width:250px}
.is-panel-page .pmenu .info{padding:25px 15px 10px 40px;width:calc(100% - 65px)}
.is-panel-page .pmenu .info .number{letter-spacing:3px;margin-top:8px}
.is-panel-page .pmenu .info .edit-btn{left:20px;top:40px}
.is-panel-page .pmenu .pic-area{width:40px;height:40px;margin:30px 25px 0 0}
.is-panel-page .pmenu .pic-area img{width:100%;height:100%;position:absolute;top:0;right:0;z-index:3}
.is-panel-page .pmenu .pic-area .lets{height:100%;top:0;right:0;z-index:2}
.is-panel-page .pmenu ul{padding:10px 15px}
.is-panel-page .pmenu ul li a{padding:15px 10px;border-top:1px var(--blur) dashed}
.is-panel-page .pmenu ul li a .count{background-color:#f43535;display:inline-block;padding:1px 7px 0;margin-right:3px;}
.is-panel-page .pmenu ul li a .icon{width:30px}
.is-panel-page .pmenu ul li.active a:before{content:"";position:absolute;top:10px;right:-15px;width:5px;height:calc(100% - 20px);background-color:var(--color);border-radius:5px 0 0 5px}
.is-panel-page .pmenu ul li.active a,.is-panel-page .pmenu ul li a:hover{color:var(--color) !important}
.is-panel-page .main-entery{width:calc(100% - 280px);margin-top:15px}
.is-panel-page .main-entery .rt-empty{padding:40px 0}
.is-panel-page .main-entery .rt-empty span{margin-top:15px}
.is-panel-page .main-entery .titr-asli{margin-bottom:15px}
.is-panel-page .main-entery .titr-asli .name{display:inline-block}
.is-panel-page .main-entery .titr-asli .name:after{transform:rotate(-2deg);position:absolute;z-index:-1;content:"";width:100%;height:100%;top:-2px;right:0;background:linear-gradient(to right,transparent,var(--color),transparent);opacity:.3}
.rt-box{padding:20px;margin-bottom:25px}
.all-details .inf{width:33.33%;padding:30px 25px;border-bottom:1px rgba(255, 255, 255, 0.05) solid;border-left:1px rgba(255, 255, 255, 0.05) solid}
.all-details .inf i{margin-left:10px}
.all-details .inf .des{margin-top:10px}
.all-details .inf:nth-child(3),.all-details .inf:nth-child(6){border-left:0}
.all-details .inf:nth-child(4),.all-details .inf:nth-child(5),.all-details .inf:nth-child(6){border-bottom:0}
.rt-warning-mail{border:1px var(--color) solid;padding:20px;margin-bottom:25px;background-color:rgba(214, 152, 4, 0.07)}
.rt-warning-mail .icon{margin-top:10px}
.rt-warning-mail .inside{width:calc(100% - 50px)}
.rt-warning-mail .inside .text{line-height:1.85}
.rt-warning-mail .inside .text a{display:inline-block;padding:2px 15px;margin-right:5px;border:1px var(--blur) solid}
.light-mode .is-panel-page .pmenu{background-color:#fff}
.light-mode .is-panel-page .pmenu .info .name,.light-mode .is-panel-page .main-entery .titr-asli .name,.light-mode .all-details .inf .des,.light-mode .rt-empty{color:#33354d}
.light-mode .is-panel-page .pmenu ul li a,.light-mode .all-details .inf{color:#565973}
.light-mode .all-details .inf{border-color:var(--blur)}
.prod-archive{display:flex;flex-wrap:wrap}
.prod-archive .item{flex:1 0 33.33%;max-width:33.33%}
.prod-archive .item .mini-p{margin:10px;width:calc(100% - 20px)}
.prod-archive .item .mini-p .like-btn{display:none !important}
.prod-archive .item .remove-btn{background-color:red;padding:5px 10px;top:10px;right:10px;z-index:1010;border-radius:0 15px 0 15px}
.prod-archive .item .remove-btn:hover,.rt-warning-mail .inside .text a:hover{opacity:.8}


.list-comments{width:calc(100% + 20px);transform:translateX(10px);margin-bottom:10px}
.list-comments .item{margin:10px;width:calc(50% - 20px)}
.list-comments .item a{padding:15px}
.list-comments .item:nth-child(even){float:left}
.list-comments .item .pic{width:100px;height:100px}
.list-comments .item .inside{width:calc(100% - 100px);padding:0 20px 0 10px}
.list-comments .item .inside .title{margin:5px 0}
.list-comments .item .inside .title span{margin-left:7px;opacity:.7}
.list-comments .item .inside .text{line-height:2;height:57px}
.list-comments .item .inside .date i{margin:2px 8px 0 0}
.list-comments .item .inside .like-dislike>span{margin-left:15px}
.list-comments .item .inside .like-dislike i{margin-left:5px}
.list-comments .item a:hover{opacity:.8}
.dark-mode .list-comments .item{background-color:var(--bg1)}
.dark-mode .list-comments .item .inside .title{color:#fff}
.dark-mode .list-comments .item .rt-666{color:#999}


.rt-alertx{width:calc(100% - 30px);margin:15px;padding:10px 20px;line-height:2}
.panel-forms .above-payam{width:calc(100% - 30px);margin:15px;padding:10px 15px;line-height:2;border:1px #ddd solid}
.panel-forms .above-payam i{margin-left:8px}
.panel-forms .field{width:50%;padding:15px}
.panel-forms .field.large{width:100%}
.panel-forms .field .input{background-color:rgba(0, 0, 0, 0.03);border:0;padding:10px 15px;margin-top:10px;border-bottom:3px rgba(0, 0, 0, 0.05) solid}
.panel-forms .field textarea.input{line-height:2;height:100px;min-height:100px}
.panel-forms .field .input.dir{direction:ltr;text-align:left}
.panel-forms .field .input.letter{letter-spacing:3px}
.panel-forms .btns{padding:15px}
.panel-forms .btns .btn{border:0;padding:10px 0}
.panel-forms .btns .btn i{margin:0 3px}
.panel-forms .btns .btn.sub{padding:13px 15px 9px;background-color:#00d491;border-bottom:5px rgba(0, 0, 0, 0.07) solid}
.panel-forms .btns .btn:hover{opacity:.8}
.dark-mode .panel-forms{background-color:var(--bg1)}
.dark-mode .panel-forms .above-payam{border-color:var(--blur);color:#ddd}
.dark-mode .panel-forms .field label{color:#fff}
.dark-mode .panel-forms .field .input{background-color:var(--blur);color:#fff;border-color:var(--blur)}

/*tickets style*/
.send-new-btn{padding:10px 25px;background-color:#00db8b}
.send-new-btn i{opacity:1;margin-left:10px}
.tickets-lists{margin:20px 0 10px}
.tickets-lists li{padding:15px;margin:7.5px 0}
.tickets-lists li .side.left{padding:5px 0}
.tickets-lists li .side.right{width:calc(100% - 390px)}
.tickets-lists li .num{width:50px;height:50px;background-color:rgba(255, 255, 255, 0.08)}
.tickets-lists li .title{width:calc(100% - 50px);padding:13px 15px}
.tickets-lists li .date{padding:9px 5px;margin-left:20px}
.tickets-lists li .status{padding:8px 10px;margin:1px 0 0 5px;width:150px;background-color:rgba(255, 255, 255, 0.08)}
.tickets-lists li .status.pending{border-right:3px #e13d4b solid;color:#f4abb2}
.tickets-lists li .status.answered{border-right:3px #3099cb solid;color:#76ccf4}
.tickets-lists li .status.closed{border-right:3px #008051 solid;color:#5feab7}
.tickets-lists li .status.progress{border-right:3px #e8cd13 solid;color:#e8cd13}
.tickets-lists li .status.admin{border-right:3px var(--color) solid;color:#f794bd}
.tickets-lists li:hover{background-color:rgba(255, 255, 255, 0.2)}
.tickets-lists li.view{border-radius:15px 15px 0 0;margin:0;padding:10px}
.tickets-lists li.view:hover{background-color:rgba(255, 255, 255, 0.25)}
.send-new-btn:hover{opacity:.8}

.panel-new-request{backdrop-filter:blur(3px);position:fixed;top:0;right:0;height:100%;z-index: 999999999999;background-color:rgba(41, 41, 41, 0.9);opacity:0;visibility:hidden}
.panel-new-request:target{opacity:1;visibility:visible}
.panel-new-request .rt-close,.panel-new-request .loader-box{top:0;right:0;height:100%}
.panel-new-request form{overflow:auto;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);max-width:calc(100vw - 36px);padding:0 25px;background-color:#474b53;width:400px;right:50%;top:50%;transform:translate(50%,-50%) scale(.8)}
.panel-new-request:target form{transform:translate(50%,-50%) scale(1)}
.panel-new-request form h3{margin:25px 0 20px}
.panel-new-request form .loader-box{background-color:rgba(41, 41, 41, 0.5)}
.panel-new-request form .loader-box.none{display:none}
.panel-new-request form input,.panel-new-request form textarea,.panel-new-request form select{border:1px rgba(0, 0, 0, 0.1) solid;padding:8px 12px}
.panel-new-request form .submi{border: 0;padding: 13px;margin:0 0 25px !important;background-color:#00db8b}
.panel-new-request form select{width:120px}
.panel-new-request form input{width:100%;background-color:rgba(255, 255, 255, 0.95)}
.panel-new-request form textarea{margin:15px 0;height:200px;background-color:rgba(255, 255, 255, 0.9)}
.panel-new-request form input:focus,.panel-new-request form textarea:focus{background-color:#fff}



.rt-messages{background-color:rgba(255, 255, 255, 0.02);background:rgba(255, 255, 255, 0.02) url('../img/bgchats.jpg') no-repeat center;background-size:cover;overflow:auto;border-radius:0 0 15px 15px}
.rt-messages .lis,.is_send_rep .lis{padding:0 calc(50% - 300px)}
.rt-messages .lis{scrollbar-width:thin;height:330px;margin-bottom:110px;overflow:auto}
.rt-messages li:first-child{margin-top:20px}
.rt-messages li:last-child{margin-bottom:20px}
.rt-messages li .inside{border-radius:15px 15px 0 15px;background-color:#eeffde;margin:10px 0;padding:13px 15px 5px;max-width:80%;box-shadow: 0 1px 2px 0 rgba(16,35,47,.15);min-width:80px}
.rt-messages li .inside .time{clear: both;color:#4fae4e;margin-top:8px}
.rt-messages li .inside .bubble{right:-8.4px;bottom:0;fill:#eeffde;transform:translateY(1px) scaleX(-1);}
.rt-messages li.admin .inside{border-radius:15px 15px 15px 0;background-color:#fff;float:left}
.rt-messages li.admin .inside .bubble{left:-8.4px;right:inherit;fill:#fff;transform:translateY(1px) scaleX(1)}
.rt-messages li.admin .inside .time{color:#707579}
.rt-messages li .locked{box-shadow: 0 1px 2px 0 rgba(16,35,47,.15);display:inline-block;background-color:#fff5c4;color:#67624c;padding:10px 15px;margin-top:20px}
.rt-messages li .locked i{color:#8c866c;margin-left:5px}

.is_send_rep{border-radius:0 0 10px 10px;padding:20px;bottom:12px;right:0}
.is_send_rep input{box-shadow:0 1px 2px 0 rgba(16,35,47,.15);border:0;padding:20px;background-color:rgba(255, 255, 255, 0.95);width:calc(100% - 57px);border-radius:15px 15px 0 15px}
.is_send_rep .send-btn{transform:translate(-5px,16px);box-shadow:0 1px 2px 0 rgba(16,35,47,.15);margin:0;color:#707579;width:43px;height:43px;border:0}
.is_send_rep .send-btn i{display:block;margin:auto}
.is_send_rep input:focus,.is_send_rep input:not(:placeholder-shown){background-color:#fff}
.is_send_rep input:not(:placeholder-shown) ~ .send-btn{color:#3390ec}
.is_send_rep .bubble{right:48px;bottom:0;fill:#fff;transform:translateY(1px) scaleX(-1)}
.tickets-lists li.view .arrz{display:none}

.light-mode .tickets-lists li{background:#fff !important}
.light-mode .tickets-lists li .status{background:#151922ba}
.light-mode .tickets-lists li .date{color:#565973}
.light-mode .tickets-lists li .title,.light-mode .tickets-lists li.view .arrz{color:#33354d}
.light-mode .tickets-lists li .num{background:#1519220d;color:#33354d}
/*tickets style*/


.turn-off-modal{position: fixed;top: 0;right: 0;height: 100%;z-index: 9999999999999999999999999;background-color: rgba(0, 0, 0, 0.9);}
.turn-off-modal .enteryx{width:400px;padding:25px;top:50%;right:50%;transform: translate(50%,-50%);max-width: calc(100% - 40px);max-height: calc(100% - 40px);overflow: auto;}
.turn-off-modal .enteryx .titr{color:#be1931}
.turn-off-modal .enteryx .text{line-height:1.85;margin:10px 0 15px}
.turn-off-modal .enteryx .okbtn{padding:13px 10px;border-bottom:3px rgba(0, 0, 0, 0.1) solid}
.turn-off-modal .enteryx .okbtn:hover{opacity:.8}




.list-of-cart{margin-bottom:30px}
.list-of-cart .main{width:700px}
.list-of-cart .entery{padding:25px;margin-top:20px}
.list-of-cart .entery .list-cart{margin-bottom:10px}
.list-of-cart .entery .list-cart .item{padding:15px 0 15px 70px;border-top:2px var(--blur) dashed}
.list-of-cart .entery .list-cart .item .pic{width:80px;height:80px}
.list-of-cart .entery .list-cart .item .inside{width:calc(100% - 100px)}
.list-of-cart .entery .list-cart .item:first-child{border-top:0;padding-top:0}
.list-of-cart .entery .list-cart .item .inside .title-p{margin:7px 0 10px}
.list-of-cart .entery .list-cart .item .inside .price{color:#1fce1f}
.list-of-cart .entery .list-cart .item .inside .price del{margin-left:10px;color:#ff6060}
.list-of-cart .entery .list-cart .item .del-btn{padding:8px 12px;border:2px var(--blur) solid;left:0;top:calc(50% - 20px)}
.list-of-cart .entery .list-cart .item .del-btn i{margin:1px 0 0 7px}
.list-of-cart .entery .info-bottom{width:calc(100% - 170px);border:2px var(--blur) solid;padding:20px 0}
.list-of-cart .entery .info-bottom .inf{width:calc(50% - 65px);border-left:2px var(--blur) solid}
.list-of-cart .entery .info-bottom .inf .name{margin-bottom:5px}
.list-of-cart .entery .info-bottom .inf.f1{width:60px}
.list-of-cart .entery .info-bottom .inf.f2{width:70px}
.list-of-cart .entery .info-bottom .inf.f4{border-left:0}
.list-of-cart .entery .sub{padding:33px 25px;border-bottom:4px rgba(0, 0, 0, 0.2) solid}
.list-of-cart .entery .sub i{margin:1px 7px 0 0}
.list-of-cart .entery .sub:hover,.list-of-cart .entery .list-cart .item .pic:hover,.list-of-cart .entery .list-cart .item .inside .title-p:hover{opacity:.8}
.list-of-cart .entery .list-cart .item .del-btn:hover{border-color:#ff6060 !important;background:#ff6060 !important;color:#fff !important}
.list-of-cart .how-can-most-offer{margin-top:20px}
.list-of-cart .how-can-most-offer .link{padding:20px}
.list-of-cart .how-can-most-offer .link .icon{margin-left:10px}
.list-of-cart .how-can-most-offer .link .arrow{margin:1px 7px 0 0}
.list-of-cart .how-can-most-offer .link.active{color:var(--color)}
.list-of-cart .how-can-most-offer .link.active .arrow{transform:rotate(180deg)}
.list-of-cart .how-can-most-offer .inside{display:none;border-top:1px var(--blur) solid;padding:20px;line-height:2}
.light-mode .list-of-cart .how-can-most-offer,.light-mode .list-of-cart .entery{background:#fff}
.light-mode .list-of-cart .how-can-most-offer .link,.light-mode .list-of-cart .how-can-most-offer .inside,.light-mode .list-of-cart .entery .list-cart .item .inside .title-p,.light-mode .list-of-cart .entery .list-cart .item .del-btn,.light-mode .list-of-cart .entery .info-bottom .inf{color:#565973}
.light-mode .list-of-cart .how-can-most-offer .link.active,.light-mode .list-of-cart .title-asli,.light-mode .list-of-cart .entery .info-bottom .inf .val{color:#33354d}




@media only screen and (min-width:920px){
main{margin-top:70px}
}
@media only screen and (max-width:920px){
.is-panel-page .pmenu ul li.active a:before{display:none}
.is-panel-page .main-entery,.is-panel-page .pmenu{width:100%}
.is-panel-page .pmenu{transform:translateY(-45px);background:none !important;box-shadow:none !important}
.is-panel-page .pmenu ul{padding:10px 0 0}
.is-panel-page .pmenu .pic-area{margin-right:0}
.is-panel-page .pmenu .info{width:calc(100% - 40px);padding-left:20px}
.is-panel-page .pmenu .info .edit-btn{left:0}
.is-panel-page .main-entery .titr-asli .name{font-size:16px;max-width:calc(100% - 50px)}
.is-panel-page .main-entery .titr-asli .back-btn{right:0;top:0;width:30px}
.is-panel-page .main-entery{margin:10px 0 30px}
.rt-warning-mail .inside .text a{margin:10px 0 0}
.rt-box.all-details{padding:10px}
.all-details .inf{font-size:12px;width:50%;padding:15px 10px}
.all-details .inf .des{font-size:13px}
.all-details .inf:nth-child(2),.all-details .inf:nth-child(4),.all-details .inf:nth-child(6){border-left:0}
.all-details .inf:nth-child(3),.all-details .inf:nth-child(5){border-left:1px rgba(255, 255, 255, 0.05) solid}
.all-details .inf:nth-child(4){border-bottom:1px rgba(255, 255, 255, 0.05) solid}
.light-mode .all-details .inf:nth-child(3),.light-mode .all-details .inf:nth-child(5){border-left:1px var(--blur) solid}
.light-mode .all-details .inf:nth-child(4){border-bottom:1px var(--blur) solid}
.all-details .inf:nth-child(5){border-bottom:0}
.prod-archive .item{flex:1 0 20%;max-width:20%}
.prod-archive .item .mini-p{margin:7.5px;width:calc(100% - 15px)}
.prod-archive .item .remove-btn{top:7.5px;right:7.5px}

.list-comments{width:100%;transform:translateX(0)}
.list-comments .item{margin:0 0 10px 0;width:100%}

.rt-box.panel-forms{padding:10px}


/*ticket*/
.panel-new-request:target form{transform:translate(50%,calc(-50% - 23px)) scale(1);}
.send-new-btn,.send-new-btn i{display:inline-block !important;font-size:14px}
.tickets-lists li .side.left{width:100%;padding:10px 0 0}
.tickets-lists li .date{font-size:12px;float:right;margin:0}
.tickets-lists li .title{font-size:14px;padding:15px}
.tickets-lists li .status{font-size:12px;width:auto;margin:0}
.tickets-lists li .side.right{width:100%}
.tickets-lists{margin-bottom:25px}
.rt-messages .lis{padding:0 20px;height:calc(100vh - 192px);height:calc(100dvh - 192px);margin-bottom:0}
.show-ticket{width:calc(100% + 36px);transform:translate(18px,0);margin-top:-16px}
.tickets-lists li.view,.rt-messages{border-radius:0}
.tickets-lists li.view .num{height:40px;width:40px}
.tickets-lists li.view .title{padding:11px 15px;}
.tickets-lists li.view{padding:10px 18px;background:none !important}
.tickets-lists li.view .side.right{width:calc(100% - 35px)}
.tickets-lists li.view .side.left{display:none}
.tickets-lists li.view .arrz{display:inline-block;padding:10px 0}
.is_send_rep .send-btn{font-size:16px}
.is_send_rep input{font-size:13px}
.rt-messages li .locked{font-size:12px}
.rt-messages li .inside .content{font-size:14px}
.is_send_rep{bottom:0;padding:15px 15px 40px}
.rt-messages li:last-child{margin-bottom:130px}
/*ticket*/






.list-of-cart .title-asli{font-size:18px}
.list-of-cart .main{width:100%}
.list-of-cart .how-can-most-offer{border-radius:10px;margin-top:15px}
.list-of-cart .how-can-most-offer .link{font-size:14px;padding:15px}
.list-of-cart .how-can-most-offer .link i{font-size:16px}
.list-of-cart .how-can-most-offer .link .arrow{margin:0}
.list-of-cart .how-can-most-offer .inside{padding:15px;font-size:13px}
.list-of-cart .entery{padding:20px;margin-top:15px;border-radius:10px}
.list-of-cart .entery .list-cart .item .pic{width:40px;height:40px;border-radius:5px}
.list-of-cart .entery .list-cart .item .inside{width:calc(100% - 55px)}
.list-of-cart .entery .list-cart .item .inside .title-p{font-size:13px;margin:0 0 5px}
.list-of-cart .entery .list-cart .item .del-btn{font-size:12px;padding:6px 9px;top:calc(50% - 16px)}
.list-of-cart .entery .list-cart .item .del-btn i{font-size:13px}
.list-of-cart .entery .list-cart .item .inside .price del{font-size:13px}
.list-of-cart .entery .list-cart .item .inside .price del .delsymb{font-size:11px}
.list-of-cart .entery .list-cart .item .inside .price .num{font-size:16px}
.list-of-cart .entery .list-cart .item .inside .price .symb{font-size:12px}
.list-of-cart .entery .sub{width:100%;padding:15px;margin-top:20px;text-align:center}
.list-of-cart .entery .sub i{display:inline-block;float:none;margin:0;transform:translate(-4px,4px)}
.list-of-cart .entery .info-bottom{width:100%;padding:0}
.list-of-cart .entery .info-bottom .inf{padding:15px 0}
.list-of-cart .entery .info-bottom .inf.f3{width:calc(100% - 130px);border-left:0}
.list-of-cart .entery .info-bottom .inf.f4{width:100%;border-top:2px var(--blur) solid}




}
@media only screen and (max-width:790px){
.prod-archive .item{flex:1 0 25%;max-width:25%}
}
@media only screen and (max-width:720px){
.panel-forms .above-payam i{margin-left:4px}
.panel-forms .above-payam,.rt-alertx{width:calc(100% - 20px);margin:10px}
.panel-forms .field{padding:12.5px 10px}
.panel-forms .field label{font-size:12px}
.panel-forms .field .input{font-size:13px;padding:10px 12px 8px 12px}
.panel-forms .btns{padding:10px}
.panel-forms .btns .btn{font-size:13px;padding:10px 15px}
}
@media only screen and (max-width:620px){
.prod-archive .item{flex:1 0 33.33%;max-width:33.33%}
}
@media only screen and (max-width:580px){
.list-comments .item .pic{width:80px;height:80px}
.list-comments .item .inside{width:calc(100% - 80px)}
.list-comments .item .inside .title,.list-comments .item .inside .like-dislike i{font-size:14px}
.list-comments .item .inside .title span,.list-comments .item .inside .text{font-size:12px}
.list-comments .item .inside .text{height:52px}
}
@media only screen and (max-width:530px){
.panel-forms .above-payam,.rt-alertx{font-size:12px}
.panel-forms .field{width:100%}
.panel-forms .field .input{margin-top:8px}
}
@media only screen and (max-width:500px){
.prod-archive .item{flex:1 0 50%;max-width:50%}
}
@media only screen and (max-width:480px){
/*ticket*/
.send-new-btn{width:100%;text-align:center}
.send-new-btn i{float:none;margin-left:5px}
/*ticket*/
}