| @@ -1 +1,1044 @@ | ||
| 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; } | |
| 2 | +.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } | |
| 3 | +.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } | |
| 4 | +.select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } | |
| 5 | +.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } | |
| 6 | +.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; } | |
| 7 | +.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } | |
| 8 | +.select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } | |
| 9 | +.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: top; font-family: sans-serif; overflow: hidden; word-break: keep-all; } | |
| 10 | +.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } | |
| 11 | +.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; } | |
| 12 | +.select2-results { display: block; } | |
| 13 | +.select2-results__options { list-style: none; margin: 0; padding: 0; } | |
| 14 | +.select2-results__option { padding: 8px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } | |
| 15 | +.select2-results__option--selectable { cursor: pointer; } | |
| 16 | +.select2-container--open .select2-dropdown { left: 0; } | |
| 17 | +.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } | |
| 18 | +.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } | |
| 19 | +.select2-search--dropdown { display: block; padding: 4px; } | |
| 20 | +.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } | |
| 21 | +.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } | |
| 22 | +.select2-search--dropdown.select2-search--hide { display: none; } | |
| 23 | +.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); } | |
| 24 | +.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; } | |
| 25 | +.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } | |
| 26 | +.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } | |
| 27 | +.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0; } | |
| 28 | +.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } | |
| 29 | +.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } | |
| 30 | +.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; } | |
| 31 | +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } | |
| 32 | +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } | |
| 33 | +.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } | |
| 34 | +.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } | |
| 35 | +.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; } | |
| 36 | +.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding: 8px 8px 0 8px; position: relative; } | |
| 37 | +.select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } | |
| 38 | +.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; } | |
| 39 | +.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-right: 8px; margin-bottom: 8px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } | |
| 40 | +.select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } | |
| 41 | +.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; } | |
| 42 | + | |
| 43 | +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, | |
| 44 | +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } | |
| 45 | +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } | |
| 46 | +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } | |
| 47 | +.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; } | |
| 48 | +.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } | |
| 49 | +.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } | |
| 50 | +.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } | |
| 51 | +.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } | |
| 52 | + | |
| 53 | +.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, | |
| 54 | +.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } | |
| 55 | + | |
| 56 | +.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, | |
| 57 | +.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } | |
| 58 | +.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } | |
| 59 | +.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; line-height: normal; } | |
| 60 | +.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } | |
| 61 | +.select2-container--default .select2-results__option .select2-results__option { padding-left: 16px; } | |
| 62 | +.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } | |
| 63 | +.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } | |
| 64 | +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } | |
| 65 | +.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } | |
| 66 | +.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; } | |
| 67 | +.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; } | |
| 68 | +.select2-container--default .select2-results__option--group { padding: 0; } | |
| 69 | +.select2-container--default .select2-results__option--disabled { color: #999; } | |
| 70 | +.select2-container--default .select2-results__option--selected { background-color: rgb(34 113 177 / 20%); } | |
| 71 | +.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #2271b1; color: white; } | |
| 72 | +.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px 8px; background: #eee; } | |
| 73 | +.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); } | |
| 74 | +.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } | |
| 75 | +.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } | |
| 76 | +.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } | |
| 77 | +.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } | |
| 78 | +.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); } | |
| 79 | +.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; } | |
| 80 | +.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } | |
| 81 | +.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; } | |
| 82 | +.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } | |
| 83 | +.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } | |
| 84 | +.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; } | |
| 85 | +.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); } | |
| 86 | +.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); } | |
| 87 | +.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; } | |
| 88 | +.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } | |
| 89 | +.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } | |
| 90 | +.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; } | |
| 91 | +.select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } | |
| 92 | +.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; } | |
| 93 | +.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } | |
| 94 | +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } | |
| 95 | +.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } | |
| 96 | +.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; } | |
| 97 | +.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } | |
| 98 | +.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; } | |
| 99 | +.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; } | |
| 100 | +.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } | |
| 101 | +.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } | |
| 102 | +.select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } | |
| 103 | +.select2-container--classic .select2-dropdown--above { border-bottom: none; } | |
| 104 | +.select2-container--classic .select2-dropdown--below { border-top: none; } | |
| 105 | +.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } | |
| 106 | +.select2-container--classic .select2-results__option--group { padding: 0; } | |
| 107 | +.select2-container--classic .select2-results__option--disabled { color: grey; } | |
| 108 | +.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff; } | |
| 109 | +.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } | |
| 110 | +.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } | |
| 111 | + | |
| 112 | +/** | |
| 113 | + * Breakpoints | |
| 114 | + */ | |
| 115 | +/** | |
| 116 | + * Colours | |
| 117 | + */ | |
| 118 | +.hide { | |
| 119 | + display: none !important; | |
| 120 | +} | |
| 121 | + | |
| 122 | +.small { | |
| 123 | + font-size: 85%; | |
| 124 | +} | |
| 125 | + | |
| 126 | +.d-block { | |
| 127 | + display: block !important; | |
| 128 | +} | |
| 129 | + | |
| 130 | +.d-flex { | |
| 131 | + display: flex !important; | |
| 132 | + flex-wrap: wrap; | |
| 133 | +} | |
| 134 | + | |
| 135 | +.justify-content-center { | |
| 136 | + justify-content: center; | |
| 137 | +} | |
| 138 | + | |
| 139 | +.justify-content-end { | |
| 140 | + justify-content: flex-end; | |
| 141 | +} | |
| 142 | + | |
| 143 | +.justify-content-between { | |
| 144 | + justify-content: space-between; | |
| 145 | +} | |
| 146 | + | |
| 147 | +.align-content-center { | |
| 148 | + align-content: center; | |
| 149 | +} | |
| 150 | + | |
| 151 | +.align-items-center { | |
| 152 | + align-items: center; | |
| 153 | +} | |
| 154 | + | |
| 155 | +.col { | |
| 156 | + flex: 1 0 0%; | |
| 157 | + box-sizing: border-box; | |
| 158 | +} | |
| 159 | + | |
| 160 | +.w-25 { | |
| 161 | + flex: 0 0 auto; | |
| 162 | + width: 25%; | |
| 163 | +} | |
| 164 | + | |
| 165 | +.w-30 { | |
| 166 | + flex: 0 0 auto; | |
| 167 | + width: 30%; | |
| 168 | +} | |
| 169 | + | |
| 170 | +.w-33 { | |
| 171 | + flex: 0 0 auto; | |
| 172 | + width: 33.33333333%; | |
| 173 | +} | |
| 174 | + | |
| 175 | +.w-40 { | |
| 176 | + flex: 0 0 auto; | |
| 177 | + width: 40%; | |
| 178 | +} | |
| 179 | + | |
| 180 | +.w-50 { | |
| 181 | + flex: 0 0 auto; | |
| 182 | + width: 50%; | |
| 183 | +} | |
| 184 | + | |
| 185 | +.w-60 { | |
| 186 | + flex: 0 0 auto; | |
| 187 | + width: 60%; | |
| 188 | +} | |
| 189 | + | |
| 190 | +.w-70 { | |
| 191 | + flex: 0 0 auto; | |
| 192 | + width: 70%; | |
| 193 | +} | |
| 194 | + | |
| 195 | +.w-75 { | |
| 196 | + flex: 0 0 auto; | |
| 197 | + width: 75%; | |
| 198 | +} | |
| 199 | + | |
| 200 | +.w-80 { | |
| 201 | + flex: 0 0 auto; | |
| 202 | + width: 80%; | |
| 203 | +} | |
| 204 | + | |
| 205 | +.w-100 { | |
| 206 | + flex: 1 0 100%; | |
| 207 | +} | |
| 208 | + | |
| 209 | +.w-auto { | |
| 210 | + width: auto !important; | |
| 211 | +} | |
| 212 | + | |
| 213 | +.rounded { | |
| 214 | + border-radius: 8px; | |
| 215 | +} | |
| 216 | + | |
| 217 | +.bg-white { | |
| 218 | + background-color: #fff; | |
| 219 | +} | |
| 220 | + | |
| 221 | +.p-20 { | |
| 222 | + padding: 20px; | |
| 223 | +} | |
| 224 | + | |
| 225 | +.text-truncate { | |
| 226 | + display: block; | |
| 227 | + white-space: nowrap; | |
| 228 | + overflow: hidden; | |
| 229 | + text-overflow: ellipsis; | |
| 230 | +} | |
| 231 | + | |
| 232 | +.text-left { | |
| 233 | + text-align: left; | |
| 234 | +} | |
| 235 | + | |
| 236 | +.text-right { | |
| 237 | + text-align: right; | |
| 238 | +} | |
| 239 | + | |
| 240 | +.text-uppercase { | |
| 241 | + text-transform: uppercase; | |
| 242 | +} | |
| 243 | + | |
| 244 | +.text-muted { | |
| 245 | + color: #777; | |
| 246 | +} | |
| 247 | + | |
| 248 | +.ms-auto { | |
| 249 | + margin-left: auto; | |
| 250 | +} | |
| 251 | + | |
| 252 | +.mt-0 { | |
| 253 | + margin-top: 0; | |
| 254 | +} | |
| 255 | + | |
| 256 | +.mb-0 { | |
| 257 | + margin-bottom: 0; | |
| 258 | +} | |
| 259 | + | |
| 260 | +.loader { | |
| 261 | + height: 100px; | |
| 262 | + background-size: 50px 50px; | |
| 263 | + background-repeat: no-repeat; | |
| 264 | + background-position: center; | |
| 265 | + background-color: #f7f7f7; | |
| 266 | + 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"); | |
| 267 | +} | |
| 268 | + | |
| 269 | +/* Global */ | |
| 270 | +#wpcontent { | |
| 271 | + padding-left: 0 !important; | |
| 272 | +} | |
| 273 | + | |
| 274 | +#screen-meta { | |
| 275 | + margin: 0 -20px; | |
| 276 | +} | |
| 277 | +@media screen and (max-width: 767px) { | |
| 278 | + #screen-meta { | |
| 279 | + margin: 0 0 0 -12px; | |
| 280 | + border-left: 0; | |
| 281 | + border-right: 0; | |
| 282 | + } | |
| 283 | +} | |
| 284 | + | |
| 285 | +#wpbody { | |
| 286 | + padding-left: 20px; | |
| 287 | +} | |
| 288 | +@media screen and (max-width: 767px) { | |
| 289 | + #wpbody { | |
| 290 | + padding-top: 0; | |
| 291 | + padding-left: 12px; | |
| 292 | + } | |
| 293 | +} | |
| 294 | + | |
| 295 | +.wrap.notifier { | |
| 296 | + margin-top: 20px; | |
| 297 | +} | |
| 298 | + | |
| 299 | +/* Meta Fields */ | |
| 300 | +.meta-fields .form-field { | |
| 301 | + position: relative; | |
| 302 | +} | |
| 303 | +.meta-fields .form-field label.form-label, | |
| 304 | +.meta-fields .form-field legend { | |
| 305 | + font-size: 14px; | |
| 306 | + font-weight: 500; | |
| 307 | + display: block; | |
| 308 | + margin-bottom: 5px; | |
| 309 | +} | |
| 310 | +.meta-fields .form-field label .limit-text { | |
| 311 | + float: right; | |
| 312 | + color: #999; | |
| 313 | +} | |
| 314 | +.meta-fields .form-field input[type=text], | |
| 315 | +.meta-fields .form-field input[type=password], | |
| 316 | +.meta-fields .form-field textarea, | |
| 317 | +.meta-fields .form-field select { | |
| 318 | + width: 100%; | |
| 319 | + max-width: 100%; | |
| 320 | +} | |
| 321 | +@media screen and (max-width: 767px) { | |
| 322 | + .meta-fields .form-field input[type=text], | |
| 323 | +.meta-fields .form-field input[type=password], | |
| 324 | +.meta-fields .form-field textarea, | |
| 325 | +.meta-fields .form-field select { | |
| 326 | + width: 100%; | |
| 327 | + } | |
| 328 | +} | |
| 329 | +.meta-fields .form-field input[disabled=disabled], | |
| 330 | +.meta-fields .form-field textarea[disabled=disabled], | |
| 331 | +.meta-fields .form-field select[disabled=disabled] { | |
| 332 | + background-color: #f6f7f7; | |
| 333 | + cursor: not-allowed; | |
| 334 | +} | |
| 335 | +.meta-fields .form-field *:disabled { | |
| 336 | + background-color: #f6f7f7; | |
| 337 | +} | |
| 338 | +.meta-fields .form-field .radio-buttons { | |
| 339 | + margin: 0; | |
| 340 | +} | |
| 341 | +.meta-fields .form-field .radio-buttons li { | |
| 342 | + display: inline-block; | |
| 343 | + margin-right: 20px; | |
| 344 | +} | |
| 345 | +.meta-fields .form-field .radio-buttons li label { | |
| 346 | + display: inline-block; | |
| 347 | + width: auto; | |
| 348 | +} | |
| 349 | +.meta-fields .form-field .fields-repeater { | |
| 350 | + width: 100%; | |
| 351 | + border-collapse: collapse; | |
| 352 | +} | |
| 353 | +.meta-fields .form-field .fields-repeater th { | |
| 354 | + text-align: left; | |
| 355 | + font-size: 13px; | |
| 356 | + font-weight: normal; | |
| 357 | + border: 1px solid #a8a6a6; | |
| 358 | + padding: 10px; | |
| 359 | + background-color: #f7f7f7; | |
| 360 | +} | |
| 361 | +.meta-fields .form-field .fields-repeater td { | |
| 362 | + width: 50%; | |
| 363 | + border: 1px solid #a8a6a6; | |
| 364 | + padding: 10px; | |
| 365 | + vertical-align: top; | |
| 366 | +} | |
| 367 | +.meta-fields .form-field .fields-repeater td input, | |
| 368 | +.meta-fields .form-field .fields-repeater td select, | |
| 369 | +.meta-fields .form-field .fields-repeater td textarea { | |
| 370 | + width: 100%; | |
| 371 | +} | |
| 372 | +.meta-fields .form-field .fields-repeater td.delete-repeater-field { | |
| 373 | + min-width: 20px; | |
| 374 | + text-align: center; | |
| 375 | +} | |
| 376 | +.meta-fields .form-field .fields-repeater td.delete-repeater-field span { | |
| 377 | + margin-top: 5px; | |
| 378 | + cursor: pointer; | |
| 379 | +} | |
| 380 | +.meta-fields fieldset.form-field { | |
| 381 | + font-size: 13px; | |
| 382 | + line-height: 1.5; | |
| 383 | + margin: 1em 0; | |
| 384 | +} | |
| 385 | +.meta-fields h3 { | |
| 386 | + margin-bottom: 5px; | |
| 387 | + font-size: 14px; | |
| 388 | +} | |
| 389 | +.meta-fields h4 { | |
| 390 | + margin-bottom: 0; | |
| 391 | +} | |
| 392 | +.meta-fields hr { | |
| 393 | + margin: 20px auto; | |
| 394 | +} | |
| 395 | +.meta-fields .optional-text { | |
| 396 | + color: #999; | |
| 397 | + font-weight: normal; | |
| 398 | +} | |
| 399 | +.meta-fields .description { | |
| 400 | + font-size: 12px; | |
| 401 | + margin-top: 5px; | |
| 402 | + display: inline-block; | |
| 403 | + color: #555; | |
| 404 | +} | |
| 405 | +@media screen and (max-width: 767px) { | |
| 406 | + .meta-fields .col { | |
| 407 | + flex: 0 0 100%; | |
| 408 | + } | |
| 409 | +} | |
| 410 | + | |
| 411 | +.notifier-media-preview { | |
| 412 | + display: block; | |
| 413 | +} | |
| 414 | + | |
| 415 | +.notifier-notice { | |
| 416 | + margin-top: 20px; | |
| 417 | + margin-left: 0; | |
| 418 | +} | |
| 419 | + | |
| 420 | +table.wp-list-table { | |
| 421 | + border: 1px solid #eee; | |
| 422 | + box-shadow: none; | |
| 423 | + border-radius: 8px; | |
| 424 | +} | |
| 425 | +table.wp-list-table thead td, | |
| 426 | +table.wp-list-table thead th { | |
| 427 | + padding-top: 5px !important; | |
| 428 | + padding-bottom: 5px !important; | |
| 429 | + border-bottom: 1px solid #eee; | |
| 430 | +} | |
| 431 | +table.wp-list-table tfoot td, | |
| 432 | +table.wp-list-table tfoot th { | |
| 433 | + padding-top: 5px !important; | |
| 434 | + padding-bottom: 5px !important; | |
| 435 | + border-top: 1px solid #eee; | |
| 436 | +} | |
| 437 | + | |
| 438 | +.notifier-toggle-switch input[type=checkbox] { | |
| 439 | + position: relative; | |
| 440 | + -webkit-appearance: none; | |
| 441 | + -moz-appearance: none; | |
| 442 | + appearance: none; | |
| 443 | + width: 32px; | |
| 444 | + height: 16px; | |
| 445 | + background: #ccc; | |
| 446 | + border-radius: 40px; | |
| 447 | + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); | |
| 448 | + cursor: pointer; | |
| 449 | + transition: 0.2s; | |
| 450 | + border: none; | |
| 451 | + outline: none; | |
| 452 | +} | |
| 453 | +.notifier-toggle-switch input:checked[type=checkbox] { | |
| 454 | + -webkit-appearance: none; | |
| 455 | + -moz-appearance: none; | |
| 456 | + appearance: none; | |
| 457 | + background: #00c417; | |
| 458 | +} | |
| 459 | +.notifier-toggle-switch input[type=checkbox]::before { | |
| 460 | + content: none; | |
| 461 | +} | |
| 462 | +.notifier-toggle-switch input[type=checkbox]::after { | |
| 463 | + position: absolute; | |
| 464 | + content: ""; | |
| 465 | + width: 16px; | |
| 466 | + height: 16px; | |
| 467 | + top: 0; | |
| 468 | + left: 0; | |
| 469 | + background: #fff; | |
| 470 | + border-radius: 50%; | |
| 471 | + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); | |
| 472 | + transform: scale(1.1); | |
| 473 | + transition: 0.2s; | |
| 474 | +} | |
| 475 | +.notifier-toggle-switch input:checked[type=checkbox]::after { | |
| 476 | + left: 50%; | |
| 477 | +} | |
| 478 | + | |
| 479 | +.select2-results__option { | |
| 480 | + margin-bottom: 0; | |
| 481 | +} | |
| 482 | + | |
| 483 | +@media screen and (max-width: 767px) { | |
| 484 | + #notifier-admin-header { | |
| 485 | + padding-top: 46px; | |
| 486 | + } | |
| 487 | +} | |
| 488 | +#notifier-admin-header .header-logo { | |
| 489 | + display: inline-block; | |
| 490 | + margin-right: 15px; | |
| 491 | + width: 35px; | |
| 492 | + height: 35px; | |
| 493 | + align-self: center; | |
| 494 | +} | |
| 495 | +#notifier-admin-header .header-logo img { | |
| 496 | + width: 100%; | |
| 497 | + height: 100%; | |
| 498 | +} | |
| 499 | +@media screen and (max-width: 767px) { | |
| 500 | + #notifier-admin-header .header-logo { | |
| 501 | + margin-right: 10px; | |
| 502 | + } | |
| 503 | +} | |
| 504 | +#notifier-admin-header .notifier-admin-header-content { | |
| 505 | + background: #fff; | |
| 506 | + box-sizing: border-box; | |
| 507 | + width: 100%; | |
| 508 | + top: 32px; | |
| 509 | + z-index: 1001; | |
| 510 | + padding: 0 20px; | |
| 511 | + height: 70px; | |
| 512 | + display: flex; | |
| 513 | + align-content: center; | |
| 514 | + align-items: center; | |
| 515 | + justify-content: space-between; | |
| 516 | + border-bottom: 1px solid #eee; | |
| 517 | +} | |
| 518 | +@media screen and (max-width: 767px) { | |
| 519 | + #notifier-admin-header .notifier-admin-header-content { | |
| 520 | + padding: 0 12px; | |
| 521 | + } | |
| 522 | +} | |
| 523 | +#notifier-admin-header .notifier-admin-header-content.sticky { | |
| 524 | + box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3); | |
| 525 | +} | |
| 526 | +@media screen and (max-width: 767px) { | |
| 527 | + #notifier-admin-header .notifier-admin-header-content .header-page-title { | |
| 528 | + flex: 1; | |
| 529 | + } | |
| 530 | +} | |
| 531 | +@media screen and (max-width: 767px) { | |
| 532 | + #notifier-admin-header .notifier-admin-header-content .header-menu-items { | |
| 533 | + flex: 1; | |
| 534 | + justify-content: flex-end; | |
| 535 | + } | |
| 536 | +} | |
| 537 | +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul { | |
| 538 | + margin: 0; | |
| 539 | +} | |
| 540 | +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li { | |
| 541 | + display: inline-block; | |
| 542 | + margin-bottom: 0; | |
| 543 | +} | |
| 544 | +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li:last-child { | |
| 545 | + border-right: 0; | |
| 546 | +} | |
| 547 | +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a { | |
| 548 | + text-decoration: none; | |
| 549 | + padding: 0 20px; | |
| 550 | + display: block; | |
| 551 | +} | |
| 552 | +@media screen and (max-width: 767px) { | |
| 553 | + #notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a { | |
| 554 | + padding: 0 10px; | |
| 555 | + } | |
| 556 | +} | |
| 557 | +#notifier-admin-header .notifier-admin-header-content .header-menu-items ul li a.active { | |
| 558 | + color: #555; | |
| 559 | +} | |
| 560 | +#notifier-admin-header .notifier-admin-header-content .header-action-links .review-us-link { | |
| 561 | + color: #777; | |
| 562 | +} | |
| 563 | +#notifier-admin-header .notifier-admin-header-content .header-action-links .review-us-link a { | |
| 564 | + text-decoration: none; | |
| 565 | + color: #777; | |
| 566 | +} | |
| 567 | +@media screen and (max-width: 767px) { | |
| 568 | + #notifier-admin-header .notifier-admin-header-content .header-action-links > *:not(.review-us-link) { | |
| 569 | + display: none !important; | |
| 570 | + } | |
| 571 | +} | |
| 572 | +#notifier-admin-header .notifier-admin-header-content .header-action-links > * { | |
| 573 | + text-decoration: none; | |
| 574 | + padding: 0 10px; | |
| 575 | + display: inline-block; | |
| 576 | +} | |
| 577 | +#notifier-admin-header .notifier-admin-header-content .header-action-links > *.header-version { | |
| 578 | + color: #777; | |
| 579 | +} | |
| 580 | + | |
| 581 | +.onboarding { | |
| 582 | + max-width: 600px; | |
| 583 | + margin: 0 auto; | |
| 584 | + background: #fff; | |
| 585 | + border-radius: 10px; | |
| 586 | + box-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.1); | |
| 587 | +} | |
| 588 | +.onboarding .onboarding-head { | |
| 589 | + padding: 20px; | |
| 590 | + border-bottom: 1px solid #eee; | |
| 591 | +} | |
| 592 | +.onboarding .onboarding-head h1, | |
| 593 | +.onboarding .onboarding-head h2, | |
| 594 | +.onboarding .onboarding-head h3 { | |
| 595 | + margin: 0; | |
| 596 | +} | |
| 597 | +.onboarding .onboarding-head p { | |
| 598 | + margin-bottom: 0; | |
| 599 | +} | |
| 600 | +.onboarding .onboarding-body { | |
| 601 | + padding: 20px; | |
| 602 | +} | |
| 603 | +.onboarding .onboarding-body h1, | |
| 604 | +.onboarding .onboarding-body h2, | |
| 605 | +.onboarding .onboarding-body h3, | |
| 606 | +.onboarding .onboarding-body p:first-child { | |
| 607 | + margin-top: 0; | |
| 608 | +} | |
| 609 | +.onboarding .onboarding-body p:last-child { | |
| 610 | + margin-bottom: 0; | |
| 611 | +} | |
| 612 | +.onboarding .onboarding-footer { | |
| 613 | + padding: 20px; | |
| 614 | + border-top: 1px solid #eee; | |
| 615 | +} | |
| 616 | + | |
| 617 | +.dashboard-boxes { | |
| 618 | + display: flex; | |
| 619 | + flex-wrap: wrap; | |
| 620 | + margin-left: -10px; | |
| 621 | + margin-right: -10px; | |
| 622 | +} | |
| 623 | +.dashboard-boxes .col { | |
| 624 | + padding: 0 10px; | |
| 625 | +} | |
| 626 | +@media screen and (max-width: 992px) { | |
| 627 | + .dashboard-boxes > .col:not(.w-100) { | |
| 628 | + flex: 0 0 50% !important; | |
| 629 | + } | |
| 630 | +} | |
| 631 | +@media screen and (max-width: 767px) { | |
| 632 | + .dashboard-boxes > .col:not(.w-100) { | |
| 633 | + flex: 0 0 100% !important; | |
| 634 | + } | |
| 635 | +} | |
| 636 | +.dashboard-boxes .dashboard-box { | |
| 637 | + border-radius: 8px; | |
| 638 | + background-color: #fff; | |
| 639 | + display: flex; | |
| 640 | + flex-direction: column; | |
| 641 | + margin-bottom: 20px; | |
| 642 | +} | |
| 643 | +.dashboard-boxes .dashboard-box.dashboard-box-top { | |
| 644 | + height: auto; | |
| 645 | +} | |
| 646 | +@media screen and (max-width: 767px) { | |
| 647 | + .dashboard-boxes .dashboard-box.dashboard-box-top .w-25 { | |
| 648 | + flex: 0 0 100%; | |
| 649 | + } | |
| 650 | +} | |
| 651 | +.dashboard-boxes .dashboard-box .dashboard-box-head { | |
| 652 | + padding: 15px 20px; | |
| 653 | + border-bottom: 1px solid #eee; | |
| 654 | +} | |
| 655 | +@media screen and (max-width: 767px) { | |
| 656 | + .dashboard-boxes .dashboard-box .dashboard-box-head { | |
| 657 | + padding: 12px; | |
| 658 | + } | |
| 659 | +} | |
| 660 | +.dashboard-boxes .dashboard-box .dashboard-box-head h2, | |
| 661 | +.dashboard-boxes .dashboard-box .dashboard-box-head h3 { | |
| 662 | + margin: 0; | |
| 663 | +} | |
| 664 | +@media screen and (max-width: 767px) { | |
| 665 | + .dashboard-boxes .dashboard-box .dashboard-box-head h2, | |
| 666 | +.dashboard-boxes .dashboard-box .dashboard-box-head h3 { | |
| 667 | + font-size: 16px; | |
| 668 | + } | |
| 669 | +} | |
| 670 | +.dashboard-boxes .dashboard-box .dashboard-box-body { | |
| 671 | + padding: 15px 20px; | |
| 672 | +} | |
| 673 | +@media screen and (max-width: 767px) { | |
| 674 | + .dashboard-boxes .dashboard-box .dashboard-box-body { | |
| 675 | + padding: 12px; | |
| 676 | + } | |
| 677 | +} | |
| 678 | +.dashboard-boxes .dashboard-box .dashboard-box-body *:first-child { | |
| 679 | + margin-top: 0; | |
| 680 | +} | |
| 681 | +.dashboard-boxes .dashboard-box .dashboard-box-body h3 { | |
| 682 | + font-size: 1.2em; | |
| 683 | +} | |
| 684 | +.dashboard-boxes .dashboard-box .dashboard-box-body table { | |
| 685 | + width: 100%; | |
| 686 | +} | |
| 687 | +.dashboard-boxes .dashboard-box .dashboard-box-body table th, | |
| 688 | +.dashboard-boxes .dashboard-box .dashboard-box-body table td { | |
| 689 | + text-align: left; | |
| 690 | + vertical-align: top; | |
| 691 | +} | |
| 692 | +.dashboard-boxes .dashboard-box .dashboard-box-body table th:first-child, | |
| 693 | +.dashboard-boxes .dashboard-box .dashboard-box-body table td:first-child { | |
| 694 | + width: 20%; | |
| 695 | +} | |
| 696 | +.dashboard-boxes .dashboard-box .dashboard-box-body.how-to ul { | |
| 697 | + list-style: inherit; | |
| 698 | + padding-left: 20px; | |
| 699 | + margin-bottom: 10px; | |
| 700 | +} | |
| 701 | +.dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-marker { | |
| 702 | + color: #ccc; | |
| 703 | +} | |
| 704 | +.dashboard-boxes .dashboard-box .dashboard-box-body .dashicons-yes-alt { | |
| 705 | + color: #01a401; | |
| 706 | +} | |
| 707 | +.dashboard-boxes .dashboard-box .dashboard-box-footer { | |
| 708 | + margin-top: auto; | |
| 709 | + padding: 15px 20px; | |
| 710 | +} | |
| 711 | +.dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap { | |
| 712 | + text-align: right; | |
| 713 | +} | |
| 714 | +.dashboard-boxes .dashboard-box .dashboard-box-footer .dashboard-box-buttons-wrap .button { | |
| 715 | + margin-left: 10px; | |
| 716 | +} | |
| 717 | + | |
| 718 | +#wa-notifier-api-key { | |
| 719 | + width: 100%; | |
| 720 | + margin-bottom: 10px; | |
| 721 | +} | |
| 722 | + | |
| 723 | +.notifier-triggers-group-wrap { | |
| 724 | + margin-bottom: 30px; | |
| 725 | +} | |
| 726 | +.notifier-triggers-group-wrap .notifier-trigger-wrap { | |
| 727 | + margin-bottom: 20px; | |
| 728 | +} | |
| 729 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label { | |
| 730 | + font-size: 16px; | |
| 731 | +} | |
| 732 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox] { | |
| 733 | + -webkit-appearance: none; | |
| 734 | + -moz-appearance: none; | |
| 735 | + appearance: none; | |
| 736 | + margin: 0; | |
| 737 | + font: inherit; | |
| 738 | + color: #697a8d; | |
| 739 | + width: 20px; | |
| 740 | + height: 20px; | |
| 741 | + border: 2px solid #697a8d; | |
| 742 | + border-radius: 3px; | |
| 743 | + background-color: transparent; | |
| 744 | + outline: none !important; | |
| 745 | + margin-right: 10px; | |
| 746 | +} | |
| 747 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]::before { | |
| 748 | + content: ""; | |
| 749 | +} | |
| 750 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked { | |
| 751 | + color: white; | |
| 752 | + background: #0396a1; | |
| 753 | + border-color: #0396a1; | |
| 754 | + box-shadow: none; | |
| 755 | +} | |
| 756 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label input[type=checkbox]:checked::before { | |
| 757 | + content: "\f147"; | |
| 758 | + font-family: "dashicons"; | |
| 759 | + font-size: 20px; | |
| 760 | + display: block; | |
| 761 | + position: absolute; | |
| 762 | + height: 18px; | |
| 763 | + width: 18px; | |
| 764 | + margin-top: -1px; | |
| 765 | + margin-left: -3px; | |
| 766 | +} | |
| 767 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-label .notifier-show-trigger-info { | |
| 768 | + border: 0; | |
| 769 | + background: none; | |
| 770 | + padding: 0; | |
| 771 | + cursor: pointer; | |
| 772 | + color: #aaa; | |
| 773 | +} | |
| 774 | +.notifier-triggers-group-wrap .notifier-trigger-wrap .notifier-trigger-info { | |
| 775 | + background: #f7f7f7; | |
| 776 | + padding: 10px; | |
| 777 | + margin-top: 10px; | |
| 778 | + border: 1px solid #eee; | |
| 779 | + border-radius: 10px; | |
| 780 | +} | |
| 781 | + | |
| 782 | +.notifier-overview-image { | |
| 783 | + float: right; | |
| 784 | + display: inline-block; | |
| 785 | + width: 100%; | |
| 786 | + height: auto; | |
| 787 | + max-width: 250px; | |
| 788 | + margin-left: 30px; | |
| 789 | +} | |
| 790 | +@media screen and (max-width: 767px) { | |
| 791 | + .notifier-overview-image { | |
| 792 | + float: none; | |
| 793 | + } | |
| 794 | + .notifier-overview-image img { | |
| 795 | + max-width: none; | |
| 796 | + } | |
| 797 | +} | |
| 798 | + | |
| 799 | +.notifier-settings-form-profile .notifier-profile-fields-right { | |
| 800 | + margin-left: 50px; | |
| 801 | + margin-top: 100px; | |
| 802 | +} | |
| 803 | +@media screen and (max-width: 767px) { | |
| 804 | + .notifier-settings-form-profile .notifier-profile-fields-right { | |
| 805 | + display: none; | |
| 806 | + } | |
| 807 | +} | |
| 808 | + | |
| 809 | +.notifier-fields-table { | |
| 810 | + width: 100%; | |
| 811 | + max-width: 700px; | |
| 812 | +} | |
| 813 | +.notifier-fields-table tr th { | |
| 814 | + vertical-align: top; | |
| 815 | + text-align: left; | |
| 816 | + padding: 20px 10px 20px 0; | |
| 817 | + width: 200px; | |
| 818 | + line-height: 1.3; | |
| 819 | + font-weight: 600; | |
| 820 | +} | |
| 821 | +@media screen and (max-width: 767px) { | |
| 822 | + .notifier-fields-table tr th { | |
| 823 | + display: block; | |
| 824 | + width: 100%; | |
| 825 | + padding: 10px 0 5px 0; | |
| 826 | + } | |
| 827 | +} | |
| 828 | +.notifier-fields-table tr th.section-title { | |
| 829 | + padding: 0; | |
| 830 | +} | |
| 831 | +.notifier-fields-table tr td { | |
| 832 | + margin-bottom: 9px; | |
| 833 | + padding: 15px 10px; | |
| 834 | + line-height: 1.3; | |
| 835 | + vertical-align: middle; | |
| 836 | +} | |
| 837 | +@media screen and (max-width: 767px) { | |
| 838 | + .notifier-fields-table tr td { | |
| 839 | + display: block; | |
| 840 | + width: 100%; | |
| 841 | + padding: 0; | |
| 842 | + } | |
| 843 | +} | |
| 844 | +.notifier-fields-table tr h3 { | |
| 845 | + margin-bottom: 0; | |
| 846 | +} | |
| 847 | +.notifier-fields-table tr .description { | |
| 848 | + font-weight: normal; | |
| 849 | +} | |
| 850 | +.notifier-fields-table input:not([type=button]):not([type=radio]):not([type=checkbox]), | |
| 851 | +.notifier-fields-table textarea, | |
| 852 | +.notifier-fields-table select { | |
| 853 | + width: 100%; | |
| 854 | + max-width: none; | |
| 855 | +} | |
| 856 | +.notifier-fields-table #notifier_ctc_enable { | |
| 857 | + max-width: 16px; | |
| 858 | + height: 16px; | |
| 859 | +} | |
| 860 | + | |
| 861 | +.notifier-chat-btn-image-url { | |
| 862 | + display: none; | |
| 863 | +} | |
| 864 | + | |
| 865 | +.disabled-field { | |
| 866 | + background: #fff !important; | |
| 867 | + opacity: 0.5; | |
| 868 | + pointer-events: none; | |
| 869 | +} | |
| 870 | + | |
| 871 | +.post-type-wa_notifier_trigger #minor-publishing-actions #save-action, | |
| 872 | +.post-type-wa_notifier_trigger #misc-publishing-actions { | |
| 873 | + display: none; | |
| 874 | +} | |
| 875 | +.post-type-wa_notifier_trigger #minor-publishing-actions { | |
| 876 | + padding: 15px 10px; | |
| 877 | + text-align: left; | |
| 878 | +} | |
| 879 | +.post-type-wa_notifier_trigger .trigger-fields-wrap { | |
| 880 | + margin: 1em 0; | |
| 881 | +} | |
| 882 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags { | |
| 883 | + margin-bottom: 5px; | |
| 884 | +} | |
| 885 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap { | |
| 886 | + padding: 10px 10px 5px 10px; | |
| 887 | + border: 1px solid #8c8f94; | |
| 888 | + border-radius: 3px; | |
| 889 | +} | |
| 890 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags { | |
| 891 | + flex-wrap: nowrap; | |
| 892 | + margin-bottom: 15px; | |
| 893 | + padding-bottom: 10px; | |
| 894 | + border-bottom: 1px solid #ddd; | |
| 895 | +} | |
| 896 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags:last-child { | |
| 897 | + margin-bottom: 0; | |
| 898 | + border-bottom: 0; | |
| 899 | +} | |
| 900 | +@media screen and (max-width: 767px) { | |
| 901 | + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags { | |
| 902 | + flex-wrap: wrap; | |
| 903 | + } | |
| 904 | +} | |
| 905 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags legend.form-label { | |
| 906 | + font-size: 13px; | |
| 907 | + min-width: 120px; | |
| 908 | + max-width: 120px; | |
| 909 | + font-weight: 500; | |
| 910 | + margin-bottom: 5px; | |
| 911 | + margin-top: 1px; | |
| 912 | +} | |
| 913 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper { | |
| 914 | + flex-grow: 1; | |
| 915 | + max-height: 105px; | |
| 916 | + overflow: auto; | |
| 917 | +} | |
| 918 | +@media screen and (max-width: 767px) { | |
| 919 | + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper { | |
| 920 | + max-height: 150px; | |
| 921 | + } | |
| 922 | +} | |
| 923 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check { | |
| 924 | + display: inline-block; | |
| 925 | + margin-bottom: 5px; | |
| 926 | + width: 25%; | |
| 927 | +} | |
| 928 | +.post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check .form-check-label { | |
| 929 | + width: auto; | |
| 930 | + display: block; | |
| 931 | + white-space: nowrap; | |
| 932 | + overflow: hidden; | |
| 933 | + text-overflow: ellipsis; | |
| 934 | +} | |
| 935 | +@media screen and (max-width: 1440px) { | |
| 936 | + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check { | |
| 937 | + width: 33.33%; | |
| 938 | + } | |
| 939 | +} | |
| 940 | +@media screen and (max-width: 1024px) { | |
| 941 | + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check { | |
| 942 | + width: 50%; | |
| 943 | + } | |
| 944 | +} | |
| 945 | +@media screen and (max-width: 767px) { | |
| 946 | + .post-type-wa_notifier_trigger .notifier-trigger-merge-tags .notifier-merge-tags-wrap .notifier-merge-tags .multi-checkbox-wrapper .form-check { | |
| 947 | + width: 100%; | |
| 948 | + } | |
| 949 | +} | |
| 950 | + | |
| 951 | +.notifier-click-to-chat-btn { | |
| 952 | + position: fixed; | |
| 953 | + bottom: 20px; | |
| 954 | + right: 20px; | |
| 955 | + cursor: pointer; | |
| 956 | + z-index: 99999999; | |
| 957 | +} | |
| 958 | +.notifier-click-to-chat-btn a { | |
| 959 | + text-decoration: none !important; | |
| 960 | + display: inline-block; | |
| 961 | + outline: none !important; | |
| 962 | +} | |
| 963 | +.notifier-click-to-chat-btn a:hover, .notifier-click-to-chat-btn a:focus { | |
| 964 | + text-decoration: none !important; | |
| 965 | +} | |
| 966 | +.notifier-click-to-chat-btn.notifier-click-to-chat-style-3 a { | |
| 967 | + display: flex; | |
| 968 | + justify-content: center; | |
| 969 | + align-items: center; | |
| 970 | + background-color: #e4e4e4; | |
| 971 | + color: #7f7d7d; | |
| 972 | + padding: 0 12px; | |
| 973 | + border-radius: 25px; | |
| 974 | + font-size: 13px; | |
| 975 | + line-height: 32px; | |
| 976 | +} | |
| 977 | +.notifier-click-to-chat-btn.notifier-click-to-chat-style-4 a { | |
| 978 | + display: flex; | |
| 979 | + padding: 0 2rem; | |
| 980 | + letter-spacing: 0.5px; | |
| 981 | + transition: 0.2s ease-out; | |
| 982 | + text-align: center; | |
| 983 | + justify-content: center; | |
| 984 | + align-items: center; | |
| 985 | + border-radius: 2px; | |
| 986 | + height: 36px; | |
| 987 | + line-height: 36px; | |
| 988 | + vertical-align: middle; | |
| 989 | + 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); | |
| 990 | + box-sizing: inherit; | |
| 991 | + background-color: #26a69a; | |
| 992 | + color: #fff; | |
| 993 | +} | |
| 994 | +.notifier-click-to-chat-btn.notifier-click-to-chat-style-custom img { | |
| 995 | + width: 100%; | |
| 996 | + height: auto; | |
| 997 | + max-width: 150px; | |
| 998 | + max-height: 150px; | |
| 999 | + -o-object-fit: cover; | |
| 1000 | + object-fit: cover; | |
| 1001 | +} | |
| 1002 | + | |
| 1003 | +.notifier-tool-wrap { | |
| 1004 | + background: #fff; | |
| 1005 | + margin-bottom: 15px; | |
| 1006 | + display: flex; | |
| 1007 | + justify-content: space-between; | |
| 1008 | + align-items: center; | |
| 1009 | + padding: 20px; | |
| 1010 | +} | |
| 1011 | +.notifier-tool-wrap .notifier-tool-name { | |
| 1012 | + margin-top: 0px; | |
| 1013 | + margin-bottom: 10px; | |
| 1014 | +} | |
| 1015 | +.notifier-tool-wrap .notifier-tool-description { | |
| 1016 | + margin: 0px; | |
| 1017 | +} | |
| 1018 | + | |
| 1019 | +.notifier-tool-activity-wrap { | |
| 1020 | + background: #ffffff; | |
| 1021 | + margin-bottom: 15px; | |
| 1022 | + padding: 20px; | |
| 1023 | +} | |
| 1024 | +.notifier-tool-activity-wrap .notifier-tool-inner-wrap { | |
| 1025 | + display: flex; | |
| 1026 | + justify-content: space-between; | |
| 1027 | + align-items: center; | |
| 1028 | +} | |
| 1029 | +.notifier-tool-activity-wrap .notifier-tool-inner-wrap .notifier-tool-name { | |
| 1030 | + margin-top: 0px; | |
| 1031 | + margin-bottom: 10px; | |
| 1032 | +} | |
| 1033 | +.notifier-tool-activity-wrap .notifier-tool-inner-wrap .notifier-tool-description { | |
| 1034 | + margin: 0px; | |
| 1035 | +} | |
| 1036 | +.notifier-tool-activity-wrap .activity-log-preview-wrap { | |
| 1037 | + background: #f7f7f7; | |
| 1038 | + padding: 10px; | |
| 1039 | + max-height: 150px; | |
| 1040 | + overflow: auto; | |
| 1041 | + border: 1px solid #ddd; | |
| 1042 | + border-radius: 8px; | |
| 1043 | + margin-top: 10px; | |
| 1044 | +} | |
