/*================================================================================
Item Name: Materialize - Material Design Admin Template
Version: 5.0
Author: PIXINVENT
Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================
NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS. */
select{
outline: none !important;
}
:root {
/* Gray Color Palette */
--Gray-Cool-900: #111322;
--Gray-Cool-800: #30374F;
--Gray-Cool-700: #404968;
--Gray-Cool-600: #4A5578;
--Gray-Cool-500: #5D6B98;
--Gray-Cool-400: #7D89AF;
--Gray-Cool-300: #B9C0D4;
--Gray-Cool-200: #DCDFEA;
--Gray-Cool-100: #EFF1F5;
--Gray-Cool-50: #F9F9FB;
--Gray-Cool-25: #FCFCFD;
}
.frame-cbot{
}
.materialert{
position: relative;
min-width: 150px;
padding: 10px 15px;
margin-bottom: 20px;
margin-top: 15px;
border: 1px solid transparent;
border-radius: 4px;
transition: all 0.1s linear;
webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.materialert .material-icons{
margin-right: 10px;
}
.materialert .close-alert{
-webkit-appearance: none;
border: 0;
cursor: pointer;
color: inherit;
background: 0 0;
font-size: 22px;
line-height: 1;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
filter: alpha(opacity=40);
margin-bottom: -5px;
position: absolute;
top: 16px;
right: 5px;
}
.materialert.info{
background-color: #039be5;
color: #fff;
}
.materialert.success{
background-color: #43a047;
color: #fff;
}
.materialert.error{
background-color: #c62828;
color: #fff;
}
.materialert.danger{
background-color: #c62828;
color: #fff;
}
.materialert.warning{
background-color: #fbc02d;
color: #fff;
}
.top-list {
background: #fff;
width: 100%;
text-align: left;
padding: 20px 25px;
border: 1px solid #ddd;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.box-send-custom {
width: 420px !important;
height: 420px !important;
}
.top-list:hover {
background: #fbfbfb;
}
.mid-list {
background: #fff;
width: 100%;
text-align: left;
padding: 20px 25px;
border: 1px solid #ddd;
/* border-top: none;
border-bottom: none; */
}
.mid-list:hover {
background: #fbfbfb;
}
.bottom-list {
background: #fff;
width: 100%;
padding: 16px 25px 12px;
border: 1px solid #ddd;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.bottom-list:hover {
background: #fbfbfb;
}
.icon-del {
font-size: 17px;
color: #454545;
}
.icon-del:hover {
color: #c62828;
}
.cok {
display: block;
width: 100%;
float: left;
margin-bottom: 22px;
}
table.centered thead tr th, table.centered tbody tr td.less-pad {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.bg-wa {
background: url(https://rajalisensi.com/wp-content/uploads/2020/07/mockup-wa.png) no-repeat;
background-size: contain;
min-height: 480px;
width: 336px;
display: block;
margin: 0 auto;
}
.wa-no {
font-weight: bold;
color: #fff;
position: relative;
top: 79px;
left: 68px;
font-size: 13px;
}
.contain-chat {
margin-top: 97px;
overflow: auto;
max-height: 278px;
margin-right: 10px;
width: 259px;
padding-top: 18px;
}
.contain-chat::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.contain-chat::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.timeline-custom .timeline-panel p {
margin-bottom: 10px;
}
.timeline-custom .timeline-panel h4 {
font-weight: bold;
}
.timeline-custom .timeline-panel .card-content {
color: #2b2b2b;
}
.timeline-custom .timeline-panel ul li {
margin-bottom: 3px;
}
.timeline-panel strong, p, li, ul, ol {
font-weight: revert !important;
font-style: revert !important;
}
.timeline-panel .card .card-content h3 {
font-size: 16px !important;
}
.timeline>li .timeline-panel::before {
top: 26px;
right: -15px;
border-top: 15px solid transparent;
border-right: 0 solid #eaeaea !important;
border-bottom: 15px solid transparent;
border-left: 15px solid #eaeaea !important;
}
.contain-chat::-webkit-scrollbar-thumb {
background: #000000;
border: 0px none #f0e5db;
border-radius: 50px;
}
.contain-chat::-webkit-scrollbar-thumb:hover {
background: #000000;
}
.contain-chat::-webkit-scrollbar-thumb:active {
background: #000000;
}
.contain-chat::-webkit-scrollbar-track {
background: #f0e5db;
border: 0px none #f0e5db;
border-radius: 50px;
}
.contain-chat::-webkit-scrollbar-track:hover {
background: #666666;
}
.contain-chat::-webkit-scrollbar-track:active {
background: #333333;
}
.contain-chat::-webkit-scrollbar-corner {
background: transparent;
}
.wa-chat {
width: 72%;
background: #DCF8C6;
border-radius: 8px;
float: right;
padding: 13px;
font-size: 13px;
font-family: sans-serif;
box-shadow: 0 1px 0.5px rgba(0,0,0,.13);
color: #484848;
word-break: break-word;
margin-right: 10px;
margin-top: -15px;
}
.img-chat img {
width: 100%;
float: right;
margin-right: 10px;
background: #DCF8C6;
padding: 5px;
border-radius: 5px;
box-shadow: 0 1px 0.5px rgba(0,0,0,.13);
margin-top: 10px;
max-height: 200px;
}
.custom-file-preview-chat{
width: 130px;
float: right;
margin-right: 10px;
background: #DCF8C6;
padding: 5px;
border-radius: 5px;
box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
margin-top: 10px;
max-height: 200px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
text-align: center;
}
.custom-file-preview-chat img{
width: 65%;
margin-top: 5px;
}
.custom-file-preview-chat b{
display: block;
text-align: center;
font-weight: 600;
font-size: 11px;
margin-top: 5px;
padding: 5px;
word-break: break-all;
}
table.no-border tr {
border: none;
}
.no-border td {
padding: 8px 5px;
}
.toolbar {
width: 100% !important;
height: 45px;
background-color: #f1f2f4;
border-radius: 5px;
padding-left: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
scrollbar-width: auto;
scrollbar-color: #262626 #ffffff;
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 10px;
}
/* Chrome, Edge, and Safari */
.toolbar::-webkit-scrollbar {
width: 10px;
height: 10px;
cursor: pointer;
}
.toolbar::-webkit-scrollbar-track {
background: #ffffff;
}
.toolbar::-webkit-scrollbar-thumb {
background-color: #606060;
border-radius: 5px;
border: 3px solid #ffffff;
cursor: pointer;
}
.toolbar::-webkit-scrollbar-thumb:hover{
background-color: #000;
}
.toolbar .item:first-child {
border-radius: 3px 0 0 0;
}
.toolbar .item:hover {
color: #000000;
}
.toolbar .item {
/* float: left; */
height: 40px;
padding: 0 15px;
line-height: 40px;
font-weight: 600;
cursor: pointer;
transition: all .5s;
width: 30px;
font-size: 12px;
text-align: center;
}
.toolbar .item[data-tool="italic"]{
font-style: italic;
}
.toolbar .item[data-tool="striketrhough"]{
text-decoration: line-through;
}
.toolbar+textarea {
border-top: none;
border-radius: 0 0 3px 3px;
height: 150px;
resize: none;
border: 2px solid #f2f2f2;
padding: 10px;
width: 100% !important;
line-height: 22px;
}
.area-editor-toolbar textarea {
border-top: none;
height: 225px;
resize: none;
border: 2px solid #f2f2f2;
padding: 15px;
width: 100% !important;
line-height: 22px;
transition: 0.1s linear;
border-radius: 8px;
}
.area-editor-toolbar textarea:hover {
border: 2px solid #c0c6cc;
}
.area-editor-toolbar textarea:focus {
box-shadow: inset 0px 1px 5px 0px #0000003d;
border: 2px solid #7b7b7b !important;
}
.nowainfo a {
color: #fff;
margin-left: 5px;
}
.nowainfo .card {
margin-bottom: -5px !important;
margin-top: 5px !important;
}
.nowainfo a:hover {
color: #ffb;
}
.bads-word-detector{
font-size: 12px;color: #737373;font-style: italic;margin-top: 5px;margin-bottom: 30px;
}
/* #modalPreviewSpintax .modal-content{
height: 100%;
max-height: 100%;
} */
.result-preview-spintax{
display: flex;
height: 92%;
align-items: stretch;
flex-direction: column;
flex-wrap: nowrap;
}
.spintax-preview-parent{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 100%;
}
.spintax-preview-parent .suggested-spintax{
float: none;
width: 40%;
border: 1px solid #ccc;
border-radius: 0.3em;
text-align: center;
/* height: 300px; */
overflow: hidden;
/* height: 50vh; */
height: 97%;
margin-bottom: 3%;
}
.spintax-preview-parent .suggested-spintax ul{
overflow: auto;
height: 85%;
}
.spintax-preview-parent .suggested-spintax ul li{
padding:5px;
}
.spintax-preview-parent .action-button-center{
float: none;
width: 20%;
text-align: center;
/* padding-top: 90px; */
}
.spintax-preview-parent .action-button-center a{
margin-bottom: 20px;
font-size: 11px;
}
.page-head{
background: black;
color: white;
padding: 10px;
}
.page-head h1{
font-size: 14px;
color: white;
padding: 0;
margin: 0;
}
.spintax-preview-parent .applied-suggested-spintax{
float: none;
width: 40%;
border: 1px solid #ccc;
border-radius: 0.3em;
text-align: center;
/* height: 300px; */
overflow: hidden;
/* height: 50vh; */
height: 97%;
margin-bottom: 3%;
}
.spintax-preview-parent .applied-suggested-spintax ul{
overflow: auto;
height: 85%;
}
.spintax-preview-parent .applied-suggested-spintax ul li{
padding:5px;
}
.wa-chat strong{
font-weight: bold;
}
.card .card-content p{
word-break: break-word;
}
.d-left-dikit {
margin-left: 453px !important;
position: relative;
}
.child-operators .under-field {
font-size: 12px;
color: #9e9e9e;
display: none;
}
.child-operators:last-child .under-field{
display: block;
}
ul.uli-ntap li {
float: left;
margin-right: 30px;
cursor: pointer;
text-align: center;
}
.sty-label {
font-size: 14px;
font-weight: bold;
color: #9b2c9f;
}
.border-broad {
/* border-left: 1px solid #ddd;
padding-left: 25px; */
}
.cus-prev {
margin-left: 35px;
margin-top: 15px;
margin-bottom: 25px;
}
.pad-bot40 {
padding-bottom: 40px !important;
}
i.emoji.emoji-smile.emoji-button {
/* margin-left: 13px; */
}
.mar-bot10 {
margin-bottom: 10px;
}
.mar-right10 {
margin-right: 10px;
}
.card-content.grey.lighten-5 img {
max-height: 160px;
}
.suggested-spintax ul li {
text-align: left;
margin-left: 10px;
}
.applied-suggested-spintax ul li {
margin-left: 10px;
text-align: left;
margin-bottom: 9px;
}
.modal .modal-footer {
height: 75px !important;
padding: 10px 20px !important;
}
.mar-min-right0 {
margin-right: 0 !important;
}
.mar-bot10 {
margin-bottom: 10px !important;
}
.add_more_content:focus{
outline: none;
background-color: unset !important;
}
.chat-application .app-chat .chat-content .sidebar .sidebar-chat {
height: calc(100vh - 270px) !important;
}
.chat-application .app-chat .chat-content .chat-content-area .chat-area {
height: calc(100vh - 270px) !important;
}
ol.olbonus li {
margin-bottom: 13px;
text-indent: 5px;
}
ol.olbonus li a:hover {
text-decoration: underline;
}
.nothing-happened{
display: none;
font-weight: bold;
text-align: center;
padding: 10px;
margin-bottom: 10px;
}
.input-field.m-noshow.pembukaan.tips-bc {
margin-bottom: -20px !important;
}
.input-field.m-noshow.pembukaan.tips-bc a:hover {
border-bottom: 1px dotted #9c27b0 !important;
}
.title-canvas-createbroacast-breadcrumb-with-button{
position: fixed !important;
z-index: 999 !important;
top: 14px !important;
}
.title-canvas-createbroacast-breadcrumb-with-button h5{
color: white;
}
@media only screen and (max-height: 790px) {
.area-editor-toolbar textarea {
/* height: 185px; */
}
.pembukaan {
display: none;
}
.scrollbar {
max-height: 200px !important;
}
}
@media only screen and (min-width: 993px){
#toast-container {
top: 85% !important;
right: 2% !important;
max-width: 86%;
}
.card-content.pb-0.m-custom-pad .step-title.waves-effect {
height: 60px !important;
line-height: 60px;
}
.card-content.pb-0.m-custom-pad .step-title.waves-effect::before {
top: 17px !important;
}
ul.stepper.horizontal .step {
height: 60px !important;
}
ul.stepper.horizontal::before {
min-height: 60px !important;
border-bottom: 1px solid #ddd !important;
box-shadow: none !important;
}
.step-content-no-padding{
padding: 0px !important;
}
.step-content-no-padding .step-content-row-padding{
padding-left: 20px !important;
padding-right: 20px !important;
margin-bottom: 10px !important;
margin-top: 15px !important;
}
ul.stepper.horizontal .step .step-content:not(.step-content-no-padding) {
padding: 20px 20px 46px 20px !important;
}
.parents-new-step-actions-footer{
position: relative;
width: 100%;
}
.new-step-actions-footer{
background: #1d1e2f !important;
margin-top: 30px !important;
position: fixed !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-content: center !important;
justify-content: center !important;
align-items: center !important;
width: auto !important;
left: 271px !important;
padding: 20px !important;
right: 22px !important;
z-index: 999;
}
.new-step-actions-footer .btn{
border-radius: 50px !important;
background: #ffcc01 !important;
color: #1e1f2e;
}
.new-step-actions-footer .btn:hover{
background: #ffbd01 !important;
}
.new-step-actions-footer .btn:disabled{
background: #363854 !important;
color: #6e7091 !important;
}
}
.lebarmodal {
width: 550px;
}
@media (max-width: 370px){
.m-mar-min-top70 {
margin-top: -70px;
}
}
@media (max-width: 440px){
.p10-m-only{
padding: 10px !important;
}
.m-lebar100 {
width: 100% !important;
}
.m-custo {
margin-left: 0 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.m-noshow {
display: none !important;
}
.m-text-center {
text-align: center !important;
width: 100% !important;
}
.btn-floating {
background: rgba(0,0,0,.1) !important;
}
.sidenav-main .btn-sidenav-toggle {
margin-left: 6px;
}
.m-float-left {
float: left !important;
}
.m-mar-left10 {
margin-left: 10px;
}
.m-mar-min-left20 {
margin-left: -20px !important;
}
.lebarmodal {
width: auto !important;
}
.m-mar-top0 {
margin-top: 0 !important;
}
.m-mar-top20 {
margin-top: 20px !important;
}
.m-mar-bot20 {
margin-bottom: 20px !important;
}
.card .card-content {
overflow: inherit !important;
}
.m-mar-top25 {
margin-top: 25px !important;
}
.m-mar-bot10 {
margin-bottom: 10px !important;
}
.m-mar-bot15 {
margin-bottom: 15px !important;
}
.m-mar-top10 {
margin-top: 10px;
}
.m-mar-top15 {
margin-top: 15px !important;
}
.m-mar-top40 {
margin-top: 40px;;
}
.m-pad-left18 {
padding-left: 18px;
}
.m-pad-right17 {
padding-right: 17px;
}
.m-nowrap {
white-space: nowrap;
}
.m-custom-pad {
padding: 1px 10px 10px 20px !important;
}
.m-mar-left11 {
margin-left: 11px !important;
}
ul.stepper .step:not(:last-of-type)::after {
background-color: #dfdfdf !important;
}
.border-broad {
border-left: 0px !important;
}
ul.stepper .step .step-title:hover {
background-color: rgba(0,0,0,0);
}
ul.stepper .step .step-title {
margin: 0 -10px 0px -20px !important;
padding: 15.5px 44px 15px 64px !important;
}
.m-mar-min-left25 {
margin-left: -25px !important;
}
.m-mar-min-left11 {
margin-left: -11px !important;
}
.m-mar-min-left10 {
margin-left: -10px !important;
}
a.modal-trigger {
/* position: absolute; */
margin-top: 30px;
/* left: 35px; */
}
.wa-no {
top: 76px !important;
left: 61px !important;
}
.withmtop30-on-mobile{
margin-top: 30px;
}
.smalltext-onmobile{
font-size: 11px !important;
}
.wa-chat {
padding: 10px 15px !important;
margin-right: 10px;
}
.bg-wa {
background: url(https://rajalisensi.com/wp-content/uploads/2020/07/mockup-wa.png) no-repeat;
background-size: contain;
min-height: 500px;
width: auto;
height: auto;
display: block;
margin: 0 auto;
margin-right: -20px;
}
.m-pad-bot0 {
padding-bottom: 0 !important;
}
.img-chat img {
margin-right: 31px !important;
}
i.emoji.emoji-smile.emoji-button {
/* margin-left: 14px; */
}
.no-border td:nth-child(1) {
display: none;
}
.no-border td:nth-child(2) {
display: none;
}
.no-border td::before {
content: attr(data-header);
width: 100%;
display: inline-block;
font-weight: bold;
color: #242424;
font-size: 16px;
margin-bottom: 10px;
margin-top: 10px;
}
.no-border .select-wrapper {
/* margin-top: -18px; */
}
.m-mar-min-right23 {
margin-right: -23px;
}
.m-mar-min-right0 {
margin-right: 0 !important;
}
.m-mar-min-top10 {
margin-top: -10px;
}
.m-mar-min-right33 {
margin-right: -33px;
}
.d-left-dikit {
margin-left: 0px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-content: center !important;
justify-content: center !important;
align-items: center !important;
}
.d-left-dikit .col{
margin-left: 0px !important;
flex: 1 !important;
}
.m-nofloat {
float: none !important;
margin-top: 20px !important;
margin-bottom: 5px;
}
.m-width {
width: auto !important;
height: 400px !important;
margin: 0 10px 0 10px !important;
z-index: 999999999 !important;
}
}
[type="checkbox"].reset-checkbox,
[type="checkbox"].reset-checkbox:checked,
[type="checkbox"].reset-checkbox:not(checked) {
opacity: 1;
position: relative;
}
[type="checkbox"].reset-checkbox+span::before,
[type="checkbox"].reset-checkbox+span::after,
[type="checkbox"].reset-checkbox:checked+span::before,
[type="checkbox"].reset-checkbox:checked+span::after {
display: none;
}
[type="checkbox"].reset-checkbox+span:not(.lever) {
padding-left: 10px;
}
.quoted-area{
display: block;
padding: 10px;
border-left: 5px solid #0a75c1;
color: black;
background: #f3f4f8;
border-radius: 4px;
margin-bottom: 10px;
text-decoration: none;
max-height: 78px;
overflow: hidden;
margin-right: -10px;
margin-left: -9px;
margin-top: -2px;
}
.quoted-area:hover{
background: #e8eaf1;
text-decoration: none !important;
color: black !important;
}
.result-from-validate-excel{
border-top: 1px solid #ccc;
margin-top: 20px;
padding-top: 20px;
}
.result-from-validate-excel b{
font-size: 22px;
text-align: center;
display: block;
}
.result-from-validate-excel p{
font-size: 15px;
text-align: center;
display: block;
margin-top: 0px;
}
.result-from-validate-excel .preview-and-mapping-list{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
margin-top: 20px;
margin-bottom: 20px;
}
.result-from-validate-excel .preview-and-mapping-list .child-data{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
box-shadow: 0px 0px 9px -4px #646464;
border-radius: 0.5em;
margin-bottom: 20px;
padding: 15px;
padding-bottom: 0px;
padding-top: 0px;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker{
border-right: 1px solid #ccc;
padding-right: 20px;
margin-right: 20px;
width: 30%;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker select{
border: none;
margin: 0;
cursor: pointer;
outline: none;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker select:focus{
border: none;
box-shadow: none;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker select:active{
border: none;
box-shadow: none;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker input{
border: none;
padding: 0;
margin: 0;
outline: none;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker input:focus{
border: none;
box-shadow: none;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker input:active{
border: none;
box-shadow: none;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .selector-picker .select-dropdown{
border: none;
margin: 0;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .short-preview-data{
}
.result-from-validate-excel .preview-and-mapping-list .child-data .short-preview-data p{
margin: 0;
font-size: 13px;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .header-preview-data{
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #ccc;
width: 120px;
margin-top: -1px;
height: 46px;
display: inline-block;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.result-from-validate-excel .preview-and-mapping-list .child-data .header-preview-data p{
margin: 0;
font-size: 13px;
font-weight: bold;
}
.preview-file-draft{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.preview-file-draft img{
width: 30px;
height: 30px;
margin-right: 10px;
}
.preview-file-draft b{
font-weight: bold;
color: black;
font-size: 13px;
margin-right: 10px;
}
.preview-file-draft a{
}
.preview-file-draft a:hover{
color: #b90000;
}
.area-api-playground{
}
.area-api-playground .header{
}
.area-api-playground .header h1{
color: #000000;
font-size: 20px;
font-weight: 600;
margin-bottom: 35px;
}
.area-api-playground .header h1.nomargin{
margin-bottom: 0;
}
.area-api-playground .sub-header{
margin-top: 10px;
font-size: 15px;
}
.area-api-playground .sub-header.extra-margin-top{
/* margin-top: 30px; */
}
.area-api-playground .sub-header a{
color: #e6700f;
text-decoration: none;
font-weight: 600;
}
.area-api-playground .sub-header a:hover{
color: #c25c08;
}
.area-api-playground .api-key-area{
}
.area-api-playground .api-key-area b{
color: #fff;
background: #282828;
padding: 5px;
margin: 0 auto;
border-radius: 0.3em;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
font-weight: 600;
font-size: 17px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 70%;
}
.area-api-playground .api-key-area b span{
}
.area-api-playground .api-key-area b i{
font-size: 15px;
cursor: pointer;
}
.area-api-playground .api-key-area b i:hover{
color: #b4b4b4;
}
.area-api-playground .api-key-area b i:focus{
color: gray;
}
.area-api-playground .api-key-area b i:active{
color: gray;
}
.area-api-playground .api-key-area b i:hover{
}
.area-api-playground .api-key-area p{
font-size: 14px;
color: #e6700f;
}
.area-api-playground .api-key-area p strong{
}
.area-api-playground .area-tips-area{
}
.area-api-playground .area-tips-area b{
color: #e6700f;
font-size: 15px;
}
.area-api-playground .area-tips-area p{
font-size: 14px;
}
.area-api-playground .area-action-button{
}
.area-api-playground .area-action-button .change-api-key{
border: 1px solid #c46415;
background: #e6700f;
color: white;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding: 7px 12px;
display: block;
text-align: center;
border-radius: 5px;
width: 190px;
margin-bottom: 25px;
transition: all .2s ease-in-out;
}
.area-api-playground .area-action-button .change-api-key:disabled{
border: 1px solid #d0d0d0;
background-color: #ececec;
color: #666666;
}
.area-api-playground .area-action-button .change-api-key:hover{
background: #b4580c;
}
.area-api-playground .area-action-button .change-api-key:disabled:hover{
border: 1px solid #d0d0d0;
background-color: #ececec;
color: #666666;
}
.overlay-modal-custom{
position: fixed;
background: rgba(0, 0, 0, 0.6);
left: 0;
right: 0;
top: 0;
bottom: 0;
backdrop-filter: blur(2px);
z-index: 2000;
}
.frame-modal-custom-popup{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
z-index: 20000;
}
.modal-custom-popup{
width: 430px;
padding: 20px;
background: white;
/* position: fixed; */
z-index: 2000 !important;
/* left: 0;
right: 0; */
/* bottom: 0; */
/* top: 0;
top: 50%;
left: 50%; */
transform: translate(-50%, -50%);
box-shadow: 0px 1px 12px -6px #000;
border-radius: 10px;
/* display: none; */
cursor: default;
}
.modal-custom-popup .toolbar{
position: absolute;
margin-top: 0px;
}
.modal-custom-popup .toolbar a{
color: black;
}
.modal-custom-popup .toolbar a:hover{
}
.modal-custom-popup .inner-content-modal{
margin-top: 0px;
}
.modal-content-pin{
}
.modal-content-pin .header{
margin-top: 15px;
margin-bottom: 30px;
}
.modal-content-pin .header i{
color: #e5700f;
font-size: 35px;
display: block;
margin: 0 auto;
width: 32px;
margin-bottom: 20px;
}
.modal-content-pin .header h1{
font-size: 22px;
font-weight: 700;
line-height: 28px;
text-align: center;
margin: 0;
margin-bottom: 10px;
}
.modal-content-pin .header h4{
font-size: 16px;
color: #3f3f3f;
text-align: center;
}
.modal-content-pin p.description{
text-align: center;
color: #565656;
font-size: 14px;
padding: 20px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0px;
}
.modal-content-pin p.description b{
}
.modal-content-pin .area-insert-pin{
}
.modal-content-pin .area-insert-pin .form-control{
}
.modal-footer-pin{
padding-bottom: 5px;
}
.modal-footer-pin .btn-action-modal-full{
border: 1px solid #c46415;
background: #e6700f;
color: white;
font-size: 16px;
font-weight: bold;
display: block;
width: 100%;
padding: 10px;
border-radius: 0.3em;
transition: all .2s ease-in-out;
text-decoration: none;
text-align: center;
}
.modal-footer-pin .btn-action-modal-full:hover{
background: #c25c08;
}
.modal-footer-pin .btn-action-modal-full:disabled{
cursor: no-drop;
background: #f0f0f0;
pointer-events: none;
color: gray;
border: 1px solid #c7c7c7;
}
.modal-custom-popup .toolbar-modal{
position: absolute;
margin-top: -20px;
}
.modal-custom-popup .toolbar-modal a{
color: black;
}
.modal-custom-popup .toolbar-modal a:hover{
}
#popup {
position: absolute;
/* top: 50%;
left: 50%; */
background: #fff;
/* width: 500px;
height: 500px; */
/* margin-left: -250px; /*Half the value of width to center div*/
/* margin-top: -250px; Half the value of height to center div */
z-index: -1;
visibility: hidden;
}
@keyframes pop-swirl {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
#popup[data-pop="pop-swirl"] {
transform: scale(0);
transition: all .3s ease-in-out;
}
#popup[data-pop="pop-swirl"].show {
-webkit-animation: pop-swirl .3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
visibility: visible;
z-index: 200;
opacity: 1;
border-radius: 15px;
}
#popup[data-pop="pop-swirl"].show ~ #overlay {
opacity: 1;
visibility: visible;
z-index: 100;
}
#popup2 {
position: absolute;
/* top: 50%;
left: 50%; */
background: #fff;
/* width: 500px;
height: 500px; */
/* margin-left: -250px; /*Half the value of width to center div*/
/* margin-top: -250px; Half the value of height to center div */
z-index: -1;
visibility: hidden;
}
#popup2[data-pop="pop-swirl"] {
transform: scale(0);
transition: all .3s ease-in-out;
}
#popup2[data-pop="pop-swirl"].show {
-webkit-animation: pop-swirl .3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
visibility: visible;
z-index: 200;
opacity: 1;
border-radius: 15px;
}
#popup2[data-pop="pop-swirl"].show ~ #overlay {
opacity: 1;
visibility: visible;
z-index: 100;
}
@keyframes pop-swirl {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.typing-notification{
position: absolute !important;
background: #000000 !important;
color: #ebebeb !important;
padding: 2px 20px !important;
font-size: 11px !important;
border-radius: 2em !important;
border: 1px solid #535353 !important;
bottom: 65px !important;
left: 95px !important;
opacity: 0.7 !important;
z-index: -1;
visibility: hidden;
}
@keyframes pop-swirl-typing {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.typing-notification[data-pop="pop-swirl-typing"] {
transform: scale(0);
transition: all .3s ease-in-out;
}
.typing-notification[data-pop="pop-swirl-typing"].show {
-webkit-animation: pop-swirl-typing .3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
visibility: visible;
z-index: 200;
opacity: 1;
border-radius: 15px;
}
.typing-notification[data-pop="pop-swirl-typing"].show ~ #overlay {
opacity: 1;
visibility: visible;
z-index: 100;
}
.typing-notification:after,
.typing-notification:before {
content: '';
display: block;
position: absolute;
left: 100%;
width: 0;
height: 0;
border-style: solid;
}
.typing-notification:after {
top: 18px;
border-color: transparent transparent transparent black;
border-width: 10px;
transform: rotate(
90deg);
left: 7px;
z-index: 100;
opacity: 0.7;
}
.typing-notification:before {
top: 17px;
border-color: transparent transparent transparent black;
border-width: 12px;
transform: rotate(
90deg);
left: 5px;
opacity: 0.8;
}
.overlay-advance-import-list{
position: fixed;
background: rgba(0, 0, 0, 0.3);
left: 0;
right: 0;
top: 0;
height: 100vh;
bottom: 0;
backdrop-filter: blur(2px);
z-index: 10000;
display: none;
}
.frame-advance-import-list{
/* position: fixed; */
/* left: 0; */
/* right: 0; */
/* top: 0; */
/* bottom: 0; */
/* display: none; */
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
z-index: 20000 !important;
/* padding-top: 20%; */
/* padding-bottom: 10%; */
overflow: auto;
/* display: none; */
background: transparent !important;
width: 100%;
padding: 0 !important;
}
.frame-advance-import-list .content-advance-import-list{
width: 990px;
min-height: 600px;
background: white;
margin-top: 0;
margin-bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: stretch;
border-radius: 10px;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left{
background: #f3f4f8;
padding: 10px;
width: 210px;
flex: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul{
padding: 0;
margin: 0;
list-style: none;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px;
border-radius: 0.3em;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li.active{
background: #f7e2ed;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li .circle-progress{
width: 16px;
height: 16px;
border: 1px solid #848484;
border-radius: 50%;
margin-right: 15px;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li.active .circle-progress{
border: 1px solid #d55d7b;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li .circle-progress.half{
background: linear-gradient(
90deg
, white, white 49%, white 49%, white 51%, #d55d7b 51% );
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li .circle-progress.done{
background: #d55d7b;
border: 1px solid #d55d7b;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li .circle-progress.done:before{
content: "✓";
display: inline-block;
color: white;
position: absolute;
margin-top: 0px;
font-size: 10px;
margin-left: 3px;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li span{
font-size: 13px;
font-weight: bold;
color: #848484;
}
.frame-advance-import-list .content-advance-import-list .sidebar-left ul li.active span{
color: #551928;
}
.frame-advance-import-list .content-advance-import-list .content-advance{
padding: 0px;
display: flex;
flex: 1;
position: relative;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .inner-content{
width: 100%;
padding: 20px 20px 0 20px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .footer-content{
text-align: right;
width: 100%;
border-top: 1px solid #e4e5ea;
padding-top: 20px;
margin-top: 20px;
padding-bottom: 20px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .footer-content a:last-child{
margin-right: 20px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .header-step{
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .header-step h3{
color: #373737;
font-size: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 21px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .header-step .close-popup-advance-upload{
/* float: right; */
position: absolute;
top: 10px;
right: 10px;
color: #9b9b9b;
font-weight: bold;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .header-step .close-popup-advance-upload:hover{
color: black;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .header-step .close-popup-advance-upload i{
font-size: 15px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .header-step h4{
color: #373737;
font-size: 14px;
line-height: 24px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step p.sub-heading-step{
font-size: 13px;
color: #373737;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .link-download-list{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .link-download-list a{
background: #f3f4f8;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-right: 15px;
padding: 7px;
padding-left: 12px;
padding-right: 12px;
border-radius: 0.5em;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .link-download-list a:hover{
background: #e6e8ec;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .link-download-list img{
width: 13px;
height: 15px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .link-download-list span{
font-size: 13px;
color: #373737;
margin-left: 10px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-success{
border: 1px solid #eaebf2;
padding: 20px;
margin-top: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-success img{
width: 36px;
height: 33px;
flex: none;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-success b{
font-weight: bold;
font-size: 14px;
color: #373737;
flex: 1;
margin-left: 15px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-success a{
color: #373737;
font-size: 11px;
background: #f6f6f9;
padding: 5px;
border-radius: 1em;
padding-left: 10px;
padding-right: 10px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-success a:hover{
background: #d9d9d9;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed{
padding: 15px 20px;
margin-top: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: flex-start;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed .left{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
font-size: 13px;
font-weight: bold;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed .left i{
font-size: 16px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed .left span{
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed a{
color: white;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed a i{
font-size: 15px;
font-weight: bold;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed a:hover{
color: #ff7804;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .input-file-failed a:hover{
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list{
margin-top: 20px;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list label{
color: #373737;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list .frame-input{
width: 60%;
position: relative;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list .frame-input .name_list{
width: 100%;
padding: 13px 15px;
border-radius: 0.5em;
border: 1px solid #c9ccd8;
font-size: 12px;
color: #373737;
z-index: 25000;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list .frame-input .name_list:hover {
border: 1px solid #9fa3b3;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list .frame-input .name_list:focus {
border: 1px solid #9fa3b3;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list .frame-input .name_list:read-only{
background: #f5f5f5;
border: 1px solid #e0e0e0;
color: #757575;
cursor: not-allowed;
}
.frame-advance-import-list .content-advance-import-list .content-advance .step .name-of-list .frame-input span{
display: inline-block;
/* float: right; */
/* margin-top: -34px; */
z-index: 3000;
right: 0;
top: 12px;
position: absolute;
right: 10px;
font-size: 12px;
color: #999999;
}
.area-mapping-coloumn{
}
.area-mapping-coloumn .action-button{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.area-mapping-coloumn .action-button a{
border: 1px solid #efeff3;
border-radius: 0.3em;
padding: 7px;
padding-left: 10px;
padding-right: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-right: 15px;
font-size: 11px;
color: #373737;
font-weight: bold;
}
.area-mapping-coloumn .action-button a.active{
border: 1px solid #d2d5e0;
}
.area-mapping-coloumn .action-button a i{
font-size: 16px;
margin-right: 10px;
}
.area-mapping-coloumn .action-button a b{
}
i.material-icons.mr-2.trigger-show-multiplepopup {
margin-left: -5px;
}
i.material-icons.mr-2.trigger-show-moji {
margin-left: 5px;
}
.area-mapping-coloumn .action-button a:hover{
border: 1px solid #c0c4d2;
}
.area-mapping-coloumn .action-button a.mapped i{
color: #41b729;
}
.area-mapping-coloumn .action-button a.configure i{
color: #ff9f00;
}
.area-mapping-coloumn table{
margin-top: 20px;
}
.area-mapping-coloumn table tr{
}
.area-mapping-coloumn table tr th:first-child{
border-left: 1px solid #e4e5ea;
}
.area-mapping-coloumn table tr th{
font-size: 12px;
font-weight: bold;
color: #373737;
text-align: center;
border-right: 1px solid #e4e5ea;
border-top: 1px solid #e4e5ea;
}
.area-mapping-coloumn table tr td:first-child{
border-left: 1px solid #e4e5ea;
}
.area-mapping-coloumn table tr td{
font-size: 11px;
color: #4f4f4f;
border-right: 1px solid #e4e5ea;
padding: 15px;
padding-top: 10px;
padding-bottom: 10px;
vertical-align: top;
}
.area-mapping-coloumn table tr td b{
display: block;
width: 110px;
}
.area-mapping-coloumn table tr td .two-coloumn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: flex-start;
}
.area-mapping-coloumn table tr td .two-coloumn .left{
width: 40%;
}
.area-mapping-coloumn table tr td .two-coloumn .right{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
width: 60%;
}
.area-mapping-coloumn table tr td .two-coloumn .right .dropdown-trigger i{
font-size: 15px;
margin-right: 10px;
}
.area-mapping-coloumn table tr td .two-coloumn .right i.warning{
color: #ff9f00;
margin-right: 10px;
}
.area-mapping-coloumn table tr td .two-coloumn .right i.success{
color: #41b729;
margin-right: 10px;
}
.area-mapping-coloumn table tr td .two-coloumn .right a.dropdown-trigger{
border: 1px solid #dee1ea;
padding: 7px;
border-radius: 0.5em;
padding-left: 15px;
padding-right: 15px;
font-size: 10px;
color: #161616;
font-weight: bold;
background: #f3f3f7;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 117px;
}
.area-mapping-coloumn table tr td .two-coloumn .right a.dropdown-trigger:hover{
background: #e8e8e8;
}
.area-mapping-coloumn table tr td .two-coloumn .right a.dropdown-trigger i{
text-align: right;
}
.area-mapping-coloumn table tr td .two-coloumn .right a.dropdown-trigger span{
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown{
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul{
width: 145px !important;
box-shadow: 0px 0px 10px 0px #00000026 !important;
border: 1px solid #e3e5ee;
max-height: 240px;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-thumb {
background: #545454;
border: 10px none #ffffff;
border-radius: 50px;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-thumb:hover {
background: #404040;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-thumb:active {
background: #000000;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-track {
background: #ffffff;
border: 10px none #ffffff;
border-radius: 50px;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-track:hover {
background: #e8e8e8;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-track:active {
background: #b0b0b0;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul::-webkit-scrollbar-corner {
background: transparent;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li{
min-height: auto;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.whatsapp-number-selector{
background: none;
pointer-events: none;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.whatsapp-number-selector.notexist_wa_selected{
background: none;
pointer-events: auto !important;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.whatsapp-number-selector a{
color: #a1a1a1;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.whatsapp-number-selector.notexist_wa_selected a{
color: #464646 !important;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.whatsapp-number-selector a i{
visibility: hidden;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.disable-selector{
background: none;
pointer-events: none;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.disable-selector a{
color: #a1a1a1;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.disable-selector a i{
visibility: hidden;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li a{
color: #464646;
font-size: 10px;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li a i{
font-size: 13px;
margin: 0;
color: transparent;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.active a i{
font-size: 13px;
margin: 0;
color: #464646;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.title-link{
pointer-events: none;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li.title-link a{
color: #999999;
font-size: 8px;
pointer-events: none;
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li a span{
}
.area-mapping-coloumn table tr td .two-coloumn .right .frame-dropdown ul li .checked-link{
}
.cancelcustom{
font-size: 11px;
float: right;
margin-top: -21px;
margin-right: 10px;
color: #595959;
}
.cancelcustom:hover{
color: black;
}
.area-uploading-contacts{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding-top: 35px;
}
.area-loading-headsup{
position: relative;
width: 212px;
overflow: hidden;
}
.area-loading-headsup .bg-animate-loading{
width: 212px;
}
.area-loading-headsup .animate-moving{
width: 90px;
position: absolute;
left: 90px;
margin-top: 70px;
opacity: 0;
animation: run ease 1.5s infinite, opacityanimate ease 1.5s infinite;
-webkit-animation: run ease 1s infinite, opacityanimate ease 1s infinite;
-moz-animation: run ease 1s infinite, opacityanimate ease 1s infinite;
-o-animation: run ease 1s infinite, opacityanimate ease 1s infinite;
-ms-animation: run ease 1s infinite, opacityanimate ease 1s infinite;
}
.inner-content .progress-area{
width: 591px;
margin: 0 auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
margin-top: 0px;
}
.inner-content .progress-area .headsup-header{
font-size: 22px;
color: #373737;
font-weight: bold;
}
.inner-content .progress-area .headsup-subheader{
font-size: 14px;
color: #373737;
margin-top: 10px;
}
.inner-content .progress-area .progress-percentage{
font-size: 16px;
color: #373737;
font-weight: bold;
}
.inner-content .progress-area small{
font-size: 12px;
color: #373737;
}
.inner-content .progress-area .progress{
width: 250px;
height: 12px;
border-radius: 0.5em;
background: #f3f3f7;
}
.inner-content .progress-area .progress .determinate{
background: #d55d7b;
}
@keyframes run {
0% { left: -90px}
100%{ left: 215px;}
}
@-moz-keyframes run {
0% { left: -90px}
100%{ left: 215px;}
}
@-webkit-keyframes run {
0% { left: -90px}
100%{ left: 215px;}
}
@-o-keyframes run {
0% { left: -90px}
100%{ left: 215px;}
}
@-ms-keyframes run {
0% { left: -90px}
100%{ left: 215px;}
}
@keyframes opacityanimate {
0% { opacity: 0}
50% { opacity: 100}
100%{ opacity: 0}
}
@-moz-keyframes opacityanimate {
0% { opacity: 0}
50% { opacity: 100}
100%{ opacity: 0}
}
@-webkit-keyframes opacityanimate {
0% { opacity: 0}
50% { opacity: 100}
100%{ opacity: 0}
}
@-o-keyframes opacityanimate {
0% { opacity: 0}
50% { opacity: 100}
100%{ opacity: 0}
}
@-ms-keyframes opacityanimate {
0% { opacity: 0}
50% { opacity: 100}
100%{ opacity: 0}
}
.area-finish-headsup{
position: relative;
width: 212px;
overflow: hidden;
height: 192px;
margin-bottom: 40px;
}
.area-finish-headsup .bg-animate-finish{
width: 212px;
}
.area-finish-headsup .animate-moving{
width: 90px;
position: absolute;
left: 57px;
margin-top: 96px;
/* bottom: -93px; */
animation: gototop ease 1s;
-webkit-animation: gototop ease 1s;
-moz-animation: gototop ease 1s;
-o-animation: gototop ease 1s;
-ms-animation: gototop ease 1s;
}
@keyframes gototop {
0% { bottom: -93px;}
100%{bottom: 0px;}
}
@-moz-keyframes gototop {
0% { bottom: -93px;}
100%{bottom: 0px;}
}
@-webkit-keyframes gototop {
0% { bottom: -93px;}
100%{bottom: 0px;}
}
@-o-keyframes gototop {
0% { bottom: -93px;}
100%{bottom: 0px;}
}
@-ms-keyframes gototop {
0% { bottom: -93px;}
100%{bottom: 0px;}
}
.popout-effect {
position: absolute;
/* top: 50%;
left: 50%; */
background: #fff;
/* width: 500px;
height: 500px; */
/* margin-left: -250px; /*Half the value of width to center div*/
/* margin-top: -250px; Half the value of height to center div */
z-index: -1;
visibility: hidden;
}
@keyframes pop-swirl {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.popout-effect[data-pop="pop-swirl"] {
transform: scale(0);
transition: all .3s ease-in-out;
}
.popout-effect[data-pop="pop-swirl"].show {
-webkit-animation: pop-swirl .3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
visibility: visible;
z-index: 200;
opacity: 1;
border-radius: 15px;
}
.popout-effect[data-pop="pop-swirl"].show ~ #overlay {
opacity: 1;
visibility: visible;
z-index: 100;
}
.frame-input-custom-identifiers{
width: 100%;
position: relative;
box-sizing: border-box;
margin-top: 25px;
}
.frame-input-custom-identifiers .custom_indentifier{
width: 100% !important;
padding: 12px !important;
border-radius: 0.5em !important;
border: 1px solid #d6d8df !important;
font-size: 12px !important;
color: #373737 !important;
z-index: 25000 !important;
height: auto !important;
box-sizing: border-box !important;
}
.frame-input-custom-identifiers .custom_indentifier:hover {
border: 1px solid #9fa3b3 !important;
}
.area-mapping-coloumn table tr:hover {
background: #f8f9fd;
cursor: default;
}
.frame-input-custom-identifiers .custom_indentifier:focus {
border: 1px solid #9fa3b3 !important;
box-shadow: none !important;
}
.frame-input-custom-identifiers .custom_indentifier:active {
border: 1px solid #9fa3b3 !important;
box-shadow: none !important;
}
.frame-input-custom-identifiers .custom_indentifier:read-only{
background: #f5f5f5 !important;
border: 1px solid #e0e0e0 !important;
color: #757575 !important;
cursor: not-allowed !important;
}
.frame-input-custom-identifiers .custom_indentifier_change{
width: 100% !important;
padding: 12px !important;
border-radius: 0.5em !important;
border: 1px solid #d6d8df !important;
font-size: 12px !important;
color: #373737 !important;
z-index: 25000 !important;
height: auto !important;
box-sizing: border-box !important;
}
.frame-input-custom-identifiers .custom_indentifier_change:hover {
border: 1px solid #9fa3b3 !important;
}
.frame-input-custom-identifiers .custom_indentifier_change:focus {
border: 1px solid #9fa3b3 !important;
box-shadow: none !important;
}
.frame-input-custom-identifiers .custom_indentifier_change:active {
border: 1px solid #9fa3b3 !important;
box-shadow: none !important;
}
.frame-input-custom-identifiers .custom_indentifier_change:read-only{
background: #f5f5f5 !important;
border: 1px solid #e0e0e0 !important;
color: #757575 !important;
cursor: not-allowed !important;
}
.frame-input-custom-identifiers span{
display: inline-block !important;
/* float: right; */
/* margin-top: -34px; */
z-index: 3000 !important;
right: 0 !important;
top: 12px !important;
position: absolute !important;
right: 10px !important;
font-size: 10px !important;
color: #999999 !important;
}
.close-popup-new-identifier{
/* float: right; */
position: absolute;
top: 15px;
right: 15px;
color: #9b9b9b;
font-weight: bold;
}
.close-popup-new-identifier:hover{
color: black;
}
.close-popup-new-identifier i{
font-size: 23px;
}
.close-popup-add-edit-identifier{
/* float: right; */
position: absolute;
top: 15px;
right: 15px;
color: #9b9b9b;
font-weight: bold;
}
.close-popup-add-edit-identifier:hover{
color: black;
}
.close-popup-add-edit-identifier i{
font-size: 23px;
}
.dropdown-custom-variabel .trigger-dropdown span, .dropdown-custom-variabel .trigger-dropdown i {
color: #6b6f82;
}
.dropdown-custom-variabel .trigger-dropdown:hover span, .dropdown-custom-variabel .trigger-dropdown:hover i {
color: #000000;
}
.modal-overlay-on-overlay{
z-index: 39000 !important;
}
.frame-scroll-table{
max-height: 285px;
overflow-x: auto;
}
.frame-scroll-table::-webkit-scrollbar {
width: 1px;
height: 1px;
}
.frame-scroll-table::-webkit-scrollbar-track {
width:1px
}
.frame-scroll-table::-webkit-scrollbar-track {
background: #e4e5ea;
}
.frame-scroll-table::-webkit-scrollbar-thumb {
background-color: #949494;
border-radius: 10px;
border: 1px solid #7e7c7e;
}
.frame-scroll-table::-webkit-scrollbar-thumb:hover {
background-color: #494849;
}
/* .frame-scroll-table::-webkit-scrollbar {
width: 1px;
height: 1px;
}
.frame-scroll-table::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.frame-scroll-table::-webkit-scrollbar-thumb {
background: #e1e1e1;
border: 0px none #666666;
border-radius: 50px;
}
.frame-scroll-table::-webkit-scrollbar-thumb:hover {
background: #ffffff;
}
.frame-scroll-table::-webkit-scrollbar-thumb:active {
background: #e1e1e1;
}
.frame-scroll-table::-webkit-scrollbar-track {
background: #e1e1e1;
border: 0px none #666666;
border-radius: 50px;
}
.frame-scroll-table::-webkit-scrollbar-track:hover {
background: #424242;
}
.frame-scroll-table::-webkit-scrollbar-track:active {
background: #333333;
}
.frame-scroll-table::-webkit-scrollbar-corner {
background: transparent;
} */
#modalManageColumn{
background: white;
}
#modalManageColumn .modal-footer{
background: white;
}
.parent-table-manage-column{
padding-top: 20px;
padding-bottom: 0px;
border-top: 1px solid #e9ebee;
cursor: pointer;
}
.parent-table-manage-column .child-table-manage-column:hover {
background: #f5f5f5;
}
.parent-table-manage-column .child-table-manage-column{
background-color: #fcfcfc;
border: 1px solid #d9dee2;
border-radius: 3px;
height: calc(1.5em + .75rem + 2px);
padding: 20px 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
margin-bottom: 5px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
/* .parent-table-manage-column .child-table-manage-column.dragged{
position: absolute;
} */
/* .parent-table-manage-column .placeholder{
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
background: white;
} */
.parent-table-manage-column .child-table-manage-column .drag-handle{
color: #666 !important;
font-size: 19px;
cursor: move;
}
.parent-table-manage-column .child-table-manage-column .title{
font-weight: bold;
font-size: 15px;
flex: 1;
margin-left: 10px;
border-left: 1px solid #d2d2d2;
padding-left: 10px;
}
.parent-table-manage-column .child-table-manage-column .edit-child{
padding-left: 5px;
padding-right: 5px;
}
.parent-table-manage-column .child-table-manage-column .edit-child i{
color: #666 !important;
margin-top: 8px;
font-size: 19px;
margin-right: -5px;
}
.parent-table-manage-column .child-table-manage-column .edit-child:hover i{
color: rgb(66, 66, 66) !important;
}
.parent-table-manage-column .child-table-manage-column .delete-child{
padding-left: 5px;
padding-right: 0px;
}
.parent-table-manage-column .child-table-manage-column .delete-child i{
color: #666 !important;
margin-top: 8px;
font-size: 19px;
}
.parent-table-manage-column .child-table-manage-column .delete-child.disabled{
}
.parent-table-manage-column .child-table-manage-column .delete-child.disabled i{
color: rgb(198, 198, 198) !important;
}
.parent-table-manage-column .child-table-manage-column .delete-child .preloader-wrapper.small{
width: 15px;
height: 15px;
}
.parent-table-manage-column .child-table-manage-column .delete-child .preloader-wrapper .spinner-green-only{
border-color: #ff4545 !important;
}
.parent-table-manage-column .child-table-manage-column .delete-child:hover{
}
.parent-table-manage-column .child-table-manage-column .delete-child:hover i{
color: #e72e2e !important;
}
.parent-table-manage-column .child-table-manage-column .delete-child.disabled:hover i{
color: rgb(198, 198, 198) !important;
cursor: default;
}
.add-new-variable{
/* color: #666; */
/* background-color: #fcfcfc; */
border-color: #0086c1;
padding: 8px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0.3em;
display: block;
text-align: center;
/* width: 200px; */
font-size: 13px;
border: 1px solid #1a7ac9;
background-color: #2196f3;
color: white;
font-weight: bold;
}
.add-new-variable:hover{
background-color: #1a7ac9;
color: white;
}
.helper-tooltip-th{
color: #cfd0d7;
font-size: 17px;
cursor: help;
}
.helper-tooltip-th:hover{
}
.flexible-table-input-advance{
}
.flexible-table-input-advance thead{
}
.flexible-table-input-advance thead tr{
}
.flexible-table-input-advance th{
font-size: 13px;
color: #373737;
font-weight: bold;
border-right: 1px solid #e4e5ea;
border-top: 1px solid #e4e5ea;
padding: 15px;
}
.flexible-table-input-advance .header-with-helper{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.flexible-table-input-advance thead tr th:first-child{
border-left: 1px solid #e4e5ea;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table{
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .chooser-selector-advance{
color: #373737;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .chooser-selector-advance span{
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .chooser-selector-advance span i{
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance{
width: 145px !important;
box-shadow: 0px 0px 10px 0px #00000026 !important;
border: 1px solid #e3e5ee;
position: fixed;
z-index: 500;
background: white;
display: none;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li{
line-height: 1.5rem;
clear: both;
width: 100%;
min-height: 50px;
cursor: pointer;
text-align: left;
color: rgba(0, 0, 0, .87);
min-height: auto;
line-height: 22px;
display: flex;
color: #464646;
font-size: 10px;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.selector-separator{
color: #999999;
font-size: 8px;
pointer-events: none;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.disabled{
pointer-events: none;
background: transparent;
color: #ccc;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.active i{
visibility: visible;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.subheader{
pointer-events: none;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.subheader span{
margin: 0;
font-size: 8px;
color: #949494;
pointer-events: none;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li:hover{
background-color: #eee;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.active{
background-color: #eee;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.divider{
height: 1px;
display: block;
padding: 0;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li i{
font-size: 13px;
margin: 0;
color: #464646;
visibility: hidden;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li span{
margin-left: 15px;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li .cancelcustom{
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.delete-selector{
color: #d81818;
}
.flexible-table-input-advance thead tr th .custom-dropdown-advance-table .list-selector-advance li.delete-selector i{
visibility: visible;
color: #d81818;
}
.flexible-table-input-advance thead tr th .add-more-advance-variable{
border: 1px solid #dfe3f1;
display: flex;
width: fit-content;
background: #f4f5f9;
color: #7f8392;
/* padding: 0; */
width: 28px;
height: 28px;
border-radius: 0.3em;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.flexible-table-input-advance thead tr th .add-more-advance-variable:hover{
background: #ebecec;
}
.flexible-table-input-advance thead tr th .add-more-advance-variable i{
margin: 0;
padding: 0;
display: block;
font-size: 20px;
}
.flexible-table-input-advance tbody{
}
.flexible-table-input-advance tbody tr{
}
.flexible-table-input-advance tbody tr td input {
cursor: default;
}
.flexible-table-input-advance tbody tr:hover {
background: #f4f5fa;
cursor: default;
}
.flexible-table-input-advance tbody tr td:first-child{
border-left: 1px solid #e4e5ea;
font-weight: bold;
text-align: center;
color: #373737;
font-size: 13px;
}
.flexible-table-input-advance tbody tr td:last-child{
border-right: 1px solid #e4e5ea;
}
.flexible-table-input-advance tbody tr td{
border-right: 1px solid #e4e5ea;
border-top: 1px solid #e4e5ea;
padding: 0px;
}
.flexible-table-input-advance tbody tr td input{
box-sizing: border-box !important;
}
.flexible-table-input-advance tbody tr td .input-inner-td{
border: none !important;
box-shadow: none !important;
margin: 0;
}
.flexible-table-input-advance .whatsapp-number-manual-input{
}
.flexible-table-input-advance .whatsapp-number-manual-input .cc-picker-code-select-enabled{
background: #f4f5fa;
margin: 0 !important;
padding: 13px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.flexible-table-input-advance .whatsapp-number-manual-input .cc-picker-code-select-enabled::after{
top: 19px;
right: 10px;
}
.flexible-table-input-advance tfoot{
}
.flexible-table-input-advance tfoot tr td{
border-right: 1px solid #e4e5ea;
border-top: 1px solid #e4e5ea;
padding: 10px;
}
.flexible-table-input-advance tfoot tr td:first-child{
border-left: 1px solid #e4e5ea;
}
.btn-add-new-row-advance{
font-size: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #ccced7;
}
.btn-add-new-row-advance i{
font-size: 19px;
margin: 0 !important;
padding: 0 !important;
}
.btn-add-new-row-advance:hover{
color: #8e8f94;
}
.swal-overlay--show-modal{
z-index: 50000;
}
.dropdown-custom-variabel{
width: 150px;
flex: auto;
display: block;
flex-basis: 150px;
flex-grow: 0;
flex-shrink: 0;
margin-left: 10px;
}
.dropdown-custom-variabel .trigger-dropdown{
color: #373737;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-size: 12px;
}
.dropdown-custom-variabel .trigger-dropdown span{
}
.dropdown-custom-variabel .trigger-dropdown i{
}
.dropdown-custom-variabel .target-trigger-dropdown{
width: 145px !important;
box-shadow: 0px 0px 10px 0px #00000026 !important;
border: 1px solid #e3e5ee;
position: absolute;
z-index: 500;
background: white;
margin-top: 2px;
display: none;
max-height: 200px;
overflow: auto;
right: 1px;
}
.dropdown-custom-variabel .target-trigger-dropdown li{
line-height: 1.5rem;
clear: both;
width: 100%;
min-height: 50px;
cursor: pointer;
text-align: left;
color: rgba(0, 0, 0, .87);
min-height: auto;
line-height: 22px;
display: flex;
color: #464646;
font-size: 10px;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
display: flex;
}
.dropdown-custom-variabel .target-trigger-dropdown li i{
font-size: 13px;
color: #6d6d6d;
}
.dropdown-custom-variabel .target-trigger-dropdown li i:hover{
color: #171717;
}
.dropdown-custom-variabel .target-trigger-dropdown li:hover{
background: #f2f2f2;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-thumb {
background: #545454;
border: 10px none #ffffff;
border-radius: 50px;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-thumb:hover {
background: #404040;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-thumb:active {
background: #000000;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-track {
background: #ffffff;
border: 10px none #ffffff;
border-radius: 50px;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-track:hover {
background: #e8e8e8;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-track:active {
background: #b0b0b0;
}
.dropdown-custom-variabel .target-trigger-dropdown::-webkit-scrollbar-corner {
background: transparent;
}
/* CUSTOM IDENTIFIER MANUAL START HERE */
.frame-input-custom-identifiers .custom_indentifier_manual{
width: 100% !important;
padding: 12px !important;
border-radius: 0.5em !important;
border: 1px solid #d6d8df !important;
font-size: 12px !important;
color: #373737 !important;
z-index: 25000 !important;
height: auto !important;
box-sizing: border-box !important;
}
.frame-input-custom-identifiers .custom_indentifier_manual:hover {
border: 1px solid #9fa3b3 !important;
}
.frame-input-custom-identifiers .custom_indentifier_manual:focus {
border: 1px solid #9fa3b3 !important;
box-shadow: none !important;
}
.frame-input-custom-identifiers .custom_indentifier_manual:active {
border: 1px solid #9fa3b3 !important;
box-shadow: none !important;
}
.frame-input-custom-identifiers .custom_indentifier_manual:read-only{
background: #f5f5f5 !important;
border: 1px solid #e0e0e0 !important;
color: #757575 !important;
cursor: not-allowed !important;
}
.header-with-close{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.header-with-close h4{
font-size: 15px;
font-weight: bold;
margin: 0;
}
.header-with-close .close-popup{
color: #8b8b8b;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
margin-top: -30px;
margin-right: -15px;
}
.header-with-close .close-popup i{
font-size: 22px;
}
.header-with-close .close-popup:hover{
color: #4a4a4a;
}
.header-with-close .close-popup:hover i{
}
/* FOR ANIMATION ROTATION */
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating .6s linear infinite;
-moz-animation: rotating .6s linear infinite;
-ms-animation: rotating .6s linear infinite;
-o-animation: rotating .6s linear infinite;
animation: rotating .6s linear infinite;
}
.frame-input-attachement{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 100%;
}
.frame-input-attachement input{
flex-basis: 85%;
}
.frame-input-attachement a{
display: none;
}
.frame-input-attachement a i{
margin: 0 !important;
}
.frame-input-attachement a:hover{
color: #c10000;
}
.frame-switch-attachment-as-caption{
margin-top: 10px;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.frame-switch-attachment-as-caption .title-frame-switch{
font-size: 14px;
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption{
margin-top: 5px;
margin-bottom: 20px;
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td{
vertical-align: middle;
padding: 0px !important;
padding-bottom: 10px !important;
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column1{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column1 i{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column2{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column3{
width: 177px;
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column3 .switch{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column3 .switch label{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column4{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column4 span{
}
.frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr td.column4 span i{
margin: 0 !important;
float: none !important;
margin-top: 9px !important;
}
ul.stepper.horizontal .step .step-content{
height: calc(100% - 45px) !important;
}
.delete-row-advance {
display: flex;
margin: 0;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #727272;
padding: 13px 10px;
transition: all 0.3s linear;
-webkit-animation: fadeinAdvanceDelete 0.5s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadeinAdvanceDelete 0.5s; /* Firefox < 16 */
-ms-animation: fadeinAdvanceDelete 0.5s; /* Internet Explorer */
-o-animation: fadeinAdvanceDelete 0.5s; /* Opera < 12.1 */
animation: fadeinAdvanceDelete 0.5s;
}
@keyframes fadeinAdvanceDelete {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadeinAdvanceDelete {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinAdvanceDelete {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadeinAdvanceDelete {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadeinAdvanceDelete {
from { opacity: 0; }
to { opacity: 1; }
}
.delete-row-advance i{
margin: 0 !important;
padding: 0 !important;
font-size: 18px;
}
.delete-row-advance:hover{
color: #444444;
background: #ededed;
}
.delete-row-advance:hover i{
}
#ModalAdvanceImport{
overflow: initial !important;
}
#ModalAdvanceImport .modal-content{
overflow: unset !important;
}
.custom-area-input{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.custom-area-input .area_custom_date{
margin-left: 20px;
}
.custom-area-input .select-wrapper{
width: 35%;
}
.custom-area-input .area_custom_date input{
background: white;
padding: 5px 4px;
border-radius: 5px;
display: flex;
flex-direction: row;
text-indent: 7px;
flex-wrap: nowrap;
height: 31px;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 10px;
cursor: pointer;
border: 1px solid #ccc !important;
transition: all 0.2s ease;
color: #000000;
margin-bottom: 0;
outline: none !important;
box-shadow: none !important;
}
/* NAVBAR SWITCHING */
.frame-toogle-menu{
margin-top: 64px;
background: white;
height: 69px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 24px;
padding-top: 53px;
}
.sidenav.sidenav-fixed{
/* top: 132px !important; */
}
.labeltogglemenu, .togglemenu {
height: 2.8rem;
border-radius: 100px;
}
.labeltogglemenu{
width: 100%;
background-color: rgba(0,0,0,.1);
border-radius: 100px;
position: relative;
margin: 1.8rem 0 4rem 0;
cursor: pointer;
}
.togglemenu {
position: absolute;
width: 50%;
background-color: #fff;
box-shadow: 0 2px 15px rgba(0,0,0,.15);
transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.namestoogle{
font-size: 97%;
font-weight: bolder;
width: 68%;
margin-left: 11.5%;
margin-top: .5%;
position: absolute;
display: flex;
justify-content: space-between;
user-select: none;
}
.namestoogle .general {
color: black;
}
.namestoogle .api {
color: black;
}
.markertoogle {
border-radius: 100px;
background-color: black;
}
.markertoogle {
width: 7%;
margin: auto;
position: relative;
height: .25rem;
}
.markertoogle::before {
content: '';
position: absolute;
width: .25rem;
height: 100%;
left: -70%;
opacity: .15;
background-color: inherit;
}
.markertoogle::after {
content: '';
position: absolute;
width: .25rem;
height: 100%;
right: -70%;
opacity: .15;
background-color: inherit;
}
/* -------- Switch Styles ------------*/
#switch_checkbox {
display: none;
}
/* Toggle */
#switch_checkbox:checked + .frame-toogle-menu .togglemenu{
transform: translateX(100%);
}
#switch_checkbox:checked + #api-menu{
display: block;
}
#switch_checkbox:checked + #general-menu{
display: none;
}
#switch_checkbox:checked + .circle{
background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
}
#switch_checkbox:checked + .main-circle{
background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
}
/* Fab */
#switch_checkbox:checked + .fab{
background-color: #34323D;
}
#switch_checkbox:checked + .arrow,
#switch_checkbox:checked + .mark,
#switch_checkbox:checked + .battery{
background-color: white;
}
#switch_checkbox:checked + .network{
border-color: transparent transparent white transparent;
}
#switch_checkbox:checked + .swipe{
background-color: #34323D;
opacity: 1;
}
.frame-collaps{
margin: 20px;
}
.frame-collaps .collapsible-header-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
background: white;
border-bottom: 1px solid #ddd;
}
.frame-collaps .collapsible-header{
width: 100%;
border-bottom: none !important;
}
.frame-collaps .collapsible-header .h-left{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.frame-collaps .collapsible-header-frame a{
font-size: 13px;
border-radius: 0em;
margin-left: 10px;
margin-right: 15px;
}
.frame-collaps .collapsible-header-frame a:hover{
}
.frame-collaps .collapsible-body{
background: white;
padding: 15px;
}
.frame-collaps .collapsible-body .btn-more-action{
display: flex;
color: black;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.frame-collaps .collapsible-body .btn-more-action:hover{
color: #868686;
}
.frame-collaps .dropdown-content{
width: 150px !important;
border: 1px solid #dedede;
}
.frame-collaps .dropdown-content li{
min-height: auto;
border-bottom: 1px solid #dedede;
}
.frame-collaps .dropdown-content li:last-child{
border-bottom: none !important;
}
.frame-collaps .dropdown-content li a{
color: #525252;
padding: 10px 15px;
}
.frame-collaps .dropdown-content li a i{
}
/* FOR DASHBOARD API */
.dashboard-api-card{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
padding: 20px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 20px;
}
.dashboard-api-card .large{
flex-basis: 36%;
flex-grow: 0;
flex-shrink: 0;
padding-right: 5px;
}
.dashboard-api-card .small{
flex-basis: 28%;
flex-grow: 0;
flex-shrink: 0;
padding-left: 5px;
}
.dashboard-api-card .content-left{
}
.dashboard-api-card .card-report{
background: white;
padding: 15px;
border-radius: 0em;
border: 1px solid #eaeaea;
box-shadow: 0px 0px 8px 1px #eee;
margin-bottom: 15px;
}
.dashboard-api-card .card-report .card-report-header{
font-size: 17px;
font-weight: bold;
margin-top: 0px;
}
.dashboard-api-card .content-left .card-report canvas{
}
.dashboard-api-card .card-report table{
}
.dashboard-api-card .card-report table tbody{
}
.dashboard-api-card .card-report tbody tr{
border: none !important;
}
.dashboard-api-card .card-report tbody tr th{
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
width: 80% !important;
word-break: break-all;
}
.dashboard-api-card .card-report tbody tr td{
padding-top: 5px;
padding-bottom: 5px;
font-size: 13px;
width: 20% !important;
}
.dashboard-api-card .card-report.short-information{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.dashboard-api-card .card-report.short-information .emboss-pict{
margin-right: 20px;
width: 75px;
height: 75px;
}
.dashboard-api-card .card-report.short-information .total-number-connected{
text-align: center;
}
.dashboard-api-card .card-report.short-information .total-number-connected h4{
font-weight: bold;
font-size: 22px;
margin-bottom: 5px;
text-align: center;
margin-top: 0px;
}
.dashboard-api-card .card-report.short-information .total-number-connected b{
font-style: italic;
font-size: 18px;
color: #e15a5b;
font-weight: 500;
}
.smart-auto-reply-editor{
}
.smart-auto-reply-editor .select-wrapper input.select-dropdown{
border: 1px solid #ccc !important;
border-radius: 0em;
padding: 10px;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
font-size: 14px;
}
.smart-auto-reply-editor input.form-control{
border: 1px solid #ccc !important;
border-radius: 0em;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 14px;
}
.smart-auto-reply-editor input.form-control:focus{
box-shadow: none !important;
}
.smart-auto-reply-editor textarea.form-control{
border: 1px solid #ccc !important;
border-radius: 0em;
padding: 10px;
font-size: 14px;
min-height: 200px;
}
.smart-auto-reply-editor textarea.form-control:focus{
box-shadow: none !important;
}
.smart-auto-reply-editor .sr-step-frame{
border-bottom: 1px solid #f2f2f2;
padding-top: 10px;
padding-bottom: 10px;
}
.smart-auto-reply-editor .sr-step-frame:first-child{
padding-top: 0px;
}
.smart-auto-reply-editor .sr-step-frame:last-child{
padding-bottom: 0px;
border-bottom: none;
}
.smart-auto-reply-editor .sr-step{
}
.smart-auto-reply-editor .sr-step .step-card{
}
.smart-auto-reply-editor .sr-step .step-card h4{
font-size: 18px;
color: #000000;
margin: 0;
margin-bottom: 20px;
}
.smart-auto-reply-editor .sr-step .step-card .form-area{
}
.smart-auto-reply-editor .sr-step .step-card .form-area label.form-area-subtitle{
color: #4c607a;
font-weight: bold;
font-size: 14px;
display: block;
margin-bottom: 12px;
}
.smart-auto-reply-editor .sr-step .step-card .form-area .radio-list{
color: #4c607a;
font-weight: bold;
font-size: 14px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
margin-top: 25px;
}
.smart-auto-reply-editor .sr-step .step-card .form-area .radio-list label:first-child{
margin-right: 20px;
}
.smart-auto-reply-editor .sr-step .step-card .parents-trigger-configurations{
}
.smart-auto-reply-editor .sr-step .step-card .parents-trigger-configurations .child-trigger-configurations{
}
.smart-auto-reply-editor .sr-step .step-card .actions-button-trigger-configuration{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
height: 44px;
padding-left: 10px;
}
.smart-auto-reply-editor .sr-step .step-card .actions-button-trigger-configuration a{
display: block;
margin-right: 10px;
}
.smart-auto-reply-editor .sr-step .step-card .actions-button-trigger-configuration a img{
width: 25px;
margin-top: 10px;
}
#for-broadcast{
}
#for-broadcast .card-frame{
margin-top: 0px;
background-color: #ffffff;
border: 15px solid #fff;
border-top: 0px solid #fff;
}
#for-broadcast .card-frame .card-child{
display: table;
width: 100%;
padding: 0;
}
#for-broadcast .card-frame .card-child .card-frame-manage-numbers{
box-shadow: 0px 2px 12px 2px #e5e5e5 !important;
border-radius: 0.5em !important;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#for-broadcast .card-frame .card-child .card-frame-manage-numbers:hover{
box-shadow: 0px 2px 12px 2px #b7b7b7 !important;
}
#for-api{
}
#for-api .card-frame{
margin-top: 0px;
background-color: #ffffff;
border: 15px solid #fff;
border-top: 0px solid #fff;
}
#for-api .card-frame .card-child{
display: table;
width: 100%;
padding: 0;
}
#for-api .card-frame .card-child .card-frame-manage-numbers{
box-shadow: 0px 2px 12px 2px #e5e5e5 !important;
border-radius: 0.5em !important;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#for-api .card-frame .card-child .card-frame-manage-numbers:hover{
box-shadow: 0px 2px 12px 2px #b7b7b7 !important;
}
.wzp-info-number-and-name-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.wzp-info-number-and-name{
}
.wzp-info-number-and-name b{
display: block;
}
.wzp-info-number-and-name small{
display: block;
}
.take_screenshoot_btn{
line-height: 0;
color: #6d6d6d;
}
.take_screenshoot_btn:hover{
color: #0d0d0d;
}
.take_screenshoot_btn i{
font-size: 19px;
margin-top: -2px;
}
.select-list-wa-number{
border: 1px solid #ccc;
border-radius: 1em;
padding-left: 15px;
padding-right: 15px;
width: 140px;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
height: auto;
cursor: pointer;
}
.select-list-wa-number:disabled{
pointer-events: none;
}
.select-list-wa-number:hover{
border: 1px solid rgb(148, 148, 148);
}
.select-list-wa-number:focus{
border: 1px solid rgb(116, 116, 116);
box-shadow: none !important;
outline: none !important;
}
.select-list-wa-number:active{
border: 1px solid rgb(116, 116, 116);
box-shadow: none !important;
}
.select-list-wa-number:hover{
}
.btn-group-parent{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
position: relative;
width: fit-content;
}
.btn-group-parent .btn-group-child:nth-child(1){
padding: 8px;
border-top-left-radius: 0.5em;
padding-left: 15px;
padding-right: 15px;
border-bottom-left-radius: 0.5em;
min-width: 107px;
}
.btn-group-parent .btn-group-child:nth-child(2){
padding: 8px;
border-top-right-radius: 0.5em;
padding-left: 5px;
padding-right: 5px;
border-bottom-right-radius: 0.5em;
}
.btn-group-parent.disconnect .btn-group-child:nth-child(2){
border-left: 1px solid #9b0000;
}
.btn-group-parent.connect .btn-group-child:nth-child(2){
border-left: 1px solid #046a60;
}
.btn-group-parent.disconnect .btn-group-child{
background-color: #C62828;
color: white;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-wrap: nowrap;
flex-direction: column;
}
.btn-group-parent.disconnect .btn-group-child:hover{
background-color: #990a0a;
}
.btn-group-parent.connect .btn-group-child{
background-color: #00897b;
color: white;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-wrap: nowrap;
flex-direction: column;
}
.btn-group-parent.connect .btn-group-child:hover{
background-color: #00645a;
}
.btn-group-parent .dropdown-target-self{
position: absolute;
left: 0;
right: 0;
background: #ffffff;
top: 21px;
border: 1px solid #c62828;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
display: none;
z-index: 3000;
box-shadow: 0px 5px 14px -3px #6f6f6f;
padding-bottom: 5px;
padding-top: 5px;
}
.btn-group-parent .dropdown-target-self li{
}
.btn-group-parent .dropdown-target-self li a{
display: block;
padding: 10px;
color: black;
font-weight: 500;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
}
.btn-group-parent .dropdown-target-self li a:hover{
background: #e8e8e8;
}
.btn-group-parent .dropdown-target-self li:last-child{
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.btn-group-parent .dropdown-target-self li:last-child a{
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.bulking-action-table{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f1f1f1;
padding: 15px;
margin-bottom: 3px;
height: 70px;
}
.bulking-action-table .left-action{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.bulking-action-table .left-action h4{
margin: 0;
padding-right: 20px;
font-size: 20px;
}
.bulking-action-table .left-action .filter-action-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
border-left: 1px solid #dedfe2;
padding-left: 20px;
}
.bulking-action-table .right-info{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
}
.bulking-action-table .right-info .modal-trigger{
margin-bottom: 0px !important;
font-weight: bold;
margin-left: 15px;
}
.bulking-action-table .right-info .info-slots{
padding: 3px 10px;
border-radius: 5px;
margin-top: 4px;
margin-right: 5px;
}
.bulking-action-table .right-info p{
font-size: 15px;
}
.bulking-action-table .right-info p b{
font-weight: bold;
}
.bulking-action-table .bulking-action-selector{
width: 200px;
margin-right: 10px;
text-align: center;
border: 1px solid #ccc;
border-radius: 4px;
padding-left: 20px;
font-size: 15px;
padding-right: 20px;
height: auto;
cursor: default;
padding-top: 8px;
padding-bottom: 8px;
}
.bulking-action-table .bulking-action-selector option{
text-align: left !important;
}
.bulking-action-table .execute_bulking_action{
padding: 0;
padding-left: 30px;
padding-right: 30px;
padding-top: 0;
padding-bottom: 0px;
font-size: 15px;
height: auto;
min-height: auto;
border-radius: 4px;
width: 120px;
}
.bulking-action-table .execute_bulking_action:hover{
}
.bulking-action-table .execute_bulking_action:focus{
background-color: white !important;
}
span.togdrop {
margin-left: 10px;
margin-top: 7px;
}
span.togdrop a:hover {
color: #363636;
}
span.togdrop a {
color: #959595;
transition: 0.2s;
}
.btn-coroabis {
background: #f8f8f8;
border: 1px solid #ccc;
display: inline-block;
height: 38px !important;
}
.btn-coroabis:hover {
background: #ffffff;
}
.tbnomor {
cursor: default;
}
.dropdown-content-manage-number{
width: 237px!important;
}
.switch-button {
background: #fff3cd;
border-radius: 30px;
overflow: hidden;
width: 200px;
text-align: center;
font-size: 18px;
color: #000000;
position: relative;
padding-right: 0;
position: relative;
border: 2px solid #ffe28a;
}
.switch-button.disabled{
background: #e4e4e4;
border: 2px solid #d2d2d2;
}
.switch-button:before {
content: "API";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
pointer-events: none;
font-size: 12px;
}
.switch-button-checkbox {
cursor: pointer;
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0 !important;
z-index: 2;
pointer-events: auto !important;
}
.switch-button-checkbox:disabled{
pointer-events: none !important;
}
.switch-button-checkbox:checked + .switch-button-label:before {
transform: translateX(105px);
transition: transform 300ms linear;
}
.switch-button-checkbox + .switch-button-label {
position: relative;
padding: 8px 0px;
display: block;
user-select: none;
pointer-events: none;
width: 100px;
}
.switch-button-checkbox + .switch-button-label:before {
content: "";
background: #fff;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 30px;
transform: translateX(0);
transition: transform 300ms;
font-size: 14px;
color: black;
}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {
position: relative;
color: black;
}
.switch-button-checkbox.disabled + .switch-button-label:before{
background: #b9b9b9;
}
.switch-button-checkbox.disabled + .switch-button-label .switch-button-label-span {
color: black;
}
.btn-action-mn-large {
width: 185px;
font-size: 14px;
}
button[name="send_test_wa_trigger"]{
width: 160px;
}
button[name="send_test_wa_api_trigger"]{
width: 160px;
}
.col-choice {
width: 60px;
padding-left: 25px;
}
.dropdown-content.dropdown-content-manage-number{
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%) !important;
}
.dropdown-content.dropdown-content-manage-number a{
color: #00bcd4;
}
.dropdown-content.dropdown-content-manage-number a:hover{
color: #00bcd4;
}
.dropdown-content.dropdown-content-manage-number a.del{
color: #d40000;
}
.dropdown-content.dropdown-content-manage-number li.disabled{
pointer-events: none;
}
.dropdown-content.dropdown-content-manage-number li.disabled a{
background: #dedede;
color: #8b8b8b !important;
pointer-events: none;
}
.no-pd {
padding:0px !important;
}
.frame-scan-switch-number-type{
}
.frame-scan-switch-number-type .switch-button{
margin: 0 auto;
}
.integrated-app-lists{
display: flex;
flex-wrap: wrap;
gap: 1%;
margin-top: 7px;
}
.integrated-app-lists .apps-index{
flex: 0 0 19.2%;
max-width: 19.2%;
background: white;
height: 240px;
margin-bottom: 14px;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: flex-start;
/* cursor: pointer; */
outline: 1px solid #e0e6ee;
border-radius: 0.4rem;
position: relative;
z-index: 1;
overflow: hidden;
}
.integrated-app-lists .apps-index:hover{
outline: 3px solid #c8d1dd;
}
.integrated-app-lists .apps-index .apps-header-index{
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: space-between;
align-items: flex-start;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .logo-frame{
background: url(https://semutganteng.fra1.digitaloceanspaces.com/StaticAssets/IconsIntegrated/bg-icons.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
background-size: cover;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .logo-frame img{
width: 100%;
height: 100%;
object-fit: contain;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required{
padding: 1px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0.5em;
font-size: 13px;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required.business{
background: #d1ebf1;
color: #0c5460;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required.pro{
background: #d3edd9;
color: #155724;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required.lite{
background: #fff3cd;
color: #856404;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required.premium{
background: #d1ebf1;
color: #0c5460;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required.plus{
background: #d3edd9;
color: #155724;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required.personal{
background: #fff3cd;
color: #856404;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title h4{
color: #262626;
font-size: 14pt;
margin-bottom: 0px;
margin: 0px;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title img{
margin-left: 10px;
}
.integrated-app-lists .apps-index .apps-content-index{
margin-top: 15px;
}
.integrated-app-lists .apps-index .apps-content-index p{
color: #817f7f;
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
.integrated-app-lists .apps-index-empty{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
background: white;
margin-bottom: 20px;
border-radius: 0.5em;
width: 100%;
}
.integrated-app-lists .apps-index-empty img{
width: 400px;
margin: 0 auto;
}
.integrated-app-lists .apps-index-empty b{
font-size: 30px;
margin-top: 10px;
margin-bottom: 20px;
}
.integrated-app-lists .apps-index .integrated-button-list{
position: absolute;
left: 0;
right: 0;
top: 345px;
bottom: 0;
background: linear-gradient(180deg, rgba(193,193,193,0) -76%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1c1c1",endColorstr="#ffffff",GradientType=1);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
border-radius: 0.5em;
/* display: none; */
z-index: 0;
margin-top: 126px;
}
.integrated-app-lists .apps-index:hover .integrated-button-list{
animation: iblactiveanimate ease .2s forwards;
-webkit-animation: iblactiveanimate ease .2s forwards;
-moz-animation: iblactiveanimate ease .2s forwards;
-o-animation: iblactiveanimate ease .2s forwards;
-ms-animation: iblactiveanimate ease .2s forwards;
}
@keyframes iblactiveanimate {
0% { top: 345px}
100%{ top: 0px;}
}
.integrated-app-lists .apps-index .integrated-button-list .now-integrated{
background: #f7cd46;
color: #34332d;
width: 130px;
text-align: center;
padding: 5px;
border-radius: 1em;
box-shadow: 0px 0px 12px -6px #000 !important;
font-size: 16px;
margin-bottom: 10px;
}
.integrated-app-lists .apps-index .integrated-button-list .now-integrated:hover{
background: #f2c840;
}
.integrated-app-lists .apps-index .integrated-button-list .how-to-use{
background: #ffffff;
color: #34332d;
width: 130px;
text-align: center;
padding: 5px;
border-radius: 1em;
box-shadow: 0px 0px 12px -6px #000 !important;
font-size: 15px;
margin-bottom: 20px;
}
.integrated-app-lists .apps-index .integrated-button-list .how-to-use:hover{
background: #f4f4f4;
}
.frame-table-responsive-self{
overflow: auto;
}
.frame-table-responsive-self.min-vh{
min-height: 71.4vh;
}
.frame-textarea-counter{
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.frame-textarea-counter textarea {
scrollbar-width: auto;
scrollbar-color: #5e5e5e #ffffff;
}
/* Chrome, Edge, and Safari */
.frame-textarea-counter textarea::-webkit-scrollbar {
width: 10px;
}
.frame-textarea-counter textarea::-webkit-scrollbar-track {
background: #ffffff;
}
.frame-textarea-counter textarea::-webkit-scrollbar-thumb {
background-color: #5e5e5e;
border-radius: 10px;
border: 3px solid #ffffff;
}
.frame-textarea-counter .textarea-char-counter{
position: absolute;
bottom: 18px;
right: 12px;
background: #f2f2f2;
border-radius: 0.5em;
border: 1px solid #e4e4e4;
padding: 0px 10px;
font-size: 10px;
font-weight: bold;
color: #7488a5;
}
@media (min-width: 1023px) and (max-width: 1366px){
.bulking-action-table .right-info p{
font-size: 13px;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title h4{
font-size: 12pt;
}
.integrated-app-lists .apps-index .apps-content-index p{
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .logo-frame{
width: 50px;
height: 50px;
}
.integrated-app-lists .apps-index{
height: 215px;
}
}
@media (min-width: 441px) and (max-width: 1024px){
.bulking-action-table{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid #f1f1f1;
padding: 15px;
margin-bottom: 3px;
}
.bulking-action-table .right-info{
/* margin-top: 10px; */
}
.bulking-action-table .right-info p{
font-size: 13px;
}
.action-toolbar-manage-number-breadcrumbs{
padding-left: 6px;
padding-right: 6px;
}
.action-toolbar-manage-number-breadcrumbs .action-toolbar-manage-number-breadcrumbs-ol{
padding-left: 0px !important;
}
.action-toolbar-manage-number{
width: 100% !important;
margin-top: 20px !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-content: center !important;
justify-content: space-between !important;
align-items: center !important;
flex-direction: row-reverse !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
.integrated-app-lists{
gap: 2% !important;
margin-top: 6px;
}
.integrated-app-lists .apps-index{
flex: 0 0 32% !important;
max-width: 32% !important;
}
}
@media (min-width: 550px) and (max-width: 900px){
.bulking-action-table{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: center;
border-bottom: 1px solid #f1f1f1;
padding: 15px;
margin-bottom: 3px;
}
.bulking-action-table .left-action{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.bulking-action-table .right-info{
margin-top: 15px;
width: 300px;
margin-bottom: 5px;
}
.bulking-action-table .left-action h4{
font-size: 18px;
}
.bulking-action-table .right-info .info-slots{
display: none;
}
.bulking-action-table .right-info .modal-trigger{
flex: auto;
margin-left: 0px;
}
}
@media (min-width: 451px) and (max-width: 550px){
.bulking-action-table .bulking-action-selector{
width: 145px;
margin-right: 10px;
text-align: center;
border: 1px solid #ccc;
border-radius: 4px;
padding-left: 10px;
font-size: 13px;
padding-right: 10px;
height: auto;
cursor: default;
padding-top: 8px;
padding-bottom: 8px;
flex: 1;
}
.bulking-action-table .execute_bulking_action{
padding: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
padding-bottom: 0px;
font-size: 14px;
height: auto;
min-height: auto;
border-radius: 4px;
color: rgb(61, 61, 61);
}
.bulking-action-table{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border-bottom: 1px solid #f1f1f1;
padding: 15px;
margin-bottom: 3px;
}
.bulking-action-table .left-action{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.bulking-action-table .right-info{
margin-top: 15px;
width: 100%;
margin-bottom: 5px;
}
.bulking-action-table .left-action h4{
font-size: 16px;
}
.bulking-action-table .right-info .info-slots{
display: none;
}
.bulking-action-table .right-info .modal-trigger{
flex: auto;
margin-left: 0px;
font-size: 13px;
}
.bulking-action-table .right-info .modal-trigger i{
font-size: 16px;
}
}
@media (max-width: 450px){
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .cbot img{
margin-left: 0px !important;
}
.calendar-popup-input-wrapper{
min-width: 150px !important;
}
ul.stepper .step:not(:last-of-type)::after{
display: none !important;
}
ul.stepper.horizontal .step .step-content{
padding-left: 0px !important;
}
ul.stepper.horizontal .step:last-child .step-content{
padding-left: 25px !important;
}
#modalStartSessionWaWeb{
width: 90% !important;
}
.alert-self-make{
width: 100% !important;
/* margin: 0 auto !important;
margin-top: 14px !important; */
}
.parent-table-action-button-top{
/* display: none !important; */
}
.empty-buttons h1{
font-size: 20px !important;
}
ul.stepper.horizontal .step .step-content{
height: 0px !important;
}
ul.stepper .step.active .step-content{
padding-top: 20px;
padding-left: 20px;
/* height: calc(100% - 45px) !important; */
height: auto !important;
}
ul.stepper.horizontal .step .step-content{
padding-top: 20px;
padding-left: 20px;
}
.contain-chat{
margin-top: 0px !important;
width: 93% !important;
padding-top: 10px !important;
}
.area-options-broadcast{
min-height: auto !important;
margin-bottom: 20px !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-content: center !important;
justify-content: flex-start !important;
align-items: center !important;
}
.custom-area-input .select-wrapper{
width: 100%;
}
#modalConnectWaAccount{
width: 93% !important;
}
.dataTables_wrapper [type='checkbox'] + span:not(.lever){
/* padding-left: 0px !important; */
}
.content-area .app-wrapper .dataTables_wrapper table.dataTable thead th{
/* width: 46px !important; */
}
.frame-editor-operators{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
flex-direction: column-reverse;
}
.frame-editor-operators .col{
flex: 1 !important;
width: 100% !important;
}
.content-area .app-wrapper .dataTables_wrapper table.dataTable th, .content-area .app-wrapper .dataTables_wrapper table.dataTable td{
padding: 11px 10px !important;
}
table.dataTable thead .sorting{
background-position: right 10px center !important;
/* visibility: hidden !important; */
background: none !important;
}
table.dataTable thead .sorting_desc{
background-position: right 10px center !important;
/* visibility: hidden !important; */
background: none !important;
}
table.dataTable thead .sorting_asc{
background-position: right 10px center !important;
/* visibility: hidden !important; */
background: none !important;
}
.todo-collection{
overflow: auto !important;
}
.area-action-button-profile-mobile{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: flex-start;
align-items: center;
gap: 10px;
}
.area-action-button-profile-mobile .btn{
flex: 1;
width: 100%;
margin: 0 !important;
}
.custom-area-input ul{
width: 203px !important;
}
#quening-table_wrapper{
overflow: auto !important;
}
#result-table_wrapper{
overflow: auto !important;
}
#result-table_wrapper .dt-buttons{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: stretch;
margin-bottom: 10px;
}
#result-table_wrapper .dt-buttons button{
flex: 1 auto;
}
#modalVideoUnsubscribe{
width: 90% !important;
}
.onmobile-multi-btn{
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 .5rem !important;
}
.onmobile-multi-btn .onmobile-multi-btn-group{
display: flex !important;
justify-content: center !important;
width: 100% !important;
flex-direction: column !important;
align-items: center !important;
flex-wrap: nowrap !important;
align-content: center !important;
gap: 10px;
}
.onmobile-multi-btn .onmobile-multi-btn-group .manage_contacts{
display: none !important;
}
.onmobile-multi-btn .fit-conten{
width: 100% !important;
padding: 0px 5px !important;
}
.card .card-content center img{
width: 100% !important;
}
.card .card-content .row center{
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-content: center !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
gap: 14px;
}
.card .card-content .row center a{
margin: 0 !important;
}
.button-replies-area .header-buttons-replies{
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-content: center !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 15px !important;
width: 100%;
}
.button-replies-area.appereance-domain .header-buttons-replies{
flex-direction: row !important;
align-items: center !important;
}
.button-replies-area .header-buttons-replies .title-header{
margin-left: 0px !important;
flex: 1 !important;
}
.button-replies-area .header-buttons-replies .info-slots{
padding: 5px 18px !important;
border-radius: 1em !important;
font-size: 13px !important;
flex: 1 !important;
width: 100% !important;
text-align: center !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .row .col{
padding: 0 !important;
}
.plan-text-heading .plan-text-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
margin: 0;
}
.bulking-action-table .bulking-action-selector{
width: 145px;
margin-right: 10px;
text-align: center;
border: 1px solid #ccc;
border-radius: 4px;
padding-left: 10px;
font-size: 13px;
padding-right: 10px;
height: auto;
cursor: default;
padding-top: 8px;
padding-bottom: 8px;
flex: 1;
}
.bulking-action-table .execute_bulking_action{
padding: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
padding-bottom: 0px;
font-size: 14px;
height: auto;
min-height: auto;
border-radius: 4px;
color: rgb(134, 134, 134);
}
.bulking-action-table{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border-bottom: 1px solid #f1f1f1;
padding: 15px;
margin-bottom: 3px;
width: 390px;
}
.bulking-action-table .right-info{
margin-top: 15px;
width: 100%;
margin-bottom: 5px;
}
.bulking-action-table .left-action h4{
font-size: 16px;
}
.bulking-action-table .right-info .info-slots{
display: none;
}
.bulking-action-table .right-info .modal-trigger{
flex: auto;
margin-left: 0px;
font-size: 13px;
margin: 0 auto;
}
.bulking-action-table .right-info .modal-trigger i{
font-size: 16px;
}
.bulking-action-table .left-action{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.bulking-action-table .left-action h4{
font-size: 16px;
margin: 0;
margin-bottom: 10px;
/* border-bottom: 1px solid; */
width: 100%;
text-align: center;
padding-bottom: 7px;
}
.bulking-action-table .left-action .filter-action-frame{
margin: 0;
padding: 0;
border: none;
width: 100%;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft{
width: 100% !important;
display: flex !important;
flex-direction: row !important;
overflow: scroll;
align-items: center !important;
justify-content: flex-start !important;
gap: 0px !important;
height: auto !important;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li{
line-height: 0;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li a{
display: flex !important;
width: 153px;
}
}
@media (min-width: 351px) and (max-width: 441px){
.integrated-app-lists{
gap: 4% !important;
margin-top: 8px !important;
}
.integrated-app-lists .apps-index{
flex: 0 0 47.8% !important;
max-width: 47.8% !important;
padding: 11px !important;
height: 210px;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .logo-frame{
width: 40px !important;
height: 40px !important;
background-size: cover;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title h4{
font-size: 11pt !important;
}
.integrated-app-lists .apps-index .apps-content-index{
margin-top: 10px !important;
}
.integrated-app-lists .apps-index .apps-content-index p{
font-size: 12px !important;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title img{
margin-left: 5px !important;
}
}
@media (max-width: 350px){
.integrated-app-lists{
gap: 4% !important;
margin-top: 8px !important;
}
.integrated-app-lists .apps-index{
flex: 0 0 47.8% !important;
max-width: 47.8% !important;
padding: 11px !important;
height: 204px;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .logo-frame{
width: 35px !important;
height: 35px !important;
background-size: cover;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title h4{
font-size: 11pt !important;
}
.integrated-app-lists .apps-index .apps-content-index{
margin-top: 10px !important;
}
.integrated-app-lists .apps-index .apps-content-index p{
font-size: 12px !important;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-title img{
margin-left: 5px !important;
}
.integrated-app-lists .apps-index .apps-header-index .apps-area-logo .apps-package-required{
padding: 1px;
padding-left: 8px;
padding-right: 8px;
border-radius: 0.5em;
font-size: 11px;
}
}
.integrations-panel{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
background: white;
margin: 30px 20px 20px 20px;
margin-bottom: 0.5rem;
padding: 25px;
border: none;
border-radius: 0.4rem;
gap: 20px;
}
.integrations-panel .integrations-panel-left{
}
.integrations-panel .integrations-panel-left h4{
font-size: 22px;
font-weight: bold;
margin-top: 0px;
}
.integrations-panel .integrations-panel-left table{
margin-bottom: 0px;
width: 100%;
flex: 1 auto;
}
.integrations-panel .integrations-panel-left table tr{
border: none !important;
}
.integrations-panel .integrations-panel-left table tr th{
border: none;
font-size: 14px;
color: #373737;
padding: 4px;
font-weight: 300;
}
.integrations-panel .integrations-panel-left .read-the-docs{
}
.integrations-panel .integrations-panel-left .read-the-docs .double-button-action{
display: flex;
gap: 20px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.integrations-panel .integrations-panel-left .read-the-docs a{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
font-size: 15px;
color: #a73695;
}
.integrations-panel .integrations-panel-left .read-the-docs a:hover {
color: #560c4a;
}
.integrations-panel .integrations-panel-left .read-the-docs a i{
margin-right: 5px;
font-size: 13px;
}
.integrations-panel .integrations-panel-right{
}
.integrations-panel .integrations-panel-right h4{
font-size: 22px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.integrations-panel .integrations-panel-right h4 span{
}
.integrations-panel .integrations-panel-right h4 i{
font-size: 16px;
margin-top: 3px;
cursor: help;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 15px;
overflow-y: auto;
max-width: 593px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api{
scrollbar-width: auto;
scrollbar-color: #000000 #ffffff;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api::-webkit-scrollbar-track {
background: #ffffff;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 10px;
border: 3px solid #ffffff;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api{
outline: 1px solid #e6eaef;
background: #f9fafd;
padding: 10px 15px;
position: relative;
width: 195px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api:hover{
outline: 3px solid #dae0e9;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content img{
width: 40px;
height: 40px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content .header-short-info{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
margin-left: 10px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content .header-short-info small{
font-size: 11px;
color: #656565;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content .header-short-info b{
color: #4c4c4c;
font-size: 11px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .wa-number-info{
display: block;
margin-top: 10px;
font-size: 17px;
color: #1d1d1d;
font-weight: bold;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .internal-name-info{
font-size: 12px;
color: #656565;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api{
position: absolute;
right: 0;
top: 0;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-trigger{
color: #a2a2a2;
margin-top: 5px;
display: block;
margin-right: 1px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-trigger:hover{
color: black;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-trigger i{
font-size: 17px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-content-manage-number{
width: 166px !important;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-content-manage-number li{
min-height: 30px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-content-manage-number li a{
font-size: 14px;
padding: 10px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-content-manage-number li a:hover{
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-content-manage-number li a i{
font-size: 18px;
margin-right: 5px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api{
outline: 1px solid #e6eaef;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 10px 15px;
height: 117px;
cursor: pointer;
width: 185px;
flex-grow: 0;
flex-shrink: 0;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api:hover{
outline: 3px solid #dae0e9;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api i{
color: #b4c6d8;
font-size: 35px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api b{
font-size: 15px;
color: #b4c6d8;
margin-top: 10px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api:hover i{
color: #a1b1c0;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api:hover b{
color: #a1b1c0;
}
.integrations-panel .integrations-panel-right .read-the-docs{
margin-top: 40px;
}
.integrations-panel .integrations-panel-right .read-the-docs .double-button-action{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
gap: 10px;
}
.integrations-panel .integrations-panel-right .read-the-docs .double-button-action a{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.show_api_key_full{
color: gray;
display: block;
height: 15px;
margin-left: 5px;
}
.show_api_key_full:hover{
color: black;
}
.show_api_key_full i{
font-size: 18px;
margin: 0;
padding: 0;
}
.wizard-custom-domain-rrt{
}
.wizard-custom-domain-rrt .wizard-rrt-step{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
margin-bottom: 23px;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act.active{
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act .sac-heading{
border: 1px solid #959595;
width: 28px;
height: 28px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #ececec;
color: #959595;
font-size: 12px;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act.active .sac-heading{
border-color: #d2506a;
color: #d2506a;
background: white;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act.active .sac-heading:hover{
/* background: #d2506a;
color: white !important;
cursor: pointer;*/
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act .sac-desc{
color: #959595;
text-align: center;
margin-top: 5px;
font-size: 12px;
position: absolute;
margin-top: 50px;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act.active .sac-desc{
color: #d2506a;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-crown{
width: 110px;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-crown::before{
content: " ";
border-top: 2px dashed #dbdbdb;
width: 100%;
display: block;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-crown.active:before{
border-color: #d2506a;
}
.wizard-custom-domain-rrt .step-content-rrt{
}
.wizard-custom-domain-rrt .step-content-rrt.step1{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 form{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 h2{
text-align: center;
font-weight: bold;
color: #313131;
font-size: 25px;
margin-top: 40px;
margin-bottom: 30px;
display: inline-block;
width: 100%;
line-height: 37px;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
margin-bottom: 15px;
position: relative;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd input{
border: 1px solid #d7d7d7;
border-radius: 10px;
padding: 15px 25px;
height: auto;
box-sizing: border-box;
font-size: 18px;
text-align: left;
width: 400px;
box-shadow: none !important;
outline: none !important;
margin-bottom: 5px;
cursor: default;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd input:hover {
border-color: #6e6e6e;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd input:focus {
border-color: #313131;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd input.valid{
border-color: #239a00 !important;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd input.error_input{
border-color: #d33d3e !important;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd .error-input-domain{
color: #d33d3d;
font-weight: 500;
font-size: 12px;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd img{
width: 25px;
position: absolute;
right: 15px;
top: 15px;
}
img.success-icon-domain {
top: 12px !important;
}
.wizard-custom-domain-rrt .step-content-rrt .conf-cd-info{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
.wizard-custom-domain-rrt .step-content-rrt .conf-cd-info img{
width: 15px;
}
.wizard-custom-domain-rrt .step-content-rrt .conf-cd-info span{
}
.wizard-custom-domain-rrt .step-content-rrt .conf-cd-info a{
color: #363636;
}
.wizard-custom-domain-rrt .step-content-rrt .conf-cd-info a:hover {
color: #e43458;
}
.wizard-custom-domain-rrt .step-content-rrt .submit-step-cd{
background: #e43558;
color: white;
border: 1px solid #e43558;
padding: 15px 45px;
border-radius: 50px;
font-size: 16px;
margin-top: 25px;
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
}
.wizard-custom-domain-rrt .step-content-rrt .submit-step-cd .preloader-wrapper.small{
width: 15px !important;
height: 15px !important;
margin-right: 5px;
}
.wizard-custom-domain-rrt .step-content-rrt .submit-step-cd:hover{
background: #d02d4d;
border-color: #d02d4d;
}
.wizard-custom-domain-rrt .step-content-rrt .submit-step-cd:disabled{
background: gray;
border: gray;
pointer-events: none !important;
}
.wizard-custom-domain-rrt .step-content-rrt.step2{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 h2{
text-align: center;
font-weight: bold;
color: #313131;
font-size: 28px;
margin-top: 40px;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 h4{
margin-top: 0px;
text-align: center;
font-size: 14px;
color: #7b7b7b;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame{
background: #f5f7f9;
padding: 10px 10px;
border-radius: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table{
border-spacing: 10px;
border-collapse: separate;
width: 600px;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr{
border: none !important;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr th{
padding: 0;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td{
padding: 0;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td select{
border: 1px solid #cdd0d4;
border-radius: 8px;
width: 100px;
text-align: left;
padding: 8px !important;
height: auto;
color: #8899a8;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td.area-copy-paste-cnametxt{
position: relative;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td.area-copy-paste-cnametxt input{
margin: 0;
border: 1px solid #cdd0d4;
border-radius: 8px;
background: white;
height: auto;
padding: 10px 12px;
box-sizing: border-box;
color: #55595c;
font-size: 14px;
padding-right: 32px;
box-shadow: none !important;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td.area-copy-paste-cnametxt a{
position: absolute;
right: 10px;
top: 10px;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td.area-copy-paste-cnametxt a i{
font-size: 18px;
color: #55595c;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .cname-txt-configure-frame table tr td.area-copy-paste-cnametxt a:hover i{
color: #3c3c3c;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .txt-error-validator-cnametxt{
color: #d33d3d;
font-size: 14px;
margin-top: 10px;
margin-bottom: 5px;
display: none;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .txt-error-validator-cnametxt a{
color: #d33d3d;
text-decoration: none;
}
.wizard-custom-domain-rrt .step-content-rrt.step2 .txt-error-validator-cnametxt a:hover{
color: #bc1414;
}
.wizard-custom-domain-rrt .step-content-rrt.step4{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.wizard-custom-domain-rrt .step-content-rrt.step4 h2{
text-align: center;
font-weight: bold;
color: #313131;
font-size: 28px;
margin-top: 40px;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.wizard-custom-domain-rrt .step-content-rrt.step4 h4{
margin-top: 0px;
text-align: center;
font-size: 14px;
color: #7b7b7b;
}
.wizard-custom-domain-rrt .step-content-rrt.step4 .icon-success-domain{
width: 180px;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-step-cd{
background: white;
color: #e43558;
border: 1px solid #e43558;
padding: 14px 20px;
border-radius: 10px;
font-size: 17px;
margin-top: 25px;
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-step-cd .preloader-wrapper.small{
width: 15px !important;
height: 15px !important;
margin-right: 5px;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-step-cd:hover{
color: #d02d4d;
border-color: #d02d4d;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-step-cd.disabled{
border-color: gray;
color: gray;
pointer-events: none !important;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-nobtn-step-cd{
color: #e43458;
margin-bottom: 10px;
font-size: 14px;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-nobtn-step-cd:hover{
color: #cc032c;
}
.wizard-custom-domain-rrt .step-content-rrt .reset-step-cd .spinner-green-only{
border-color: #e43458 !important;
}
.outercontent-area-checkoutpage-custom-domain{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
gap: 10px;
margin-bottom: 0px;
background: #ffeef4;
padding: 15px 30px;
border-radius: 10px;
/* box-shadow: 0 1px 0 rgb(123 29 61 / 10%), 0 0 8px rgb(255 102 156 / 10%); */
margin-top: 20px;
}
.outercontent-area-checkoutpage-custom-domain.plain{
background: none;
padding: 0px;
border: none !important;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .left-content{
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .left-content b{
font-size: 14px;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .right-content{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-end;
justify-content: center;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .right-content .normal-price{
color: #c44b35;
text-decoration: line-through;
font-size: 12px;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .right-content .disc-price{
font-size: 14px;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .left-content h3{
padding: 0;
margin: 0;
font-size: 15px;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .right-content h3{
padding: 0;
margin: 0;
font-size: 15px;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .left-content h2{
padding: 0;
margin: 0;
font-size: 16px;
}
.outercontent-area-checkoutpage-custom-domain .innercontent-area-checkoutpage-custom-domain .right-content h2{
padding: 0;
margin: 0;
font-size: 16px;
}
.outercontent-area-checkoutpage-custom-domain hr{
flex-shrink: 0;
border-width: 0px 0px thin;
border-style: solid;
border-color: rgba(76, 78, 100, 0.12);
margin: 0.5rem 0px;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame{
position: sticky;
top: 80px;
margin-bottom: 10px;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer b{
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list{
/* padding-left: 40px; */
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-choosed{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
margin-top: 25px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-choosed b.left{
font-size: 12px;
color: #9d9d9d;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-choosed .secure-payment-choosed-details{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 18px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-choosed .secure-payment-choosed-details img{
width: 40px;
margin-right: 10px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-choosed .secure-payment-choosed-details b{
font-size: 12px;
color: #292929;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child{
border: 1px solid #d7d7d7;
margin-bottom: 15px;
border-radius: 6px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child.opened{
border-color: #db235f;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child{
padding: 12px 20px;
background: white;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
color: #252525;
font-size: 14px;
cursor: pointer;
border-radius: 6px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child.opened-single{
border-color: #dc2360;
box-shadow: 0 1px 15px -6px #dc2360;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child.disabled{
background: gainsboro;
pointer-events: none !important;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child:hover{
background: #f9f9f9;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .left{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 20px;
width: 95%;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .left img{
height: 16px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .left b{
font-size: 13px;
font-weight: bold;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .left .list-payment-icons{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
gap: 7px;
flex: 1;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .left .list-payment-icons img{
height: 16px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .right{
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .header-secure-payment-child .right i{
font-size: 11px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child{
background: #fdfdfd;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 1px solid #ddd;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank{
list-style: none;
margin: 0;
padding: 0;
/* margin: 20px; */
padding: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li{
border: 2px solid #c7cfd7;
border-radius: 8px;
padding: 10px 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 15px;
width: 265px;
background: #ffffff;
cursor: pointer;
transition: 0.1s linear;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 48%;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li:hover{
border-color: #727272;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li.disabled{
background: #f5f5f5 !important;
pointer-events: auto !important;
cursor: pointer !important;
/* flex-basis: 100%; */
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li.disabled:hover{
background: #fff !important;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li.active{
border-color: #dc2360;
box-shadow: 0 1px 15px -6px #dc2360;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li img{
height: 19px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li .bank-name{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
align-content: center;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li .bank-name b{
color: #434343;
font-size: 13px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child ul.list-bank li .bank-name small{
color: #959595;
font-style: italic;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child.opened .header-secure-payment-child .right{
display: none !important;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child a{
width: 100%;
display: block;
text-align: center;
color: #4a4a4a;
padding-top: 5px;
padding-bottom: 5px;
background: #f7f7f7;
font-size: 13px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.outercontent-area-checkoutpage-custom-domain .secure-payment-list .secure-payment-child .body-secure-payment-child a:hover{
background: #e2e2e2;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame-error{
display: none;
margin-top: 5px;
background: #c90101;
color: #ffffff;
font-size: 15px;
padding: 11px 18px;
font-weight: 600;
text-align: left;
border-radius: 0.5em;
margin-bottom: 20px;
margin-top: -5px;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame-error .payment-method-drawwer-frame-error-inner{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame-error b{
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame-error a{
font-size: 16px;
display: flex;
color: white;
font-weight: bold;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame-error a:hover{
color: #d6d6d6;
}
.outercontent-area-checkoutpage-custom-domain .payment-method-drawwer-frame-error a i{
font-size: 16px;
font-weight: bold;
}
.actioncontent-area-checkoutpage-custom-domain{
display: flex;
padding: 20px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border-top: 1px solid #d9dde7;
padding-bottom: 0px;
}
.actioncontent-area-checkoutpage-custom-domain .next-payment{
height: auto;
display: flex;
gap: 20px;
border-radius: 50px;
font-size: 16px;
font-weight: bold;
padding: 10px 25px;
font-family: 'Muli', sans-serif !important;
background: #008fff;
cursor: pointer;
text-transform: none;
box-shadow: 0px 2px 7px #1095ffbf !important;
margin: 10px 0;
width: 310px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.actioncontent-area-checkoutpage-custom-domain .next-payment:hover{
background: #006bbf;
}
@media (min-width: 441px) and (max-width: 1366px){
.integrations-panel .integrations-panel-left h4{
font-size: 19px;
}
.integrations-panel .integrations-panel-right h4{
font-size: 19px;
margin-bottom: 14px;
}
.integrations-panel{
padding: 10px;
overflow: auto;
overflow-y: hidden;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .more-action-exist-api .dropdown-content-manage-number{
top: -12px !important;
}
.integrations-panel .integrations-panel-left {
}
.integrations-panel .integrations-panel-left table{
width: 320px;
margin-right: 20px;
}
.integrations-panel .integrations-panel-left table tr th{
border: none;
font-size: 15px;
color: #373737;
padding: 2px;
font-weight: 300;
}
.integrations-panel .integrations-panel-left .read-the-docs a{
font-size: 14px;
}
.integrations-panel .integrations-panel-left .read-the-docs a i{
font-size: 15px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api{
outline: 1px solid #e6eaef;
background: #f9fafd;
padding: 10px 15px;
position: relative;
width: 195px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content img{
width: 30px;
height: 30px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content .header-short-info small{
font-size: 12px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .wa-number-info{
display: block;
margin-top: 8px;
font-size: 15px;
color: #1d1d1d;
font-weight: bold;
margin-bottom: -5px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .internal-name-info{
font-size: 12px;
color: #656565;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api i{
font-size: 37px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api b{
font-size: 14px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api{
height: 101px;
}
}
.custom-popup-login-3rd-party.orderonline a {
color: #576064;
padding-top: 10px;
margin-bottom: -15px;
}
.custom-popup-login-3rd-party.orderonline a:hover {
color: #0397d9;
}
.custom-popup-login-3rd-party.berdu a {
color: #576064;
padding-top: 10px;
margin-bottom: -15px;
}
.custom-popup-login-3rd-party.berdu a:hover {
color: #0397d9;
}
.content-alert-before-content-info{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.content-alert-before-content-info i{
}
.content-alert-before-content-info span{
/* font-size: 13px; */
}
.content-alert-before-content-info span a{
color: white;
font-weight: bold;
text-decoration: underline;
}
.content-alert-before-content-info span a:hover{
color: #caf1ff;
}
@media (max-width: 440px){
.frame-table-responsive-self {
max-width: 100%;
width: 386px;
}
.mobilehide {
display: none !important;
}
.content-alert-before-content-info span{
font-size: 13px !important;
}
.custom-popup-login-3rd-party{
width: 90% !important;
}
.integrations-panel .integrations-panel-left h4{
font-size: 15px;
}
.integrations-panel .integrations-panel-right h4{
font-size: 15px;
margin-bottom: 14px;
}
.integrations-panel{
padding: 10px;
overflow: auto;
}
.integrations-panel .integrations-panel-left {
}
.integrations-panel .integrations-panel-left table{
width: 260px;
margin-right: 20px;
}
.integrations-panel .integrations-panel-left table tr th{
border: none;
font-size: 12px;
color: #373737;
padding: 2px;
font-weight: 300;
}
.integrations-panel .integrations-panel-left .read-the-docs a{
font-size: 11px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api{
outline: 1px solid #e6eaef;
background: #f9fafd;
padding: 10px 15px;
position: relative;
width: 195px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .header-content img{
width: 30px;
height: 30px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .wa-number-info{
display: block;
margin-top: 6px;
font-size: 13px;
color: #1d1d1d;
font-weight: bold;
margin-bottom: -5px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-exist-for-api .internal-name-info{
font-size: 9px;
color: #656565;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api i{
font-size: 25px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api b{
font-size: 11px;
}
.integrations-panel .integrations-panel-right .list-number-exist-status-for-api .child-not-exist-for-api{
height: 94px;
}
}
.overlay-custom-login-3rd-party{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: black;
z-index: 1000;
opacity: 0.7;
backdrop-filter: blur(6px);
}
.custom-popup-login-3rd-party{
background: white;
position: fixed;
z-index: 5000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 40px 40px;
width: 450px;
border-radius: 10px;
}
.custom-popup-login-3rd-party.orderonline{
padding: 30px 30px;
}
.custom-popup-login-3rd-party img{
width: 220px;
margin: 0 auto;
display: block;
margin-bottom: 30px;
}
.custom-popup-login-3rd-party .frame-form-input-3rd-partylogin{
margin-bottom: 10px;
}
.custom-popup-login-3rd-party .frame-form-input-3rd-partylogin input{
padding-left: 15px;
padding-right: 15px;
font-size: 15px;
box-sizing: border-box;
margin: 0px;
}
.custom-popup-login-3rd-party .frame-form-button-3rd-partylogin{
margin-top: 15px;
}
.custom-popup-login-3rd-party .frame-form-button-3rd-partylogin .btn-blue-sign{
height: 49px;
width: 100%;
padding: 15px;
font-weight: bold;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.custom-popup-login-3rd-party .frame-form-button-3rd-partylogin .btn-blue-sign-v2{
height: 49px;
width: 100%;
padding: 15px;
font-weight: bold;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.custom-popup-login-3rd-party .frame-form-button-3rd-partylogin .btn-blue-sign:hover{
}
.custom-popup-login-3rd-party.orderonline .frame-form-input-3rd-partylogin input{
border: 1px solid #e1e5ea;
}
/* OL */
.custom-popup-login-3rd-party.orderonline .frame-form-input-3rd-partylogin input:focus{
border: 1px solid #5bcdff;
-webkit-box-shadow: 0 0 0 0.05rem rgb(117 207 216 / 25%) !important;
box-shadow: 0 0 0 0.05rem rgb(117 207 216 / 25%) !important;
}
.custom-popup-login-3rd-party.orderonline .head-announcement{
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 0;
}
.custom-popup-login-3rd-party.orderonline .body-announcement{
text-align: center;
}
.custom-popup-login-3rd-party.orderonline iframe{
width: 100%;
height: 200px;
margin-bottom: 20px;
}
.custom-popup-login-3rd-party.orderonline .frame-form-button-3rd-partylogin .btn-blue-sign{
border: 2px solid #0085c1;
background: white;
color: #0085c1;
border-radius: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap:10px;
}
.custom-popup-login-3rd-party.orderonline .frame-form-button-3rd-partylogin .btn-blue-sign img{
width: 23px;
margin: 0;
padding: 0;
filter: invert(35%) sepia(46%) saturate(2254%) hue-rotate(172deg) brightness(96%) contrast(100%);
}
.custom-popup-login-3rd-party.orderonline .frame-form-button-3rd-partylogin .btn-blue-sign:hover{
border: 2px solid #07a7ef;
background: white;
color: #07a7ef;
}
.custom-popup-login-3rd-party.orderonline .frame-form-button-3rd-partylogin .btn-blue-sign-v2{
border: 1px solid #0085c1;
background: #0097d9;
color: white;
border-radius: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap:10px;
margin-bottom: 0px !important;
}
.custom-popup-login-3rd-party.orderonline .frame-form-button-3rd-partylogin .btn-blue-sign-v2 img{
width: 23px;
filter: brightness(0) invert(1);
margin: 0;
padding: 0;
}
.custom-popup-login-3rd-party.orderonline .frame-form-button-3rd-partylogin .btn-blue-sign-v2:hover{
background: #007cb1;
border-color: #0086c1;
}
/* END OL */
/* BERDU */
.custom-popup-login-3rd-party.berdu .frame-form-input-3rd-partylogin input{
border: 1px solid #e1e5ea;
}
.custom-popup-login-3rd-party.berdu .frame-form-input-3rd-partylogin input:focus{
border: 1px solid #5bcdff;
-webkit-box-shadow: 0 0 0 0.05rem rgb(117 207 216 / 25%) !important;
box-shadow: 0 0 0 0.05rem rgb(117 207 216 / 25%) !important;
}
.custom-popup-login-3rd-party.berdu .frame-form-button-3rd-partylogin .btn-blue-sign{
border: 1px solid #3e7ac6;
background: #518fdf;
color: white;
}
.custom-popup-login-3rd-party.berdu .frame-form-button-3rd-partylogin .btn-blue-sign:hover{
background: #2269c5;
border-color: #15509c;
}
/* END BERDU */
/* BERDU */
.custom-popup-login-3rd-party.tokotalk .frame-form-input-3rd-partylogin input{
border: 1px solid #e1e5ea;
}
.custom-popup-login-3rd-party.tokotalk .frame-form-input-3rd-partylogin input:focus{
border: 1px solid #ff595f;
-webkit-box-shadow: 0 0 0 0.05rem rgb(117 207 216 / 25%) !important;
box-shadow: 0 0 0 0.05rem rgb(117 207 216 / 25%) !important;
}
.custom-popup-login-3rd-party.tokotalk .frame-form-button-3rd-partylogin .btn-blue-sign{
border: 1px solid #c23236;
background: #ea4b50;
color: white;
}
.custom-popup-login-3rd-party.tokotalk .frame-form-button-3rd-partylogin .btn-blue-sign:hover{
background: #d13035;
border-color: #bd161c;
}
/* END BERDU */
.custom-popup-login-3rd-party .frame-form-button-3rd-partylogin .btn-blue-sign.disabled{
pointer-events: none;
background: #a4a4a4;
border: 1px solid #a2a2a2;
}
.spinner-green, .spinner-green-only{
border-color: #ffffff;
}
.custom-popup-login-3rd-party .frame-form-button-3rd-partylogin .preloader-wrapper.small{
width: 20px;
height: 20px;
}
.area-3rd-party-login-result-error{
margin-bottom: 2em;
font-size: .95em;
/* border-left-color: #ed1c24; */
padding: .7em 1.3em;
margin: 0;
margin-bottom: 1em;
font-size: .9em;
background: #fff;
border: 1px solid #eee;
border-left: 4px solid #ed1c24;
/* border-left-width: 3px; */
border-radius: 3px;
text-align: left;
cursor: default;
display: none;
}
.area-3rd-party-login-result-error p{
margin: 0px;
color: #333;
}
.area-3rd-party-login-close-popup{
position: absolute;
right: 15px;
top: 15px;
}
.area-3rd-party-login-close-popup a{
color: #cdcdcd;
}
.area-3rd-party-login-close-popup a:hover{
color: #666666;
}
.area-3rd-party-login-close-popup i{
font-size: 18px;
}
.show_api_key_full_target{
cursor: pointer;
}
/* SWITCH STYLE COMMON */
.switch-custom {
position: relative;
display: block;
vertical-align: top;
width: 65px;
height: 22px;
padding: 3px;
margin: 0 10px 10px 0;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
border-radius: 18px;
box-shadow: inset 0 -1px white, inset 0 1px 1px rgb(0 0 0 / 5%);
cursor: pointer;
box-sizing: content-box;
}
.switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
box-sizing:content-box;
}
.switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
position: absolute;
top: 50%;
margin-top: -.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
box-sizing:content-box;
}
.switch-label:before {
content: attr(data-off);
right: 11px;
color: #ab2925;
text-shadow: 0 1px rgb(255 255 255 / 50%);
transform: none !important;
}
.switch-label:after {
content: attr(data-on);
left: 11px;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}
.switch-input:checked ~ .switch-label {
background: #E1B42B;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
opacity: 1;
}
.switch-handle {
position: absolute;
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
border-radius: 100%;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
border-radius: 6px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
left: 74px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Transition
========================== */
.switch-label, .switch-handle {
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
/* Switch Flat
==========================*/
.switch-flat {
padding: 0;
background: #FFF;
background-image: none;
margin: 0 auto;
margin-left: 15px;
margin-bottom: 2px;
flex: inherit;
}
.switch-flat .switch-label {
background: #fff2f2;
border: solid 2px #ab2925;
box-shadow: none;
font-size: 11px;
}
.switch-flat .switch-label:after {
color: #ffffff;
}
.switch-flat .switch-handle {
top: 6px;
left: 6px;
background: #ab2925;
width: 15px;
height: 15px;
box-shadow: none;
}
.switch-flat .switch-handle:before {
background: #ab2925;
}
.switch-flat .switch-input:checked ~ .switch-label {
background: #0081e3;
border-color: #0471c3;
}
.switch-flat .switch-input:checked ~ .switch-handle {
left: 43px;
background: #ffffff;
box-shadow: none;
}
.switch-flat .switch-input:checked ~ .switch-handle:before{
background: #ffffff;
}
.followup-ol-tabs-frame-card{
max-width: 1120px;
}
.followup-ol-tabs-frame{
padding: 20px;
cursor: default;
}
.followup-ol-tabs-frame .head-followup-ol-tabs-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.followup-ol-tabs-frame .head-followup-ol-tabs-frame h4{
}
.followup-ol-tabs-frame .head-followup-ol-tabs-frame b{
font-size: 14px;
}
.followup-ol-tabs-frame .head-followup-ol-tabs-frame b span{
font-size: 14px;
}
.followup-ol-tabs-frame .followup-ol-tabs-frame-header{
padding-top: 0px;
margin: 0;
font-size: 18px;
font-weight: bold;
color: #434343;
}
.followup-ol-tabs-frame .tabs-by-self{
margin-top: 20px;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft{
display: flex;
width: 100%;
border-bottom: 1px solid #e3e3e3;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
margin-bottom: 0px;
margin-top: 0px;
flex-wrap: wrap;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a{
background: #f7f7f7;
padding: 10px;
font-size: 13px;
color: #434343;
border-top: 5px solid #ab2925;
word-break: keep-all;
width: 100%;
display: block;
text-align: center;
border-right: 0.5px solid #e3e3e3;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a:hover{
background: #f7f7f7;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a.active{
background: #FFFFFF;
/* border-top: 5px solid #0099D9; */
border-bottom: 1px solid #FFFFFF;
margin-bottom: -1px;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a.enabled{
border-top: 5px solid #0099d9;
/* border-bottom: 1px solid #ffffff; */
/* margin-bottom: -1px; */
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li:first-child a{
margin-left: 0px;
border-left: 1px solid #e3e3e3;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a:hover{
background: #efefef;
border-top: 5px solid #b41f1a;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a.active:hover{
background: #ffffff;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a.enabled:hover{
background: #ffffff;
border-top: 5px solid #0099d9;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a.active{
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft{
padding: 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
display: none;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft.active{
display: block;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft textarea{
border: 1px solid #dadee1;
padding: 15px;
height: 228px;
font-size: 13px;
line-height: 17px;
color: #242424;
border-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft textarea:focus{
border: 1px solid #5bcdff;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text{
padding: 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
/* display: none; */
padding-top: 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
position: relative;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area .area-template-list{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area .area-template-list .template-list-applied{
border: 1px solid #d9dde1;
font-size: 13px;
height: 41px;
border-right: 0px;
cursor: pointer;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
text-indent: 10px;
width: 200px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area .area-template-list .template-list-applied:focus{
outline: none;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme{
border: 1px solid #d9dde1;
background: #f5f5f5;
color: #666666;
font-size: 13px;
padding: 16px;
line-height: 0.5;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.disabled{
pointer-events: none;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme .preloader-wrapper.small{
width: 15px;
height: 15px;
margin-top: -4px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme .preloader-wrapper .spinner-green-only{
border-color: #aaaaaa !important;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme:hover{
background: #f0f0f0;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.template-applied{
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.emoji-applied{
margin-left: 10px;
border-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.upload-applied{
margin-left: 10px;
height: 40px;
text-align: center;
border-radius: 4px;
padding-left: 25px;
padding-right: 25px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.remove-image-applied{
margin-left: 10px;
height: 40px;
text-align: center;
border-radius: 4px;
padding-left: 25px;
padding-right: 25px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.image-preview-applied{
margin-left: 10px;
text-align: center;
padding: 5px;
/* margin-top: 5px; */
padding: 0px;
border-radius: 0.5em !important;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.image-preview-applied img{
height: 38px;
border-radius: 0.5em;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.reset-wa-applied{
width: 180px;
height: 40px;
border-radius: 4px;
}
.done-uploading-images{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text{
padding: 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
/* display: none; */
padding-top: 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 30px;
border-bottom: 1px solid #e3e3e3;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area{
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area .label-standart{
font-size: 17px;
color: #434343;
font-weight: bold;
margin-bottom: 12px;
display: block;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area select{
border: 1px solid #d9dde1;
font-size: 13px;
height: 40px;
cursor: default;
width: 200px;
text-indent: 7px;
border-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area select.disabled{
pointer-events: none;
background: #cfcfcf;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area select:disabled{
pointer-events: none;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area select:focus{
outline: none;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input{
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .label-standart{
font-size: 17px;
color: #434343;
font-weight: bold;
margin-bottom: 12px;
display: block;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .panel-sub-footer-day-input-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .decoration-arrow{
margin-right: 10px;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .decoration-arrow i{
color: #d0d0d0;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .input-day-hour-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-right: 15px;
width: 150px;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .input-day-hour-frame .title{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
background: #f5f5f5;
color: #666666;
border: 1px solid #d9dde1;
width: 79px;
flex: none;
height: 40px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .input-day-hour-frame .title span{
font-size: 13px;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .input-day-hour-frame .title i{
font-size: 18px;
margin-left: 10px;
cursor: help;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-day-input .input-day-hour-frame select{
border: 1px solid #d9dde1;
font-size: 13px;
height: 40px;
padding-bottom: 8px;
cursor: default;
border-left: none;
flex: none;
width: 65px;
text-indent: 6px;
outline: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.action-button-save-template-ol{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.action-button-save-template-ol .action-logout-btn{
}
.action-button-save-template-ol .action-logout-btn .account-info{
color: #a83591;
font-size: 14px;
cursor:default;
}
.action-button-save-template-ol .action-logout-btn .logout{
font-size: 14px;
color: #6f727e !important;
font-weight: bold;
text-decoration: none;
text-transform: none !important;
margin-right: 10px !important;
}
.action-button-save-template-ol .action-logout-btn .logout:hover{
color: #860404 !important;
}
.action-button-save-template-ol .save_template_btn{
background: #0098da;
color: white;
font-size: 15px;
padding: 8px 19px;
border: 1px solid #0086c1;
line-height: 1;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
width: 130px;
border-radius: 3px;
}
.action-button-save-template-ol .save_template_btn.disabled{
pointer-events: none;
}
.action-button-save-template-ol .save_template_btn i{
font-size: 18px;
}
.action-button-save-template-ol .save_template_btn:hover{
background: #007cb1;
border: 1px solid #0086c1;
}
.action-button-save-template-ol .preloader-wrapper.small{
width: 17px;
height: 17px;
/* margin-top: -4px; */
}
.action-button-save-template-ol .preloader-wrapper .spinner-green-only{
border-color: #ccc !important;
}
.modal-video-wistia-cd .modal-content .close-popup-top-right{
position: absolute;
right: -11px;
background: white;
top: -11px;
border-radius: 50%;
/* padding: 10px; */
z-index: 99;
display: flex;
border: 1px solid #ccc;
width: 30px;
height: 30px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #585858;
}
.modal-video-wistia-cd .modal-content .close-popup-top-right:hover{
color: black;
}
@media (max-width: 600px){
.modal-video-wistia-cd{
width: 90% !important;
}
.modal-video-wistia-cd .modal-content{
padding: 10px;
}
.followup-ol-tabs-frame .head-followup-ol-tabs-frame{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 10px;
}
}
@media (max-width: 800px){
.followup-ol-tabs-frame textarea{
font-size: 13px;
}
.followup-ol-tabs-frame .tabs-by-self .menubar-tabs-by-selft li a{
padding: 13px;
font-size: 12px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text{
padding: 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
/* display: none; */
padding-top: 0px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
position: inherit;
margin-bottom: 10px;
flex-wrap: wrap;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area .area-template-list{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
width: 100%;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.emoji-applied{
margin-left: 0px;
}
.not-uploading-anything{
width: 100%;
flex: 1;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.upload-applied{
margin-left: 10px;
height: 40px;
width: 100%;
text-align: center;
flex: auto;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .right-area{
width: 100%;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.reset-wa-applied{
width: 100%;
height: 40px;
border-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .left-area .area-template-list .template-list-applied{
font-size: 12px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme{
font-size: 11px;
}
.done-uploading-images{
flex: 1;
width: 100%;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.image-preview-applied{
margin-left: 6px;
}
.followup-ol-tabs-frame .tabs-by-self .panel-after-followup-text .btn_applied_theme.remove-image-applied{
width: 100%;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text{
padding: 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
/* display: none; */
padding-top: 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 15px 15px;
border-bottom: 1px solid #e3e3e3;
flex-wrap: wrap;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area .label-standart{
font-size: 12px;
}
.followup-ol-tabs-frame .tabs-by-self .sub-footer-followup-text .panel-sub-footer-area select{
font-size: 11px;
}
.action-button-save-template-ol{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 15px 0px;
}
.action-button-save-template-ol .logout{
margin: 0 !important;
}
.action-button-save-template-ol .save_template_btn{
background: #0085c1;
color: white;
font-size: 14px;
padding: 8px 19px;
border: 1px solid #076d9a;
line-height: 1;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
width: 90%;
}
.action-button-save-template-ol .save_template_btn i{
font-size: 16px;
}
.followup-ol-tabs-frame-card{
margin-top: 0px;
}
}
.panel-sub-footer-area-frame-switch{
display: flex;
gap: 10px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.panel-sub-footer-area-frame-switch label{
}
.panel-sub-footer-area-frame-switch .title-switch{
font-size: 13px;
}
.swal-button--yesmd{
background-color: #008FFF !important;
}
.swal-button--yesmd:hover{
background-color: #006696 !important;
}
.swal-button {
background-color: #008FFF !important;
}
.swal-button--cancel{
background-color: #efefef !important;
}
.swal-button--cancel:hover{
background-color: #d6d6d6 !important;
}
.swal-text {
color: #969696 !important;
}
optgroup{
color: #c8c8c8 !important;
}
option{
color: black !important;
}
option:disabled{
color: #878787 !important;
}
.swal-button--catch{
background-color: #ffc107 !important;
color: #333333;
}
.swal-button--catch:hover{
background-color: #e0a800 !important;
}
.custom-domain-wp {
padding-top: 50px !important;
padding-bottom: 50px !important;
width: 1100px !important;
}
/* container shadow */
.shw-8 {
border-radius: 8px;
border: 1px solid #D9DDE7;
}
.desktop-height {
min-height: calc(100vh - 420px);
}
/* new button secondary */
.btn-white {
border-radius: 6px;
border: 1px solid var(--Gray-Cool-200, #DCDFEA);
background: #FFF;
box-shadow: 0px 1px 2px 0px rgba(48, 55, 79, 0.05);
font-family: 'Muli', sans-serif;
color: var(--Gray-Cool-800, #30374F);
transition: all 0.1s ease!important;
gap: 6px;
font-weight: 600;
}
.btn-white:hover {
background: var(--Gray-Cool-50, #F9F9FB);
box-shadow: 0px 1px 2px 0px rgba(48, 55, 79, 0.05);
}
.btn-white:focus {
background: #FFF;
box-shadow: 0px 0px 0px 2px rgba(48, 55, 79, 0.10), 0px 1px 2px 0px rgba(48, 55, 79, 0.05);
}
.btn-white.disabled {
background: var(--Gray-Cool-50, #F9F9FB);
box-shadow: 0px 1px 2px 0px rgba(48, 55, 79, 0.05);
color: var(--Gray-Cool-300, #B9C0D4);
}
.btn-white.btn-xs {
height: 32px;
}
.btn-white.btn-sm {
height: 36px;
}
.btn-white.btn-md {
height: 39px;
}
.btn-white.btn-lg {
height: 42px;
padding-top: 2px;
padding-bottom: 2px;
}
.side-btn {
border-left: 1px solid var(--Gray-Cool-200, #DCDFEA);
display: flex;
align-items: center;
}
/* fullwidth container */
.container-w100 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
/* new button primary */
.btn-new-primary {
/* border-radius: 6px;
background: linear-gradient(79deg, #8E24AA 0%, #FF6E40 100%);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);
border: none;
color: #fff;
outline: none;
transform: all 0.1s; */
border-radius: 6px;
border: none;
background: linear-gradient(79deg, #8E24AA 0%, #FF6E40 100%);
box-shadow: 0px 1px 2px 0px rgba(48, 55, 79, 0.05);
color: #fff;
outline: none;
font-weight: 600;
text-align: center;
transition: all 0.1s ease!important;
}
button{
font-family: 'Muli', sans-serif !important;
}
.btn-new-primary.disabled {
background: #dcdfea !important;
color: #5e5e5e !important;
pointer-events: none !important;
}
.btn-new-primary:hover {
border-radius: 6px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(80deg, #8E24AA 0%, #FF6E40 100%);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.20);
}
/* WITHOUT BUTTON */
.button-replies-area{
width: 860px;
margin: 0 auto;
margin-top: 50px;
padding: 20px;
margin-bottom: 70px;
cursor: default;
}
.button-replies-area.area-invoicecd{
width: 700px !important;
}
.button-replies-area.appereance-domain{
width: 1100px !important;
}
.button-replies-area .card-content{
margin: 0 !important;
/* padding-bottom: 0 !important; */
}
.button-replies-area .card-content.nopdbtm{
padding-bottom: 0 !important;
}
.button-replies-area.toolbar-area{
padding: 0;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.button-replies-area .header-buttons-replies{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.button-replies-area .header-buttons-replies.clickable{
cursor: pointer;
}
.button-replies-area .header-buttons-replies img{
width: 60px;
padding: 13px;
border: 1px solid #d8dde7;
}
.button-replies-area .header-buttons-replies .title-header{
margin-left: 15px;
flex: 1;
}
.button-replies-area .header-buttons-replies .info-slots{
padding: 5px 18px;
border-radius: 1em;
font-size: 13px;
}
.button-replies-area .header-buttons-replies .title-header h1{
font-weight: bold;
color: #333c4c;
font-size: 17px;
margin: 0;
}
.button-replies-area .header-buttons-replies .title-header h4{
color: #6a7281;
font-size: 14px;
margin: 0px;
margin-top: 10px;
}
/* WITH BUTTON */
.button-replies-area .header-buttons-replies-with-button{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.button-replies-area .header-buttons-replies-with-button .left-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.button-replies-area .header-buttons-replies-with-button .left-content img{
width: 60px;
padding: 13px;
border: 1px solid #d8dde7;
}
.button-replies-area .header-buttons-replies-with-button .left-content .title-header{
margin-left: 15px;
flex: 1;
}
.button-replies-area .header-buttons-replies-with-button .left-content .title-header h1{
font-weight: bold;
color: #333c4c;
font-size: 17px;
margin: 0;
}
.button-replies-area .header-buttons-replies-with-button .left-content .title-header h4{
color: #6a7281;
font-size: 14px;
margin: 0px;
margin-top: 10px;
}
/* END */
.button-replies-area .header-buttons-replies-with-button .btn-create-new-custom-rule{
background: #008fff;
color: white;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 50px;
width: 240px;
height: 38px;
padding: 8px;
gap: 10px;
font-weight: 500;
}
.button-replies-area .header-buttons-replies-with-button .btn-create-new-custom-rule i{
font-size: 20px;
}
.button-replies-area .header-buttons-replies-with-button .btn-create-new-custom-rule:hover{
background: #0268b8;
}
.button-replies-area .parent-content-list-buttons-replies{
margin-top: 20px;
}
.empty-buttons{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border-top: 1px solid #d9dde7;
margin-left: -20px;
margin-right: -20px;
}
.empty-buttons h1{
font-size: 24px;
color: #333c4c;
font-weight: bold;
margin-bottom: 0px;
margin-top: 50px;
}
.empty-buttons img{
width: 190px;
}
.empty-buttons a{
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies{
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
border-top: 1px solid #d9dde7;
padding-top: 10px;
padding-bottom: 10px;
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
padding-left: 20px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies.shown{
border-bottom: 1px solid #d9dde7;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies:last-child .header-child-content-buttons-replies{
border-bottom: 1px solid #d9dde7 !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .left-header-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
flex: 1;
cursor: pointer;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .left-header-content i{
margin-right: 10px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .left-header-content b{
color: #333c4c;
font-size: 15px;
font-weight: bold;
/* font-family: roboto; */
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .cancel-btn{
background: #f3f4f8;
color: #495761;
font-size: 12px;
padding: 5px 12px;
border-radius: 4px;
height: 27px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .cancel-btn:hover{
background: #e2e2e2;
color: #b70000;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .edit-btn{
background: #f5f7f9;
color: #495761;
font-size: 14px;
padding: 12px;
border-radius: 0.5em;
padding-top: 3px;
padding-bottom: 3px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .edit-btn:hover{
background: #e2e2e2;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .save-btn{
background: #008fff;
color: #ffffff;
font-size: 12px;
padding: 12px;
border-radius: 4px;
padding-top: 3px;
padding-bottom: 3px;
width: 60px;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 27px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .save-btn.disabled{
border: 1px solid #ececec;
background-color: #ececec !important;
color: #666666;
pointer-events: none !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .save-btn .preloader-wrapper.small{
width: 15px;
height: 15px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .delete-btn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .delete-btn i{
color: #df3333;
font-size: 19px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .delete-btn:hover i{
color: #d20707;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .header-child-content-buttons-replies .right-header-content .save-btn:hover{
background: #067edd;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies{
padding-top: 30px;
padding-bottom: 30px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies.hide{
display: none;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .row{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .row:last-child{
margin-bottom: 0 !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies label{
color: #333c4c;
font-size: 15px;
text-align: right;
display: block;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies input[type="text"]{
width: 180px;
border: 1px solid #d8dde7;
border-radius: 0.5em;
padding: 10px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
margin-bottom: 0px;
height: auto;
font-size: 13px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies input[type="text"]:focus{
border: 1px solid #818181;
box-shadow: none !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .emoji{
color: unset;
display: inline-block;
font-size: 18px;
font-style: normal;
height: 25px;
width: 25px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .area-editor-toolbar{
position: relative;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .char-counter{
position: absolute;
bottom: 12px;
right: 7px;
background: #f2f2f2;
border-radius: 0.5em;
border: 1px solid #e4e4e4;
padding: 0px 10px;
font-size: 10px;
font-weight: bold;
color: #7488a5;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies textarea{
border-top: none;
border-radius: 0 0 3px 3px;
height: 195px;
resize: none;
border: 2px solid #f2f2f2;
padding: 10px;
width: 100% !important;
line-height: 22px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies textarea:focus{
/* border: 1px solid #818181; */
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies select{
border: 1px solid #d8dde7;
border-radius: 0.5em;
padding: 10px;
text-align: center;
height: auto;
cursor: pointer;
padding-top: 8px;
padding-bottom: 8px;
font-size: 13px;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 0.7rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies select:focus{
outline: none;
border: 1px solid #818181;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .top-frame-typing-effect{
display: flex;
gap: 10px;
align-items: flex-end;
position: relative;
margin-top: 5px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .frame-typing-effect{
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
/* pointer-events: none; */
text-align: left !important;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .frame-typing-effect span{
line-height: 21px;
font-size: 14px !important;
text-indent: -5px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .info-short-time-to-send{
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .info-short-time-to-send i{
font-size: 17px;
cursor: help;
}
.button-replies-area .footer-group-button{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
/* margin-top: 40px; */
margin-bottom: 50px;
margin-left: -20px;
margin-right: -20px;
}
.button-replies-area .footer-group-button.bordered{
border-top: 1px solid #d9dde7;
/* padding-top: 40px; */
}
.button-replies-area .footer-group-button .btn-add-new-reply{
background: #008fff;
color: white;
border: 1px solid #008fff;
border-radius: 5px;
width: 240px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 5px;
font-size: 15px;
margin-bottom: 10px;
margin-top: 40px;
}
.button-replies-area .footer-group-button .btn-add-new-reply i{
margin-right: 20px;
}
.button-replies-area .footer-group-button .btn-add-new-reply:hover{
background: #067edd;
}
.button-replies-area .footer-group-button .done-and-save-all-reply{
background: #f3f4f8;
color: #495761;
border: 1px solid #f3f4f8;
border-radius: 5px;
width: 240px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 5px;
font-size: 15px;
margin-bottom: 10px;
line-height: 21px;
}
.button-replies-area .footer-group-button .done-and-save-all-reply.disabled{
border: 1px solid #ececec;
background-color: #ececec !important;
color: #666666;
pointer-events: none !important;
}
.button-replies-area .footer-group-button .done-and-save-all-reply .preloader-wrapper.small{
width: 20px;
height: 20px;
}
.button-replies-area .footer-group-button .done-and-save-all-reply:hover{
background: #e2e2e2;
border-color: #e2e2e2;
}
.popover-custom{
position: absolute;
background: #fafafa;
z-index: 1000;
padding: 10px;
border-radius: 10px;
border: 1px solid #c0c0c0;
top: 30px;
/* right: 0; */
box-shadow: 0px 0px 13px 3px #959595;
display: none;
left: 87px;
}
.popover-custom.popup{
right: 51px;
}
.popover-custom img{
border-radius: 0.3em;
cursor: pointer;
width: 150px;
}
.popover-custom:after, .popover-custom:before{
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.popover-custom:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 11px;
margin-left: 47px;
}
.popover-custom:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #ccc;
border-width: 13px;
margin-left: 45px;
}
.frame-content-trigger{
margin-left: -20px;
margin-right: -20px;
border-top: 1px solid #d9dde7;
margin-top: 20px;
padding: 20px;
padding-top: 0;
}
.area-editor-timer{
margin-bottom: 0px;
padding-bottom: 0px;
}
.area-editor-timer .frame-input-text{
}
.area-editor-timer .frame-input-text input{
margin: 0px;
font-size: 16px;
width: 100%;
border-bottom: 1px solid #d3d9e4;
}
.area-editor-timer .area_frequency_per_person{
}
.area-editor-timer .area_frequency_per_person select{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 20px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 15px;
color: #6d7480;
margin-bottom: 10px;
cursor: pointer;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 20px) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2em !important;
}
.area-editor-timer .area_frequency_per_person select:focus{
border: 1px solid #818181;
box-shadow: none !important;
outline: none;
}
.label-with-error-messagev2{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.label-with-error-messagev2 label{
margin-bottom: 0px !important;
}
.label-with-error-messagev2 span{
color: red;
font-size: 13px;
margin-top: 3px;
font-style: italic;
display: none;
}
.frame-schedule-options-autoreply-timer{
}
.frame-schedule-options-autoreply-timer .col.s12{
padding-left: 0px;
padding-right: 0px;
}
.frame-schedule-options-autoreply-timer label{
margin-bottom: 0px !important;
}
.btn_send_preview_submit{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
width: 180px;
padding-left: 0px;
padding-right: 0px;
}
.btn_send_preview_submit .preloader-wrapper{
width: 18px;
height: 18px;
}
.btn_send_preview_submit .preloader-wrapper .spinner-green-only{
border-color: #b1b1b1 !important;
}
.btn_send_preview_submit i{
margin-right: 0px;
}
.separator-beautiful{
border-top: 1px dotted #f8f8f8;
border-bottom: 1px dotted #d9dde7;
margin-left: -20px;
margin-right: -20px;
}
.content-trigger-editor{
margin-top: 40px;
margin-bottom: 30px;
position: relative;
}
.content-trigger-editor label{
color: #333c4c;
font-weight: bold;
font-size: 17px;
display: block;
margin-bottom: 15px;
}
.content-trigger-editor .custom-selector-with-image{
border: 1px solid #d8dde7;
border-radius: 0.5em;
padding: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.content-trigger-editor .custom-selector-with-image.active{
background: #fafafa;
}
.content-trigger-editor .custom-selector-with-image:hover{
background: #fafafa;
}
.content-trigger-editor .custom-selector-with-image .content-custom-selector{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.content-trigger-editor .custom-selector-with-image .content-custom-selector img{
width: 24px;
height: 24px;
}
.content-trigger-editor .custom-selector-with-image .content-custom-selector b{
font-weight: bold;
color: #667185;
}
.content-trigger-editor .custom-selector-with-image i{
}
.content-trigger-editor .custom-selector-list-option{
margin: 0;
background: white;
border: 2px solid #dfe4ec;
border-radius: 0.5em;
margin-top: 6px;
position: absolute;
left: 0;
right: 0;
display: none;
z-index: 100;
}
.content-trigger-editor .custom-selector-list-option .frame-search-list{
padding: 10px;
border-bottom: 1px solid #e9edf2;
}
.content-trigger-editor .custom-selector-list-option .frame-search-list input{
border: 1px solid #ccc;
border-radius: 0.5em;
width: 100%;
padding: 10px;
}
.content-trigger-editor .custom-selector-list-option .frame-search-list input:hover{
}
.content-trigger-editor .custom-selector-list-option ul{
margin: 0 !important;
}
.content-trigger-editor .custom-selector-list-option li{
padding: 10px 15px;
border-bottom: 1px solid #dfe4ec;
font-size: 14px;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
color: #242424;
}
.content-trigger-editor .custom-selector-list-option li .icon-connection-state{
margin-right: 4px;
font-size: 21px;
margin-top: 3px;
}
.content-trigger-editor .custom-selector-list-option li .icon-connection-state.connected{
color: #18b452;
}
.content-trigger-editor .custom-selector-list-option li .icon-connection-state.disconnected{
color: #de4315;
}
.content-trigger-editor .custom-selector-list-option li.disabled{
background: #eeeeee;
pointer-events: unset;
cursor: default;
}
.content-trigger-editor .custom-selector-list-option li:hover{
background: #fafafa;
border-radius: 5px;
}
.content-trigger-editor .custom-selector-list-option li.disabled {
background: #f9f9f9;
pointer-events: unset;
color: #858585;
cursor: not-allowed !important;
}
.content-trigger-editor .custom-selector-list-option li:last-child{
border-bottom: none;
}
.content-trigger-editor .custom-selector-list-option li .labelmd{
font-size: 12px;
border-radius: 1em;
padding: 2px 15px;
height: auto;
margin-top: -8px;
margin: 0;
margin-left: 10px;
}
.trigger-fires-list{
}
.trigger-fires-list label{
color: #333c4c;
font-size: 15px;
font-weight: bold;
margin-bottom: 20px;
display: block;
}
.trigger-fires-list .conditions-trigger{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child{
width: 220px;
height: 40px;
border: 1px solid #d8dde7;
border-radius: 0.5em;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 12px;
cursor: pointer;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child label{
margin: 0;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child label input[type="radio"]{
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child label span{
color: #37383a;
font-size: 14px;
}
.trigger-fires-list .conditions-following-eval{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px !important;
color: #333c4c;
cursor: default;
}
.trigger-fires-list .conditions-following-eval select{
font-size: 13px;
color: #2c313a;
border: none;
cursor: pointer;
border-radius: 0.5em;
padding-left: 10px;
padding-right: 10px;
width: 68px;
height: auto;
margin-left: 10px;
margin-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
text-align: left;
background-color: #f1f1f1 !important;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 0.7rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
}
.parent-list-conditions-following{
}
.parent-list-conditions-following .child-list-conditions-following{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 11px;
}
.parent-list-conditions-following .child-list-conditions-following select{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
color: #333c4c;
cursor: default;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 0.7rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
}
.parent-list-conditions-following .child-list-conditions-following select:disabled{
background: #ececec;
pointer-events: none;
}
.parent-list-conditions-following .child-list-conditions-following select:hover{
border: 1px solid #b1b2b3;
box-shadow: none !important;
outline: none;
}
.parent-list-conditions-following .child-list-conditions-following select:focus{
border: 1px solid #818181;
box-shadow: none !important;
outline: none;
}
.parent-list-conditions-following .child-list-conditions-following input[type="text"]{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
color: #6d7480;
margin: 0;
}
.parent-list-conditions-following .child-list-conditions-following input[type="text"]:disabled{
background: #ececec;
pointer-events: none;
}
.parent-list-conditions-following .child-list-conditions-following input[type="text"]:focus{
border: 1px solid #818181;
box-shadow: none !important;
}
.parent-list-conditions-following .child-list-conditions-following .child-list-conditions-action-button{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 5px;
}
.parent-list-conditions-following .child-list-conditions-following .child-list-conditions-action-button a{
}
.parent-list-conditions-following .child-list-conditions-following .child-list-conditions-action-button a i{
color: #1a9aff;
}
.parent-list-conditions-following .child-list-conditions-following .child-list-conditions-action-button a:hover{
}
.big-button-next-step{
height: 54px;
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-weight: bold;
color: #7a899c;
font-size: 16px;
/* background: #f1f4f8; */
border-radius: 50px;
margin-top: 30px;
font-family: "Muli", sans-serif;
}
.big-button-next-step:hover{
}
.big-button-next-step.disabled{
pointer-events: none;
border: 1px solid #e0e3eb;
background: #dedede !important;
color: #797979;
}
.big-button-next-step.enabled{
background: #008fff;
color: white;
border: 1px solid #008fff;
}
.big-button-next-step.enabled:hover{
background: #0688ed;
}
.big-button-next-step .spinner-green-only{
border-color: #c8c8c8;
}
.big-button-next-step .preloader-wrapper.small{
width: 25px;
height: 25px;
}
.big-group-button-footer{
margin-top: 15px;
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
align-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
.big-group-button-footer .btn-back{
font-size: 14px;
color: #495761;
flex: 1;
height: 35px;
background: #f1f3f7;
border-radius: 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-weight: bold;
}
.big-group-button-footer .btn-back:hover{
background: #e2e2e2;
}
a.btn-back.waves-effect.waves-light.grey.lighten-3:hover {
background: #dbdbdb !important;
}
button.btn-next.waves-effect.waves-light.amber.accent-3:hover {
background: #ffd85c !important;
}
.big-group-button-footer .btn-next{
font-size: 14px;
color: #2a3339;
flex: 1;
height: 35px;
background: #ffcb00;
border-radius: 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-weight: bold !important;
border: 1px solid #ffcb00;
font-family: "Muli", sans-serif;
}
.big-group-button-footer .btn-next:hover{
background: #e8ba08;
}
button.big-button-next-step.waves-effect.waves-light.blue.darken-2.enabled:hover {
background: #1d87f1 !important;
}
.big-group-button-footer .btn-next.disabled{
border: 1px solid #ececec;
background-color: #dedede !important;
color: #666666;
pointer-events: none !important;
}
.big-group-button-footer .btn-next .spinner-green-only{
border-color: #c8c8c8;
}
.big-group-button-footer .btn-next .preloader-wrapper.small{
width: 15px;
height: 15px;
}
.separate-content-next-with-arrow{
display: flex;
margin: 0 auto;
width: 100px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
}
.separate-content-next-with-arrow i{
font-size: 35px;
}
.immediately-response-message-list{
}
.immediately-response-message-list .body-response-message{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: stretch;
margin-top: 20px;
gap: 20px;
}
.immediately-response-message-list .body-response-message .response-text{
flex: 1;
/* gap: 15px; */
}
.immediately-response-message-list .body-response-message .response-text label{
color: #333c4c;
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
display: block;
}
.immediately-response-message-list .body-response-message .response-text textarea{
border-radius: 8px;
height: 195px;
resize: none;
border: 2px solid #f2f2f2;
padding: 15px;
width: 100% !important;
line-height: 22px;
}
.immediately-response-message-list .body-response-message .response-text textarea:hover {
border: 2px solid #c0c6cc;
}
.immediately-response-message-list .body-response-message .response-text .area-editor-toolbar{
position: relative;
}
.immediately-response-message-list .body-response-message .response-text .emoji{
color: unset;
display: inline-block;
font-size: 18px;
font-style: normal;
height: 25px;
width: 25px;
}
.immediately-response-message-list .body-response-message .list-buttons{
width: 210px;
}
.immediately-response-message-list .body-response-message .list-buttons label{
color: #333c4c;
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
display: block;
}
.immediately-response-message-list .body-response-message .list-buttons select{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
color: #6d7480;
margin-bottom: 10px;
cursor: pointer;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 0.7rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
}
.immediately-response-message-list .body-response-message .list-buttons select:focus{
border: 1px solid #818181;
box-shadow: none !important;
outline: none;
}
.immediately-response-message-list .body-response-message .list-buttons .parent-list-buttons-options{
}
.immediately-response-message-list .body-response-message .list-buttons .parent-list-buttons-options .child-list-buttons-options{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.immediately-response-message-list .body-response-message .list-buttons .parent-list-buttons-options .child-list-buttons-options a{
margin-top: -12px;
}
.immediately-response-message-list .body-response-message .list-buttons .parent-list-buttons-options .child-list-buttons-options a i{
color: #ff9393;
}
.immediately-response-message-list .body-response-message .list-buttons .parent-list-buttons-options .child-list-buttons-options a:hover i{
color: #f92121;
}
.immediately-response-message-list .footer-response-message{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-top: 15px;
width: 72%;
/* flex: 1 !important; */
}
.immediately-response-message-list .form-upload-new-picturev2{
width: 100%;
}
.immediately-response-message-list .footer-response-message .frame-url-attachment{
display: flex;
border: 1px solid #d8dde7;
border-radius: 0.5em;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
width: 300px;
}
.immediately-response-message-list .footer-response-message .frame-url-attachment .icon-url{
font-size: 17px;
color: #c6cdd8;
margin-left: 10px;
margin-right: 10px;
transform: rotate(39deg);
}
.immediately-response-message-list .footer-response-message .frame-url-attachment input[type="text"]{
border: none;
box-shadow: none;
margin: 0;
font-size: 13px;
height: auto;
}
.immediately-response-message-list .footer-response-message .frame-url-attachment .delete-attachment{
background: #f5f7f9;
color: #dd1f1f;
border-left: 1px solid #d8dde7;
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
margin-left: 10px;
}
.immediately-response-message-list .footer-response-message .frame-url-attachment .delete-attachment i{
font-size: 22px;
padding: 6px;
/* border-top-right-radius: 0.5em; */
/* border-bottom-right-radius: 0.5em; */
}
.immediately-response-message-list .footer-response-message .frame-url-attachment .delete-attachment:hover{
color: #ff0000;
}
.immediately-response-message-list .footer-response-message .add-new-attachment{
background: #ffffff;
font-size: 14px;
color: #6d7480;
height: 36px;
width: 143px;
border-radius: 5px;
border: 1px solid #d8dde7;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.immediately-response-message-list .footer-response-message .add-new-attachment:hover{
background: #f3f4f8;
}
.immediately-response-message-list .footer-response-message .add-new-attachment i {
margin-right: 8px;
}
.immediately-response-properties{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
margin-top: 20px;
}
.immediately-response-properties .set-away-message{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 8px;
color: #0c94ff;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
.immediately-response-properties .set-away-message span{
}
.immediately-response-properties .set-away-message img{
height: 11px;
filter: invert(45%) sepia(69%) saturate(3465%) hue-rotate(189deg) brightness(103%) contrast(104%);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.immediately-response-properties .set-away-message img.active{
transform: rotate(180deg);
}
.immediately-response-properties .set-away-message:hover {
color: #005aa1;
}
a.set-away-message i {
margin-left: -5px;
}
.immediately-response-properties .set-away-message i{
/* height: 11px; */
/* filter: invert(45%) sepia(69%) saturate(3465%) hue-rotate(189deg) brightness(103%) contrast(104%); */
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.immediately-response-properties .set-away-message i.active{
transform: rotate(180deg);
}
.immediately-response-properties .configure-footer-message{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 8px;
color: #0c94ff;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
/* CONFIGURE */
.immediately-response-properties .configure-footer-message{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
color: #0c94ff;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
.immediately-response-properties .configure-footer-message span.configure-footer-message-trigger{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.immediately-response-properties .configure-footer-message span.available-on-premium-package{
background: #fff5d7;
border: 1px solid #ffd78c;
border-radius: 2em;
padding: 2px 20px;
color: #8a5d32;
font-size: 11px;
cursor: pointer;
}
.immediately-response-properties .configure-footer-message img{
height: 11px;
filter: invert(45%) sepia(69%) saturate(3465%) hue-rotate(189deg) brightness(103%) contrast(104%);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.immediately-response-properties .configure-footer-message img.active{
transform: rotate(180deg);
}
.immediately-response-properties .configure-footer-message:hover {
}
.immediately-response-properties .configure-footer-message-trigger:hover{
color: #005aa1;
}
a.configure-footer-message i {
margin-left: -5px;
}
.immediately-response-properties .configure-footer-message i{
/* height: 11px; */
/* filter: invert(45%) sepia(69%) saturate(3465%) hue-rotate(189deg) brightness(103%) contrast(104%); */
transform: rotate(0deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.immediately-response-properties .configure-footer-message i.active{
transform: rotate(180deg);
}
/* AWAY TIME PERIOD */
.immediately-response-properties .away-time-periode{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.immediately-response-properties .away-time-periode span{
color: #717b8c;
font-size: 15px;
}
.immediately-response-properties .away-time-periode select{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 5px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
color: #6d7480;
width: 49px;
cursor: pointer;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 0.7rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
}
.immediately-response-properties .away-time-periode select:focus{
border: 1px solid #818181;
box-shadow: none !important;
outline: none;
}
.immediately-response-properties .away-time-periode small{
font-size: 12px;
font-style: italic;
color: #717b8c;
}
.frame-input-area-srs{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
}
.frame-input-area-srs .frame-switch-attachment-as-caption{
margin-top: 0px !important;
padding-top: 0px !important;
border-top: none !important;
border-bottom: none !important;
border-left: 1px solid #ddd !important;
padding-left: 20px !important;
}
.frame-input-area-srs .frame-switch-attachment-as-caption .child-switch-attachment-as-caption tbody tr{
border: none !important;
}
.frame-input-area-srs .frame-switch-attachment-as-caption .title-frame-switch{
font-size: 15px !important;
}
.frame-input-area-srs .frame-switch-attachment-as-caption .child-switch-attachment-as-caption{
margin-top: 10px;
margin-bottom: -5px;
}
.frame-input-with-counter{
}
.frame-input-with-counter input{
}
.frame-input-with-counter .char-counter{
position: absolute;
bottom: 14px;
right: 13px;
background: #f2f2f2;
border-radius: 0.5em;
border: 1px solid #e4e4e4;
padding: 0px 10px;
font-size: 10px;
font-weight: bold;
color: #7488a5;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child:hover{
border: 1px solid #008fff;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child.active{
border: 1px solid #008fff;
background: #f3f9ff;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child [type='radio']:checked + span:before{
border: 2px solid #0090ff;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child [type='radio']:checked + span:after{
border: 2px solid #0090ff;
}
.parents-lists-custom-rule{
margin-top: 20px;
margin-left: -20px;
margin-right: -20px;
cursor: default;
}
.parents-lists-custom-rule .child-lists-custom-rule{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 15px;
border-top: 1px solid #d9dde7;
}
.parents-lists-custom-rule .child-lists-custom-rule:nth-child(odd){
background: #fbfbfc;
}
.parents-lists-custom-rule .child-lists-custom-rule:nth-child(even){
}
.parents-lists-custom-rule .child-lists-custom-rule:last-child{
border-bottom: 1px solid #d9dde7;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .ctop{
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .ctop p{
color: #6a7281;
font-size: 14px;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .ctop p span{
background: #008fff;
color: white;
padding: 6px 10px;
border-radius: 0.5em;
font-size: 13px;
cursor: default;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .cbot{
padding-left: 173px;
margin-top: 5px;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
flex-flow: wrap;
gap: 5px;
margin-top: 13px;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .cbot img{
width: 31px;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .cbot span{
background: #ffcb00;
color: #242424;
padding: 5px 10px;
border-radius: 0.5em;
font-weight: 500;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right .edit-btn{
background: #f5f7f9;
color: #495761;
font-size: 14px;
padding: 12px;
border-radius: 0.5em;
padding-top: 3px;
padding-bottom: 3px;
font-weight: 500;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right .edit-btn:hover{
background: #e2e2e2;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right .delete-btn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right .delete-btn i{
color: #df3333;
font-size: 19px;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right .delete-btn:hover{
color: #df3333;
font-size: 19px;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-right .delete-btn:hover i{
color: #d20707;
}
.empty-list-custom-rule{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.empty-list-custom-rule img{
width: 316px;
margin-bottom: -25px;
}
.empty-list-custom-rule b{
color: #333c4c;
font-weight: bold;
font-size: 24px;
margin-bottom: 25px;
}
.empty-list-custom-rule .btn-create-new-custom-rule{
background: #008fff;
color: white;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 0.5em;
width: 240px;
height: 38px;
padding: 8px;
gap: 10px;
font-weight: 500;
}
.empty-list-custom-rule .btn-create-new-custom-rule i{
font-size: 20px;
}
.empty-list-custom-rule .btn-create-new-custom-rule:hover{
background: #0268b8;
}
.toggle.btn-sm{
border-radius: 0.5rem;
border: 1px solid #1585DD;
}
.btn.toggle-on{
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* background-color: transparent; */
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
/* border-radius: 0.25rem; */
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #fff;
background-color: #1585DD;
border-color: #1585DD;
}
.toggle-handle{
/* border: 1px solid transparent; */
border-radius: 5px;
color: #212529;
display: inline-block;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
padding: 12px;
text-align: center;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
top: -2px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);
}
.toggle-handle:hover{
background-color: #f4f4f4;
}
.toggle-off.btn-sm{
background: #667b99;
padding-left: 2.5rem !important;
border-radius: 0.5em;
}
.toggle.btn-sm.off{
border-color: #667b99 !important;
border: 1px solid #667b99;
background: #667b99;
}
.toggle.btn-sm.disabled{
border-color: #bdc0c4 !important;
border: 1px solid #bdc0c4;
background: #bdc0c4;
pointer-events: none;
}
.toggle.btn-sm.disabled .btn.toggle-on{
background: #bdc0c4 !important;
border-color: #bdc0c4 !important;
}
.toggle-on.btn-sm{
border-radius: 0.5em;
}
.toolbar-sr-editor-area{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
/* margin: 0; */
padding: 10px !important;
}
.toolbar-sr-editor-area .content-left{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.toolbar-sr-editor-area .content-left a.back{
background: #f1f3f9;
color: #4f5866;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.toolbar-sr-editor-area .content-left a.back i{
}
.toolbar-sr-editor-area .content-left a.back:hover{
background: #dadada;
}
.toolbar-sr-editor-area .content-left input[type="text"]{
margin: 0px;
font-size: 18px;
width: 300px;
border-bottom: 1px solid #d3d9e4;
}
.toolbar-sr-editor-area .content-left input[type="text"]:focus{
border-bottom: 1px solid #9c9c9c;
}
.toolbar-sr-editor-area .content-right{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 30px;
}
.toolbar-sr-editor-area .content-right .btn-save{
background: #008fff !important;
color: white;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 5px;
width: 115px;
height: 38px;
padding: 8px;
gap: 10px;
border: none;
}
.toolbar-sr-editor-area .content-right .btn-save .preloader-wrapper.small{
width: 15px;
height: 15px;
}
.toolbar-sr-editor-area .content-right .btn-save .preloader-wrapper .spinner-green-only{
border-color: #a2a2a2 !important;
}
.toolbar-sr-editor-area .content-right .btn-save.disabled{
background: #f1f4f8 !important;
pointer-events: none;
color: #8b899f;
border: 1px solid #e0e3eb;
}
.toolbar-sr-editor-area .content-right .btn-save:hover{
background: #0775cb !important;
}
.toolbar-sr-editor-area .content-right .btn-save i{
}
.immediately-response-message-list .body-response-message .response-text .char-counter{
position: absolute;
bottom: 12px;
right: 7px;
background: #f2f2f2;
border-radius: 0.5em;
border: 1px solid #e4e4e4;
padding: 0px 10px;
font-size: 10px;
font-weight: bold;
color: #7488a5;
}
.typenumber{
padding: 1px 11px !important;
height: auto !important;
border-radius: 2em;
font-size: 12px !important;
margin: 0 !important;
margin-left: 10px !important;
}
.area-editor-button-text{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
position: relative;
}
.area-editor-button-text i{
font-size: 16px;
cursor: help;
}
.area-editor-button-text .popover-custom{
left: 51px !important;
}
.area-editor-button-text .popover-custom img{
width: 230px;
}
.icon-open-element{
color: #818181;
display: none;
}
.icon-open-element:hover{
color: #434343;
}
.icon-open-element i{
font-size: 40px;
}
.icon-open-element-action-area{
color: #818181;
display: none;
}
.icon-open-element-action-area:hover{
color: #434343;
}
.icon-open-element-action-area i{
font-size: 40px;
}
.list_whatsapp_number_switcher{
border: 1px solid #ccc;
margin-top: 10px;
box-sizing: border-box;
width: 100%;
border-radius: 0.5em;
padding: 8px 15px;
height: auto;
font-size: 14px;
cursor: pointer;
}
.list_whatsapp_number_switcher:hover{
border: 1px solid #6b6b6b;
}
.list_whatsapp_number_switcher:focus, .list_whatsapp_number_switcher:active{
box-shadow: none !important;
outline: 0 !important;
border: 1px solid #3b3b3b;
}
.table-header-with-icon{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.table-header-with-icon span{
}
.table-header-with-icon a{
margin: 0;
padding: 0;
height: auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #767a89;
text-decoration: none;
}
.table-header-with-icon a:hover{
color: #5c5e63;
}
.table-header-with-icon a i{
font-size: 15px;
margin: 0 !important;
padding: 0 !important;
}
.number-for-api-selector{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.number-for-api-selector .number-for-api-selector-header{
font-weight: bold;
font-size: 22px;
margin: 0;
color: black;
margin-top: -25px;
margin-bottom: 10px;
}
.number-for-api-selector .number-for-api-selector-subheader{
color: #000000;
font-size: 15px;
margin-top: 10px;
margin-bottom: 15px;
}
.number-for-api-selector .number-for-api-selector-buttons{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 5px;
margin-bottom: 20px;
}
.number-for-api-selector .number-for-api-selector-buttons .select-from-existing{
/* background: #fff2cc;
color: #171512;
border: 2px solid #e7d08c;
border-radius: 0.5em;
padding: 0px 20px !important;
font-size: 14px;
font-weight: bold;
height: auto !important; */
}
.number-for-api-selector .number-for-api-selector-buttons .select-from-existing:hover{
/* background: #ffe9a8; */
}
.number-for-api-selector .number-for-api-selector-buttons .number-for-api-selector-separator{
color: #626262;
font-weight: bold;
font-size: 14px;
}
.number-for-api-selector .number-for-api-selector-buttons .select-new-number{
/* background: #dae8fc;
color: #171512;
border: 2px solid #95afd4;
border-radius: 0.5em;
padding: 0px 20px;
font-size: 14px;
font-weight: bold;
height: auto !important; */
width: 100%;
}
.number-for-api-selector .number-for-api-selector-buttons .select-new-number:hover{
/* background: #b0cef8; */
}
.badge-connection-type{
padding: 3px 15px !important;
position: absolute !important;
right: 17px !important;
height: auto !important;
border-radius: 0.3em !important;
top: 14px !important;
cursor: help !important;
}
.badge-connection-type.popup{
right: 69px !important;
}
.popover-custom.popup{
right: 51px;
left: unset;
top: 47px;
}
.popover-custom.popup img{
width: 250px;
}
select.form-control { transition: none !important; }
.area-input-and-ss-footer-message{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 30px;
}
.area-input-and-ss-footer-message .area-input{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
}
.area-input-and-ss-footer-message .area-input .label-footer-message{
font-size: 14px;
color: #777777;
display: block;
margin-bottom: 10px;
}
.area-input-and-ss-footer-message .frame_footer_message{
position: relative;
}
.area-input-and-ss-footer-message .area-input .footer_message{
width: 300px;
border: 1px solid #cdcdcd;
border-radius: 0.5em;
color: #777777;
font-size: 16px;
padding: 10px 15px;
}
.area-input-and-ss-footer-message .area-input .char-counter{
position: absolute;
bottom: 12px;
right: 7px;
background: #f2f2f2;
border-radius: 0.5em;
border: 1px solid #e4e4e4;
padding: 0px 10px;
font-size: 10px;
font-weight: bold;
color: #7488a5;
}
.area-input-and-ss-footer-message .area-input .enable-hyperlink{
margin-top: 15px;
}
.area-input-and-ss-footer-message .area-input .enable-hyperlink label{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.area-input-and-ss-footer-message .area-input .enable-hyperlink label span{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
line-height: 10px !important;
height: 20px;
color: #939aa6;
font-size: 14px;
}
.area-input-and-ss-footer-message .area-input .enable-hyperlink [type='checkbox'].filled-in:checked + span:not(.lever):after{
z-index: 0;
top: 0;
width: 20px;
height: 20px;
border: 3px solid #d75466;
background-color: #ffffff;
border-radius: 0.3em;
}
.area-input-and-ss-footer-message .area-input .enable-hyperlink [type='checkbox'].filled-in:checked + span:not(.lever):before{
border-right: 3px solid #cd4d6e;
border-bottom: 3px solid #cd4d6e;
}
.area-input-and-ss-footer-message .area-ss{
}
.area-input-and-ss-footer-message .area-ss img{
width: 320px;
margin-top: 8px;
}
.content-area .app-wrapper .dataTables_wrapper table.dataTable tbody td .toggle.btn-sm{
width: 50px !important;
}
.label-with-info{
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.label-with-info i{
font-size: 15px;
margin-top: 4px;
cursor: help;
}
.away-time-status{
margin-top: 24px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-bottom: -15px;
}
.away-time-status label{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.away-time-status label input{
}
.away-time-status label span{
}
.away-time-status [type='checkbox'] + span:not(.lever){
line-height: 19px;
font-size: 14px;
color: #333c4c;
padding-left: 27px;
}
.away-time-status [type='checkbox'].filled-in:checked + span:not(.lever):after{
border: 2px solid #a93591;
background-color: #a73492;
width: 18px;
height: 18px;
}
.away-time-status [type='checkbox'].filled-in:checked + span:not(.lever):before{
top: -1px;
left: 0px;
width: 8px;
}
.away-time-status [type='checkbox'].filled-in:not(:checked) + span:not(.lever):after{
width: 18px;
height: 18px;
}
.area-state-footer-message{
margin-top: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.area-state-footer-message label{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.area-state-footer-message label input{
}
.area-state-footer-message label span{
}
.area-state-footer-message [type='checkbox'] + span:not(.lever){
line-height: 19px;
}
.area-state-footer-message [type='checkbox'].filled-in:checked + span:not(.lever):after{
border: 2px solid #a93591;
background-color: #a73492;
}
.different-package-popup-notification{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
width: 100%;
}
.different-package-popup-notification .different-package-popup-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 100%;
}
.different-package-popup-notification .different-package-popup-content .problem-and-solution{
}
.different-package-popup-notification .different-package-popup-content .problem-and-solution .frame-problem-solution-box{
background: #fef2cb;
padding: 10px 15px;
line-height: 22px;
border: 1px solid #c9b57b;
}
.different-package-popup-notification .different-package-popup-content .problem-and-solution .frame-problem-solution-box p{
margin: 0;
color: black;
font-size: 14px;
font-family: sans-serif;
}
.different-package-popup-notification .different-package-popup-content .problem-and-solution .frame-problem-solution-box p b{
font-weight: bold;
}
.different-package-popup-notification .different-package-popup-content .problem-and-solution .separator-problem-solution-box{
margin: 10px 0px;
/* font-weight: bold !important; */
color: black;
}
.different-package-popup-notification .different-package-popup-content .old-package{
flex: 1 1 auto;
text-align: center;
border-right: 1px solid #ccc;
}
.different-package-popup-notification .different-package-popup-content .old-package .heading-title{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
.different-package-popup-notification .different-package-popup-content .old-package ul{
margin: 0;
padding: 0;
}
.different-package-popup-notification .different-package-popup-content .old-package ul li{
font-size: 14px;
margin-bottom: 2px;
}
.different-package-popup-notification .different-package-popup-content .new-package{
flex: 1 1 auto;
text-align: center;
}
.different-package-popup-notification .different-package-popup-content .new-package .heading-title{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}
.different-package-popup-notification .different-package-popup-content .new-package ul{
margin: 0;
padding: 0;
}
.different-package-popup-notification .different-package-popup-content .new-package ul li{
font-size: 14px;
margin-bottom: 2px;
}
.different-package-popup-notification .different-package-popup-footer{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 20px;
gap: 20px;
border-top: 1px solid #ccc;
padding-top: 20px;
}
.different-package-popup-notification .different-package-popup-footer .btn.grey{
color: black;
}
.different-package-popup-notification .different-package-popup-footer .button-right-pop{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 10px;
}
}
.different-package-popup-notification .different-package-popup-footer .dont-use-recomendation{
color: black;
}
.different-package-popup-notification .different-package-popup-footer .dont-use-recomendation:hover{
}
.different-package-popup-notification .different-package-popup-footer .use-recomendation{
}
.different-package-popup-notification .different-package-popup-footer .use-recomendation:hover{
}
.allowed_domain_list{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.allowed_domain_list p{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 5px;
/* background: #fd6d42; */
color: #a73695;
border-radius: 2em;
/* padding: 3px 15px; */
font-size: 14px;
margin: 0px;
}
.allowed_domain_list p.as_link{
cursor: pointer;
}
.allowed_domain_list p.as_link:hover{
/* background: #cd431a; */
color: #560c4a;
}
.allowed_domain_list p span{
}
.allowed_domain_list p a{
height: auto;
line-height: 0;
color: white;
}
.allowed_domain_list p a:hover{
color: #dfdfdf;
}
.allowed_domain_list p a i{
font-size: 16px;
margin-top: 0px;
}
.list-allowed-domain-popup{
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
gap: 15px;
}
.list-allowed-domain-popup .child-allowed-domain-popup{
}
.list-allowed-domain-popup .child-allowed-domain-popup .child-allowed-domain-popup-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.alert-invalid-domain{
color: red;
font-style: italic;
font-size: 11px;
margin-top: 2px;
display: none;
}
.alert-invalid-domain-berdu{
color: red;
font-style: italic;
font-size: 11px;
margin-top: 2px;
display: none;
}
.list-allowed-domain-popup .child-allowed-domain-popup input{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 10px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
color: #6d7480;
margin: 0;
}
.list-allowed-domain-popup .child-allowed-domain-popup input:focus{
border: 1px solid #818181 !important;
box-shadow: none !important;
}
.list-allowed-domain-popup .child-allowed-domain-popup .remove-from-allowed-domain{
color: #1a9aff;
}
.list-allowed-domain-popup .child-allowed-domain-popup .remove-from-allowed-domain i{
font-size: 16px;
}
.list-allowed-domain-popup .child-allowed-domain-popup .remove-from-allowed-domain:hover{
}
.list-allowed-domain-popup .child-allowed-domain-popup .add-new-allowed-domain{
color: #1a9aff;
}
.list-allowed-domain-popup .child-allowed-domain-popup .add-new-allowed-domain i{
font-size: 16px;
}
.list-allowed-domain-popup .child-allowed-domain-popup .add-new-allowed-domain:hover{
}
.editor-allowd-domain-popup{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
gap: 10px;
margin-bottom: 20px;
width: 100%;
}
.editor-allowd-domain-popup .editor-allowd-domain-popup-label{
font-weight: bold;
color: black;
font-size: 16px;
}
.editor-allowd-domain-popup .editor-allowd-domain-popup-editor{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.editor-allowd-domain-popup .editor-allowd-domain-popup-editor input{
border: 1px solid #000;
border-radius: 0.3em;
padding: 9px 10px;
}
.editor-allowd-domain-popup .editor-allowd-domain-popup-editor .add_to_allowed_btn{
background: #008fff;
color: white;
border: 2px solid #008fff;
border-radius: 5px;
width: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 9px 16px;
font-size: 14px;
margin-bottom: 0;
margin-top: 0;
}
.editor-allowd-domain-popup .editor-allowd-domain-popup-editor .add_to_allowed_btn.disabled{
background: #aeaeae;
border: 2px solid #b6b6b6;
color: #515151;
pointer-events: none;
}
.editor-allowd-domain-popup .editor-allowd-domain-popup-editor .add_to_allowed_btn:hover{
background: #067edd;
}
.daftar-allowd-domain-popup{
width: 100%;
}
.daftar-allowd-domain-popup .daftar-allowd-domain-popup-label{
font-weight: bold;
color: black;
font-size: 16px;
}
.daftar-allowd-domain-popup ul{
margin-top: 5px;
margin-bottom: 0px;
}
.daftar-allowd-domain-popup ul li{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 5px 0px;
height: auto;
min-height: auto;
}
.daftar-allowd-domain-popup ul li .allowd-domain-popup-name{
}
.daftar-allowd-domain-popup ul li .allowd-domain-popup-more-action{
position: relative;
}
.daftar-allowd-domain-popup ul li .allowd-domain-popup-more-action a{
color: #6a6a6a;
line-height: 0;
}
.daftar-allowd-domain-popup ul li .allowd-domain-popup-more-action a:hover{
color: #000;
}
.daftar-allowd-domain-popup ul li .allowd-domain-popup-more-action a i{
font-size: 18px;
line-height: 0;
}
.daftar-allowd-domain-popup ul li .dropdown-allowd-domain-popup-more-action{
width: 200px !important;
left: auto !important;
right: 0 !important;
box-shadow: 0px 0px 10px 0px #00000026 !important;
border: 1px solid #e3e5ee;
}
.daftar-allowd-domain-popup ul li .dropdown-allowd-domain-popup-more-action li{
}
.daftar-allowd-domain-popup ul li .dropdown-allowd-domain-popup-more-action li a{
width: 100% !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
font-size: 13px;
padding: 14px 18px;
height: auto;
}
.allowed-domain-th{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.allowed-domain-th span{
}
.allowed-domain-th i{
font-size: 17px;
}
.daftar-blocked-domain-popup{
width: 100%;
margin-top: 10px;
}
.daftar-blocked-domain-popup .daftar-blocked-popup-label{
font-weight: bold;
color: black;
font-size: 16px;
}
.daftar-blocked-domain-popup ul{
margin-top: 5px;
}
.daftar-blocked-domain-popup ul li{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 5px 0px;
}
.daftar-blocked-domain-popup ul li .allowd-blocked-popup-name{
}
.daftar-blocked-domain-popup ul li .allowd-blocked-popup-delete{
color: #dc0000;
}
.daftar-blocked-domain-popup ul li .allowd-blocked-popup-delete i{
font-size: 19px;
line-height: 0;
}
.daftar-blocked-domain-popup ul li .allowd-blocked-popup-delete:hover{
color: #ff2323;
}
.alert-self-make{
padding: 10px 20px;
margin: 20px;
margin-bottom: -20px;
margin-top: 20px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
border-radius: 6px;
}
.alert-self-make .alert-self-make-p{
margin: 0;
color: white;
font-size: 15px;
}
.alert-self-make .alert-self-make-p a{
color: white;
border-bottom: 1px dashed;
}
.alert-self-make .alert-self-make-p a:hover{
color: #f1f1f1;
}
.alert-self-make .alert-self-make-close{
color: white;
line-height: 0;
}
.alert-self-make .alert-self-make-close:hover{
color: #f1f1f1;
}
.alert-self-make .alert-self-make-close i{
font-size: 17px;
}
.frame-flex-new-form{
display: flex !important;
justify-content: flex-start !important;
align-content: center !important;
flex-wrap: nowrap !important;
flex-direction: row !important;
align-items: center !important;
}
.frame-flex-new-form label{
font-size: 15px !important;
color: black !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
}
.frame-flex-new-form input{
border: 1px solid #ccc !important;
border-radius: 8px !important;
padding: 10px !important;
height: auto !important;
margin: 0 !important;
text-indent: 4px !important;
}
.frame-flex-new-form input.invalid{
border: 1px solid #ff5252 !important;
box-shadow: none !important;
}
.frame-flex-new-form input.valid{
border: 1px solid #00bfa5 !important;
box-shadow: none !important;
}
.frame-flex-new-form input:hover{
}
.frame-flex-new-form input:focus{
border: 1px solid #454545 !important;
box-shadow: none !important;
}
.frame-flex-new-form input:active{
}
.area-select-property-broadcast{
margin-bottom: 20px;
}
.list-select-property-broadcast{
background: #f2f4f8;
padding: 20px !important;
border-radius: 0.5em !important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
max-height: 10vw;
overflow: auto;
/* background: #f2f4f8;
padding: 20px !important;
border-radius: 0.5em !important;
overflow: auto;
max-height: 200px;
display: block; */
}
.list-select-property-broadcast::-webkit-scrollbar {
width: 10px;
}
.list-select-property-broadcast::-webkit-scrollbar-track {
background: transparent;
}
.list-select-property-broadcast::-webkit-scrollbar-thumb {
background-color: #5e5e5e;
border-radius: 10px;
border: 3px solid #f0e7de;
}
.show-licenses-api-type{
position: absolute;
right: 0;
background: white;
border: 1px solid #ccc;
border-radius: 50px;
padding: 4px 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
color: #1d1e2f;
right: 15px;
top: 15px;
}
.show-licenses-api-type i{
font-size: 14px;
}
.show-licenses-api-type span{
font-size: 12px;
}
.show-licenses-api-type:hover{
background: #f4f4f4;
}
.list-select-property-broadcast.no-bg-and-border{
background: none !important;
border-radius: 0px !important;
padding: 6px 6px 6px 2px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.list-select-property-broadcast li.child-of-options{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
position: relative;
/* margin-bottom: 10px; */
}
.list-select-property-broadcast li.child-of-options.disabled-area b{
cursor: default !important;
}
.list-select-property-broadcast li.child-of-options.disabled-area [type='checkbox'] + span:not(.lever){
cursor: default !important;
}
.list-select-property-broadcast li.child-of-options:last-child{
/* margin-bottom: 0px; */
}
.list-select-property-broadcast li.child-of-options.last-child-showing{
/* margin-bottom: 0px; */
}
.list-select-property-broadcast li.child-of-options .area-checkbox-child-of-options{
}
.list-select-property-broadcast li.child-of-options .title-child-of-options{
cursor: pointer;
font-size: 14px !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options.not-active{
color: #a1a1a1;
cursor: default;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options.liteweight{
font-weight: 400 !important;
color: #323232;
}
.list-select-property-broadcast li.child-of-options.disabled-area .title-child-of-options.liteweight{
font-weight: 400 !important;
color: #828282 !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options .state-connection-badge{
background: gray;
color: white;
padding: 3px 5px;
font-size: 9px;
margin-left: 5px;
width: 32px !important;
display: inline-block;
text-align: center;
border-radius: 50px;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options .state-connection-badge.on{
background: #00b34b !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options .state-connection-badge.off{
background: #b00505 !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options .state-connection-badge.api{
background: #e58200 !important;
}
ul.stepper.horizontal .step .step-content .step-actions{
/* position: relative !important; */
}
.card-content.pb-0.m-custom-pad {
cursor: default;
}
.row.step-content-row-padding.area-select-property-broadcast.penerima-cuy {
margin-top: 20px !important;
margin-bottom: 120px !important;
}
.property-wrapping-bg-radius{
background: #f2f4f8;
padding: 20px !important;
border-radius: 0.5em !important;
padding-top: 10px !important;
}
.property-list-select-property-broadcast {
margin-bottom: 7px;
}
.property-list-select-property-broadcast .total-lists-selected-broadcast{
margin-bottom: 10px;
cursor: default;
}
.property-list-select-property-broadcast .total-lists-selected-broadcast b{
font-weight: bold;
color: #3797ec;
}
.property-list-select-property-broadcast .total-lists-selected-broadcast span{
color: #3a3a3a;
}
.property-list-select-property-broadcast .action-button-lists{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter{
position: relative;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter .action-button-item-sort-popupitem-frame{
position: absolute;
z-index: 999;
display: none;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter .action-button-item-sort-popupitem{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
/* position: absolute; */
/* z-index: 999; */
background: white;
width: 162px;
border: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
/* border-bottom-left-radius: 5px; */
/* border-bottom-right-radius: 5px; */
margin-top: 6px;
border-radius: 5px;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter .action-button-item-sort-popupitem a{
flex: 1;
font-size: 14px;
color: #414141;
padding: 4px 10px;
border-left: 5px solid #fff;
padding-left: 5px;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter .action-button-item-sort-popupitem a:hover{
background: #f2f4f8;
color: #414141;
border-left: 5px solid #b3bad9;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter .action-button-item-sort-popupitem a:active{
background: #f2f4f8;
color: #75798b;
border-left: 5px solid #2b96ee;
}
.property-list-select-property-broadcast .frame-action-button-sort-filter .action-button-item-sort-popupitem a.active{
background: #f2f4f8;
color: #414141;
border-left: 5px solid #2b96ee;
}
.property-list-select-property-broadcast .action-button-item{
background: white;
color: #2e3b47;
border: 1px solid #d7dde7;
border-radius: 5px;
font-size: 13px;
padding: 5px 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.property-list-select-property-broadcast .action-button-item:hover{
background: #f9f9f9;
}
.property-list-select-property-broadcast .action-button-item:active{
border-color: #676767;
}
.property-list-select-property-broadcast .action-button-item.active{
border-color: #676767;
}
.property-list-select-property-broadcast .action-button-item.sort{
width: 32px;
}
.property-list-select-property-broadcast .action-button-item.sort i{
font-size: 17px;
}
.property-list-select-property-broadcast .action-button-item.select-all{
width: 132px;
}
.property-list-select-property-broadcast .action-button-item:hover{
}
.property-list-select-property-broadcast .search-list-realtime{
font-size: 15px !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
padding: 6px !important;
margin: 0 !important;
margin-bottom: 15px !important;
margin-top: 11px !important;
}
.property-list-select-property-broadcast .search-list-realtime:focus{
box-shadow: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: 1px solid #454545 !important;
}
.flex-breadcrumb-with-button{
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
gap: 20px;
}
.flex-breadcrumb-with-button .back-button-after-breadcrumb{
border: 1.5px solid #de75b8;
border-radius: 8px 8px 8px 8px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
padding: 4px 6px;
width: 110px;
color: #f9bbe3;
font-size: 14px;
transition: 0.1s linear;
}
.flex-breadcrumb-with-button .back-button-after-breadcrumb:hover{
color: #ffffff !important;
border-color: #fff;
}
.flex-breadcrumb-with-button .back-button-after-breadcrumb:active{
background: #ededed;
}
.flex-breadcrumb-with-button .back-button-after-breadcrumb i{
font-size: 20px;
}
.flex-breadcrumb-with-button .back-button-after-breadcrumb span{
margin-left: 10px;
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title {
padding-right: 30px;
border-right: 1px solid #dea3ce;
font-size: 18px !important;
margin-top: 2px !important;
cursor: default;
}
.interactive-messages-frame-aboard{
margin-bottom: 20px;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 20px;
}
.interactive-messages-frame-aboard-spintax{
margin-bottom: 20px;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 20px;
}
[type='checkbox'].filled-in:checked + span:not(.lever):after {
z-index: 0;
top: 0;
width: 20px;
height: 20px;
border: 2px solid #0179ff !important;
background-color: #0179ff !important;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
position: relative;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left .popover-custom{
padding: 5px 5px;
border-radius: 10px;
padding-bottom: 0px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard-left .popover-custom{
padding: 5px 2px;
border-radius: 10px;
padding-bottom: 0px;
left: -85px;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left .popover-custom img{
width: 200px;
border-radius: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard-left .popover-custom img{
width: 200px;
border-radius: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left h3{
color: #5f5f5f;
font-weight: bold;
font-size: 15px;
cursor: default;
margin: 0;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left span{
background: #c40000;
color: white;
padding: 4px 7px;
font-size: 9px;
/* border-radius: 50% !important; */
width: 37px !important;
display: inline-block;
text-align: center;
border-radius: 25px 25px 25px 25px;
}
@media only screen and (min-width: 0px) and (max-width: 1400px) {
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left i.new-badge{
display: none !important;
}
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left i{
font-size: 15px;
cursor: help;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left i.new-badge{
cursor: default;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left a i{
cursor: pointer !important;
color: #6b6f82 !important;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-right{
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-right .switch{
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard{
background: #f1f3f7;
padding: 20px;
border-radius: 8px;
margin-top: 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: stretch;
gap: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard.nobg-and-padding{
background: none !important;
padding: 0px !important;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .custom-footer-message-input-aboard{
position: relative;
flex: 1;
}
.parent-preview-chat-container {
font-family: sans-serif;
letter-spacing: 0.2px;
}
.parent-preview-chat-container-wmaxw{
max-width: 375px !important;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .custom-footer-message-input-aboard .custom-footer-message-input-aboard-message{
width: 100%;
border: 1px solid #cdcdcd;
border-radius: 8px;
color: #777777;
font-size: 14px;
padding: 10px 15px;
color: #23242a;
transition: 0.2s linear;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .custom-footer-message-input-aboard .custom-footer-message-input-aboard-message:focus {
border: 1px solid #23242a !important;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .custom-footer-message-input-aboard .custom-footer-message-input-aboard-message.ugh-required{
border: 1px solid red;
box-shadow: 0px 0px 5px -1px red;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .custom-footer-message-input-aboard .custom-footer-message-input-aboard-char-counter{
position: absolute;
bottom: 10px;
right: 10px;
background: #f2f2f2;
border-radius: 50px;
border: 1px solid #e4e4e4;
padding: 1px 10px;
font-size: 10px;
font-weight: bold;
color: #93979f;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-frame{
flex: 1;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left{
flex: 1;
margin-bottom: 15px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left .interactive-messages-body-aboard-left-header{
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left .interactive-messages-body-aboard-left-header h4{
font-size: 12px;
font-weight: bold;
color: #5f5f5f;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left .interactive-messages-body-aboard-left-header h4 i{
font-size: 15px;
cursor: help;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-content{
margin-top: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-content .parent-list-button-title{
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-content .parent-list-button-title input{
margin: 0;
background: white;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 12px;
height: 31px;
width: 100%;
text-indent: 10px;
box-sizing: border-box;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-content .parent-list-button-title input.ugh-required{
border: 1px solid red;
box-shadow: 0px 0px 5px -1px red;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-content .parent-list-button-title input:focus{
border: 1px solid #999;
box-shadow: none !important;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-left-content .parent-list-button-title input:active{
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists input:focus{
border: 1px solid #999;
box-shadow: none !important;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists input.ugh-required{
border: 1px solid red;
box-shadow: 0px 0px 5px -1px red;
}
/* FOR HEADER SPINTAX R */
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
position: relative;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left .popover-custom img{
width: 200px;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left h3{
color: #5f5f5f;
font-weight: bold;
font-size: 15px;
cursor: default;
margin: 0;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left span{
background: #c40000;
color: white;
padding: 4px 7px;
font-size: 9px;
/* border-radius: 50% !important; */
width: 37px !important;
display: inline-block;
text-align: center;
border-radius: 25px 25px 25px 25px;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left a{
color: #6b6f82;
cursor: pointer !important;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left a i{
font-size: 15px;
cursor: pointer !important;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-right{
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-right .switch{
}
/* END FOR HEADER SPINTAX R */
.custom-dropdown-like-butter{
position: relative;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector{
background: white;
padding: 3px 4px;
border-radius: 5px;
display: flex;
flex-direction: row;
text-indent: 7px;
flex-wrap: nowrap;
height: 31px;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 10px;
cursor: pointer;
border: 1px solid #ccc;
transition: all 0.2s ease;
color: #000000;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for{
border-radius: 50%;
/* background: none;
border: none; */
/* width: 31px; */
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for:hover{
border-radius: 5px;
/* background: white;
border: 1px solid #ccc; */
/* width: 105px; */
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for.active{
border-radius: 5px;
/* background: white;
border: 1px solid #ccc; */
/* width: 105px; */
}
@keyframes custom-dropdown-like-butter-selector-title-anim {
0% {
opacity: 0;
margin-right: -73px;
}
50% {
display: block;
opacity: 0;
/* margin-right: -30px; */
}
80% {
opacity: 0.5;
}
100% {
opacity: 1;
margin-right: 0px;
}
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for .custom-dropdown-like-butter-selector-title{
display: none;
opacity: 0;
margin-right: -73px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for:hover .custom-dropdown-like-butter-selector-title{
/* display: inline-block; */
display: block;
animation: custom-dropdown-like-butter-selector-title-anim 0.5s forwards;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for.active .custom-dropdown-like-butter-selector-title{
/* display: inline-block; */
display: block;
opacity: 1;
margin-right: 0px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.special-making-for.active:hover .custom-dropdown-like-butter-selector-title{
opacity: 1 !important;
margin-right: 0px !important;
}
.parent-preview-chat-container .parent-preview-chat-container-header .custom-dropdown-like-butter .custom-dropdown-like-butter-selector{
opacity: 0.9 !important;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.active{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector:hover .custom-dropdown-like-butter-selector-icon{
background: #f6f6f6;
border-radius: 50%;
border: 1px solid #dadadb;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-title{
font-size: 12px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-icon{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 50%;
border: 1px solid #fff;
width: 22px;
height: 22px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-icon:hover{
background: #f6f6f6;
border-radius: 50%;
border: 1px solid #dadadb;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector.active .custom-dropdown-like-butter-selector-icon{
background: #f6f6f6;
border-radius: 50%;
border: 1px solid #dadadb;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-icon i{
font-size: 20px;
margin-right: 7px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-content-frame{
display: none;
position: absolute;
width: 100%;
height: 67px;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-content{
position: absolute;
display: flex;
background: white;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
left: 0;
right: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding-left: 0px;
padding-right: 0px;
border-top: 0px;
z-index: 999;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-content .custom-dropdown-like-butter-content-choosen{
color: #414141;
font-size: 12px;
padding: 5px 10px;
/* padding-left: 0px; */
border-left: 5px solid #fff;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-content .custom-dropdown-like-butter-content-choosen:hover{
border-left: 5px solid #b3bad9;
color: #414141;
}
.custom-dropdown-like-butter .custom-dropdown-like-butter-content .custom-dropdown-like-butter-content-choosen.active{
border-left: 5px solid #2b96ee;
color: #414141;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right{
flex: 1;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-header{
margin-top: -5px;
margin-bottom: 15px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-header h4{
font-size: 12px;
font-weight: bold;
color: #5f5f5f;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-header h4 i{
font-size: 15px;
cursor: help;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content{
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists{
margin-top: 7px;
margin-bottom: 0;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists{
margin-bottom: 0px;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
width: 100%;
align-items: center;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists:nth-child(5) .button-configure-select {
margin-bottom: 0px !important;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists input{
margin: 0;
background: white;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 12px;
height: 31px;
width: 100%;
text-indent: 10px;
box-sizing: border-box;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .child-button-text-lists-addmore{
border: 1px dashed #c9ced7;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #8b8b8b;
font-size: 12px;
padding: 5px 12px;
border-radius: 8px;
cursor: pointer;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .child-button-text-lists-addmore:hover{
color: #737b86;
border-color: #737b86;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .child-button-text-lists-addmore:active{
background: #ededed;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete{
position: relative;
flex: 1;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete{
background: white;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #cfcfcf;
max-height: 200px;
overflow: auto;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
position: absolute;
width: 100%;
z-index: 99;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete li{
padding: 1px 18px;
font-size: 12px;
border-left: 5px solid #fff;
padding-left: 13px;
cursor: pointer;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete li:hover{
border-left: 5px solid #ee6350;
background: #f9f9f9;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete::-webkit-scrollbar {
width: 20px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete::-webkit-scrollbar-track {
background-color: transparent;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px;
border: 6px solid transparent;
background-clip: content-box;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists .frame-child-button-text-lists-autocomplete .child-button-text-lists-autocomplete::-webkit-scrollbar-thumb:hover {
background-color: #a8bbbf;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists a{
/* position: absolute;
right: 5px;
top: 5px;
color: #f79292; */
/* position: absolute; */
/* right: 17px; */
/* top: 9px; */
color: #f79292;
margin-left: 5px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists a.disabled{
pointer-events: none;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists a:hover{
color: #f50909;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists a i{
font-size: 19px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists a.disabled:hover{
color: #f79292;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard .interactive-messages-body-aboard-right .interactive-messages-body-aboard-right-content .parent-button-text-lists .child-button-text-lists a:hover{
color: #f34444;
}
.canvas-area-create-broadcast{
/* max-width: 1230px !important; */
}
.canvas-area-create-broadcast .card .card-content .step-content .step-content-inner{
max-width: 1230px !important;
margin: 0 auto;
}
.title-canvas-createbroacast-breadcrumb-with-button{
}
.parent-preview-chat-container{
position: relative;
}
.parent-preview-chat-container .parent-preview-chat-container-header{
position: absolute;
z-index: 990;
top: 10px;
right: 24px;
opacity: 0.9;
}
.parent-preview-chat-container .parent-preview-chat-container-header:hover{
opacity: 1;
}
.parent-preview-chat-container .parent-preview-chat-container-content .preview-chat-container{
overflow: auto;
scrollbar-width: auto;
scrollbar-color: #5e5e5e #ffffff;
}
.parent-preview-chat-container .parent-preview-chat-container-content .preview-chat-container::-webkit-scrollbar {
width: 10px;
}
.parent-preview-chat-container .parent-preview-chat-container-content .preview-chat-container::-webkit-scrollbar-track {
background: transparent;
}
.parent-preview-chat-container .parent-preview-chat-container-content .preview-chat-container::-webkit-scrollbar-thumb {
background-color: #5e5e5e;
border-radius: 10px;
border: 3px solid #f0e7de;
}
.step-content.step-content-no-padding.m-mar-min-left11.m-mar-right0 {
margin-top: -15px !important;
}
i.material-icons.left.on-off.tooltipped {
cursor: help;
}
.preview-chat-container{
position: relative;
background: #efe7dd url(https://cdn.watzap.id/bg-wa.jpg) repeat;
z-index: 0;
height: 100%;
border-radius: 5px;
height: 590px;
padding: 18px 10px;
box-shadow: 0px 2px 10px -3px #00000066;
border-radius: 7px;
}
.preview-chat-container .conversation-container{
/* height: calc(100% - 0px); */
overflow-x: hidden;
/* padding: 0 16px; */
margin-bottom: 0px;
padding-bottom: 5px;
}
.preview-chat-container .conversation-container.exist-listbuttons{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
}
.preview-chat-container .conversation-container .conversation-container-message{
color: #000;
clear: both;
line-height: 20px;
font-size: 14px;
padding: 8px 11px 8px 11px;
position: relative;
margin: 0px;
max-width: 78%;
word-wrap: break-word;
z-index: -1;
background: #fdfdfd;
border-radius: 5px 5px 5px 5px;
float: left;
display: flex;
flex-direction: column;
align-items: stretch;
align-content: center;
justify-content: center;
min-width: auto;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin-left: 15px;
}
.preview-chat-container .conversation-container.exist-listbuttons .conversation-container-message{
min-width: 78%;
}
.preview-chat-container .conversation-container.exist-buttons .conversation-container-message{
min-width: 78%;
}
.preview-chat-container .conversation-container .conversation-container-message.embededimagination-after{
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin-top: 0px;
box-shadow: rgb(0 0 0 / 16%) 0px 3px 4px;
}
.preview-chat-container .conversation-container .conversation-container-message.embededimagination{
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.preview-chat-container .conversation-container.is-from-their .conversation-container-message{
float: right;
background: #e1ffc7;
padding-bottom: 24px;
min-width: auto;
margin-left: 0px;
margin-right: 15px;
}
.preview-chat-container .conversation-container .conversation-container-message img{
max-width: 186px;
margin: 0 auto;
object-fit: contain;
border-radius: 4px;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-content{
font-size: 14px;
/* padding-right: 29px; */
padding-right: 0px;
margin-bottom: 15px;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-content b{
font-weight: bold;
color: black;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-content strong{
font-weight: bold;
color: black;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-content i{
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-powered{
font-size: 12px;
color: #7c7c7c;
margin-top: 5px;
margin-right: 65px;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-powered.empty-valtext{
margin-top: -5px !important;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-metadata{
display: inline-block;
float: right;
padding: 0 0 0 7px;
position: absolute;
bottom: 3px;
right: 8px !important;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-metadata .conversation-container-message-metadata-time{
color: rgba(0,0,0,.45);
font-size: 11px;
display: inline-block;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-metadata .conversation-container-message-metadata-tick{
display: inline-block;
margin-left: 2px;
position: relative;
top: 4px;
height: 16px;
width: 16px;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-metadata .conversation-container-message-metadata-tick svg{
}
.preview-chat-container .conversation-container .conversation-container-message-button{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
margin: 0px;
gap: 6px;
width: 100%;
max-width: 100% !important;
flex: 1;
margin-left: 15px;
margin-bottom: 10px;
}
.preview-chat-container .conversation-container .conversation-container-message-buttonlist{
margin-left: 15px;
}
.preview-chat-container .conversation-container .conversation-container-message-button.morethan2{
flex-direction: column !important;
align-items: flex-start !important;
}
.preview-chat-container .conversation-container .conversation-container-message-button .conversation-container-message-button-child{
background: white;
box-shadow: 0 1.5px 1px rgb(0 0 0 / 20%);
border-radius: 5px;
padding: 6px 20px;
font-size: 12px;
/* flex: inherit; */
text-align: center;
color: #139acc;
font-weight: 500;
cursor: pointer;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.preview-chat-container .conversation-container .conversation-container-message-button.morethan2 .conversation-container-message-button-child{
width: 100%;
}
.preview-chat-container .conversation-container .conversation-container-message-buttonlist .conversation-container-message-buttonlist-child.disabled{
pointer-events: none !important;
color: #b6b6b6;
background: #fff;
}
.preview-chat-container .conversation-container .conversation-container-message-buttonlist .conversation-container-message-buttonlist-child{
background: #fff;
box-shadow: 0 1.5px 1px rgb(0 0 0 / 20%);
border-radius: 5px;
padding: 6px 29px;
font-size: 12px;
/* flex: inherit; */
text-align: center;
color: #139acc;
font-weight: 500;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
/* margin-left: 15px; */
}
.preview-chat-container .conversation-container .conversation-container-message-buttonlist .conversation-container-message-buttonlist-child i{
font-size: 18px;
}
.preview-chat-container .conversation-container .conversation-container-message-buttonlist .conversation-container-message-buttonlist-child span{
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.preview-chat-container .conversation-container .conversation-container-message-button .conversation-container-message-button-child.disabled{
pointer-events: none !important;
color: #b6b6b6;
background: #fcfcfc;
}
.preview-chat-container .conversation-container.exist-listbuttons .conversation-container-message{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom: 1px solid #ccc !important;
margin-bottom: 5px;
}
.tri-right.border.left-top:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -40px;
right: auto;
top: -8px;
bottom: auto;
border: 32px solid;
border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -14px;
right: auto;
top: 0px;
bottom: auto;
border: 14px solid;
border-color: #fdfdfd transparent transparent transparent;
filter: drop-shadow(-2px -4px 2px rgba(0,0,0,0.5));
}
.tri-right.right-top:after{
content: ' ';
position: absolute;
width: 0;
height: 0;
right: -15px;
left: auto;
top: 0px;
bottom: auto;
border: 16px solid;
border-color: #e1ffc7 transparent transparent transparent;
filter: drop-shadow(2px -2px 1px rgba(0,0,0,0.5));
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: white;
box-shadow: 0px -3px 9px -7px #a8a8a8;
border-radius: 10px;
/* border-bottom-left-radius: 0px; */
/* border-bottom-right-radius: 0px; */
margin: 0px;
padding-bottom: 25px;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-header{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-header .messagelist-popup-listbutton-closebtn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
margin-left: 20px;
color: #8c8c8c;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-header .messagelist-popup-listbutton-closebtn i{
font-size: 20px;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-header h4{
flex: 1;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content{
margin-bottom: 20px;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content ul{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content ul li{
padding: 10px 25px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content ul li:hover{
background: #fdfdfd;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content ul li span{
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content ul li label{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
width: 10px;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-content ul li input[type="checkbox"]{
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-footer{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding-left: 22px;
padding-right: 22px;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-footer .messagelist-popup-listbutton-footer-sendbtn{
background: #128C7E;
color: white;
display: block;
width: 100%;
text-align: center;
padding: 7px 10px;
border-radius: 5px;
transition: 0.1s linear;
}
.preview-chat-container .conversation-container .messagelist-popup-listbutton-container .messagelist-popup-listbutton-footer .messagelist-popup-listbutton-footer-sendbtn:hover{
background: #075E54;
}
.custom-area-input .custom-dropdown-like-butter{
}
.custom-area-input .custom-dropdown-like-butter .custom-dropdown-like-butter-selector{
height: 42px;
}
.custom-area-input .custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-title{
font-size: 15px;
}
.custom-area-input .custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-icon{
}
.custom-area-input .custom-dropdown-like-butter .custom-dropdown-like-butter-selector .custom-dropdown-like-butter-selector-icon i{
}
.custom-area-input .custom-dropdown-like-butter .custom-dropdown-like-butter-content .custom-dropdown-like-butter-content-choosen{
font-size: 14px;
}
.custom-area-input .custom-dropdown-like-butter .custom-dropdown-like-butter-content .custom-dropdown-like-butter-content-choosen.active{
}
.super-parent-interactive-messages-frame-aboard{
margin-top: 17px;
margin-left: 0;
padding-left: 5px;
padding-right: 20px;
}
.preview-from-detil-broadcast{
}
.preview-from-detil-broadcast .separate-double-content-preview-detil-broadcast{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
}
.preview-from-detil-broadcast .separate-double-content-preview-detil-broadcast .parents-frame-table{
flex: 1;
}
.frame-ss-information-short-custom-footer-message{
position: relative;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left .popover-custom{
left: -156px !important;
}
.parents-button-action-livechatwidget{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.parents-button-action-livechatwidget .child-button-action-livechatwidget{
margin: 0 !important;
flex: 1;
}
#ModalMagnifierImagePopup{
width: 485px !important;
overflow: initial !important;
border-radius: 12px;
}
.modal-content.lemeslur {
padding: 10px 10px 4px 10px !important;
}
.modal-content.lemeslur img {
border-radius: 7px;
max-width: 100%;
}
.frame-for-custom-popup-image{
position: relative;
}
.frame-for-custom-popup-image .popover-custom{
left: -66px;
}
.area-loading-send-preview{
margin-top: 15px !important;
}
.support_edit_internal_name{
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.support_edit_internal_name .edit_internal_name{
color: #8e8e8e;
display: flex;
}
.support_edit_internal_name .edit_internal_name:hover{
color: #2c2c2c;
}
.support_edit_internal_name .edit_internal_name i{
font-size: 14px;
}
.support_edit_internal_name a.modal-trigger{
margin-top: 0 !important;
}
.modalEditInternalNameClose{
position: absolute;
right: -10px;
top: -10px;
background: white;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ccc;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #7e7e7e;
}
.modalEditInternalNameClose:hover{
color: black;
}
.modalEditInternalNameClose i{
font-size: 16px !important;
font-weight: bold;
}
@media (max-width: 800px){
.button-replies-area{
width: 95%;
margin-top: 30px;
margin-bottom: 30px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .row{
display: flex;
align-items: center;
margin-bottom: 15px;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies .row .col{
width: 100%;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies label{
text-align: left;
margin-bottom: 5px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .top-frame-typing-effect{
margin-top: 20px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .content-child-content-buttons-replies input[type="text"]{
width: 100%;
box-sizing: border-box;
}
.button-replies-area .header-buttons-replies .title-header h1{
font-size: 16px;
}
.button-replies-area .header-buttons-replies .title-header h4{
color: #6a7281;
font-size: 13px;
margin: 0px;
margin-top: 5px;
}
.button-replies-area .parent-content-list-buttons-replies .child-content-list-buttons-replies .top-frame-typing-effect{
display: flex;
gap: 10px;
align-items: center;
position: relative;
}
.trigger-fires-list .conditions-trigger{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.trigger-fires-list .conditions-trigger .conditions-trigger-child{
width: 100%;
}
.trigger-fires-list .conditions-following-eval{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px !important;
gap: 5px;
}
.immediately-response-message-list .body-response-message{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: stretch;
margin-top: 20px;
gap: 15px;
}
.immediately-response-message-list .body-response-message .list-buttons{
width: 100%;
}
.immediately-response-properties .away-time-periode{
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
flex-direction: column;
width: 100%;
}
.immediately-response-properties .away-time-periode select{
width: 100%;
}
.immediately-response-properties .configure-footer-message{
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
color: #0c94ff;
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}
.area-input-and-ss-footer-message .area-ss img{
width: 100% !important;
margin-top: 8px !important;
}
.area-input-and-ss-footer-message{
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 30px;
}
.button-replies-area .header-buttons-replies-with-button{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.button-replies-area .header-buttons-replies-with-button .btn-create-new-custom-rule{
background: #008fff;
color: white;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-size: 13px;
border-radius: 0.5em;
width: 100%;
height: 38px;
padding: 8px;
gap: 10px;
font-weight: 500;
}
.button-replies-area .header-buttons-replies-with-button .btn-create-new-custom-rule i{
font-size: 18px;
}
.button-replies-area .header-buttons-replies-with-button .title-header h1{
font-size: 16px;
}
.button-replies-area .header-buttons-replies-with-button .title-header h4{
color: #6a7281;
font-size: 13px;
margin: 0px;
margin-top: 5px;
}
.toolbar-sr-editor-area{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
/* margin: 0; */
padding: 10px !important;
gap: 20px;
}
.toolbar-sr-editor-area .content-right{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 30px;
width: 100%;
}
.toolbar-sr-editor-area .content-left{
width: 100%;
}
.toolbar-sr-editor-area .content-left input[type="text"]{
margin: 0px;
font-size: 15px;
width: 100%;
border-bottom: 1px solid #d3d9e4;
flex: 1;
}
.toolbar-sr-editor-area .content-right .btn-save{
flex: 1;
font-size: 14px;
}
.toolbar-sr-editor-area .content-right .btn-save i{
font-size: 17px;
}
}
.preview-from-detil-broadcast .parent-preview-chat-container{
float: none !important;
margin: 0 !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.parents-list-select-property-broadcast-numberlist{
width: 100%;
}
.close-send-previewbtn{
float: right;
margin-top: -10px;
margin-right: -10px;
color: #4c4c4c;
}
.close-send-previewbtn:hover{
color: black;
}
.close-send-previewbtn i{
}
.close-modal-magnifierpopup{
/* float: right; */
margin-top: -10px;
margin-right: -10px;
color: #4c4c4c;
/* margin-bottom: 10px; */
background: black;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
position: absolute;
right: -1px;
top: -1px;
border: 2px solid #ffff;
box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
color: white;
}
.close-modal-magnifierpopup i{
font-size: 18px;
}
.close-modal-magnifierpopup:hover{
color: #dadada;
}
.calendar-popup-input-wrapper{
border: 1px solid #ccc !important;
border-radius: 5px !important;
}
.calendar-popup-input-wrapper.ugh-error{
border: 1px solid red !important;
box-shadow: 0px 0px 5px -1px red !important;
}
.calendar-popup-placeholder-input i{
font-family: 'Muli', sans-serif !important;
color: #000000 !important;
font-style: normal !important;
font-size: 15px !important;
}
.calendar.send_at{
font-family: 'Muli', sans-serif !important;
font-style: normal !important;
font-size: 15px !important;
visibility: visible;
color: black !important;
}
.calendar-popup-input-wrapper{
margin: 0 0px 0 0 !important;
padding: 5px 8px 0 !important;
}
.calendar-popup-input-wrapper>span{
background: transparent !important;
}
.calendar-popup-input-wrapper>span>span{
right: 4px !important;
}
.parent-card-content-quota-monitoring{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.status-warning-span{
font-size: 11px;
}
.area-tooggle-sefruit-tips-broadcast-parents{
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-header{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-header .label-area-tooggle-sefruit-tips-broadcast-changed{
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-header .label-area-tooggle-sefruit-tips-broadcast-changed span{
color: white;
font-weight: bold;
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-header .switch label input[type=checkbox]:checked + .lever{
background-color: #861426 !important;
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-header .switch label input[type=checkbox]:checked + .lever:after{
background-color: #f1f1f1 !important;
}
.card-content.white-text.area-tooggle-sefruit-tips-broadcast-parents {
padding-bottom: 15px;
cursor: default;
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-content{
font-size: 13px;
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-content .area-tooggle-sefruit-tips-broadcast-content-inner{
margin-top: 12px;
}
.area-tooggle-sefruit-tips-broadcast-parents .area-tooggle-sefruit-tips-broadcast-content .area-tooggle-sefruit-tips-broadcast-content-inner p{
margin-top: 5px;
}
#pengirimanKustom .modal-footer{
height: 75px !important;
padding: 4px 8px !important;
}
.finish-step-button-send{
font-weight: bold !important;
}
.conversation-container-message-file-wrapper{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.conversation-container-message-file-wrapper .conversation-container-message-file-wrapper-body{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 11px;
}
.conversation-container-message-file-wrapper .conversation-container-message-file-wrapper-body img{
width: 40px !important;
}
.conversation-container-message-file-wrapper .conversation-container-message-file-wrapper-body .conversation-container-message-file-wrapper-fdetil{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
}
.conversation-container-message-file-wrapper .conversation-container-message-file-wrapper-body .conversation-container-message-file-wrapper-fdetil .conversation-container-message-file-wrapper-fname{
color: #363840;
font-size: 12px;
padding: 0;
margin: 0;
line-height: 13px;
}
.conversation-container-message-file-wrapper .conversation-container-message-file-wrapper-body .conversation-container-message-file-wrapper-fdetil .conversation-container-message-file-wrapper-fsize{
color: #6b6f82;
font-size: 11px;
font-weight: 500;
padding: 0;
margin: 0;
}
#horizStepper{
min-height: 86vh !important
}
.button-configure-select{
border: 1px solid #d8dde7;
border-radius: 0.5em;
height: auto;
padding: 10px;
padding-top: 7px;
padding-bottom: 7PX;
font-size: 14px;
color: #6d7480;
margin-bottom: 9px;
cursor: pointer;
/* background: white; */
outline: none !important;
background: url("data:image/svg+xml,") no-repeat;
background-position: calc(100% - 0.75rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
background-color: white;
}
.button-configure-select:focus{
border: 1px solid #818181;
box-shadow: none !important;
outline: none;
}
.btn-add-more-options{
border: 1px dashed #c9ced7;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
color: #8b8b8b;
font-size: 12px;
padding: 5px 12px;
border-radius: 5px;
cursor: pointer;
}
.btn-add-more-options:hover{
color: #737b86;
border-color: #737b86;
}
.area_fstr_v2{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.area_fstr_v2 .form-group:first-child{
flex-basis: 65%;
}
.area_fstr_v2 .form-group:last-child{
flex-basis: 35%;
}
.area_fstr_v2 .form-group:last-child label{
margin-bottom: 10px !important;
}
.area_fstr_v2 .form-group:last-child .area_frequency_per_person select{
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.triggers_keyword_exact{
margin: 0 !important;
border: 1px solid #d8dde7 !important;
padding: 10px 15px !important;
border-radius: 6px !important;
box-sizing: border-box !important;
outline: none !important;
box-shadow: none !important;
transition: 0.1s linear !important;
height: 46px !important;
}
#bot-trigger-form .content-trigger-editor .custom-selector-with-image {
padding: 10px 16px;
border-radius: 10px;
}
.modal-footer.footer-copilot {
background: #f2f4f8;
}
.triggers_keyword_exact:hover {
border: 1px solid #afafaf !important;
}
.triggers_keyword_exact:focus {
border: 1px solid #767676 !important;
}
.frame-button-with-loader{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.frame-button-with-loader .preloader-wrapper{
width: 15px !important;
height: 16px !important;
}
.save-draft-now{
width: 200px;
}
.area-button-telegram-heading{
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
gap: 20px;
position: fixed !important;
z-index: 999 !important;
top: 14px !important;
min-height: auto !important;
}
.area-button-telegram-heading.extend-left{
left: 595px;
padding-left: 0px !important;
z-index: 1000 !important;
}
.area-button-telegram-heading.extend-left a{
margin-left: 0px;
}
.area-button-telegram-heading a{
border: 1px solid #088dd1 !important;
border-radius: 8px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 4px 4px;
width: 200px;
color: #ffffff;
font-size: 14px;
transition: 0.1s linear;
margin-left: 20px;
gap: 8px;
background: #088dd1;
}
.area-button-telegram-heading a:hover{
background: #0277b2;
border: 1px solid #0277b2 !important;
}
.area-button-telegram-heading a img{
width: 20px;
}
.area-button-telegram-heading a span{
}
.custom-domain-featured-parent{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: flex-start;
gap: 10px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #d8dde7;
}
.custom-domain-featured-parent.after-added{
align-items: center !important;
}
.custom-domain-featured-parent form{
flex-basis: 53%;
}
.custom-domain-featured-parent .area-domain-verified-status{
flex-basis: 53%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.custom-domain-featured-parent .area-domain-verified-status .icon-heading{
font-size: 80px;
}
.custom-domain-featured-parent .area-domain-verified-status h3{
font-size: 20px;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 5px;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.link_outer{
color: #0088cc;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.link_outer i{
font-size: 18px;
margin-bottom: 0px;
margin-right: 0px;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.link_outer:hover{
color: #00a1f2;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.re_validate{
color: #6b6f82;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.re_validate:hover{
color: #353846;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.re_validate i{
font-size: 18px;
margin-bottom: 0px;
margin-right: 0px;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.re_validate.disabled{
pointer-events: none;
color: #c7c7c7;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.re_validate.rotate i{
-webkit-animation:spinrotate 0.5s linear infinite;
-moz-animation:spinrotate 0.5s linear infinite;
animation:spinrotate 0.5s linear infinite;
}
@-moz-keyframes spinrotate {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spinrotate {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spinrotate {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.delete_domain{
color: #f44336;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.delete_domain i{
font-size: 18px;
margin-bottom: 0px;
margin-right: 0px;
}
.custom-domain-featured-parent .area-domain-verified-status .frame-content-chip a.delete_domain:hover{
color: #e73124;
}
.custom-domain-featured-parent .area-domain-verified-status .chip{
font-size: 12px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
max-width: 200px;
}
.custom-domain-featured-parent .area-domain-verified-status .chip i{
margin: 0;
font-size: 20px;
margin-bottom: 1px;
width: auto !important;
float: none !important;
}
.custom-domain-featured-parent .area-domain-verified-status .chip span{
}
.custom-domain-featured-parent .area-input-domain{
/* flex-basis: 53%; */
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
}
.custom-domain-featured-parent .area-input-domain .input-field{
flex-basis: 70%;
margin-bottom: 0px;
}
.custom-domain-featured-parent .area-input-domain .input-field label{
color: #9e9e9e !important;
}
.custom-domain-featured-parent .area-input-domain .input-field input{
border: 1px solid #8d8d8d !important;
border-radius: 5px;
padding: 3px 10px;
box-sizing: border-box;
margin-top: 10px;
box-shadow: none !important;
}
.custom-domain-featured-parent .area-input-domain .submit-custom-domain{
background: #008fff;
color: white;
border: 1px solid #008fff;
border-radius: 5px;
/* width: 240px; */
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 13px;
font-size: 15px;
margin-bottom: 0px;
margin-top: 25px;
flex-basis: 30%;
}
.custom-domain-featured-parent .area-input-domain .submit-custom-domain .preloader-wrapper.small{
width: 15px !important;
height: 15px !important;
margin-right: 5px;
}
.custom-domain-featured-parent .area-input-domain .submit-custom-domain i{
margin-right: 5px;
font-size: 19px;
}
.custom-domain-featured-parent .area-input-domain .submit-custom-domain:hover{
}
.custom-domain-featured-parent .area-input-domain .submit-custom-domain:disabled{
background: #4bb0ff;
border: 1px solid #82c8ff;
}
.custom-domain-featured-parent .area-nssettings-domain{
flex-basis: 47%;
}
.custom-domain-featured-parent .area-nssettings-domain .how-to-settings-cname{
background: #fff8ea;
padding: 20px;
margin-top: 0px;
margin-bottom: 0px;
border: 1px dashed #cab962;
border-radius: 12px;
}
.custom-domain-featured-parent .area-nssettings-domain .how-to-settings-cname p{
font-size: 14px;
color: #505050;
margin: 0 0 15px;
}
.custom-domain-featured-parent .area-nssettings-domain .how-to-settings-cname table{
font-size: 14px;
}
.custom-domain-featured-parent .area-nssettings-domain .how-to-settings-cname table tr{
border: none !important;
}
.custom-domain-featured-parent .area-nssettings-domain .how-to-settings-cname table tr td{
font-size: 13px;
padding: 3px 0px;
}
.custom-logo-and-headline-parent{
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #d8dde7;
}
.custom-logo-and-headline-parent .header-headline{
}
.custom-logo-and-headline-parent .header-headline h1{
}
.custom-logo-and-headline-parent .header-headline h4{
}
.custom-logo-and-headline-parent .content-custom-logo{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: stretch;
gap: 10px;
}
.custom-logo-and-headline-parent .content-custom-logo .content-custom-logo-preview{
background: url(https://cdn.watzap.id/bg-wa.jpg);
font-family: sans-serif !important;
height: auto;
flex-basis: 53%;
display: flex;
align-items: stretch;
justify-content: center;
align-content: center;
flex-wrap: nowrap;
flex-direction: column;
border-radius: 10px;
margin-top: 10px;
position: relative;
}
.custom-logo-and-headline-parent .content-custom-logo .content-custom-logo-preview .header-addressbar-simulate{
background-image: url(https://semutganteng.fra1.cdn.digitaloceanspaces.com/StaticAssets/address-bar-bg.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 109px;
position: absolute;
top: 0;
}
.custom-logo-and-headline-parent .content-custom-logo .content-custom-logo-preview .header-addressbar-simulate .favicon-title-preview{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
position: absolute;
top: 22px;
left: 146px;
}
.custom-logo-and-headline-parent .content-custom-logo .content-custom-logo-preview .header-addressbar-simulate .favicon-title-preview img{
width: 24px;
}
.custom-logo-and-headline-parent .content-custom-logo .content-custom-logo-preview .header-addressbar-simulate .favicon-title-preview b{
font-size: 14px;
font-weight: 500;
color: #494949;
}
.custom-logo-and-headline-parent .content-custom-logo .content-custom-logo-preview .header-addressbar-simulate b.address{
font-size: 15px;
font-weight: 500;
top: 74px;
position: absolute;
left: 151px;
color: #494949;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
margin-top: 15px;
gap: 10px;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .lbl-color-theme-chooser-frame{
color: #313131;
font-size: 17px;
margin: 0px;
margin-bottom: 0px;
font-weight: bold;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget{
width: 100%;
position: relative;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-selected{
width: 100%;
display: block;
padding: 7px;
border: 1px solid #d0d0d0;
border-radius: 10px;
position: relative;
cursor: pointer;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-selected .color-theme-chooser-widget-content{
height: 46px;
width: 100%;
border-radius: 5px;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-selected .color-theme-chooser-widget-content:hover{
opacity: 0.9;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-selected i{
position: absolute;
right: 16px;
top: 18px;
color: white;
transition: all ease 0.3s;
z-index: 10;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-selected i.opened{
transform: rotate(180deg);
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
align-items: flex-start;
margin-top: 15px;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame:first-child{
margin-top: 0px !important;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .lbl-logo-upload{
color: #313131;
font-size: 17px;
margin: 0px;
margin-bottom: 0px;
font-weight: bold;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
margin-top: 7px;
gap: 15px;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .img_elem_frame{
width: 180px;
height: 75px;
background: #f1f3f7;
border-radius: 8px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .img_elem_frame img{
height: 50px;
/* margin-right: 1.25rem; */
border-radius: 10px;
object-fit: contain;
max-width: 120px;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: center;
gap: 5px;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload p{
font-size: 12px;
font-style: italic !important;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .flex-button-logo{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .flex-button-logo .btn-upload-logo{
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .flex-button-logo .btn-upload-logo span{
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .flex-button-logo .btn-upload-logo label img{
width: 20px !important;
height: 20px !important;
background: none !important;
margin: 0px !important;
object-fit: unset;
padding: 0 !important;
filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(202deg) brightness(107%) contrast(100%);
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .flex-button-logo .btn-upload-logo label{
/* box-shadow: rgba(76, 78, 100, 0.42) 0px 4px 8px -4px; */
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
outline: 0px;
border: 0px;
margin: 0px;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
font-family: Inter, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.4px;
color: rgb(255, 255, 255);
min-width: 64px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-color: #008fff;
font-weight: 500;
border-radius: 8px;
line-height: 1.715;
box-shadow: rgb(1 98 175) 0px 4px 8px -4px;
padding: 0.4375rem 1.375rem;
gap: 10px;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .flex-button-logo .btn-upload-logo label:hover{
background-color: #006abd;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .btn-reset-logo{
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0px;
margin: 0;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
font-family: Inter, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.4px;
color: #5c5c5c;
min-width: 64px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
border: 1px solid #bebebe;
font-weight: 500;
border-radius: 8px;
line-height: 1.572;
padding: 0.4375rem 1.3125rem;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .btn-reset-logo:hover{
background-color: #5c5c5c1a;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload .btn-reset-logo.disabled{
pointer-events: none;
/* background: white; */
border: 1px solid #d9d9d9;
color: #d9d9d9;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field{
}
.custom-logo-and-headline-parent .content-custom-logo .input-field .input-with-icon{
position: relative;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field .input-with-icon img{
position: absolute;
width: 20px;
top: 23px;
left: 14px;
filter: invert(57%) sepia(10%) saturate(21%) hue-rotate(82deg) brightness(97%) contrast(93%);
}
.custom-logo-and-headline-parent .content-custom-logo .input-field .input-with-icon input{
padding-left: 40px;
padding-right: 60px;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field .input-with-icon .char-counter{
position: absolute;
bottom: 19px;
right: 10px;
background: #f2f2f2;
border-radius: 0.5em;
border: 1px solid #e4e4e4;
padding: 3px 10px;
font-size: 10px;
font-weight: bold;
color: #7488a5;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field label{
color: #6a7281;
font-size: 17px;
margin: 0px;
margin-bottom: 0px;
position: inherit;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field input{
border: 1px solid #cfcfcf !important;
border-radius: 8px;
padding: 3px 10px;
box-sizing: border-box;
margin-top: 10px;
box-shadow: none !important;
cursor: default;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field input:hover {
border-color: #8a8a8a !important;
}
.custom-logo-and-headline-parent .content-custom-logo .input-field input:focus {
border-color: #8a8a8a !important;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
padding-top: 20px;
border-top: 1px solid #d8dde7;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal{
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
outline: 0px;
margin: 0px;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
font-family: Inter, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.4px;
color: rgb(204 76 111);
min-width: 64px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
border: 1px solid rgb(204 76 111);
width: 100%;
font-weight: 500;
border-radius: 8px;
line-height: 1.572;
padding: 0.4375rem 1.3125rem;
height: 38px;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal .preloader-wrapper.small{
width: 17px;
height: 17px;
margin-right: 5px;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal .spinner-green-only{
border-color: #cc4c6f !important;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal i{
margin-right: 5px;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal span{
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal.disabled{
pointer-events: none !important;
color: #a5a5a5;
border-color: #a5a5a5;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-reset-to-awal.disabled .spinner-green-only{
border-color: #a5a5a5 !important;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-submit-customization{
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: relative;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
outline: 0px;
border: 0px;
margin: 0px;
cursor: pointer;
user-select: none;
vertical-align: middle;
appearance: none;
text-decoration: none;
font-family: Inter, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.4px;
color: rgb(255, 255, 255);
min-width: 220px;
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-color: rgb(204 76 111);
width: 100%;
font-weight: 500;
border-radius: 8px;
line-height: 1.715;
box-shadow: rgba(76, 78, 100, 0.42) 0px 4px 8px -4px;
padding: 0.4375rem 1.375rem;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-submit-customization.disabled{
pointer-events: none;
background: #b8b8b8;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-submit-customization .preloader-wrapper.small{
width: 16px;
height: 16px;
margin-right: 5px;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-submit-customization i{
margin-right: 5px;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved .btn-submit-customization span{
}
.custom-logo-and-headline-parent .content-custom-logo-preview{
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview{
width: 400px;
margin: 0px auto;
padding: 50px 30px;
background: #fff;
box-shadow: 0 1px 15px -6px #9c9c9c;
border-radius: 10px;
box-sizing: content-box !important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
gap: 15px;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview img{
width: 150px;
margin: 0 auto;
margin-bottom: 20px;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview h2{
text-align: center;
font-size: 19px;
margin-top: 0px;
color: rgb(76 78 100);
font-weight: 600;
margin-bottom: -5px;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview h2.left_alignment{
text-align: left;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview h2.right_alignment{
text-align: right;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview h4{
text-align: center;
font-size: 13px;
margin-top: 0px;
font-weight: 500;
color: rgba(76, 78, 100, 0.68);
margin-bottom: 5px;
word-break: break-all;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview h4.left_alignment{
text-align: left;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview h4.right_alignment{
text-align: right;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .watzap-login-form{
}
/* The container */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox {
display: block;
position: relative;
padding-left: 30px;
margin-top: 5px;
margin-bottom: 20px;
cursor: pointer;
font-size: 14px;
color: #4e4e4e;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview input.ipt-form{
width: 100%;
padding: 12px 15px;
border: 2px solid #ddd !important;
margin-bottom: 15px !important;
font-size: 15px !important;
border-radius: 7px !important;
box-sizing: border-box !important;
font-family: sans-serif !important;
box-shadow: none !important;
cursor: default;
}
/* Create a custom checkbox */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
padding-left: 0px;
}
/* On mouse-over, add a grey background color */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox input:checked ~ .checkmark {
background-color: #2196F3;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox .checkmark:before {
content: '' !important;
display: none;
}
/* Create the checkmark/indicator (hidden when not checked) */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .container-checkbox .checkmark:after {
left: 7px;
top: 0px;
width: 4px;
height: 9px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .watzap-login-form input{
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .watzap-login-form .btn-signin{
width: 100%;
background: linear-gradient(45deg, #8e24aa, #ff6e40);
color: #FFFFFF;
border: 0;
padding: 12px 20px;
font-weight: bold;
font-family: inherit;
cursor: pointer;
border-radius: 3px;
margin-top: 5px;
transition: 0.3ms;
box-sizing: border-box;
flex: 1;
display: block;
text-align: center;
font-size: 13px;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .watzap-login-form .btn-signin:hover{
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .watzap-login-info{
margin-top: 5px;
margin-bottom: -10px;
}
.custom-logo-and-headline-parent .content-custom-logo-preview .form-login-preview .watzap-login-info a{
text-decoration: none;
color: #797979;
font-size: 15px;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-lists{
padding: 0px;
background: transparent;
border: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
max-height: 382px;
overflow: scroll;
padding-left: 8px;
padding-right: 8px;
position: absolute;
top: 52px;
left: 0;
right: 0;
z-index: 400;
display: none;
border: 1px solid #cfcfcf;
border-top: none;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-lists ul{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
margin-top: 0px;
margin-bottom: 0px;
background: white;
padding: 10px;
/* border: 1px solid #cfcfcf; */
margin-left: -8px;
margin-right: -8px;
/* border-top: 0px !important; */
gap: 8px;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-lists ul li{
width: 100%;
height: 46px;
cursor: pointer;
transition: all ease 0.5s;
}
.custom-logo-and-headline-parent .content-custom-logo .color-theme-chooser-frame .color-theme-chooser-widget .color-theme-chooser-widget-lists ul li:hover{
transform: scale(1.02);
}
.hst_cname_copypaste{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
position: relative;
}
.hst_cname_copypaste .hst_cname_copypaste_input{
border: 2px dashed #b79817 !important;
border-radius: 7px !important;
padding: 5px 10px !important;
height: auto !important;
box-sizing: border-box !important;
padding-right: 26px !important;
color: #4d4646 !important;
font-size: 13px !important;
}
.hst_cname_copypaste .hst_cname_copypaste_copy{
color: #8a8484;
position: absolute;
right: 5px;
top: 10px;
}
.hst_cname_copypaste .hst_cname_copypaste_copy:hover{
color: black;
}
.hst_cname_copypaste .hst_cname_copypaste_copy i{
font-size: 17px;
}
.frame_toogle_forgot_password{
margin-top: 0px !important;
line-height: 0px !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.frame_toogle_forgot_password label{
font-size: 15px !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
position: initial !important;
line-height: 0px !important;
}
.frame_toogle_forgot_password label input{
border: 1px solid #8d8d8d !important;
border-radius: 5px;
padding: 3px 10px;
box-sizing: border-box;
margin-top: 10px;
box-shadow: none !important;
}
.frame_toogle_forgot_password label span{
line-height: 0px !important;
}
.frame_toogle_forgot_password label span::before{
top: -10px !important;
}
.frame_toogle_forgot_password label span::after{
top: -10px !important;
}
.slider-custom-home{
position: relative;
min-height: 50px;
overflow: hidden
}
.slider-custom-home ul{
position: relative;
min-height: 50px;
overflow: hidden;
height: 328px;
}
.slider-custom-home ul li{
display: block;
margin: auto;
width: 80%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0
}
.slider-custom-home ul li.active{
opacity: 1;
position: relative
}
.slider-custom-home ul li a{
}
.slider-custom-home ul li a img{
width: 100%;
min-height: 326px
}
/* START SLIDER HOME STYLE */
.slider-wrapper .image-slider {
position: relative;
min-height: 50px;
overflow: hidden
}
.slider-wrapper .image-slider--single .image-slider__dots,.slider-wrapper .image-slider--single .image-slider__nav {
display: none
}
.slider-wrapper .image-slider .next,.slider-wrapper .image-slider .prev {
position: absolute;
top: 45%;
cursor: pointer;
width: auto;
padding: 10px 20px;
color: #364152;
font-weight: 700;
font-size: 18px;
-webkit-transition: .7s ease;
transition: .7s ease;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
z-index: -2;
border-radius: 50%;
opacity: 0;
transition: all ease 0.3s;
}
.slider-wrapper .image-slider:hover .next{
opacity: 0.7;
}
.slider-wrapper .image-slider:hover .prev{
opacity: 0.7;
}
.slider-wrapper .image-slider .prev:hover{
opacity: 1;
}
.slider-wrapper .image-slider .next:hover{
opacity: 1;
}
.sidenav .collapsible-header:after{
top: 0 !important;
}
@media(max-width: 992px) {
.slider-wrapper .image-slider .next,.slider-wrapper .image-slider .prev {
top:42%;
font-size: 14px;
padding: 7px 14px
}
}
@media(max-width: 768px) {
.slider-wrapper .image-slider .next,.slider-wrapper .image-slider .prev {
font-size:10px;
padding: 5px 10px
}
}
.slider-wrapper .image-slider .next {
right: 10%
}
@media(max-width: 768px) {
.slider-wrapper .image-slider .next {
right:2%
}
}
.slider-wrapper .image-slider .prev {
left: 10%
}
@media(max-width: 768px) {
.slider-wrapper .image-slider .prev {
left:2%
}
}
.slider-wrapper .image-slider .next:hover,.slider-wrapper .image-slider .prev:hover {
background-color: #fff;
color: #000;
}
.slider-wrapper .image-slider .nav-active {
z-index: 1
}
.slider-wrapper .image-slider .nav-inactive {
z-index: 10;
}
.slider-wrapper .image-slider-items {
position: relative;
overflow: hidden;
border-radius: 8px;
margin: 0 20px 20px 20px
}
.slider-wrapper .image-slider-items .before-replacement{
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0px;
width: 100px;
background: black;
z-index: 50;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgb(242 244 248) 15%, rgba(255,255,255,0) 100%);
cursor: pointer;
transition: all ease 0.3s;
}
.slider-wrapper .image-slider-items .after-replacement{
/* content: " "; */
position: absolute;
right: 0;
bottom: 0;
top: 0px;
width: 100px;
background: black;
z-index: 50;
background: rgb(255,255,255);
background: linear-gradient(-90deg, rgb(242 243 246) 15%, rgba(255,255,255,0) 100%);
cursor: pointer;
transition: all ease 0.3s;
}
.slider-wrapper .image-slider-items .before-replacement:hover{
opacity: 0.7;
}
.slider-wrapper .image-slider-items .after-replacement:hover{
opacity: 0.7;
}
.slider-wrapper .img-slide {
display: block;
margin: auto;
width: 80%;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0
}
.slider-wrapper .img-slide.active {
opacity: 1;
position: relative
}
.slider-wrapper .img-slide img {
width: 100%;
min-height: 95px;
/* background: #ccc; */
background: linear-gradient(90deg, #aaaaaa, #ececec);
background-size: 400% 400%;
-webkit-animation: ImgPlaceholderLoad 2s ease infinite;
-moz-animation: ImgPlaceholderLoad 2s ease infinite;
animation: ImgPlaceholderLoad 2s ease infinite;
}
.slider-wrapper .img-slide .loader {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
min-height: 4rem
}
@media(max-width: 768px) {
.slider-wrapper .img-slide {
width:100%
}
}
.slider-wrapper .img-current {
/* aspect-ratio: 4/1; */
border-radius: 8px;
/* height: 201px; */
min-height: 201px !important;
z-index: 45;
}
.carousel.carousel-slider .carousel-item{
visibility: visible !important;
}
@-webkit-keyframes ImgPlaceholderLoad {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes ImgPlaceholderLoad {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes ImgPlaceholderLoad {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes loading {
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
.slider-wrapper .img-next,.slider-wrapper .img-prev {
position: absolute;
top: 0;
height: 85%;
margin-top: 1.5%;
border-radius: 8px;
object-fit: cover;
aspect-ratio: 1/1;
}
.slider-wrapper .img-next {
right: -103%
}
.slider-wrapper .img-prev {
left: -103%
}
.slider-wrapper .transition-fade .inactive {
height: 0;
opacity: 0
}
.slider-wrapper .transition-slide .img-slide {
position: absolute;
top: 0;
-webkit-transition: opacity .2s,z-index .5s,-webkit-transform .5s;
transition: opacity .2s,z-index .2s,-webkit-transform .5s;
transition: transform .2s,opacity .2s,z-index .5s;
transition: transform .2s,opacity .2s,z-index .5s,-webkit-transform .5s
}
.slider-wrapper .transition-slide .img-slide.active {
position: relative
}
.slider-wrapper .transition-slide .next-item {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.slider-wrapper .transition-slide .prev-item {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.slider-wrapper .transition-slide .inactive {
display: none
}
.slider-wrapper .transition-slide .inactive.next-item {
display: block;
right: 5%
}
.slider-wrapper .transition-slide .inactive.prev-item {
display: block;
left: 5%
}
.slider-wrapper .transition-slide .inactive .img-next,.slider-wrapper .transition-slide .inactive .img-prev {
display: none
}
.slider-wrapper .slide-enter-active,.slider-wrapper .slide-leave-active {
-webkit-transition: .5s;
transition: .5s
}
.slider-wrapper .slide-enter {
/* opacity: 1!important */
}
.slider-wrapper .slide-leave {
/* opacity: 0!important */
}
.slider-wrapper .img-slider {
overflow: hidden;
position: relative;
height: 200px;
width: 100%
}
.slider-wrapper .image-slider__dots {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 1rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px 20px;
/* border-radius: 20px 20px 0 0; */
background-color: rgba(0,0,0,.5);
border-radius: 20px;
opacity: 0.7;
transition: 0.3s;
}
.slider-wrapper:hover .image-slider__dots{
opacity: 1;
}
@media(max-width: 768px) {
.slider-wrapper .image-slider__dots {
padding:5px 10px;
border-radius: 10px 10px 0 0
}
}
.slider-wrapper .image-slider__dot {
background: #cdd5df;
border-radius: 50%;
width: 12px;
height: 12px;
margin: 0 5px;
cursor: pointer
}
.slider-wrapper .image-slider__dot.active,.slider-wrapper .image-slider__dot:hover {
background: #c15871;
}
.slider-wrapper .image-slider__dot.active {
width: 58px;
border-radius: 12px
}
@media(max-width: 992px) {
.slider-wrapper .image-slider__dot {
width:9px;
height: 9px;
margin: 0 3px
}
.slider-wrapper .image-slider__dot.active {
width: 44px
}
}
@media(max-width: 768px) {
.slider-wrapper .image-slider__dot {
width:6px;
height: 6px;
margin: 0 3px
}
.slider-wrapper .image-slider__dot.active {
width: 29px
}
}
/* END SLIDER HOME STYLE */
.for_mobile_show{
display: none;
}
.for_desktop_show{
display: block;
}
.alignment-selector{
margin-bottom: 20px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
gap: 0px;
}
.alignment-selector label{
font-size: 17px;
color: #6a7281;
}
.alignment-selector .alignment-selector-items{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
margin-top: 7px;
}
.alignment-selector .alignment-selector-items a{
line-height: 0;
border: 1px solid #cccc;
padding: 4px;
border-radius: 5px;
}
.alignment-selector .alignment-selector-items a img{
width: 17px;
filter: invert(64%) sepia(12%) saturate(16%) hue-rotate(21deg) brightness(101%) contrast(91%);
}
.alignment-selector .alignment-selector-items a:hover img{
filter: invert(36%) sepia(11%) saturate(16%) hue-rotate(51deg) brightness(101%) contrast(86%);
}
.alignment-selector .alignment-selector-items a.active img{
filter: invert(0%) sepia(0%) saturate(7467%) hue-rotate(224deg) brightness(107%) contrast(107%);
}
.frame-custom-domain-pricing-right{
border-top: 1px dashed #c1154f;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dashed #c1154f;
}
.cd_not_setup_properly{
display: flex;
padding: 6px 16px;
border-radius: 8px;
color: rgb(229, 69, 65);
background-color: rgba(255, 77, 73, 0.12);
/* margin: 1.25rem; */
gap: 7px;
margin-bottom: 10px;
}
.cd_not_setup_properly p{
padding: 8px 0px
}
.cd_not_setup_properly svg{
width: 18px;
/* height: 1em; */
display: inline-block;
/* color: #e64541; */
filter: invert(45%) sepia(40%) saturate(4867%) hue-rotate(335deg) brightness(93%) contrast(93%);
}
.slider-wrapper{
margin-top: -5px !important;
margin-bottom: -8px !important;
}
.save_edit_internal_name{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.save_edit_internal_name i{
margin: 0px !important;
}
.save_edit_internal_name .preloader-wrapper.small{
width: 16px;
height: 16px;
}
.save_edit_internal_name.disabled{
pointer-events: none;
background: #c7c7c7 !important;
box-shadow: none !important;
color: #636363 !important;
}
.save_edit_internal_name.disabled .preloader-wrapper.small .spinner-green-only{
border-color: #636363;
}
.bulking-action-table .execute_bulking_action.disabled{
}
.bulking-action-table .execute_bulking_action.disabled .preloader-wrapper.small{
width: 16px;
height: 16px;
}
.bulking-action-table .execute_bulking_action.disabled .preloader-wrapper.small .spinner-green-only{
border-color: #636363;
}
#modalSendTestWa{
}
#modalSendTestWa button[type="submit"]{
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
#modalSendTestWa button[type="submit"] .preloader-wrapper.small{
width: 16px;
height: 16px;
}
#modalSendTestWa button[type="submit"] .spinner-green, .spinner-green-only{
border-color: #9f9f9f;
}
.area-delay-between-message.wd-50 {
width: 50%;
}
@media (max-width: 450px){
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame .action-button-logo-upload{
gap: 10px !important;
}
.slider-wrapper{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.content-custom-logo-editor{
width: 100%;
box-sizing: border-box;
}
.content-custom-logo-editor form{
width: 100%;
box-sizing: border-box;
}
.custom-logo-and-headline-parent .content-custom-logo .area-action-button-saved{
flex-direction: column !important;
margin-bottom: 60px !important;
}
.custom-logo-and-headline-parent .content-custom-logo-preview{
display: none !important;
}
.button-replies-area.appereance-domain{
width: 95% !important;
margin-bottom: -15px !important;
}
.custom-logo-and-headline-parent .content-custom-logo .logo-upload-frame .body-content-logo-upload-frame{
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-content: flex-start !important;
justify-content: flex-start !important;
align-items: flex-start !important;
margin-top: 7px !important;
gap: 15px !important;
}
.custom-domain-wp{
width: 95% !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-bottom: -15px !important;
}
.wizard-custom-domain-rrt .step-content-rrt form{
width: 100% !important;
}
.wizard-custom-domain-rrt .step-content-rrt .area-input-cd{
width: 100% !important;
}
.wizard-custom-domain-rrt .step-content-rrt .area-input-cd input{
width: 100% !important;
font-size: 14px !important;
box-sizing: border-box;
padding: 12px 22px !important;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 .area-input-cd img{
width: 20px;
position: absolute;
right: 11px;
top: 10px;
}
.wizard-custom-domain-rrt .wizard-rrt-step .stepper-act .sac-desc{
font-size: 10px !important;
margin-top: 66px !important;
width: 80px;
line-height: 11px;
}
.wizard-custom-domain-rrt .step-content-rrt.step1 h2{
text-align: center;
font-weight: bold;
color: #313131;
font-size: 16px;
margin-top: 30px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
line-height: 23px;
}
.wizard-custom-domain-rrt .step-content-rrt .submit-step-cd{
background: #e43558;
color: white;
border: 1px solid #e43558;
padding: 13px 40px;
border-radius: 50px;
font-size: 14px;
margin-top: 25px;
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
}
.slider-wrapper .img-current{
min-height: 100px !important;
object-fit: revert !important;
}
.for_mobile_show{
display: block;
}
.for_desktop_show{
display: none;
}
.slider-wrapper .image-slider__dots{
border-radius: 10px !important;
}
.slider-wrapper .img-next, .slider-wrapper .img-prev{
position: absolute;
top: 0;
height: auto;
margin-top: 0;
border-radius: 8px;
}
.slider-wrapper .image-slider .prev{
left: 1%;
}
.slider-wrapper .image-slider .next{
right: 1%;
}
.slider-wrapper .image-slider .next, .slider-wrapper .image-slider .prev{
top: 48%;
}
.slider-wrapper .image-slider-items{
position: relative;
overflow: hidden;
border-radius: 0px;
margin: 0 17px 0px 17px;
}
.slider-wrapper .img-current{
border-radius: 3px;
}
.slider-wrapper .img-slide img{
min-height: 87px;
object-fit: cover;
}
.slider-wrapper .image-slider-items .before-replacement{
display: none !important;
}
.slider-wrapper .image-slider-items .after-replacement{
display: none !important;
}
.area-button-telegram-heading{
display: none !important;
}
.parents-lists-custom-rule .child-lists-custom-rule{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 15px;
border-top: 1px solid #d9dde7;
}
.parents-lists-custom-rule .child-lists-custom-rule .lists-content-left .cbot{
padding-left: 0px;
margin-top: 5px;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
flex-flow: wrap;
gap: 5px;
margin-top: 13px;
margin-bottom: 15px;
}
ul.stepper .step.active .step-content{
overflow: unset !important;
}
.frame-for-custom-popup-image .popover-custom{
left: 0px !important;
}
.frame-for-custom-popup-image .popover-custom:before{
margin-left: -39px !important;
}
.frame-for-custom-popup-image .popover-custom:after{
margin-left: -37px !important;
}
#horizStepper{
min-height: auto !important;
}
.property-wrapping-bg-radius{
padding: 10px !important;
}
.list-select-property-broadcast li.child-of-options{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.list-select-property-broadcast li.child-of-options [type='checkbox'] + span:not(.lever){
line-height: 15px !important;
height: 15px !important;
}
.dropdown-custom-variabel{
flex-basis: 90px;
}
#pengirimanKustom{
width: 90% !important;
}
#pengirimanKustom .modal-footer{
height: 75px !important;
padding: 4px 25px !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
#pengirimanKustom .modal-footer button{
margin-right: 0 !important;
margin-top: 15px !important;
margin-bottom: 25px !important;
margin-left: 0px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
flex-flow: row-reverse;
flex: 1;
}
.emoji-popup{
margin-left: -45px !important;
}
.emoji-popup::before{
margin-left: 44px !important;
}
#modalSelectNumber{
width: 90% !important;
}
.perfect-timing-badge{
display: inline-block;
text-align: center;
font-size: 12px;
}
.spintax-preview-parent{
display: flex;
flex-direction: column;
align-content: center;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 20px;
}
.spintax-preview-parent .suggested-spintax{
float: none;
border: 1px solid #ccc;
border-radius: 0.3em;
text-align: center;
overflow: hidden;
height: 200px;
width: 100%;
}
.spintax-preview-parent .action-button-center{
float: none;
width: 80%;
text-align: center;
margin: 0 auto;
}
.spintax-preview-parent .applied-suggested-spintax{
float: none;
width: 100%;
border: 1px solid #ccc;
border-radius: 0.3em;
text-align: center;
/* height: 300px; */
overflow: hidden;
height: 200px;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left h3{
font-size: 13px !important;
}
.interactive-messages-frame-aboard-spintax .interactive-messages-header-aboard-spintax .interactive-messages-header-aboard-spintax-left a{
margin: 0px !important;
}
.super-parent-interactive-messages-frame-aboard{
padding-right: 0px !important;
}
.card-content ul.stepper{
margin: 0px -25px !important;
padding: 0 13px !important;
}
.close-send-previewbtn:hover{
}
#ModalMagnifierImagePopup{
width: 90% !important;
}
#ModalMagnifierImagePopup img{
width: 100% !important;
}
.frame-flex-new-form{
flex-direction: column !important;
align-items: stretch !important;
padding: 0 !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options.liteweight{
font-size: 12px !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options .state-connection-badge{
font-size: 7px !important;
}
.property-list-select-property-broadcast .action-button-lists{
flex-wrap: wrap;
align-items: stretch !important;
}
.property-list-select-property-broadcast .action-button-item.select-all{
flex: 1;
}
[type='checkbox'].filled-in:not(:checked) + span:not(.lever):after{
width: 15px !important;
height: 15px !important;
}
[type='checkbox'].filled-in:checked + span:not(.lever):after{
width: 15px !important;
height: 15px !important;
}
[type='checkbox'].filled-in:checked + span:not(.lever):before{
width: 5px !important;
height: 9px !important;
}
.step-content-no-padding .step-content-row-padding .show-licenses-api-type{
position: absolute;
right: 0;
background: white;
border: 1px solid #ccc;
border-radius: 35px;
padding: 4px 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
color: #1d1e2f;
right: 15px;
top: 15px;
left: 15px;
display: none !important;
}
.list-select-property-broadcast-numberlist{
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.list-select-property-broadcast-numberlist.exist-api-numbers{
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.list-select-property-broadcast li.child-of-options {
margin-bottom: 0px !important;
}
.row.step-content-row-padding.area-select-property-broadcast.penerima-cuy{
margin-bottom: 20px !important;
}
.col.m12.parents-list-select-property-broadcast-numberlist {
margin-top: 10px;
}
.property-wrapping-bg-radius {
padding-bottom: 10px !important;
}
.title-canvas-createbroacast-breadcrumb-with-button{
position: inherit !important;
z-index: 999 !important;
top: 0px !important;
margin-left: 0px !important;
margin-top: 10px !important;
margin-bottom: -15px !important;
}
#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title{
border-right: 1px solid #939393;
cursor: default;
color: #2e2e2e;
}
.flex-breadcrumb-with-button .back-button-after-breadcrumb{
border: 1.5px solid #bab9ba;
color: #6e6e6e;
background: white;
}
.super-parent-interactive-messages-frame-aboard{
margin-top: 17px;
margin-left: 0;
padding-left: 0px;
padding-right: 0px;
}
.area-options-broadcast{
display: none !important;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left h3{
font-size: 13px;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left span{
padding: 3px 0px;
font-size: 7px;
}
.hideonmobile{
display: none;
}
.interactive-messages-frame-aboard{
margin-bottom: 10px;
padding-bottom: 10px;
}
.interactive-messages-frame-aboard-spintax{
margin-bottom: 10px;
padding-bottom: 10px;
}
.interactive-messages-frame-aboard .interactive-messages-body-aboard{
flex-direction: column;
}
.preview-chat-container{
height: 450px;
}
.preview-chat-container .conversation-container .conversation-container-message img{
max-width: 110px;
}
.preview-chat-container .conversation-container .conversation-container-message{
max-width: 65%;
min-width: 65%;
}
.preview-chat-container .conversation-container .conversation-container-message-button .conversation-container-message-button-child{
padding: 6px 10px;
font-size: 11px;
}
.custom-area-input .custom-dropdown-like-butter{
min-width: 105px !important;
}
.custom-area-input .area_custom_date{
margin-left: 7px;
}
.nopadding-on-mobile{
padding: 0px !important;
}
.step-content-row-padding{
margin-left: 0px !important;
margin-right: 0px !important;
}
.step-content-row-padding .col{
padding-left: 0px !important;
}
.parents-new-step-actions-footer .row{
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
/* margin: 0 !important; */
width: 100% !important;
gap: 10px;
}
.parents-new-step-actions-footer .row .col.s6{
flex: 1;
padding: 0px !important;
margin: 0px !important;
}
.parents-new-step-actions-footer .row .col.s6 button{
width: 100%;
}
.parents-new-step-actions-footer .row::after{
display: none !important;
}
.parents-new-step-actions-footer .m-mar-min-left10{
margin: 0px !important;
}
.m-mar-min-right23{
margin-right: 0px !important;
}
.m-mar-min-left25{
margin-left: 0px !important;
}
.border-broad{
padding-left: 0px !important;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options span{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 145px !important;
display: inline-block;
}
.interactive-messages-frame-aboard .interactive-messages-header-aboard .interactive-messages-header-aboard-left i{
margin-right: 0px !important;
}
.preview-chat-container .conversation-container .conversation-container-message .conversation-container-message-content{
font-size: 12px !important;
}
.preview-from-detil-broadcast .separate-double-content-preview-detil-broadcast{
flex-direction: column;
flex-wrap: wrap;
}
.list-select-property-broadcast li.child-of-options .area-checkbox-child-of-options{
width: 24px;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options.liteweight{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.list-select-property-broadcast li.child-of-options .title-child-of-options{
font-size: 12px !important;
}
.dropdown-custom-variabel{
flex-shrink: inherit;
}
.nopadding-right-onmobile{
padding-right: 0px !important;
}
.area-detil-info-laststep-broadcast{
margin-top: 0px;
}
.property-list-select-property-broadcast .search-list-realtime{
margin-top: -5px !important;
}
.m-mar-min-top70{
margin-top: 0px !important;
}
.editor-area-item.wd-60 {
width: 10%;
}
.editor-area-item.wd-50 {
width: 100%!important;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item {
padding: 16px!important;
}
.area-delay-between-message.wd-50 {
width: 100%!important;
}
.col.s10.m6.l7.breadcrumbs-left {
padding-bottom: 20px;
}
.smartbot-action-settings {
width: 100%!important;
}
.smartbot-action-advanced {
width: calc(100% - 10px)!important;
margin: 10px!important;
}
}
/* FOR SWITCHES TOOGLE MANAGE NUMBERS */
div.frame-btn-container{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 20px;
padding-bottom: 0px;
}
div.btn-container{
display: table-cell;
vertical-align: middle;
text-align: center;
}
div.btn-container i{
display: inline-block;
position: relative;
top: -9px;
}
div.btn-container label {
font-size: 14px;
color: #424242;
font-weight: 500;
}
div.btn-container .btn-color-mode-switch{
display: inline-block;
margin: 0px;
position: relative;
}
div.btn-container .btn-color-mode-switch > label.btn-color-mode-switch-inner{
margin: 0px;
width: 260px;
height: 40px;
background: #E0E0E0;
border-radius: 26px;
overflow: hidden;
position: relative;
transition: all 0.1s ease;
/* box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset; */
display: block;
}
div.btn-container .btn-color-mode-switch > label.btn-color-mode-switch-inner:before{
content: attr(data-on);
position: absolute;
font-size: 14px;
font-weight: 500;
top: 10px;
right: 20px;
width: 80px;
}
div.btn-container .btn-color-mode-switch > label.btn-color-mode-switch-inner:after{
content: attr(data-off);
width: 145px;
height: 36px;
background: #fff;
border-radius: 26px;
position: absolute;
left: 2px;
top: 2px;
text-align: center;
transition: all 0.1s ease;
box-shadow: 0px 0px 6px -2px #111;
padding: 8px 0px;
}
div.btn-container .btn-color-mode-switch > .alert{
display: none;
background: #FF9800;
border: none;
color: #fff;
}
div.btn-container .btn-color-mode-switch input[type="checkbox"]{
cursor: pointer;
width: 50px;
height: 25px;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
margin: 0px;
}
div.btn-container .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
/* background: #151515;
color: #fff; */
}
div.btn-container .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after{
content: attr(data-on);
left: 112px;
/* background: #3c3c3c; */
}
div.btn-container .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before{
content: attr(data-off);
right: auto;
left: 20px;
}
div.btn-container .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
/*background: #66BB6A; */
/*color: #fff;*/
}
div.btn-container .btn-color-mode-switch input[type="checkbox"]:checked ~ .alert{
display: block;
}
.switches-tabs{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.switches-tabs .switches-tabs-child{
flex: 1;
text-align: center;
color: #424242;
padding: 14px;
background: #e0e0e0;
transition: all ease 0.3s;
font-weight: bold;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
cursor: pointer;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 50px;
}
.switches-tabs .switches-tabs-child:first-child{
border-left: none !important;
border-right: none !important;
}
.switches-tabs .switches-tabs-child:last-child{
border-left: none !important;
border-right: none !important;
}
.switches-tabs .switches-tabs-child.active{
background: white !important;
cursor: pointer;
}
.switches-tabs .switches-tabs-child:hover{
background: #d7d7d7;
}
.switches-tabs .switches-tabs-child a{
display: flex;
}
.switches-tabs .switches-tabs-child a i{
font-size: 16px;
color: #969696;
}
.switches-tabs .switches-tabs-child a:hover i{
color: #424242;
}
.number_key_copyarea{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 8px;
font-size: 14px;
}
.number_key_copyarea i{
font-size: 17px;
font-weight: bold;
color: #aaaaaa;
cursor: pointer;
}
.number_key_copyarea i:hover{
color: #6b6f82;
}
.number_key_copyarea i:focus, .number_key_copyarea i:active{
color: black;
}
/* Area Warmer MG Numbers Start Here */
.area-heading-warmer{
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 25px;
padding-right: 25px;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 15px;
}
.area-heading-warmer .left-heading{
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
gap: 5px;
}
.area-heading-warmer .left-heading h2{
font-size: 24px;
font-weight: bold;
margin-bottom: 0px;
}
.area-heading-warmer .left-heading p{
font-size: 16px;
color: #4e4e4e;
}
.area-heading-warmer .right-heading{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
gap: 20px;
}
.area-heading-warmer .right-heading span{
padding: 3px 10px;
border-radius: 5px;
margin-top: 4px;
margin-right: 5px;
}
.area-heading-warmer .right-heading a{
margin: 0 !important;
}
.oke-gas-switch {
--width: 80px;
--height: calc(var(--width) / 3);
position: relative;
display: inline-block;
width: var(--width);
height: var(--height);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius: var(--height);
cursor: pointer;
}
.oke-gas-switch input {
display: none;
}
.oke-gas-switch .slider-okegas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--height);
background-color: #ccc;
transition: all 0.4s ease-in-out;
}
.oke-gas-switch .slider-okegas::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(var(--height));
height: calc(var(--height));
border-radius: calc(var(--height) / 2);
background-color: #fff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
transition: all 0.4s ease-in-out;
}
.oke-gas-switch input:checked+.slider-okegas {
background-color: #4baf4f;
}
.oke-gas-switch input:checked+.slider-okegas::before {
transform: translateX(calc(var(--width) - var(--height)));
}
.oke-gas-switch .labels {
position: absolute;
top: 3px;
left: 7px;
width: 84%;
height: 100%;
font-size: 14px;
font-family: sans-serif;
transition: all 0.4s ease-in-out;
font-weight: bold;
}
.oke-gas-switch .labels::after {
content: attr(data-off);
position: absolute;
right: 5px;
color: #4d4d4d;
opacity: 1;
/* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); */
transition: all 0.4s ease-in-out;
}
.oke-gas-switch .labels::before {
content: attr(data-on);
position: absolute;
left: 5px;
color: #ffffff;
opacity: 0;
/* text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4); */
transition: all 0.4s ease-in-out;
}
.oke-gas-switch input:checked~.labels::after {
opacity: 0;
}
.oke-gas-switch input:checked~.labels::before {
opacity: 1;
}
.frame-oke-gas{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.frame-oke-gas .lbl-set-warmer{
font-size: 14px;
}
.frame-with-warmer-config{
display: flex;
/* padding: 15px; */
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
align-items: flex-start;
}
.frame-with-warmer-config .frame-table-responsive-self{
flex: 1;
}
.frame-with-warmer-config .area-config-warmers{
border-left: 1px solid #f0f0f0;
padding: 15px;
width: 445px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps{
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps .header-collaps{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f1f1f1;
margin-left: -15px;
margin-right: -15px;
padding: 22px 15px;
cursor: pointer;
/* margin-top: -15px; */
transition: all ease .2s;
height: 70px;
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps .header-collaps:hover{
background: #fbfbfb;
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps .header-collaps h4{
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps .header-collaps i{
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps .body-collaps{
padding: 15px;
border-bottom: 1px solid #f0f0f0;
margin-left: -15px;
margin-right: -15px;
}
.frame-with-warmer-config .area-config-warmers .area-config-warmers-collaps:last-child .body-collaps{
/* border-bottom: none !important; */
}
.frame-with-warmer-config .area-config-warmers h4{
padding: 0;
margin: 0;
font-size: 16px;
color: #464646;
}
.frame-with-warmer-config .area-config-warmers .table-configs{
margin-top: 0px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
}
.frame-with-warmer-config .area-config-warmers .table-configs table{
width: auto;
}
.frame_warmer_conversation_selected{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
margin-top: 15px;
width: 100%;
}
.frame_warmer_conversation_selected .child_conversation_selected{
flex: 1;
margin-top: 0px;
}
.frame_warmer_conversation_selected .child_conversation_selected label{
position: inherit;
font-size: 14px;
}
.frame_warmer_conversation_selected .child_conversation_selected select{
cursor: pointer;
padding-left: 0px;
}
.btn-sm{
/* font-size: 13px !important; */
}
.btn-sm i{
/* font-size: 17px !important; */
}
.btn-sm .preloader-wrapper.small{
width: 26px;
height: 26px;
margin-top: 5px;
}
.warmer-log-activity{
/* margin-top: 20px; */
/* border-top: 1px solid #f0f0f0; */
/* padding-top: 15px; */
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
}
.warmer-log-activity h4{
}
.warmer-log-activity h4 span{
}
.warmer-log-activity .terminal-cmd-activity{
margin-top: 5px;
background: black;
/* border-radius: 10px; */
padding: 10px;
min-height: 200px;
max-height: 200px;
overflow: auto;
}
.warmer-log-activity .terminal-cmd-activity .activity-warmer-ch{
display: flex;
gap: 5px;
}
.warmer-log-activity .terminal-cmd-activity .activity-warmer-ch span{
color: white;
font-size: 13px;
font-family: courier;
}
.warmer-log-activity .terminal-cmd-activity .activity-warmer-ch span.ch-time{
color: #ffff22;
}
.frame-switch-oke-gas-2{
position: relative;
}
.frame-switch-oke-gas-2 .slider-switch-oke-gas-2{
/* position: absolute; */
}
.frame-switch-oke-gas-2 input{
height: 0;
width: 0;
visibility: hidden;
}
input#switch-oke-gas-2 {
height: 0;
width: 0;
visibility: hidden;
}
label#switch-oke-gas-2-label {
cursor: pointer;
text-indent: -9999px;
width: 80px;
height: 30px;
background: grey;
display: block;
border-radius: 100px;
position: relative;
}
label#switch-oke-gas-2-label:after {
content: "";
position: absolute;
top: 2px;
left: 3px;
width: 25px;
height: 25px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
label.switch-oke-gas-2-label {
cursor: pointer;
text-indent: -9999px;
width: 80px;
height: 30px;
background: grey;
display: block;
border-radius: 100px;
position: relative;
}
label.switch-oke-gas-2-label:after{
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 22px;
height: 22px;
background: #fff;
border-radius: 90px;
transition: 0.2s;
}
input#switch-oke-gas-2:checked + label {
background: #4baf4f;
transition: all ease .3s;
}
input#switch-oke-gas-2:checked + label:after {
left: calc(100% - 3px);
transform: translateX(-100%);
}
.frame-switch-oke-gas-2 input:checked + label{
background: linear-gradient(45deg, #0288d1, #26c6da) !important;
transition: all ease .3s;
}
h5.titlemodalNewSmartBot {
margin-top: 0;
margin-bottom: 0;
}
.box-copilot {
padding-bottom: 0 !important;
background: #ffffff;
}
.frame-switch-oke-gas-2 input:checked + label:after{
left: calc(100% - 4px);
transform: translateX(-100%);
}
label.fl-switch-oke-gas-2-onoff:active label#switch-oke-gas-2-label:after {
width: 30px;
}
label.fl-switch-oke-gas-2-onoff:active label.switch-oke-gas-2-label:after {
width: 30px;
}
.fl-switch-oke-gas-2-onoff{
cursor: pointer;
}
.switch-oke-gas-2-onoff {
position: absolute;
top: 3px;
left: 7px;
width: 84%;
height: 100%;
font-size: 14px;
font-family: sans-serif;
transition: all 0.4s ease-in-out;
font-weight: bold;
}
.switch-oke-gas-2-onoff::after {
content: attr(data-off);
position: absolute;
right: 5px;
color: #eaeaea;
opacity: 1;
/* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); */
transition: all 0.4s ease-in-out;
top: 2px;
}
.switch-oke-gas-2-onoff::before {
content: attr(data-on);
position: absolute;
left: 5px;
color: #ffffff;
opacity: 0;
/* text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4); */
transition: all 0.4s ease-in-out;
top: 2px;
}
.slider-switch-oke-gas-2 input:checked~.switch-oke-gas-2-onoff::after {
opacity: 0;
}
.slider-switch-oke-gas-2 input:checked~.switch-oke-gas-2-onoff::before {
opacity: 1;
}
/* End Here */
@media (max-width: 450px){
.frame-with-warmer-config{
overflow: auto;
}
.area-heading-warmer{
flex-direction: column;
gap: 15px;
}
.area-heading-warmer .left-heading p{
font-size: 15px;
line-height: 16px;
}
.frame-with-warmer-config{
flex-direction: column;
}
.frame-with-warmer-config .area-config-warmers{
width: 100%;
padding-bottom: 50px;
}
.switches-tabs .switches-tabs-child{
padding: 12px !important;
}
}
/* Styles for landscape orientation */
@media (max-width: 980px) {
.btn-tele{
margin-left: 5% !important;
}
.btn-tele.exist_notif_maintenance {
z-index: 1000 !important;
margin-top: 7% !important;
}
}
@media (min-width: 981px) {
.btn-tele{
margin-left: 0% !important;
}
.btn-tele.exist_notif_maintenance {
z-index: 1000 !important;
margin-top: 5.6% !important;
}
}
@media (min-width: 1300px) {
.btn-tele.exist_notif_maintenance {
z-index: 1000 !important;
margin-top: 4.5% !important;
}
}
@media (min-width: 1900px) {
.btn-tele.exist_notif_maintenance {
z-index: 1000 !important;
margin-top: 3.6% !important;
}
}
/* Container untuk paginasi */
.dataTables_wrapper .dataTables_paginate {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 0;
font-family: Arial, sans-serif;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
margin-bottom: 15px;
margin-right: 20px !important;
}
@media (max-width: 450px){
.dataTables_wrapper .dataTables_paginate {
margin-right: 0px !important;
}
}
/* Tombol paginasi */
.dataTables_wrapper .dataTables_paginate a {
display: inline-block;
min-width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
text-decoration: none;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f9f9f9;
color: #333;
font-size: 14px;
transition: all 0.1s ease; /* Animasi transisi */
}
/* Tombol aktif */
.dataTables_wrapper .dataTables_paginate a.current {
background-color: #007bff;
border-color: #007bff;
color: #fff;
font-weight: bold;
}
/* Hover efek pada tombol */
.dataTables_wrapper .dataTables_paginate a:hover {
background-color: #0056b3;
color: #fff;
border-color: #0056b3;
transform: scale(1.05); /* Sedikit membesar saat hover */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Shadow efek */
}
/* Ellipsis untuk tanda titik */
.dataTables_wrapper .dataTables_paginate .ellipsis {
color: #999;
font-size: 16px;
margin: 0 4px;
cursor: default;
}
.mobilehide {
display: block;
}
.dataTables_wrapper .dataTables_paginate a.disabled{
pointer-events: none !important;
background: #f0f0f0 !important;
color: #ccc !important;
}
.two-fa-auth-list{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.two-fa-auth-list li{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
border-radius: 6px;
border: 1px solid #DDD;
padding: 10px 16px;
gap: 8px;
}
.two-fa-auth-list li.disabled{
border: 1px solid #DDD !important;
background: #EAEAEA !important;
}
.two-fa-auth-list li .left-icn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.two-fa-auth-list li .left-icn i{
font-size: 40px;
color: #1F5077;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.two-fa-auth-list li .left-icn .two-fa-auth-list-text{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
}
.two-fa-auth-list li .left-icn .two-fa-auth-list-text p{
font-size: 14px;
font-weight: 600;
margin: 0px;
}
.two-fa-auth-list li .left-icn .two-fa-auth-list-text p:last-child{
font-size: 12px;
font-weight: 400;
}
.modal-turn-on-2fa-auth{
display: flex;
width: 100%;
padding: 24px;
flex-direction: column;
align-items: flex-start;
/* gap: 20px; */
background: #FFF;
}
.modal-turn-on-2fa-auth h1{
color: rgba(0, 0, 0, 0.65);
text-align: center;
/* font-family: Mulish; */
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: normal;
align-self: stretch;
line-height: 34px;
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner{
display: flex;
align-items: flex-start;
gap: 20px;
align-self: stretch;
border-bottom: 1px solid #DDD;
padding-bottom: 20px;
margin-bottom: 20px;
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner .modal-turn-on-2fa-auth-instructions{
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner .modal-turn-on-2fa-auth-instructions p{
color: #6B6F82;
/* font-family: Mulish; */
font-size: 15px;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal;
margin: 0;
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner .modal-turn-on-2fa-auth-instructions ol{
margin: 0;
padding: 0;
padding-top: 10px;
padding-left: 20px;
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
gap: 10px;
margin-top: 20px;
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner .modal-turn-on-2fa-auth-instructions ol li{
color: #6B6F82;
/* font-family: Mulish; */
font-size: 15px;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal;
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner .modal-turn-on-2fa-auth-qrcode{
border-radius: 4px;
border: 1px solid #D9D9D9;
background: url() lightgray 50% / cover no-repeat;
display: flex;
}
.modal-turn-on-2fa-auth .modal-turn-on-2fa-auth-inner .modal-turn-on-2fa-auth-qrcode img{
width: 180px;
height: 180px;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner{
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
width: 100%;
align-content: center;
margin-bottom: 15px;
border-bottom: 1px solid #DDD;
padding-bottom: 10px;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner p{
color: #6B6F82;
/* font-family: Mulish; */
font-size: 15px;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal;
margin: 0;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner .modal-footer-2fa-auth-inner-flex{
display: flex;
align-items: flex-start;
gap: 12px;
align-self: stretch;
width: 100%;
margin-bottom: 5px;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner .modal-footer-2fa-auth-inner-flex input{
display: flex;
padding: 0px 17px;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
border-radius: 5px;
border: 2px solid #DDD;
background: #F2F2F2;
color: #757575;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.75px;
margin: 0px;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner .modal-footer-2fa-auth-inner-flex a{
display: flex;
width: 120px;
height: 50px;
padding: 14px 17px;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 5px;
border: 2px solid #DDD;
background: #FFF;
transition: all ease .2s;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner .modal-footer-2fa-auth-inner-flex a:hover{
background: #fafafa;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner .modal-footer-2fa-auth-inner-flex a span{
color: #313131;
/* font-family: Mulish; */
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.modal-turn-on-2fa-auth .modal-footer-2fa-auth-inner .modal-footer-2fa-auth-inner-flex a i{
color: #313131;
/* font-family: Mulish; */
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.modal-turn-on-2fa-auth .disclammer{
color: #9E9E9E;
text-align: center;
/* font-family: Mulish; */
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 23px;
align-self: stretch;
margin: 0px;
margin-top: 10px;
}
.modal-turn-on-2fa-auth .disclammer a{
color: #9E9E9E;
/* font-family: Mulish; */
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 23px;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: auto;
text-decoration-thickness: 15%;
text-underline-offset: auto;
text-underline-position: from-font;
transition: all ease .2s;
}
.modal-turn-on-2fa-auth .disclammer a:hover{
color: #f64d49 !important;
}
.modal-turn-on-2fa-auth .content-validate-otp-header{
display: flex;
width: 100%;
/* padding: 24px; */
flex-direction: column;
align-items: center;
gap: 10px;
align-content: center;
justify-content: center;
margin-bottom: 20px;
}
.modal-turn-on-2fa-auth .content-validate-otp-header h1{
margin: 0;
}
.modal-turn-on-2fa-auth .content-validate-otp-header p{
margin: 0;
}
.modal-turn-on-2fa-auth .content-validate-otp-body{
width: 100%;
margin-bottom: 10px;
}
.modal-turn-on-2fa-auth .content-validate-otp-body input{
display: flex;
padding: 0px 17px;
justify-content: center;
align-items: flex-start;
align-self: stretch;
border-radius: 5px;
border: 2px solid #DDD !important;
background: #FFF;
color: #757575;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%;
box-sizing: border-box;
outline: none !important;
box-shadow: none !important;
margin-bottom: 0px;
}
.resend-section{
width: 100%;
}
.resend-section a.change-number{
color: #4640F8 !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: normal !important;
text-decoration: none !important;
}
.resend-section a.change-number:hover{
color: #3935bf !important;
}
.resend-section span.resend-text{
color: #797979 !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
}
.resend-section a.resend-link{
color: #4640F8 !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: normal !important;
text-decoration: none !important;
}
.resend-section a.resend-link:hover{
color: #3935bf !important;
}
.frame-info-otp-information-header{
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 20px;
}
.frame-info-otp-information-header p{
margin: 0;
}
.frame-info-otp-information-header a{
color: #1F5077;
display: flex;
}
.frame-info-otp-information-header a i{
font-size: 16px;
}
.disabled-message{
display: flex;
gap: 4px;
}
.disabled-message span{
color: rgba(49, 49, 49, 0.65);
text-align: right;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.disabled-message small{
display: flex;
}
.disabled-message small i{
color: #B3B3B3;
font-size: 15px;
}
.alert-with-icon{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.alert-with-icon i{
color: white;
font-size: 20px;
}
.alert-with-icon p{
}
.btn-wzp-backthumb{
display: inline-flex;
padding: 6px 10px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
border-radius: 6px;
border: 1px solid #C1C1C1;
transition: all ease .2s;
width: fit-content;
}
.btn-wzp-backthumb:hover{
background: #fff;
}
.btn-wzp-backthumb span{
color: #646464;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 114.286% */
}
.btn-wzp-backthumb i{
color: #646464;
}
.selector-tab-auto-follow-up{
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
align-self: stretch;
border-radius: 8px;
height: 50px;
gap: 10px;
/* margin: 10px; */
}
.selector-tab-auto-follow-up a {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1 0 0;
align-self: stretch;
border-radius: 6px;
color: #424242;
transition: all 0.1s ease;
background: transparent;
}
.selector-tab-auto-follow-up a:hover {
background: rgba(0, 143, 255, 0.05);
}
.selector-tab-auto-follow-up a:hover i,
.selector-tab-auto-follow-up a:hover span {
color: #008FFF;
}
.selector-tab-auto-follow-up a.active {
border-radius: 6px;
background: rgba(0, 143, 255, 0.15);
box-shadow: 0px 2px 8px rgba(0, 143, 255, 0.1);
}
.selector-tab-auto-follow-up a i {
color: #424242;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: color 0.3s ease;
}
.selector-tab-auto-follow-up a span {
color: #424242;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: color 0.3s ease;
}
.selector-tab-auto-follow-up a.active span {
color: #008FFF;
}
.selector-tab-auto-follow-up a.active i {
color: #008FFF;
}
.content-auto-follow-up-editor-header{
display: flex;
align-items: center;
align-self: stretch;
border-bottom: 1px solid #D9DDE7;
}
.content-auto-follow-up-editor-header-item{
display: flex;
padding: 20px;
flex-direction: row;
align-items: center;
gap: 16px;
/* flex: 1 0 0; */
width: 60%;
justify-content: space-between;
}
.content-auto-follow-up-editor-header-item input{
display: flex;
height: 45px;
padding: 12.5px 13px;
box-shadow: 0px 1px 2px 0px rgba(48, 55, 79, 0.05);
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
border-radius: 6px;
border: 1px solid var(--Gray-Cool-200, #DCDFEA);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%;
font-family: 'Muli', sans-serif;
max-width: 420px;
transition: all 0.1s ease;
}
.content-auto-follow-up-editor-header-item input:hover{
border: 1px solid var(--Gray-Cool-500, #5D6B98);
}
.content-auto-follow-up-editor-header-item input:focus{
border: 1px solid var(--Gray-Cool-500, #5D6B98);
}
.content-auto-follow-up-editor-header-item.action-buttons{
display: flex;
align-items: center;
gap: 16px;
flex: 1 0 0;
flex-direction: row;
border-left: 1px solid #D9DDE7;
}
.content-auto-follow-up-editor-header-item.action-buttons button{
display: flex;
height: 45px;
padding: 7px 24px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 6px;
}
.content-auto-follow-up-editor-header-item.action-buttons button.btn-save-only{
border: none;
}
.content-auto-follow-up-editor-content{
display: flex;
height: 690px;
flex-direction: row;
align-items: flex-start;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item{
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area{
background: #F9F9F9;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
position: relative;
border-radius: 0px 0px 0px 8px;
max-width: 35%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item-parent{
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
gap: 0px;
overflow-y: auto;
min-height: 50px; /* Add minimum height for sortable area */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item{
display: flex;
padding: 20px 16px;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-bottom: 1px solid #D9DDE7;
background: #F9F9F9;
transition: all 0.1s ease;
color: #333C4C;
position: relative; /* Add position relative for sortable */
z-index: 1; /* Ensure proper stacking during drag */
user-select: none; /* Prevent text selection during drag */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item:hover{
background: #EFF8FF;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item:active{
background: #fff;
color: #008FFF;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item.active{
background: #fff;
color: #008FFF;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item:active h5{
color: #008FFF!important;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item.active h5{
color: #008FFF!important;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-area-handle{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 100%;
cursor: grab;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-area-handle i{
font-size: 21px;
color: #0000008A;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-content{
flex: 1;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-content h5{
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;
overflow: hidden;
color: var(--Gray-Cool-800);
text-overflow: ellipsis;
font-family: 'Muli', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 21px; /* 150% */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-content p{
margin: 0;
color: #545454;
font-family: 'Muli', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 21px; /* 150% */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-delete{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-delete i{
color: #9E9E9E;
font-size: 15px;
transition: all ease .2s;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-delete:hover i{
color: #FF4444;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-detil{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-detil div{
color: #9E9E9E;
font-size: 15px;
transition: all ease .2s;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-detil:hover div{
color: #008FFF;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item .lists-area-item-action-detil .active{
color: #008FFF;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area{
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
align-self: stretch;
border-left: 1px solid #D9DDE7;
/* background: #FFF; */
width: 430px;
overflow: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.2) transparent;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area::-webkit-scrollbar {
width: 6px;
visibility: hidden;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area:hover::-webkit-scrollbar {
visibility: visible;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area::-webkit-scrollbar-track {
background: transparent;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.2);
border-radius: 3px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item-nth{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item{
display: flex;
/* width: 100%; */
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 6px;
}
.editor-area-item.wd-50 {
width: 50%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-header{
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-header label{
color: var(--Gray-Cool-700);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content{
width: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content input[type="text"],
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content input[type="number"]{
width: 100%;
display: flex;
height: 38px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-radius: 6px;
border: 1px solid #D8DDE7;
background: #FFF;
color: var(--Gray-Cool-700, #404968);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 150% */
font-family: 'Muli', sans-serif;
transition: all 0.1s ease-in-out;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content select{
width: 100%;
display: flex;
height: 38px;
padding: 8px 12px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 6px;
border: 1px solid #D8DDE7;
background: #FFF url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23333C4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
background-size: 10px;
color: #333C4C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.4;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: all 0.1s ease-in-out;
font-family: 'Muli', sans-serif;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content input[type="text"]:hover, .content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content select:hover, .content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content select:focus{
border: 1px solid var(--Gray-Cool-500, #5D6B98);
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item .editor-area-item-content input:focus{
border: 1px solid var(--Gray-Cool-500, #5D6B98);
color: var(--Gray-Cool-800, #404968);
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent{
display: flex;
flex-direction: column;
gap: 10px;
}
.frame-select-send-after{
display: flex;
height: 38px;
align-items: center;
gap: 0px;
align-self: stretch;
border-radius: 6px;
border: 1px solid #D8DDE7;
background: #FFF;
transition: all 0.1s ease-in-out;
}
.frame-select-send-after:hover {
border: 1px solid var(--Gray-Cool-500, #5D6B98);
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item{
border-radius: 8px;
border: 1px solid #D8DDE7;
background: #FCFCFC;
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
/* width: 398px; */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-header{
display: flex;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-header label{
color: #333;
font-size: 13.563px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-header a{
color: #B1B1B1;
font-size: 18px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-header a i{
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content{
width: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-dropdown {
position: relative;
display: flex;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: #FFFFFF;
border: 1px solid #D8DDE7;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s;
padding-right: 20px !important;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-btn i {
/* color: #6A7281;
font-size: 14px; */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-btn span {
/* color: #333C4C;
font-size: 14px;
font-weight: 500; */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 180px;
background: #FFFFFF;
border: 1px solid #D8DDE7;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
z-index: 100;
display: none;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-menu.show {
display: block;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-item {
display: block;
padding: 8px 16px;
color: #333C4C;
font-size: 14px;
text-decoration: none;
transition: all 0.2s;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .variable-item:hover {
background: #F5F6F8;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar {
display: flex;
gap: 5px;
padding: 5px;
background: #f5f5f5;
border-radius: 5px;
margin-bottom: 8px;
border-radius: 5px;
background: #F3F4F6;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar button {
background: none;
border: none;
padding: 5px;
cursor: pointer;
border-radius: 3px;
color: #333;
display: flex;
position: relative;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar button.variable-btn::after {
content: '';
position: absolute;
right: 5px;
top: 53%;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 5px solid #A4A4A4;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .textarea-wrapper-custom{
position: relative;
width: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .textarea-custom {
height: auto;
min-height: 140px;
padding: 0 10px;
font-size: 14px;
background: #fff;
/* cursor: pointer; */
border: 1px solid var(--Gray-Cool-200, #DCDFEA);
padding: 12px 13px !important;
border-radius: 6px !important;
width: 100%;
resize: vertical;
box-sizing: border-box;
transition: all 0.1s ease-in-out;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .textarea-custom:focus, .content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .textarea-custom:hover {
border: 1px solid var(--Gray-Cool-500, #5D6B98);
}
.area-attachments-item-body input:hover {
border: none;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .char-counter-custom {
position: absolute;
right: 8px;
bottom: 15px;
font-size: 12px;
color: #666;
background: #f0f0f0;
padding: 2px 10px;
border-radius: 20px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar .divider-toolbar{
width: 1px;
height: 24px;
background: #E7E7E7;
margin: 5px 5px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar button.custom-value-btn{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments {
margin-top: 15px;
/* padding: 15px; */
/* background: #f8f9fa; */
border-radius: 8px;
/* border: 1px solid #e9ecef; */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item {
display: flex;
flex-direction: row;
gap: 16px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item-header {
display: flex;
align-items: flex-start;
gap: 5px;
flex-direction: column;
align-content: flex-start;
justify-content: center;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item-header span {
font-size: 14px;
font-weight: 500;
color: #333;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item-header small {
color: #6c757d;
font-size: 12px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item-body {
display: flex;
flex-direction: column;
gap: 10px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item-body small {
color: #A1A1A1;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16.5px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item-body input[type="file"] {
padding: 1px;
border-radius: 6px;
cursor: pointer;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar button:hover {
background: #E4E5E8;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .formatting-toolbar .remove-message-btn {
margin-left: auto;
color: #ff5252;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .textarea-wrapper {
position: relative;
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message{
display: flex;
height: 36px;
padding: 6px 12px;
align-items: center;
border-radius: 6px;
border: 1px solid #2196F3;
justify-content: center;
align-items: center;
gap: 10px;
width: 198px;
margin: 0 auto;
background: transparent;
transition: all 0.1s ease;
cursor: pointer;
margin-top: 14px;
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message.disabled{
background: #E4E5E8 !important;
pointer-events: none !important;
box-shadow: none !important;
/* border: none !important; */
border-color: #c9c9c9 !important;
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message.disabled span, .content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message.disabled i{
color: #4c4c4c !important
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message:hover {
background: #2196F3;
box-shadow: 0 2px 4px rgba(33, 150, 243, 0.2);
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message i{
color: #0289D1;
font-size: 18px;
transition: color 0.1s ease;
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message:hover i{
color: #FFFFFF;
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message span{
color: #0289D1;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 17.25px; /* 115% */
transition: color 0.1s ease;
}
.content-auto-follow-up-editor-content .editor-area-item-content .btn-add-new-message:hover span{
color: #FFFFFF;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button{
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
border-radius: 0px 0px 0px 8px;
z-index: 2;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button a{
display: flex;
padding: 6px 0px;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: 6px;
background: linear-gradient(90deg, #0288D1 0%, #26C6DA 100%);
height: 48px;
gap: 10px;
transition: background 0.3s ease;
box-shadow: 0 2px 4px rgba(2, 136, 209, 0.2);
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button a.disabled{
background: #E4E5E8 !important;
pointer-events: none !important;
box-shadow: none !important;
border: none !important;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button a:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(90deg, #0288D1 0%, #26C6DA 100%);
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button a i{
color: #FFF;
font-size: 18px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button a span{
color: #FFF;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 17.25px; /* 115% */
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item.flex-content{
display: flex;
align-items: center;
gap: 26px;
align-self: stretch;
flex-direction: row;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item.flex-content .editor-area-item-flex{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 6px;
flex: 1 0 0;
}
.frame-variabel-inner-super-parent{
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 10px;
/* padding-bottom: 50px !important; */
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
align-items: flex-start;
gap: 20px;
flex: 1 auto;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists{
display: flex;
flex-direction: column;
gap: 5px;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists h4{
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
color: #000;
border-bottom: 1px dashed;
padding-bottom: 10px;
width: auto;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content .frame-variabel-inner-lists-content-inner-title{
display: flex;
flex-direction: row-reverse;
gap: 5px;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content .frame-variabel-inner-lists-content-inner-title span{
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content .frame-variabel-inner-lists-content-inner-title span:last-child{
font-weight: bold;
color: #000;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content .btn-copy-variabel i{
display: flex;
opacity: .3;
transition: all ease .2s;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content .btn-copy-variabel i{
font-size: 17px;
display: flex;
}
.frame-variabel-inner-super-parent .frame-variabel-inner-parent .frame-variabel-inner-lists .frame-variabel-inner-lists-content .btn-copy-variabel:hover i{
opacity: 1;
}
#ModalCustomVariabels{
width: 900px !important;
max-height: none !important;
}
.contentbar-tabs-by-child-selft{
display: none;
}
.contentbar-tabs-by-child-selft.active{
display: block;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self{
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft{
margin: 0;
border-radius: 4px;
border: 1px solid #E3E3E3;
background: #F7F7F7;
display: flex;
width: fit-content;
padding: 4px;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .sub-tabs-by-child-self-header{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 20px 20px 0px 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li{
position: relative;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li a{
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 8px;
color: #434343;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
border: 1px solid #f7f7f7;
transition: all 0.1s ease;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li a:hover{
border-radius: 3px;
border: 1px solid #E3E3E3;
background: #FFF;
color: #0099D9;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li a.active{
border-radius: 3px;
border: 1px solid #E3E3E3;
background: #FFF;
color: #0099D9;
}
.contentbar-tabs-by-child-selft .sub-tabs-by-child-self .menubar-tabs-by-child-selft li.divider {
width: 1px;
height: 15px;
background: #E3E3E3;
margin: 0 5px;
align-self: center;
}
.trigger-action-container.accordion-content{
padding: 20px;
border: 1px solid #D9DDE7 !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-top: 0px !important;
}
.trigger-action-container-header.accordion-header{
padding: 10px 20px;
border: 1px solid #D9DDE7;
background: #F9F9F9;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.trigger-action-container-header.accordion-header.hide-accordion{
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.frequency-container{
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: flex-start !important;
flex: 1 0 0 !important;
gap: 10px !important;
}
.frequency-container label{
color: #333C4C;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.frequency-container input{
}
#bot-trigger-form .content-trigger-editor{
display: flex;
padding-top: 16px;
align-items: flex-end;
gap: 26px;
align-self: stretch;
}
.override-action-container{
width: 100%;
}
.content-trigger-editor .sub-trigger-action-container.override-action-container{
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 20px !important;
flex: 1 0 0 !important;
margin-bottom: 5px;
}
.content-trigger-editor .sub-trigger-action-container.override-action-container select{
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 20px !important;
flex: 1 0 0 !important;
width: 100%;
}
.content-trigger-editor .sub-trigger-action-container.override-action-container .sub-trigger-action-container-child{
width: 100%;
}
.content-trigger-editor-container-as-accordion{
margin-top: 20px;
border-top: 1px solid #D9DDE7;
margin-left: -20px;
margin-right: -20px;
}
.content-trigger-editor-container-as-accordion .content-trigger-editor-container-as-accordion-item{
}
.content-trigger-editor-container-as-accordion .content-trigger-editor-container-as-accordion-item .content-trigger-editor-container-as-accordion-item-header{
display: flex;
padding: 4px 0px;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
padding: 20px;
padding-bottom: 10px;
padding-top: 10px;
cursor: pointer;
}
.content-trigger-editor-container-as-accordion .content-trigger-editor-container-as-accordion-item .content-trigger-editor-container-as-accordion-item-header h5{
color: #7B7B7B;;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 21px; /* 150% */
margin: 0px;
}
.content-trigger-editor-container-as-accordion .content-trigger-editor-container-as-accordion-item .content-trigger-editor-container-as-accordion-item-header i{
color: #121212;
font-size: 14px;
}
.content-trigger-editor-container-as-accordion .content-trigger-editor-container-as-accordion-item .content-trigger-editor-container-as-accordion-item-content{
margin: 0px !important;
padding: 20px;
padding-top: 15px;
}
.flex-between-center{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.flex-between-center .breadcrumbs-left{
flex: 1;
}
.flex-between-center .action-right{
}
.flex-between-center .action-right a{
display: flex;
padding: 7px 24px;
align-items: center;
gap: 6px;
border-radius: 6px;
}
.flex-between-center .action-right a i{
font-size: 14px;
}
.area-delay-between-message{
display: flex;
flex-direction: column;
gap: 5px;
}
.settings-auto-follow-up-editor-content{
}
.settings-auto-follow-up-editor-content .settings-auto-follow-up-editor-parent-lists{
display: flex;
width: 100%;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
margin: 0 auto;
padding: 20px;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item .settings-auto-follow-up-editor-parent-lists-item-header{
display: flex;
width: 295px;
align-items: center;
gap: 5px;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item .settings-auto-follow-up-editor-parent-lists-item-header label{
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item .settings-auto-follow-up-editor-parent-lists-item-header span{
display: flex;
color:#9E9E9E;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item-double-column{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 12px;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item-double-column label{
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.settings-auto-follow-up-editor-parent-lists .settings-auto-follow-up-editor-parent-lists-item-double-column .settings-auto-follow-up-editor-parent-lists-item-double-column-content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 12px;
width: 100%;
}
.settings-auto-follow-up-editor-parent-lists .list-select-property-broadcast-numberlist{
margin: 0px !important;
}
.settings-auto-follow-up-editor-parent-lists .col-30 {
width: 30%;
display: flex;
flex-direction: column;
gap: 16px;
}
.settings-auto-follow-up-editor-parent-lists .col-70 {
width: 70%;
display: flex;
flex-direction: column;
gap: 16px;
}
.override-action-frame{
display: flex;
flex-direction: row;
align-items: center;
gap: 5px;
}
.override-action-frame i{
font-size: 14px;
color: #b2b2b2;
transition: all ease .2s;
}
.override-action-frame i:hover{
color: #333C4C
}
@media (max-width: 450px){
.dataTables_wrapper .dataTables_paginate .ellipsis{
color: #999;
font-size: 16px;
margin: 0 0px;
cursor: default;
padding: 0;
}
.dataTables_wrapper .dataTables_paginate a{
display: inline-block !important;
min-width: auto !important;
height: auto !important;
line-height: normal !important;
text-align: center !important;
text-decoration: none !important;
/* border: 1px solid #ddd !important; */
border-radius: 4px !important;
/* background-color: #f9f9f9 !important; */
/* color: #333 !important; */
font-size: 14px !important;
/* transition: all 0.3s ease !important; */
padding: 5px 10px !important;
}
}
@media (max-width: 450px) {
/* new */
.editor-area-item,.editor-area-item-flex {
gap: 6px;
}
.content-auto-follow-up-editor-content{
flex-direction: column;
height: 1200px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area {
max-width: 100%;
}
.content-auto-follow-up-editor-header {
flex-direction: column;
padding: 16px;
gap:16px
}
.content-auto-follow-up-editor-header-item{
display: flex;
width: 100%;
padding: 0px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button {
padding: 16px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area {
padding: 16px;
width: 100%;
border: 1px 0px 0px 0px solid var(--Gray-Cool-300);
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area {
flex: none;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button {
position: relative;
width: 100%;
border-radius: 0px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item.flex-content {
gap: 10px;
flex-direction: column;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .editor-area-item.flex-content .editor-area-item-flex {
width: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button a {
height: 38px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item .floating-action-button {
border-bottom: 1px solid var(--Gray-Cool-200);
}
.settings-auto-follow-up-editor-content .settings-auto-follow-up-editor-parent-lists {
width: 100%;
padding: 16px;
}
.settings-auto-follow-up-editor-parent-lists-item-double-column-content .parents-list-select-property-broadcast-numberlist .show-licenses-api-type {
position: relative;
margin-bottom: 12px;
top: 0;
right: 0;
}
.settings-auto-follow-up-editor-content .settings-auto-follow-up-editor-parent-lists{
display: flex;
width: 100%;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
margin: 0 auto;
padding: 20px;
}
.settings-auto-follow-up-editor-parent-lists .col-30 {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
.settings-auto-follow-up-editor-parent-lists .col-70 {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
p.send-after-previous-message {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
width: 100%;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.lists-area .lists-area-item-parent {
padding-bottom: 0px!important;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item{
padding: 10px;
}
.content-auto-follow-up-editor-content .content-auto-follow-up-editor-content-item.editor-area .area-content-messages-parent .area-content-messages-parent-item .area-content-messages-parent-item-content .area-attachments-item {
display: flex;
flex-direction: column;
gap: 16px;
}
}
/* Mobile visibility classes */
.hide-on-mobile {
display: block;
}
.show-on-mobile {
display: none;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft-child{
padding: 20px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
display: none;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft-child.p-0{
padding: 0px !important;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft-child.active{
display: block;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft-child textarea{
border: 1px solid #dadee1;
padding: 15px;
height: 228px;
font-size: 13px;
line-height: 17px;
color: #242424;
border-radius: 4px;
}
.followup-ol-tabs-frame .tabs-by-self .contentbar-tabs-by-selft-child textarea:focus{
border: 1px solid #5bcdff;
}
@media (max-width: 600px) {
.hide-on-mobile {
display: none !important;
}
.show-on-mobile {
display: block !important;
}
.alert-self-make .alert-self-make-p a{
font-size: 13px;
}
}
/*
.modal{
position: absolute !important;
max-height: max-content !important;
margin: auto !important;
} */
.delay-input-group {
display: flex;
align-items: center;
height: 38px;
/* margin: 8px 0; */
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fff;
}
.delay-input-value {
flex: 1;
position: relative;
min-width: 60px;
}
.delay-input-value input {
width: 100%;
height: 100%;
padding: 6px 12px;
border: none;
border-right: 1px solid #e0e0e0;
font-size: 13px;
color: #424242;
}
.delay-input-unit {
width: 90px;
position: relative;
}
.delay-input-unit select {
width: 100%;
height: 100%;
padding: 6px 24px 6px 12px;
border: none;
background: transparent;
font-size: 13px;
color: #424242;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
padding-right: 30px;
/* cursor: pointer; */
}
/* .delay-input-unit:after, .delay-input-value:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #757575;
pointer-events: none;
} */
.delay-input-group:hover {
/* border-color: #bdbdbd; */
}
.delay-input-group:focus-within {
/* border-color: #0097d9;
box-shadow: 0 0 0 2px rgba(3, 151, 217, 0.1); */
}
.delay-input-value input:focus,
.delay-input-unit select:focus {
outline: none;
}
.delay-value-select {
width: 100%;
height: 100%;
padding: 6px 12px;
border: none;
background: transparent;
font-size: 13px;
color: #424242;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
padding-right: 30px;
/* cursor: pointer; */
}
.delay-value-select:focus {
outline: none;
}
.delay-value-select:hover {
/* background-color: rgba(0,0,0,0.02); */
}
.frame-delay-sending-by{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
}
.frame-delay-sending-by small{
font-size: 14px;
}
.sidenav li a img, .sidenav li a svg{
position: relative;
line-height: 44px;
height: 26px;
margin: 0 20px 0 0;
float: left;
width: 24px;
filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(733%) hue-rotate(152deg) brightness(92%) contrast(100%);
}
.sidenav li a.active img, .sidenav li a.active svg{
filter: brightness(0) invert(1);
}