/** * Prestashop Addons | Module by: * * @author Chuyen Nguyen [App1Pro]. * @copyright Chuyenim@gmail.com * @license http://app1pro.com/license.txt */ #commentpro_list{padding-right:10px;padding-left:10px}#commentpro{display:block;background-color:#fff}#commentpro.ps17{background-color:#fff;padding:10px;margin-top:15px;box-shadow:-2px 2px 11px 0 rgb(0 0 0 / .1)}#commentpro .cmmnt,ul .cmmnt,#commentpro ul ul .cmmnt{display:block;position:relative;border:1px solid #e9e9e9;border-radius:15px!important;margin:20px 0}#commentpro ul ul .cmmnt{padding-left:0}#commentpro h3{padding:10px 20px;border:1px solid rgb(0 0 0 / .1)!important}#commentpro .cmmnt .avatar{display:none;position:inherit;top:5px;left:5px}#commentpro .cmmnt .avatar img{width:35px;height:35px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.block_content{margin-top:20px}#commentpro .cmmnt .cmmnt-content header{font-size:1em;display:block;padding-bottom:0;margin-bottom:.5rem;border-bottom:1px solid #e9e9e9;padding:4px 8px!important;background-color:#f5f5f5;border-radius:15px 15px 0 0}#commentpro ul.replies li.cmmnt{border:none;margin:0px!important}#commentpro ul.replies li.cmmnt .cmmnt-content .cmmnt-text{padding-right:20px}#commentpro ul.replies li.cmmnt .cmmnt-content .cmmnt-text .fa-caret-left{padding-right:0;color:#b4b4b4}#commentpro ul.replies li.cmmnt .cmmnt-content header{background-color:#e5fbff;border:none;width:100%;border-radius:0}#commentpro .cmmnt .cmmnt-content header .pubdate{color:#656565;font-size:.9em}#commentpro .cmmnt .cmmnt-content header .userlink{font-weight:700;color:#656565;font-size:.75rem}#commentpro .cmmnt .cmmnt-content .cmmnt-text .replyto{color:#4585ca;font-size:.9em;color:#333;padding:3px}#commentpro .cmmnt .cmmnt-content .cmmnt-text .replyto i.icon{font-size:.8em}#commentpro .cmmnt .cmmnt-content footer{color:#aaa;font-size:.9em;margin-top:.5rem;border-top:1px solid #e9e9e9;display:flex;justify-content:space-between;padding:4px 8px}#commentpro .cmmnt .cmmnt-content footer a{color:#aaa;cursor:pointer}#commentpro .cmmnt .cmmnt-content footer a:hover{color:#e70036}#commentpro .cmmnt .cmmnt-content footer a>i{font-size:18px;color:#aaa!important}#commentpro .cmmnt .cmmnt-content footer span+span{margin:0 3px}#commentpro .cmmnt .cmmnt-content footer .green,#commentpro .cmmnt .cmmnt-content footer .green a,#commentpro .cmmnt .cmmnt-content footer .active a{color:#4285f4}#commentpro .cmmnt .cmmnt-content footer .point-zero a{color:#aaa}#commentpro .cmmnt .cmmnt-content footer .red,#commentpro .cmmnt .cmmnt-content footer .red a{color:red}#commentpro .cmmnt .cmmnt-content footer .yellow,#commentpro .cmmnt .cmmnt-content footer .yellow a{color:#ffc107}#commentpro .cmmnt .replies{margin-bottom:0}#commentpro .replywrap .btn-submit{border-radius:7px;width:8em;height:2.5em;font-size:15px;margin-left:10px}#commentpro .replywrap .btn-submit:enabled:hover{box-shadow:0 10px 15px rgb(255 0 0 / .4)!important}#commentpro .replywrap .btn-submit:enabled{background-color:#e70036!important}#commentpro .replywrap{margin-top:10px;margin-bottom:20px;padding-top:12px;padding-bottom:7px;transition:all 0.3s cubic-bezier(.25,.8,.25,1);border:1px solid #e9e9e9;border-radius:15px!important}input[type=submit]:disabled{opacity:1!important;background-color:#9f9f9f!important}.fa-caret-left{font-size:20px;padding-right:10px;color:#00a693}#commentpro .replyform{margin-bottom:5px}#commentpro .replyform textarea{margin-bottom:5px;color:#8c8c8c;border:none;resize:none;font-size:15px}#commentpro .pagination{margin:0;display:block;text-align:center;padding:15px 0}#commentpro .pagination ul li{display:inline-block;margin-bottom:3px;border-radius:5px;color:#333}#commentpro .pagination ul li span,#commentpro .pagination ul li a{display:inline-block;padding:5px;min-width:28px;line-height:1;text-align:center}#commentpro .pagination ul li.current{color:#fff;background-color:#e70036;border-radius:5px}.commentp-popup h2,.commentp-popup h3{margin:0}.commentp-popup{min-width:250px}.commentp-popup header{padding:7px 10px;line-height:1;font-size:13px;color:#fff;text-transform:uppercase;background-color:#17803e}.commentp-popup .notif-list{margin-bottom:10px;max-height:450px;overflow:auto}.commentp-popup .notif-list>a{display:block;padding:5px 5px;color:#333}.commentp-popup .notif-list>a.unread{background-color:#dbf8ff}.commentp-popup .panel-heading>a>h4{padding:7px 10px;line-height:1;font-size:13px;color:#fff;text-transform:uppercase;background-color:#17803e}.commentp-popup .description{font-size:.9em}.commentp-popup .content{padding:20px 10px}.commentp-popup footer{margin-top:10px;font-size:12px}.pcppopup-form{width:450px}.pcppopup-form .content{padding:12px;background:#f8f8f8}.pcppopup-form label{margin:8px 0 4px 0}.pcppopup-form .fl{float:right}.pcppopup-form .fr{float:left}.blink_me{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0;background-color:#ffeb3b}}.account-block{position:relative;padding-right:80px}.account-block .avatar{position:absolute;top:10px;right:0}@media (min-width:768px){.replycol{top:100px}}.product-description-block{flex-direction:column-reverse}.product-description-block #commentpro_list{margin-bottom:40px}.product-description-block #commentpro_list .first-comment{top:0}.product-description-block #commentpro_list .first-comment i{font-size:2rem}.product-description-block #commentpro_list .first-comment span{font-size:1.5rem}.cmmnt-content .cmmnt-text{font-size:1rem;line-height:2rem;color:#333;padding:4px}.pagination ul{text-align:center}.light-box-bg{border:none!important}.first-comment{position:relative;height:100%;top:8em;display:grid;margin:0 auto;justify-content:center}.first-comment span{font-size:30px;font-weight:700;color:#c5c5c5}.first-comment i{font-size:46px;font-weight:700;color:#e7e7e7;text-align:center;margin-bottom:10px}.comments-block{border-bottom:1px solid #eee;padding-bottom:12px}#commentpalert .fa-check{text-align:center;font-size:3rem;margin:2rem;color:#00b33f}#commentpalert .fa-check::before{content:"\F00C";background-color:#c6ffda;width:20%;border-radius:50%;padding:15px}.ok-btn{background-color:#e70036;color:#fff;font-size:1.1rem;font-weight:bolder;padding:10px 8%}.ok-btn:hover{box-shadow:0 7px 10px rgb(255 0 0 / .5)!important;color:#fff;background-color:#e70036!important}.comment-modals .modal-body{display:grid;justify-content:center}.table-radius{border-radius:10px;overflow:hidden;margin-bottom:20px;border:1px solid #e3e3e3}.table-radius table{margin:-1px!important;width:100.2%!important}@media (min-width:992px){#commentpro .tab-content>.active{display:flex!important}}#pcp_editform header{display:flex;justify-content:space-between;align-items:center}#pcp_editform header #comment_id{font-size:1.1rem;font-weight:700}