PluginProbe
WANotifier for Forms and Actions / 2.1.3
WANotifier for Forms and Actions v2.1.3
3.1.0 3.0.4 2.7.10 2.7.11 2.7.12 2.7.13 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 3.0.0 3.0.1 3.0.2 3.0.3 trunk 0.1.0 0.1.1 1.0.0 1.0.1 1.0.2 1.0.3 All 66 releases
← All changes | assets/css/admin.css +845 -1 trunk2.1.3 View file →
@@ -1 +1,845 @@
1 -.d-none,.hide{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.flex-wrap{flex-wrap:wrap}.flex-grow-1{flex-grow:1}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.align-content-center{align-content:center}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:16px}.col{box-sizing:border-box;flex:1 0 0%}.w-25{width:25%}.w-25,.w-30{flex:0 0 auto}.w-30{width:30%}.w-33{width:33.33333333%}.w-33,.w-40{flex:0 0 auto}.w-40{width:40%}.w-50{width:50%}.w-50,.w-60{flex:0 0 auto}.w-60{width:60%}.w-70{width:70%}.w-70,.w-75{flex:0 0 auto}.w-75{width:75%}.w-80{flex:0 0 auto;width:80%}.w-100{flex:1 0 100%}.w-auto{width:auto!important}.h-100{height:100%}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:16px!important}.mt-4{margin-top:24px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:24px!important}.me-0{margin-right:0!important}.me-1{margin-right:4px!important}.me-2{margin-right:8px!important}.me-3{margin-right:16px!important}.me-4{margin-right:24px!important}.ms-0{margin-left:0!important}.ms-1{margin-left:4px!important}.ms-2{margin-left:8px!important}.ms-3{margin-left:16px!important}.ms-4{margin-left:24px!important}.ms-auto{margin-left:auto!important}.my-4{margin-bottom:24px!important;margin-top:24px!important}.p-0{padding:0!important}.p-20{padding:20px}.px-0{padding-right:0!important}.ps-0,.px-0{padding-left:0!important}.ps-1{padding-left:4px!important}.ps-2{padding-left:8px!important}.ps-3{padding-left:16px!important}.ps-4{padding-left:24px!important}.pe-0{padding-right:0!important}.pe-1{padding-right:4px!important}.pe-2{padding-right:8px!important}.pe-3{padding-right:16px!important}.pe-4{padding-right:24px!important}.pt-0{padding-top:0!important}.py-1{padding-bottom:4px!important;padding-top:4px!important}.py-4{padding-bottom:24px!important;padding-top:24px!important}.py-5{padding-bottom:48px!important;padding-top:48px!important}.small{font-size:85%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#6c757d}.text-danger{color:#ce1e00}.text-success{color:#329000}.text-warning{color:#ffab00}.text-dark{color:#212529}.text-secondary{color:#8592a3}.text-nowrap{white-space:nowrap}.text-capitalize{text-transform:capitalize}.text-uppercase{text-transform:uppercase}.text-decoration-none{text-decoration:none!important}.text-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:8px}.border{border:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent!important}.opacity-50{opacity:.5}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.notifier-toggle-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border:none;border-radius:40px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);cursor:pointer;height:16px;outline:none;position:relative;transition:.2s;width:32px}.notifier-toggle-switch input:checked[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00c417}.notifier-toggle-switch input[type=checkbox]:before{content:none}.notifier-toggle-switch input[type=checkbox]:after{background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);content:"";height:16px;left:0;position:absolute;top:0;transform:scale(1.1);transition:.2s;width:16px}.notifier-toggle-switch input:checked[type=checkbox]:after{left:50%}.loader{background-color:#f7f7f7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:50px 50px;height:100px}#wpcontent{padding-left:0!important}#screen-meta{margin:0 -20px}@media screen and (max-width:767px){#screen-meta{border-left:0;border-right:0;margin:0 0 0 -12px}}#wpbody{padding-left:20px}@media screen and (max-width:767px){#wpbody{padding-left:12px;padding-top:0}}.meta-fields .form-field{position:relative}.meta-fields .form-field label.form-label,.meta-fields .form-field legend{display:block;font-size:16px;font-weight:500;margin-bottom:5px}.meta-fields .form-field label .limit-text{color:#999;float:right}.meta-fields .form-field input[type=password],.meta-fields .form-field input[type=text],.meta-fields .form-field select,.meta-fields .form-field textarea{max-width:100%;width:100%}@media screen and (max-width:767px){.meta-fields .form-field input[type=password],.meta-fields .form-field input[type=text],.meta-fields .form-field select,.meta-fields .form-field textarea{width:100%}}.meta-fields .form-field input[disabled=disabled],.meta-fields .form-field select[disabled=disabled],.meta-fields .form-field textarea[disabled=disabled]{background-color:#f6f7f7;cursor:not-allowed}.meta-fields .form-field :disabled{background-color:#f6f7f7}.meta-fields .form-field .radio-buttons{margin:0}.meta-fields .form-field .radio-buttons li{display:inline-block;margin-right:20px}.meta-fields .form-field .radio-buttons li label{display:inline-block;width:auto}.meta-fields .form-field .fields-repeater{border-collapse:collapse;width:100%}.meta-fields .form-field .fields-repeater th{background-color:#f7f7f7;border:1px solid #a8a6a6;font-size:14px;font-weight:400;padding:10px;text-align:left}.meta-fields .form-field .fields-repeater td{border:1px solid #a8a6a6;padding:10px;vertical-align:top;width:50%}.meta-fields .form-field .fields-repeater td input,.meta-fields .form-field .fields-repeater td select,.meta-fields .form-field .fields-repeater td textarea{width:100%}.meta-fields .form-field .fields-repeater td.delete-repeater-field{min-width:20px;text-align:center}.meta-fields .form-field .fields-repeater td.delete-repeater-field span{cursor:pointer;margin-top:5px}.meta-fields fieldset.form-field{font-size:14px;line-height:1.5;margin:1em 0}.meta-fields h3{font-size:16px;margin-bottom:5px}.meta-fields h4{margin-bottom:0}.meta-fields hr{margin:20px auto}.meta-fields .optional-text{color:#999;font-weight:400}.meta-fields .description{color:#555;display:inline-block;font-size:13px;margin-top:5px}@media screen and (max-width:767px){.meta-fields .col{flex:0 0 100%}}.notifier-media-preview{display:block}.notifier-notice{margin-left:0;margin-top:20px}table.wp-list-table{border:1px solid #dee2e6;border-radius:8px;box-shadow:none}table.wp-list-table thead td,table.wp-list-table thead th{border-bottom:1px solid #dee2e6;padding-bottom:5px!important;padding-top:5px!important}table.wp-list-table tfoot td,table.wp-list-table tfoot th{border-top:1px solid #dee2e6;padding-bottom:5px!important;padding-top:5px!important}.notifier{box-sizing:border-box;font-size:14px;margin:0 0 0 -20px}@media screen and (max-width:767px){.notifier{margin:0 0 0 -12px}}.notifier *,.notifier :after,.notifier :before{box-sizing:inherit}@media screen and (max-width:767px){.notifier #notifier-admin-header{padding-top:46px}}.notifier #notifier-admin-header .notifier-admin-header-content{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;height:70px;justify-content:space-between;padding:0 20px;top:32px;width:100%;z-index:1001}@media screen and (max-width:767px){.notifier #notifier-admin-header .notifier-admin-header-content{padding:0 12px}}.notifier #notifier-admin-header .notifier-admin-header-content.sticky{box-shadow:0 8px 8px 0 rgba(85,93,102,.3)}.notifier #notifier-admin-header .notifier-admin-header-content .header-page-title{align-items:center;display:flex}@media screen and (max-width:767px){.notifier #notifier-admin-header .notifier-admin-header-content .header-page-title{flex:1}}.notifier #notifier-admin-header .notifier-admin-header-content .header-logo{align-items:center;display:inline-flex;line-height:0;text-decoration:none}.notifier #notifier-admin-header .notifier-admin-header-content .header-logo img{display:block;height:30px;width:auto}@media screen and (max-width:767px){.notifier #notifier-admin-header .notifier-admin-header-content .header-logo img{height:24px}}.notifier #notifier-admin-header .header-action-links{align-items:center;display:flex;justify-content:flex-end}.notifier #notifier-admin-header .header-action-links .review-us-link{color:#777}.notifier #notifier-admin-header .header-action-links .review-us-link a{color:#777;text-decoration:none}@media screen and (max-width:767px){.notifier #notifier-admin-header .header-action-links>:not(.review-us-link){display:none!important}}.notifier #notifier-admin-header .header-action-links>*{display:inline-block;padding:0 10px;text-decoration:none}.notifier #notifier-admin-header .header-action-links>.header-version{color:#777}.notifier .notifier-app-wrapper{margin-top:0}.notifier .notifier-tab-bar{background:#fff;border-bottom:1px solid #dee2e6;display:flex;list-style:none;margin:0;padding:0 20px}@media screen and (max-width:767px){.notifier .notifier-tab-bar{padding:0 12px}}.notifier .notifier-tab-bar .nav-item{margin-bottom:0}.notifier .notifier-tab-bar .nav-link{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:#555;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:10px 16px;text-decoration:none}.notifier .notifier-tab-bar .nav-link:hover{border-bottom-color:#ccc;color:#333}.notifier .notifier-tab-bar .nav-link.active{background:transparent;border-bottom-color:#0396a1;color:#0396a1}.notifier .notifier-tab-content{padding:20px}@media screen and (max-width:767px){.notifier .notifier-tab-content{padding:16px 12px}}.notifier .notifier-notices{margin:20px 20px 0}@media screen and (max-width:767px){.notifier .notifier-notices{margin:16px 12px 0}}.notifier .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.notifier .row>*{padding-left:12px;padding-right:12px}.notifier .g-3{--notifier-gutter:16px;margin-left:calc(var(--notifier-gutter)/-2);margin-right:calc(var(--notifier-gutter)/-2);row-gap:var(--notifier-gutter)}.notifier .g-3>*{padding-left:calc(var(--notifier-gutter)/2);padding-right:calc(var(--notifier-gutter)/2)}.notifier .col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.notifier .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.notifier .col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.notifier .col-md-6{flex:0 0 50%;max-width:50%}.notifier .col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.notifier .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}}@media (min-width:992px){.notifier .col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}.notifier .card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 6px 0 rgba(67,89,113,.12);display:flex;flex-direction:column;margin-top:0;max-width:none;overflow:hidden;padding:0;position:relative}.notifier .card-body{flex:1 1 auto;padding:15px 20px}.notifier .card-body p:last-child{margin-bottom:0}.notifier .card-header{border-bottom:1px solid #dee2e6;padding:15px 20px}.notifier .card-header:first-child{border-radius:4px 4px 0 0}.notifier .card-header h4{margin-top:0}.notifier .card-footer{border-top:1px solid #dee2e6;padding:15px 20px}.notifier .card-footer:last-child{border-radius:0 0 4px 4px}.notifier .card-title{font-size:16px;font-weight:600;margin:0 0 4px}.notifier .card-text{margin:0}.notifier .notifier-card-tabs{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 6px 0 rgba(67,89,113,.12);display:flex;overflow:hidden}.notifier .notifier-card-tabs__sidebar{background:#e9ecef;border-right:1px solid #dee2e6;flex-shrink:0;padding:8px 0;width:180px}.notifier .notifier-card-tabs__sidebar nav{display:flex;flex-direction:column}.notifier .notifier-card-tabs__item{align-items:center;background:none;border:none;border-left:3px solid transparent;border-radius:0;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:9px 16px;text-align:left;transition:background .15s,color .15s;width:100%}.notifier .notifier-card-tabs__item:hover{background:#e9ecef;color:#212529}.notifier .notifier-card-tabs__item.active{background:#fff;border-left-color:#0396a1;color:#0396a1}.notifier .notifier-card-tabs__icon{align-items:center;display:flex;flex-shrink:0;opacity:.7}.active .notifier .notifier-card-tabs__icon{opacity:1}.notifier .notifier-card-tabs__content{flex:1;min-width:0}@media screen and (max-width:767px){.notifier .notifier-card-tabs{flex-direction:column}.notifier .notifier-card-tabs__sidebar{border-bottom:1px solid #dee2e6;border-right:none;padding:0;width:100%}.notifier .notifier-card-tabs__sidebar nav{flex-direction:row;overflow-x:auto}.notifier .notifier-card-tabs__item{border-bottom:3px solid transparent;border-left:none;white-space:nowrap}.notifier .notifier-card-tabs__item.active{background:#f8f9fa;border-bottom-color:#0396a1;border-left-color:transparent}}.notifier .btn{border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:13px;font-weight:400;line-height:normal;padding:7px 14px;text-align:center;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.notifier .btn:disabled{opacity:.65;pointer-events:none}.notifier .btn-sm{font-size:13px;padding:2px 8px}.notifier .btn-primary{background-color:#0396a1;border-color:#0396a1;color:#fff}.notifier .btn-primary:focus,.notifier .btn-primary:hover{background-color:#02676f;border-color:#02676f;color:#fff}.notifier .btn-primary:disabled{opacity:.65;pointer-events:none}.notifier .btn-success{background-color:#329000;border-color:#329000;color:#fff}.notifier .btn-success:focus,.notifier .btn-success:hover{background-color:#256a00;border-color:#205d00;color:#fff}.notifier .btn-success:disabled{opacity:.65;pointer-events:none}.notifier .btn-outline-primary{background-color:transparent;border-color:#0396a1;color:#0396a1}.notifier .btn-outline-primary:focus,.notifier .btn-outline-primary:hover{background-color:#0396a1;border-color:#0396a1;color:#fff}.notifier .btn-outline-primary:disabled{opacity:.65;pointer-events:none}.notifier .btn-outline-secondary{background-color:transparent;border-color:#8592a3;color:#8592a3}.notifier .btn-outline-secondary:focus,.notifier .btn-outline-secondary:hover{background-color:#8592a3;border-color:#8592a3;color:#fff}.notifier .btn-outline-secondary:disabled{opacity:.65;pointer-events:none}.notifier .btn-outline-danger{background-color:transparent;border-color:#ce1e00;color:#ce1e00}.notifier .btn-outline-danger:focus,.notifier .btn-outline-danger:hover{background-color:#ce1e00;border-color:#ce1e00;color:#fff}.notifier .btn-outline-danger:disabled{opacity:.65;pointer-events:none}.notifier .btn-link{background:none;border:none;color:#0396a1;cursor:pointer;padding:0;text-decoration:underline}.notifier .btn-link:hover{color:#02676f}.notifier .btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:4px;cursor:pointer;display:inline-block;height:1em;opacity:.5;padding:.25em;width:1em}.notifier .btn-close:hover{opacity:.75}.notifier .btn-group{display:inline-flex}.notifier .btn-group>.btn{border-radius:0}.notifier .btn-group>.btn:first-child{border-radius:4px 0 0 4px}.notifier .btn-group>.btn:last-child{border-radius:0 4px 4px 0}.notifier .btn-group>.btn+.btn{margin-left:-1px}.notifier .badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:500;line-height:1;padding:3px 8px;text-align:center;vertical-align:baseline;white-space:nowrap}.notifier .bg-primary{background-color:#0396a1!important}.notifier .bg-success{background-color:#329000!important}.notifier .bg-secondary{background-color:#8592a3!important}.notifier .bg-warning{background-color:#ffab00!important}.notifier .bg-danger{background-color:#ce1e00!important}.notifier .bg-opacity-30{background-color:rgba(0,0,0,.3)!important;opacity:1}.notifier .alert{border:1px solid transparent;border-radius:4px;font-size:14px;margin-bottom:8px;padding:12px 16px;position:relative}.notifier .alert-success{background-color:#d1e7dd;border-color:#8ec3a8;color:#0f5132}.notifier .alert-danger{background-color:#f8d7da;border-color:#ee8d97;color:#842029}.notifier .alert-warning{background-color:#fff3cd;border-color:#ffd966;color:#664d03}.notifier .alert-info{background-color:#cff4fc;border-color:#6eddf6;color:#055160}.notifier .alert-dismissible{padding-right:40px}.notifier .alert-dismissible .btn-close{position:absolute;right:12px;top:12px}.notifier .fade{opacity:0;transition:opacity .15s linear}.notifier .fade.show{opacity:1}.notifier .form-control,.notifier .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#212529;display:block;font-size:13px;line-height:1.5;padding:6px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.notifier .form-control:focus,.notifier .form-select:focus{border-color:#0396a1;box-shadow:0 0 0 1px #0396a1;outline:0}.notifier .form-control.is-invalid,.notifier .form-select.is-invalid{border-color:#ce1e00}.notifier .form-select,.notifier select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:32px}.notifier select.form-control{cursor:pointer}.notifier textarea.form-control{min-height:60px;resize:vertical}.notifier .form-section-title{border-top:1px solid #f0f0f0;font-size:14px;font-weight:600;margin:0;padding:15px 0 0}.notifier .form-table{width:100%}.notifier .form-table .form-row{display:flex;padding-top:15px}.notifier .form-table .form-row:first-child{padding-top:0}.notifier .form-table .form-row-label{flex-shrink:0;font-size:13px;font-weight:500;padding-right:20px;padding-top:6px;width:200px}.notifier .form-table .form-row-field{flex:1;min-width:0}.notifier .form-table .form-row-field .form-field{margin-bottom:0}.notifier .form-label{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.notifier .form-text{color:#999;display:block;font-size:13px;margin-top:4px}.notifier .description{font-size:12px;margin-top:4px}.notifier .form-check{align-items:flex-start;display:flex;gap:6px;margin-bottom:4px;min-height:20px}.notifier .form-check-input{cursor:pointer;flex-shrink:0;height:16px;margin:2px 5px 0 0;width:16px}.notifier .form-check-label{cursor:pointer;font-size:14px}.notifier .form-switch .form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border:none;border-radius:40px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);height:16px;outline:none;position:relative;transition:.2s;width:32px}.notifier .form-switch .form-check-input:before{content:none}.notifier .form-switch .form-check-input:after{background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);content:"";height:16px;left:0;position:absolute;top:0;transform:scale(1.1);transition:.2s;width:16px}.notifier .form-switch .form-check-input:checked{background:#0396a1}.notifier .form-switch .form-check-input:checked:after{left:50%}.notifier .invalid-feedback{color:#ce1e00;display:block;font-size:13px;margin-top:4px;width:100%}.notifier .table{border-collapse:collapse;font-size:14px;margin-bottom:16px;width:100%}.notifier .table td,.notifier .table th{border-bottom:1px solid #dee2e6;padding:12px 20px;text-align:left;vertical-align:top}.notifier .table th{font-weight:600}.notifier .table-hover tbody tr:hover{background-color:rgba(0,0,0,.02)}.notifier .table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.notifier .list-group{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.notifier .list-group-item{display:block;padding:8px 16px;position:relative}.notifier .list-group-item:first-child{border-radius:4px 4px 0 0}.notifier .list-group-item:last-child{border-radius:0 0 4px 4px}.notifier .list-group-flush .list-group-item{border-left:0;border-radius:0;border-right:0}.notifier .list-group-flush .list-group-item:first-child{border-top:0}.notifier .list-group-flush .list-group-item:last-child{border-bottom:0}.notifier .nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.notifier .spinner-border{animation:notifier-spin .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:inline-block;height:1.5rem;vertical-align:text-bottom;width:1.5rem}@keyframes notifier-spin{to{transform:rotate(1turn)}}.notifier .notifier-select__control{border-color:#6c757d;font-size:14px;min-height:32px}.notifier .notifier-select__control--is-focused{border-color:#0396a1;box-shadow:0 0 0 1px #0396a1}.notifier .notifier-select__menu{font-size:14px;margin-top:2px}.notifier .notifier-select__input input{box-shadow:none!important;color:#343a40!important;outline:none!important}.notifier .notifier-select__option--is-focused{background-color:#e6f5f6;color:#343a40}.notifier .notifier-select__option--is-selected{background-color:#0396a1;color:#fff}.notifier .notifier-select__group-heading{background-color:#ebf7f7;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:0;padding:12px;text-transform:uppercase}.notifier .notifier-select__multi-value__remove{color:inherit}.notifier .notifier-select__multi-value__remove svg{fill:currentColor;color:inherit}.notifier .notifier-select__multi-value__remove:hover{background-color:#c0cddf;color:inherit}.notifier h3{font-size:1.3em}.notifier h3,.notifier h4{font-weight:600;margin-top:0}.notifier h4{font-size:1.1em}.notifier h5{font-size:1em}.notifier h5,.notifier h6{font-weight:600;margin-top:0}.notifier h6{font-size:.9em}.notifier p{margin-top:0}.notifier hr{border:0;border-top:1px solid #dee2e6;margin:16px 0}.notifier .notifier-browser-mock{display:flex;flex-direction:column;height:100%;min-height:300px;overflow:hidden}.notifier .notifier-browser-mock__bar{align-items:center;background:#e9ecef;border-bottom:1px solid #dee2e6;display:flex;flex-shrink:0;gap:5px;padding:7px 10px}.notifier .notifier-browser-mock__dot{border-radius:50%;display:inline-block;flex-shrink:0;height:9px;width:9px}.notifier .notifier-browser-mock__dot:first-child{background:#ff5f57}.notifier .notifier-browser-mock__dot:nth-child(2){background:#febc2e}.notifier .notifier-browser-mock__dot:nth-child(3){background:#28c840}.notifier .notifier-browser-mock__address{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#999;display:flex;flex:1;font-size:9px;height:16px;line-height:16px;margin-left:6px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.notifier .notifier-browser-mock__body{background:#fff;flex:1;overflow:hidden;position:relative}.notifier .notifier-browser-mock__page{display:flex;flex-direction:column;height:100%;overflow-y:auto}.notifier .notifier-browser-mock__container{margin:0 auto;max-width:600px;padding:0 12px;width:100%}.notifier .notifier-browser-mock__topbar{background:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0}.notifier .notifier-browser-mock__topbar .notifier-browser-mock__container{align-items:center;display:flex;gap:6px;padding-bottom:7px;padding-top:7px}.notifier .notifier-browser-mock__logo-block{background:#ced4da;border-radius:3px;height:9px;width:44px}.notifier .notifier-browser-mock__spacer{flex:1}.notifier .notifier-browser-mock__nav-item{background:#dee2e6;border-radius:3px;height:7px;width:24px}.notifier .notifier-browser-mock__main{display:flex;flex:1;flex-direction:column;overflow-y:auto}.notifier .notifier-browser-mock__hero{background:#f8f9fa}.notifier .notifier-browser-mock__hero .notifier-browser-mock__container{align-items:center;display:flex;gap:10px;padding-bottom:10px;padding-top:14px}.notifier .notifier-browser-mock__hero-text{display:flex;flex:1;flex-direction:column;gap:6px}.notifier .notifier-browser-mock__hero-image{aspect-ratio:4/3;background:#dee2e6;border-radius:4px;flex-shrink:0;width:30%}.notifier .notifier-browser-mock__logos{border-bottom:1px solid #dee2e6}.notifier .notifier-browser-mock__logos .notifier-browser-mock__container{align-items:center;display:flex;gap:6px;justify-content:space-between;padding-bottom:8px;padding-top:8px}.notifier .notifier-browser-mock__logo{background:#e9ecef;border-radius:3px;flex:1;height:8px}.notifier .notifier-browser-mock__features .notifier-browser-mock__container{display:flex;gap:8px;padding-bottom:10px;padding-top:10px}.notifier .notifier-browser-mock__feature{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;flex:1;height:40px}.notifier .notifier-browser-mock__title{background:#ced4da;border-radius:3px;display:block;height:10px;width:70%}.notifier .notifier-browser-mock__title--lg{background:#999;height:13px;width:85%}.notifier .notifier-browser-mock__line{background:#e9ecef;border-radius:3px;display:block;height:7px;width:100%}.notifier .notifier-browser-mock__line--short{width:60%}.notifier .notifier-browser-mock__line--dark{background:#dee2e6}.notifier .notifier-browser-mock__btn{background:#0396a1;border-radius:3px;display:block;height:12px;margin-top:2px;opacity:.7;width:40px}.notifier .notifier-btn-preview{bottom:20px;position:absolute;right:20px;z-index:10}.notifier .notifier-btn-preview--loading{align-items:center;display:flex;height:52px;justify-content:center;width:52px}.notifier .notifier-btn-preview--default{cursor:pointer}.notifier .notifier-btn-preview--default a{display:inline-block;outline:none!important;text-decoration:none!important}.notifier .notifier-btn-preview--default a img{display:block;height:52px;-o-object-fit:contain;object-fit:contain;width:52px}.notifier .notifier-btn-preview .notifier-click-to-chat-btn{bottom:auto!important;cursor:pointer;position:static!important;right:auto!important}.notifier .notifier-btn-preview .notifier-click-to-chat-btn a{display:inline-block;outline:none!important;text-decoration:none!important}.notifier .notifier-btn-preview .notifier-click-to-chat-btn a:focus,.notifier .notifier-btn-preview .notifier-click-to-chat-btn a:hover{text-decoration:none!important}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a{align-items:center;background-color:#e4e4e4;border-radius:25px;color:#7f7d7d;display:flex;font-size:13px;justify-content:center;line-height:32px;padding:0 12px 0 0}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a span:first-child{align-items:center;display:flex;margin:0 8px 0 -12px;order:0}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a{align-items:center;background-color:#26a69a;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);color:#fff;display:flex;height:36px;justify-content:center;letter-spacing:.5px;line-height:36px;padding:0 1.5rem;text-align:center;transition:.2s ease-out;vertical-align:middle}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a svg{flex-shrink:0}.notifier .notifier-btn-preview .notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img{height:auto;max-height:150px;max-width:150px;-o-object-fit:cover;object-fit:cover;width:100%}
1 +/**
2 + * Breakpoints
3 + */
4 +/**
5 + * Colours
6 + */
7 +.hide {
8 + display: none !important;
9 +}
10 +
11 +.small {
12 + font-size: 85%;
13 +}
14 +
15 +.d-block {
16 + display: block !important;
17 +}
18 +
19 +.d-flex {
20 + display: flex !important;
21 + flex-wrap: wrap;
22 +}
23 +
24 +.justify-content-center {
25 + justify-content: center;
26 +}
27 +
28 +.justify-content-end {
29 + justify-content: flex-end;
30 +}
31 +
32 +.justify-content-between {
33 + justify-content: space-between;
34 +}
35 +
36 +.align-content-center {
37 + align-content: center;
38 +}
39 +
40 +.align-items-center {
41 + align-items: center;
42 +}
43 +
44 +.col {
45 + flex: 1 0 0%;
46 + box-sizing: border-box;
47 +}
48 +
49 +.w-25 {
50 + flex: 0 0 auto;
51 + width: 25%;
52 +}
53 +
54 +.w-30 {
55 + flex: 0 0 auto;
56 + width: 30%;
57 +}
58 +
59 +.w-33 {
60 + flex: 0 0 auto;
61 + width: 33.33333333%;
62 +}
63 +
64 +.w-40 {
65 + flex: 0 0 auto;
66 + width: 40%;
67 +}
68 +
69 +.w-50 {
70 + flex: 0 0 auto;
71 + width: 50%;
72 +}
73 +
74 +.w-60 {
75 + flex: 0 0 auto;
76 + width: 60%;
77 +}
78 +
79 +.w-70 {
80 + flex: 0 0 auto;
81 + width: 70%;
82 +}
83 +
84 +.w-75 {
85 + flex: 0 0 auto;
86 + width: 75%;
87 +}
88 +
89 +.w-80 {
90 + flex: 0 0 auto;
91 + width: 80%;
92 +}
93 +
94 +.w-100 {
95 + flex: 1 0 100%;
96 +}
97 +
98 +.w-auto {
99 + width: auto !important;
100 +}
101 +
102 +.rounded {
103 + border-radius: 8px;
104 +}
105 +
106 +.bg-white {
107 + background-color: #fff;
108 +}
109 +
110 +.p-20 {
111 + padding: 20px;
112 +}
113 +
114 +.text-truncate {
115 + display: block;
116 + white-space: nowrap;
117 + overflow: hidden;
118 + text-overflow: ellipsis;
119 +}
120 +
121 +.text-left {
122 + text-align: left;
123 +}
124 +
125 +.text-right {
126 + text-align: right;
127 +}
128 +
129 +.text-uppercase {
130 + text-transform: uppercase;
131 +}
132 +
133 +.ms-auto {
134 + margin-left: auto;
135 +}
136 +
137 +.mt-0 {
138 + margin-top: 0;
139 +}
140 +
141 +.mb-0 {
142 + margin-bottom: 0;
143 +}
144 +
145 +.loader {
146 + height: 100px;
147 + background-size: 50px 50px;
148 + background-repeat: no-repeat;
149 + background-position: center;
150 + background-color: #f7f7f7;
151 + background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23000' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
152 +}
153 +
154 +/* Global */
155 +#wpcontent {
156 + padding-left: 0 !important;
157 +}
158 +
159 +#screen-meta {
160 + margin: 0 -20px;
161 +}
162 +@media screen and (max-width: 767px) {
163 + #screen-meta {
164 + margin: 0 0 0 -12px;
165 + border-left: 0;
166 + border-right: 0;
167 + }
168 +}
169 +
170 +#wpbody {
171 + padding-left: 20px;
172 +}
173 +@media screen and (max-width: 767px) {
174 + #wpbody {
175 + padding-top: 0;
176 + padding-left: 12px;
177 + }
178 +}
179 +
180 +.wrap.notifier {
181 + margin-top: 20px;
182 +}
183 +
184 +/* Meta Fields */
185 +.meta-fields .form-field {
186 + position: relative;
187 +}
188 +.meta-fields .form-field label.form-label,
189 +.meta-fields .form-field legend {
190 + font-size: 14px;
191 + font-weight: 500;
192 + display: block;
193 + margin-bottom: 5px;
194 +}
195 +.meta-fields .form-field label .limit-text {
196 + float: right;
197 + color: #999;
198 +}
199 +.meta-fields .form-field input[type=text],
200 +.meta-fields .form-field input[type=password],
201 +.meta-fields .form-field textarea,
202 +.meta-fields .form-field select {
203 + width: 100%;
204 + max-width: 100%;
205 +}
206 +@media screen and (max-width: 767px) {
207 + .meta-fields .form-field input[type=text],
208 +.meta-fields .form-field input[type=password],
209 +.meta-fields .form-field textarea,
210 +.meta-fields .form-field select {
211 + width: 100%;
212 + }
213 +}
214 +.meta-fields .form-field input[disabled=disabled],
215 +.meta-fields .form-field textarea[disabled=disabled],
216 +.meta-fields .form-field select[disabled=disabled] {
217 + background-color: #f6f7f7;
218 + cursor: not-allowed;
219 +}
220 +.meta-fields .form-field *:disabled {
221 + background-color: #f6f7f7;
222 +}
223 +.meta-fields .form-field .radio-buttons {
224 + margin: 0;
225 +}
226 +.meta-fields .form-field .radio-buttons li {
227 + display: inline-block;
228 + margin-right: 20px;
229 +}
230 +.meta-fields .form-field .radio-buttons li label {
231 + display: inline-block;
232 + width: auto;
233 +}
234 +.meta-fields .form-field .fields-repeater {
235 + width: 100%;
236 + border-collapse: collapse;
237 +}
238 +.meta-fields .form-field .fields-repeater th {
239 + text-align: left;
240 + font-size: 13px;
241 + font-weight: normal;
242 + border: 1px solid #a8a6a6;
243 + padding: 10px;
244 + background-color: #f7f7f7;
245 +}
246 +.meta-fields .form-field .fields-repeater td {
247 + width: 50%;
248 + border: 1px solid #a8a6a6;
249 + padding: 10px;
250 + vertical-align: top;
251 +}
252 +.meta-fields .form-field .fields-repeater td input,
253 +.meta-fields .form-field .fields-repeater td select,
254 +.meta-fields .form-field .fields-repeater td textarea {
255 + width: 100%;
256 +}
257 +.meta-fields .form-field .fields-repeater td.delete-repeater-field {
258 + min-width: 20px;
259 + text-align: center;
260 +}
261 +.meta-fields .form-field .fields-repeater td.delete-repeater-field span {
262 + margin-top: 5px;
263 + cursor: pointer;
264 +}
265 +.meta-fields fieldset.form-field {
266 + font-size: 13px;
267 + line-height: 1.5;
268 + margin: 1em 0;
269 +}
270 +.meta-fields h3 {
271 + margin-bottom: 5px;
272 + font-size: 14px;
273 +}
274 +.meta-fields h4 {
275 + margin-bottom: 0;
276 +}
277 +.meta-fields hr {
278 + margin: 20px auto;
279 +}
280 +.meta-fields .optional-text {
281 + color: #999;
282 + font-weight: normal;
283 +}
284 +.meta-fields .description {
285 + font-size: 12px;
286 + margin-top: 5px;
287 + display: inline-block;
288 + color: #555;
289 +}
290 +@media screen and (max-width: 767px) {
291 + .meta-fields .col {
292 + flex: 0 0 100%;
293 + }
294 +}
295 +
296 +.notifier-media-preview {
297 + display: block;
298 +}
299 +
300 +.notifier-notice {
301 + margin-top: 20px;
302 + margin-left: 0;
303 +}
304 +
305 +table.wp-list-table {
306 + border: 1px solid #eee;
307 + box-shadow: none;
308 + border-radius: 8px;
309 +}
310 +table.wp-list-table thead td,
311 +table.wp-list-table thead th {
312 + padding-top: 5px !important;
313 + padding-bottom: 5px !important;
314 + border-bottom: 1px solid #eee;
315 +}
316 +table.wp-list-table tfoot td,
317 +table.wp-list-table tfoot th {
318 + padding-top: 5px !important;
319 + padding-bottom: 5px !important;
320 + border-top: 1px solid #eee;
321 +}
322 +
323 +.notifier-toggle-switch input[type=checkbox] {
324 + position: relative;
325 + -webkit-appearance: none;
326 + -moz-appearance: none;
327 + appearance: none;
328 + width: 32px;
329 + height: 16px;
330 + background: #ccc;
331 + border-radius: 40px;
332 + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
333 + cursor: pointer;
334 + transition: 0.2s;
335 + border: none;
336 + outline: none;
337 +}
338 +.notifier-toggle-switch input:checked[type=checkbox] {
339 + -webkit-appearance: none;
340 + -moz-appearance: none;
341 + appearance: none;
342 + background: #00c417;
343 +}
344 +.notifier-toggle-switch input[type=checkbox]::before {
345 + content: none;
346 +}
347 +.notifier-toggle-switch input[type=checkbox]::after {
348 + position: absolute;
349 + content: "";
350 + width: 16px;
351 + height: 16px;
352 + top: 0;
353 + left: 0;
354 + background: #fff;
355 + border-radius: 50%;
356 + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
357 + transform: scale(1.1);
358 + transition: 0.2s;
359 +}
360 +.notifier-toggle-switch input:checked[type=checkbox]::after {
361 + left: 50%;
362 +}
363 +
364 +@media screen and (max-width: 767px) {
365 + #notifier-admin-header {
366 + padding-top: 46px;
367 + }
368 +}
369 +#notifier-admin-header .notifier-admin-header-content {
370 + background: #fff;
371 + box-sizing: border-box;
372 + width: 100%;
373 + top: 32px;
374 + z-index: 1001;
375 + padding: 0 20px;
376 + height: 70px;
377 + display: flex;
378 + align-content: center;
379 + align-items: center;
380 + justify-content: space-between;
381 + border-bottom: 1px solid #eee;
382 +}
383 +@media screen and (max-width: 767px) {
384 + #notifier-admin-header .notifier-admin-header-content {
385 + padding: 0 12px;
386 + }
387 +}
388 +#notifier-admin-header .notifier-admin-header-content.sticky {
389 + box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3);
390 +}
391 +@media screen and (max-width: 767px) {
392 + #notifier-admin-header .notifier-admin-header-content .header-page-title {
393 + flex: 1;
394 + }
395 +}
396 +@media screen and (max-width: 767px) {
397 + #notifier-admin-header .notifier-admin-header-content .header-menu-items {
398 + flex: 1;
399 + justify-content: flex-end;
400 + }
401 +}
402 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul {
403 + margin: 0;
404 +}
405 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li {
406 + display: inline-block;
407 + margin-bottom: 0;
408 +}
409 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li:last-child {
410 + border-right: 0;
411 +}
412 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
413 + text-decoration: none;
414 + padding: 0 20px;
415 + display: block;
416 +}
417 +@media screen and (max-width: 767px) {
418 + #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
419 + padding: 0 10px;
420 + }
421 +}
422 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active {
423 + color: #555;
424 +}
425 +@media screen and (max-width: 767px) {
426 + #notifier-admin-header .notifier-admin-header-content .header-action-links {
427 + display: none !important;
428 + }
429 +}
430 +#notifier-admin-header .notifier-admin-header-content .header-action-links > * {
431 + text-decoration: none;
432 + padding: 0 10px;
433 + display: inline-block;
434 +}
435 +#notifier-admin-header .notifier-admin-header-content .header-action-links > *.header-version {
436 + color: #777;
437 +}
438 +
439 +.onboarding {
440 + max-width: 600px;
441 + margin: 0 auto;
442 + background: #fff;
443 + border-radius: 10px;
444 + box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
445 +}
446 +.onboarding .onboarding-head {
447 + padding: 20px;
448 + border-bottom: 1px solid #eee;
449 +}
450 +.onboarding .onboarding-head h1,
451 +.onboarding .onboarding-head h2,
452 +.onboarding .onboarding-head h3 {
453 + margin: 0;
454 +}
455 +.onboarding .onboarding-head p {
456 + margin-bottom: 0;
457 +}
458 +.onboarding .onboarding-body {
459 + padding: 20px;
460 +}
461 +.onboarding .onboarding-body h1,
462 +.onboarding .onboarding-body h2,
463 +.onboarding .onboarding-body h3,
464 +.onboarding .onboarding-body p:first-child {
465 + margin-top: 0;
466 +}
467 +.onboarding .onboarding-body p:last-child {
468 + margin-bottom: 0;
469 +}
470 +.onboarding .onboarding-footer {
471 + padding: 20px;
472 + border-top: 1px solid #eee;
473 +}
474 +
475 +.dashboard-boxes {
476 + display: flex;
477 + flex-wrap: wrap;
478 + margin-left: -10px;
479 + margin-right: -10px;
480 +}
481 +.dashboard-boxes .col {
482 + padding: 0 10px;
483 +}
484 +@media screen and (max-width: 992px) {
485 + .dashboard-boxes > .col:not(.w-100) {
486 + flex: 0 0 50% !important;
487 + }
488 +}
489 +@media screen and (max-width: 767px) {
490 + .dashboard-boxes > .col:not(.w-100) {
491 + flex: 0 0 100% !important;
492 + }
493 +}
494 +.dashboard-boxes .dashboard-box {
495 + border-radius: 8px;
496 + background-color: #fff;
497 + display: flex;
498 + flex-direction: column;
499 + margin-bottom: 20px;
500 +}
501 +.dashboard-boxes .dashboard-box.dashboard-box-top {
502 + height: auto;
503 +}
504 +@media screen and (max-width: 767px) {
505 + .dashboard-boxes .dashboard-box.dashboard-box-top .w-25 {
506 + flex: 0 0 100%;
507 + }
508 +}
509 +.dashboard-boxes .dashboard-box .dashboard-box-head {
510 + padding: 15px 20px;
511 + border-bottom: 1px solid #eee;
512 +}
513 +@media screen and (max-width: 767px) {
514 + .dashboard-boxes .dashboard-box .dashboard-box-head {
515 + padding: 12px;
516 + }
517 +}
518 +.dashboard-boxes .dashboard-box .dashboard-box-head h2,
519 +.dashboard-boxes .dashboard-box .dashboard-box-head h3 {
520 + margin: 0;
521 +}
522 +@media screen and (max-width: 767px) {
523 + .dashboard-boxes .dashboard-box .dashboard-box-head h2,
524 +.dashboard-boxes .dashboard-box .dashboard-box-head h3 {
525 + font-size: 16px;
526 + }
527 +}
528 +.dashboard-boxes .dashboard-box .dashboard-box-body {
529 + padding: 15px 20px;
530 +}
531 +@media screen and (max-width: 767px) {
532 + .dashboard-boxes .dashboard-box .dashboard-box-body {
533 + padding: 12px;
534 + }
535 +}
536 +.dashboard-boxes .dashboard-box .dashboard-box-body *:first-child {
537 + margin-top: 0;
538 +}
539 +.dashboard-boxes .dashboard-box .dashboard-box-body h3 {
540 + font-size: 1.2em;
541 +}
542 +.dashboard-boxes .dashboard-box .dashboard-box-body table {
543 + width: 100%;
544 +}
545 +.dashboard-boxes .dashboard-box .dashboard-box-body table th,
546 +.dashboard-boxes .dashboard-box .dashboard-box-body table td {
547 + text-align: left;
548 + vertical-align: top;
549 +}
550 +.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child,
551 +.dashboard-boxes .dashboard-box .dashboard-box-body table td:first-child {
552 + width: 20%;
553 +}
554 +.dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker {
555 + color: #ccc;
556 +}
557 +.dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-yes-alt {
558 + color: #01a401;
559 +}
560 +.dashboard-boxes .dashboard-box .dashboard-box-footer {
561 + margin-top: auto;
562 + padding: 15px 20px;
563 +}
564 +.dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap {
565 + text-align: right;
566 +}
567 +.dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap .button {
568 + margin-left: 10px;
569 +}
570 +
571 +#wa-notifier-api-key {
572 + width: 100%;
573 + margin-bottom: 10px;
574 +}
575 +
576 +.notifier-triggers-group-wrap {
577 + margin-bottom: 30px;
578 +}
579 +.notifier-triggers-group-wrap .notifier-trigger-wrap {
580 + margin-bottom: 20px;
581 +}
582 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label {
583 + font-size: 16px;
584 +}
585 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox] {
586 + -webkit-appearance: none;
587 + -moz-appearance: none;
588 + appearance: none;
589 + margin: 0;
590 + font: inherit;
591 + color: #697a8d;
592 + width: 20px;
593 + height: 20px;
594 + border: 2px solid #697a8d;
595 + border-radius: 3px;
596 + background-color: transparent;
597 + outline: none !important;
598 + margin-right: 10px;
599 +}
600 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]::before {
601 + content: "";
602 +}
603 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked {
604 + color: white;
605 + background: #0396a1;
606 + border-color: #0396a1;
607 + box-shadow: none;
608 +}
609 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked::before {
610 + content: "\f147";
611 + font-family: "dashicons";
612 + font-size: 20px;
613 + display: block;
614 + position: absolute;
615 + height: 18px;
616 + width: 18px;
617 + margin-top: -1px;
618 + margin-left: -3px;
619 +}
620 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label .notifier-show-trigger-info {
621 + border: 0;
622 + background: none;
623 + padding: 0;
624 + cursor: pointer;
625 + color: #aaa;
626 +}
627 +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-info {
628 + background: #f7f7f7;
629 + padding: 10px;
630 + margin-top: 10px;
631 + border: 1px solid #eee;
632 + border-radius: 10px;
633 +}
634 +
635 +.notifier-overview-image {
636 + float: right;
637 + display: inline-block;
638 +}
639 +.notifier-overview-image img {
640 + width: 100%;
641 + height: auto;
642 + max-width: 200px;
643 +}
644 +@media screen and (max-width: 767px) {
645 + .notifier-overview-image {
646 + float: none;
647 + }
648 + .notifier-overview-image img {
649 + max-width: none;
650 + }
651 +}
652 +
653 +.notifier-settings-form-profile .notifier-profile-fields-right {
654 + margin-left: 50px;
655 + margin-top: 100px;
656 +}
657 +@media screen and (max-width: 767px) {
658 + .notifier-settings-form-profile .notifier-profile-fields-right {
659 + display: none;
660 + }
661 +}
662 +
663 +.notifier-fields-table {
664 + width: 100%;
665 + max-width: 700px;
666 +}
667 +.notifier-fields-table tr th {
668 + vertical-align: top;
669 + text-align: left;
670 + padding: 20px 10px 20px 0;
671 + width: 200px;
672 + line-height: 1.3;
673 + font-weight: 600;
674 +}
675 +@media screen and (max-width: 767px) {
676 + .notifier-fields-table tr th {
677 + display: block;
678 + width: 100%;
679 + padding: 10px 0 5px 0;
680 + }
681 +}
682 +.notifier-fields-table tr th.section-title {
683 + padding: 0;
684 +}
685 +.notifier-fields-table tr td {
686 + margin-bottom: 9px;
687 + padding: 15px 10px;
688 + line-height: 1.3;
689 + vertical-align: middle;
690 +}
691 +@media screen and (max-width: 767px) {
692 + .notifier-fields-table tr td {
693 + display: block;
694 + width: 100%;
695 + padding: 0;
696 + }
697 +}
698 +.notifier-fields-table tr h3 {
699 + margin-bottom: 0px;
700 +}
701 +.notifier-fields-table tr .description {
702 + font-weight: normal;
703 +}
704 +.notifier-fields-table input:not([type=button]),
705 +.notifier-fields-table textarea,
706 +.notifier-fields-table select {
707 + width: 100%;
708 + max-width: none;
709 +}
710 +.notifier-fields-table #notifier_ctc_enable {
711 + max-width: 16px;
712 + height: 16px;
713 +}
714 +
715 +.notifier-chat-btn-image-url {
716 + display: none;
717 +}
718 +
719 +.disabled-field {
720 + background: #fff !important;
721 + opacity: 0.5;
722 + pointer-events: none;
723 +}
724 +
725 +.post-type-wa_notifier_trigger #minor-publishing-actions #save-action,
726 +.post-type-wa_notifier_trigger #misc-publishing-actions {
727 + display: none;
728 +}
729 +.post-type-wa_notifier_trigger #minor-publishing-actions {
730 + padding: 15px 10px;
731 + text-align: left;
732 +}
733 +.post-type-wa_notifier_trigger .trigger-fields-wrap {
734 + margin: 1em 0;
735 +}
736 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags {
737 + margin-bottom: 5px;
738 +}
739 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap {
740 + padding: 10px 10px 5px 10px;
741 + border: 1px solid #8c8f94;
742 + border-radius: 3px;
743 +}
744 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
745 + flex-wrap: nowrap;
746 + margin-bottom: 10px;
747 +}
748 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags:last-child {
749 + margin-bottom: 0;
750 +}
751 +@media screen and (max-width: 767px) {
752 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
753 + flex-wrap: wrap;
754 + }
755 +}
756 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags legend.form-label {
757 + font-size: 13px;
758 + min-width: 120px;
759 + max-width: 120px;
760 + font-weight: 500;
761 + margin-bottom: 5px;
762 + margin-top: 1px;
763 +}
764 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
765 + flex-grow: 1;
766 +}
767 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
768 + display: inline-block;
769 + margin-bottom: 5px;
770 + width: 25%;
771 +}
772 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check .form-check-label {
773 + width: auto;
774 + display: block;
775 + white-space: nowrap;
776 + overflow: hidden;
777 + text-overflow: ellipsis;
778 +}
779 +@media screen and (max-width: 1440px) {
780 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
781 + width: 33.33%;
782 + }
783 +}
784 +@media screen and (max-width: 1024px) {
785 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
786 + width: 50%;
787 + }
788 +}
789 +@media screen and (max-width: 767px) {
790 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
791 + width: 100%;
792 + }
793 +}
794 +
795 +.notifier-click-to-chat-btn {
796 + position: fixed;
797 + bottom: 20px;
798 + right: 20px;
799 + cursor: pointer;
800 + z-index: 99999999;
801 +}
802 +.notifier-click-to-chat-btn a {
803 + text-decoration: none !important;
804 + display: inline-block;
805 + outline: none !important;
806 +}
807 +.notifier-click-to-chat-btn a:hover, .notifier-click-to-chat-btn a:focus {
808 + text-decoration: none !important;
809 +}
810 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a {
811 + display: flex;
812 + justify-content: center;
813 + align-items: center;
814 + background-color: #e4e4e4;
815 + color: #7f7d7d;
816 + padding: 0 12px;
817 + border-radius: 25px;
818 + font-size: 13px;
819 + line-height: 32px;
820 +}
821 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a {
822 + display: flex;
823 + padding: 0 2rem;
824 + letter-spacing: 0.5px;
825 + transition: 0.2s ease-out;
826 + text-align: center;
827 + justify-content: center;
828 + align-items: center;
829 + border-radius: 2px;
830 + height: 36px;
831 + line-height: 36px;
832 + vertical-align: middle;
833 + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
834 + box-sizing: inherit;
835 + background-color: #26a69a;
836 + color: #fff;
837 +}
838 +.notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img {
839 + width: 100%;
840 + height: auto;
841 + max-width: 150px;
842 + max-height: 150px;
843 + -o-object-fit: cover;
844 + object-fit: cover;
845 +}