PluginProbe
WANotifier for Forms and Actions / 2.0.2
WANotifier for Forms and Actions v2.0.2
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 +773 -1 trunk2.0.2 View file →
@@ -1 +1,773 @@
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 +.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
2 +
3 +/**
4 + * Breakpoints
5 + */
6 +/**
7 + * Colours
8 + */
9 +.hide {
10 + display: none !important;
11 +}
12 +
13 +.small {
14 + font-size: 85%;
15 +}
16 +
17 +.d-block {
18 + display: block !important;
19 +}
20 +
21 +.d-flex {
22 + display: flex !important;
23 + flex-wrap: wrap;
24 +}
25 +
26 +.justify-content-center {
27 + justify-content: center;
28 +}
29 +
30 +.justify-content-end {
31 + justify-content: flex-end;
32 +}
33 +
34 +.justify-content-between {
35 + justify-content: space-between;
36 +}
37 +
38 +.align-content-center {
39 + align-content: center;
40 +}
41 +
42 +.align-items-center {
43 + align-items: center;
44 +}
45 +
46 +.col {
47 + flex: 1 0 0%;
48 + box-sizing: border-box;
49 +}
50 +
51 +.w-25 {
52 + flex: 0 0 auto;
53 + width: 25%;
54 +}
55 +
56 +.w-30 {
57 + flex: 0 0 auto;
58 + width: 30%;
59 +}
60 +
61 +.w-33 {
62 + flex: 0 0 auto;
63 + width: 33.33333333%;
64 +}
65 +
66 +.w-40 {
67 + flex: 0 0 auto;
68 + width: 40%;
69 +}
70 +
71 +.w-50 {
72 + flex: 0 0 auto;
73 + width: 50%;
74 +}
75 +
76 +.w-60 {
77 + flex: 0 0 auto;
78 + width: 60%;
79 +}
80 +
81 +.w-70 {
82 + flex: 0 0 auto;
83 + width: 70%;
84 +}
85 +
86 +.w-75 {
87 + flex: 0 0 auto;
88 + width: 75%;
89 +}
90 +
91 +.w-80 {
92 + flex: 0 0 auto;
93 + width: 80%;
94 +}
95 +
96 +.w-100 {
97 + flex: 1 0 100%;
98 +}
99 +
100 +.w-auto {
101 + width: auto !important;
102 +}
103 +
104 +.rounded {
105 + border-radius: 8px;
106 +}
107 +
108 +.bg-white {
109 + background-color: #fff;
110 +}
111 +
112 +.p-20 {
113 + padding: 20px;
114 +}
115 +
116 +.text-truncate {
117 + display: block;
118 + white-space: nowrap;
119 + overflow: hidden;
120 + text-overflow: ellipsis;
121 +}
122 +
123 +.text-left {
124 + text-align: left;
125 +}
126 +
127 +.text-right {
128 + text-align: right;
129 +}
130 +
131 +.text-uppercase {
132 + text-transform: uppercase;
133 +}
134 +
135 +.ms-auto {
136 + margin-left: auto;
137 +}
138 +
139 +.mt-0 {
140 + margin-top: 0px;
141 +}
142 +
143 +.mb-0 {
144 + margin-bottom: 0px;
145 +}
146 +
147 +.loader {
148 + height: 100px;
149 + background-size: 50px 50px;
150 + background-repeat: no-repeat;
151 + background-position: center;
152 + background-color: #f7f7f7;
153 + 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");
154 +}
155 +
156 +/* Global */
157 +#wpcontent {
158 + padding-left: 0 !important;
159 +}
160 +
161 +#screen-meta {
162 + margin: 0 -20px;
163 +}
164 +@media screen and (max-width: 767px) {
165 + #screen-meta {
166 + margin: 0 0 0 -12px;
167 + border-left: 0;
168 + border-right: 0;
169 + }
170 +}
171 +
172 +#wpbody {
173 + padding-left: 20px;
174 +}
175 +@media screen and (max-width: 767px) {
176 + #wpbody {
177 + padding-top: 0;
178 + padding-left: 12px;
179 + }
180 +}
181 +
182 +.wrap.notifier {
183 + margin-top: 20px;
184 +}
185 +
186 +/* Meta Fields */
187 +.meta-fields .form-field {
188 + position: relative;
189 +}
190 +.meta-fields .form-field label.form-label,
191 +.meta-fields .form-field legend {
192 + font-size: 14px;
193 + font-weight: 500;
194 + display: block;
195 + margin-bottom: 5px;
196 +}
197 +.meta-fields .form-field label .limit-text {
198 + float: right;
199 + color: #999;
200 +}
201 +.meta-fields .form-field input[type=text],
202 +.meta-fields .form-field input[type=password],
203 +.meta-fields .form-field textarea,
204 +.meta-fields .form-field select {
205 + width: 100%;
206 + max-width: 100%;
207 +}
208 +@media screen and (max-width: 767px) {
209 + .meta-fields .form-field input[type=text],
210 +.meta-fields .form-field input[type=password],
211 +.meta-fields .form-field textarea,
212 +.meta-fields .form-field select {
213 + width: 100%;
214 + }
215 +}
216 +.meta-fields .form-field input[disabled=disabled],
217 +.meta-fields .form-field textarea[disabled=disabled],
218 +.meta-fields .form-field select[disabled=disabled] {
219 + background-color: #f6f7f7;
220 + cursor: not-allowed;
221 +}
222 +.meta-fields .form-field *:disabled {
223 + background-color: #f6f7f7;
224 +}
225 +.meta-fields .form-field .radio-buttons {
226 + margin: 0;
227 +}
228 +.meta-fields .form-field .radio-buttons li {
229 + display: inline-block;
230 + margin-right: 20px;
231 +}
232 +.meta-fields .form-field .radio-buttons li label {
233 + display: inline-block;
234 + width: auto;
235 +}
236 +.meta-fields .form-field .fields-repeater {
237 + width: 100%;
238 + border-collapse: collapse;
239 +}
240 +.meta-fields .form-field .fields-repeater th {
241 + text-align: left;
242 + font-size: 13px;
243 + font-weight: normal;
244 + border: 1px solid #a8a6a6;
245 + padding: 10px;
246 + background-color: #f7f7f7;
247 +}
248 +.meta-fields .form-field .fields-repeater td {
249 + width: 50%;
250 + border: 1px solid #a8a6a6;
251 + padding: 10px;
252 + vertical-align: top;
253 +}
254 +.meta-fields .form-field .fields-repeater td input,
255 +.meta-fields .form-field .fields-repeater td select,
256 +.meta-fields .form-field .fields-repeater td textarea {
257 + width: 100%;
258 +}
259 +.meta-fields .form-field .fields-repeater td.delete-repeater-field {
260 + min-width: 20px;
261 + text-align: center;
262 +}
263 +.meta-fields .form-field .fields-repeater td.delete-repeater-field span {
264 + margin-top: 5px;
265 + cursor: pointer;
266 +}
267 +.meta-fields fieldset.form-field {
268 + font-size: 13px;
269 + line-height: 1.5;
270 + margin: 1em 0;
271 +}
272 +.meta-fields h3 {
273 + margin-bottom: 5px;
274 + font-size: 14px;
275 +}
276 +.meta-fields h4 {
277 + margin-bottom: 0;
278 +}
279 +.meta-fields hr {
280 + margin: 20px auto;
281 +}
282 +.meta-fields .optional-text {
283 + color: #999;
284 + font-weight: normal;
285 +}
286 +.meta-fields .description {
287 + font-size: 12px;
288 + margin-top: 5px;
289 + display: inline-block;
290 + color: #555;
291 +}
292 +@media screen and (max-width: 767px) {
293 + .meta-fields .col {
294 + flex: 0 0 100%;
295 + }
296 +}
297 +
298 +.notifier-media-preview {
299 + display: block;
300 +}
301 +
302 +.notifier-notice {
303 + margin-top: 20px;
304 + margin-left: 0px;
305 +}
306 +
307 +table.wp-list-table {
308 + border: 1px solid #eee;
309 + box-shadow: none;
310 + border-radius: 8px;
311 +}
312 +table.wp-list-table thead td,
313 +table.wp-list-table thead th {
314 + padding-top: 5px !important;
315 + padding-bottom: 5px !important;
316 + border-bottom: 1px solid #eee;
317 +}
318 +table.wp-list-table tfoot td,
319 +table.wp-list-table tfoot th {
320 + padding-top: 5px !important;
321 + padding-bottom: 5px !important;
322 + border-top: 1px solid #eee;
323 +}
324 +
325 +.notifier-toggle-switch input[type=checkbox] {
326 + position: relative;
327 + -webkit-appearance: none;
328 + -moz-appearance: none;
329 + appearance: none;
330 + width: 32px;
331 + height: 16px;
332 + background: #ccc;
333 + border-radius: 40px;
334 + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
335 + cursor: pointer;
336 + transition: 0.2s;
337 + border: none;
338 + outline: none;
339 +}
340 +.notifier-toggle-switch input:checked[type=checkbox] {
341 + -webkit-appearance: none;
342 + -moz-appearance: none;
343 + appearance: none;
344 + background: #00c417;
345 +}
346 +.notifier-toggle-switch input[type=checkbox]::before {
347 + content: none;
348 +}
349 +.notifier-toggle-switch input[type=checkbox]::after {
350 + position: absolute;
351 + content: "";
352 + width: 16px;
353 + height: 16px;
354 + top: 0;
355 + left: 0;
356 + background: #fff;
357 + border-radius: 50%;
358 + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
359 + transform: scale(1.1);
360 + transition: 0.2s;
361 +}
362 +.notifier-toggle-switch input:checked[type=checkbox]::after {
363 + left: 50%;
364 +}
365 +
366 +@media screen and (max-width: 767px) {
367 + #notifier-admin-header {
368 + padding-top: 46px;
369 + }
370 +}
371 +#notifier-admin-header .notifier-admin-header-content {
372 + background: #fff;
373 + box-sizing: border-box;
374 + width: 100%;
375 + top: 32px;
376 + z-index: 1001;
377 + padding: 0 20px;
378 + height: 70px;
379 + display: flex;
380 + align-content: center;
381 + align-items: center;
382 + justify-content: space-between;
383 + border-bottom: 1px solid #eeeeee;
384 +}
385 +@media screen and (max-width: 767px) {
386 + #notifier-admin-header .notifier-admin-header-content {
387 + padding: 0 12px;
388 + }
389 +}
390 +#notifier-admin-header .notifier-admin-header-content.sticky {
391 + box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3);
392 +}
393 +@media screen and (max-width: 767px) {
394 + #notifier-admin-header .notifier-admin-header-content .header-page-title {
395 + flex: 1;
396 + }
397 +}
398 +@media screen and (max-width: 767px) {
399 + #notifier-admin-header .notifier-admin-header-content .header-menu-items {
400 + flex: 1;
401 + justify-content: flex-end;
402 + }
403 +}
404 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul {
405 + margin: 0;
406 +}
407 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li {
408 + display: inline-block;
409 + margin-bottom: 0;
410 +}
411 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li:last-child {
412 + border-right: 0;
413 +}
414 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
415 + text-decoration: none;
416 + padding: 0 20px;
417 + display: block;
418 +}
419 +@media screen and (max-width: 767px) {
420 + #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a {
421 + padding: 0 10px;
422 + }
423 +}
424 +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active {
425 + color: #555;
426 +}
427 +@media screen and (max-width: 767px) {
428 + #notifier-admin-header .notifier-admin-header-content .header-action-links {
429 + display: none !important;
430 + }
431 +}
432 +#notifier-admin-header .notifier-admin-header-content .header-action-links > * {
433 + text-decoration: none;
434 + padding: 0 10px;
435 + display: inline-block;
436 +}
437 +#notifier-admin-header .notifier-admin-header-content .header-action-links > *.header-version {
438 + color: #777;
439 +}
440 +
441 +.onboarding {
442 + max-width: 600px;
443 + margin: 0 auto;
444 + background: #fff;
445 + border-radius: 10px;
446 + box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1);
447 +}
448 +.onboarding .onboarding-head {
449 + padding: 20px;
450 + border-bottom: 1px solid #eee;
451 +}
452 +.onboarding .onboarding-head h1,
453 +.onboarding .onboarding-head h2,
454 +.onboarding .onboarding-head h3 {
455 + margin: 0;
456 +}
457 +.onboarding .onboarding-head p {
458 + margin-bottom: 0;
459 +}
460 +.onboarding .onboarding-body {
461 + padding: 20px;
462 +}
463 +.onboarding .onboarding-body h1,
464 +.onboarding .onboarding-body h2,
465 +.onboarding .onboarding-body h3,
466 +.onboarding .onboarding-body p:first-child {
467 + margin-top: 0;
468 +}
469 +.onboarding .onboarding-body p:last-child {
470 + margin-bottom: 0;
471 +}
472 +.onboarding .onboarding-footer {
473 + padding: 20px;
474 + border-top: 1px solid #eee;
475 +}
476 +
477 +.dashboard-boxes {
478 + display: flex;
479 + flex-wrap: wrap;
480 + margin-left: -10px;
481 + margin-right: -10px;
482 +}
483 +.dashboard-boxes .col {
484 + padding: 0 10px;
485 +}
486 +@media screen and (max-width: 992px) {
487 + .dashboard-boxes > .col:not(.w-100) {
488 + flex: 0 0 50% !important;
489 + }
490 +}
491 +@media screen and (max-width: 767px) {
492 + .dashboard-boxes > .col:not(.w-100) {
493 + flex: 0 0 100% !important;
494 + }
495 +}
496 +.dashboard-boxes .dashboard-box {
497 + border-radius: 8px;
498 + background-color: #fff;
499 + display: flex;
500 + flex-direction: column;
501 + margin-bottom: 20px;
502 +}
503 +.dashboard-boxes .dashboard-box.dashboard-box-top {
504 + height: auto;
505 +}
506 +@media screen and (max-width: 767px) {
507 + .dashboard-boxes .dashboard-box.dashboard-box-top .w-25 {
508 + flex: 0 0 100%;
509 + }
510 +}
511 +.dashboard-boxes .dashboard-box .dashboard-box-head {
512 + padding: 15px 20px;
513 + border-bottom: 1px solid #eee;
514 +}
515 +@media screen and (max-width: 767px) {
516 + .dashboard-boxes .dashboard-box .dashboard-box-head {
517 + padding: 12px;
518 + }
519 +}
520 +.dashboard-boxes .dashboard-box .dashboard-box-head h2,
521 +.dashboard-boxes .dashboard-box .dashboard-box-head h3 {
522 + margin: 0;
523 +}
524 +@media screen and (max-width: 767px) {
525 + .dashboard-boxes .dashboard-box .dashboard-box-head h2,
526 +.dashboard-boxes .dashboard-box .dashboard-box-head h3 {
527 + font-size: 16px;
528 + }
529 +}
530 +.dashboard-boxes .dashboard-box .dashboard-box-body {
531 + padding: 15px 20px;
532 +}
533 +@media screen and (max-width: 767px) {
534 + .dashboard-boxes .dashboard-box .dashboard-box-body {
535 + padding: 12px;
536 + }
537 +}
538 +.dashboard-boxes .dashboard-box .dashboard-box-body *:first-child {
539 + margin-top: 0;
540 +}
541 +.dashboard-boxes .dashboard-box .dashboard-box-body h3 {
542 + font-size: 1.2em;
543 +}
544 +.dashboard-boxes .dashboard-box .dashboard-box-body table {
545 + width: 100%;
546 +}
547 +.dashboard-boxes .dashboard-box .dashboard-box-body table th, .dashboard-boxes .dashboard-box .dashboard-box-body table td {
548 + text-align: left;
549 + vertical-align: top;
550 +}
551 +.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child, .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: 0px;
622 + background: none;
623 + padding: 0px;
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 #eeeeee;
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 input:not([type=button]),
699 +.notifier-fields-table textarea,
700 +.notifier-fields-table select {
701 + width: 100%;
702 + max-width: none;
703 +}
704 +
705 +.post-type-wa_notifier_trigger #minor-publishing-actions #save-action,
706 +.post-type-wa_notifier_trigger #misc-publishing-actions {
707 + display: none;
708 +}
709 +.post-type-wa_notifier_trigger #minor-publishing-actions {
710 + padding: 15px 10px;
711 + text-align: left;
712 +}
713 +.post-type-wa_notifier_trigger .trigger-fields-wrap {
714 + margin: 1em 0;
715 +}
716 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags {
717 + margin-bottom: 5px;
718 +}
719 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap {
720 + padding: 10px 10px 5px 10px;
721 + border: 1px solid #8c8f94;
722 + border-radius: 3px;
723 +}
724 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
725 + flex-wrap: nowrap;
726 + margin-bottom: 10px;
727 +}
728 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags:last-child {
729 + margin-bottom: 0px;
730 +}
731 +@media screen and (max-width: 767px) {
732 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags {
733 + flex-wrap: wrap;
734 + }
735 +}
736 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags legend.form-label {
737 + font-size: 13px;
738 + min-width: 120px;
739 + max-width: 120px;
740 + font-weight: 500;
741 + margin-bottom: 5px;
742 + margin-top: 1px;
743 +}
744 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper {
745 + flex-grow: 1;
746 +}
747 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
748 + display: inline-block;
749 + margin-bottom: 5px;
750 + width: 25%;
751 +}
752 +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check .form-check-label {
753 + width: auto;
754 + display: block;
755 + white-space: nowrap;
756 + overflow: hidden;
757 + text-overflow: ellipsis;
758 +}
759 +@media screen and (max-width: 1440px) {
760 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
761 + width: 33.33%;
762 + }
763 +}
764 +@media screen and (max-width: 1024px) {
765 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
766 + width: 50%;
767 + }
768 +}
769 +@media screen and (max-width: 767px) {
770 + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check {
771 + width: 100%;
772 + }
773 +}