@charset "UTF-8";.c-content-box{padding:1.5rem;overflow:hidden;border-bottom:1px soli gray}.p-app-side__menu-link.disabled{pointer-events:none;color:gray;cursor:not-allowed}.c-profile-picture{width:50px;height:50px;border-radius:50%;margin-right:10px}.c-profile-icon{font-size:51px;color:#333;margin-right:10px}.c-account-name{font-size:18px;color:#333}.account-list{display:flex;flex-wrap:wrap;gap:16px}.account-item{display:flex;align-items:center;padding:10px;border-radius:4px}.account-add{display:flex;align-items:center;justify-content:center;padding:10px;width:200px;cursor:pointer;color:#007bff}.link-blue{color:#007bff;text-decoration:none}.c-fb-content{margin-top:4.5rem}.c-app-header{display:flex;align-items:center;justify-content:space-between;padding-right:60px;background-color:#f8f9fa;border-bottom:1px solid #ddd}.c-header-content{display:flex;align-items:center;gap:20px}.app-title{margin:5px!important;font-size:24px;color:#333}.dropdown-wrapper{position:relative}.c-user-dropdown{width:100%;padding:8px 30px 8px 10px;font-size:16px;border-radius:4px;border:1px solid #ccc;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;position:relative}.select-wrapper{position:relative;display:inline-block}.select-search{width:100%;padding:8px 12px;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;border-radius:4px;font-size:14px;cursor:pointer}.select-dropdown .optgroup{background-color:#8e8d8d;color:#fff;cursor:default;pointer-events:none}.select-dropdown{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;z-index:100}.select-wrapper.active .select-dropdown{display:block}.shop-select-options,.group-select-options{display:block!important;list-style:none;padding:0;margin:0!important}.shop-select-options li,.group-select-options li{display:block;padding:5px;cursor:pointer;margin:0!important}.shop-select-options li:hover,.group-select-options li:hover{background-color:#1967d2;color:#fff}.shop-select-options li[data-selected=true],.group-select-options li[data-selected=true]{font-weight:700}.original-select{display:none}.dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#333}.c-messege-count p{width:100%;height:42px;line-height:35px;margin-left:10px;padding-left:10px;margin-top:15px;box-sizing:border-box;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333;display:inline-flex;align-items:center}.c-mypage-wrapper{position:relative;display:inline-block}.c-mypage-icon,.c-mypage-name{cursor:pointer}.c-mypage-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #edeaea;padding:5px;box-shadow:0 2px 5px #0000001a;white-space:nowrap;z-index:1000}.c-mypage-wrapper:hover .c-mypage-dropdown{display:block}.c-mypage-link{text-decoration:none;color:#101010;font-weight:700;padding:5px;display:block}.c-mypage-link:hover{text-decoration:none}.c-wrapper{max-height:350px;overflow-y:auto;overflow-x:auto}.c-account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0!important}.c-insta-add-btn{padding:10px!important}.c-insta-add-btn:hover,.c-insta-add-btn:focus{text-decoration:none}.link-blue-underline{color:#00f;text-decoration:underline}.c-staff-invite-btn{padding:10px!important;margin-right:4%!important}.overflow-x-content{overflow-x:scroll;width:100%}.overflow-x-content table{min-width:1200px}.overflow-x-content table th{white-space:nowrap}.overflow-x-content table .sticky-column-th{position:sticky;right:0}.overflow-x-content table .sticky-column-td{position:sticky;right:0;background-color:#f5f5f5}.overflow-x-content table .put-left-border{box-shadow:inset 2px 0 #dcdcdc}.overflow-x-content.large table{min-width:1500px}.overflow-x-content.overflow-x-hidden{overflow-x:hidden}.auto-table{overflow-x:scroll;width:100%}.auto-table table{min-width:1200px;table-layout:fixed}.auto-table table th{white-space:nowrap}.auto-table table .sticky-column-th{position:sticky;right:0}.auto-table table .sticky-column-td{position:sticky;right:0;background-color:#f5f5f5;z-index:2}.auto-table table .put-left-border{box-shadow:inset 2px 0 #dcdcdc}.auto-table.overflow-x-hidden{overflow-x:hidden}#select-tester-table{overflow-y:auto;width:500px;max-height:180px}#select-tester-table table{min-height:100px}#select-tester-table table th{white-space:nowrap}#select-tester-table .update-quick-tester{padding:4px 8px;cursor:pointer;border-radius:5px}#select-tester-table .update-quick-tester:hover,#select-tester-table .quick-tester{background-color:#5faee3;color:#000}#select-tester-table .delete-tester{padding:4px 8px;cursor:pointer;border-radius:5px}#select-tester-table .delete-tester:hover{background-color:#dcdcdc;color:#000}.pagination-position ul{justify-content:center}.generate-link-invite{display:flex;flex-grow:1;margin-top:15px}.generate-link-invite input{height:40px!important}.generate-link-invite .btn-generate-link{height:40px;width:120px;margin-left:7px}.btn-generate-link{border:1px solid #000000!important;background-color:#fff;color:#000;transition:background-color .2s ease,color .2s ease}.btn-generate-link:hover{background-color:gray;color:#fff}.btn-generate-link:focus,.btn-generate-link:active{background-color:gray!important;color:#fff!important;outline:none;box-shadow:none}.staff-invite-modal-close:hover,staff-invite-modal-close:focus{background-color:#fff}.invite-account input[type=checkbox]{margin-right:8px}.invite-account{display:flex;align-items:center;margin-bottom:15px}.account-profile-picture{width:45px;height:45px;margin-right:12px;border-radius:50%}.staff-modal-title{text-align:center!important;width:100%}.target-account-list{max-height:350px;overflow-y:auto;padding-right:15px}.staff-invite-confirm-form{margin-left:15%;margin-right:15%}.invite-account-confirm{background-color:#f8f8f8;padding:10px}.invite-account-item{border:1px solid #ccc;padding:5px;border-radius:10px}.facebook-connect-box{width:500px;min-height:400px;padding:30px;box-shadow:0 3px 15px #00000029;background-color:#fbfcfc!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.facebook-error{width:100%;text-align:center;margin-bottom:20px}.facebook-login-content{margin-top:auto;margin-bottom:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.facebook-login-btn{color:#5085f8;border:2px solid #5085F8;margin-top:42px;padding:14px 0;min-width:327px;text-align:center;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.25rem;transition:background-color .3s,color .3s}.facebook-login-btn i{font-size:30px;margin-right:10px}.facebook-login-btn:hover,.facebook-login-btn:focus{color:#5085f8;text-decoration:none}.facebook-back-btn{color:#fff;margin-top:30px;padding:10px 20px;font-weight:bolder;font-size:1.1rem}.facebook-back-btn:hover{color:#fff;text-decoration:none}.reconnect-btn:hover,.reconnect-btn:focus{text-decoration:none}.instagram-logo{font-size:60px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);-webkit-background-clip:text;background-clip:text;color:transparent}.insta-add-link:hover,.insta-add-link:focus{text-decoration:none}.fb-connect-btn{width:100%}.monthly-usage-table th{border-top:0px;border-bottom:0px;padding:.5rem .75rem;vertical-align:middle;font-weight:700;background-color:#f5f5f5!important}.text-center{text-align:center}.back-btn:hover{color:#fff;text-decoration:none}.text-color-blue{color:#0087ff}.c-button.trigger-select-btn{border:2px solid #999999;color:#8bc4ea;font-weight:600}.trigger-item{background-color:#f5f5f5;border:2px solid #f5f5f5;box-shadow:0 2px 5px #fff;border-radius:3px;padding-top:17px;padding-bottom:13px;height:100%}.trigger-item .trigger-content{height:100%;display:flex;flex-direction:column}.trigger-item .trigger-flame{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.trigger-item .trigger-flame img{width:80%;height:500px}.trigger-item .trigger-bottom .c-button .non-active{margin:0 auto}.trigger-item .trigger-bottom .c-button .active-txt{margin:0 auto;display:none}.trigger-item.active{background-color:#8bc4ea;border-color:#b3b3b3}.trigger-item.active .title-trigger{color:#217dbb}.trigger-item.active .trigger-bottom .c-button{background:rgb(126.072,225.928,168.416)}.trigger-item.active .trigger-bottom .c-button .non-active{display:none}.trigger-item.active .trigger-bottom .c-button .active-txt{display:inline}.radio-label{display:flex;align-items:center;gap:8px}.week-select{margin-right:8px;margin-top:15px}.week-select .checkbox-select{border:1px solid #222222;border-radius:3px;color:#222;font-size:14px;font-weight:300;height:30px;width:30px;display:flex;justify-content:center;align-items:center;cursor:pointer}.week-select input[type=checkbox]{display:none}.week-select input[type=checkbox]:checked+.checkbox-select{background-color:#7ee2a8;color:#000;border-color:#7ee2a8}.child-tab{width:100%;flex-wrap:wrap}.child-tab .child-tab-selector{display:flex;width:100%;border-bottom:solid 1px rgb(229.5,229.5,229.5)}.child-tab .child-tab-selector li{margin:0}.child-tab li a{display:block;margin:0;padding:10px 20px}.child-tab li.active a{border-bottom:solid 2px rgb(178.5,178.5,178.5)}.child-tab .child-tab-area{display:none;opacity:0;padding:.5rem .75rem}.child-tab .child-tab-area.is-active{display:block;animation-name:displayAnime;animation-duration:2s;animation-fill-mode:forwards}@keyframes displayAnime{0%{opacity:0}to{opacity:1}}.cancel-icon:hover{cursor:pointer}.error-msg{color:#d62c1a}.toggle-button{display:inline-block;position:relative;width:40px;height:20px;border-radius:20px;background-color:#fff;cursor:pointer;transition:background-color .4s}.toggle-button.active{background-color:#54d98c}.toggle-button:after{position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;box-shadow:0 0 5px #dcdcdc;background-color:#fff;content:"";transition:left .4s}.toggle-button.active:after{left:20px}.toggle-button input{display:none}.month-filter{display:flex}.month-filter i{width:26px;height:42px;font-size:21px;color:#e0d7d7!important;cursor:pointer;padding:10px 7px;border-radius:5px;background-color:#adaaaa!important}.position-relative{position:relative!important}.border-input-date{font-weight:300;font-size:14px;color:#51595c;position:relative;width:120px;text-align:center;z-index:1000;height:42px;line-height:42px;border-radius:3px;border:1px solid #727171;margin:0 8px}.btn_all_data{width:95px;font-weight:300;font-size:14px;color:#2b2f36!important;background-color:#fff;border:1px solid #DDDDDD}.btn-sns-line-lg{padding:10px 16px!important}.btn-sns-line{padding:6px 18px;font-weight:700;color:#51595c!important;font-size:15px;cursor:pointer}.link-button{color:#007bff;text-decoration:underline}@keyframes round-rotate{to{transform:rotate(360deg)}}.theme-loader{display:none;height:100%;width:100%;background-color:#fff;position:fixed;z-index:999999;top:0;left:0;opacity:.8}.theme-loader .ball-scale{left:50%;top:50%;position:absolute;height:50px;width:50px;margin:-25px 0 0 -25px}.theme-loader .ball-scale .contain{height:100%;width:100%}.theme-loader .ball-scale .contain .ring{display:none}.theme-loader .ball-scale .contain .ring:first-child{display:block;height:100%;width:100%;border-radius:50%;padding:10px;border:3px solid transparent;border-left-color:#7ee2a8;border-right-color:#7ee2a8;animation:round-rotate 1s ease-in-out infinite}.theme-loader .ball-scale .contain .ring:first-child .frame{height:100%;width:100%;border-radius:50%;border:3px solid transparent;border-left-color:#7ee2a8;border-right-color:#7ee2a8;animation:round-rotate 1s ease-in-out infinite}.theme-loader .ball-scale .loader-message{position:absolute;top:60%;left:50%;font-size:25px;line-height:27px;font-weight:700;transform:translate(-50%,-50%)}.theme-loader .ball-scale .loader-sub-message{position:absolute;top:75%;left:50%;font-size:15px;font-weight:700;transform:translate(-50%,-50%)}.p-modal .p-modal-content-lg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:80%;max-width:900px;padding:1.5rem;background-color:#f5f5f5}.p-modal .p-modal-content-lg .scroll-y{overflow-y:scroll;overflow-x:hidden;max-height:600px}.p-modal .p-modal-content-lg .overflow-y-scroll{min-height:500px}#post-select-content .card-group-month{display:flex;align-items:center}#post-select-content .card-group-month .label-border{border:5px solid #3498db;border-radius:2px;padding:10px 0;display:inline}#post-select-content .media-card{border-radius:5px;margin-top:1.3rem;margin-bottom:2.5rem;margin-right:-15px;margin-left:-15px;display:flex;flex-wrap:wrap}#post-select-content .media-card .media-wrapper{cursor:pointer;margin-bottom:20px;margin-right:15px;margin-left:15px;width:calc(20% - 30px);min-width:150px;height:200px}#post-select-content .media-card .media-wrapper input[type=checkbox]{display:none}#post-select-content .media-card .media-wrapper .media-content{height:100%;border:1px solid rgb(219.5,219.5,219.5);border-radius:5px;overflow:hidden;position:relative;display:flex;flex-direction:column}#post-select-content .media-card .media-wrapper .media-content .media-check{position:absolute;top:6px;right:6px;border:1px solid rgb(138.6359832636,195.9581589958,234.3640167364);background-color:#000;width:25px;height:25px;border-radius:50%}#post-select-content .media-card .media-wrapper .media-content .media-check:before{content:"";background-color:transparent;border:3px solid;border-radius:3px;width:15px;height:10px;border-color:transparent transparent #000 #000;transform:rotate(-45deg);position:absolute;top:17%;left:18%}#post-select-content .media-card .media-wrapper .media-content .media-card-breadcrumb{height:75%;overflow:hidden;flex:0 0 auto}#post-select-content .media-card .media-wrapper .media-content .media-card-body{background-color:#f5f5f5;padding-left:5px}#post-select-content .media-card .media-wrapper .media-content .media-card-body .media-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:100px}#post-select-content .media-card .media-wrapper input[type=checkbox]:checked+.media-content{border:1px solid rgb(138.6359832636,195.9581589958,234.3640167364);box-shadow:0 0 0 3px #8bc4ea}#post-select-content .media-card .media-wrapper input[type=checkbox]:checked+.media-content .media-check{background-color:#8bc4ea}#selected-medias-info{max-height:200px;width:600px;overflow-y:auto;overflow-x:hidden;border:1px solid #FFF;margin-right:-5px;margin-left:-5px;padding:15px 20px;display:flex;flex-wrap:wrap}#selected-medias-info .selected-media{background-color:#fff;border-radius:5px;overflow:hidden;display:flex;flex:0 0 calc(50% - 10px);margin-right:5px;margin-left:5px;margin-bottom:10px}#selected-medias-info .selected-media .select-img-wrapper{width:50px;height:50px;flex:0 0 auto}#selected-medias-info .selected-media .select-img-wrapper img,#selected-medias-info .selected-media .select-img-wrapper video{width:50px;height:50px;flex:0 0 auto}#selected-medias-info .selected-media .select-item-content{overflow:hidden;display:inline-flex;flex-direction:column;justify-content:center;flex:1 1 auto}#selected-medias-info .selected-media .select-item-content .select-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}#selected-medias-info .selected-media .delete-media{background-color:#dcdcdc;color:#c2c2c2;width:25px;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;flex:0 0 auto}#action-modal-body{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}#action-wrapper{flex:1 1 auto;display:flex;overflow:hidden}#action-wrapper .action-side-bar{flex:0 0 auto;padding-left:30px;overflow:hidden;display:flex;flex-direction:column;max-height:300px}#action-wrapper .action-side-bar .action-buttons{padding:20px 19px 20px 25px;background-color:#fff;border-radius:5px;overflow-y:auto;overflow-x:hidden;flex:0 1 auto}#action-wrapper .action-side-bar .action-buttons .button-item{width:220px;display:flex;align-items:center;padding:8px 10px;margin-bottom:10px;border:2px solid #c2c2c2;border-radius:5px;cursor:pointer}#action-wrapper .action-side-bar .action-buttons .button-item:hover{background-color:#8bc4ea;border-color:#8bc4ea;color:#196090}#action-wrapper .action-side-bar .action-buttons .button-item.select-item{background-color:#3498db;border-color:#3498db;color:#000}#action-wrapper .action-container{flex:1;padding-left:20px;padding-right:24px;overflow-y:scroll;overflow-x:hidden;max-height:330px;height:330px;display:flex;flex-direction:column}#action-wrapper .action-container .action-list{padding:20px 25px 30px;background-color:#fff;border-radius:5px;flex:1}#action-wrapper .action-container .action-list .action-items{border:2px solid rgb(219.5,219.5,219.5);padding:8px 15px;border-radius:5px;margin-bottom:10px}#action-wrapper .action-container .action-list .action-items .item-top{display:flex;justify-content:space-between;align-items:center}#action-wrapper .action-container .action-list .action-items .item-top .item-setting{flex:1;display:flex;align-items:center;overflow:hidden}#action-wrapper .action-container .action-list .action-items .item-top .item-title{flex:0 1 auto;display:flex;overflow:hidden;cursor:pointer}#action-wrapper .action-container .action-list .action-items .item-top .item-title .preview-title{flex:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:10px}#action-wrapper .action-container .action-list .action-items .item-top .item-title:hover{color:#196090}#action-wrapper .action-container .action-list .action-items .item-top .item-right-side{display:flex;align-items:center;flex:0 0 auto}#action-wrapper .action-container .action-list .action-items .item-top .item-right-side .delete-action-item{padding:4px 8px;margin-left:5px;cursor:pointer;border-radius:5px}#action-wrapper .action-container .action-list .action-items .item-top .item-right-side .delete-action-item:hover{background-color:#dcdcdc;color:#000}#action-wrapper .action-container .action-list .action-items .item-body{display:none;margin-top:20px}#action-wrapper .action-container .action-list .action-items .item-body .auto-insert{display:flex}#action-wrapper .action-container .action-list .action-items .item-body .auto-insert .select-auto-insert{display:flex;flex-wrap:wrap}#action-wrapper .action-container .action-list .action-items .item-body .auto-insert .select-auto-insert .auto-insert-name{background-color:#c2c2c2;border-radius:2px;display:inline-flex;align-items:center;padding:1px 4px;cursor:pointer;margin-right:6px;margin-bottom:6px}#action-wrapper .action-container .action-list .action-items.open{border-color:#217dbb}#action-wrapper .action-container .action-list .action-items.open .item-body{display:block}#action-wrapper .action-container .action-list .action-items.open .item-top .item-title .preview-title{display:none}#action-wrapper .action-container .action-list .template-select{max-height:210px;box-shadow:0 0 10px #c2c2c2;border-radius:5px;background-color:#fff;display:flex;overflow:hidden}#action-wrapper .action-container .action-list .template-select .template-select-list{box-shadow:0 0 10px #c2c2c2;flex:1 1 50%;padding:15px 9px 15px 15px;background-color:#fff;overflow-y:scroll;overflow-x:hidden}#action-wrapper .action-container .action-list .template-select .template-select-list .selected-template{padding:0 7px;border:1px solid #c2c2c2;border-radius:5px;cursor:pointer;display:flex;align-items:center;height:40px;width:350px}#action-wrapper .action-container .action-list .template-select .template-select-list input[type=checkbox]:checked+.selected-template{background-color:#3498db;border-color:#3498db;color:#000}#action-wrapper .action-container .action-list .template-select .template-select-list .check-mark{display:inline-block;padding:7px;border:1px solid rgb(219.5,219.5,219.5);border-radius:3px;margin-right:10px;position:relative}#action-wrapper .action-container .action-list .template-select .template-select-list .check-mark:before{content:"";position:absolute;top:-1px;left:-1px;background:rgb(25.4560669456,96.1673640167,143.5439330544);height:16px;width:16px;border-radius:3px;visibility:hidden}#action-wrapper .action-container .action-list .template-select .template-select-list .template-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}#action-wrapper .action-container .action-list .template-select .template-select-list input[type=checkbox]:checked+.selected-template .check-mark:before{visibility:visible}#action-wrapper .action-container .action-list input[type=checkbox]{display:none}#action-wrapper .action-container .action-list .selected-list{margin-top:18px}#action-wrapper .action-container .action-list .selected-template-list{display:flex;flex-wrap:wrap}#action-wrapper .action-container .action-list .selected-template-list .selected-template-title{background-color:#dcdcdc;border-radius:2px;display:inline-flex;align-items:center;padding:1px 4px;cursor:pointer;margin-right:6px;margin-bottom:6px}#action-wrapper .template-container{flex:1;padding-left:20px;padding-right:24px;max-height:300px;height:300px;display:flex;flex-direction:column}#action-wrapper .template-container .template-list{background-color:#fff;border-radius:5px;flex:1;overflow-y:scroll}#action-wrapper .template-container .template-list .template-select-list{flex:1 1 50%;padding:15px 9px 15px 15px;background-color:#fff}#action-wrapper .template-container .template-list .template-select-list .selected-template{padding:0 7px;border:1px solid #c2c2c2;border-radius:5px;cursor:pointer;display:flex;align-items:center;height:40px;width:350px}#action-wrapper .template-container .template-list .template-select-list input[type=radio]:checked+.selected-template{background-color:#3498db;border-color:#3498db;color:#000}#action-wrapper .template-container .template-list .template-select-list .check-mark{display:inline-block;padding:7px;border:1px solid rgb(219.5,219.5,219.5);border-radius:3px;margin-right:10px;position:relative}#action-wrapper .template-container .template-list .template-select-list .check-mark:before{content:"";position:absolute;top:-1px;left:-1px;background:rgb(25.4560669456,96.1673640167,143.5439330544);height:16px;width:16px;border-radius:3px;visibility:hidden}#action-wrapper .template-container .template-list .template-select-list input[type=radio]:checked+.selected-template .check-mark:before{visibility:visible}#action-wrapper .template-container .template-list input[type=radio]{display:none}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-form-previewcontent .text-content{max-width:150px;border-radius:10px;padding:2px;margin-bottom:2px;line-break:anywhere;background-color:#dcdcdc}.p-form-previewcontent .panel-content{border-radius:10px;margin-right:12px;background-color:#dcdcdc}.p-form-previewcontent .panel-content .inner-panel{padding:8px 10px 10px;display:flex;justify-content:space-between}.p-form-previewcontent .panel-content .inner-panel .preview-panel-button{min-height:21px;margin-bottom:3px;padding:4px;background-color:#000;display:flex;align-items:center;justify-content:center}.p-form-previewcontent .quick-content{border-radius:10px;margin-right:12px;background-color:#dcdcdc;color:#00f}.p-form-previewcontent .img-content{border-radius:0;padding:0;width:70%}.p-form-previewcontent .img-content img{height:100px}.quick-test-user-send-mark{cursor:pointer;position:relative}.quick-test-user-send-mark .quick-test-user-check{position:absolute;border-radius:50%;top:0;left:0;display:none;width:50px;height:50px;color:#000;background-color:#3498db}.quick-test-user-send-mark:hover .quick-test-user-check{display:block;justify-content:center;align-items:center;display:flex}.interaction-suggestions-list{display:none;list-style-type:none;padding:0;margin:0;max-height:150px;overflow-y:auto;background-color:#fff;position:absolute;width:50%;z-index:100;border:1px solid #cccccc}.interaction-suggestions-list li{display:flex;justify-content:space-between;align-items:center;padding:2px;cursor:pointer}.interaction-suggestions-list li small{margin-left:5px}.message-title{border-left:5px solid #8f44d5;padding-left:10px}.is-invalid{border-color:#dc3545}.invalid-feedback{color:#dc3545;margin-top:.25rem;font-size:15px!important}.template_phone_preview{margin-top:100px!important;margin-left:10%!important}.grow-shrink-both{flex:1 1 auto}.template-preview-wp{display:inline-block;border-width:2px 2px 0px 2px;border-style:solid;border-color:#e0e0e0;border-radius:15px 15px 0 0;background-color:#fff;position:fixed;bottom:60px!important;margin-left:20px}.template-preview-wp .template-preview-header{background-color:#f8f8f8;padding:12px 0 14px 28px;border-radius:15px 15px 0 0;position:relative}.template-preview-wp .template-preview-body{padding:20px 32px 0}.phone-wp{border:5px solid #000000;border-bottom:none;border-radius:40px 40px 0 0;width:400px;margin:0 auto;position:relative;display:flex;flex-direction:column}.text-left{text-align:left!important}.phone-top{display:flex;flex-direction:column;justify-content:center;height:83px;padding:0 27px;border-bottom:1px solid #F0F0F0;flex:0 0 auto}.phone-wp .phone-body{justify-content:end}.phone-body{flex:1 1 auto;overflow:hidden;padding:32px 5px 21px 27px;display:flex;flex-direction:column}.phone-body .message-container{display:flex;align-items:end;margin-bottom:8px}.template-preview-wp .template-preview-input-body{padding:20px 32px 0}.template-preview-input-body{display:flex;flex-direction:column;height:100%}.phone-body-input{flex:1 1 auto;max-height:100%;overflow-y:auto;padding:15px 5px 15px 15px;display:flex;flex-direction:column}.message-list-input{display:flex;flex-direction:column;margin-top:auto}.preview-input{word-break:break-word}.preview-input img,.preview-input video,.preview-input audio{width:250px;height:250px}.preview-text{border:1px solid #ccc;background-color:#f9f9f9;padding:10px;margin-top:10px;border-radius:5px;white-space:pre-wrap;display:none;max-width:calc(100% - 50px)}.preview-text.visible{display:block}.message-container{display:flex;align-items:flex-end!important}.avatar-image{margin-right:10px}.phone-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;max-width:100%}.preview-text{border:1px solid #ccc;background-color:#f9f9f9;padding:10px;border-radius:5px;word-wrap:break-word;white-space:normal;max-width:calc(100% - 50px)}.template-preview-body{width:100%;overflow:hidden}.messege-type{margin-left:30px;padding:8px;background-color:#d6d6d6}.modal-content-container{display:flex;justify-content:space-between;gap:20px;padding:20px;flex-grow:1}.left-side-message-content{flex:1;padding-right:20px;box-sizing:border-box}.right-side-message-confirm{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-left:20px;box-sizing:border-box}.modal-divider{width:2px;background-color:#ccc;margin:0 10px}.message-confirm-buttons{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}.message-edit-link{margin-top:20px;color:#007bff;text-decoration:none;font-size:14px;cursor:pointer}.message-edit-link:hover{text-decoration:underline}.message-confirm-button{background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.p-modal-content-lg{display:flex;flex-direction:column;height:100%}.wrap-content{flex-grow:1;display:flex;flex-direction:column}.box-content{display:flex;align-items:center;padding:10px;color:#535657;font-size:14px}.box-content .left{flex:0 0 110px;color:#535657;font-weight:600!important;font-size:14px}.box-content .right{flex-grow:1;font-weight:300!important;font-size:16px;color:#535657}.box-bg{background-color:#efeeee}.modal-message-title{white-space:normal;overflow-wrap:break-word;max-width:100%}.template-preview-confirm{margin-left:0!important}.phone-wp-confirm{border:5px solid #000000;border-bottom:none;border-radius:40px 40px 0 0;width:400px;margin:0 auto;position:relative;display:flex;flex-direction:column}.p-header__logo img{width:100px}.panel-line{left:0;border-bottom:2px solid #7B56E0}#panel-tabs .tab-items{display:flex;padding:0 7px}#panel-tabs .tab-item.current-tab{background-color:#7b56e0;font-weight:600;color:#fff}#panel-tabs .tab-item{background-color:#f0eeee;color:#222;font-size:14px;font-weight:300;border-radius:5px 5px 0 0;min-width:135px;display:flex;align-items:center;justify-content:space-between;margin:0 5px;cursor:pointer;position:relative}#panel-tabs .tab-item .tab-title{margin-left:19px;padding:9px 0 7px;display:flex;justify-content:center;align-items:center;flex:1 1 auto}#panel-tabs .tab-item.add-panel{min-width:75px;background-color:#fff;padding:8px 8px 7px;border-width:1px 1px 0px 1px;border-color:#222;border-style:solid;justify-content:center}.pill-button{background-color:#d0d1d2;color:#fff;font-weight:700;min-width:120px;height:35px;border-radius:50px;display:inline-flex;justify-content:center;align-items:center;padding:0 10px}.action-item-wp{border:1px solid #DDDDDD;border-radius:4px;padding:8px 16px;margin-bottom:10px;background:#FFFFFF}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-list .button-action-wp,#button-list-url .button-action-wp{padding:15px 0;background-color:#fff;border:1px solid #E0E0E0;border-radius:3px}.button-list .button-item,#button-list-url .button-item{margin-top:10px;background-color:#eeeded;border-radius:10px;padding:12px 15px 23px 23px}.button-list .button-item-header,#button-list-url .button-item-header{display:flex;margin-bottom:27px}.button-list .btn-item-actions,#button-list-url .btn-item-actions{margin-right:-5px;margin-left:-5px;display:flex}.button-list .btn-item-action,#button-list-url .btn-item-action{display:flex;justify-content:center;align-items:center;color:#222;border-radius:5px;height:30px;width:30px;cursor:pointer;margin-right:5px;margin-left:5px}.preview-panel{display:flex;overflow-x:auto;white-space:nowrap;padding:10px}.message-content{flex:1;flex:0 0 auto;min-width:150px;max-width:200px;text-align:center;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:10px;box-sizing:border-box}.preview-media{width:130px!important;height:150px!important;-o-object-fit:contain;object-fit:contain}.preview-button{display:block;margin:5px 0;padding:5px 10px;background-color:#d3d3d3;color:#000;border-radius:5px;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:95%;max-width:100%}.button-container{display:flex;flex-direction:column;gap:1px}.no-action-set{background-color:#f1efef;border-radius:3px;padding:9px}.action-group{position:relative;display:inline-block;overflow:visible!important}.panel-action-trigger{cursor:pointer}.panel-action-list{display:none;position:absolute;top:0!important;left:0!important;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:1000!important}.panel-action-list ul{list-style-type:none;padding:0;margin:0}.panel-action-item{padding:10px 15px;cursor:pointer;display:flex;align-items:center}.panel-action-item:hover{background-color:#f1f1f1}.action-menu{width:200px!important;height:200px!important;color:#000!important}.panel-action-item span.material-symbols-outlined{vertical-align:middle;margin-right:8px;white-space:nowrap;font-size:18px}.panel-action-item.disabled,.btn-item-action.disabled{color:#ccc;cursor:not-allowed;pointer-events:none}.modal-upload-content .drop-zone{min-height:280px;border:1px dashed #cccccc;background-color:#f5f5f5;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.modal-upload-content .drop-zone .upload-icon span{font-size:100px;color:#fff}.modal-upload-content .drop-zone.drag-over,.modal-upload-content .drop-zone:hover{border-color:#217dbb;background-color:#f5f5f5;box-shadow:0 3px 6px #dcdcdc}.media-format-tool-icon{cursor:pointer}.media-format-tool-icon:hover .media-format-tool,.media-format-tool-icon:hover .clip-triangle-element-wrapper{visibility:visible;opacity:1;transition:opacity .2s ease-in-out,visibility 0s}.media-format-wrapper{position:absolute;transform:translate(-50%);z-index:1}.media-format-help{position:absolute;bottom:60%;left:50%;transform:translate(-50%)}.media-format-tool{visibility:hidden;border-radius:4px;min-width:460px;background-color:#fff;position:absolute;z-index:1;opacity:0;transition:opacity .2s ease-in-out,visibility 0s .2s}.clip-triangle-element-wrapper{position:absolute;left:48%;transform:translate(-50%);background-color:#fff;clip-path:polygon(50% 100%,0px 0px,100% 0px);-webkit-clip-path:polygon(50% 100%,0px 0px,100% 0px);height:18px;width:22px}.media-preview-content img,.media-preview-content video,.media-preview-content audio{max-width:inherit;max-height:inherit;height:300px;width:100%;margin:0 auto;-o-object-fit:contain;object-fit:contain}#preview-image,#preview-video,#preview-audio,#upload-media-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}#preview-image .preview-wrapper,#preview-video .preview-wrapper,#preview-audio .preview-wrapper,#upload-media-preview .preview-wrapper{max-height:230px;max-width:385px;position:relative}#preview-image .preview-wrapper img,#preview-video .preview-wrapper img,#preview-audio .preview-wrapper img,#upload-media-preview .preview-wrapper img{max-width:inherit;max-height:inherit}#preview-image .preview-wrapper video,#preview-video .preview-wrapper video,#preview-audio .preview-wrapper video,#upload-media-preview .preview-wrapper video{max-width:inherit;max-height:inherit}#preview-image .preview-wrapper audio,#preview-video .preview-wrapper audio,#preview-audio .preview-wrapper audio,#upload-media-preview .preview-wrapper audio{max-width:inherit;max-height:inherit}#preview-image .preview-wrapper .preview-back,#preview-video .preview-wrapper .preview-back,#preview-audio .preview-wrapper .preview-back,#upload-media-preview .preview-wrapper .preview-back{display:none;position:absolute;background-color:#00000040;top:0;bottom:0;left:0;right:0}#preview-image .preview-wrapper .preview-back .btn-media-delete,#preview-video .preview-wrapper .preview-back .btn-media-delete,#preview-audio .preview-wrapper .preview-back .btn-media-delete,#upload-media-preview .preview-wrapper .preview-back .btn-media-delete{background-color:#222c;color:#000;box-shadow:0 1px 2px #fff;display:inline-flex;align-items:center;justify-content:center;height:35px;min-width:35px;top:-11px;right:-10px;font-size:10px;cursor:pointer}#preview-image .preview-wrapper:hover .preview-back,#preview-video .preview-wrapper:hover .preview-back,#preview-audio .preview-wrapper:hover .preview-back,#upload-media-preview .preview-wrapper:hover .preview-back{display:block}.template-media-preview img,.template-media-preview video,.template-media-preview .template-audio-preview{width:50px;height:50px;cursor:pointer}.preview-button-confirm{background-color:#d3d3d3;padding:5px;border-radius:5px;margin:5px 0}.message-content-confirm{flex:1;text-align:center;margin-right:20px;width:170px!important}#templates table tbody tr:hover{background-color:#7ee2a8}#templates table tbody tr .cursor-move{cursor:pointer}.template-auto-insert{display:block}.template-select-auto-insert{display:flex;flex-wrap:wrap}.text-message-input{background-color:#c2c2c2;border-radius:2px;display:inline-flex;align-items:center;padding:4px;cursor:pointer;margin-top:6px;margin-right:6px;margin-bottom:6px}.text-line{left:0;border-bottom:1px solid #bababc}.keyword-tooltip{position:relative;display:inline-block;cursor:pointer}.keyword-tooltip .tooltip-text{visibility:hidden;width:auto;background-color:#dcdcdc;color:#0d0d0d;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-50%;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s;white-space:nowrap}.keyword-tooltip:hover .tooltip-text{visibility:visible;opacity:1;transition:opacity .3s ease}.custom-close-btn{background-color:transparent;border:none;outline:none}.custom-close-btn:hover{background-color:transparent}.quick-container{margin-top:15px;margin-bottom:15px;margin-left:5px}.preview-button{display:block;padding:10px 15px;background-color:#f3f1f1;border:1px solid #ccc;text-align:center;margin-bottom:10px;border-radius:15px}.quick-button-container{display:flex;gap:5px;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.quick-preview-button{padding:10px 15px;background-color:#e0e0e0;border:1px solid #bbb;border-radius:15px;text-align:center;min-width:100px;flex:0 0 auto}.modal-preview{width:1000px!important;max-width:1100px!important}.preview-text-table{width:470px!important}.preview-user-list{width:85%!important}.phone-preview-h{max-height:350px;overflow-y:auto}.template-custom-select label{padding:10px;background-color:#d3d3d3;border-radius:5px;transition:background-color .3s}.preview-text-content{max-width:100%;border-radius:10px;padding:2px;margin-bottom:2px;line-break:anywhere;background-color:#dcdcdc}.side-nav-active{background-color:#dcdcdc}.side-nav-active a{color:#0056b3;text-decoration:none}.template-image-preview span,.template-video-preview span,.template-audio-preview span{font-size:40px;cursor:pointer}.preview-media-size{width:250px;height:250px}.panel-image-size{width:120px;height:150px}#media-select-content .card-group-month{display:flex;align-items:center}#media-select-content .card-group-month .label-border{border:5px solid #3498db;border-radius:2px;padding:10px 0;display:inline}#media-select-content .media-card{border-radius:5px;margin-top:1.3rem;margin-bottom:2.5rem;margin-right:-15px;margin-left:-15px;display:flex;flex-wrap:wrap}#media-select-content .media-card .media-wrapper{cursor:pointer;margin-bottom:20px;margin-right:15px;margin-left:15px;width:calc(23% - 30px);min-width:150px;height:210px}#media-select-content .media-card .media-wrapper input[type=radio]{display:none}#media-select-content .media-card .media-wrapper .media-content{height:100%;border:1px solid rgb(219.5,219.5,219.5);border-radius:5px;overflow:hidden;position:relative;display:flex;flex-direction:column}#media-select-content .media-card .media-wrapper .media-content .media-check{position:absolute;top:6px;right:6px;border:1px solid rgb(138.6359832636,195.9581589958,234.3640167364);background-color:#000;width:25px;height:25px;border-radius:50%;z-index:100!important}#media-select-content .media-card .media-wrapper .media-content .media-check:before{content:"";background-color:transparent;border:3px solid;border-radius:3px;width:15px;height:10px;border-color:transparent transparent #000 #000;transform:rotate(-45deg);position:absolute;top:17%;left:18%}#media-select-content .media-card .media-wrapper .media-content .media-card-breadcrumb{height:80%;overflow:hidden;flex:0 0 auto}#media-select-content .media-card .media-wrapper .media-content .media-card-body{background-color:#f5f5f5;padding-left:5px}#media-select-content .media-card .media-wrapper .media-content .media-card-body .media-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:145px}#media-select-content .media-card .media-wrapper .image-placeholder{width:170px;height:170px;background-color:#e4e2e2;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;font-size:14px;text-align:center;position:relative;z-index:1}#media-select-content .media-card .media-wrapper .fetch-image-detail{margin-top:10px;padding:5px 10px;font-size:12px;cursor:pointer}#media-select-content .media-card .media-wrapper .fetch-image-detail:hover{background-color:#f0f0f0;border:1px solid #ccc}#media-select-content .media-card .media-wrapper input[type=radio]:checked+.media-content{border:1px solid rgb(138.6359832636,195.9581589958,234.3640167364);box-shadow:0 0 0 3px #8bc4ea}#media-select-content .media-card .media-wrapper input[type=radio]:checked+.media-content .media-check{background-color:#8bc4ea}#media-select-content .media-card .media-wrapper button:disabled{background-color:#d3d3d3;cursor:not-allowed}#personalize-modal-body{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}#personalize-wrapper{flex:1 1 auto;display:flex;overflow:hidden}#personalize-wrapper .personalize-side-bar{flex:0 0 auto;padding-left:30px;overflow:hidden;display:flex;flex-direction:column}#personalize-wrapper .personalize-side-bar .personalize-select-area{padding:20px 19px 20px 25px;background-color:#fff;border-radius:5px;overflow-y:auto;overflow-x:hidden;flex:0 1 auto}#personalize-wrapper .personalize-side-bar .personalize-select-area .button-item{width:250px;display:flex;align-items:center;padding:8px 10px;margin-bottom:10px;border:2px solid #c2c2c2;border-radius:5px;cursor:pointer}#personalize-wrapper .personalize-side-bar .personalize-select-area .button-item:hover{background-color:#8bc4ea;border-color:#8bc4ea;color:#196090}#personalize-wrapper .personalize-side-bar .personalize-select-area .button-item.select-item{background-color:#3498db;border-color:#3498db;color:#000}#personalize-wrapper .personalize-side-bar .personalize-select-area .condition-buttons .condition-button{width:120px;align-items:center;text-align:center;padding:8px 10px;margin-bottom:10px;border:2px solid #c2c2c2;border-radius:5px;cursor:pointer}#personalize-wrapper .personalize-side-bar .personalize-select-area .condition-buttons .condition-button:hover{background-color:#8bc4ea;border-color:#8bc4ea;color:#fff}#personalize-wrapper .personalize-side-bar .personalize-select-area .condition-buttons .condition-button.select-condition{background-color:#5faee3;border-color:#3498db;color:#fff}#personalize-wrapper .personalize-container{flex:1;margin-left:15px;padding-left:10px;padding-right:15px;padding-bottom:7px;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;background-color:#fff}#personalize-wrapper .personalize-container .condition-list{padding:15px 25px;background-color:#fff;border-radius:5px;border:1px solid #3498db;height:150px;flex:0 0 auto;overflow-y:scroll;overflow-x:hidden;margin-bottom:10px;margin-top:10px}#personalize-wrapper .personalize-container .condition-list.condition-md{height:310px}#personalize-wrapper .personalize-container .condition-list .condition-title{background-color:#e0e0e0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;border-radius:5px;width:100%;padding:6px 0;margin-bottom:10px}#personalize-wrapper .personalize-container .condition-list .personalize-item{border:2px solid rgb(219.5,219.5,219.5);padding:8px 15px;border-radius:5px;margin-bottom:10px}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top{display:flex;justify-content:space-between;align-items:center}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-setting{flex:1;display:flex;align-items:center;overflow:hidden}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-title{flex:0 1 auto;display:flex;overflow:hidden;cursor:pointer}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-title .preview-title{flex:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:5px}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-title:hover{color:#196090}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-right-side{display:flex;align-items:center;flex:0 0 auto}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-right-side .delete-personalize-item{padding:4px 8px;margin-left:5px;cursor:pointer;border-radius:5px}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-right-side .delete-personalize-item:hover{background-color:#dcdcdc;color:#000}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-top .item-right-side button{display:none}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body{display:none;margin-top:10px}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content{border:2px solid rgb(219.5,219.5,219.5);border-radius:5px;height:100px;max-height:150px;overflow-y:scroll}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .initial-message{margin-top:5px;margin-left:5px;font-weight:700}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-product,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-question,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-coupon,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-message,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-friend-route,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-id-linkage,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-last-used-media{padding:4px 8px;cursor:pointer;border-radius:5px;margin-left:auto}#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-product:hover,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-question:hover,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-coupon:hover,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-message:hover,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-friend-route:hover,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-id-linkage:hover,#personalize-wrapper .personalize-container .condition-list .personalize-item .item-body .select-content .delete-select-last-used-media:hover{background-color:#dcdcdc;color:#000}#personalize-wrapper .personalize-container .condition-list .personalize-item.open{border-color:#217dbb}#personalize-wrapper .personalize-container .condition-list .personalize-item.open .item-body,#personalize-wrapper .personalize-container .condition-list .personalize-item.open .item-right-side button{display:block}.index-modal-body{background-color:#fff;height:90%}.index-modal-body .modal-index-table{overflow-y:auto;width:90%;margin:auto;max-height:500px}@media (max-height: 900px){.index-modal-body .modal-index-table{max-height:250px}}.index-modal-body .modal-index-table table{min-height:150px;table-layout:fixed;margin-top:10px}.index-modal-body .modal-index-table table tr .contain-button input[type=checkbox]{display:none}.index-modal-body .modal-index-table table tr .contain-button input[type=checkbox]:checked+.radio-button{background-color:#5faee3;border-color:#3498db;color:#fff}.index-modal-body .modal-index-table table tr .contain-button .radio-button{display:inline-block;transition:background-color .3s,color .3s;width:80px;align-items:center;text-align:center;padding:3px;margin-bottom:3px;border:2px solid #c2c2c2;border-radius:5px;cursor:pointer;font-weight:400!important}.index-modal-body .modal-index-table table tr .contain-button .radio-button:hover{background-color:#8bc4ea;border-color:#8bc4ea;color:#fff}.index-modal-body .modal-index-table table tr .isdisabled-color{color:#d3d3d3}.index-modal-body .modal-index-table table tr .question-items{display:flex;flex-wrap:wrap}.index-modal-body .modal-index-table table tr .question-items .question-answer{flex:1 0 30%;margin:3px;box-sizing:border-box}.index-modal-body .modal-index-table table td .text-truncate{width:70%}.index-modal-body .modal-index-table table .answer-th{width:40%}.index-modal-body .modal-index-table table .contain-th{width:200px}.index-modal-body .modal-index-table table .coupon-usage-th{width:25%}.index-modal-body .modal-index-table table .answer-label{font-weight:400;font-size:small}.content-index-modal-body{background-color:#fff}.content-index-modal-body .modal-index-table{width:90%;margin:auto;max-height:280px}.content-index-modal-body .modal-index-table table{min-height:150px;table-layout:fixed}.content-index-modal-body .modal-index-table table tr .contain-button input[type=checkbox]{display:none}.content-index-modal-body .modal-index-table table tr .contain-button input[type=checkbox]:checked+.radio-button{background-color:#5faee3;border-color:#3498db;color:#fff}.content-index-modal-body .modal-index-table table tr .contain-button .radio-button{display:inline-block;transition:background-color .3s,color .3s;width:80px;align-items:center;text-align:center;padding:3px;margin-bottom:3px;border:2px solid #c2c2c2;border-radius:5px;cursor:pointer;font-weight:400!important}.content-index-modal-body .modal-index-table table tr .contain-button .radio-button:hover{background-color:#8bc4ea;border-color:#8bc4ea;color:#fff}.content-index-modal-body .modal-index-table table tr .isdisabled-color{color:#d3d3d3}.content-index-modal-body .modal-index-table table tr .question-items{display:flex;flex-wrap:wrap}.content-index-modal-body .modal-index-table table tr .question-items .question-answer{flex:1 0 30%;margin:3px;box-sizing:border-box}.content-index-modal-body .modal-index-table table td .text-truncate{width:30%}.content-index-modal-body .modal-index-table table .answer-th{width:40%}.content-index-modal-body .modal-index-table table .contain-th{width:25%}.light-button-container{background-color:#f0f0f0;padding:5px 15px;border-radius:20px;margin:8px 0}.light-button-preview{color:#00f;text-decoration:none;display:inline-block;padding:5px;border-radius:8px;margin:5px 0}.add-button-input-preview-position{margin-left:40px;margin-bottom:40px;margin-right:40px}.add-button-send-preview-position{margin-top:95%;margin-left:28%;margin-right:20%}.add-friend-input-preview .preview-toggle-label{padding:8px 16px;background:#f0f0f0;color:#838080;border:1px solid #000;cursor:pointer;transition:all .3s;font-size:14px;font-weight:700;border-radius:8px}.add-friend-input-preview .preview-toggle-label:first-child{border-right:1px solid #c9d2dc}.add-friend-input-preview input[type=radio]{display:none}.add-friend-input-preview input[type=radio]:checked+.preview-toggle-label{background:#add0f4;color:#000}.qr-code-img{display:flex;flex-direction:column;align-items:center}.route-back-btn{padding-left:0!important}.table-scroll-top{width:auto;overflow-x:auto}.table-scroll-content{height:1px}.table-wrapper{width:auto;overflow-x:auto;position:relative}.qr-code-container{max-height:150px;overflow-y:auto}#add-friend-preview-section .template-preview-wp{position:relative!important;bottom:auto!important;margin-left:0!important}.table-content-scroll{max-height:650px!important;overflow-y:auto!important}.error-page{text-align:center;margin-top:15rem}.error-page-title{display:inline-block;font-size:2.6rem;font-weight:700;border-bottom:3px solid #6B7280;padding-bottom:5px;color:#6b7280}.error-page-message{font-size:1.4rem;font-weight:700;margin:1.5rem 0;color:#6b7280}.error-page-link{margin-top:2rem}.error-page-link a{font-size:1.2rem;text-decoration:underline;color:#007bff;font-weight:700}.important-d-none{display:none!important}.is-fixed-auto-delivery{cursor:not-allowed;opacity:.4}.sort-inactive:before{color:gray!important}.is-default-row{background-color:#e3e3e3!important}.form-tooltip-wrapper{position:relative;display:inline-block;width:100%}.form-tooltip{position:absolute;top:calc(100% + 8px);left:0;background-color:#f5f5f5;color:#333;font-size:14px;padding:8px 12px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;z-index:10;transition:opacity .2s ease-in-out,visibility 0s .2s}.form-tooltip-wrapper:hover .form-tooltip{visibility:visible;opacity:1;background-color:#fff;color:#000;border:1px solid #ccc;box-shadow:0 4px 12px #00000026;transition:opacity .2s ease-in-out}.a-link:hover{color:#007bff;text-decoration:none}