.topic-popup{width:100%;background:#fff;border-radius:0;overflow:hidden;display:flex;flex-flow:column;box-shadow:0 12px 30px rgba(0,0,0,0.12);font-family:system-ui,-apple-system,"Segoe UI",Roboto}
.left-panel{width:100%;background:#ffca00;padding:30px 20px;color:#222;display:flex;flex-direction:column}
.left-panel ._tpctscn{align-items:center;gap:15px;margin:0 0 20px 0;}
.left-panel .avatar{width:60px;height:60px;background-color:#fff;border-radius:50%;align-items:center;justify-content:center;padding:10px;}
.left-panel .avatar>span{width:40px;height:40px;background:url('../images/create-topic-icon.png');background-size:cover;margin:0;}
.left-panel ._tpttl{width:100%;}
.left-panel h2{font-size:22px;margin:0 0 4px;text-align:left;}
.left-panel .subtext{font-size:13px;line-height:1.35;text-align:left;margin:0;color:#333;}
.tips-box{background:rgba(255,255,255,.4);padding:16px 18px;border-radius:12px;margin-bottom:auto;align-items:center;}
.tips-box ._tipshd{margin:0 0 10px;font-size:16px;font-weight:600;gap:10px;}
.tips-box svg{width:24px;height:24px;}
.tips-box ul{margin:0;padding-left:18px;list-style:decimal;}
.tips-box li{font-size:14px;line-height:1.45;margin-bottom:8px}
.right-panel{flex:1;padding:20px 15px 0 15px;position:relative;}
.right-panel ._ppc{padding:0;}
.right-panel ._ppftr{margin:0 -15px;}
.topic-popup .form-title{margin:0 0 14px;font-size:20px;font-weight:600;color:#222}
.topic-popup .form-grid{display:flex;flex-wrap:wrap;gap:16px 12px;}
.topic-popup .field{position:relative;}
.topic-popup .form_wrp .errors{position:static;min-width:160px;float:left;}
.topic-popup .form_wrp ._frmdesc .errors{position:absolute;min-width:inherit;float:none;top:auto;bottom:-2px;}
.topic-popup .field.half{width:calc(50% - 6px);}
.topic-popup .field.full{width:100%}
.topic-popup label{display:block;margin-bottom:3px;font-size:14px;font-weight:600;color:#444;}
.topic-popup input,
.topic-popup select,
.topic-popup textarea{width:100%;padding:10px 8px;border:1px solid #ddd;background:#fafafa;border-radius:10px;font-size:14px}
.topic-popup textarea{resize:none}
.topic-popup .upload-box{padding:22px;border:2px dashed #ccc;border-radius:12px;text-align:center;color:#666}
.topic-popup .actions{margin-top:26px;display:flex;justify-content:flex-end;gap:12px}
.right-panel .upload-area{padding:5px;text-align:left;justify-content:center;align-items:center;gap:10px;}
.right-panel .upload-area .upload-icon{width:30px;height:30px;margin:0;}
.right-panel .upload-area .upload-text{margin:0;}
.topic-popup .btn{padding:9px 20px;border:none;border-radius:10px;cursor:pointer}
.topic-popup .btn.light{background:#f1f1f1}
.topic-popup .btn.primary{background:#008CFF;color:#fff}
._ctgrmn{font-size:0.7rem;text-align:right;color:#000;opacity:0.35;}
@media (min-width:1025px){
    .topic-popup{width:1100px;height:100%;display:grid;grid-template-columns:repeat(2, 1fr);flex-flow:row;overflow:hidden;overflow-y:auto;border-radius:18px;}
    .topic-popup .__ar_modal-content{border:none;margin:0;}
    .topic-popup .__ar_modal-body{height:100%;}
    .left-panel{width:280px;height:100%;flex:none;}
    ._tpctscnwrp{width:100%;flex-flow:column;position:sticky;position:-webkit-sticky;top:30px;}
    .left-panel ._tpctscn{flex-flow:column;gap:40px;margin:0 0 40px 0;}
    .left-panel .avatar{width:120px;height:120px;}
    .left-panel .avatar>span{width:76px;height:76px;}
    .left-panel h2{text-align:center;}
    .left-panel .subtext{text-align:center;font-size:14px;}
    .right-panel{width:820px;padding:19px 30px 0 30px;}
    .topic-popup .form-grid{gap:16px;}
    .topic-popup .field.half{width:calc(32% - 2px);}
    .right-panel .upload-area{padding:7px;gap:20px;}
    .right-panel .upload-area .upload-icon{width:42px;height:42px;}
    ._tag-upldingw{width:100%;align-items:flex-start;justify-content:flex-start;gap:20px;}
    .right-panel ._ppftr{margin:0 -15px 10px -15px;}
    ._ctgrmn{font-size:12px;}
}
.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important;
}
.select2-container{
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-search--inline{min-width:-webkit-fill-available;width:100%;}
.select2-container--classic .select2-dropdown {
    background-color: #fff;display:flex;
    border: 1px solid transparent;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border:none;
    box-shadow: 0 4px 10px 1px rgba(0,0,0,.2);
    position: relative;
    bottom: 6px;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:14px;
}
.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #e5983b;
    color:#fff;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 5px;
    font-size:13px;
}
._upldimg .image-preview{margin:0;position:absolute;left:15px;background:#fff;}
._upldimg .image-preview .preview-box{width:55px;height:48px;border:1px solid #d1d1d1;border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center;position:relative;}
._upldimg .image-preview .preview-box img{max-width:100%;max-height:100%;margin:0;}
._upldimg .image-preview .preview-box .remove-img{width:30px;height:30px;background-color:#000;border-radius:50%;text-indent:-1000px;position:absolute;top:-5px;right:-5px;transform:scale(0.55);}
._upldimg .image-preview .preview-box .remove-img:before,
._upldimg .image-preview .preview-box .remove-img:after{width:18px;height:3px;content:'';position:absolute;right:6px;top:13px;background-color:#fff;transform:rotate(45deg);}
._upldimg .image-preview .preview-box .remove-img:after{transform:rotate(-45deg);}

.right-panel ._ppftr .btn{height:40px;padding:0 30px;font-size:15px;}
.right-panel ._ppftr ._rstbtn{font-size:14px;}
.right-panel .guidelines{padding:0;line-height:1.3;margin-top:10px;}

/* Popup Close Customize */
.__ar_modal-close{width:40px;height:40px;background:linear-gradient(135deg, rgb(15 43 112) 10%, rgb(218 0 0) 100%);transform:scale(.75);border:none;}
.__ar_modal-close:before,
.__ar_modal-close:after{width:25px;height:4px;border-radius:4px;background-color:#fff;top:0;}
@media (min-width:1025px){
    .__ar_modal-close{background:#000;}
}

/*Footer*/
._ftr{width:100%;border-top:1px solid var(--bg1_bd);padding:0;background-color:var(--bg1);}
._ftrnv{width:100%;color:var(--ct4);display:block;padding:5px;text-align:center;}
._ftrnv>a{font-size:13px;display:inline-block;color:var(--ct4);padding:0 5px;}
._ftrtxt{font-size:13px;text-align:center;padding:0 10px 10px;color:var(--ct4);}

@media (min-width:1025px){
    ._ftrnv{padding:10px 0 5px;}
    ._ftrnv>a{font-size:14px;padding:5px;}
    ._ftrtxt{font-size:14px;padding:0 0 10px;}
}   

@media (min-width:1025px){
    .tooltip {
        position: relative;
        cursor: pointer;
      }
      
      /* Tooltip box */
      .tooltip-box {
        position: absolute;
        padding: 7px 10px;
        background: rgba(0,0,0,0.85);
        color: #fff;
        font-size: 13px;
        border-radius: 4px;
        white-space: nowrap;
        z-index: 9999;
        opacity: 0;
        transform: translateY(0);
        transition: opacity .2s ease, transform .2s ease;
      }
      
      /* Arrow */
      .tooltip-box::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
      }
      
      /* Top position */
      .tooltip-top {
        bottom: 100%;
        left: 50%;
        transform: translate(-50%, -5px);
      }
      .tooltip-top::after {
        top: 100%;
        border-top: 6px solid rgba(0,0,0,0.85);
      }
      
      /* Bottom position */
      .tooltip-bottom {
        top: 100%;
        left: 50%;
        transform: translate(-50%, 5px);
      }
      .tooltip-bottom::after {
        bottom: 100%;
        border-bottom: 6px solid rgba(0,0,0,0.85);
      }
      
      /* Visible */
      .tooltip-show {
        opacity: 1 !important;
      }      
}
/*bootstrap tooltip with js*/
/* .tooltip{position:absolute;z-index:1070;display:block;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000} */

/*Scroll to Top*/
.scrollToTop{display:none; position:fixed; right:2%; bottom:18%; z-index:999;transform:scale(.8);}
.scrollToTop i{width:55px; height:55px; border-radius:50%;opacity:0.7;transition:opacity .3s ease;background:#494949;color:#FFF;font-weight:bold;font-size:40px;text-align:center;}
.scrollToTop i:hover{opacity:1;}
.scrollToTop i span{font-family:Arial;font-size:10px; display: block;margin-top: -8px;}
@media (min-width:1025px){
    .scrollToTop{transform:none;}
}

/*Autosuggest*/
/*._autosuggest_cntnr{width:100%;position:fixed;right:0;top:17px;z-index:10000;box-shadow:0 3px 4px #999;background-color:#fff;}*/
/*.search ._autosuggest{position:fixed;left:0!important;top:50px!important}*/

/*Across Autosuggest*/
.ui-helper-hidden-accessible {display:none;}
._autosuggest{position:absolute;left:0;right:0;margin:0 auto;background:#fff;list-style:none;margin:auto;width:100%;z-index:10000;box-shadow:0 3px 4px var(--rg1);}
._autosuggest li{border-bottom:1px solid #e0e0e0;height:60px;}
._autosuggest li:last-child{border-bottom:none;}
._autosuggest>li>a:hover{background:#f7f7f7;}
._autosuggest a{padding:8px;display:block;color:#000;font-size:15px;}
._autosuggest li>._flx{display:flex;padding:0;height:60px;flex-wrap:nowrap;justify-content:normal;}
._autosuggest li span{display:block;font-size:13px;color:#333;font-weight:400;padding:2px 0 0;}
._autosuggest li>span{font-size:15px;color:#000;font-weight:700;padding:5px 10px;}
._autosuggest li ._tpt{color:#a5a5a5;display:inline-block;}
._autosuggest li a{color:#FF0000;}
._autosuggest .txtp{width:100%;padding:4px 6px;flex:-moz-min-content}
._autosuggest .thumb{position:relative;width:70px;text-align:center;flex:none;}
._autosuggest .vinfo{font-size:12px;color:#999;}
._autosuggest .search_for {background: #f4f4f4;color: #7b7b7b;font-size: 15px;line-height: 20px;padding: 10px;text-align: center;width: auto;}
._autosuggest li.selected-row{background:#f7f7f7;}

._srhbx ._autosuggest{box-shadow:0px 3px 10px var(--rg1);}
._srhbx ._autosuggest li,
.search ._autosuggest li{height:auto;font-size:15px;cursor:pointer;}
._srhbx ._autosuggest li>a:hover{color:#da0000;}
._srhbx ._autosuggest li>._flx,
.search ._autosuggest li>._flx{height:auto;color:#454545;}
._srhbx ._autosuggest .txtp,
.search ._autosuggest .txtp{padding:10px 10px 6px;}
._autosuggest ._lcty{font-size:15px;color:#454545;font-weight:bold;font-family:var(--ffone);padding:6px 10px;border-bottom:1px solid #e0e0e0;text-transform:capitalize;}
._autosuggest ._lcty:hover{background-color:#fff;}

/*No Result*/
._noresult{padding:10px 20px;background:#f7f7f7;font-size:16px;color:var(--mtxt-color);cursor:default!important;}
#accessories_tab_div ._noresult{background:#fff;}