

  .Checkbox {
    width: 20px;
    height: 20px;
    position: relative;
  }
  .Checkbox > * {
    position: absolute;
  }
  .Checkbox-visible {
    border: 1px solid gray;
    width: 16px;
    height: 16px;
    margin: 2px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 3px;
  }
  .Checkbox > input {
    z-index: 1;
    opacity: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translatex(-50%) translatey(-50%);
            transform: translatex(-50%) translatey(-50%);
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
  }
  .Checkbox > input:checked + .Checkbox-visible {
    background: #59cb59;
    border-color: #59cb59;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48dGl0bGU+d2hpdGU8L3RpdGxlPjxwYXRoIGQ9J001LjM3OCAxMS4zN0wyIDcuNTlsMS40MzgtMS4yODZMNS4zNzQgOC40N2w1LjE4NS01Ljg0TDEyIDMuOTFsLTYuNjIyIDcuNDYnIGZpbGw9JyNmZmYnLz48L3N2Zz4=);
  }
  .Checkbox > input:hover + .Checkbox-visible {
    border-color: #cccccc;
  }
  .Checkbox > input:hover:checked + .Checkbox-visible {
    border-color: #0ca750;
  }
  .Checkbox > input:focus + .Checkbox-visible {
    border-color: #59cb59;
  }

  .input-group.md-form.form-sm.form-2 input {
      border: none;
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
  }

  .avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 10px auto;
    }
    .avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
    }
    .avatar-upload .avatar-edit input, .imageUpload {
    display: none;
    }
    .avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    }
    .avatar-upload .avatar-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
    }
    .avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    }
    .avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }
    .avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }

    /* certificates */
    .cert-upload {
      position: relative;
      max-width: 205px;
      margin: 10px auto;
      }
      .cert-upload .cert-edit {
      position: absolute;
      right: 12px;
      z-index: 1;
      top: 10px;
      }
      .cert-upload .cert-edit input, .imageUpload {
      display: none;
      }
      .cert-upload .cert-edit input + label {
      display: inline-block;
      width: 34px;
      height: 34px;
      margin-bottom: 0;
      border-radius: 100%;
      background: #FFFFFF;
      border: 1px solid transparent;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
      cursor: pointer;
      font-weight: normal;
      transition: all 0.2s ease-in-out;
      }
      .cert-upload .cert-edit input + label:hover {
      background: #f1f1f1;
      border-color: #d6d6d6;
      }
      .cert-upload .cert-edit input + label:after {
      content: "\f040";
      font-family: 'FontAwesome';
      color: #757575;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      text-align: center;
      margin: auto;
      }
      .cert-upload .cert-preview {
      width: 192px;
      height: 192px;
      position: relative;
      border-radius: 100%;
      border: 6px solid #F8F8F8;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      }
      .cert-upload .cert-preview > div {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      }

      /* .m-subheader {
        padding: 30px 30px 0 50px !important;
      } */

      .note-toolbar-wrapper {
        height: auto !important;
      }

      .d-flex.align-items-center {
        height: fit-content;
      }

      .m-portlet__head-icon, .m-portlet__head-text,
      .system-about-index .m-portlet__head-icon,.system-about-index .m-portlet__head-text {
        color: white !important;
        }

        .system-about-index .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-right-radius: 10px !important;
            border-top-left-radius: 10px !important;
        }

        .m-portlet,
        .system-about-index .m-portlet {
            background: none;
            box-shadow: none;
        }

        .btn.btn-light,
        .system-about-index .btn.btn-light {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            color:white;
            line-height: 1.25;
            border-radius: 0.25rem;
        }

        .btn.btn-light.active, .btn.btn-light.focus, .btn.btn-light:focus, .btn.btn-light:hover:not(:disabled),
        .system-about-index .btn.btn-light.active,.system-about-index .btn.btn-light.focus,.system-about-index .btn.btn-light:focus,.system-about-index .btn.btn-light:hover:not(:disabled) {
            color:white !important;
        }

        .m-btn-cancel,
        .system-about-index .m-btn-cancel {
            background-color: #fff !important;
            border-color: #333 !important;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            color:black !important;
            line-height: 1.25;
            border-radius: 0.25rem;
        }

        .btn.btn-danger.active, .btn.btn-danger.focus, .btn.btn-danger:focus, .btn.btn-danger:hover:not(:disabled),
        .system-about-index .btn.btn-danger.active,.system-about-index .btn.btn-danger.focus,.system-about-index .btn.btn-danger:focus,.system-about-index .btn.btn-danger:hover:not(:disabled) {
            color:black !important;
        }

        .system-about-index i.m-nav__link-icon.la.la-home {
            padding-left: 15px;
        }

        .fa.fa-edit,
        .system-about-index .fa.fa-edit  {
            color: #fff;
        }

        i.fa.fa-edit {
            color: #fff;
        }

        .system-about-index .note-editable {
            min-height: 520px !important;
        }

        .note-palette-title,
        .system-about-index .note-palette-title {
            font-weight: 500;
        }

        .note-editor.note-frame .note-statusbar .note-resizebar,
        .system-about-index .note-editor.note-frame .note-statusbar .note-resizebar  {
            height: 15px;
        }

        /* li.m-nav__item.m-nav__item--home {
            margin-right: -15px ;
        } */

        .text-title,
        .admin-users .text-title {
            vertical-align: middle;
            display: table-cell;
            color: white;
        }

        .m-portlet .m-portlet__body,
        .admin-users .m-portlet .m-portlet__body {
            padding-top: 50px;
        }

        /* .m-portlet .m-portlet__head, */
        .admin-users .m-portlet .m-portlet__head {
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        /* .modal-header {
            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        } */

        .modal-content,
        .admin-users .modal-content {
            border-top-left-radius: 5px !important;
            border-top-right-radius: 5px !important;
        }

        /* .form-control {
            margin-bottom: 2%;
        } */

        .m-portlet.m-portlet--mobile,
        .admin-users .m-portlet.m-portlet--mobile {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .modal .modal-content .modal-header .modal-title {
            font-weight: 500 !important;
            color: #fff !important;
        }

        .admin-users button.btn.btn-primary {
            background: #008D85;
            border-color: white;
            margin-bottom: 2%;
            margin-top: -1%;
        }

        button.btn.btn-primary:hover, button.btn.btn-primary1:hover,
        .admin-users button.btn.btn-primary:hover, button.btn.btn-primary1:hover {
            background: #348cc1;
            border-color: #348cc1;
        }

        button.btn.btn-primary1,
        .admin-users button.btn.btn-primary1 {
            background: #008D85;
            border-color: white;
            color: white;
        }

        button.btn.btn-primary1:hover,
        .admin-users .button.btn.btn-primary1:hover{
            background: #348cc1;
            border-color: #348cc1;
        }

        .admin-users a.btn.btn-primary {
            background-color: #ffb822;
            border-color: white;
            color: black;
        }

        a.btn.btn-primary:hover,
        .admin-users a.btn.btn-primary:hover {
            background-color: #fbaa00;
            border-color: #fbaa00;
        }

        .close, .close:hover{
            color: white;
        }

        .d-flex.align-items-center,
        .system-about-index .d-flex.align-items-center {
            height: fit-content;
        }

        .m-portlet .m-portlet__head,
        .admin-users .m-portlet .m-portlet__head {
            border-bottom:none;
        }

        .m-datatable.m-datatable--default.m-datatable--brand.m-datatable--loaded {
            overflow: auto;
        }

        .table-btn {
            width: 130px !important;
            margin: 2px;
        }

        th.m-datatable__cell.m-datatable__cell--sort {
            text-align: center;
        }

        td.m-datatable__cell {
            text-align: center;
        }

        td.m-datatable__cell--sorted.m-datatable__cell {
            text-align: left;
        }

        /* Scrollbar styles */

        .scroll {
            width: 110px;
            height: 110px;
            overflow: auto;
        }

        ::-webkit-scrollbar {
            width: 12px;
            height: 12px;
        }

        ::-webkit-scrollbar-track {
            border-radius: 12px;
        }

        ::-webkit-scrollbar-track:vertical {
            background: #f1f2f7;
        }

        ::-webkit-scrollbar-thumb {
            background: #5a5a5a;
            border-radius: 12px;
        }

        #imageUpload {
            display: none;
        }



        .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
       .admin-users .btn-primary:not(:disabled):not(.disabled):active,.admin-users .btn-primary:not(:disabled):not(.disabled).active,.admin-users .show > .btn-primary.dropdown-toggle{
            color: #fff;
            background-color: #ffb822;
            border-color: #ffb822;
        }




        .hide {
            display: none;
        }

        /* th, td {
            text-align: center;
        } */

        /* .btn {
            color: white !important;
        } */

        /* .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
        } */

        .m-portlet .m-portlet__body,
        .sys-clients-page .m-portlet .m-portlet__body {
            padding-bottom: 40px;
            padding-top: 30px;
        }

        .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .avatar-upload .avatar-preview {
            border: 5px solid #dddddd;
        }


        .campaigns-page a.btn.m-btn--square.btn-accent,
        .sys-clients-page a.btn.m-btn--square.btn-accent {
            border-radius: 4px !important;
            margin-bottom: 3%;
        }

        .dot {
            height: 20px;
            width: 20px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            margin-left: 3%;
            border: 1px solid gray;
        }

        .btn.m-btn--square,
        .questions-page .btn.m-btn--square {
            -webkit-border-radius: 5px!important;
            -moz-border-radius: 5px!important;
            -ms-border-radius: 5px!important;
            -o-border-radius: 5px!important;
            border-radius: 5px !important;
        }

        a.form-control.btn.m-btn--square.btn-success,
        .questions-page a.form-control.btn.m-btn--square.btn-success  {
            background-color: #00c5dc;
            border-color: #fff;
        }

        a.form-control.btn.m-btn--square.btn-success:hover,
        .questions-page a.form-control.btn.m-btn--square.btn-success:hover {
            background-color: #00a3b6;
            border-color: #fff;
        }

        a.form-control.btn.m-btn--square.btn-warning,
        .questions-page a.form-control.btn.m-btn--square.btn-warning  {
            border-radius: 4px !important;
        }

        .btn-accent,
        .questions-page .btn-accent,
        .campaigns-page .btn-accent,
        .campaigns-page .btn-primary  {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }

        .btn-accent:hover,
        .questions-page .btn-accent:hover,
        .campaigns-page .btn-accent:hover,.campaigns-page .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }

        a.form-control.btn.m-btn--square.btn-success,
        .questions-page a.form-control.btn.m-btn--square.btn-success {
            background-color: #008D85;
            border-color: #fff;
        }

        a.form-control.btn.m-btn--square.btn-success:hover,
        .questions-page a.form-control.btn.m-btn--square.btn-success:hover {
            background-color: #348cc1;
            border-color: #348cc1;
        }

        .questions-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link,
        .campaigns-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link,
        .sys-clients-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        }
        .campaigns-page .m-subheader {
            padding: 30px 30px 0 50px;
        }

        .btn-cstm {
            width: 100%;
            margin: 4px 0px;
            white-space: normal;
        }

        .btn-submit {
            background-color: #008D85;
            color: #fff;
        }

        .btn-cancel {
            color: #000 !important;
        }

        .color-wrapper {
            position: relative;
            width: 250px;
            margin: 20px auto;
        }

        .color-wrapper p {
            margin-bottom: 5px;
        }

        .package-color-cont {
            display: flex;
            justify-content: center;
        }

        .package-label {
            text-align: center;
        }

        input.call-picker {
            border-radius: 0px 10px 10px 0px;
            background: #f2f2f2;
            color: #666;
            text-transform: uppercase;
            float: left;
            border: none;
            outline: none;
            padding: 10px;
            text-transform: uppercase;
            width: 85px;
        }

        .color-picker {
            width: 100%;
            background: #F3F3F3;
            height: auto;
            padding: 5px;
            border: 5px solid #fff;
            box-shadow: 0px 0px 3px 1px #DDD;
            position: absolute;
            top: 73px;
            left: 2px;
            z-index:1;
        }

        .color-holder {
            background: #fff;
            cursor: pointer;
            border: 1px solid #AAA;
            width: 41px;
            height: 41px;
            border-radius: 10px 0px 0px 10px;
            float: left;
            margin-left: 5px;
        }

        .color-picker .color-item {
            cursor: pointer;
            width: 19px;
            height: 21px;
            list-style-type: none;
            float: left;
            margin: 2px;
            border: 1px solid #DDD;
        }

        .color-picker .color-item:hover {
            border: 1px solid #666;
            opacity: 0.8;
            -moz-opacity: 0.8;
            filter:alpha(opacity=8);
        }

          /*Modal*/

        .modal-header {
            background: #008D85;
            border-radius: 5px 5px 0px 0px;
        }

        .modal .modal-content {
            border-radius: 10px;
        }

        /* .modal-header {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important;
            border-color: #008D85 !important;
        } */

        .close {
            color: white !important;
            opacity: 1;
        }

        /* .modal-body label {
            color: black;
        } */

        #newPackage {
            color:white;
        }

        #newPackage h5 {
            font-size: 20px;
        }

        .btn-submit, .btn-submit:hover, .btn-submit:active, .btn-submit:focus {
            background: #008D85 !important;
            border: none !important;
        }

        table#html_table {
            overflow: auto;
        }

        .btn-accent, .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }

        .btn-accent:hover, .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }

        .btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }

        /* MODAL CSS */

        /* .modal-header {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        } */

        /* .form-control {
            margin-bottom: 3%;
        } */

        .m-input-icon.m-input-icon--right .form-control {
            padding-right: 0;
        }

        a.form-control.btn.m-btn--square.btn-warning, a.form-control.btn.m-btn--square.btn-danger {
            border-radius: 4px !important;
        }

        .btn-accent:focus {
            background-color: #008D85;
        }

        .btn-danger:focus {
            background-color: #f4516c;
        }

        .btn-warning:focus {
            background-color: #ffb822;
        }

        /* .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 20px;
            color: white;
            margin-bottom: 0px;
        } */

        .table-title {
            padding: 1rem;
        }

        .col {
            flex-basis: auto;
            flex-grow: 1;
            max-width: 100%;
            padding-right: 20%;
            padding-left: 20%;
        }

        a.btn.m-btn--square.btn-warning {
            border-radius: 4px !important;
            margin-bottom: 3%;
        }

        /* .col-xl-8.order-1.order-xl-2.m--align-right {
            margin-top: -12px;
        } */

        button.btn.m-btn--square.btn-secondary {
            border-radius: 5px !important;
        }

        .btn.btn-modal-accent:hover {
            background-color: #348cc1;
            border-radius: 5px !important;
            border-color: #348cc1;
            color: white;
        }

        .btn.btn-modal-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            border-color: #008D85;
            color: white;
        }

         /* danniel temporary css*/
         .lock {
            position:relative;
            cursor:pointer;
            height:32px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .lock input {
            display:none;
        }

        .lock span:before,
        .lock span:after{
            content:"";
        }

        .lock span:before {
            width:64px;
            height:32px;
            margin-right:8px;
            background:#EEE;
            border-radius:32px;
            display:inline-block;
            vertical-align:middle;
            transition:all .5s cubic-bezier(.175, .885, .32, 1);
        }

        .lock span:after {
            margin:2px;
            width:28px;
            height:28px;
            background:#FFF;
            border-radius:28px;
            position:absolute;
            left:0;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB6ElEQVRYR+3XS8gPURjH8c8bkYV7KVslC4US5RJhgWKDQsnCJZcFWcrCJVkqioVsZOG+eDdvLJAkJJKVkr1EIQu3okfnXy/9Z+bMO8O/5OxmznP5nud35pxn+vR49A0hf/gsxHJMSf4vcQP38L1OzLoA83AaswqSPMFuPMyFqAOwBWcwrCL4N2zDuRyIXIDV6EfYf8IJXMDz9G4aNmEPRiQZVmGgCiIHYAxeYBLeYRmi1N3GHNzEaLzCVHwsg8gB2IfjKchmnK9Y1VacTTZ7cbIpQOzs+XiDyQiNy0ZI8BpjcReLmgJ8SCW9jpVVmqb5kGEp3mNcU4DOd30Z6zMBrmFNsi2VuWwySrkEsfIY96v0HAQX+2Zuel6BW/jaDb4IYCLuYHrmiqvMnmFx+op+sS0COIb9VVFrzh/C4d99igCuYF3NBFXmF7ExF+Aq1lZFrDl/CRv+A7RZgUfpdoyYOzG7QpJWJYjk0ZR8SUlH4kFJnxBmrQJsH3ThdBa+KzUrRYX44wDRCZ0qkaFVgMdYgM8p4agkwYy/BRB5nqZNGIfZDpQlb30P1DyDfpq3KsG/D9Dzy+goDgylziU+B3Ek9ygej9uY2RJEtPGdHjGrIQmj4amjndAQ4m3qjrt20zn/BQ3zl7v3HOAHddxjIRWQtfEAAAAASUVORK5CYII=);
            background-size: 16px 16px;
            background-position: center;
            background-repeat: no-repeat;
            z-index:2;
            transition:all .5s cubic-bezier(.175, .885, .32, 1);
        }

        .lock input:checked + span:after {
            left:32px;
            background-image: url(data:image/png;base64,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);
        }

        .lock input:checked + span:before {
            background-color:#1CC691;
        }

        .m-datatable.m-datatable--default.m-datatable--loaded {
            overflow: auto !important;
        }

        .btn-new-ticket {
            margin-bottom: 15px;
        }

        .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active,
        .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover,
        .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover
         {
            background: #008D85 !important;
        }

        .jstree-anchor {
            color: black !important;
        }

        /* .input-group-text {
            border-color: #848484 !important;
            background-color: #f3f3f3 !important;
            color: #000000 !important;
        } */

        .head-container {
            display: flex;
            justify-content: space-between;
        }

        .fld-slct {
            background: #f2f2f2;
            border: none;
            padding: 10px 15px;
        }

        .fld-label {
            padding: 6px;
            margin: 10px;
            font-weight: 500;
        }

        .btn-secondary.disabled, .btn-secondary:disabled{
            color: #fff !important;
        }

        .sys-sections .btn-secondary:disabled {
            color: #fff !important;
        }


        .btn-secondary:hover {
            background: white !important;
        }

        .btn-secondary:active {
            background-color: #fff !important;
            border-color: none !important;
        }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            background: #008D85;
            border-color: white;
        }

        .table thead th {
            text-align: left;
        }

        .main-container {
            display: flex;
            width: 100%;
        }

        .header-notice {
            display: flex;
            align-items: center;
        }

        .subject-post {
            padding: 20px;
            border-radius: 10px 10px 0px 0px;
        }

        .subject-post h4{
            font-size: 17px;
        }

        .show-btn-cont {
            align-items: center;
            display: flex;
        }

        .show-btn-cont a,
        .system-show .show-btn-cont a {
            color:white;
        }

        .post-entry-cont {
            justify-content: space-between;
        }


        .show-btn {
            background: #42a5dc;
            color: white;
            padding: 8px 20px;
            border-radius: 4px;
        }

        .btn-cont .btn {
            margin: 0px 5px;
        }

        .post-entry {
            background: #f8f8f8;
            padding: 10px 20px;
            margin: 20px 0px;
            border-radius: 10px;
        }

        .btn-cont {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding-bottom:10px;
        }

        .btn-note {
            width: 75px;
            margin: 3px 0px;
        }

        /* button.btn.btn-default {
            background: #008D85;
            color: white;
        } */

        i.far.fa-minus-square {
            color: #fff;
        }

        button#menus, button#menus1 {
            margin-right: 15px;
        }

        /* .btn.btn-secondary {
            background: transparent;
            border-color: transparent;
        } */

        .secondary {
            border-color: none !important;
        }

        .icon-container {
            display: flex;
            justify-content: flex-start;
        }

        .label-search {
            font-size: 17px;
        }

        .search-field {
            background: #f3f3f3;
            width: 85%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            height: 35px;
            margin-right: 5px;
        }

        .import-cont {
            margin-top: 27px;
        }

        .buttonPageLink {
            padding: 5px 7px;
            font-size: 12px;
            cursor: pointer;
            font-weight: bold;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            border: 3px solid #008D85;
            color: #fff;
            background-color: #008D85;
            border-radius: 10px;
            overflow: hidden;
            width: 100%;
            max-width: 275px;
            box-sizing: border-box;
            min-height: 80px !important;
        }

        .buttonPageLink:after {
            content: '';
            position: absolute;
            z-index: 1;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            width: 100%;
            height: 0;
            top: 50%;
            left: 50%;
            background: #fff;
            opacity: 0;
            color: #008D85;
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
        }

        .buttonPageLink:hover {
            color: #008D85;
        }

        .buttonPageLink:hover:after {
            opacity: 1;
            height: 190px;
        }

        .buttonPageLink span {
            position: relative;
            z-index: 2;
        }

        /* .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
           } */

        .avatar-upload .avatar-preview {
            border: 5px solid #dddddd;
        }


        /* a.btn.m-btn--square.btn-accent {
            border-radius: 4px !important;
            margin-bottom: 3%;
        } */

        a.form-control.btn.m-btn--square.btn-warning,
        .campaigns-page a.form-control.btn.m-btn--square.btn-warning,
        .sys-clients-page a.form-control.btn.m-btn--square.btn-warning {
            border-radius: 4px !important;
        }

        .campaigns-page .form-control{
            margin-bottom: 3%;
        }

        .btn-accent, .btn-primary,
        .sys-clients-page .btn-accent,.sys-clients-page .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }
        .m-portlet .m-portlet__body {
            padding-bottom: 40px;
            padding-top: 30px;
        }

        .filter-cont {
            padding: 20px 0px;
            font-size: 16px;
        }

        div#cke_article-ckeditor2 {
            margin-top: 15px;
        }

        .btn.btn-default:hover:not(:disabled), .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .show > .btn.btn-default.dropdown-toggle, .btn.btn-secondary:hover:not(:disabled), .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus, .show > .btn.btn-secondary.dropdown-toggle {
            background: #3181b2;
            color: white;
        }

        .m-portlet .m-portlet__head {
            border-bottom: none;
        }

        .event-type, .event-desc, .event-fname {
            text-transform: capitalize;
            font-weight: 500;
            color: #404040;
            font-size: 13px;
            margin-bottom: 3px;
        }

        .event-type span, .event-desc span, .event-fname span {
            padding-right: 2px;
            font-weight: 500;
            color: darkgrey;
            font-size: 13px;
        }

        /*custom css */

        .modal-header-custom,
        .sys-emp-show .modal-header-custom,
        .sys-clients-page .modal-header-custom {
            background-color:#FBAA00;
        }
        .m-btn-custom{
            background:none;border:none;
        }

        #eventGuestTable,#eventResponses,#eventAdminTable{
            word-wrap:break-word;
        }

        .mb-0{
            margin-bottom: 0px;
        }

        .custom-pt{
            padding-top: 25px;
        }


        #imagePreview-newAdmin{
            background-image: url(https://icons.iconarchive.com/icons/paomedia/small-n-flat/512/user-male-icon.png);
        }

        /* System admin about index page css */

       .system-about-index .note-toolbar-wrapper {
            height: auto !important;
        }

        /* Admin users css */

        .admin-users .form-control-custom{
            text-transform: capitalize;
        }

        .admin-users .text-title{
            margin-bottom: 0px;
        }

        .admin-users .modal-body-custom{
            padding: 40px;
        }

        .admin-users .text-title h3{
            margin-bottom: 0px;margin-left: -30px;
        }

        #html_table{
            word-wrap:break-word;
        }

        .admin-users .modal-header-custom{
            background-color:#FBAA00
        }

        #imagePreview-newAdmin{
            background-image: url(https://icons.iconarchive.com/icons/paomedia/small-n-flat/512/user-male-icon.png);
        }

        .admin-users .avatar-preview strong{
            font-size: 12px;
        }

        .admin-users .m-subheader.admin-users {
            padding: 30px 30px 0 50px;
        }

        .admin-users li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }

        .admin-users .text-title h3,
        .questions-page .text-title h3,
        .campaigns-page .text-title h3 {
            font-size: 20px;
        }

        .admin-users .modal-header {

            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .admin-users .modal .modal-content .modal-header .modal-title {
            font-weight: 500 !important;
            color: #fff !important;
        }

        /* Questions page css */

        .questions-page .btn-custom{
            color:black !important;
        }

        .questions-page .mb-0{
            margin-bottom: 0px !important;
        }

        /* Campaigns page css */
        .campaigns-page .text-title,.campaigns-page .text-title h3{
            margin-bottom: 0px !important;
        }

        #imagePreview{
            background-image: url(https://icons.iconarchive.com/icons/paomedia/small-n-flat/512/user-male-icon.png);
        }

        /* System dlm css */

        .system-dlm .btn-cstm {
            width: 135px;
            margin: 4px;
        }
        /* MODAL CSS */
        .system-dlm .modal-header {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .system-dlm .form-control {
            margin-bottom: 3%;
            margin-top: 3%;
        }



        .dlm-content .form-control {
            margin-top: 3%;
        }

        /* Dlm download css */

        .sys-download .btn-cstm {
            width: 135px;
            margin: 0 0 4px 0;
        }

        .sys-download .btn.btn-primary {
            background: #008D85 !important;
            border-color: #008D85 !important;
        }

        .sys-download .mb-0{
            margin-bottom: 0px !important;
        }

        .sys-download .new-doc-btn{
            margin-top:15px; margin-left:10px;
        }

        #tblDocuments{
            text-align:center
        }

        .sys-download .modal-header-custom{
            background-color:#FBAA00;
        }

        /* Dlm Revisions css */

        .sys-revisions .m-subheader,
        .sys-noticeboard-show .m-subheader,
        .sys-noticeboard-res .m-subheader,
        .sys-manage-permission .m-subheader{
            padding: 30px 30px 0 50px;
        }

        .sys-manage-permission .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        .sys-manage-permission .btn-accent,.sys-manage-permission .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }

        .sys-manage-permission .m-portlet .m-portlet__body {
            padding-bottom: 40px;
            padding-top: 30px;
        }

        .sys-noticeboard-show .text-title h3 {
            font-size: 20px;
        }

        .sys-revisions .btn-cstm {
            width: 135px;
            margin: 0 0 4px 0;
        }


        .sys-revisions .text-title,
        .system-show .text-title,
        .sys-clients-page .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 20px;
            color: white;
        }

        .sys-revisions .custom-pt{
            padding-top: 25px;
        }
        .sys-revisions .custom-title{
            margin-bottom:0px;  color:white;
        }
        .sys-revisions .custom-title strong{
            font-size: 15px;
        }

        .sys-revisions .modal-header-custom{
            background-color:#FBAA00;
        }

        /* DLM sections css */
        .sys-sections .m-portlet .m-portlet__head {
            border-bottom: none;
        }

        .sys-sections .m-portlet .m-portlet__head{
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .sys-sections .modal-header-custom{
            background-color:#FBAA00;
        }

        .sys-sections .clients-cont{
            margin-right: -30px;
        }

        .sys-sections .text-title h3 {
            margin-bottom: 0px;margin-left: -30px;
        }

        .sys-sections .text-title{
            margin-bottom:0px;
        }

        #selectedEmployeesTable{
            word-wrap:break-word;
        }

        #content{
            display:none;
        }

        .sys-sections .m-portlet .m-portlet__body {
            padding-bottom: 80px;
            padding-top: 30px;
            height: auto;
        }

        .sys-sections .modal-header h5 {
            color: #fff !important;
        }

        .sys-sections .form-control {
            border-color: #848484;
            color: #575962;
            margin-bottom: 2%;
        }

        .sys-sections .m-portlet__head-caption {
            padding: 1rem;
        }

        .sys-sections .modal.show .modal-dialog {
            height: 80vh !important;
            display: flex;
            align-items: center;
        }

        .sys-sections .m-body .m-wrapper {
            overflow: hidden !important;
        }

        .sys-sections .la.la-trash:active {
            color: #fff;
            border-color: none !important;
        }

        .sys-sections .clients-cont {
            width: 30%;
        }

        .sys-sections .leads-cont  {
            width: 70%;
        }

        .sys-sections button.btn.btn-default {
            background: transparent !important;
            color: black !important;
        }

        .sys-sections .btn.btn-success {
            background: #008D85 !important;
            border-color: #008D85 !important;
        }

        .sys-sections .m-subheader.sys-sections {
            padding: 30px 30px 0 60px;
        }

        .sys-sections .btn-cstm {
            width: 135px;
            margin: 4px;
        }

        .sys-sections .m-portlet {
            margin-bottom: 0 !important;
        }

        .sys-sections .m-portlet__body.m-body-left {
            overflow: auto;
        }

        .sys-sections .m-body-right {
            height: 600px;
        }

        .sys-sections .m-body-left {
            height: 710px !important;
        }

        .sys-sections form.m-form.m-form--fit.m-form--label-align-right {
            margin-bottom: 0 !important;
        }

        .sys-sections .btn-container {
            margin-top: 20px;
        }

        .sys-sections button.m-portlet__nav-link.btn.btn-light.m-btn.m-btn--pill.m-btn--air.m-btn-save {
            background-color: #008D85;
            border-radius: 5px;
            color: #fff;
            width: 75px;
        }
        .sys-sections a.btn.btn-default {
            background-color: #f4516c;
            color: #fff !important;
            border-radius: 5px;
            width: 78px;
        }
        .sys-sections form.m-form.m-form--fit.m-form--label-align-right {
            margin-bottom: 20px;
        }

        .sys-sections .lock span:after {
            margin:2px;
            width:28px;
            height:28px;
            background:#FFF;
            border-radius:28px;
            position:absolute;
            left:0;
            background-image: url(data:image/png;base64,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);
            background-size: 16px 16px;
            background-position: center;
            background-repeat: no-repeat;
            z-index:2;
            transition:all .5s cubic-bezier(.175, .885, .32, 1);
        }

        .sys-sections .lock input:checked + span:after {
            left:32px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB6ElEQVRYR+3XS8gPURjH8c8bkYV7KVslC4US5RJhgWKDQsnCJZcFWcrCJVkqioVsZOG+eDdvLJAkJJKVkr1EIQu3okfnXy/9Z+bMO8O/5OxmznP5nud35pxn+vR49A0hf/gsxHJMSf4vcQP38L1OzLoA83AaswqSPMFuPMyFqAOwBWcwrCL4N2zDuRyIXIDV6EfYf8IJXMDz9G4aNmEPRiQZVmGgCiIHYAxeYBLeYRmi1N3GHNzEaLzCVHwsg8gB2IfjKchmnK9Y1VacTTZ7cbIpQOzs+XiDyQiNy0ZI8BpjcReLmgJ8SCW9jpVVmqb5kGEp3mNcU4DOd30Z6zMBrmFNsi2VuWwySrkEsfIY96v0HAQX+2Zuel6BW/jaDb4IYCLuYHrmiqvMnmFx+op+sS0COIb9VVFrzh/C4d99igCuYF3NBFXmF7ExF+Aq1lZFrDl/CRv+A7RZgUfpdoyYOzG7QpJWJYjk0ZR8SUlH4kFJnxBmrQJsH3ThdBa+KzUrRYX44wDRCZ0qkaFVgMdYgM8p4agkwYy/BRB5nqZNGIfZDpQlb30P1DyDfpq3KsG/D9Dzy+goDgylziU+B3Ek9ygej9uY2RJEtPGdHjGrIQmj4amjndAQ4m3qjrt20zn/BQ3zl7v3HOAHddxjIRWQtfEAAAAASUVORK5CYII=);
        }


        .sys-sections .fa.fa-database {
            color: #fff !important;
        }

        .sys-sections i.far.fa-check-square {
            margin-right: 5px;
            vertical-align: baseline;
            color: #008D85;
        }
        .sys-sections .note-icon2{
            color: #008D85!important;
        }
        .sys-sections .btn.btn-light {
            background-color: #008D85 !important;
            color: white !important;
        }
        .sys-sections input.note-image-url.form-control.note-form-control.note-input.col-md-12,.sys-sections input.note-link-text.form-control.note-form-control.note-input,.sys-sections input.note-link-url.form-control.note-form-control.note-input {
            margin-top: 0;
        }

        .sys-sections h4.modal-title {
            color: #fff !important;
        }
        .sys-sections .note-editable {
            min-height: 355px !important;
        }


        .sys-sections span.note-current-fontname,.sys-sections span.note-icon-caret {
            color: #000;
        }

        .sys-sections .note-current-fontsize,.sys-sections  .note-btn .btn .btn-default .btn-sm {
            color: #000 !important;
        }
        .sys-sections .form-group.note-form-group.note-group-select-from-files {
            display: flex;
            flex-direction: column;
            align-items: self-start;
        }
        .sys-sections input.note-image-input.note-form-control.note-input {
            margin: 5px;
        }
        .sys-sections .btn-accent{
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }

        .sys-sections .m-portlet .m-portlet__head{
            border-bottom: none;
        }

        /* Topics page css */

        .topics-page .btn-accent:hover {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }


        .topics-page .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }


        .topics-page .btn-cstm {
        width: 135px;
        margin: 4px;
        }

        /* MODAL CSS */
        .topics-page .modal-header {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }



        .topics-page .form-control {
            margin-bottom: 3%;
            margin-top: 3%;
        }



        .topics-page .btn.btn-modal-accent:hover {
            background-color: #348cc1;
            border-radius: 5px !important;
            color: white;
        }

        .topics-page .btn.btn-modal-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            color: white;
        }

        /* System employee edit css */

        #toast-container>div {
            opacity: 1 !important;
        }

        .m-content.sys-emp-edit {
            padding: 30px 30px;
        }

        .sys-emp-edit .mod-cont {
            background: white;
            margin: auto;
            border-radius: 10px;
        }

        .sys-emp-edit .title-prof {
            text-align: center;
            padding: 20px 0px;
            font-size: 1.5em;
            margin-bottom: 30px;
            font-weight: 500;
            color: #8a8a8a;
        }
        .sys-emp-edit .update-btn input {
            font-size: 15px;
            color: white;
            background: #008D85;
            border: none;
            padding: 10px 25px;
            border-radius: 40px;
            cursor: pointer;
        }
        .sys-emp-edit .update-btn {
            text-align:right;
            margin-top: 50px;
        }
        .sys-emp-edit .form--cont {
            margin: 64px 30px;
            padding-bottom: 60px;
        }
        .sys-emp-edit input {
            box-sizing:border-box
        }
        .sys-emp-edit .form-main {
            display: flex;
            justify-content: space-around;
        }
        .sys-emp-edit .half-cont {
            width: 45%;
        }
        .sys-emp-edit .form-main input,.sys-emp-edit .form-main textarea {
            background: #f3f3f3;
            border-radius: 10px;
        }
        .sys-emp-edit button.prof-pic {
            background: #ffffff;
            color: #008D85;
            border: none;
            border-radius: 100px;
            padding: 10px 20px;
            cursor: pointer;
        }
        .sys-emp-edit .btn-prof {
            text-align: center;
            padding-top: 27px;
        }
        .sys-emp-edit h3 {
            border-bottom: 2px solid #008D85;
            padding: 10px 0px;
            margin-bottom: 28px;
        }
        .sys-emp-edit .half-fld {
            width: 48%;
        }
        .sys-emp-edit .half-field {
            display: flex;
            justify-content: space-between;
        }
        .sys-emp-edit .btn-fld {
            width: 51px;
            background: #38c3f5;
        }
        .sys-emp-edit .editprof-header {
            background: #008D85;
            border-radius: 10px 10px 0px 0px;
            margin-bottom: 20px;
            padding: 35px 0px;
        }
        .sys-emp-edit .fa-eye,.sys-emp-edit i#btn_icon {
            margin-right: 0 !important;
            display: flex;
        }

        /* system admin emp show css */

        #action{
            background:none;border:none;
        }

        #list-preview{
            display:block;
        }

        .sys-emp-show .custom-img{
            display:block;margin:auto;width:50%;
        }

        #list-edit{
            display: none;
        }

        #gallery-edit{
            display: none;
        }

        .sys-emp-show .custom-tl td{
            text-align: left;
        }

        #imagePreview-cert{
            background-image: url(https://www.livecam.novalja.info/noimage.jpg);
        }

        .sys-emp-show .tl-center th{
            text-align: center;
        }

        .sys-emp-show .custom-ul
        {
            list-style:none;padding-left: 10px; margin: 20px 0px;
        }

        #gallery-preview{
            display:block; overflow-x: auto;
        }
        .sys-emp-show .completed-progress-bar-striped {
            background-image: none;
            background-size: 1rem 1rem;
        }
        .sys-emp-show .fc-more-popover {
            width: auto !important;
        }
        .sys-emp-show .fc-unthemed .fc-toolbar .fc-button:focus,.sys-emp-show .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-state-active {
            background: #0092d8 !important;
        }
        .sys-emp-show .progress-bar {
            background-color: #54c70c;
        }
        .sys-emp-show .m-fc-event--transparent {
            background: transparent !important;
            border: 1px solid transparent !important;
            box-shadow: 0px 1px 15px 1px transparent !important;
        }
        .sys-emp-show .legend {
            text-align: center;
            padding-bottom: 15px;
            background: #008D85;
            color: white;
            font-weight: 500;
            text-transform: uppercase;
        }
        .sys-emp-show .fc-button {
            text-transform: uppercase;
        }
        /* .profile-pic {
            flex:1;
        } */
        .sys-emp-show .profile-pic img {
            border-radius: 100%;
            display:block;margin:auto;width:100%;
        }
        .sys-emp-show .profile-pic img {
            width: 150px !important;
            height: 150px !important;
            object-fit: cover;
        }
         /* <!-- Employee Info --> */
         .sys-emp-show .employee-info,.sys-emp-show .navigation-menu-nav,.sys-emp-show .mod-box,.sys-emp-show .qualifications,.sys-emp-show .mod-box-cal{
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }
        .sys-emp-show .employee-info {
            background: white;
            padding: 35px;
            clear: both;
            display:flex;
        }
        .sys-emp-show .employee-name {
            color: #5a5a5a;
            font-size: 18px;
            font-weight: 500;
        }
        .sys-emp-show .employee-designation {
            font-size: 12px;
        }
        .sys-emp-show .title-cal {
            text-align: center;
            padding-top: 15px;
            padding-bottom: 15px;
            background: #008D85;
            color: white;
            font-weight: 500;
            text-transform: uppercase;
            border-radius: 5px 5px 0px 0px;
        }
        .sys-emp-show button#switch {
            color: white !important;
            border:none;background:none;
        }
        .sys-emp-show i.fas.fa-ellipsis-h {
            color: white;
        }
        .sys-emp-show i.fas.fa-edit {
            color: white;
        }
        .sys-emp-show .thqualification {
            padding: 23px;
        }
        .sys-emp-show .thqualification table{
            margin-top: 5%;
        }
        .sys-emp-show .thqualification img{
            display:block; margin:auto; width:100%;
        }
        .sys-emp-show .q-gimage img {
            width: 250px !important;
            height: 250px;
            object-fit: contain;
            background: #f2f2f2;
            border-radius: 10px;
        }
        .sys-emp-show span.emp-position {
            color: #008D85;
            font-weight: 500;
        }
        .sys-emp-show span.emp-company,
        .system-show label {
            font-weight: 600;
        }
        .system-show input.form-control {
            margin-bottom: 15px;
        }
        .sys-emp-show .employee-email {
            font-size: 12px;
            color: #a5a5a5;
            font-weight: 400;
        }
        .sys-emp-show .about-content {
            word-wrap: break-word;
        }
        .sys-emp-show .prof-btn {
            font-size: 13px;
            background: #008D85;
            color:white;
            border: none;
            border-radius:5px;
            padding: 10px 20px;
            cursor: pointer;
        }
        .sys-emp-show .left-employee-info {
            flex:1;
            margin-left: 25px !important;
        }
        .sys-emp-show .fc-unthemed .fc-toolbar {
            margin-bottom: 0.5rem;
        }
        .sys-emp-show .right-employee-info {
            flex: 1;
            border-left: 2px solid #f2f2f2;
            padding-left: 29px;
        }
        .sys-emp-show .social-icons ul {
            display: inline-flex;
            list-style: none;
            padding-left: 0px;
            margin-top: 15px;
        }
        .sys-emp-show .social-icons .fab {
            color: #0092d8;
        }
        .sys-emp-show .social-icons ul li {
            color: #008D85;
            padding: 5px;
        }
        .sys-emp-show td.label {
            font-weight: 500;
            padding-right: 63px;
        }
        .sys-emp-show i.fab {
            font-size: 1.5rem;
        }
        /* <!-- Navigation Menu --> */
        .sys-emp-show .navigation-menu-nav {
            background: white;
        }
        .sys-emp-show .navigation-menu-nav ul {
            list-style: none;
            display: flex;
            align-items: center;
            padding-left: 0px;
            margin-bottom: 0px;
        }
        .sys-emp-show .navigation-menu-nav ul li {
            padding: 20px 40px;
        }
        #profile {
            border-top: 2px solid #008D85;
            border-radius: 10px 0px 0px 0px;
        }
        .sys-emp-show .profile-first {
            display: flex;
            justify-content: space-between;
        }
        .sys-emp-show .boxes {
            flex: 0 0 32%;
            max-width: 33.33333%;
        }
        /* <!-- Mod box --> */
        .sys-emp-show .mod-box {
            margin-bottom: 26px;
            width: 32%;
            padding: 23px;
        }
        .sys-emp-show .mod-box1 {
            height: 94%;
            margin-bottom: 26px;
            width: 100%;
            padding: 23px;
        }
        .sys-emp-show .mod-box1,.sys-emp-show .mod-box-cal1 {
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }
        .sys-emp-show .mod-box-cal {
            margin-bottom: 26px;
            width: 32%;
        }
        .sys-emp-show .top-title {
            background: #008D85;
            color: white;
            padding: 12px;
            border-radius: 10px 10px 0px 0px;
            display: flex;
            font-weight: 500;
            justify-content: center;
            align-items: center;
        }
        .sys-emp-show .sm-icon {
            flex: 1;
        }
        .sys-emp-show .sm-icon img {
            border: 2px solid #008D85;
            border-radius: 100%;
            display:block;margin:auto;width:70%;
        }
        .sys-emp-show .title-sm {
            flex: 2;
        }
        .sys-emp-show .mod-title {
            display: flex;
        }
        .sys-emp-show .about-title {
            margin-bottom:15px;
            font-weight: 500;
        }
        .sys-emp-show .title-continue {
            color: #008D85;
            font-weight: 500;
        }
        .sys-emp-show .prof-btn a {
            text-decoration: none;
            color: white;
        }
        /* <!-- Qualifications Mod box --> */
        .sys-emp-show .btn-circle {
            border-radius: 30px;
            padding: 10% 13%;
        }
        /* .sys-emp-show .btn-circle:hover {
            background
        } */
        .sys-emp-show  .add-btn {
            text-align: center;
            flex: 1;
        }
        .sys-emp-show .right-title {
            flex: 2;
            text-align: right;
        }
        .sys-emp-show .left-title {
            flex: 20;
        }
        /*LIST*/
        .sys-emp-show .first-col-cert {
            width: 15em;
        }
        /*GALLERY*/
        .sys-emp-show .q-gallery-col {
            width: 32%;
            padding: 23px;
        }
        .sys-emp-show .q-gallery-columns {
            width: 1000%;
            padding: 23px;
        }
        .sys-emp-show .q-gallery {
            display: flex;
            padding: 1% 2%;
            justify-content: space-between;
            position:relative;
        }
        .sys-emp-show .cert-title {
            text-transform: uppercase;
            font-size: 12px;
            color: #008D85;
            font-weight: 500;
        }

        .sys-emp-show .q-gtitle {
            margin-bottom: 15px;
        }
        .sys-emp-show .q-gsub {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 500;
            margin-top: 15px;
        }
        .sys-emp-show div#list {
            overflow: auto;
        }

        .sys-emp-show .btn-secondary.btn-close {
            color: #000 !important
        }

        /* System event create css */
        .sys-event-create .m-btn-custom{
            background:none;border:none;
        }

        .sys-event-create .text-title{
            margin-bottom: 0px;
        }

        #eventAdminTable{
            word-wrap:break-word;
        }

        #eventGuestTable{
            word-wrap:break-word;
        }

        #fileUpload-event{
            display: none;
        }

        #eventPhotoPreview{
            border-radius:100%;
            background-image: url(https://www.livecam.novalja.info/noimage.jpg);
        }
        .sys-event-create button.prof-pic {
            background: #008D85;
            color: #ffffff;
            border: none;
            border-radius: 100px;
            padding: 10px 20px;
            cursor: pointer;
            width:220px;
        }
        .sys-event-create .btn-prof {
            text-align: center;
            padding-top: 27px;
        }
        .sys-event-create .update-btn input {
            font-size: 15px;
            color: white;
            background: #008D85;
            border: none;
            padding: 10px 25px;
            border-radius: 40px;
            cursor: pointer;
        }
        .sys-event-create .update-btn {
            text-align:right;
        }
        .sys-event-create .update-btn {
            margin-top: 50px;
        }
        .sys-event-create .form-main {
            display: flex;
            justify-content: space-around;
        }
        .sys-event-create .half-cont {
            width: 45%;
        }
        .sys-event-create .form-main input,.sys-event-create .form-main textarea {
            background: #f3f3f3;
            border-radius: 10px;
        }

        .sys-event-create .m-portlet__head-icon,.sys-event-create .m-portlet__head-text {
            color: white !important;
        }
        .sys-event-create .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .sys-event-create .m-portlet {
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
        }
        .sys-event-create .m-form .m-form__group,
        .system-show .m-form .m-form__group {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .sys-event-create .m--margin-bottom-30 {
            margin-bottom: 0 !important;
        }
        .sys-event-create .cont-act {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 100%;
        }
        .sys-event-create .cont-exp-ul {
            list-style: none;
        }

        .sys-event-create .btn-accent,.sys-event-create .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }
        .sys-event-create .btn-accent:hover,.sys-event-create .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }
        .sys-event-create a.btn.m-btn--square.btn-accent {
            border-radius: 5px !important;
            margin-bottom: 1%;
        }
        .sys-event-create button.btn.m-btn--square.btn-accent {
            width: 80px;
        }
        .sys-event-create button.btn.m-btn--square.btn-accent.btn-delete {
            background: #f4516c;
        }
        .sys-event-create .btn.btn-secondary {
            color: #000 !important;
        }

        /* MODAL CSS */

        .sys-event-create .modal-header h5 {
            color: #fff !important;
        }

        .sys-event-create .m-nav .m-nav__section .m-nav__section-text {
            color: #008D85 !important;
        }

        .sys-event-create div#list {
            overflow: auto;
        }

         /* employee manual progress */
         .sys-event-create .w3-light-grey.w3-round {
            BACKGROUND-COLOR: #dd3737;
            border-radius: 20px;
            flex-grow: 1;
        }
        .sys-event-create .w3-container.w3-blue.w3-round,
        .system-show .w3-container.w3-blue.w3-round {
            background: #4bd38d;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }
        .sys-event-create .progress-text,
        .system-show .progress-text {
            flex-grow: 0.05;
        }
        .sys-event-create .progress-box,
        .system-show .progress-box {
            display: flex;
            justify-content: space-between;
        }
        .sys-event-create .employee-header,
        .system-show .employee-header {
            display: flex;
            justify-content: space-between;
        }


        /* ////// */
        .sys-event-create .total-panel {
            background-color: white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            width: 50%;
            height: 50%;
        }
         /* <!-- Employee Info --> */
         .sys-event-create .dash-header,.sys-event-create .navigation-menu-nav,.sys-event-create .mod-box,.sys-event-create .qualifications,.sys-event-create .mod-box-cal img,.sys-event-create .upcoming-birthdays,.sys-event-create .calendar-birthday{
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }
        .sys-event-create .dash-header {
            padding: 15px;
        }
        .sys-event-create .dash-logo {
            width: 60%;
            margin: auto;
            margin-bottom: 15px;
        }
        .sys-event-create .dash-subheader {
            display: flex;
        }
        .sys-event-create .dash-mod {
            display: flex;
            justify-content: space-between;
        }
        /* <!-- Mod box --> */
        .sys-event-create .mod-box {
            margin-bottom: 26px;
            width: 49%;
            padding: 23px;
            background: #008D85; /* Old browsers */
            background: -moz-linear-gradient(top, #008D85 0%, #008D85 38%, #ffffff 39%, #ffffff 39%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #008D85 0%,#008D85 38%,#ffffff 39%,#ffffff 39%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #008D85 0%,#008D85 22%,#ffffff 22%,#ffffff 22%,#ffffff 22%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008D85', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }
        .sys-event-create .image-header img {
            border: 5px solid white;
            border-radius: 100%;
            background: wheat;
        }
        .sys-event-create .title-box1 {
            text-align: right;
            font-size: 20px;
            font-weight: 600;
            color: white;
            margin-top: -13%;
        }
        .sys-event-create .btn-employee {
            padding: 2% 20%;
            background: #008D85;
            border: none;
            border-radius: 10px;
            color: white;
        }
        .sys-event-create  .btn-mod {
            text-align: center;
            padding: 2% 0px;
        }

        /* DASHBOARD */
        .sys-event-create .first-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-event-create .second-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-event-create .total-clients1 {
            flex-grow: 1;
            padding-right: 7%;
            width: 25%;
        }
        .sys-event-create .total-clients {
            flex-grow: 1;
            padding-right: 3%;
            border-right: 2px solid #dbdbdb;
            width: 25%;
        }
        .sys-event-create .clients {
            flex-grow: 1;
            border-right: 2px solid #dbdbdb;
            margin-right: 4%;
            width: 25%;
        }
        .sys-event-create .inner2 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-event-create .clients1 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-event-create .inner-clients {
            display: flex;
            padding-right: 5%;
        }
        .sys-event-create .one {
            display: flex;
            margin-bottom: 2%;
        }
        .sys-event-create .line {
            height: 10%;
            border-radius: 5px;
        }
        .sys-event-create .total-and-bar1 {
            margin-left: -25%;
            flex-grow: 1;
            margin-top: 6%;
        }
        .sys-event-create .total-and-bar {
            margin-left: -25%;
            margin-top: 3%;
        }

        .sys-event-create .outline {
            flex-grow: 1;
            border-radius: 20px;
            border: 3px solid #ebebf0;
            padding: 2px;
            width: 105%;
        }
        .sys-event-create .clients-text {
            font-size: 15px;
            font-weight: 400;
            padding-bottom: 10px;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .sys-event-create .line1 {
            height: 10%;
            border-radius: 5px;
            width: 75%;
        }
        .sys-event-create .image1 {
            margin-top: 3%;
            margin-bottom: 4%;
        }
        .sys-event-create .inner-tc {
            margin-top: 3%;
        }
        .sys-event-create .number {
            color: #767676;
        }
        .sys-event-create .inner-tc1 {
            margin-top: 8%;
        }
        .sys-event-create .m-body .m-content {
            padding: 30px 30px 0px 30px;
        }
        /*Create Event CSS - JIAN*/
        .sys-event-create .btn-prof.btn-upload-event {
            padding-top: 40px;
        }

        .sys-event-create .btn-prof.btn-upload-attach {
            padding-top: 12px;
        }
        .sys-event-create .avatar-upload .avatar-preview {
            border-radius: 100%;
        }
        .sys-event-create .avatar-upload {
            text-align: center;
        }

        .sys-event-create .avatar-upload strong{
            font-size: 15px;
        }
        .sys-event-create .avatar-preview {
            margin: auto;
            margin-top: 10px;
        }

        .sys-event-create .avatar-preview strong{
            font-size: 12px;
        }
        .sys-event-create .btn-event-edit {
            width: 100% !important;
            margin-bottom: 10px;
        }
        .sys-event-create .btn-event-cancel {
            width: 100% !important;
        }

        /* System event edit */

        .sys-event-edit .modal-header-custom{
            background-color:#FBAA00;
        }
        .sys-event-edit .m-btn-custom{
            background:none;border:none;
        }

        .sys-event-edit .text-title{
            margin-bottom: 0px;
        }

        #eventResponses,#eventAdminTable{
            word-wrap:break-word;
        }

        #fileUpload-event{
            display: none;
        }
        .sys-event-edit button.prof-pic {
            background: #008D85;
            color: #ffffff;
            border: none;
            border-radius: 100px;
            padding: 10px 20px;
            cursor: pointer;
            width:220px;
        }
        .sys-event-edit .btn-prof {
            text-align: center;
            padding-top: 27px;
        }
        .sys-event-edit .save-btn input {
            font-size: 15px;
            color: white;
            background: #008D85;
            border: none;
            padding: 10px 25px;
            border-radius: 40px;
            cursor: pointer;
        }
        .sys-event-edit .save-btn {
            text-align:left;
        }
        .sys-event-edit .save-btn {
            margin-top: 50px;
        }
        .sys-event-edit .delete-btn input {
            font-size: 15px;
            color: white;
            background: #f4516c;
            border: none;
            padding: 10px 25px;
            border-radius: 40px;
            cursor: pointer;
        }
        .sys-event-edit .delete-btn {
            text-align:right;
        }
        .sys-event-edit .delete-btn {
            margin-top: 50px;
        }
        .sys-event-edit .form-main {
            display: flex;
            justify-content: space-around;
        }
        .sys-event-edit .half-cont {
            width: 45%;
        }
        .sys-event-edit .form-main input,.sys-event-edit .form-main textarea {
            background: #f3f3f3;
            border-radius: 10px;
        }

        .sys-event-edit .m-portlet__head-icon,.sys-event-edit .m-portlet__head-text {
            color: white !important;
        }
        .sys-event-edit .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .sys-event-edit .m-portlet {
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
        }
        .sys-event-edit .m-form .m-form__group {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .sys-event-edit .m--margin-bottom-30 {
            margin-bottom: 0 !important;
        }
        .sys-event-edit .cont-act {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 100%;
        }
        .sys-event-edit .cont-exp-ul {
            list-style: none;
        }

        .sys-event-edit .btn-accent,.sys-event-edit .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }
        .sys-event-edit .btn-accent:hover,.sys-event-edit .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }


        .sys-event-edit a.btn.m-btn--square.btn-accent {
            border-radius: 5px !important;
            margin-bottom: 1%;
        }
        .sys-event-edit button.btn.m-btn--square.btn-accent {
            width: 80px;
        }
        .sys-event-edit button.btn.m-btn--square.btn-accent.btn-delete {
            background: #f4516c;
        }
        .sys-event-edit .btn.btn-secondary {
            color: #000 !important;
        }

        /* MODAL CSS */

        .sys-event-edit .modal-header h5 {
            color: #fff !important;
        }

        .sys-event-edit .m-nav .m-nav__section .m-nav__section-text {
            color: #008D85 !important;
        }

        .sys-event-edit div#list {
            overflow: auto;
        }

         /* employee manual progress */
         .sys-event-edit .w3-light-grey.w3-round {
            BACKGROUND-COLOR: #dd3737;
            border-radius: 20px;
            flex-grow: 1;
        }
        .sys-event-edit .w3-container.w3-blue.w3-round {
            background: #4bd38d;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }
        .sys-event-edit .progress-text {
            flex-grow: 0.05;
        }
        .sys-event-edit .progress-box {
            display: flex;
            justify-content: space-between;
        }
        .sys-event-edit .employee-header {
            display: flex;
            justify-content: space-between;
        }


        /* ////// */
        .sys-event-edit .total-panel {
            background-color: white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            width: 50%;
            height: 50%;
        }
         /* <!-- Employee Info --> */
         .sys-event-edit  .dash-header,.sys-event-edit .navigation-menu-nav,.sys-event-edit .mod-box,.sys-event-edit .qualifications,.sys-event-edit .mod-box-cal img,.sys-event-edit .upcoming-birthdays,.sys-event-edit .calendar-birthday{
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }
        .sys-event-edit .dash-header {
            padding: 15px;
        }
        .sys-event-edit .dash-logo {
            width: 60%;
            margin: auto;
            margin-bottom: 15px;
        }
        .sys-event-edit .dash-subheader {
            display: flex;
        }
        .sys-event-edit .dash-mod {
            display: flex;
            justify-content: space-between;
        }
        /* <!-- Mod box --> */
        .sys-event-edit .mod-box {
            margin-bottom: 26px;
            width: 49%;
            padding: 23px;
            background: #008D85; /* Old browsers */
            background: -moz-linear-gradient(top, #008D85 0%, #008D85 38%, #ffffff 39%, #ffffff 39%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #008D85 0%,#008D85 38%,#ffffff 39%,#ffffff 39%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #008D85 0%,#008D85 22%,#ffffff 22%,#ffffff 22%,#ffffff 22%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008D85', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }
        .sys-event-edit .image-header img {
            border: 5px solid white;
            border-radius: 100%;
            background: wheat;
        }
        .sys-event-edit .title-box1 {
            text-align: right;
            font-size: 20px;
            font-weight: 600;
            color: white;
            margin-top: -13%;
        }
        .sys-event-edit .btn-employee {
            padding: 2% 20%;
            background: #008D85;
            border: none;
            border-radius: 10px;
            color: white;
        }
        .sys-event-edit .btn-mod {
            text-align: center;
            padding: 2% 0px;
        }

        /* DASHBOARD */
        .sys-event-edit .first-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-event-edit .second-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-event-edit .total-clients1 {
            flex-grow: 1;
            padding-right: 7%;
            width: 25%;
        }
        .sys-event-edit .total-clients {
            flex-grow: 1;
            padding-right: 3%;
            border-right: 2px solid #dbdbdb;
            width: 25%;
        }
        .sys-event-edit .clients {
            flex-grow: 1;
            border-right: 2px solid #dbdbdb;
            margin-right: 4%;
            width: 25%;
        }
        .sys-event-edit .inner2 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-event-edit .clients1 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-event-edit .inner-clients {
            display: flex;
            padding-right: 5%;
        }
        .sys-event-edit .one {
            display: flex;
            margin-bottom: 2%;
        }
        .sys-event-edit .line {
            height: 10%;
            border-radius: 5px;
        }
        .sys-event-edit .total-and-bar1 {
            margin-left: -25%;
            flex-grow: 1;
            margin-top: 6%;
        }
        .sys-event-edit .total-and-bar {
            margin-left: -25%;
            margin-top: 3%;
        }

        .sys-event-edit .outline {
            flex-grow: 1;
            border-radius: 20px;
            border: 3px solid #ebebf0;
            padding: 2px;
            width: 105%;
        }
        .sys-event-edit .clients-text {
            font-size: 15px;
            font-weight: 400;
            padding-bottom: 10px;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .sys-event-edit .line1 {
            height: 10%;
            border-radius: 5px;
            width: 75%;
        }
        .sys-event-edit .image1 {
            margin-top: 3%;
            margin-bottom: 4%;
        }
        .sys-event-edit .inner-tc {
            margin-top: 3%;
        }
        .sys-event-edit .number {
            color: #767676;
        }
        .sys-event-edit .inner-tc1 {
            margin-top: 8%;
        }
        .sys-event-edit .m-body .m-content {
            padding: 30px 30px 0px 30px;
        }

        /*JIAN-END*/

        /*Edit Event CSS - JIAN*/
        .sys-event-edit .btn-prof.btn-upload-event {
            padding-top: 40px;
        }

        .sys-event-edit .btn-prof.btn-upload-attach {
            padding-top: 12px;
        }
        .sys-event-edit .avatar-upload .avatar-preview {
            border-radius: 100%;
        }
        .sys-event-edit .avatar-upload {
            text-align: center;
        }
        .sys-event-edit .avatar-upload strong{
            font-size: 15px;
        }
        .sys-event-edit .avatar-preview {
            margin: auto;
            margin-top: 10px;
        }

        .sys-event-edit .avatar-preview strong{
            font-size: 12px;
        }
        .sys-event-edit .cstm-table,
        .system-show .cstm-table {
            background: #ece9e9;
            margin-top: 14px;
            border-radius: 25px;
            border: none;
        }
        .sys-event-edit .td-going,
        .system-show .td-going {
            background-color: #34bfa3;
            color: white
        }
        .sys-event-edit .td-cant,
        .system-show .td-cant {
            background-color: #f4516c;
            color: white;
        }
        .sys-event-edit .td-maybe,
        .system-show .td-maybe {
            background-color: #ffb822;
            color: white;
        }
        .sys-event-edit .td-norsp,
        .system-show .td-norsp {
            background-color: #9e9c9c;
            color: #ffffff;
        }
        .sys-event-edit td.td-fld.td-going {
            border-radius: 10px 0px 0px;
        }
        .sys-event-edit td.td-fld.td-norsp {
            border-radius: 0px 0px 0px 10px;
        }
        .sys-event-edit .table-bordered th,.sys-event-edit .table-bordered td,
        .system-show .table-bordered th,.system-show .table-bordered td {
            border: none;
        }
        .sys-event-edit .td-value,
        .system-show .td-value {
            text-align: center;
            border-bottom: 1px solid #fdfdfd;
        }
        .sys-event-edit .td-one,
        .system-show .td-one {
            background: #dedede;
            border-radius: 0px 10px 0px 0px;
        }
        .sys-event-edit .td-three,
        .system-show .td-three  {
            background: #dedede;
        }

        /* System admin event show css */

        .sys-event-show button.prof-pic {
            background: #008D85;
            color: #ffffff;
            border: none;
            border-radius: 100px;
            padding: 10px 20px;
            cursor: pointer;
        }
        .sys-event-show .btn-prof {
            text-align: center;
            padding-top: 27px;
        }
        .sys-event-show .save-btn input {
            font-size: 15px;
            color: white;
            background: #008D85;
            border: none;
            padding: 10px 25px;
            border-radius: 40px;
            cursor: pointer;
        }
        .sys-event-show .save-btn {
            text-align:left;
        }
        .sys-event-show .save-btn {
            margin-top: 50px;
        }
        .sys-event-show .delete-btn input {
            font-size: 15px;
            color: white;
            background: #f4516c;
            border: none;
            padding: 10px 25px;
            border-radius: 40px;
            cursor: pointer;
        }
        .sys-event-show .delete-btn {
            text-align:right;
        }
        .sys-event-show .delete-btn {
            margin-top: 50px;
        }
        .sys-event-show .form-main {
            display: flex;
            justify-content: space-around;
        }
        .sys-event-show .half-cont {
            width: 45%;
        }
        .sys-event-show .form-main input,.sys-event-show .form-main textarea {
            background: #f3f3f3;
            border-radius: 10px;
        }

        .sys-event-show .m-portlet__head-icon,.sys-event-show .m-portlet__head-text {
            color: white !important;
        }
        .sys-event-show .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }
        .sys-event-show .m-portlet {
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
        }
        .sys-event-show .m-form .m-form__group {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .sys-event-show .m--margin-bottom-30 {
            margin-bottom: 0 !important;
        }
        .sys-event-show .cont-act {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 100%;
        }
        .sys-event-show .cont-exp-ul {
            list-style: none;
        }


        .sys-event-show a.btn.m-btn--square.btn-accent {
            border-radius: 5px !important;
            margin-bottom: 1%;
        }
        .sys-event-show button.btn.m-btn--square.btn-accent {
            width: 80px;
        }
        .sys-event-show button.btn.m-btn--square.btn-accent.btn-delete {
            background: #f4516c;
        }
        .sys-event-show .btn.btn-secondary {
            color: #000 !important;
        }

        /* MODAL CSS */

        .sys-event-show .modal-header h5 {
            color: #fff !important;
        }




        .sys-event-show .m-nav .m-nav__section .m-nav__section-text {
            color: #008D85 !important;
        }

        .sys-event-show div#list {
            overflow: auto;
        }

         /* employee manual progress */
         .sys-event-show .w3-light-grey.w3-round {
            BACKGROUND-COLOR: #dd3737;
            border-radius: 20px;
            flex-grow: 1;
        }
        .sys-event-show .w3-container.w3-blue.w3-round {
            background: #4bd38d;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }
        .sys-event-show .progress-text {
            flex-grow: 0.05;
        }
        .sys-event-show .progress-box {
            display: flex;
            justify-content: space-between;
        }
        .sys-event-show .employee-header {
            display: flex;
            justify-content: space-between;
        }


        /* ////// */
        .sys-event-show .total-panel {
            background-color: white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            width: 50%;
            height: 50%;
        }
         /* <!-- Employee Info --> */
         .sys-event-show .dash-header,.sys-event-show .navigation-menu-nav,.sys-event-show .mod-box,.sys-event-show .qualifications,.sys-event-show .mod-box-cal img,.sys-event-show .upcoming-birthdays,.sys-event-show .calendar-birthday{
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }
        .sys-event-show .dash-header {
            padding: 15px;
        }
        .sys-event-show .dash-logo {
            width: 60%;
            margin: auto;
            margin-bottom: 15px;
        }
        .sys-event-show .dash-subheader {
            display: flex;
        }
        .sys-event-show .dash-mod {
            display: flex;
            justify-content: space-between;
        }
        /* <!-- Mod box --> */
        .sys-event-show .mod-box {
            margin-bottom: 26px;
            width: 49%;
            padding: 23px;
            background: #008D85; /* Old browsers */
            background: -moz-linear-gradient(top, #008D85 0%, #008D85 38%, #ffffff 39%, #ffffff 39%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #008D85 0%,#008D85 38%,#ffffff 39%,#ffffff 39%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #008D85 0%,#008D85 22%,#ffffff 22%,#ffffff 22%,#ffffff 22%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008D85', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }
        .sys-event-show .image-header img {
            border: 5px solid white;
            border-radius: 100%;
            background: wheat;
        }
        .sys-event-show .title-box1 {
            text-align: right;
            font-size: 20px;
            font-weight: 600;
            color: white;
            margin-top: -13%;
        }
        .sys-event-show .btn-employee {
            padding: 2% 20%;
            background: #008D85;
            border: none;
            border-radius: 10px;
            color: white;
        }
        .sys-event-show .btn-mod {
            text-align: center;
            padding: 2% 0px;
        }

        /* DASHBOARD */
        .sys-event-show .first-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-event-show .second-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-event-show .total-clients1 {
            flex-grow: 1;
            padding-right: 7%;
            width: 25%;
        }
        .sys-event-show .total-clients {
            flex-grow: 1;
            padding-right: 3%;
            border-right: 2px solid #dbdbdb;
            width: 25%;
        }
        .sys-event-show .clients {
            flex-grow: 1;
            border-right: 2px solid #dbdbdb;
            margin-right: 4%;
            width: 25%;
        }
        .sys-event-show .inner2 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-event-show .clients1 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-event-show .inner-clients {
            display: flex;
            padding-right: 5%;
        }
        .sys-event-show .one {
            display: flex;
            margin-bottom: 2%;
        }
        .sys-event-show .line {
            height: 10%;
            border-radius: 5px;
        }
        .sys-event-show .total-and-bar1 {
            margin-left: -25%;
            flex-grow: 1;
            margin-top: 6%;
        }
        .sys-event-show .total-and-bar {
            margin-left: -25%;
            margin-top: 3%;
        }

        .sys-event-show .outline {
            flex-grow: 1;
            border-radius: 20px;
            border: 3px solid #ebebf0;
            padding: 2px;
            width: 105%;
        }
        .sys-event-show .clients-text {
            font-size: 15px;
            font-weight: 400;
            padding-bottom: 10px;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .sys-event-show .line1 {
            height: 10%;
            border-radius: 5px;
            width: 75%;
        }
        .sys-event-show .image1 {
            margin-top: 3%;
            margin-bottom: 4%;
        }
        .sys-event-show .inner-tc {
            margin-top: 3%;
        }
        .sys-event-show .number {
            color: #767676;
        }
        .sys-event-show .inner-tc1 {
            margin-top: 8%;
        }
        .sys-event-show .m-body .m-content {
            padding: 30px 30px 0px 30px;
        }

        /*JIAN-END*/

        /*Edit Event CSS - JIAN*/
        .sys-event-show .btn-prof.btn-upload-event {
            padding-top: 40px;
        }

        .sys-event-show .btn-prof.btn-upload-attach {
            padding-top: 12px;
        }
        .sys-event-show .avatar-upload .avatar-preview {
            border-radius: 100%;
        }
        .sys-event-show .avatar-upload {
            text-align: center;
        }
        .sys-event-show .avtar-upload strong{
            font-size: 15px;
        }
        .sys-event-show .avatar-preview {
            margin: auto;
            margin-top: 10px;
        }
        .sys-event-show .cstm-table {
            background: #ece9e9;
            margin-top: 14px;
            border-radius: 25px;
            border: none;
        }
        .sys-event-show .td-going {
            background-color: #34bfa3;
            color: white
        }
        .sys-event-show .td-cant {
            background-color: #f4516c;
            color: white;
        }
        .sys-event-show .td-maybe {
            background-color: #ffb822;
            color: white;
        }
        .sys-event-show .td-norsp {
            background-color: #9e9c9c;
            color: #ffffff;
        }
        .sys-event-show td.td-fld.td-going,
        .system-show td.td-fld.td-going {
            border-radius: 10px 0px 0px;
        }
        .sys-event-show td.td-fld.td-norsp,
        .system-show td.td-fld.td-norsp {
            border-radius: 0px 0px 0px 10px;
        }
        .sys-event-show .table-bordered th,.sys-event-show .table-bordered td {
            border: none;
        }
        .sys-event-show .td-value {
            text-align: center;
            border-bottom: 1px solid #fdfdfd;
        }
        .sys-event-show .td-one {
        background: #dedede;
        border-radius: 0px 10px 0px 0px;
        }
        .sys-event-show .td-three {
        background: #dedede;
        }

        /* Sysytem admin notes css */

        /* .sys-notes-create .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        } */

        .sys-notes-create .text-title h3,
        .sys-clients-page .text-title h3 {
            font-size: 20px;
        }

        /* .mr-auto, .mx-auto {
            padding-left: 20px;
        } */
        .sys-notes-create .avatar-upload {
            margin: 10px auto 40px auto;
        }


        .sys-notes-create .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-notes-create .form-control.focus,.sys-notes-create .form-control:focus {
            border-color: #008D85;
        }
        .sys-notes-create .btn-success {
            background-color: #008D85;
            border-color: #008D85;
        }
        .sys-notes-create .btn-success:hover {
            background-color: #1198c5;
            border-color: #1198c5;
        }

        /* Sysytem notes edit css */

        /* .sys-notes-edit .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        } */

        .sys-notes-edit .text-title h3 {
            font-size: 20px;
            margin-bottom: 0px;
        }

        .sys-notes-edit .mr-auto, .mx-auto {
            padding-left: 20px;
        }
        .sys-notes-edit .avatar-upload {
            margin: 10px auto 40px auto;
        }


        .sys-notes-edit .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-notes-edit .form-control.focus,.sys-notes-edit .form-control:focus {
            border-color: #008D85;
        }
        .sys-notes-edit .btn-success {
            background-color: #008D85;
            border-color: #008D85;
        }
        .sys-notes-edit .btn-success:hover {
            background-color: #1198c5;
            border-color: #1198c5;
        }

        .sys-notes-edit .m-portlet__body {
            min-height: 350px;
        }
        .sys-notes-edit .note-editable {
            min-height: 100px !important;
        }
        .sys-notes-edit .btn.btn-light {
            background-color: #008D85 !important;
            color: white;
        }

        /* System admin notes show css */

        /* .sys-notes-show .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        } */

        .sys-notes-show .text-title h3 {
            font-size: 20px;
        }
        .container-show-notice.sys-notes-show {
            width: 95%;
            margin: auto;
            background: white;
            margin-top: 32px;
            border-radius: 10px;
            padding: 20px 50px;
        }
        .sys-notes-show .btn-edit-notice {
            padding: 8px 26px;
            border-radius: 4px;
            background: #46a9e0;
            color: white;
            margin-right: 10px;
        }
        .sys-notes-show .btn-edit-notice:hover {
            color:white;
        }

        /* sysytem admin noticeboard create css */

        #imagePreview{
            background-image: url('https://www.livecam.novalja.info/noimage.jpg');
        }

        .sys-noticeboard-create .btn > i {
            line-height: 1;
            vertical-align: middle;
        }

        .sys-noticeboard-create .m-portlet__head-icon,.sys-noticeboard-create .m-portlet__head-text {
            color: white !important;
        }


        .m-body .m-content.sys-noticeboard-create  {
            padding: 0 30px !important;
        }

        .sys-noticeboard-create .subj-cont {
            background: white;
            padding: 20px;
            border-radius: 5px 5px;
        }
        .sys-noticeboard-create .bread-crumbs {
            display: flex;
            width: auto;
            align-items: center;
            padding: 10px 23px;
            margin: 0;
            list-style: none;
        }
        .sys-noticeboard-create li.m-nav__item.m-nav__item--home {
            padding: 0 5px 0 10px;
        }
        .sys-noticeboard-create li.m-nav__separator {
            padding: 0 10px;
        }
        .sys-noticeboard-create a {
            color: #333;
        }
        .bc-div.sys-noticeboard-create {
            padding: 18px 20px;
        }
        .sys-noticeboard-create .m-nav__item {
            display: inline-block;
            vertical-align: middle;
        }
        .sys-noticeboard-create a:hover {
            color: #333;
        }
        .sys-noticeboard-create .form-control {
            margin-bottom: 0%;
        }

        /* sysytem admin noticeboard edit css */
        .sys-noticeboard-edit .m-portlet__head,
        .sys-noticeboard-create .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-right-radius: 10px !important;
            border-top-left-radius: 10px !important;
        }
        .sys-noticeboard-edit .m-portlet,
        .sys-noticeboard-create .m-portlet{
            background: none;
            box-shadow: none;
        }
        .sys-noticeboard-edit .btn.btn-light,
        .sys-noticeboard-create .btn.btn-light{
            background-color: #008D85 !important;
            border-color: #008D85 !important;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            color: white;
            line-height: 1.25;
            border-radius: 0.25rem;
        }
        .sys-noticeboard-edit .btn.btn-light:hover:not(:disabled),
        .sys-noticeboard-create .btn.btn-light:hover:not(:disabled){
            color: white !important;
        }

        .sys-noticeboard-edit .btn > i {
            line-height: 1;
            vertical-align: middle;
        }

        .sys-noticeboard-edit .m-portlet__head-icon,.sys-noticeboard-edit .m-portlet__head-text {
            color: white !important;
        }

        .m-body .m-content.sys-noticeboard-edit {
            padding: 0 30px !important;
        }

        .sys-noticeboard-edit .subj-cont {
            background: white;
            padding: 20px;
            border-radius: 5px 5px;
        }
        .sys-noticeboard-edit .bread-crumbs {
            display: flex;
            width: auto;
            align-items: center;
            padding: 10px 23px;
            margin: 0;
            list-style: none;
        }
        .sys-noticeboard-edit li.m-nav__item.m-nav__item--home {
            padding: 0 5px 0 10px;
        }
        .sys-noticeboard-edit li.m-nav__separator {
            padding: 0 10px;
        }
        .sys-noticeboard-edit a {
            color: #333;
        }
        .bc-div.sys-noticeboard-edit {
            padding: 18px 20px;
        }
        .sys-noticeboard-edit .m-nav__item {
            display: inline-block;
            vertical-align: middle;
        }
        .sys-noticeboard-edit a:hover {
            color: #333;
        }
        .sys-noticeboard-edit .form-control {
            margin-bottom: 0%;
        }

        /* System admin noticeboard css */

        .sys-noticeboard-res .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }


        .sys-noticeboard-res .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
            margin-bottom: 0px;
        }
        .sys-noticeboard-res .m-datatable__table {
            overflow: auto;
        }

        .sys-noticeboard-res .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .sys-noticeboard-res .btn.btn-modal-accent:hover {
            background-color: #348cc1;
            border-radius: 5px !important;
            color: white;
        }
        .sys-noticeboard-res .btn.btn-modal-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            color: white;
        }
        .sys-noticeboard-res .btn-cstm {
            width: 135px;
            margin: 0 0 4px 0;
        }

        /* sysytem admin noticeboard show css */
        .sys-noticeboard-show .m-portlet .m-portlet__head{
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .sys-noticeboard-show .btn.btn-primary {
            background: #008D85 !important;
            border-color: #008D85 !important;
        }

        /* color picker */
        .sys-noticeboard-show input.call-picker {
            border-radius: 0px 10px 10px 0px;
            background: #f2f2f2;
            color: #666;
            text-transform: uppercase;
            float: left;
            border: none;
            outline: none;
            padding: 10px;
            text-transform: uppercase;
            width: 85px;
        }


            /*Modal*/

        .sys-noticeboard-show .btn-submit,.sys-noticeboard-show .btn-submit:hover,.sys-noticeboard-show .btn-submit:active,.sys-noticeboard-show .btn-submit:focus {
            background: #008D85 !important;
            border: none !important;
        }

        .sys-noticeboard-show .link-dialog .note-form-group:first-child {
           display: none;
        }

        /* system admin show css */

        .system-show .response {
            cursor: pointer;
        }

        .system-show .title-bday-cal {
            background: #4abae2;
            color: white;
            border-radius: 10px 10px 0px 0px;
            padding: 10px;
            text-align: center;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 500;
        }

        .system-show .dropdown-item {
            cursor: pointer;
        }

        .system-show .m-nav .m-nav__section .m-nav__section-text {
            color: #008D85;
        }

        .system-show .post-entry-cont {
            display: flex;
            justify-content: space-between;
            background-color: #f8f8f8;
            padding: 30px;
            border-radius: 10px;
        }

        .system-show .m-subheader__title {
            padding: 29px 60px !important;
            text-align: center;
        }

        .system-show .post-entry {
            padding: 10px 20px;
            margin: 20px 0px;
            border-radius: 10px;
        }

        .system-show .m-subheader {
            padding: 30px 30px 0 30px;
            width: 100%;
            text-align: center;
        }

        select#document_list {
            font-family: 'FontAwesome', sans-serif;
        }

        select#document_list {
            padding: 2.5px;
            display: block;
            width: 100%;
            min-width: 150px;
            /* padding: 0.60rem 1rem; */
            padding: 0.7rem;
            font-size: 1rem;
            line-height: 1.25;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            margin-left: 8px;
        }

        .system-show .header-notice {
            background: #f4f3f8;
            padding: 20px;
            border-radius: 10px;
        }

        .system-show .m-portlet .m-portlet__head1 {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .system-show .form-control.focus,.system-show .form-control:focus {
            border-color: #008D85;
        }

        .system-show .m-portlet .m-portlet__head1 {
            display: table;
            padding: 0;
            width: 100%;
            padding: 0 2.2rem;
            height: 5.1rem;
        }

        .system-show .m-subheader__title {
            padding: 29px 0px;
            text-align: center;
        }

        .system-show .post-entry {
            background: white;
            padding: 10px 20px;
            margin: 20px 0px;
            border-radius: 10px;
        }

        .system-show .subject-post h3 {
            font-size: 17px;
        }

        .system-show td {
            vertical-align: middle;
            padding: 11px 10px;
        }

        .system-show th {
            background: #f4f3f8 !important;
            width: 573px !important;
            padding: 16px 10px !important;
            text-align: center;
        }

        .system-show .btn-post {
            background: #42a5dc;
            border: none;
        }

        .system-show .btn-post:hover {
            background: #008D85;
            border: none;
        }

        .system-show .post-entry-cont {
            display: flex;
            justify-content: space-between;
        }

        .system-show .btn-primary {
            background: #008D85 !important;
            border-color: #008D85;
        }

        .system-show  .show-btn-cont {
            align-items: center;
            display: flex;
            margin-right: 5px;
        }

        .system-show .btn-accent:not(:disabled):not(.disabled):active,.system-show .btn-accent:not(:disabled):not(.disabled).active,.system-show .show > .btn-accent.dropdown-toggle,.system-show .btn.btn-accent:hover,.system-show a.btn.m-btn--square.btn-header-accent:hover,.system-show button.btn.m-btn--square.btn-modal-accent:hover{
            background-color: #348cc1;
            border-radius: 5px !important;
            border-color: #348cc1;
        }

        .system-show .btn.btn-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            border-color: #008D85;
            margin-bottom: 5px;
        }

        .system-show  a.btn.m-btn--square.btn-header-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            border-color: #008D85;
            margin-top: 21px !important;
            color: white;
            margin-left: 2px;
        }
        .system-show .btn-modal-accent:not(:disabled):not(.disabled):active,.system-show .btn-accent:not(:disabled):not(.disabled).active,.system-show .show > .btn-accent.dropdown-toggle {
            background-color: #348cc1;
            border-radius: 5px !important;
            border-color: #348cc1;
            color: white;
        }

        .system-show a.btn.m-btn--square.btn-warning {
            border-radius: 5px !important;
            margin-bottom: 5px;
        }

        .system-show .m-portlet__head-tools ul {
            list-style: none;
        }

        .system-show .cstm-mod {
            max-width:60%;
        }

        .system-show .w3-light-grey.w3-round {
            background-color: #dd3737;
            border-radius: 20px;
            flex-grow: 1;
        }

        .system-show .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            padding-bottom: 20px;
            background-color: white;
        }

        .system-show .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
            padding: 20px 0 0 0 !important;
        }

        .system-show .modal-header {
            background: #008D85;
        }

        .system-show .modal-header h5{
            color: #fff !important;
        }

        .system-show button.close,.system-show  button.close:hover {
            color: white;
        }

        .system-show .modal-body {
            height: auto;
            overflow: scroll;
        }

        .system-show .left-list ul,.system-show .right-list ul {
            list-style: none;
        }


        .system-show .manage-mod {
            overflow-x: hidden;
            font-size: 15px;
        }

        .system-show .left-list {
            padding-right: 20px;
            padding-top: 15px;
        }

        .system-show .right-list {
            background: #f2f2f2;
            padding-top: 10px;
            padding-left: 20px !important;
        }

        .system-show .right-list ul {
            padding-left: 20px;
        }

        .system-show .dash-header,.system-show .navigation-menu-nav,.system-show .mod-box,.system-show .qualifications,.system-show .mod-box-cal img,.system-show .upcoming-birthdays,.system-show .calendar-birthday{
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }

        .system-show .dash-header {
            padding: 15px;
            margin-bottom: -25px !important;
        }

        .system-show .dash-logo {
            width: 60%;
            margin: auto;
            margin-bottom: 15px;
        }

        .system-show .dash-subheader {
            display: flex;
        }

        .system-show .dash-mod {
            display: flex;
            justify-content: space-between;
        }

        .system-show .first-section {
            display: flex;
            flex-grow: 1;
        }
        .system-show .second-section {
            display: flex;
            flex-grow: 1;
        }

        .system-show .total-clients {
            flex-grow: 1;
            padding-right: 1%;
            border-right: 2px solid #dbdbdb;
            width: 33.33%;
        }

        .system-show .clients {
            flex-grow: 1;
            border-right: 2px solid #dbdbdb;
            margin-right: 2%;
            width: 33.33%;
            display: flex;
            align-items: center;
        }

        .system-show .inner2 {
            flex-grow: 1;
            margin-right: 4%;
        }

        .system-show .clients1 {
            flex-grow: 1;
            margin-right: 4%;
        }

        .system-show .inner-clients {
            display: flex;
            padding-right: 5%;
            width: 100%;
        }

        .system-show .one {
            display: flex;
            font-size: 13px;
            font-weight: 400;
            padding-bottom: 3px;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .system-show .line {
            height: 10%;
            border-radius: 5px;
        }
        .system-show .total-and-bar1 {
            margin-left: -20%;
            flex-grow: 1;
            margin-top: 6%;
        }
        .system-show .count {
            margin-right: 5px;
        }
        .system-show .total-and-bar {
            margin-left: -15%;
            margin-top: 3%;
            margin-right: 5px;
            width: 100%;
        }

        .system-show .outline {
            flex-grow: 1;
            border-radius: 20px;
            border: 3px solid #ebebf0;
            padding: 2px;
            width: 105%;
        }
        .system-show .clients-text {
            font-size: 13px;
            font-weight: 400;
            padding-bottom: 10px;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .system-show .total-emp {
            border-right: none !important;
        }
        .system-show .line1 {
            height: 10%;
            border-radius: 5px;
            width: 75%;
        }
        .system-show .image1 {
            margin-top: 3%;
            margin-bottom: 4%;
            display: flex;
            align-items: center;
        }

        .system-show .number {
            color: #767676;
        }
        .system-show .btn-cstm {
            width: 130px;
            margin: 4px;
        }
        .system-show .head-table {
            padding:15px;
        }
        .system-show .row-table-cstm td {
            padding: 15px 0px;
        }

        .system-show input[type='number'] {
            -moz-appearance:textfield;
        }

        .system-show .client-navtab {
            display: flex;
            justify-content: center;
        }

        .system-show input[type='number']::-webkit-outer-spin-button,
        .system-show input[type='number']::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        .system-show i.far.fa-check-square {
            margin-right: 5px;
            vertical-align: baseline;
        }
        .system-show button#check_uncheck {
            color: #008D85;
        }
        .system-show .complete {
            margin-top: 10px;
        }
        /**TABLE**/
        .system-show .pending-conflict {
            border-top: 2px solid #dcdcdc;
        }
        .system-show .datatables {
            padding: 15px 0;
        }
        .system-show table#active-non {
            width: 100%;
        }
        .system-show table#pending-conflicts {
            width: 90%;
        }
        .system-show table#active-non th {
            width: 75px !important;
            font-weight: 600;
            padding: 5px 5px !important;
            background: none !important;
            font-size: 14px;
            padding-bottom: 3px;
            font-family: "Open Sans";
            color: #676c7b !important;
            text-align: center;
        }
        .system-show table#active-non td,.system-show table#pending-conflicts td {
            text-align: left;
            padding: 5px 10px 0 0px !important;
            font-size: 13px;
            font-weight: 400;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .system-show td.value {
            text-align: center !important;
        }

        .system-show .datepicker {
            width: 350px;
        }



        .sys-contact-page .btn.m-btn--square.btn-warning {
            border-radius: 5px !important;
            margin-bottom: 0;
            width: 90px;
        }
        .sys-contact-page .btn.m-btn--square.btn-danger {
            border-radius: 5px !important;
            width: 90px;
        }
        .sys-contact-page .mb-0{
            margin-bottom: 0px;
        }

        .sys-dlm-page .new-doc-btn{
            margin-top:15px; margin-left:10px;;
        }

        #html_table{
            text-align: center; overflow-wrap: break-word; overflow-x: auto;
        }

        /* .tab-content>.sys-emp-page .tab-pane.active,
        .tab-content>.sys-subscribe-page .tab-pane.active,
        .tab-content>.sys-contact-page .tab-pane.active,
        .tab-content>.sys-note-page .tab-pane.active,
        .tab-content>.sys-dlm-page .tab-pane.active,
        .tab-content>.sys-permission-page .tab-pane.active,
        .tab-content>.sys-form-page .tab-pane.active,
        .tab-content>.sys-noticeboard-page .tab-pane.active,
        .tab-content>.sys-event-page .tab-pane.active
         {
            display: block;
        }

        .tab-content>.sys-emp-page .tab-pane,
        .tab-content>.sys-subscribe-page .tab-pane,
        .tab-content>.sys-contact-page .tab-pane,
        .tab-content>.sys-note-page .tab-pane,
        .tab-content>.sys-dlm-page .tab-pane,
        .tab-content>.sys-permission-page .tab-pane,
        .tab-content>.sys-form-page .tab-pane,
        .tab-content>.sys-noticeboard-page .tab-pane,
        .tab-content>.sys-event-page .tab-pane
        {
            display: none;
        } */


        .sys-emp-page .mb-0{
            margin-bottom: 10px;
        }
        .sys-emp-page .modal-header-custom{
            background-color:#FBAA00;
        }

        #tblDeactivated{
            text-align: center;
        }

        .sys-emp-page .btn-warning{
            color: white;
        }


        .sys-event-page .mb-0{
            margin-bottom: 0px;
        }
        .sys-event-page .modal-header-custom{
            background-color:#FBAA00;
        }
        .sys-event-page .text-title{
            margin-bottom:0px;  color:white;
        }

        .sys-event-page .text-title strong{
            font-size: 15px;
        }

        .sys-form-page .btn-custom{
            background:none;border:none;color:#000000 !important;
        }

        .sys-form-page .mb-0{
            margin-bottom: 0px;
        }
        .sys-form-page input.form-control {
            margin-bottom: 15px;
        }
        .sys-form-page i.fas.fa-eye {
            margin-left: 5px;
        }
        .sys-form-page .form-title, .form-action {
            text-align: left;
        }
        .sys-form-page button#check_uncheck_topic {
            color: #008D85;
        }
        /* td:first-child {
            text-align: left !important;
        } */
        .sys-form-page td {
            text-align: center;
        }
        select#template_option {
            padding: 0.3rem;
        }
        .sys-form-page .btn.btn-primary:hover {
            border-color: #008D85 !important;
        }
        .sys-form-page button.btn.btn-default {
            background: #42a5dc;
        }
        .sys-form-page button.btn.btn-default.btn-custom{
            background:none;border:none;color:#000000 !important;
        }

        .sys-note-page .note-body {
            display: flex;
            align-items: center;
        }
        .sys-note-page .btn-container,
        .sys-clients-page .btn-container {
            display: flex;
        }

        .sys-note-page .notice-pin img{
            display:block;margin:auto;width:50px;
        }

        .sys-note-page .m-btn-custom{
            margin-top:15px;
        }

        #switch{
            border:none; background:none; width: 110px;
        }

        #list-preview{
            display: block;
        }

        #gallery-preview{
            display:block; overflow-x: auto;
        }


        .sys-noticeboard-page .notice-pin img{
            display:block;margin:auto;width:50px;
        }

        .sys-noticeboard-page .thqualification {
            padding: 23px;
        }

        .sys-noticeboard-page .thqualification img{
            display:block; margin:auto; width:100%;
        }

        .sys-noticeboard-page .thqualification table{
            margin-top: 5%;
        }

        .sys-noticeboard-page .q-gimage img {
            width: 250px !important;
            height: 250px;
            object-fit: contain;
            background: #f2f2f2;
            border-radius: 10px;
        }

        .sys-noticeboard-page .top-title {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sys-noticeboard-page .left-title {
            flex: 20;
        }

        .sys-noticeboard-page .right-title {
            flex: 2;
            text-align: right;
        }

        .sys-noticeboard-page button.btn.btn-default:hover {
            background-color: #3eabd4!important;
        }
        .sys-noticeboard-page .subject-pgit.aost {
            margin-left: 15px;
        }
        .sys-noticeboard-page .post-entry {
            background: white;
            padding: 10px 20px;
            margin: 0;
            border-radius: 10px;
        }

        .sys-noticeboard-page .btn-post {
            background: #42a5dc;
            border: none;
        }

        .sys-noticeboard-page .btn-post:hover {
            background: #008D85;
            border: none;
        }

        .sys-noticeboard-page .filter-cont {
            /* display: flex; */
            justify-content: center;
            padding: 20px 0px;
            flex-wrap: wrap;
        }

        .sys-noticeboard-page label
        {
            font-weight: 600;
        }

        .sys-noticeboard-page .search-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .sys-noticeboard-page .find-btn {
            margin-top: 17px;
            margin-left: 5px;
        }

        .sys-noticeboard-page input[type="text"], input[type="date"] {
            border-radius: 2px;
            border: 1px solid #5a5a5a;
            padding: 5px 19px;
            border-radius: 2px;
            border: 1px solid #5a5a5a;
            padding: 5px 19px;
            width: 100%;
            min-width: 180px;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            line-height: 1.25;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            margin-bottom: 10px;
        }

        .sys-noticeboard-page button.btn.btn-default {
            background: #42a5dc;
            color: white;
        }
        .sys-noticeboard-page ul.pagination {
            margin-left: 20px;
        }

        .sys-permission-page .table th {
            font-weight: 700;
            text-align: center;
        }
        .sys-permission-page tr.m-datatable__row {
            text-align: center;
        }
        .sys-permission-page .modal-header-custom{
                background-color:#FBAA00;
        }

        /*  system admin clients page css */


        .sys-clients-page .avatar-preview strong{
            font-size:12px;
        }

        #imagePreview-newClient{
            background-image: url(https://icons.iconarchive.com/icons/paomedia/small-n-flat/512/user-male-icon.png);
        }

        .sys-clients-page .m-bootstrap-select {
            opacity: 1 !important;
        }

        .sys-clients-page .btn-yes {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
        }

        .sys-clients-page .btn-yes:hover {
            background-color: #22a7d2 !important;
            border-color: #22a7d2 !important;
        }

        .sys-clients-page .btn-accent:hover,.sys-clients-page .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }
        .sys-clients-page .btn-dark.btn-pay {
            color: #fff;
            background-color: #008D85;
            border-color: #008D85;
        }

        .sys-clients-page .m-radio.m-radio--brand > span:after {
            border: solid #008D85;
            background: #008D85;
        }

        .sys-clients-page .m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
            border: 2px solid #008D85;
        }

        .sys-clients-page .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
            margin-right: 20px !important;
        }

        .sys-clients-page .m-datatable__table {
            overflow: auto;
        }
        .sys-clients-page .table-responsive {
            overflow: hidden;
        }
        /* MODAL CSS */



        .sys-clients-page .modal-warning {
            -webkit-box-shadow: 3px 0px 27px -9px rgba(33,33,33,0.75) !important;
            -moz-box-shadow: 3px 0px 27px -9px rgba(33,33,33,0.75) !important;
            box-shadow: 3px 0px 27px -9px rgba(33,33,33,0.75) !important;
            margin: 15px;
        }
        .sys-clients-page .modal-warning-text {
            font-weight: 500;
        }


        .sys-clients-page select#clone {
            margin-bottom: 0;
        }

        .sys-clients-page span.link-text {
            color: #575962;
            font-size: 16px;
            font-weight: 400;
            padding-left: 10px;
        }
        .sys-clients-page span.link-text:hover,.sys-clients-page i.link-icon:hover,.sys-clients-page .m-nav__item:hover  {
            color: #008D85;
        }
        .sys-clients-page i.link-icon.fa.fa-times {
            padding-left: 2px;
            padding-right: 4px;
        }
        .sys-clients-page i.link-icon.fa.fa-info-circle {
            margin-left: 1px;
        }
        .sys-clients-page .far.fa-trash-alt {
            color: red;
        }
        .sys-clients-page span.link-text:hover {
            color: #c1c1c1;
        }
        .sys-clients-page .fa {
            display: flex;
        }

        /* system admin create page css */


        .system-create-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link{
            margin-right: -18px;
        }

        .system-create-page .bg-none{
            background:none;
        }

        #html_table{
            text-align:center; word-wrap:break-word;
        }

        .system-create-page .modal-open {
            overflow: visible;
        }

        .system-create-page .row {
            width: 100% !important;
             margin-left: 0 !important;
        }

        .system-create-page .item-container {
            display: flex;
            justify-content: space-around;
        }

        .system-create-page .text-title h3 {
            font-size: 20px;
            margin: 5px;
        }
        .system-create-page h2 {
            font-size: 17px;
        }
        .system-create-page .table-text {
            padding: 1rem;
        }
        .system-create-page .m-portlet .m-portlet__body {
            padding-bottom: 40px;
            padding-top: 30px;
            overflow: auto;
        }
        .system-create-page .m-portlet .m-portlet__head {
            border-bottom: 0 !important;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        .system-create-page .modal-header h5 {
            color: #fff !important;
        }

        .system-create-page a.btn.m-btn--square.btn-accent {
            border-radius: 4px !important;
            margin-bottom: 1%;
        }



        .system-create-page a.form-control.btn.m-btn--square.btn-warning {
            border-radius: 4px !important;
        }
        .system-create-page .btn-accent, .system-create-page .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }
        .system-create-page .btn-accent:hover, .system-create-page .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }

        /* MODAL CSS */


        .system-create-page .form-control {
            margin-bottom: 3%;
            min-width: 200px;

        }
        .system-create-page input{
            display: block;
            width: 100%;
            min-width: 150px;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            line-height: 1.25;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .system-create-page input[type="checkbox"] {
            width: 0;
            display: inline-block;
            margin-left: -67px;
            margin-right: -60px;
            vertical-align: middle;
        }
        .system-create-page .lock input {
            display:none;
        }

        .system-create-page select#type,.system-create-page  select#value  {
                padding: 2.5px;
                display: block;
                width: 100%;
                min-width: 150px;
                /* padding: 0.60rem 1rem; */
                padding: 0.7rem;
                font-size: 1rem;
                line-height: 1.25;
                color: #495057;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                border-radius: 0.25rem;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            }



        .system-create-page select#type {
            font-family: 'FontAwesome', sans-serif;
        }
        .system-create-page .btn-container {
            margin-top: 10px;
            display: flex;
            justify-content: center;

        }
        .system-create-page .email-checkbox {
            margin-bottom: 30px;
        }
        .system-create-page .m-btn-save {
            background-color: #008D85;
            border-radius: 5px !important;
            color: #fff !important;
            width: 150px;
            padding: 1rem;
            text-align: center;
        }
        .system-create-page  i.far.fa-envelope {
            font-size: 18px;
            margin-right: 6px;
        }

        /* danniel temporary css*/



        .system-create-page .lock span:after {
            margin:2px;
            width:28px;
            height:28px;
            background:#FFF;
            border-radius:28px;
            position:absolute;
            left:0;
            background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hAytodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjM3RDEwMkREMDEyMTFFNzkwMEZGRUNFMTk3OTNCRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjM3RDEwMkVEMDEyMTFFNzkwMEZGRUNFMTk3OTNCRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzdEMTAyQkQwMTIxMUU3OTAwRkZFQ0UxOTc5M0JFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzdEMTAyQ0QwMTIxMUU3OTAwRkZFQ0UxOTc5M0JFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/bAEMAAwICAgICAwICAgMDAwMEBgQEBAQECAYGBQYJCAoKCQgJCQoM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);
            background-size: 16px 16px;
            background-position: center;
            background-repeat: no-repeat;
            z-index:2;
            transition:all .5s cubic-bezier(.175, .885, .32, 1);
        }
        .system-create-page .lock input:checked + span:after {
            left:32px;
            background-image: url(data:image/png;base64,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);
        }

        /* system admin form group */
        .sys-from-group .btn-custom{
            background:none;border:none;color:#000000 !important;
        }

        .sys-from-group .mb-0{
            margin-bottom: 0px !important;
        }

        .sys-from-group .text-title h3 {
            font-size: 20px;
        }

        .sys-from-group .table-text {
            padding: 1rem;
        }

        .sys-from-group .text-body {
            margin-top: 15px;
        }

        .sys-from-group .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .sys-from-group .modal-header {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .sys-from-group .modal-header h5 {
            font-size: 20px;
        }

        .sys-from-group .form-control,.leads-page .form-control{
            margin-bottom: 3%;
        }
        .sys-from-group tr:hover {
            background-color: #f9f9f9 !important;
        }


        .sys-from-group a.form-control.btn.m-btn--square.btn-danger {
            border-radius: 4px !important;
        }
        /* input.form-control {
            margin-bottom: 10px !important;
        } */
        .sys-from-group .btn.btn-danger {
            color: #fff !important;
        }
        .sys-from-group .btn-view {
            background-color: #5867dd;
        }
        .sys-from-group .btn.btn-modal-accent {
            background-color: #008D85;
            color: #fff;
        }
        .sys-from-group select#template_option {
                padding: 0.3rem;
        }


        /* System admin manage permission css */

        .sys-manage-permission .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
            margin-bottom: 0px;
        }

        /* css new */
        .sys-manage-permission li {
            display: block;
        }
        .sys-manage-permission ul.features1 {
            margin-left: -45px;
        }
        .sys-manage-permission td.features {
            margin-left: -50px;
            width: 500px;
        }
        #filter a li {
            padding: 13px 0px 13px 50px;
            display:block;
            border-bottom: solid 1px #f2f1ef;
            text-align:left;
            color: #008D85;
            background: white;
        }
        #filter a li:hover, #filter a li:focus, #filter a li:active  {
            background-color: #008D85 !important;
            color: white;
        }
        #filter {
            list-style: none;
            padding: 0;
            margin: 0;
            background-color: #eeeeee;
            /* -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); */
            overflow: hidden;
        }
        #features {
            width: 30%;
        }
        #permissions {
            padding-left: 5%;
        }
        .sys-manage-permission a {
            text-decoration-line: none !important;
            color: #008D85;
        }
        #filter a:focus {
            background-color: #ffffff !important;
        }
        .sys-manage-permission .table {
            margin-bottom: 3rem !important;
        }
        .sys-manage-permission .permissions li {
            padding: 5px 0px 10px 110px;
            border-bottom: solid 1px #f2f1ef;
            text-align: left;
            color: #2e2e2e;
        }
        .sys-manage-permission .permissions1 {
            list-style: none;
            background-color: #fff;
            /* -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); */
            overflow: hidden;
        }
        .sys-manage-permission .features1,.sys-manage-permission .permissions1 {
            background: #f4f3f8;
            padding: 20px;
            text-align: center;
            color: #2e2e2e;
            font-weight: 500;
            font-size: 15px;
        }
        .sys-manage-permission .table th,.sys-manage-permission .table td {
            border-top: none;
        }
        .sys-manage-permission .act:hover{
            background-color: #008D85 !important;
            color: white;
        }

        /* The container */
        .sys-manage-permission .container {
            display: block;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin-left: -2%;
            width: 110%;
            margin-top: 7PX;
        }

        /* Hide the browser's default checkbox */
        .sys-manage-permission .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom checkbox */
        .sys-manage-permission .checkmark {
            position: absolute;
            top: 0;
            height: 25px;
            width: 25px;
            background-color: #eee;
            margin-left: 55px;
            margin-top: 2px;;
        }

        /* On mouse-over, add a grey background color */
        .sys-manage-permission .container:hover input ~ .checkmark {
            background-color: #ccc;
        }

        /* When the checkbox is checked, add a blue background */
        .sys-manage-permission .container input:checked ~ .checkmark {
            /* background-color: #2196F3; */
            background-color: #008D85;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .sys-manage-permission .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .sys-manage-permission .container input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .sys-manage-permission .container .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        /* system admin preview */

        .sys-preview-page .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
        }
        .sys-preview-page .text-title h3 {
            font-size: 20px;
        }
        .sys-preview-page label {
            font-size: 17px;
        }
        .sys-preview-page .m-portlet .m-portlet__body {
            padding-bottom: 40px;
            padding-top: 30px;
        }
        .sys-preview-page .m-portlet .m-portlet__head {
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        .sys-preview-page .avatar-upload .avatar-preview {
            border: 5px solid #dddddd;
        }
        .sys-preview-page .m-portlet.m-portlet--mobile {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }
        .sys-preview-page a.btn.m-btn--square.btn-accent {
            border-radius: 4px !important;
            margin-bottom: 3%;
        }
        .sys-preview-page a.form-control.btn.m-btn--square.btn-warning {
            border-radius: 4px !important;
        }
        .sys-preview-page .btn-accent,.sys-preview-page .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }

        .sys-preview-page .btn-container {
            display: flex;
            justify-content: center;
        }

        /* MODAL CSS */
        .sys-preview-page .modal-header {
            background-color: #008D85;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .sys-preview-page label {
            /* display: flex; */
            margin-right: 20px;
        }
        .sys-preview-page canvas {
            background-color: #ececec;
            border: 1px solid #eaeaea !important;
            max-width: 400px !important;
            width: 100%;
            margin-bottom: 10px;
        }
        .sys-preview-page a#clearName {
            margin-top: 10px;
        }

        .sys-preview-page .form-group {
            justify-content: space-between;
            flex-direction: column;
            width: 80%;
            margin: 30px auto;
        }
        .sys-preview-page .form-group h3 {
            text-align: center;
            border-bottom: 1px solid #f3f3f3;
            padding-bottom: 10px;
            text-transform: uppercase;
        }
        .sys-preview-page .form-group label {
            font-size: 17px;
            font-weight: 500;
            display: flex;
        }
        /* .form-group label:after {
            content: " * "
        } */

        .sys-preview-page  input[type="date"],.sys-preview-page input[type="time"],.sys-preview-page input[type="text"],.sys-preview-page input[type="checkbox"],.sys-preview-page input[type="radio"],.sys-preview-page select,.sys-preview-page textarea {
            background-color: #ececec;
            border: 1px solid #eaeaea;
            width: 100%;
            padding: 3px 0;
        }
        .sys-preview-page input[type="checkbox"],.sys-preview-page input[type="radio"] {
            flex: none;
            width: auto;
            margin-right: 20px;
            margin-left: 30px;
        }
        .sys-preview-page input {
            overflow: visible;
            width: 50%;
        }


        .sys-preview-page a.form-control.btn.m-btn--square.btn-danger {
            border-radius: 4px !important;
        }


        /* System admin contact form css */
        .sys-contact-form .m-subheader {
            padding: 30px 30px 0 50px;
        }

        .sys-contact-form .m-datatable__table {
            overflow: auto;
        }

        .sys-contact-form .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        }

        .sys-contact-form .text-title h3 {
            font-size: 20px;
        }

        .sys-contact-form .m-dropdown .m-dropdown__wrapper .m-dropdown__body {
            padding: 20px;
        }


        .sys-contact-form .m--margin-bottom-30 {
            margin-bottom: 0 !important;
        }

        .sys-contact-form .m-nav .m-nav__item > .m-nav__link {
            border: 0;
            padding: 6px 0;
        }

        .sys-contact-form a.m-portlet__nav-link.btn.btn-lg.btn-secondary.btn-sm.btn.m-btn--pill.m-btn--air.m-dropdown__toggle {
            margin: 10px;
        }
        .sys-contact-form a.btn.btn-info {
            width: 90px;
            font-size: 11px;
            padding: 9px;
        }
        .sys-contact-form .btn.btn-danger {
            width: 90px;
        }

        .sys-contact-form .m-dropdown.m-dropdown--inline {
            padding-left: 15px !important;
        }
        .sys-contact-form .btn-cstm {
            width: 180px;
            margin: 4px;
        }
        .sys-contact-form .btn-lead {
            background-color: #fff !important;
        }
        .sys-contact-form .btn-submit,.sys-contact-form .btn-submit:hover,.sys-contact-form .btn-submit:active,.sys-contact-form .btn-submit:focus {
        background: #008D85 !important;
        border: none !important;
        }
        .sys-contact-form .fa.fa-plus-circle .fa.fa-minus-circle {
            padding-left: 30px;
        }
        .sys-contact-form .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
            margin-left: 0px;
            margin-top: 0px;
        }
        /* Scrollbar styles */
        .sys-contact-form .btn-warning:focus {
            background: #ffb822;
        }
        .sys-contact-form .btn-accent:focus {
            background: #008D85;
        }
        .sys-contact-form .btn-container .btn {
            width: 120px;
            margin-bottom: 5px;
        }

        .sys-contact-form .btn-container .btn {
            width: 120px;
            /* margin-bottom: 5px; */
        }

        /* System admin disclaimer css */


        .sys-disclaimer .note-toolbar-wrapper {
            height: auto !important;
        }
        .sys-disclaimer .d-flex.align-items-center {
            height: fit-content;
        }
        .sys-disclaimer .m-portlet__head-icon,.sys-disclaimer .m-portlet__head-text {
            color: white !important;
        }
        .sys-disclaimer .m-portlet__head {
            background: #008D85;
            color: white !important;
            border-top-right-radius: 10px !important;
            border-top-left-radius: 10px !important;
        }
        .sys-disclaimer .m-portlet {
            background: none;
            box-shadow: none;
        }
        .sys-disclaimer .btn.btn-light {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            color:white;
            line-height: 1.25;
            border-radius: 0.25rem;
        }
        .sys-disclaimer .btn.btn-light.active,.sys-disclaimer .btn.btn-light.focus,.sys-disclaimer .btn.btn-light:focus,.sys-disclaimer .btn.btn-light:hover:not(:disabled) {
            color:white !important;
        }
        .sys-disclaimer .m-btn-cancel {
            background-color: #fff !important;
            border-color: #333 !important;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            color:black !important;
            line-height: 1.25;
            border-radius: 0.25rem;
        }
        .sys-disclaimer .btn.btn-danger.active,.sys-disclaimer .btn.btn-danger.focus,.sys-disclaimer .btn.btn-danger:focus,.sys-disclaimer .btn.btn-danger:hover:not(:disabled) {
            color:black !important;
        }
        .sys-disclaimer i.m-nav__link-icon.la.la-home {
            padding-left: 15px;
        }
        .sys-disclaimer i.fa.fa-edit {
            color: #fff;
        }
        .sys-disclaimer .note-editable {
            min-height: 520px !important;
        }
        .sys-disclaimer .note-palette-title {
            font-weight: 500;
        }
        .sys-disclaimer .note-editor.note-frame .note-statusbar .note-resizebar {
            height: 15px;
        }

        /* System admin dlm css */
        .system-dlm-page .m-subheader {
            padding: 30px 30px 0 50px;
        }

        .system-dlm-page .m-portlet .m-portlet__head,
        .sys-revisions .m-portlet .m-portlet__head,
        .packages-page .m-portlet .m-portlet__head{
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .system-dlm-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        }

        .system-dlm-page .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 20px;
            color: white;
        }

        .system-dlm-page .text-title h3 {
            font-size: 20px !important;
        }

        #html_table{
            text-align:center; word-wrap:break-word;
        }

        #imagePreview{
            background-image: url(https://icons.iconarchive.com/icons/paomedia/small-n-flat/512/user-male-icon.png);
        }

        /* add faq css */
        .m-subheader.sys-faq-add,
        .m-subheader.sys-notes-create,
        .sys-download .m-subheader,
        .m-subheader.sys-sections{
          padding:  30px 30px 0 50px;
        }

        .sys-sections a.btn.m-btn--square.btn-accent {
            border-radius: 4px !important;
            margin-bottom: 3%;
        }


        .sys-download .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        .sys-download .text-title h3{
            font-size: 20px;
        }

        .sys-download .btn-accent {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }

        .sys-faq-add .mr-auto,.sys-faq-add .mx-auto {
            padding-left: 20px;
        }
        .sys-faq-add .avatar-upload {
            margin: 10px auto 40px auto;
        }
        .sys-faq-add .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-faq-add li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }

        .sys-faq-add .text-title h3 {
            font-size: 20px;
        }

        .sys-faq-add .form-control.focus,.sys-faq-add .form-control:focus {
            border-color: #008D85;
        }
        .sys-faq-add .btn-success {
            background-color: #008D85;
            border-color: #008D85;
        }
        .sys-faq-add .btn-success:hover {
            background-color: #1198c5;
            border-color: #1198c5;
        }
        .sys-faq-add .btn.btn-light {
            background-color: #008D85 !important;
            color: white;
        }
        .sys-faq-add .page-item.active .page-link {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
        }
        .sys-faq-add .page-link {
            color: #2e2e2e !important;
        }

        /* system create cat css */

        .sys-create-cat .mr-auto, .mx-auto {
            padding-left: 20px;
        }

        .sys-create-cat li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }
        .sys-create-cat .text-title h3 {
            font-size: 20px;
        }

        .sys-create-cat .text-title {
            vertical-align: middle;
            display: table-cell;
            color: white;
            margin-bottom: 0px;
        }

        .sys-create-cat label {
            font-size: 14px;
        }
        /* .sys-create-cat .m-portlet .m-portlet__body {
            padding-bottom: 80px;
            padding-top: 50px;
        } */
        .sys-create-cat .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-create-cat input.form-control:focus {
            border-color: #008D85;
        }
        .sys-create-cat .btn-success1 {
            color: #fff;
            background-color: #008D85;
            border-color: #008D85;
        }
        .sys-create-cat .btn-success1:hover {
            background-color: #1198c5;
            border-color: #1198c5;
        }

        .sys-create-cat .page-item.active .page-link {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
        }
        .sys-create-cat .page-link {
            color: #2e2e2e !important;
        }

       .sys-cat-edit li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }
        .sys-cat-edit .mr-auto,.sys-cat-edit .mx-auto {
            padding-left: 20px;
        }
        .sys-cat-edit .d-flex.align-items-center {
            height: fit-content;
        }
        .sys-cat-edit .text-title {
            vertical-align: middle;
            display: table-cell;
            color: white;
        }
        .sys-cat-edit .text-title h3 {
            font-size: 20px;
        }
        .m-subheader.sys-cat-edit{
            padding: 30px 30px 0 50px;
        }
        .m-subheader.cancellation-page,
        .m-subheader.terms-conditions-page,
        .questionnaire-index .m-subheader,
        .rate-questions .m-subheader,
        .m-subheader.video-tutorial-page{
            padding: 30px 30px 0 50px;
        }

        .modal.video-tutorial-page .modal-content .modal-body {
            padding: 55px;
        }



        .questionnaire-index .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
        }
        /* .sys-cat-edit .m-portlet .m-portlet__body {
            padding-bottom: 80px;
            padding-top: 50px;
        } */
        .sys-cat-edit .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-cat-edit input.form-control:focus {
            border-color: #008D85;
        }
        .sys-cat-edit .btn-success1 {
            color: #fff;
            background-color: #008D85;
            border-color: #008D85;
        }
        .sys-cat-edit .btn-success1:hover {
            background-color: #1198c5;
            border-color: #1198c5;
        }
        .sys-cat-edit .d-flex.align-items-center {
            height: fit-content;
        }
        .sys-cat-edit .page-item.active .page-link {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
        }
        .sys-cat-edit .page-link {
            color: #2e2e2e !important;
        }



        .sys-faq-edit .note-toolbar-wrapper {
            height: auto !important;
        }

        .sys-faq-edit li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }
        .sys-faq-edit .mr-auto,.sys-faq-edit .mx-auto {
            padding-left: 20px;
        }
        .sys-faq-edit .text-title {
            vertical-align: middle;
            display: table-cell;
            color: white;
            margin-bottom: 0px;
        }
        .sys-faq-edit .text-title h3 {
            font-size: 20px;
        }
        .sys-faq-edit .m-portlet .m-portlet__body {
            padding-bottom: 80px;
            padding-top: 50px;
        }
        .sys-faq-edit .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-faq-edit  input.form-control:focus {
            border-color: #008D85;
        }
        .sys-faq-edit .btn-success1 {
            color: #fff;
            background-color: #008D85;
            border-color: #008D85;
        }
        .sys-faq-edit .btn-success1:hover {
            background-color: #1198c5;
            border-color: #1198c5;
        }
        .sys-faq-edit .d-flex.align-items-center {
            height: fit-content;
        }

        .m-subheader.sys-faq-index{
            padding: 30px 30px 0 50px;
        }

        .sys-faq-index li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }

        .sys-faq-index .mr-auto,.sys-faq-index .mx-auto {
            padding-left: 20px;
        }

        .sys-faq-index .text-title {
            vertical-align: middle;
            display: table-cell;
            color: white;
            margin-bottom: 0px;
        }

        .sys-faq-index .text-title h3 {
            font-size: 20px;
        }

        .sys-faq-index .m-portlet .m-portlet__body {
            padding-bottom: 80px;
            overflow: auto;
        }
        .sys-faq-index .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-faq-index input.form-control:focus {
            border-color: #008D85;
        }
        .sys-faq-index .btn.btn-primary {
            color: #fff;
            background-color: #008D85 !important;
            border-color: #ffffff;
        }
        .sys-faq-index .btn.btn-primary:hover {
            background-color: #348cc1;
            border-color: #348cc1;
        }
        .sys-faq-index .btn.btn-success:hover {
            background-color: #ffb822 !important;
            border-color: none !important;
        }
        .sys-faq-index .btn-success:not(:disabled):not(.disabled):active,.sys-faq-index .btn-success:not(:disabled):not(.disabled).active,.sys-faq-index .show > .btn-success.dropdown-toggle {
            color: #fff;
            background-color: #ffb822 !important;
            border-color: none !important;
        }

        .sys-faq-index .btn.btn-primary1 {
            color: #fff;
            background-color: #34bfa3;
            border-color: #ffffff;
        }
        .sys-faq-index .btn.btn-primary1:hover {
            background-color: #2a9c85;
            border-color: #2a9c85;
        }

        .sys-faq-index .btn.btn-success {
            background-color: #ffb822;
            border-color: #ffffff;
        }
        .sys-faq-index .btn.btn-success:hover {
            background-color: #fbaa00;
            border-color: #fbaa00;
        }
        .sys-faq-index .table {
            margin-top: 2rem;
        }
        .sys-faq-index .btn-primary:not(:disabled):not(.disabled):active,.sys-faq-index .btn-primary:not(:disabled):not(.disabled).active,.sys-faq-index .show > .btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #348cc1 !important;
            border-color: #348cc1 !important;
        }
        .sys-faq-index table#html_table {
            margin-top: 15px;
        }
        .sys-faq-index th {
            background: #f4f3f8 !important;
            width: 573px !important;
            padding: 16px 10px !important;
        }
        .sys-faq-index td {
            vertical-align: middle;
            padding: 11px 0;
        }
        .sys-faq-index tr:hover {
            background-color: #F9F9F9;
        }
        .sys-faq-index .page-item.active .page-link {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
        }
        .sys-faq-index .page-link {
            color: #2e2e2e !important;
        }


        .sys-show-cat tbody {
            width: 100%;
        }
        .sys-show-cat li.m-nav__item.m-nav__item--home {
            margin-right: -15px;
        }
        .sys-show-cat .mr-auto,.sys-show-cat .mx-auto {
            padding-left: 20px;
        }
        .sys-show-cat .d-flex.align-items-center {
            height: fit-content;
        }
        .sys-show-cat .text-title {
            vertical-align: middle;
            display: table-cell;
            color: white;
            margin-bottom: 0px;
        }
        .sys-show-cat .text-title h3 {
            font-size: 20px;
        }
        .sys-show-cat tr {
            font-size: 14px;
        }
        .sys-show-cat td {
            border: 1px solid #efefef !important;
        }
        /* .table td {
            padding: 0.75rem 0 !important;
        } */
        .sys-show-cat .m-portlet .m-portlet__body {
            /* padding-bottom: 80px;
            padding-top: 50px; */
            overflow: auto !important;
        }
        .sys-show-cat .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .sys-show-cat input.form-control:focus {
            border-color: #008D85;
        }
        .sys-show-cat .btn.btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #ffffff;
        }
        .sys-show-cat .btn.btn-primary:hover {
            background-color: #348cc1;
            border-color: #348cc1;
        }

        .sys-show-cat .btn.btn-primary1 {
            color: #fff;
            background-color: #34bfa3;
            border-color: #34bfa3;
        }
        .sys-show-cat .btn.btn-primary1:hover {
            background-color: #2a9c85;
            border-color: #2a9c85;
        }

        .sys-show-cat .btn.btn-success {
            background-color: #ffb822;
            border-color: #ffb822;
        }
        .sys-show-cat .btn.btn-success:hover {
            background-color: #fbaa00;
            border-color: #fbaa00;
        }
        .sys-show-cat .table {
            margin-top: 2rem;
            display: inline-block;
            overflow: auto !important;
        }
        .sys-show-cat .page-item.active .page-link {
            background-color: #008D85 !important;
            border-color: #008D85 !important;
        }
        .sys-show-cat .page-link {
            color: #2e2e2e !important;
        }

        .sys-format-create .m-subheader {
            padding: 30px 30px 0 50px;
        }

        .sys-format-create .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        }
        .sys-format-create .lock input {
            display: none;
        }
        /* .table th, .table td {
            TEXT-ALIGN: LEFT;
        } */
        .sys-format-create .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
            padding: 1rem;
        }
        .sys-format-create .text-title h3 {
            font-size: 20px;
        }

        .sys-format-create h2 {
            font-size: 17px;
        }
        .sys-format-create h3.m-subheader__title {
            margin-bottom: 0 !important;
        }


        .sys-format-create h3.m-portlet__head-text {
            color: #fff !important;
        }
        .sys-format-create .m-portlet {
            box-shadow: none !important;
        }
        .sys-format-create .m-portlet .m-portlet__body {
            padding-bottom: 40px;
            overflow: auto;
            padding-top: 30px;
        }
        .sys-format-create .m-portlet .m-portlet__head {
            border-bottom: 0 !important;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        .sys-format-create .m-portlet__head-title2 {
            padding: 1rem !important;
        }


        .sys-format-create .m-portlet.m-portlet--mobile {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
            padding-bottom: 1rem;
        }
        .sys-format-create .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
            padding: 1rem 1rem !important;
        }


        .sys-format-create a.btn.m-btn--square.btn-accent {
            border-radius: 4px !important;
            margin-bottom: 3%;
        }

        .sys-format-create a.form-control.btn.m-btn--square.btn-warning {
            border-radius: 4px !important;
        }
        .sys-format-create .btn-accent, .btn-primary {
            color: #fff;
            background-color: #008D85;
            border-color: #fff;
        }
        .sys-format-create .btn-accent:hover,.sys-format-create .btn-primary:hover {
            color: #fff;
            background-color: #348cc1;
            border-color: #348cc1;
        }

        .sys-format-create div#cke_article-ckeditor {
            border: none !important;
        }
        .sys-format-create .cke_inner {
            border: 1px solid #d1d1d1;
        }
        .sys-format-create .btn-container {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        .sys-format-create button.m-portlet__nav-link.btn.btn-light.m-btn.m-btn--pill.m-btn--air.m-btn-save {
            background-color: #008D85;
            border-radius: 5px;
            color: #fff;
            width: 150px;
            padding: 1rem;
            text-align: center;
        }

        .sys-format-create select {
            font-family: 'FontAwesome', sans-serif;
        }
        .sys-format-create i.far.fa-check-square {
            width: 150px;
        }
        .sys-format-create i.far.fa-envelope {
            font-size: 20px;
            margin-right: 10px;
        }


        /* MODAL CSS */


        .sys-format-create .modal-title {
            font-size: 20px !important;
            color: #fff !important;
        }
        .sys-format-create input{
            display: block;
            width: 100%;
            min-width: 150px;
            padding: 0.65rem 1rem;
            font-size: 1rem;
            line-height: 1.25;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .sys-format-create select#type,.sys-format-create  select#value  {
            padding: 2.5px;
            display: block;
            width: 100%;
            min-width: 150px;
            /* padding: 0.60rem 1rem; */
            padding: 0.7rem;
            font-size: 1rem;
            line-height: 1.25;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
        .sys-format-create .fas.fa-caret-square-down {
            width: 150px;
        }

        .sys-format-create .form-control {
            margin-bottom: 3%;
            min-width: 200px;
            border-color: none !important;
        }


        .sys-format-create a.form-control.btn.m-btn--square.btn-danger {
        border-radius: 4px !important;
        }
        /* Scrollbar styles */










        /* danniel temporary css*/



        .sys-format-create .lock span:after {
            margin:2px;
            width:28px;
            height:28px;
            background:#FFF;
            border-radius:28px;
            position:absolute;
            left:0;
            background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hAytodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjM3RDEwMkREMDEyMTFFNzkwMEZGRUNFMTk3OTNCRUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjM3RDEwMkVEMDEyMTFFNzkwMEZGRUNFMTk3OTNCRUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzdEMTAyQkQwMTIxMUU3OTAwRkZFQ0UxOTc5M0JFQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzdEMTAyQ0QwMTIxMUU3OTAwRkZFQ0UxOTc5M0JFQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/bAEMAAwICAgICAwICAgMDAwMEBgQEBAQECAYGBQYJCAoKCQgJCQoM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);
            background-size: 16px 16px;
            background-position: center;
            background-repeat: no-repeat;
            z-index:2;
            transition:all .5s cubic-bezier(.175, .885, .32, 1);
        }
        .sys-format-create .lock input:checked + span:after {
            left:32px;
            background-image: url(data:image/png;base64,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);
        }

        .sys-format-create .btn.btn-light.active,.sys-format-create .btn.btn-light.focus,.sys-format-create .btn.btn-light:focus,.sys-format-create .btn.btn-light:hover:not(:disabled) {
            color: #f6f7ff !important;
        }
        .sys-format-create .m-content.m-content2 {
            padding: 0;
        }
        .sys-format-create .note-editable {
            min-height: 360px !important;
        }


        .sys-format-create .btn.btn-light {
            background-color: #008D85 !important;
            color: white;
        }

        .sys-form-index .m-subheader{
            padding : 30px 30px 0 50px;
        }

        .sys-form-index .text-title {
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
        }

        .sys-form-index .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
            margin-right: -18px;
        }

        .sys-form-index td:first-child {
            text-align: left !important;
        }


        .sys-form-index .m-portlet .m-portlet__head1 {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .sys-form-index .m-portlet.m-portlet--mobile {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }


        .sys-form-index .form-control.focus,.sys-form-index .form-control:focus {
            border-color: #008D85;
        }
        .sys-form-index .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
            background: #008D85 !important;
        }

        .sys-form-index .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
            background: #008D85 !important;
        }
        .sys-form-index .m-portlet .m-portlet__head1 {
            display: table;
            padding: 0;
            width: 100%;
            padding: 0 2.2rem;
            height: 5.1rem;
        }
        .sys-form-index .m-subheader__title {
            padding: 29px 0px;
            text-align: center;
        }
        .sys-form-index .post-entry {
            background: white;
            padding: 10px 20px;
            margin: 20px 0px;
            border-radius: 10px;
        }


        .sys-form-index .btn-post {
            background: #42a5dc;
            border: none;
        }
        .sys-form-index .btn-post:hover {
            background: #008D85;
            border: none;
        }
        .sys-form-index .post-entry-cont {
            display: flex;
            justify-content: space-between;
        }



        .sys-form-index .btn-accent:not(:disabled):not(.disabled):active,.sys-form-index .btn-accent:not(:disabled):not(.disabled).active,.sys-form-index .show > .btn-accent.dropdown-toggle,.sys-form-index .btn.btn-accent:hover,.sys-form-index a.btn.m-btn--square.btn-header-accent:hover,.sys-form-index button.btn.m-btn--square.btn-modal-accent:hover{
            background-color: #348cc1;
            border-radius: 5px !important;
            border-color: #348cc1;
        }
        .sys-form-index .btn.btn-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            border-color: #008D85;
            margin-bottom: 5px;
        }
        .sys-form-index a.btn.m-btn--square.btn-header-accent {
            background-color: #008D85;
            border-radius: 5px !important;
            border-color: #008D85;
            margin-top: 21px !important;
            color: white;
        }
        .sys-form-index .btn-modal-accent:not(:disabled):not(.disabled):active,.sys-form-index .btn-accent:not(:disabled):not(.disabled).active,.sys-form-index .show > .btn-accent.dropdown-toggle {
            background-color: #348cc1;
            border-radius: 5px !important;
            border-color: #348cc1;
            color: white;
        }

        .sys-form-index a.btn.m-btn--square.btn-warning {
            border-radius: 5px !important;
            margin-bottom: 5px;
        }
        .sys-form-index .m-portlet__head-tools ul {
        list-style: none;
        }
        .sys-form-index .cstm-mod {
            max-width:60%;
        }
        /* employee manual progress */
        .sys-form-index .w3-light-grey.w3-round {
            BACKGROUND-COLOR: #dd3737;
            border-radius: 20px;
            flex-grow: 1;
        }
        .sys-form-index .w3-container.w3-blue.w3-round {
            background: #4bd38d;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }
        .sys-form-index .progress-text {
            flex-grow: 0.05;
        }
        .sys-form-index .progress-box {
            display: flex;
            justify-content: space-between;
        }
        .sys-form-index .employee-header {
            display: flex;
            justify-content: space-between;
        }


        /* employee */
        .system-email-logs .m-portlet .m-portlet__head ,
        .annual-legal-update .m-portlet .m-portlet__head,
        .sys-contact-form .m-portlet .m-portlet__head,
        .rate-answers .m-portlet .m-portlet__head,
        .manage-statuses .m-portlet .m-portlet__head,
        .campaigns-page .m-portlet .m-portlet__head,
        .google-leads .m-portlet .m-portlet__head ,
        .settings-page .m-portlet .m-portlet__head,
        .questions-page .m-portlet .m-portlet__head,
        .rate-questions .m-portlet .m-portlet__head,
        .packages-features .m-portlet .m-portlet__head,
        .proposals-list .m-portlet .m-portlet__head,
        .proposals-details .m-portlet .m-portlet__head {
            border-bottom: 1px solid #ebedf2;
            background-color: #008D85;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }
        .sys-form-index .m-portlet .m-portlet__head {
            background-color: white !important;
            border-bottom: 1px solid #ebedf2;
            padding-bottom: 20px;
        }
        .sys-form-index .m--margin-bottom-30 {
            margin-bottom: 30px !important;
            margin-top: 30px !important;
        }
        .sys-form-index .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
            padding: 20px 0 0 0 !important;
        }
        .sys-form-index .modal-header {
            background: #008D85;
        }


        .sys-form-index button.close,.sys-form-index  button.close:hover {
            color: white;
        }
        .sys-form-index .modal-body {
            height: auto;
            overflow: scroll;
        }
         /* Scrollbar styles */







         .sys-form-index .left-list ul,.sys-form-index .right-list ul {
            list-style: none;
        }
        .sys-form-index .manage-mod {
             padding: 0px !important;
             overflow-x: hidden;
        }
        .sys-form-index .left-list {
            padding-right: 20px;
            padding-top: 15px;
        }
        .sys-form-index .right-list {
            background: #f2f2f2;
            padding-top: 10px;
            padding-left: 20px !important;
        }
        .sys-form-index .right-list ul {
            padding-left: 20px;
        }
          /* <!-- Employee Info --> */
          .sys-form-index .dash-header,.sys-form-index .navigation-menu-nav,.sys-form-index .mod-box,.sys-form-index .qualifications,.sys-form-index .mod-box-cal img,.sys-form-index .upcoming-birthdays, .calendar-birthday{
            margin-bottom:35px;
            background: white;
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
            border-radius: 10px;
        }
        .sys-form-index .dash-header {
            padding: 15px;
            margin-bottom: -25px !important;
        }
        .sys-form-index .dash-logo {
            width: 60%;
            margin: auto;
            margin-bottom: 15px;
        }
        .sys-form-index .dash-subheader {
            display: flex;
        }
        .sys-form-index .dash-mod {
            display: flex;
            justify-content: space-between;
        }
        /* DASHBOARD */
        .sys-form-index .first-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-form-index .second-section {
            display: flex;
            flex-grow: 1;
        }
        .sys-form-index .total-clients1 {
            flex-grow: 1;
            padding-right: 7%;
        }
        .sys-form-index .total-clients {
            flex-grow: 1;
            padding-right: 3%;
            border-right: 2px solid #dbdbdb;
        }
        .sys-form-index .clients {
            flex-grow: 1;
            border-right: 2px solid #dbdbdb;
            margin-right: 4%;
        }
        .sys-form-index .inner2 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-form-index .clients1 {
            flex-grow: 1;
            margin-right: 4%;
        }
        .sys-form-index .inner-clients {
            display: flex;
            padding-right: 5%;
        }
        .sys-form-index .one {
            display: flex;
            margin-bottom: 2%;
        }
        .sys-form-index .line {
            height: 10%;
            border-radius: 5px;
        }
        .sys-form-index .total-and-bar1 {
            margin-left: -25%;
            flex-grow: 1;
            margin-top: 6%;
        }
        .sys-form-index .total-and-bar {
            margin-left: -25%;
            margin-top: 3%;
        }

        .sys-form-index .outline {
            flex-grow: 1;
            border-radius: 20px;
            border: 3px solid #ebebf0;
            padding: 2px;
            width: 105%;
        }
        .sys-form-index .clients-text {
            font-size: 15px;
            font-weight: 400;
            padding-bottom: 10px;
            font-family: "Open Sans";
            color: #676c7b !important;
        }
        .sys-form-index .line1 {
            height: 10%;
            border-radius: 5px;
            width: 75%;
        }
        .sys-form-index .image1 {
            margin-top: 3%;
            margin-bottom: 4%;
        }
        .sys-form-index .inner-tc {
            margin-top: 3%;
        }
        .sys-form-index .number {
            color: #767676;
        }
        .sys-form-index .inner-tc1 {
            margin-top: 8%;
        }
        .sys-form-index .btn-cstm {
        width: 135px;
        margin: 4px;
        }

        .sys-form-index .m-portlet__body {
                overflow: auto;
        }
        .sys-form-index .head-table {
            padding:15px;
        }
        .sys-form-index  .row-table-cstm td {
            padding: 15px 0px;
        }
        .sys-form-index input[type='number'] {
            -moz-appearance:textfield;
        }

        .sys-form-index  input[type='number']::-webkit-outer-spin-button,
        .sys-form-index  input[type='number']::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        .sys-form-index th {
            background: #f4f3f8 !important;
            width: 573px !important;
            padding: 16px 10px !important;
        }
        .sys-form-index td {
            vertical-align: middle;
            padding: 11px 0;
        }
        .sys-form-index tr:hover {
            background-color: #F9F9F9;
        }

        .sys-form-index .btn-info,.sys-form-index .btn-danger,.sys-form-index .btn-primary {
            width: 100px;
        }
        .sys-form-index .btn-primary,.sys-form-index .btn.btn-primary.active,.sys-form-index .btn.btn-primary.focus,.sys-form-index .btn.btn-primary:focus,.sys-form-index .btn.btn-primary:hover:not(:disabled) {
            background:#008D85;
            border:#008D85;;
        }
        .sys-form-index .btn.btn-info,.sys-form-index .btn.btn-info.active,.sys-form-index .btn.btn-info.focus,.sys-form-index .btn.btn-info:focus,.sys-form-index .btn.btn-info:hover:not(:disabled) {
            border: #ffb822;
            background: #ffb822;
        }


            .system-preview  .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                 margin-right: -18px;
             }

             .system-preview .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 17px;
                color: white;
            }
            .system-preview .text-title h3 {
                font-size: 20px;
            }
            /* .m-portlet .m-portlet__body {
                padding-bottom: 40px;
                padding-top: 30px;
            } */
            .system-preview .m-portlet .m-portlet__head {
                background-color: #008D85;
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
            }
            .system-preview .avatar-upload .avatar-preview {
                border: 5px solid #dddddd;
            }
            .system-preview .m-portlet.m-portlet--mobile {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px;
            }
            .system-preview a.btn.m-btn--square.btn-accent {
                border-radius: 4px !important;
                margin-bottom: 3%;
            }




            .system-preview a.btn.m-btn--square.btn-accent {
                border-radius: 4px !important;
                margin-bottom: 3%;
            }
            .system-preview a.form-control.btn.m-btn--square.btn-warning {
                border-radius: 4px !important;
            }
            .system-preview .btn-accent,.system-preview .btn-primary {
                color: #fff;
                background-color: #008D85;
                border-color: #fff;
            }
            .system-preview .btn-accent:hover,.system-preview .btn-primary:hover {
                color: #fff;
                background-color: #348cc1;
                border-color: #348cc1;
            }

            .system-preview .btn-container {
                display: flex;
                justify-content: center;
            }


            /* MODAL CSS */
            .system-preview .modal-header {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

            .system-preview .form-control {
                margin-bottom: 3%;
            }
            .system-preview .form-group {
                justify-content: space-between;
                flex-direction: column;
                width: 80%;
                margin: 30px auto;
            }
            .system-preview .form-group h3 {
                text-align: center;
                border-bottom: 1px solid #f3f3f3;
                padding-bottom: 10px;
                text-transform: uppercase;
            }
            .system-preview .form-group label {
                font-size: 17px;
                font-weight: 500;
                display: flex;
            }
            /* .form-group label:after {
                content: " * "
            } */

            .system-preview input[type="date"],.system-preview input[type="text"],.system-preview input[type="checkbox"],.system-preview input[type="radio"],.system-preview select,.system-preview textarea {
                background-color: #ececec;
                border: 1px solid #eaeaea;
                width: 100%;
                padding: 3px 0;
            }
            .system-preview input[type="time"] {
                background-color: #f3f3f3;
                border: 1px solid #eaeaea;
            }
            .system-preview input[type="text"] {
                overflow: visible;
            }
            .system-preview input[type="checkbox"],.system-preview input[type="radio"] {
                flex: none;
                width: auto;
                margin-right: 15px;
                margin-left: 15px;
            }
            .system-preview canvas {
                background-color: #ececec;
                border: 1px solid #eaeaea !important;
                max-width: 400px !important;
                width: 100%;
                margin-bottom: 10px;
            }
            .system-preview .btn.btn-default.btn-clear {
                width: 150px;
            }

            .system-preview a.form-control.btn.m-btn--square.btn-danger {
                border-radius: 4px !important;
            }

            .google-leads .m-subheader {
                padding: 30px 30px 0 50px;
            }


            .google-leads .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                margin-right: -18px;
            }

            .google-leads .text-title h3 {
                font-size: 20px;
            }


            .video-tutorial-page .img_contain {
                border-radius:5px;
                /*  border:1px solid grey;*/
                margin-top:20px;
                width:auto;
            }
            .video-tutorial-page .file-div {
                margin-top: 3%;
                width: 100%;
            }
            .video-tutorial-page .img-prev {
                max-height:200px;
                height:auto;
                max-width: 100%;
                display:block;
                margin-left: auto;
                margin-right: auto;
            }

            .video-tutorial-page form.example input[type=text] {
                padding: 10px;
                font-size: 17px;
                float: left;
                width: 40%;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            }

            /* Style the submit button */
            .video-tutorial-page form.example button {
                float: left;
                width: 5%;
                padding: 10px;
                background: #2196F3;
                color: white;
                font-size: 17px;
                border: 1px solid #2196F3;
                border-left: none; /* Prevent double borders */
                cursor: pointer;
            }

            .video-tutorial-page form.example button:hover {
                background: #0b7dda;
            }

            .video-tutorial-page form.example {
                display: flex;
                justify-content: flex-end;
            }

            .video-tutorial-page form.example::after {
                content: "";
                clear: both;
                display: table;
            }

            .video-tutorial-page .m-portlet__head-icon,.video-tutorial-page .m-portlet__head-text {
                color: white !important;
            }
            .video-tutorial-page .m-portlet__head {
                background: #008D85;
                color: white !important;
            }

            .video-tutorial-page .modal-header {
                background-color: #008D85;
            }
            .video-tutorial-page .modal .modal-content .modal-body {
                padding: 55px;
            }
            .video-tutorial-page .modal-content label {
                font-weight: 500;
            }
            .video-tutorial-page .modal-body.manage-mod {
                padding: 15px !important;
            }

            .video-tutorial-page h5.text-title {
                color: #fff;
            }

            .video-tutorial-page .btn-primary {
                color: #fff;
                background-color: #008D85;
                border-color: #008D85;
            }

            .div-container.video-tutorial-page {
                padding: 45px;
            }

            .video-tutorial-page li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }




            /*Video List CSS*/
            .video-tutorial-page .vid-title {
                margin-top: 3%;
                text-align:center;
            }
            .video-tutorial-page .video-container {
                padding-top: 20px;
                justify-content: space-between;
                overflow: auto;
                /* display: flex;
                flex-wrap: wrap; */
            }
            .video-tutorial-page .vid-thumb {
                background-color: #fff;
                margin: 10px;
                -webkit-box-shadow: 0px -11px 0 -30px rgb(255, 255, 255);
                -moz-box-shadow:  0px -11px 0 -30px rgb(255, 255, 255);
                box-shadow:  0px -11px 0 -30px rgb(255, 255, 255);
                /* flex: 1 1 23em; */
                padding: 15px;
                width: 31.5%;
                float: left;
                min-height: 235px;
            }
            .video-tutorial-page .clearfix:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }
            .video-tutorial-page div#addVideo {
                padding-right: 0 !important;
            }
            .video-tutorial-page .video-embed {
                position: relative;
                width:100%;
            }
            #img_prev {
                height: 100px !important;
            }
            #thumbnail {
                background-color: transparent;
            }


            /* <!-- Employee Info --> */
            .manage-help .videos {
                margin-bottom:35px;
                background: white;
                -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                border-radius: 10px;
            }
            .manage-help .top-title {
                background: #008D85;
                color: white;
                padding: 12px;
                border-radius: 10px 10px 0px 0px;
                display: flex;
                font-weight: 500;
                justify-content: center;
                align-items: center;
            }
            .manage-help .left-title {
                font-size: 16px;
                flex: 20;
            }
            .manage-help .right-title {
                flex: 2;
                text-align: right;
            }
            .manage-help button#switch {
                color: white !important;
                width: auto !important;
            }
            .pt-custom{
                padding-top: 25px;
            }

            .manage-help .img_contain {
                border-radius:5px;
                /*  border:1px solid grey;*/
                margin-top:20px;
                width:auto;
            }
            .manage-help .file-div {
                margin-top: 3%;
                width: 100%;
            }
            .manage-help .img-prev,.manage-help img.responsive {
                max-height:200px;
                height:auto;
                max-width: 100%;
                display:block;
                margin-left: auto;
                margin-right: auto;
            }


            /* Style the search field */
            .manage-help form.example input[type=text] {
                padding: 10px;
                font-size: 17px;
                border: 1px solid grey;
                float: left;
                width: 40%;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            }

            /* Style the submit button */
            .manage-help form.example button {
                float: left;
                width: 20%;
                width: 5%;
                padding: 10px;
                background: #2196F3;
                color: white;
                font-size: 17px;
                border: 1px solid #2196F3;
                border-left: none;
                cursor: pointer;
            }

            .manage-help form.example {
                display: flex;
                justify-content: flex-end;
            }


            .manage-help form.example button:hover {
                background: #0b7dda;
            }

            /* Clear floats */
            .manage-help form.example::after {
                content: "";
                clear: both;
                display: table;
            }

            /*Video List CSS*/
            .manage-help .vid-title {
                margin-top: 1%;
                text-align:center;
            }
            .manage-help .video-container {
                padding-top: 20px;
                justify-content: space-between;
                /* display: flex;
                flex-wrap: wrap; */
                overflow: auto;
            }
            .manage-help .vid-thumb {
                /* flex: 1 1 23em; */
                background-color: #f5f5f5;
                padding: 15px;
                margin: 10px;
                padding: 15px;
                width: 31.5%;
                float: left;
                min-height: 300px;
            }
            .manage-help .vid-thumb-modal {
                width: 100%;
            }
            .manage-help .video-embed {
                position: relative;
                width:100%;
            }
            .manage-help .clearfix:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }
            #admin_img_prev, #employee_img_prev {
                height: 75px !important;
            }
            #admin_thumbnail, #employee_thumbnail {
                background-color: transparent;
            }

            .manage-help td {
                text-align: center;
            }
            .manage-help th {
                background: #f4f3f8;
                text-align: center;
            }
            .manage-help .post-entry-cont {
                display: flex;
                justify-content: space-between;
                background-color: #f8f8f8;
                border-radius: 10px;
            }
            .manage-help .show-btn-cont {
                align-items: center;
                display: flex;
            }
            .manage-help .show-btn-cont a {
                color:white;
            }
            .manage-help .show-btn {
                background: #42a5dc;
                color: white;
                padding: 8px 20px;
                border-radius: 4px;
            }
            .manage-help .m-subheader {
                padding: 30px 30px 0 30px;
                width: 100%;
                text-align: center;
            }
            .manage-help li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }
            .manage-help .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 20px;
                color: white;
            }
            .manage-help .m-portlet .m-portlet__head1 {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
            }
            .manage-help .m-portlet.m-portlet--mobile {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px;
            }
            .manage-help th.m-datatable__cell.m-datatable__cell--sort {
                text-align: center;
            }
            .manage-help .form-control.focus,.manage-help .form-control:focus {
                border-color: #008D85;
            }
            .manage-help .m-portlet .m-portlet__head1 {
                display: table;
                padding: 0;
                width: 100%;
                padding: 0 2.2rem;
                height: 5.1rem;
            }
            .manage-help .post-entry {
                background: white;
                margin: 20px 0px;
                border-radius: 10px;
            }
            .manage-help .subject-post {
                padding: 20px;
                border-radius: 10px 10px 0px 0px;
            }
            .manage-help .subject-post h3 {
                font-size: 17px;
            }
            .manage-help .header-notice {
                display: flex;
                align-items: center;
            }
            .manage-help .btn-accent:not(:disabled):not(.disabled):active,.manage-help .btn-accent:not(:disabled):not(.disabled).active,.manage-help .show > .btn-accent.dropdown-toggle,.manage-help .btn.btn-accent:hover,.manage-help a.btn.m-btn--square.btn-header-accent:hover,.manage-help button.btn.m-btn--square.btn-modal-accent:hover{
                background-color: #348cc1;
                border-radius: 5px !important;
                border-color: #348cc1;
            }
            .manage-help .btn.btn-accent {
                background-color: #008D85;
                border-radius: 5px !important;
                border-color: #008D85;
                margin-bottom: 5px;
            }
            .manage-help a.btn.m-btn--square.btn-header-accent {
                background-color: #008D85;
                border-radius: 5px !important;
                border-color: #008D85;
                margin-top: 21px !important;
                color: white;
                margin-left: 2px;
            }
            .manage-help .btn-modal-accent:not(:disabled):not(.disabled):active,.manage-help .btn-accent:not(:disabled):not(.disabled).active,.manage-help .show > .btn-accent.dropdown-toggle {
                background-color: #348cc1;
                border-radius: 5px !important;
                border-color: #348cc1;
                color: white;
            }
            .manage-help .btn.btn-modal-accent {
                background-color: #008D85;
                border-radius: 5px !important;
                border-color: #008D85;
                color: white;
            }
            .manage-help a.btn.m-btn--square.btn-warning {
                border-radius: 5px !important;
                margin-bottom: 5px;
            }
            .manage-help .m-portlet__head-tools ul {
                list-style: none;
            }
            .manage-help .cstm-mod {
                max-width:60%;
            }
            /* employee manual progress */
            .manage-help .w3-light-grey.w3-round {
                background-color: #dd3737;
                border-radius: 20px;
                flex-grow: 1;
            }
            .manage-help .w3-container.w3-blue.w3-round {
                background: #4bd38d;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }
            .manage-help .employee-header {
                display: flex;
                justify-content: space-between;
            }
            .manage-help .scroll {
                width: 110px;
                height: 110px;
                overflow: auto;
            }

            /* employee */
            .manage-help .m-portlet .m-portlet__head {
                border-bottom: 1px solid #ebedf2;
                padding-bottom: 20px;
            }
            /* .m--margin-bottom-30 {
                margin-bottom: 30px !important;
                margin-top: 30px !important;
            } */
            .manage-help .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
                padding: 20px 0 0 0 !important;
            }
            .manage-help .m-form .m-form__group {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }
            .manage-help .modal-header {
                background: #008D85;
            }
            .manage-help .modal .modal-content .modal-body {
                padding: 55px;
            }
            .manage-help .modal-content label {
                font-weight: 500;
            }

            .manage-help button.btn.m-btn--square.btn-secondary {
                border-radius: 5px !important;
            }
            .manage-help button.close,.manage-help  button.close:hover {
                color: white;
            }
            .manage-help .btn-primary {
                color: #fff;
                background-color: #008D85;
                border-color: #008D85;
            }
            .manage-help .modal-body {
                height: auto;
                overflow: scroll;
            }
            /* Scrollbar styles */
            .manage-help::-webkit-scrollbar {
                width: 12px;
                height: 12px;
            }

            .manage-help::-webkit-scrollbar-track {
                border-radius: 12px;
            }

            .manage-help::-webkit-scrollbar-track:vertical {
                background: #f1f2f7;
            }

            .manage-help::-webkit-scrollbar-thumb {
                background: #5a5a5a;
                border-radius: 12px;
            }
            .manage-help .left-list ul,.manage-help .right-list ul {
                list-style: none;
            }
            .manage-help .manage-mod {
                overflow-x: hidden;
                font-size: 15px;
            }
            .manage-help .left-list {
                padding-right: 20px;
                padding-top: 15px;
            }
            .manage-help .right-list {
                background: #f2f2f2;
                padding-top: 10px;
                padding-left: 20px !important;
            }
            .manage-help .right-list ul {
                padding-left: 20px;
            }
            /* <!-- Employee Info --> */
            .manage-help .dash-header,.manage-help .navigation-menu-nav,.manage-help .mod-box,.manage-help .qualifications,.manage-help .mod-box-cal img,.manage-help .upcoming-birthdays,.manage-help .calendar-birthday{
                margin-bottom:35px;
                background: white;
                -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                border-radius: 10px;
            }
            .manage-help .dash-header {
                padding: 15px;
                margin-bottom: -25px !important;
            }
            .manage-help .dash-logo {
                width: 60%;
                margin: auto;
                margin-bottom: 15px;
            }
            .manage-help .dash-subheader {
                display: flex;
            }
            .manage-help .dash-mod {
                display: flex;
                justify-content: space-between;
            }
            /* DASHBOARD */
            .manage-help .first-section {
                display: flex;
                flex-grow: 1;
            }
            .manage-help .second-section {
                display: flex;
                flex-grow: 1;
            }
            .manage-help .total-clients {
                flex-grow: 1;
                padding-right: 1%;
                border-right: 2px solid #dbdbdb;
                width: 33.33%;
            }
            .manage-help .clients {
                flex-grow: 1;
                border-right: 2px solid #dbdbdb;
                margin-right: 2%;
                width: 33.33%;
                display: flex;
                align-items: center;
            }
            .manage-help .inner2 {
                flex-grow: 1;
                margin-right: 4%;
            }
            .manage-help .clients1 {
                flex-grow: 1;
                margin-right: 4%;
            }
            .manage-help .inner-clients {
                display: flex;
                padding-right: 5%;
                width: 100%;
            }
            .manage-help .one {
                display: flex;
                font-size: 13px;
                font-weight: 400;
                padding-bottom: 3px;
                font-family: "Open Sans";
                color: #676c7b !important;
            }
            .manage-help .line {
                height: 10%;
                border-radius: 5px;
            }
            .manage-help .total-and-bar1 {
                margin-left: -20%;
                flex-grow: 1;
                margin-top: 6%;
            }
            .manage-help .count {
                margin-right: 5px;
            }
            .manage-help .total-and-bar {
                margin-left: -15%;
                margin-top: 3%;
                margin-right: 5px;
                width: 100%;
            }

            .manage-help .outline {
                flex-grow: 1;
                border-radius: 20px;
                border: 3px solid #ebebf0;
                padding: 2px;
                width: 105%;
            }
            .manage-help .clients-text {
                font-size: 13px;
                font-weight: 400;
                padding-bottom: 10px;
                font-family: "Open Sans";
                color: #676c7b !important;
            }
            .manage-help .total-emp {
                border-right: none !important;
            }
            .manage-help .line1 {
                height: 10%;
                border-radius: 5px;
                width: 75%;
            }
            .manage-help .image1 {
                margin-top: 3%;
                margin-bottom: 4%;
                display: flex;
                align-items: center;
            }

            .manage-help .number {
                color: #767676;
            }
            .manage-help .btn-cstm {
                width: 130px;
                margin: 4px;
            }
            .manage-help .head-table {
                padding:15px;
            }
            .manage-help .row-table-cstm td {
                padding: 15px 0px;
            }

            .manage-help input[type='number'] {
                -moz-appearance:textfield;
            }

            .manage-help .client-navtab {
                display: flex;
            }

            .manage-help input[type='number']::-webkit-outer-spin-button,
            .manage-help input[type='number']::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }
            .manage-help i.far.fa-check-square {
                margin-right: 5px;
                vertical-align: baseline;
            }
            .manage-help  button#check_uncheck {
                color: #008D85;
            }
            .manage-help .complete {
                margin-top: 10px;
            }
            /**TABLE**/
            .manage-help .pending-conflict {
                border-top: 2px solid #a5a5a545;
            }
            .manage-help .datatables {
                padding: 15px 0;
            }
            .manage-help table#active-non {
                width: 100%;
            }
            .manage-help table#pending-conflicts {
                width: 90%;
            }
            .manage-help table#active-non th {
                width: 75px !important;
                font-weight: 600;
                padding: 5px 5px !important;
                background: none !important;
                font-size: 14px;
                padding-bottom: 3px;
                font-family: "Open Sans";
                color: #676c7b !important;
                text-align: center;
            }
            .manage-help table#active-non td,.manage-help table#pending-conflicts td {
                text-align: left;
                padding: 5px 10px 0 0px !important;
                font-size: 13px;
                font-weight: 400;
                font-family: "Open Sans";
                color: #676c7b !important;
            }
            .manage-help td.value {
                text-align: center !important;
            }

            /* System app layout css */
            /* .system-layout .m-portlet .m-portlet__head{
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
            } */
            /* .system-layout .m-subheader{
                padding: 30px 30px 0 50px;
            } */

           .sys-sections .btn-secondary.disabled
           /* .sys-sections #dropdownMenuButton  */
           {
                color: #fff !important;
            }


            .system-layout .btn.m-btn--air.btn-default.focus,.system-layout .btn.m-btn--air.btn-default:focus,.system-layout .btn.m-btn--air.btn-default:hover:not(:disabled):not(.active),.system-layout .btn.m-btn--air.btn-secondary.focus,.system-layout .btn.m-btn--air.btn-secondary:focus,.system-layout .btn.m-btn--air.btn-secondary:hover:not(:disabled):not(.active) {
				-webkit-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.26) !important;
				-moz-box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.26) !important;
				box-shadow: 0px 3px 20px 0px rgba(113, 106, 202, 0.26) !important;
				background: #008D85 !important;
				color: #ffffff !important;
				border-color: #008D85 !important;
			}
			.system-layout .color {
				background-color: #2e2e2e;
			}
			.system-layout .color1 {
				background-color: white;
			}
			.system-layout .m-brand__logo-wrapper img {
				vertical-align: middle;
				border-style: none;
				margin-left: -20px;
				width: 245%;
				margin-top: 20%;
			}
			.system-layout div#m_header_nav {
				background: #008D85;
			}
			.system-layout .text-color {
				color: #ffffff;
			}
			.system-layout .m-menu__item.m-menu__item--active {
				background-color: #008D85;
			}
			/* .m-body .m-wrapper {
				overflow: visible !important;
			} */
			.system-layout .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
				-webkit-transition: background-color 0.3s;
				-moz-transition: background-color 0.3s;
				-ms-transition: background-color 0.3s;
				-o-transition: background-color 0.3s;
				transition: background-color 0.3s;
				background-color: #409fd996;
			}
			.system-layout .m-aside-menu .m-menu__nav {
				padding:65px 0 30px 0 !important;
			}
			.system-layout .m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper {
				width: 380px;
				margin-left: -290px;
			}
			.system-layout .m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
				color: #ffffff;
				margin-left: 80px;
			}
			.system-layout i.fa.fa-search {
				color: white;
				margin-top: 20px;
				transform: scale(1.5);
			}


			/*Overide CSS*/
			.system-layout .m-dropdown__header.m--align-center {
				background-image: linear-gradient(#008D85, #008D85) !important
			}
			.system-layout .m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__name {
				color: white !important;
			}
			.system-layout .m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
				color: white !important;
			}
			.system-layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
				color: #008D85 !important;
			}
			.system-layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
				color: #008D85 !important;
			}
			.system-layout .btn.m-btn--label-brand {
				color: #44a3dc !important;
			}
			.system-layout .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text,.system-layout .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text {
				color: #44a3dc !important;
			}
			.system-layout .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text {
		    	color: #8b8b8b;
			}
			.system-layout .m-nav .m-nav__section .m-nav__section-text {
				color: #008D85;
			}
			.system-layout .m-brand .m-brand__logo .m-brand__logo-wrapper {
				display: inline;
			}
			/* .sys-sections .fa
			{
				display: none;
			} */

			.system-layout .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus,.system-layout .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,.system-layout .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle {
				border: 0 !important;
				color: #ffffff;
				background: #008D85 !IMPORTANT;
			}

            .system-layout .m-brand .m-brand__tools .m-brand__toggler span::before,.system-layout .m-brand .m-brand__tools .m-brand__toggler span::after {
				background: #329bc5 !important;
				color: #329bc5 !important;
				height: 2px !important;
			}
			.system-layout .m-brand .m-brand__tools .m-brand__toggler span {
				background: #329bc5 !important;
				color: #329bc5 !important;
				height: 2px !important;
			}

            .system-layout button.note-btn.btn.btn-default.btn-sm.btn-codeview {
                display: none;
            }
            .system-layout .link-dialog .note-form-group:first-child {
                    display: none;
            }

            /* system Leads edit css */

            .leads-edit li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }
            .leads-edit .avatar-upload {
                margin: 10px auto 40px auto;
            }
            .leads-edit .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 20px;
                color: white;
            }

            .leads-edit .form-control.focus,.leads-edit .form-control:focus {
                border-color: #008D85;
            }
            .leads-edit input.form-control {
                margin-bottom: 15px;
            }
            .leads-edit .btn-primary,.leads-edit .btn.btn-primary.active,.leads-edit .btn.btn-primary.focus,.leads-edit .btn.btn-primary:focus,.leads-edit .btn.btn-primary:hover:not(:disabled) {
                background: #008D85;
                border: #008D85;
            }
            .leads-edit .row1 {
                display: flex;
                flex-wrap: wrap;
                margin-right: 30px;
                margin-left: -15px;
                justify-content: center;
            }
            .m-subheader.leads-edit,
            .m-subheader.admin-users,
            .sys-clients-page .m-subheader,
            .m-subheader.system-show  {
                padding: 30px 30px 0 50px;
            }
            .admin-users .m-portlet .m-portlet__head{
                border-bottom: none;
            }

            /* Leads page css */
            .leads-page .m-subheader {
                padding: 30px 30px 0 50px;
            }

            .leads-page li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }

            .leads-page .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 20px;
                color: white;
            }
            .leads-page .header-notice {
                background: #f4f3f8;
                padding: 20px;
                border-radius: 10px;
            }
            .leads-page .m-portlet .m-portlet__head1 {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
            }

            .leads-page th {
                font-weight: 600 !important;
            }
            .leads-page .form-control.focus,.leads-page .form-control:focus {
                border-color: #008D85;
            }
            .leads-page .m-portlet .m-portlet__head1 {
                display: table;
                padding: 0;
                width: 100%;
                padding: 0 2.2rem;
                height: 5.1rem;
            }
            .leads-page .m-subheader__title {
                padding: 29px 0px;
                text-align: center;
            }
            .leads-page .post-entry {
                background: white;
                padding: 10px 20px;
                margin: 20px 0px;
                border-radius: 10px;
            }

            .leads-page .subject-post h3 {
                font-size: 17px;
            }

            .leads-page .leads-table {
                height: 100%;
            }
            .leads-page td {
                vertical-align: middle;
                padding: 11px 10px;
            }
            .leads-page th {
                background: #f4f3f8 !important;
                width: 573px !important;
                padding: 16px 10px !important;
                text-align: center;
            }

            .leads-page .btn-post {
                background: #42a5dc;
                border: none;
            }
            .leads-page .btn-primary,.leads-page .btn-primary:not(:disabled):not(.disabled):active,.leads-page .btn-primary:not(:disabled):not(.disabled).active,.leads-page .show > .btn-primary.dropdown-toggle,.leads-page .btn-primary:hover {
                background-color: #008D85;
                border-color: #008D85 !important;
            }
            .leads-page .btn-post:hover {
                background: #008D85;
                border: none;
            }
            .leads-page .post-entry-cont {
                display: flex;
                justify-content: space-between;
            }

            .leads-page .show-btn-cont {
                align-items: center;
                display: flex;
                margin-right: 5px;
            }

            .leads-page .m-tabs-line.nav.nav-tabs .nav-link:hover,.leads-page .m-tabs-line.nav.nav-tabs .nav-link.active,.leads-page .m-tabs-line a.m-tabs__link:hover,.leads-page .m-tabs-line a.m-tabs__link.active {
                border-top: 1px solid #ebedf2;
                border-left: 1px solid #ebedf2;
                border-right: 1px solid #ebedf2;
                border-bottom: 1px solid #fff;
                padding: 1rem;
            }

            .leads-page .btn-accent:not(:disabled):not(.disabled):active,.leads-page .btn-accent:not(:disabled):not(.disabled).active,.leads-page .show > .btn-accent.dropdown-toggle,.leads-page .btn.btn-accent:hover,.leads-page a.btn.m-btn--square.btn-header-accent:hover,.leads-page button.btn.m-btn--square.btn-modal-accent:hover{
                    background-color: #348cc1;
                    border-radius: 5px !important;
                    border-color: #348cc1;
            }

            .leads-page .btn.btn-accent {
                background-color: #008D85;
                border-radius: 5px !important;
                border-color: #008D85;
                margin-bottom: 5px;
            }
            .leads-page a.btn.m-btn--square.btn-header-accent {
                background-color: #008D85;
                border-radius: 5px !important;
                border-color: #008D85;
                margin-top: 21px !important;
                color: white;
                margin-left: 2px;
            }

            .leads-page .btn-modal-accent:not(:disabled):not(.disabled):active,.leads-page .btn-accent:not(:disabled):not(.disabled).active,.leads-page .show > .btn-accent.dropdown-toggle {
                background-color: #348cc1;
                border-radius: 5px !important;
                border-color: #348cc1;
                color: white;
            }

            .leads-page a.btn.m-btn--square.btn-warning {
                border-radius: 5px !important;
                margin-bottom: 5px;
            }

            .leads-page .m-portlet__head-tools ul {
                list-style: none;
            }

            .leads-page .cstm-mod {
                max-width:60%;
            }

             /* employee manual progress */
             .leads-page .w3-light-grey.w3-round {
                background-color: #dd3737;
                border-radius: 20px;
                flex-grow: 1;
            }
            .leads-page .w3-container.w3-blue.w3-round {
                background: #4bd38d;
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }
            .leads-page .progress-text {
                flex-grow: 0.05;
            }
            .leads-page .progress-box {
                display: flex;
                justify-content: space-between;
            }
            .leads-page .employee-header {
                display: flex;
                justify-content: space-between;
            }

            /* employee */
            .leads-page .m-portlet .m-portlet__head {
                border-bottom: 1px solid #ebedf2;
                padding-bottom: 20px;
            }
            .leads-page .m-portlet__head-caption {
                display: table-cell;
                vertical-align: middle;
                text-align: left;
            }
            .leads-page .m-portlet__head-tools {
                display: table-cell;
                vertical-align: middle;
                text-align: right;
            }
            .leads-page .m--margin-bottom-30 {
                margin-bottom: 0 !important;
                margin-top: 0 !important;
            }
            .leads-page .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
                padding: 20px 0 0 0 !important;
            }
            .leads-page .modal-header {
                background: #008D85;
            }

            .leads-page .m-datatable__table {
                overflow: auto;
            }

            .leads-page button.close,.leads-page  button.close:hover {
                color: white;
            }

            .leads-page .modal-body {
                height: auto;
                overflow: scroll;
            }

            .leads-page .left-list ul,.leads-page .right-list ul {
                list-style: none;
            }
            .leads-page .manage-mod {
                 padding: 0px !important;
                 overflow-x: hidden;
                 text-align: center;
                 font-size: 15px;
            }

            .leads-page .left-list {
                padding-right: 20px;
                padding-top: 15px;
            }
            .leads-page .right-list {
                background: #f2f2f2;
                padding-top: 10px;
                padding-left: 20px !important;
            }
            .leads-page .right-list ul {
                padding-left: 20px;
            }

             /* <!-- Employee Info --> */
             .leads-page .dash-header,.leads-page .navigation-menu-nav,.leads-page .mod-box,.leads-page .qualifications,.leads-page .mod-box-cal img,.leads-page .upcoming-birthdays,.leads-page .calendar-birthday{
                margin-bottom:35px;
                background: white;
                -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                border-radius: 10px;
            }
            .leads-page .dash-header {
                padding: 15px;
                margin-bottom: -25px !important;
            }
            .leads-page .dash-logo {
                width: 60%;
                margin: auto;
                margin-bottom: 15px;
            }
            .leads-page .dash-subheader {
                display: flex;
            }
            .leads-page .dash-mod {
                display: flex;
                justify-content: space-between;
            }

            /* DASHBOARD */
            .leads-page .first-section {
                display: flex;
                flex-grow: 1;
            }
            .leads-page .second-section {
                display: flex;
                flex-grow: 1;
            }
            .leads-page .total-clients1 {
                flex-grow: 1;
                padding-right: 7%;
            }
            .total-clients {
                flex-grow: 1;
                padding-right: 3%;
                border-right: 2px solid #dbdbdb;
            }
            .leads-page .clients {
                flex-grow: 1;
                border-right: 2px solid #dbdbdb;
                margin-right: 4%;
            }
            .leads-page .inner2 {
                flex-grow: 1;
                margin-right: 4%;
            }
            .leads-page .clients1 {
                flex-grow: 1;
                margin-right: 4%;
            }
            .leads-page .inner-clients {
                display: flex;
                padding-right: 5%;
            }
            .leads-page .one {
                display: flex;
                margin-bottom: 2%;
            }
            .leads-page .line {
                height: 10%;
                border-radius: 5px;
            }
            .leads-page .total-and-bar1 {
                margin-left: -25%;
                flex-grow: 1;
                margin-top: 6%;
            }
            .leads-page .count {
                margin-right: 5px;
            }
            .leads-page .total-and-bar {
                margin-left: -25%;
                margin-top: 3%;
                margin-right: 5px;
            }

            .leads-page .outline {
                flex-grow: 1;
                border-radius: 20px;
                border: 3px solid #ebebf0;
                padding: 2px;
                width: 105%;
            }
            .leads-page .clients-text {
                font-size: 13px;
                font-weight: 400;
                padding-bottom: 10px;
                font-family: "Open Sans";
                color: #676c7b !important;
            }
            .leads-page .line1 {
                height: 10%;
                border-radius: 5px;
                width: 75%;
            }
            .leads-page .image1 {
                margin-top: 3%;
                margin-bottom: 4%;
            }
            .leads-page .inner-tc {
                margin-top: 3%;
            }
            .leads-page .number {
                color: #767676;
            }
            .leads-page .inner-tc1 {
                margin-top: 8%;
            }
            .leads-page .btn-cstm {
                width: 130px;
                margin: 4px;
            }
            .leads-page .head-table {
                padding:15px;
            }
            .leads-page .row-table-cstm td {
                padding: 15px 0px;
            }

            .leads-page input[type='number'] {
                -moz-appearance:textfield;
            }

            .leads-page .client-navtab {
                display: flex;
                justify-content: flex-start;
            }

            .leads-page input[type='number']::-webkit-outer-spin-button,
            .leads-page input[type='number']::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }

            .leads-page a.form-control.btn.m-btn--square.btn-warning,.leads-page a.form-control.btn.m-btn--square.btn-danger,
            .leads-page a.form-control.btn.m-btn--square.btn-accent.btn-sendtest,.leads-page .btn.btn-info{
                width: 120px !important;
                border-radius: 5px !important;
                margin-bottom: 5px;
                color: #fff !important;
            }
            .leads-page a.form-control.btn.m-btn--square.btn-warning.btn-edit {
                color: #000 !important;
            }
            .leads-page label.email {
                margin-top: 15px;
            }
            .leads-page span.link-text {
                color: #575962;
                font-size: 14px;
                font-weight: 400;
                padding-left: 10px;
            }

            .leads-page .proposal-container {
                display: flex;
                justify-content: space-between;
            }
            .leads-page select {
                width: 200px;
                margin-bottom: 5px;
                border-color: #ebedf2;
            }

            .leads-page .proposal_list {
                display: block !important;
                min-height: 300px !important;
                overflow: unset !important;
            }
            .manage-statuses .m-subheader {
                padding: 30px 30px 0 50px;
            }

            .manage-statuses li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }
            .manage-statuses .table td {
                text-align: center;
            }

            .manage-statuses .m-portlet .m-portlet__body {
                padding-bottom: 40px;
                padding-top: 30px;
                min-height: 500px;
            }
            .manage-statuses button.btn.m-btn--square.btn-modal-accent {
                background-color: #008D85 !important;
                color: #fff;
                border-radius: 0.25rem !important;
            }

            .manage-statuses .btn-primary{
                color: #fff;
                background-color: #008D85;
                border-color: #fff;
            }

            .manage-statuses .text-title h3{
                font-size: 20px;
            }

            .manage-statuses .btn-accent:not(:disabled):not(.disabled):active:focus,.manage-statuses .btn-accent:not(:disabled):not(.disabled).active:focus,.manage-statuses .show > .btn-accent.dropdown-toggle:focus {
                color: #fff;
                background-color: #008D85;
                border-color: #fff;
            }

             /* MODAL CSS */

             .manage-statuses .modal-header h5 {
                color: #fff !important;
            }


            .manage-statuses .m-body .m-wrapper {
                overflow: auto !important;
            }
            .manage-statuses .input-group {
                width: 50%;
            }
            .manage-statuses .search-container {
                display: flex;
                justify-content: flex-end;
                margin-bottom: 20px;
            }

              /* Scrollbar styles */


            .manage-statuses .btn-warning:focus {
                background: #ffb822;
            }
            .manage-statuses .btn-accent:focus {
                background: #008D85;
            }
            .manage-statuses .fa {
                color: #fff !important;
            }

            /* System lead notes */

            .leads-notes-create li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }

            .leads-notes-create .mr-auto,.leads-notes-create .mx-auto {
                padding-left: 20px;
            }
            .leads-notes-create .avatar-upload {
                margin: 10px auto 40px auto;
            }

            .leads-notes-create .text-title h3  {
                font-size: 20px;
            }

            .leads-notes-create .m-portlet .m-portlet__head {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

            .leads-notes-create .form-control.focus,.leads-notes-create .form-control:focus {
                border-color: #008D85;
            }
            .leads-notes-create .btn-success {
                background-color: #008D85;
                border-color: #008D85;
            }
            .leads-notes-create .btn-success:hover {
                background-color: #1198c5;
                border-color: #1198c5;
            }

            .leads-notes-create .note-editor.note-frame.panel {
                margin-bottom: 20px;
            }


            .leads-notes-create .btn.btn-light {
                background-color: #008D85 !important;
                color: white;
            }

            /* Leads notes edit css */

            .leads-notes-edit li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }

            .leads-notes-edit .mr-auto,.leads-notes-edit .mx-auto {
                padding-left: 20px;
            }
            .leads-notes-edit .avatar-upload {
                margin: 10px auto 40px auto;
            }

            .leads-notes-edit .text-title h3 {
                font-size: 20px
            }
            .leads-notes-edit .m-portlet .m-portlet__head {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

            .leads-notes-edit .form-control.focus,.leads-notes-edit .form-control:focus {
                border-color: #008D85;
            }
            .leads-notes-edit .btn-success {
                background-color: #008D85;
                border-color: #008D85;
            }
            .leads-notes-edit .btn-success:hover {
                background-color: #1198c5;
                border-color: #1198c5;
            }

            .leads-notes-edit .m-portlet__body {
                min-height: 350px;
            }
            .leads-notes-edit .note-editable {
                min-height: 100px !important;
            }
            .leads-notes-edit .btn.btn-light {
                background-color: #008D85 !important;
                color: white;
            }

            /* Leads notes index css */

           .leads-notes-index li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }
           .leads-notes-index .m-subheader {
                padding: 30px 30px 0 60px;
            }
            .leads-notes-index .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 17px;
                color: white;
                margin-bottom: 0px;
            }

            .leads-notes-index p {
                margin-top: 5px !important;
            }

            .leads-notes-index .subject-post h3 {
                font-size: 17px;
            }
            .leads-notes-index .post-entry {
                background: #f8f8f8;
                padding: 20px;
            }
            .leads-notes-index .notice-pin {
                margin-right: 15px;
            }
            .leads-notes-index .header-notice {
                display: flex;
            }

            .leads-notes-index a.btn.m-btn--square.btn-accent {
                border-radius: 4px !important;
                margin-bottom: 3%;
            }
            .leads-notes-index a.form-control.btn.m-btn--square.btn-warning {
                border-radius: 4px !important;
            }
            .leads-notes-index .btn-accent,.leads-notes-index .btn-primary {
                color: #fff;
                background-color: #008D85;
                border-color: #fff;
            }
            .leads-notes-index .btn-accent:hover,.leads-notes-index .btn-primary:hover {
                color: #fff;
                background-color: #348cc1;
                border-color: #348cc1;
            }

            /* Leads notes show */

            .leads-notes-show li.m-nav__item.m-nav__item--home {
                margin-right: -15px;
            }
            .container-show-notice.leads-notes-show {
                width: 95%;
                margin: auto;
                background: white;
                margin-top: 32px;
                border-radius: 10px;
                padding: 20px 50px;
            }
            .leads-notes-show .btn-edit-notice {
                padding: 8px 26px;
                border-radius: 4px;
                background: #46a9e0;
                color: white;
                margin-right: 10px;
            }
            .leads-notes-show .btn-edit-notice:hover {
                color:white;
            }

            /* Leads nesstatement css */

            .ness-statement .note-toolbar-wrapper {
                height: auto !important;
            }
            .ness-statement .d-flex.align-items-center {
                height: fit-content;
            }
            .ness-statement .d-flex.align-items-center {
                height: fit-content;
            }
            .ness-statement .m-portlet__head-icon,.ness-statement .m-portlet__head-text {
                color: white !important;
            }
            .ness-statement .m-portlet__head {
                background: #008D85;
                color: white !important;
                border-top-right-radius: 10px !important;
                border-top-left-radius: 10px !important;
            }
            .ness-statement .m-portlet {
                background: none;
                box-shadow: none;
            }
            .ness-statement .btn.btn-light {
                background-color: #008D85 !important;
                border-color: #008D85 !important;
                padding: 0.65rem 1rem;
                font-size: 1rem;
                color:white;
                line-height: 1.25;
                border-radius: 0.25rem;
            }
            .ness-statement .btn.btn-light.active,.ness-statement .btn.btn-light.focus,.ness-statement .btn.btn-light:focus,.ness-statement .btn.btn-light:hover:not(:disabled) {
                color:white !important;
            }
            .ness-statement .m-btn-cancel {
                background-color: #fff !important;
                border-color: #333 !important;
                padding: 0.65rem 1rem;
                font-size: 1rem;
                color:black !important;
                line-height: 1.25;
                border-radius: 0.25rem;
            }
            .ness-statement .btn.btn-danger.active,.ness-statement .btn.btn-danger.focus,.ness-statement .btn.btn-danger:focus,.ness-statement .btn.btn-danger:hover:not(:disabled) {
                color:black !important;
            }
            .ness-statement i.m-nav__link-icon.la.la-home {
                padding-left: 15px;
            }
            .ness-statement i.fa.fa-edit {
                color: #fff;
            }
            .ness-statement .note-editable {
                min-height: 520px !important;
            }
            .ness-statement .note-palette-title {
                font-weight: 500;
            }
            .ness-statement .note-editor.note-frame .note-statusbar .note-resizebar {
                height: 15px;
            }
            #summNote{
                display: none;
            }

            /* system notes index */
            .sys-notes-index .post-entry {
                background: #f8f8f8;
                padding: 10px 20px;
                margin: 20px 0px;
                border-radius: 10px;
            }
            .m-subheader.sys-notes-index{
                padding : 30px 30px 0 50px;
            }
            .sys-notes-index .m-content {
                padding: 0 !important;
            }

            /* .sys-notes-index .show-btn-cont a {
                color:white;
            } */

            .sys-notes-index .text-title h3 {
                font-size: 20px;
            }
            .sys-notes-index .m-body .m-content {
                padding: 0 !important;
            }
            .sys-notes-index .m-portlet .m-portlet__head {
                border-bottom: none;
            }

            .sys-notes-index .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                margin-right: -18px;
            }
            .sys-notes-index button.btn.btn-primary {
                background: #008D85;
                border-color: white;
                margin-bottom: 2%;
                margin-top: -1%;
            }

            .sys-notes-index .btn-primary:not(:disabled):not(.disabled):active:focus,.sys-notes-index .btn-primary:not(:disabled):not(.disabled).active:focus,.sys-notes-index .show > .btn-primary.dropdown-toggle:focus {
                background: #008D85;
                border-color: white;
            }
            .sys-notes-index button.btn.btn-default {
                background: #008D85;
                color: white;
            }

            .sys-notes-index .btn.btn-default:hover:not(:disabled),.sys-notes-index .btn.btn-default.active,.sys-notes-index .btn.btn-default:active,.sys-notes-index .btn.btn-default:focus,.sys-notes-index .show > .btn.btn-default.dropdown-toggle,.sys-notes-index .btn.btn-secondary:hover:not(:disabled),.sys-notes-index .btn.btn-secondary.active,.sys-notes-index .btn.btn-secondary:active,.sys-notes-index .btn.btn-secondary:focus,.sys-notes-index .show > .btn.btn-secondary.dropdown-toggle {
                background: #3181b2;
                color: white;
            }

            .sys-notes-index button.btn.btn-primary:hover button.btn.btn-primary1:hover{
                background: #348cc1;
                border-color: #348cc1;
            }
            .sys-notes-index button.btn.btn-primary1 {
                background: #008D85;
                border-color: white;
                color: white;
            }
            .sys-notes-index button.btn.btn-primary1:hover{
                background: #348cc1;
                border-color: #348cc1;
            }
            .sys-notes-index a.btn.btn-primary {
                background-color: #ffb822;
                border-color: white;
                color: black;
            }
            .sys-notes-index a.btn.btn-primary:hover {
                background-color: #fbaa00;
                border-color: #fbaa00;
            }

            .sys-notes-index .text-title h3{
                margin-bottom: 0px;margin-left: -30px;
            }

            .sys-notes-index .m-menu__link-icon {
                color: #008D85; font-size:55px;
            }

            .sys-notes-index .modal-body .pd{
                padding: 40px;
            }

            .sys-notes-index .m-portlet .m-portlet__head {
                background-color: #008D85;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }
            .sys-notes-index .m-portlet .m-portlet__body {
                padding-bottom: 80px;
                padding-top: 30px;
                height: 650px;
                overflow: scroll;
            }

             /* Scrollbar styles */


             .sys-notes-index .modal-header h5 {
                color: #fff !important;
                font-weight: 500;
            }


            .sys-notes-index .fld-label {
                margin: 10px;
                font-weight: 500;
            }

            .sys-notes-index .clients-cont,.sys-notes-index .leads-cont {
                width: 100%;
            }

            .sys-notes-index .m-body .m-content {
                padding: 0 !important;
            }
            .sys-notes-index .leads-cont {
                padding: 30px 20px !important;
            }
            .sys-notes-index .clients-cont {
                padding: 30px 0 30px 20px !important;
            }
            .sys-notes-index div#cke_article-ckeditor {
                margin-top: 15px;
            }
            .sys-notes-index .note-editor.note-frame.panel {
                margin-top: 20px;
            }
            .sys-notes-index button.note-btn.btn.btn-default.btn-sm {
                background: #fff;
            }
            .sys-notes-index span.note-icon-caret {
                color: #000;
            }

            .sys-notes-index span.note-current-fontname {
                color: #000;
            }


            .sys-notes-index .btn.btn-light {
                background-color: #008D85 !important;
                color: white;
            }

            /* System packages edit */
            .sys-package-edit .text-title{
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 17px;
                color: white;
            }

            .sys-package-edit label{
                font-weight:unset;
            }

            .sys-package-edit button.btn.m-btn--square.btn-modal-accent {
                background-color: #008D85 !important;
                color: #fff;
                border-radius: 0.25rem !important;
            }
            .sys-package-edit .btn-primary {
                background-color: #008D85 !important;
                border-color: #008D85 !important;
            }
            .sys-package-edit .modal-header {
                background: #008D85;
            }


            .sys-package-edit .avatar-upload {
                margin: 10px auto 40px auto;
            }

            .sys-package-edit .text-title h3 {
                font-size: 17px;
            }

            .sys-package-edit .m-portlet .m-portlet__head {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

            .sys-package-edit .form-control.focus,.sys-package-edit .form-control:focus {
                border-color: #008D85;
            }
            .sys-package-edit .row1 {
                display: flex;
                flex-wrap: wrap;
                margin-right: 30px;
                margin-left: -15px;
                justify-content: center;
            }
            .sys-package-edit .lead-statuses-row {
                text-align: center;
            }
            /* color picker */
            .sys-package-edit .color-wrapper {
                position: relative;
                width: 250px;
                margin: 20px auto;
            }

            .sys-package-edit .color-wrapper p {
                margin-bottom: 5px;
            }
            .sys-package-edit .package-color-cont {
                display: flex;
                justify-content: center;
            }
            .sys-package-edit .package-label {
                text-align: center;
            }


            .sys-package-edit input.call-picker {
                border-radius: 0px 10px 10px 0px;
                background: #f2f2f2;
                color: #666;
                text-transform: uppercase;
                float: left;
                border: none;
                outline: none;
              padding: 10px;
              text-transform: uppercase;
              width: 85px;
            }

            .sys-package-edit .color-picker {
                width: 100%;
                background: #F3F3F3;
                height: auto;
                padding: 5px;
                border: 5px solid #fff;
                box-shadow: 0px 0px 3px 1px #DDD;
                position: absolute;
                top: 73px;
                left: 2px;
                z-index:1;
            }

            .sys-package-edit .color-holder {
                background: #fff;
              cursor: pointer;
              border: 1px solid #AAA;
              width: 41px;
              height: 41px;
              border-radius: 10px 0px 0px 10px;
              float: left;
              margin-left: 5px;
            }

            .sys-package-edit .color-picker .color-item {
              cursor: pointer;
              width: 19px;
              height: 21px;
              list-style-type: none;
              float: left;
              margin: 2px;
              border: 1px solid #DDD;
          }

          .sys-package-edit .color-picker .color-item:hover {
              border: 1px solid #666;
              opacity: 0.8;
              -moz-opacity: 0.8;
              filter:alpha(opacity=8);
          }

          /* Packages features css */
          .packages-features .text-title{
            vertical-align: middle;
            display: table-cell;
            font-weight: 500;
            font-size: 17px;
            color: white;
          }

          .packages-features .m-portlet .m-portlet__body {
                padding-bottom: 80px;
            }

          .packages-features .table {
             margin-bottom: 3rem !important;
           }

          .packages-features .table td {
            border-top: none;
          }

          .packages-features .permissions li {
            padding: 5px 0px 10px 110px;
            border-bottom: solid 1px #f2f1ef;
            text-align: left;
            color: #2e2e2e;
          }

          .packages-features .container {
            display: block;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin-left: -2%;
            width: 110%;
            margin-top: 7PX;
          }

          .packages-features .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
          }

          .packages-features .checkmark {
                position: absolute;
                top: 0;
                height: 25px;
                width: 25px;
                background-color: #eee;
                margin-left: 55px;
                margin-top: 2px;
            }

            .packages-features .container input:checked ~ .checkmark {
                /* background-color: #2196F3; */
                background-color: #008D85;
            }

            .packages-features .btn-success {
                background-color: #008D85;
                border-color: #008D85;
            }
            .packages-features .btn-success:hover {
                background-color: #4bbbe2db;
                border-color: #4bbbe2db;
            }

           .packages-features li {
            display: block;
            margin-bottom: .5rem;
            font-size: 15px;
            }
            .packages-features ul.features1 {
                margin-left: -45px;
            }
            .packages-features td.features {
                margin-left: -50px;
                width: 500px;
            }
            #filter a li {
                padding: 13px 0px 13px 50px;
                display:block;
                border-bottom:solid 1px #f2f1ef;
                text-align:left;
                color: #008D85;
            }

            #filter a li:hover, #filter a li:focus, #filter a li:active  {
                background-color: #008D85 !important;
                color: white;
            }
            #filter {
                list-style: none;
                padding: 0;
                margin: 0;
                background-color: #fff;
                overflow: hidden;
            }
            #features {
                width: 30%;
            }
            #permissions {
                padding-left: 5%;
            }

            .packages-features a {
                text-decoration-line: none !important;
                color: #008D85;
            }

            #filter a:focus {
                background-color: #ffffff !important;
            }

            .packages-features .table {
                margin-bottom: 3rem !important;
            }
            .packages-features .permissions li {
                padding: 5px 0px 10px 110px;
            border-bottom: solid 1px #f2f1ef;
            text-align: left;
            color: #2e2e2e;
            }

            .packages-features .per {
                list-style: none;
                background-color: #fff;
                -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
                overflow: hidden;

                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }
            .packages-features .features1,.packages-features .permissions1,
            .system-layout .features1,.system-layout .permissions1  {
                background: #f4f3f8;
                padding: 20px;
                text-align: center;
                color: #2e2e2e;
                font-weight: 500;
                font-size: 15px;
            }
            .packages-features .table th,.packages-features .table td {
                border-top: none;
            }

            .packages-features .container {
                display: block;
                position: relative;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                margin-left: -2%;
                width: 110%;
                margin-top: 7PX;
            }

            /* Hide the browser's default checkbox */
            .packages-features .container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

            /* Create a custom checkbox */
            .packages-features .checkmark {
                position: absolute;
                top: 0;
                height: 25px;
                width: 25px;
                background-color: #eee;
                margin-left: 55px;
                margin-top: 2px;;
            }

            /* On mouse-over, add a grey background color */
            .packages-features .container:hover input ~ .checkmark {
                background-color: #ccc;
            }

            /* When the checkbox is checked, add a blue background */
            .packages-features .container input:checked ~ .checkmark {
                /* background-color: #2196F3; */
                background-color: #008D85;
            }

            /* Create the checkmark/indicator (hidden when not checked) */
            .packages-features .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

            /* Show the checkmark when checked */
            .packages-features .container input:checked ~ .checkmark:after {
                display: block;
            }

            /* Style the checkmark/indicator */
            .packages-features .container .checkmark:after {
                left: 9px;
                top: 5px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
            }
            .packages-features ul{
                list-style-type: none;
            }
            .packages-features .avatar-upload {
                margin: 10px auto 40px auto;
            }

            .packages-features .m-portlet .m-portlet__body {
                padding-bottom: 80px;
            }

            .packages-features .form-control.focus,.packages-features .form-control:focus {
                border-color: #008D85;
            }

            .packages-features .btn-success {
                background-color: #008D85;
                border-color: #008D85;
            }
            .packages-features .btn-success:hover {
                background-color: #4bbbe2db;
                border-color: #4bbbe2db;
            }
            .packages-features .cstm-input {
                background: #f3f3f8;
                border: none;
                padding: 10px;
                margin-left: 10px;
            }
            .packages-features th.cstm-th1 {
                padding-left: 53px;
            }

            /* Packages page css */
            .packages-page .modal-body label{
                color:black;
                font-weight: unset;
            }

            .packages-page .btn-cstm{
                width: 100%;
                margin: 4px 0px;
                white-space: normal;
            }

            .packages-page .text-title h3 {
                font-size: 20px;
            }

            .packages-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                margin-right: -18px;
            }

            .packages-page .btn.m-btn--square {
                -webkit-border-radius: 5px!important;
                -moz-border-radius: 5px!important;
                -ms-border-radius: 5px!important;
                -o-border-radius: 5px!important;
                border-radius: 5px !important;
            }

            .packages-page a.form-control.btn.m-btn--square.btn-success {
                background-color: #00c5dc;
                border-color: #fff;
            }
            .packages-page a.form-control.btn.m-btn--square.btn-success:hover {
                background-color: #00a3b6;
                border-color: #fff;
            }
            .packages-page a.form-control.btn.m-btn--square.btn-warning {
                border-radius: 4px !important;
            }

            .packages-page .btn-accent {
                color: #fff;
                background-color: #008D85;
                border-color: #fff;
            }
            .packages-page .btn-accent:hover {
                color: #fff;
                background-color: #348cc1;
                border-color: #348cc1;
            }

            .packages-page .color-wrapper {
                position: relative;
                width: 250px;
                margin: 20px auto;
            }

            .packages-page .color-wrapper p {
                margin-bottom: 5px;
            }
            .packages-page .package-color-cont {
                display: flex;
                justify-content: center;
            }
            .packages-page .package-label {
                text-align: center;
            }

            .packages-page  input.call-picker {
                border-radius: 0px 10px 10px 0px;
                background: #f2f2f2;
                color: #666;
                text-transform: uppercase;
                float: left;
                border: none;
                outline: none;
                padding: 10px;
                text-transform: uppercase;
                width: 85px;
            }

            .packages-page .color-picker {
                width: 100%;
                background: #F3F3F3;
                height: auto;
                padding: 5px;
                border: 5px solid #fff;
                box-shadow: 0px 0px 3px 1px #DDD;
                position: absolute;
                top: 73px;
                left: 2px;
                z-index:1;
            }


            .packages-page .color-holder {
                background: #fff;
              cursor: pointer;
              border: 1px solid #AAA;
              width: 41px;
              height: 41px;
              border-radius: 10px 0px 0px 10px;
              float: left;
              margin-left: 5px;
          }

          .packages-page .color-picker .color-item {
              cursor: pointer;
              width: 19px;
              height: 21px;
              list-style-type: none;
              float: left;
              margin: 2px;
              border: 1px solid #DDD;
          }

          .packages-page .color-picker .color-item:hover {
              border: 1px solid #666;
              opacity: 0.8;
              -moz-opacity: 0.8;
              filter:alpha(opacity=8);
          }

          .packages-page .table-responsive {
            overflow-x: hidden !important;
          }
        .packages-page .m-datatable__table {
                overflow-x: auto !important;
            }

            /* System privacy policy */

           .sys-privacy-policy .note-toolbar-wrapper {
                height: auto !important;
            }
            .sys-privacy-policy .d-flex.align-items-center {
                height: fit-content;
            }
            .sys-privacy-policy .d-flex.align-items-center {
                height: fit-content;
            }
            .m-subheader.sys-privacy-policy {
                padding: 30px 30px 0 50px;
            }
            .sys-privacy-policy .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                margin-right: -18px;
            }
            .sys-privacy-policy .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 17px;
                color: white;
            }
            .sys-privacy-policy .m-portlet__head {
                background-color: #008D85 !important;
                border-color: #008D85 !important;
                border-top-right-radius: 10px !important;
                border-top-left-radius: 10px !important;
            }

            .sys-privacy-policy .m-portlet.m-portlet--success.m-portlet--head-solid-bg {
                background-color: transparent;
                border-color: transparent;
            }

            .sys-privacy-policy .m-portlet .m-portlet__body {
                padding-bottom: 40px;
                padding-top: 30px;
            }
            .sys-privacy-policy .m-portlet.m-portlet--mobile {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px;
            }
            .sys-privacy-policy i.fa.fa-edit {
                color: #fff;
            }
            .sys-privacy-policy .note-editable {
                min-height: 520px !important;
            }
            .sys-privacy-policy .note-palette-title {
                font-weight: 500;
            }
            .sys-privacy-policy .note-editor.note-frame .note-statusbar .note-resizebar {
                height: 15px;
            }

            /* BUTTONS */
            .sys-privacy-policy .btn.btn-light {
                background-color: #008D85 !important;
                padding: 0.65rem 1rem;
                font-size: 1rem;
                color: white;
                line-height: 1.25;
                border-radius: 0.25rem;
            }

            /* Proposals Details css */
            .propsals-details .text-title h3{
                margin-bottom: 0px;margin-left: -30px;
            }

            .propsals-details  .text-title h3 {
                font-size: 20px;
            }

            .proposals-details .m-portlet .m-portlet__body {
                padding-bottom: 80px;
                padding-top: 30px;
                height: auto;
                overflow: scroll;
            }
             /* Scrollbar styles */

             .proposals-details .m-portlet .m-portlet__head{
                border-bottom: none;
             }


             .proposals-details .table th {
                font-weight: 500;
                background: #f4f3f8;
            }
            .proposals-details .text-title h3{
                font-size: 20px;
                margin-bottom: 0px;
                margin-left: -30px;

            }

            .proposals-email .btn.btn-light {
                background-color: #008D85 !important;
                border-color: #008D85 !important;
                padding: 0.65rem 1rem;
                font-size: 1rem;
                color: white;
                line-height: 1.25;
                border-radius: 0.25rem;
            }


            .clients-cont.proposals-details, .leads-cont .proposals-details {
                width: 100%;
            }

            /* Proposals edit */

            .proposals-edit .floater {
                position: absolute;
                top: 100px;
                right: 1px;
                width: 100px;
                height: auto;
                -webkit-transition: all 2s ease-in-out;
                transition: all 2s ease-in-out;
                z-index: 1;
                border-radius: 3px 0 0 3px;
                padding: 10px;
                background-color: #008D85;
                color: white;
                text-align: center;
                box-sizing: border-box;
                cursor: pointer;
            }
            .proposals-edit .floater2 {
                position: absolute;
                top: 200px;
                right: 1px;
                width: 100px;
                height: auto;
                -webkit-transition: all 2s ease-in-out;
                transition: all 2s ease-in-out;
                z-index: 1;
                border-radius: 3px 0 0 3px;
                padding: 10px;
                background-color: #008D85;
                color: white;
                text-align: center;
                box-sizing: border-box;
                cursor: pointer;
            }

            .proposals-edit input[type="text"] {
                border: 1px solid #ebedf2;
                width: 50%;
                margin-bottom: 5px;
            }

            .proposals-edit .text-title h3 {
                font-size: 20px;
            }

            .proposals-edit .color-pickerall {
                width: 100%;
                background: #F3F3F3;
                height: auto;
                padding: 5px;
                border: 5px solid #fff;
                box-shadow: 0px 0px 3px 1px #DDD;
                position: absolute;
                top: 73px;
                left: 2px;
                z-index:1;
            }

            .proposals-edit .color-holderall {
                background: #fff;
                cursor: pointer;
                border: 1px solid #AAA;
                width: 41px;
                height: 41px;
                border-radius: 10px 0px 0px 10px;
                float: left;
                margin-left: 5px;
            }

            .proposals-edit input.call-pickerall {
                border-radius: 0px 10px 10px 0px;
                background: #f2f2f2;
                color: #666;
                text-transform: uppercase;
                float: left;
                border: none;
                outline: none;
              padding: 10px;
              text-transform: uppercase;
              width: 85px;
            }

            .proposals-edit .color-pickerall .color-item {
                cursor: pointer;
                width: 19px;
                height: 21px;
                list-style-type: none;
                float: left;
                margin: 2px;
                border: 1px solid #DDD;
            }
            .proposals-edit .color-pickerall .color-item:hover {
                border: 1px solid #666;
                opacity: 0.8;
                -moz-opacity: 0.8;
                filter:alpha(opacity=8);
            }

            .proposals-edit .templaterow center {
                width: 75%;
                margin: 0 auto;
            }

            .proposals-edit .templaterow p {
                text-align: left;
            }
            .proposals-edit .templaterow img {
                height: auto;
                max-width: 100%;
                width: 100%;
            }
            .proposals-edit .templaterow {
                position: relative;
                padding: 40px 0 !important;

            }
            .proposals-edit .templaterow:hover .edit {
                display: block;
            }
            .proposals-edit .templaterow:hover .delete {
                display: block;
            }
            .proposals-edit .edit {
                padding-top: 7px;
                padding-right: 7px;
                position: absolute;
                left: 0;
                top: 0;
                display: none;
            }
            .proposals-edit .edit a {
                color: #000;
            }
            .proposals-edit .delete {
                padding-top: 7px;
                padding-right: 7px;
                position: absolute;
                left: 0;
                bottom: 0;
                display: none;
            }
            .proposals-edit .delete a {
                color: #000;
            }
            .proposals-edit label {
                margin-top: 15px !important;
            }
            .proposals-edit .fa-edit,.proposals-edit .fa-trash-alt {
                 margin-left: 10px;
                 font-size: 15px;
                 color: #fff;
                 text-shadow: .3px .3px 3px #000;
                 cursor: pointer;
             }
             .proposals-edit .m-nav-grid__icon {
                display: block;
                color: #329bc5;
                font-size: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: 0 !important;
                cursor: pointer;
            }
            .proposals-edit .m-nav-grid__text {
                display: flex;
                justify-content: center;
                margin-bottom: 40px;
                margin-top: 10px;
                font-size: 17px;
                text-align: center;
                cursor: pointer;
            }
            .proposals-edit  .m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
                color: #c1bfd0;
            }

            /** MODAL **/
            .proposals-edit .modal {
                max-height: 100%;
                overflow-y: auto;
            }
            .proposals-edit .modal-header {
                background: #008D85 !important;
            }
            .proposals-edit  .modal-header h5 {
                color: #fff;
                font-size: 20px;
            }
            .proposals-edit  .modal-icon {
                color: #fff !important;
                margin-right: 15px !important;
            }
            .proposals-edit .modal-body {
                padding: 20px 40px !important;
                font-size: 14px;
            }
            .proposals-edit .col.cta-field {
                display: flex !important;
                justify-content: space-between !important;
            }

            /** BUTTON**/
            .proposals-edit  button.close {
                color: #fff;
            }
            .proposals-edit .add-container {
                text-align: center;
                margin-bottom: 10px;
                color: #fff;
            }
            .proposals-edit .delete-container {
                text-align: center;
            }
            .proposals-edit .btn-group-container {
                text-align: center;
                margin-top: 30px;
            }
            .proposals-edit .btn.btn-info {
                color: #fff !important;
            }
            .proposals-edit .btn-container {
                text-align: center;
                margin-bottom: 15px;
            }
            .proposals-edit .trash-container {
                text-align: center;
            }
            .m-grid__item.m-grid__item--fluid.m-wrapper.proposals-edit {
                position: relative;
                margin-bottom: 0px !important;
            }
            .proposals-edit .m-footer {
                position: absolute;
                bottom: 0;
                margin-left: 0px !important;
                width: 100%;
            }
            .proposals-edit .far.fa-trash-alt {
                cursor: pointer;
            }


            .proposals-edit .btn.btn-light {
                background-color: #008D85 !important;
                color: white;
            }
            .proposals-edit .stripe-container1 {
                padding: 0 0 !important;
            }
            .proposals-edit .stripe-padding center {
                width: 100%;
                margin: 0 auto;
            }
            .proposals-edit .container-stripe {
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px;
                -webkit-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                -moz-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                box-shadow: 0px 1px 15px 1px rgba(67, 61, 73, 0.1);
                background-color: #ffffff;
                width: 70%;
                margin: 0 auto 30px;
                padding: 0 0 4rem 0;
            }
            .proposals-edit .stripe-header {
                /* background-color: #008D85; */
                background-color: #008D85;
                padding: 1rem 1.5rem;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }
            .proposals-edit .stripe-header h4 {
                color: #fff;
            }
            .proposals-edit span.signup-text {
                font-size: 15px;
                font-weight: 500;
            }
            .proposals-edit .stripe-padding label{
                    margin-top: 20px;
                    display: flex;
                    font-weight: 500;
                }
            .proposals-edit .input {
                display: flex;
                align-items: center;
                margin: 10px 0;
            }
            .proposals-edit .input span {
                font-size: 20px;
                margin-right: 5px;
                font-weight: 500;
            }
            .proposals-edit .card {
                margin-top: 15px;
            }
            .proposals-edit button.btn.btn-dark {
                width: 100%;
                background-color: #008D85;
                border-color: #008D85 !important;
            }
            .proposals-edit .note-editable {
                min-height: 200px !important;
            }
            canvas {
                background-color: #ececec;
                border: 1px solid #eaeaea !important;
                max-width: 400px !important;
                width: 100%;
                margin-bottom: 10px;
            }

            .proposals-edit .m-content {
                padding: 0 !important;
                padding-bottom: 50px !important;
            }

            /* Proposals email css */

            .proposals-email h2 {
                font-size: 20px;
            }

            .proposals-email .text-title h3 {
                font-size: 20px;
            }

            .proposals-email .m-portlet__head-icon,.proposals-email .m-portlet__head-text {
                color: white !important;
            }
            .proposals-email .m-portlet__head {
                background: #008D85;
                color: white !important;
            }
            .proposals-email .m-portlet {
                margin-top: 10px;
                background: none;
                box-shadow: none;
            }
            .m-body .m-content.proposals-email {
                padding: 15px 30px;
            }
            .proposals-email .cke_chrome {
                box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08) !important;
            }

            .proposals-email small {
                color: #a9a9a9;
            }
            .proposals-email .note-editable {
                min-height: 400px !important;
            }

            /* Proposals list edit css */

            .m-subheader.proposals-list{
                padding: 30px 30px 0 50px;
            }
            .main-container.proposals-list{
                display: flex;
                 width: 50%;
            }

            .proposals-list .clients-cont .m-content,
            .proposals-list .leads-cont .m-content {
                padding: 0;
            }

            .proposals-list .m-body .m-wrapper {
                overflow: auto !important;
            }

            .proposals-list .m-nav .m-nav__item > .m-nav__link {
                background: none;
                border: 0;
            }
            .proposals-list .text-title h3 {
                font-size: 20px;
            }

            .proposals-list .m-portlet .m-portlet__body {
                padding-bottom: 80px;
                padding-top: 30px;
                height: 600px;
                overflow: scroll;
                padding: 1rem !important;
            }

             /* Scrollbar styles */

             .proposals-list .btn.m-btn--air.btn-default,.proposals-list .btn.m-btn--air.btn-secondary {
                /* margin-bottom: 34px !important; */
            }

            .proposals-list .table th {
                font-weight: 500;
                background: #f4f3f8;
            }
            .proposals-list .table th,.proposals-list .table td {
                padding: 1.5rem;
                vertical-align: middle;
            }
            .proposals-list .clients-cont,.proposals-list .leads-cont {
                width: 100%;
            }

            .proposals-list .m-body .m-content {
                padding: 0;
            }
            .proposals-list .leads-cont {
            padding: 30px 20px !important;
            }
            .proposals-list .clients-cont {
                padding: 30px 0 30px 20px !important;
            }

            .proposals-list .leads-for {
                margin-bottom: 3rem;
            }

            /* Proposals page css */

            .proposals-page .text-title h3 {
                font-size: 20px;
            }
            .proposals-page .btn-delete1 {
                width: 25%;
            }
            .proposals-page .contact_list{
                text-align:center; word-wrap:break-word;
            }
            .proposals-page th {
                text-align: center !important;
                font-weight: 600 !important;
                background: #f4f3f8 !important;
                width: 573px !important;
                padding: 16px 10px !important;
                text-align: center;
            }
            .proposals-page td {
                text-align: center;
                vertical-align: middle;
                padding: 11px 10px;
            }

            .proposals-page .text-title {
                vertical-align: middle;
                display: table-cell;
                font-weight: 500;
                font-size: 20px;
                color: white;
            }
            .proposals-page .header-notice {
                background: #f4f3f8;
                padding: 20px;
                border-radius: 10px;
            }
            .proposals-page .m-portlet .m-portlet__head1 {
                border-bottom: 1px solid #ebedf2;
                background-color: #008D85;
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
            }

            .proposals-page .form-control.focus,.proposals-page .form-control:focus {
                border-color: #008D85;
            }
            .proposals-list .m-portlet .m-portlet__head{
                border-bottom: none;

            }
            .proposals-page .m-portlet .m-portlet__head1 {
                display: table;
                padding: 0;
                width: 100%;
                padding: 0 2.2rem;
                height: 5.1rem;
            }
            .proposals-page .m-subheader__title {
                padding: 29px 0px;
                text-align: center;
            }
            .proposals-page .post-entry {
                background: white;
                padding: 10px 20px;
                margin: 20px 0px;
                border-radius: 10px;
            }

            .proposals-page .subject-post h3 {
                font-size: 17px;
            }

            .proposals-page .m-datatable.m-datatable--default.m-datatable--brand.m-datatable--loaded {
                /*overflow-x: scroll;*/
            }
            .proposals-page .m-datatable > .m-datatable__table {
                /*overflow: auto;*/
            }
            .proposals-page .btn-post {
                background: #42a5dc;
                border: none;
            }

            .proposals-page .btn-primary,.proposals-page .btn-primary:not(:disabled):not(.disabled):active,.proposals-page .btn-primary:not(:disabled):not(.disabled).active,.proposals-page .show > .btn-primary.dropdown-toggle,.proposals-page .btn-primary:hover {
                background-color: #008D85;
                border-color: #008D85 !important;
            }
            .proposals-page .btn-post:hover {
                background: #008D85;
                border: none;
            }
            .proposals-page .post-entry-cont {
                display: flex;
                justify-content: space-between;
            }

            .proposals-page .show-btn-cont {
                align-items: center;
                display: flex;
                margin-right: 5px;
            }

            .proposals-page .m-tabs-line.nav.nav-tabs .nav-link:hover,.proposals-page .m-tabs-line.nav.nav-tabs .nav-link.active,.proposals-page .m-tabs-line a.m-tabs__link:hover,.proposals-page .m-tabs-line a.m-tabs__link.active {
                border-top: 1px solid #ebedf2;
                border-left: 1px solid #ebedf2;
                border-right: 1px solid #ebedf2;
                border-bottom: 1px solid #fff;
                padding: 1rem;
                }
                .proposals-page .btn-accent:not(:disabled):not(.disabled):active,.proposals-page .btn-accent:not(:disabled):not(.disabled).active,.proposals-page .show > .btn-accent.dropdown-toggle,.proposals-page .btn.btn-accent:hover,.proposals-page a.btn.m-btn--square.btn-header-accent:hover,.proposals-page button.btn.m-btn--square.btn-modal-accent:hover{
                    background-color: #348cc1;
                    border-radius: 5px !important;
                    border-color: #348cc1;
                }
                .proposals-page .btn.btn-accent {
                    background-color: #008D85;
                    border-radius: 5px !important;
                    border-color: #008D85;
                    margin-bottom: 5px;
                }
                .proposals-page a.btn.m-btn--square.btn-header-accent {
                    background-color: #008D85;
                    border-radius: 5px !important;
                    border-color: #008D85;
                    margin-top: 21px !important;
                    color: white;
                    margin-left: 2px;
                }

                .proposals-page .btn-modal-accent:not(:disabled):not(.disabled):active,.proposals-page .btn-accent:not(:disabled):not(.disabled).active,.proposals-page .show > .btn-accent.dropdown-toggle {
                    background-color: #348cc1;
                    border-radius: 5px !important;
                    border-color: #348cc1;
                    color: white;
                }

                .proposals-page a.btn.m-btn--square.btn-warning {
                    border-radius: 5px !important;
                    margin-bottom: 5px;
                }

                .proposals-page .m-portlet__head-tools ul {
                    list-style: none;
                    }
                    .proposals-page .cstm-mod {
                        max-width:60%;
                    }
                    /* employee manual progress */
                    .proposals-page .w3-light-grey.w3-round {
                        background-color: #dd3737;
                        border-radius: 20px;
                        flex-grow: 1;
                    }
                    .proposals-page .w3-container.w3-blue.w3-round {
                        background: #4bd38d;
                        border-top-left-radius: 15px;
                        border-bottom-left-radius: 15px;
                    }
                    .proposals-page .progress-text {
                        flex-grow: 0.05;
                    }
                    .proposals-page .progress-box {
                        display: flex;
                        justify-content: space-between;
                    }
                    .proposals-page .employee-header {
                        display: flex;
                        justify-content: space-between;
                    }

                    .proposals-page .modal-body {
                        height: auto;
                        overflow: scroll;
                    }

                    .proposals-page .dash-header,.proposals-page .navigation-menu-nav,.proposals-page .mod-box,.proposals-page .qualifications,.proposals-page .mod-box-cal img,.proposals-page .upcoming-birthdays,.proposals-page .calendar-birthday{
                        margin-bottom:35px;
                        background: white;
                        -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        border-radius: 10px;
                    }

                    .proposals-page .dash-header {
                        padding: 15px;
                        margin-bottom: -25px !important;
                    }
                    .proposals-page .dash-logo {
                        width: 60%;
                        margin: auto;
                        margin-bottom: 15px;
                    }
                    .proposals-page .dash-subheader {
                        display: flex;
                    }
                    .proposals-page .dash-mod {
                        display: flex;
                        justify-content: space-between;
                    }
                    /* DASHBOARD */
                    .proposals-page .first-section {
                        display: flex;
                        flex-grow: 1;
                    }
                    .proposals-page .second-section {
                        display: flex;
                        flex-grow: 1;
                    }
                    .proposals-page .total-clients1 {
                        flex-grow: 1;
                        padding-right: 7%;
                    }
                    .proposals-page .total-clients {
                        flex-grow: 1;
                        padding-right: 3%;
                        border-right: 2px solid #dbdbdb;
                    }
                    .proposals-page .clients {
                        flex-grow: 1;
                        border-right: 2px solid #dbdbdb;
                        margin-right: 4%;
                    }
                    .proposals-page .inner2 {
                        flex-grow: 1;
                        margin-right: 4%;
                    }
                    .proposals-page .clients1 {
                        flex-grow: 1;
                        margin-right: 4%;
                    }
                    .proposals-page .inner-clients {
                        display: flex;
                        padding-right: 5%;
                    }
                    .proposals-page .one {
                        display: flex;
                        margin-bottom: 2%;
                    }
                    .proposals-page .line {
                        height: 10%;
                        border-radius: 5px;
                    }
                    .proposals-page .total-and-bar1 {
                        margin-left: -25%;
                        flex-grow: 1;
                        margin-top: 6%;
                    }
                    .proposals-page .count {
                        margin-right: 5px;
                    }
                    .proposals-page .total-and-bar {
                        margin-left: -25%;
                        margin-top: 3%;
                        margin-right: 5px;
                    }

                    .proposals-page .outline {
                        flex-grow: 1;
                        border-radius: 20px;
                        border: 3px solid #ebebf0;
                        padding: 2px;
                        width: 105%;
                    }
                    .proposals-page .clients-text {
                        font-size: 13px;
                        font-weight: 400;
                        padding-bottom: 10px;
                        font-family: "Open Sans";
                        color: #676c7b !important;
                    }
                    .proposals-page .line1 {
                        height: 10%;
                        border-radius: 5px;
                        width: 75%;
                    }
                    .proposals-page .image1 {
                        margin-top: 3%;
                        margin-bottom: 4%;
                    }
                    .proposals-page .inner-tc {
                        margin-top: 3%;
                    }
                    .proposals-page .number {
                        color: #767676;
                    }
                    .proposals-page .inner-tc1 {
                        margin-top: 8%;
                    }
                    .proposals-page .btn-cstm {
                        width: 130px;
                        margin: 4px;
                    }
                    .proposals-page .head-table {
                        padding:15px;
                    }
                    .proposals-page .row-table-cstm td {
                        padding: 15px 0px;
                    }

                    .proposals-page input[type='number'] {
                        -moz-appearance:textfield;
                    }

                    .proposals-page .client-navtab {
                        display: flex;
                        justify-content: flex-start;
                    }

                    .proposals-page input[type='number']::-webkit-outer-spin-button,
                    .proposals-page input[type='number']::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                    }

                    .proposals-page a.form-control.btn.m-btn--square.btn-warning,.proposals-page a.form-control.btn.m-btn--square.btn-danger,.proposals-page
                    a.form-control.btn.m-btn--square.btn-accent.btn-sendtest,.proposals-page .btn.btn-info{
                        /* width: 120px !important; */
                        border-radius: 5px !important;
                        margin-bottom: 5px;
                        color: #fff !important;
                    }
                    .proposals-page  a.form-control.btn.m-btn--square.btn-warning.btn-edit {
                        color: #000 !important;
                        width: 25%;
                    }
                    .proposals-page label.email {
                        margin-top: 15px;
                    }
                    .proposals-page span.link-text {
                        color: #575962;
                        font-size: 14px;
                        font-weight: 400;
                        padding-left: 10px;
                    }

                    .proposals-page .proposal-container {
                        display: flex;
                        justify-content: space-between;
                    }
                    .proposals-page select {
                        width: 200px;
                        margin-bottom: 5px;
                        border-color: #ebedf2;
                    }
                    .proposals-page .m-datatable__cell.m-datatable__cell--sort.m-datatable__cell--center span,
                    .proposals-page .m-datatable__cell--center.m-datatable__cell span,
                    .proposals-page .m-dropdown  {
                        width: 100px !important;
                    }

                    /* Resend Proposal css */

                    .resend-proposal .templaterow {
                        position: relative;
                        padding: 40px 0 !important;
                    }
                    .resend-proposal .templaterow center {
                        width: 75%;
                        margin: 0 auto;
                    }
                    .resend-proposal .templaterow p {
                        text-align: left;
                    }
                    .resend-proposal .templaterow img {
                        height: auto;
                        max-width: 100%;
                        width: 100%
                    }

                    .resend-proposal .stripe-padding center {
                        width: 100%;
                        margin: 0 auto;
                    }

                    .resend-proposal .text-title h3 {
                        font-size: 20px;
                    }

                    .resend-proposal .container-stripe {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        border-bottom-right-radius: 10px;
                        border-bottom-left-radius: 10px;
                        -webkit-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                        -moz-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                        box-shadow: 0px 1px 15px 1px rgba(67, 61, 73, 0.1);
                        background-color: #ffffff;
                        width: 100%;
                        margin: 30px auto;
                        padding: 0 0 4rem 0;
                    }
                    .resend-proposal .stripe-header {
                        background-color: #008D85;
                        padding: 1rem 1.5rem;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        margin-bottom: 3rem;
                    }

                    .resend-proposal .stripe-header h4 {
                        color: #fff;
                    }
                    .resend-proposal span.stripe-label {
                        font-size: 14px;
                        font-weight: 500;
                    }
                    .resend-proposal .stripe-padding {
                        padding: 1rem 4rem;
                    }
                    .resend-proposal .stripe-padding input{
                        margin-bottom: 10px;
                    }
                    .resend-proposal .stripe-padding label{
                        margin-top: 20px;
                        display: flex;
                        font-weight: 500;
                    }
                    .resend-proposal .input {
                        display: flex;
                        align-items: center;
                        margin: 10px 0;
                    }
                    .resend-proposal .input span {
                        font-size: 20px;
                        margin-right: 5px;
                        font-weight: 500;
                    }
                    .resend-proposal .card {
                        margin-top: 15px;
                    }

                    .resend-proposal button.btn.btn-dark {
                        width: 100%;
                        background-color: #008D85;
                        border-color: #008D85 !important;
                    }
                    .resend-proposal .stripe-container-2 {
                        background-color: #f7f7f7;
                        padding: 2rem;
                        margin: 0 4rem;
                    }
                    canvas {
                        background-color: #ececec;
                        border: 1px solid #eaeaea !important;
                        max-width: 400px !important;
                        width: 100%;
                        margin-bottom: 10px;
                }

                /* system view proposals */

                .sys-view-proposal .text-title h3 {
                    font-size: 20px;
                }
                .sys-view-proposal .templaterow {
                    position: relative;
                    padding: 40px 0 !important;
                }
                .sys-view-proposal .templaterow center {
                    width: 75%;
                    margin: 0 auto;
                }
                .sys-view-proposal .templaterow p {
                    text-align: left;
                }
                .sys-view-proposal .templaterow img {
                    height: auto;
                    max-width: 100%;
                    width: 100%
                }

                .sys-view-proposal .stripe-padding center {
                    width: 100%;
                    margin: 0 auto;
                }

                .sys-view-proposal .container-stripe {
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                    border-bottom-right-radius: 10px;
                    border-bottom-left-radius: 10px;
                    -webkit-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                    -moz-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                    box-shadow: 0px 1px 15px 1px rgba(67, 61, 73, 0.1);
                    background-color: #ffffff;
                    width: 100%;
                    margin: 30px auto;
                    padding: 0 0 4rem 0;
                }
                .sys-view-proposal .stripe-header {
                    background-color: #008D85;
                    padding: 1rem 1.5rem;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                    margin-bottom: 3rem;
                }
                .sys-view-proposal .stripe-header h4 {
                    color: #fff;
                }
                .sys-view-proposal span.stripe-label {
                    font-size: 14px;
                    font-weight: 500;
                }
                .sys-view-proposal .stripe-padding {
                    padding: 1rem 4rem;
                }
                .sys-view-proposal .stripe-padding input{
                    margin-bottom: 10px;
                }
                .sys-view-proposal .stripe-padding label{
                    margin-top: 20px;
                    display: flex;
                    font-weight: 500;
                }
                .sys-view-proposal .input {
                    display: flex;
                    align-items: center;
                    margin: 10px 0;
                }
                .sys-view-proposal .input span {
                    font-size: 20px;
                    margin-right: 5px;
                    font-weight: 500;
                }
                .sys-view-proposal .card {
                    margin-top: 15px;
                }
                .sys-view-proposal button.btn.btn-dark {
                    width: 100%;
                    background-color: #008D85;
                    border-color: #008D85 !important;
                }
                .sys-view-proposal .stripe-container-2 {
                    background-color: #f7f7f7;
                    padding: 2rem;
                    margin: 0 4rem;
                }
                canvas {
                    background-color: #ececec;
                    border: 1px solid #eaeaea !important;
                    max-width: 400px !important;
                    width: 100%;
                    margin-bottom: 10px;
                }

                /* Questionnnaire css */

                .questionnaire-index td {
                    padding: 8px 0;
                }
                .questionnaire-index th.m-datatable__cell.m-datatable__cell--sort.m-datatable__cell--center {
                    background: #f4f3f8;
                    padding: 16px 10px;
                }

                .questionnaire-index a.btn.m-btn--square.btn-accent {
                    border-radius: 4px !important;
                    margin-bottom: 3%;
                }

                .questionnaire-index .dot {
                    height: 20px;
                    width: 20px;
                    background-color: #bbb;
                    border-radius: 50%;
                    display: inline-block;
                    margin-left: 3%;
                    border: 1px solid gray;
                }
                .questionnaire-index .btn.m-btn--square {
                    -webkit-border-radius: 5px!important;
                    -moz-border-radius: 5px!important;
                    -ms-border-radius: 5px!important;
                    -o-border-radius: 5px!important;
                    border-radius: 5px !important;
                }
                .questionnaire-index a.form-control.btn.m-btn--square.btn-success {
                    background-color: #00c5dc;
                    border-color: #fff;
                }
                .questionnaire-index a.form-control.btn.m-btn--square.btn-success:hover {
                    background-color: #00a3b6;
                    border-color: #fff;
                }
                .questionnaire-index a.form-control.btn.m-btn--square.btn-warning {
                    border-radius: 4px !important;
                }

                .questionnaire-index .btn-accent {
                    color: #fff;
                    background-color: #008D85;
                    border-color: #fff;
                }
                .questionnaire-index .btn-accent:hover {
                    color: #fff;
                    background-color: #348cc1;
                    border-color: #348cc1;
                }

                .questionnaire-index a.form-control.btn.m-btn--square.btn-success {
                    background-color: #008D85;
                    border-color: #fff;
                }
                .questionnaire-index a.form-control.btn.m-btn--square.btn-success:hover {
                    background-color: #348cc1;
                    border-color: #348cc1;
                }

                .questionnaire-index .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                    margin-right: -18px;
                }

                /* Rate Answers */
                .rate-answers .m-subheader{
                    padding: 30px 30px 0 50px;
                }

                .rate-answers .text-title h3 {
                    font-size: 20px;
                }
                /***RADIO BUTTONS SECTION**/
                .rate-answers .label-blue {
                    color: #008D85;
                }
                .rate-answers .rate-hr-questions .active {
                    background-color: transparent;
                }

                 /***RADIO BUTTONS SECTION**/
                 .rate-answers .label-blue {
                    color: #008D85;
                }

                [class*=" fa-"] {
                    font-size: 1.4rem;
                }

                .rate-answers label input[type="radio"] ~ i.fa.fa-circle-o{
                    color: #585858;
                    display: inline;
                    padding-right: 10px;
                }
                .rate-answers label input[type="radio"] ~ i.fa.fa-dot-circle-o{
                    display: none;
                    padding-right: 10px;
                }
                .rate-answers label input[type="radio"]:checked ~ i.fa.fa-circle-o{
                    display: none;
                    padding-right: 10px;
                }
                .rate-answers label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
                    color: #008D85;
                    display: inline;
                    padding-right: 10px;
                }
                .rate-answers label:hover input[type="radio"] ~ i.fa {
                    color: #008D85;
                    padding-right: 10px;
                }
                .rate-answers div[data-toggle="buttons"] label.active{
                    color: #008D85;
                    outline: none !important;
                    font-weight: 500;
                }

                /* Rate Questions css */

                .rate-questions a.btn.m-btn--square.btn-accent {
                    border-radius: 4px !important;
                    margin-bottom: 3%;
                }

                .rate-questions .dot {
                    height: 20px;
                    width: 20px;
                    background-color: #bbb;
                    border-radius: 50%;
                    display: inline-block;
                    margin-left: 3%;
                    border: 1px solid gray;
                }
                .rate-questions .btn.m-btn--square {
                    -webkit-border-radius: 5px!important;
                    -moz-border-radius: 5px!important;
                    -ms-border-radius: 5px!important;
                    -o-border-radius: 5px!important;
                    border-radius: 5px !important;
                }
                .rate-questions a.form-control.btn.m-btn--square.btn-success {
                    background-color: #00c5dc;
                    border-color: #fff;
                }
                .rate-questions a.form-control.btn.m-btn--square.btn-success:hover {
                    background-color: #00a3b6;
                    border-color: #fff;
                }
                .rate-questions a.form-control.btn.m-btn--square.btn-warning {
                    border-radius: 4px !important;
                }
                .rate-questions .btn-accent {
                    color: #fff;
                    background-color: #008D85;
                    border-color: #fff;
                }
                .rate-questions .btn-accent:hover {
                    color: #fff;
                    background-color: #348cc1;
                    border-color: #348cc1;
                }

                .rate-questions a.form-control.btn.m-btn--square.btn-success {
                    background-color: #008D85;
                    border-color: #fff;
                }
                .rate-questions a.form-control.btn.m-btn--square.btn-success:hover {
                    background-color: #348cc1;
                    border-color: #348cc1;
                }
                .rate-questions .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                    margin-right: -18px;
                }

                /* Annual legal update css */
                .annual-legal-update .m-subheader{
                    padding: 30px 30px 0 50px;
                }

                .annual-legal-update .text-title h3 {
                    font-size: 20px;
                }
                .annual-legal-update .m-portlet .m-portlet__body {
                    padding-bottom: 50px;
                    padding-top: 30px;
                }
                .annual-legal-update .dot {
                    height: 20px;
                    width: 20px;
                    background-color: #bbb;
                    border-radius: 50%;
                    display: inline-block;
                    margin-left: 3%;
                    border: 1px solid gray;
                }

                .annual-legal-update .btn.btn-primary {
                    float: right;
                }

                /* color picker */
                    .annual-legal-update .color-wrapper {
                        position: relative;
                        width: 250px;
                        margin: 20px auto;
                    }

                    .annual-legal-update .color-wrapper p {
                        margin-bottom: 5px;
                    }
                    .annual-legal-update .package-color-cont {
                        display: flex;
                        justify-content: center;
                    }
                    .annual-legal-update .package-label {
                        text-align: center;
                    }

                    .annual-legal-update input.call-picker {
                        border-radius: 0px 10px 10px 0px;
                        background: #f2f2f2;
                        color: #666;
                        text-transform: uppercase;
                        float: left;
                        border: none;
                        outline: none;
                        padding: 10px;
                        text-transform: uppercase;
                        width: 85px;
                    }

                    .annual-legal-update .color-picker {
                        width: 100%;
                        background: #F3F3F3;
                        height: auto;
                        padding: 5px;
                        border: 5px solid #fff;
                        box-shadow: 0px 0px 3px 1px #DDD;
                        position: absolute;
                        top: 73px;
                        left: 2px;
                        z-index:1;
                    }

                    .annual-legal-update .color-holder {
                        background: #fff;
                        cursor: pointer;
                        border: 1px solid #AAA;
                        width: 41px;
                        height: 41px;
                        border-radius: 10px 0px 0px 10px;
                        float: left;
                        margin-left: 5px;
                    }

                    .annual-legal-update .color-picker .color-item {
                        cursor: pointer;
                        width: 19px;
                        height: 21px;
                        list-style-type: none;
                        float: left;
                        margin: 2px;
                        border: 1px solid #DDD;
                    }

                    .annual-legal-update .color-picker .color-item:hover {
                        border: 1px solid #666;
                        opacity: 0.8;
                        -moz-opacity: 0.8;
                        filter:alpha(opacity=8);
                    }
                        /*Modal*/
                    .annual-legal-update .modal-header {
                         background: #008D85;
                        border-radius: 5px 5px 0px 0px;
                    }
                    .annual-legal-update .close,.rate-answers .close {
                        color: white !important;
                        opacity: 1;
                    }
                    .annual-legal-update .modal-body label {
                        color: black;
                    }
                    #newPackage {
                        color:white;
                    }
                    .annual-legal-update .btn-submit,.annual-legal-update .btn-submit:hover,.annual-legal-update .btn-submit:active,.annual-legal-update .btn-submit:focus {
                    background: #008D85 !important;
                    border: none !important;
                    }
                    .annual-legal-update .m-switch.m-switch--outline.m-switch--brand input:checked ~ span:after {
                        background-color: #008D85;
                    }
                    .annual-legal-update .btn-primary,.annual-legal-update .btn.btn-primary.active,.annual-legal-update .btn.btn-primary.focus,.annual-legal-update .btn.btn-primary:focus,.annual-legal-update .btn.btn-primary:hover:not(:disabled),.annual-legal-update .btn-primary:hover {
                        color: #fff;
                        background-color: #008D85 !important;
                        border-color: #008D85 !important;
                    }

                    /* Settings page css */
                    .settings-page .m-subheader {
                        padding: 30px 30px 0 50px;
                    }

                    .settings-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                        margin-right: -18px;
                    }
                    .settings-page .text-title h3 {
                        font-size: 20px;
                    }
                    .settings-page .m-portlet .m-portlet__body {
                        padding-bottom: 50px;
                        padding-top: 30px;
                    }

                    .settings-page .btn.btn-primary {
                        float: right;
                    }

                    /* color picker */
                    .settings-page .color-wrapper {
                        position: relative;
                        width: 250px;
                        margin: 20px auto;
                    }

                    .settings-page .color-wrapper p {
                        margin-bottom: 5px;
                    }
                    .settings-page .package-color-cont {
                        display: flex;
                        justify-content: center;
                    }
                    .settings-page .package-label {
                        text-align: center;
                    }

                    .settings-page input.call-picker {
                        border-radius: 0px 10px 10px 0px;
                        background: #f2f2f2;
                        color: #666;
                        text-transform: uppercase;
                        float: left;
                        border: none;
                        outline: none;
                        padding: 10px;
                        text-transform: uppercase;
                        width: 85px;
                    }

                    .settings-page .color-picker {
                        width: 100%;
                        background: #F3F3F3;
                        height: auto;
                        padding: 5px;
                        border: 5px solid #fff;
                        box-shadow: 0px 0px 3px 1px #DDD;
                        position: absolute;
                        top: 73px;
                        left: 2px;
                        z-index:1;
                    }

                    .settings-page .color-holder {
                        background: #fff;
                        cursor: pointer;
                        border: 1px solid #AAA;
                        width: 41px;
                        height: 41px;
                        border-radius: 10px 0px 0px 10px;
                        float: left;
                        margin-left: 5px;
                    }

                    .settings-page .color-picker .color-item {
                        cursor: pointer;
                        width: 19px;
                        height: 21px;
                        list-style-type: none;
                        float: left;
                        margin: 2px;
                        border: 1px solid #DDD;
                    }

                    .settings-page .color-picker .color-item:hover {
                        border: 1px solid #666;
                        opacity: 0.8;
                        -moz-opacity: 0.8;
                        filter:alpha(opacity=8);
                    }
                        /*Modal*/
                    .settings-page .modal-header {
                         background: #008D85;
                        border-radius: 5px 5px 0px 0px;
                    }
                    .settings-page .close {
                        color: white !important;
                        opacity: 1;
                    }
                    .settings-page .modal-body label {
                        color: black;
                    }
                    #newPackage {
                        color:white;
                    }

                    .settings-page .btn-submit,.settings-page .btn-submit:hover,.settings-page .btn-submit:active,.settings-page .btn-submit:focus {
                        background: #008D85 !important;
                        border: none !important;
                    }
                    .settings-page .m-switch.m-switch--outline.m-switch--brand input:checked ~ span:after {
                            background-color: #008D85;
                    }
                    .settings-page  .btn-primary,.settings-page .btn.btn-primary.active,.settings-page .btn.btn-primary.focus,.settings-page .btn.btn-primary:focus,.settings-page .btn.btn-primary:hover:not(:disabled),.settings-page .btn-primary:hover {
                        color: #fff;
                        background-color: #008D85 !important;
                        border-color: #008D85 !important;
                    }

                    /* Template Builder css */

                    .floater {
                        position: absolute;
                        top: 100px;
                        right: 1px;
                        width: 100px;
                        height: auto;
                        -webkit-transition: all 2s ease-in-out;
                        transition: all 2s ease-in-out;
                        z-index: 1;
                        border-radius: 3px 0 0 3px;
                        padding: 10px;
                        background-color: #008D85;
                        color: white;
                        text-align: center;
                        box-sizing: border-box;
                        cursor: pointer;
                    }
                    .floater2 {
                        position: absolute;
                        top: 200px;
                        right: 1px;
                        width: 100px;
                        height: auto;
                        -webkit-transition: all 2s ease-in-out;
                        transition: all 2s ease-in-out;
                        z-index: 1;
                        border-radius: 3px 0 0 3px;
                        padding: 10px;
                        background-color: #008D85;
                        color: white;
                        text-align: center;
                        box-sizing: border-box;
                        cursor: pointer;
                    }
                    .m-grid__item.m-grid__item--fluid.m-wrapper.template-builder {
                        position: relative;
                        margin-bottom: 0px !important;
                    }

                    .template-builder input[type="text"] {
                        border: 1px solid #ebedf2;
                        width: 50%;
                        margin-bottom: 5px;
                    }

                    .template-builder .color-pickerall {
                        width: 100%;
                        background: #F3F3F3;
                        height: auto;
                        padding: 5px;
                        border: 5px solid #fff;
                        box-shadow: 0px 0px 3px 1px #DDD;
                        position: absolute;
                        top: 73px;
                        left: 2px;
                        z-index:1;
                    }
                    .template-builder .color-holderall {
                        background: #fff;
                        cursor: pointer;
                        border: 1px solid #AAA;
                        width: 41px;
                        height: 41px;
                        border-radius: 10px 0px 0px 10px;
                        float: left;
                        margin-left: 5px;
                    }

                    .template-builder input.call-pickerall {
                        border-radius: 0px 10px 10px 0px;
                        background: #f2f2f2;
                        color: #666;
                        text-transform: uppercase;
                        float: left;
                        border: none;
                        outline: none;
                      padding: 10px;
                      text-transform: uppercase;
                      width: 85px;
                    }
                    .template-builder .color-pickerall .color-item {
                        cursor: pointer;
                        width: 19px;
                        height: 21px;
                        list-style-type: none;
                        float: left;
                        margin: 2px;
                        border: 1px solid #DDD;
                    }
                    .template-builder .color-pickerall .color-item:hover {
                        border: 1px solid #666;
                        opacity: 0.8;
                        -moz-opacity: 0.8;
                        filter:alpha(opacity=8);
                    }

                    .template-builder .templaterow center {
                        width: 75%;
                        margin: 0 auto;
                    }

                    .template-builder .templaterow p {
                        text-align: left;
                    }
                    .template-builder .templaterow img {
                        height: auto;
                        max-width: 100%;
                        width: 100%;
                    }
                    .template-builder .templaterow {
                        position: relative;
                        padding: 40px 0 !important;

                    }
                    .template-builder .templaterow:hover .edit {
                        display: block;
                    }
                    .template-builder .templaterow:hover .delete {
                        display: block;
                    }

                    .template-builder .edit {
                        padding-top: 7px;
                        padding-right: 7px;
                        position: absolute;
                        left: 0;
                        top: 0;
                        display: none;
                    }
                    .template-builder .edit a {
                        color: #000;
                    }
                    .template-builder .delete {
                        padding-top: 7px;
                        padding-right: 7px;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        display: none;
                    }
                    .template-builder .delete a {
                        color: #000;
                    }
                    .template-builder label {
                        margin-top: 15px !important;
                    }
                    .template-builder .fa-edit,.template-builder .fa-trash-alt {
                         margin-left: 10px;
                         font-size: 15px;
                         color: #fff;
                         text-shadow: .3px .3px 3px #000;
                         cursor: pointer;
                     }
                     .template-builder .m-nav-grid__icon {
                        display: block;
                        color: #329bc5;
                        font-size: 30px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-right: 0 !important;
                        cursor: pointer;
                    }
                    .template-builder .m-nav-grid__text {
                        display: flex;
                        justify-content: center;
                        margin-bottom: 40px;
                        margin-top: 10px;
                        font-size: 17px;
                        text-align: center;
                        cursor: pointer;
                    }
                    .template-builder .m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
                        color: #c1bfd0;
                    }

                    /** MODAL **/
                    .template-builder .modal {
                        max-height: 100%;
                        overflow-y: auto;
                    }
                    .template-builder .modal-header {
                        background: #008D85 !important;
                    }
                    .template-builder .modal-header h5 {
                        color: #fff;
                        font-size: 20px;
                    }
                    .template-builder .modal-icon {
                        color: #fff !important;
                        margin-right: 15px !important;
                    }
                    .template-builder .modal-body {
                        padding: 20px 40px !important;
                        font-size: 14px;
                    }
                    .template-builder .col.cta-field {
                        display: flex !important;
                        justify-content: space-between !important;
                    }

                    /** BUTTON**/
                    .template-builder button.close {
                        color: #fff;
                    }
                    .template-builder .add-container {
                        text-align: center;
                        margin-bottom: 10px;
                        color: #fff;
                    }
                    .template-builder .delete-container {
                        text-align: center;
                    }
                    .template-builder .btn-group-container {
                        text-align: center;
                        margin-top: 30px;
                    }
                    .template-builder .btn.btn-info {
                        color: #fff !important;
                    }
                    .template-builder .btn-container {
                        text-align: center;
                        margin-bottom: 15px;
                    }
                    .template-builder .trash-container {
                        text-align: center;
                    }
                    .template-builder .m-grid__item.m-grid__item--fluid.m-wrapper.template-builder {
                        position: relative;
                        margin-bottom: 0px !important;
                    }
                    .template-builder .far.fa-trash-alt {
                        cursor: pointer;
                    }


                    .template-builder .btn.btn-light {
                        background-color: #008D85 !important;
                        color: white;
                    }
                    .template-builder .stripe-padding center {
                        width: 100%;
                        margin: 0 auto;
                    }
                    .template-builder .stripe-container1 {
                        padding: 0 0 !important;
                    }
                    .template-builder .container-stripe {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        border-bottom-right-radius: 10px;
                        border-bottom-left-radius: 10px;
                        -webkit-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                        -moz-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                        box-shadow: 0px 1px 15px 1px rgba(67, 61, 73, 0.1);
                        background-color: #ffffff;
                        width: 70%;
                        margin: 0 auto 30px;
                        padding: 0 0 4rem 0;
                    }
                    .template-builder .stripe-header {
                        background-color: #008D85;
                        padding: 1rem 1.5rem;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        margin-bottom: 3rem;
                    }
                    .template-builder .stripe-header h4 {
                        color: #fff;
                    }
                    .template-builder span.signup-text {
                        font-size: 15px;
                        font-weight: 500;
                    }
                    .template-builder .stripe-padding label{
                            margin-top: 20px;
                            display: flex;
                            font-weight: 500;
                        }
                    .template-builder .input {
                        display: flex;
                        align-items: center;
                        margin: 10px 0;
                    }
                    .template-builder .input span {
                        font-size: 20px;
                        margin-right: 5px;
                        font-weight: 500;
                    }
                    .template-builder .card {
                        margin-top: 15px;
                    }
                    .template-builder button.btn.btn-dark {
                        width: 100%;
                        background-color: #008D85;
                        border-color: #008D85 !important;
                    }
                    .template-builder .note-editable {
                        min-height: 200px !important;
                    }

                    canvas {
                        background-color: #ececec;
                        border: 1px solid #eaeaea !important;
                        max-width: 400px !important;
                        width: 100%;
                        margin-bottom: 10px;
                    }

                    .template-builder .m-content {
                        padding: 0 !important;
                        padding-bottom: 50px !important;
                    }

                    /*  Email show css */

                    .template-email h2 {
                        font-size: 20px;
                    }
                    .template-email .m-portlet__head-icon, .m-portlet__head-text {
                        color: white !important;
                    }
                    .template-email .m-portlet__head {
                        background: #008D85;
                        color: white !important;
                    }
                    .template-email .m-portlet {
                        margin-top: 10px;
                        background: none;
                        box-shadow: none;
                    }
                    .m-body .m-content.template-email {
                        padding: 15px 30px;
                    }
                    .template-email .cke_chrome {
                        box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08) !important;
                    }

                    .template-email small {
                        color: #a9a9a9;
                    }
                    .template-email .note-editable {
                        min-height: 400px !important;
                    }
                    /* Templates show */

                    .templates-show .stripe-container1 {
                        padding: 0 0 !important;
                    }
                    .templates-show .container-stripe {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        border-bottom-right-radius: 10px;
                        border-bottom-left-radius: 10px;
                        -webkit-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                        -moz-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.1);
                        box-shadow: 0px 1px 15px 1px rgba(67, 61, 73, 0.1);
                        background-color: #ffffff;
                        background-color: #ffffff;
                        width: 100%;
                        margin: 1rem auto;
                        padding: 0 0 4rem 0;
                    }
                    .templates-show .stripe-header {
                        background-color: #008D85;
                        padding: 1rem 1.5rem;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        margin-bottom: 3rem;
                    }
                    .templates-show .stripe-header h4 {
                        color: #fff;
                    }
                    .templates-show span.stripe-label {
                        font-size: 15px;
                        font-weight: 500;
                    }
                    .templates-show .stripe-padding {
                        padding: 1rem 4rem;
                    }
                    .templates-show .stripe-padding input{
                        margin-bottom: 10px;
                    }
                    .templates-show .stripe-padding label{
                            margin-top: 20px;
                            display: flex;
                            font-weight: 500;
                        }
                    .templates-show .input {
                        display: flex;
                        align-items: center;
                        margin: 10px 0;
                    }
                    .templates-show .input span {
                        font-size: 20px;
                        margin-right: 5px;
                        font-weight: 500;
                    }

                    .templates-show .card {
                        margin-top: 15px;
                    }
                    .templates-show button.btn.btn-dark {
                        width: 100%;
                        background-color: #008D85;
                        border-color: #008D85 !important;
                    }
                    .templates-show .stripe-container-2 {
                        background-color: #f7f7f7;
                        padding: 2rem;
                        margin: 0 4rem;
                    }
                    .templates-show .stripe-padding center {
                        width: 100%;
                        margin: 0 auto;
                    }
                    .templates-show .templaterow center {
                        width: 75%;
                        margin: 0 auto;
                    }
                    .templates-show .templaterow p {
                        text-align: left;
                        margin-right: 0 !important;
                    }
                    .templates-show .templaterow img {
                        height: auto;
                        max-width: 100%;
                        width: 100%;
                    }
                    .templates-show .templaterow {
                        padding: 40px 0 !important;
                    }
                    canvas {
                        background-color: #ececec;
                        border: 1px solid #eaeaea !important;
                        max-width: 400px !important;
                        width: 100%;
                        margin-bottom: 10px;
                    }

                    /* Templates page css */

                    .templates-page .m-subheader {
                        padding: 30px 30px 0 50px;
                    }

                    .templates-page li.m-nav__item.m-nav__item--home {
                        margin-right: -15px;
                    }

                    .templates-page .text-title {
                        vertical-align: middle;
                        display: table-cell;
                        font-weight: 500;
                        font-size: 20px;
                        color: white;
                    }
                    .templates-page .header-notice {
                        background: #f4f3f8;
                        padding: 20px;
                        border-radius: 10px;
                    }
                    .templates-page .m-portlet .m-portlet__head1 {
                        border-bottom: 1px solid #ebedf2;
                        background-color: #008D85;
                        border-top-right-radius: 10px;
                        border-top-left-radius: 10px;
                    }

                    .templates-page .form-control.focus,.templates-page .form-control:focus {
                        border-color: #008D85;
                    }
                    .templates-page .m-portlet .m-portlet__head1 {
                        display: table;
                        padding: 0;
                        width: 100%;
                        padding: 0 2.2rem;
                        height: 5.1rem;
                    }
                    .templates-page .m-subheader__title {
                        padding: 29px 0px;
                        text-align: center;
                    }
                    .templates-page .post-entry {
                        background: white;
                        padding: 10px 20px;
                        margin: 20px 0px;
                        border-radius: 10px;
                    }

                    .templates-page .subject-post h3 {
                        font-size: 17px;
                    }

                    .templates-page td {
                        vertical-align: middle;
                        padding: 11px 10px;
                    }
                    .templates-page th {
                        background: #f4f3f8 !important;
                        width: 573px !important;
                        padding: 16px 10px !important;
                        text-align: center;
                        font-weight: 600 !important;
                    }

                    .templates-page .btn-post {
                        background: #42a5dc;
                        border: none;
                    }
                    .templates-page .btn-primary,.templates-page .btn-primary:not(:disabled):not(.disabled):active,.templates-page .btn-primary:not(:disabled):not(.disabled).active,.templates-page .show > .btn-primary.dropdown-toggle,.templates-page .btn-primary:hover {
                        background-color: #008D85;
                        border-color: #008D85 !important;
                    }
                    .templates-page .btn-post:hover {
                        background: #008D85;
                        border: none;
                    }
                    .templates-page .post-entry-cont {
                        display: flex;
                        justify-content: space-between;
                    }

                    .templates-page .show-btn-cont {
                        align-items: center;
                        display: flex;
                        margin-right: 5px;
                    }

                    .templates-page .btn-accent:not(:disabled):not(.disabled):active,.templates-page .btn-accent:not(:disabled):not(.disabled).active,.templates-page .show > .btn-accent.dropdown-toggle,.templates-page .btn.btn-accent:hover,.templates-page a.btn.m-btn--square.btn-header-accent:hover,.templates-page button.btn.m-btn--square.btn-modal-accent:hover{
                        background-color: #348cc1;
                        border-radius: 5px !important;
                        border-color: #348cc1;
                    }
                    .templates-page .btn.btn-accent {
                        background-color: #008D85;
                        border-radius: 5px !important;
                        border-color: #008D85;
                        margin-bottom: 5px;
                    }
                    .templates-page a.btn.m-btn--square.btn-header-accent {
                        background-color: #008D85;
                        border-radius: 5px !important;
                        border-color: #008D85;
                        margin-top: 21px !important;
                        color: white;
                        margin-left: 2px;
                    }
                    .templates-page .btn-modal-accent:not(:disabled):not(.disabled):active,.templates-page .btn-accent:not(:disabled):not(.disabled).active,.templates-page .show > .btn-accent.dropdown-toggle {
                        background-color: #348cc1;
                        border-radius: 5px !important;
                        border-color: #348cc1;
                        color: white;
                    }

                    .templates-page a.btn.m-btn--square.btn-warning {
                        border-radius: 5px !important;
                        margin-bottom: 5px;
                    }
                    .templates-page .btn-duplicate {
                        background-color: #3b8dbf !important;
                        border-color: #3b8dbf !important;
                    }
                    .templates-page .m-portlet__head-tools ul {
                        list-style: none;
                    }
                    .templates-page .cstm-mod {
                        max-width:60%;
                    }
                    /* employee manual progress */
                    .templates-page .w3-light-grey.w3-round {
                        background-color: #dd3737;
                        border-radius: 20px;
                        flex-grow: 1;
                    }
                    .templates-page .w3-container.w3-blue.w3-round {
                        background: #4bd38d;
                        border-top-left-radius: 15px;
                        border-bottom-left-radius: 15px;
                    }
                    .templates-page .progress-text {
                        flex-grow: 0.05;
                    }
                    .templates-page .progress-box {
                        display: flex;
                        justify-content: space-between;
                    }
                    .templates-page .employee-header {
                        display: flex;
                        justify-content: space-between;
                    }

                    /* employee */
                    .templates-page .m-portlet .m-portlet__head {
                        border-bottom: 1px solid #ebedf2;
                        padding-bottom: 20px;
                    }
                    .templates-page .m--margin-bottom-30 {
                        margin-bottom: 30px !important;
                        margin-top: 30px !important;
                    }
                    .templates-page .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
                        padding: 20px 0 0 0 !important;
                    }
                    .templates-page .m-tabs-line.nav.nav-tabs .nav-link:hover,.templates-page .m-tabs-line.nav.nav-tabs .nav-link.active,.templates-page .m-tabs-line a.m-tabs__link:hover,.templates-page .m-tabs-line a.m-tabs__link.active {
                        border-top: 1px solid #ebedf2;
                        border-left: 1px solid #ebedf2;
                        border-right: 1px solid #ebedf2;
                        border-bottom: 1px solid #fff;
                        padding: 1rem;
                    }
                    .templates-page .modal-header {
                        background: #008D85;
                    }
                    .templates-page button.close,.templates-page button.close:hover {
                        color: white;
                    }
                    .templates-page .modal-body {
                        height: auto;
                        overflow: scroll;
                    }
                     /* Scrollbar styles */

                     .templates-page .left-list ul,.templates-page .right-list ul {
                        list-style: none;
                    }
                    .templates-page .manage-mod {
                         padding: 0px !important;
                         overflow-x: hidden;
                         text-align: center;
                         font-size: 15px;
                    }
                    .templates-page .left-list {
                        padding-right: 20px;
                        padding-top: 15px;
                    }
                    .templates-page .right-list {
                        background: #f2f2f2;
                        padding-top: 10px;
                        padding-left: 20px !important;
                    }
                    .templates-page .right-list ul {
                        padding-left: 20px;
                    }
                      /* <!-- Employee Info --> */
                      .templates-page .dash-header,.templates-page .navigation-menu-nav,.templates-page .mod-box,.templates-page .qualifications,.templates-page .mod-box-cal img,.templates-page .upcoming-birthdays,.templates-page .calendar-birthday{
                        margin-bottom:35px;
                        background: white;
                        -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        border-radius: 10px;
                    }
                    .templates-page .dash-header {
                        padding: 15px;
                        margin-bottom: -25px !important;
                    }
                    .templates-page .dash-logo {
                        width: 60%;
                        margin: auto;
                        margin-bottom: 15px;
                    }
                    .templates-page .dash-subheader {
                        display: flex;
                    }
                    .templates-page .dash-mod {
                        display: flex;
                        justify-content: space-between;
                    }
                    /* DASHBOARD */
                    .templates-page .first-section {
                        display: flex;
                        flex-grow: 1;
                    }
                    .templates-page .second-section {
                        display: flex;
                        flex-grow: 1;
                    }
                    .templates-page .total-clients1 {
                        flex-grow: 1;
                        padding-right: 7%;
                    }
                    .templates-page .total-clients {
                        flex-grow: 1;
                        padding-right: 3%;
                        border-right: 2px solid #dbdbdb;
                    }
                    .templates-page .clients {
                        flex-grow: 1;
                        border-right: 2px solid #dbdbdb;
                        margin-right: 4%;
                    }
                    .templates-page .inner2 {
                        flex-grow: 1;
                        margin-right: 4%;
                    }
                    .templates-page .clients1 {
                        flex-grow: 1;
                        margin-right: 4%;
                    }
                    .templates-page .inner-clients {
                        display: flex;
                        padding-right: 5%;
                    }
                    .templates-page .one {
                        display: flex;
                        margin-bottom: 2%;
                    }
                    .templates-page .line {
                        height: 10%;
                        border-radius: 5px;
                    }
                    .templates-page .total-and-bar1 {
                        margin-left: -25%;
                        flex-grow: 1;
                        margin-top: 6%;
                    }
                    .templates-page .count {
                        margin-right: 5px;
                    }
                    .templates-page .total-and-bar {
                        margin-left: -25%;
                        margin-top: 3%;
                        margin-right: 5px;
                    }

                    .templates-page .outline {
                        flex-grow: 1;
                        border-radius: 20px;
                        border: 3px solid #ebebf0;
                        padding: 2px;
                        width: 105%;
                    }
                    .templates-page .clients-text {
                        font-size: 13px;
                        font-weight: 400;
                        padding-bottom: 10px;
                        font-family: "Open Sans";
                        color: #676c7b !important;
                    }
                    .templates-page .line1 {
                        height: 10%;
                        border-radius: 5px;
                        width: 75%;
                    }
                    .templates-page .image1 {
                        margin-top: 3%;
                        margin-bottom: 4%;
                    }
                    .templates-page .inner-tc {
                        margin-top: 3%;
                    }
                    .templates-page .number {
                        color: #767676;
                    }
                    .templates-page .inner-tc1 {
                        margin-top: 8%;
                    }
                    .templates-page .btn-cstm {
                        width: 130px;
                        margin: 4px;
                    }
                    .templates-page .head-table {
                        padding:15px;
                    }
                    .templates-page .row-table-cstm td {
                        padding: 15px 0px;
                    }

                    .templates-page input[type='number'] {
                        -moz-appearance:textfield;
                    }

                    .templates-page .client-navtab {
                        display: flex;
                        justify-content: flex-start;
                    }

                    .templates-page input[type='number']::-webkit-outer-spin-button,
                    .templates-page input[type='number']::-webkit-inner-spin-button {
                        -webkit-appearance: none;
                    }

                    .templates-page a.form-control.btn.m-btn--square.btn-warning,.templates-page a.form-control.btn.m-btn--square.btn-danger,.templates-page
                    a.form-control.btn.m-btn--square.btn-accent {
                        width: 130px !important;
                        border-radius: 5px !important;
                        margin-bottom: 5px;
                    }

                    .templates-page a.form-control.btn.m-btn--square.btn-danger {
                        color: #fff;
                    }

                    /* Terms condition page */

                    .terms-conditions-page .m-portlet__head {
                        background-color: #008D85 !important;
                        border-color: #008D85 !important;
                        border-top-right-radius: 10px !important;
                        border-top-left-radius: 10px !important;
                    }

                    .terms-conditions-page .m-portlet.m-portlet--success.m-portlet--head-solid-bg {
                        background-color: transparent;
                        border-color: transparent;
                    }


                    .terms-conditions-page .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                        margin-right: -18px;
                    }

                    .terms-conditions-page .btn.btn-light {
                        background-color: #008D85 !important;
                        padding: 0.65rem 1rem;
                        font-size: 1rem;
                        color: white;
                        line-height: 1.25;
                        border-radius: 0.25rem;
                    }

                    /* Tickets create css */

                    .tickets-create img{
                        max-width: 200px;
                    }

                    .tickets-create .mr-auto,.tickets-create .mx-auto {
                        padding-left: 20px;
                    }
                    .tickets-create .avatar-upload {
                        margin: 10px auto 40px auto;
                    }

                    .tickets-create .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                        margin-right: -18px;
                    }

                    .tickets-create label {
                        font-size: 14px;
                    }
                    .tickets-create select#recipient,.tickets-create select#client {
                        padding: 2.5px;
                        border: 1px solid #ebedf2;
                    }

                    .tickets-create .m-portlet .m-portlet__head {
                        border-bottom: 1px solid #ebedf2;
                        background-color: #008D85;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                    }

                    .tickets-create input.form-control,.tickets-create select#exampleFormControlSelect1 {
                        border-color: #ebedf2;
                    }
                    .tickets-create .form-control.focus,.tickets-create .form-control:focus {
                        border-color: #008D85;
                    }
                    .tickets-create .btn-success {
                        background-color: #008D85;
                        border-color: #008D85;
                    }
                    .tickets-create .btn-success:hover {
                        background-color: #1198c5;
                        border-color: #1198c5;
                    }

                    .tickets-create input.form-control,.tickets-create select {
                        margin-bottom: 10px;
                    }
                    .tickets-create select {
                        width: 100% !important;
                    }

                    .tickets-create .note-editable {
                        height: 200px;
                     }
                     .tickets-create .btn.btn-light {
                         background-color: #008D85 !important;
                         color: white;
                     }
                     .tickets-create input.note-link-text.form-control.note-form-control.note-input {
                         display: none;
                     }

                     /* Tickets index css */
                     .tickets-index .m-subheader {
                        padding: 30px 30px 0 50px;
                     }

                     .tickets-index .text-title {
                        vertical-align: middle;
                        display: table-cell;
                        font-weight: 500;
                        font-size: 17px;
                        color: white;
                    }

                    .tickets-index .text-title h3 {
                        font-size: 20px;
                    }
                    .tickets-index .m-portlet .m-portlet__body {
                        padding-bottom: 40px;
                        padding-top: 30px;
                    }
                    .tickets-index .m-portlet .m-portlet__head {
                        border-bottom: 1px solid #ebedf2;
                        background-color: #008D85;
                        border-top-right-radius: 10px;
                        border-top-left-radius: 10px;
                    }

                    .tickets-index .avatar-upload .avatar-preview {
                        border: 5px solid #dddddd;
                    }
                    .tickets-index .m-portlet.m-portlet--mobile {
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        border-bottom-right-radius: 10px;
                        border-bottom-left-radius: 10px;
                    }
                    .tickets-index a.btn.m-btn--square.btn-accent {
                        border-radius: 4px !important;
                        margin-bottom: 3%;
                    }

                    .tickets-index .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                        margin-right: -18px;
                    }
                    .tickets-index .dot {
                            height: 20px;
                            width: 20px;
                            background-color: #bbb;
                            border-radius: 50%;
                            display: inline-block;
                            margin-left: 3%;
                            border: 1px solid gray;
                    }
                    .tickets-index .btn.m-btn--square {
                        -webkit-border-radius: 5px!important;
                        -moz-border-radius: 5px!important;
                        -ms-border-radius: 5px!important;
                        -o-border-radius: 5px!important;
                        border-radius: 5px !important;
                    }

                    .tickets-index a.form-control.btn.m-btn--square.btn-success {
                        background-color: #00c5dc;
                        border-color: #fff;
                    }
                    .tickets-index a.form-control.btn.m-btn--square.btn-success:hover {
                        background-color: #00a3b6;
                        border-color: #fff;
                    }

                    .tickets-index .btn-accent {
                        color: #fff;
                        background-color: #008D85;
                        border-color: #fff;
                    }
                    .tickets-index .btn-accent:hover {
                        color: #fff;
                        background-color: #348cc1;
                        border-color: #348cc1;
                    }
                    .tickets-index .btn.btn-primary {
                        background: #008D85 !important;
                        border-color: #008D85 !important;
                    }

                    .tickets-index a.form-control.btn.m-btn--square.btn-success {
                        background-color: #008D85;
                        border-color: #fff;
                    }
                    .tickets-index a.form-control.btn.m-btn--square.btn-success:hover {
                        background-color: #348cc1;
                        border-color: #348cc1;
                    }

                    .tickets-index .color-wrapper {
                        position: relative;
                        width: 250px;
                        margin: 20px auto;
                    }

                    .tickets-index .color-wrapper p {
                        margin-bottom: 5px;
                    }
                    .tickets-index .package-color-cont {
                        display: flex;
                        justify-content: center;
                    }
                    .tickets-index .package-label {
                        text-align: center;
                    }

                    .tickets-index input.call-picker {
                        border-radius: 0px 10px 10px 0px;
                        background: #f2f2f2;
                        color: #666;
                        text-transform: uppercase;
                        float: left;
                        border: none;
                        outline: none;
                      padding: 10px;
                      text-transform: uppercase;
                      width: 85px;
                    }

                    .tickets-index .color-picker {
                        width: 100%;
                        background: #F3F3F3;
                        height: auto;
                        padding: 5px;
                        border: 5px solid #fff;
                        box-shadow: 0px 0px 3px 1px #DDD;
                        position: absolute;
                        top: 73px;
                        left: 2px;
                        z-index:1;
                    }

                    .tickets-index .color-holder {
                          background: #fff;
                        cursor: pointer;
                        border: 1px solid #AAA;
                        width: 41px;
                        height: 41px;
                        border-radius: 10px 0px 0px 10px;
                        float: left;
                        margin-left: 5px;
                    }

                    .tickets-index .color-picker .color-item {
                        cursor: pointer;
                        width: 19px;
                        height: 21px;
                        list-style-type: none;
                        float: left;
                        margin: 2px;
                        border: 1px solid #DDD;
                    }

                    .tickets-index .color-picker .color-item:hover {
                        border: 1px solid #666;
                        opacity: 0.8;
                        -moz-opacity: 0.8;
                        filter:alpha(opacity=8);
                    }

                    .tickets-index .btn-submit,.tickets-index .btn-submit:hover,.tickets-index .btn-submit:active,.tickets-index .btn-submit:focus {
                        background: #008D85 !important;
                        border: none !important;
                        }

                        /* Tickets show */
                        .tickets-show .m-subheader {
                            padding: 30px 30px 0 50px;
                        }

                        .tickets-show img{
                            max-width: 200px;
                        }

                        .tickets-show a.btn.m-btn--square.btn-accent {
                            border-radius: 4px !important;
                            margin-bottom: 3%;
                        }
                        .tickets-show a.form-control.btn.m-btn--square.btn-warning {
                            border-radius: 4px !important;
                        }
                        .tickets-show .btn-accent,.tickets-show .btn-primary {
                            color: #fff;
                            background-color: #008D85;
                            border-color: #fff;
                        }
                        .tickets-show .btn-accent:hover,.tickets-show .btn-primary:hover {
                            color: #fff;
                            background-color: #348cc1;
                            border-color: #348cc1;
                        }
                        .tickets-show .btn.btn-primary {
                            background: #008D85 !important;
                            border-color: #008D85 !important;
                        }

                        .tickets-show .m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item.m-nav__item--home > .m-nav__link > .m-nav__link-icon {
                            padding-left: 15px !important;
                        }
                        .tickets-show .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
                            color: #fff !important;
                        }
                        .tickets-show .text-title {
                            vertical-align: middle;
                            display: table-cell;
                            font-weight: 500;
                            font-size: 17px;
                            color: white;
                            margin-bottom: 0px;
                        }

                        .tickets-show .text-title h3 {
                            font-size: 20px;
                        }

                        .tickets-show a.btn.m-btn--square.btn-warning {
                            border-radius: 4px !important;
                            margin-bottom: 3%;
                        }
                        .tickets-show .btn.btn-modal-accent:hover {
                            background-color: #348cc1;
                            border-radius: 5px !important;
                            color: white;
                        }
                        .tickets-show .btn.btn-modal-accent {
                            background-color: #008D85;
                            border-radius: 5px !important;
                            color: white;
                        }
                        #reply {
                            margin-top: 60px;
                        }
                        .tickets-show .bttns {
                            display: flex;
                            margin-top: 20px;
                        }
                        .tickets-show .ticket-cont {
                            background: #f2f2f2;
                            margin: 25px 0px;
                            border-radius: 20px;
                        }
                        .tickets-show .user-head-title {
                            background: #008D85;
                            padding: 10px;
                            font-size: 16px;
                            color: white;
                            border-radius: 10px 10px 0px 0px;
                        }
                        .tickets-show i.fas.fa-ticket-alt {
                            font-size: 30px;
                        }
                        .tickets-show .ticket-message {
                            padding: 5px 20px 20px 20px;
                            display: flex;
                            flex-direction: column;
                        }
                        .tickets-show .msg-container {
                            display: flex;
                            align-items: center;
                            padding: 20px 30px;
                            font-size: 17px;
                        }

                        .tickets-show .msg-container p {
                            margin-bottom: 0 !important;
                        }
                        .tickets-show .admin-header-title {
                            background: #686868;
                            padding: 10px;
                            font-size: 16px;
                            color: white;
                            border-radius: 10px 10px 0px 0px;
                        }
                        .tickets-show .admin-cont {
                            background: #f2f2f2;
                            margin: 25px 0px;
                            border-radius: 20px;
                        }
                        .tickets-show .note-editable {
                             height: 200px;
                        }
                        .tickets-show input.note-link-text.form-control.note-form-control.note-input {
                            display: none;
                        }

                        /* Cancellation policy */

                        .cancellation-page .m-portlet__head {
                            background-color: #008D85 !important;
                            border-color: #008D85 !important;
                            border-top-right-radius: 10px !important;
                            border-top-left-radius: 10px !important;
                        }

                        .cancellation-page .m-portlet.m-portlet--success.m-portlet--head-solid-bg {
                            background-color: transparent;
                            border-color: transparent;
                        }

                        /* BUTTONS */
                        .cancellation-page .btn.btn-light {
                            background-color: #008D85 !important;
                            padding: 0.65rem 1rem;
                            font-size: 1rem;
                            color: white;
                            line-height: 1.25;
                            border-radius: 0.25rem;
                        }

                        /* System dashboard */

                        .system-dashboard .m-portlet .m-portlet__head {
                            height: auto !important;
                            padding: 1rem 2.2rem !important;
                        }
                        .system-dashboard .m-portlet__head.image-header {
                            display: flex !important;
                            justify-content: space-between !important;
                            align-items: center;
                        }
                        .system-dashboard .img-dashboard {
                            width: 15%;
                        }
                        .system-dashboard select#document_list {
                            font-family: 'FontAwesome', sans-serif;
                        }

                        .system-dashboard select#document_list {
                            padding: 2.5px;
                            display: block;
                            width: 100%;
                            min-width: 150px;
                            padding: 0.7rem;
                            font-size: 1rem;
                            line-height: 1.25;
                            color: #495057;
                            background-color: #fff;
                            background-clip: padding-box;
                            border: 1px solid #ced4da;
                            border-radius: 0.25rem;
                            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                        }
                        .system-dashboard .total-panel {
                            background-color: white;
                            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            width: 50%;
                            height: 50%;
                        }

                         /* <!-- Employee Info --> */
                         .system-dashboard .dash-header,.system-dashboard .navigation-menu-nav,.system-dashboard .mod-box,.system-dashboard .qualifications,.system-dashboard .mod-box-cal img,.system-dashboard .upcoming-birthdays,.system-dashboard .calendar-birthday{
                            margin-bottom:35px;
                            background: white;
                            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            border-radius: 10px;
                        }
                        .system-dashboard .dash-header {
                            padding: 0;
                        }
                        .system-dashboard .dash-logo {
                            width: 60%;
                            margin: auto;
                            margin-bottom: 15px;
                        }
                        .system-dashboard .dash-subheader {
                            margin: auto;
                            display: flex;
                        }
                        .system-dashboard .dash-mod {
                            display: flex;
                            flex-wrap:wrap;
                            justify-content: space-between;
                        }

                         /* <!-- Mod box --> */
                         .system-dashboard .mod-box {
                            margin-bottom: 26px;
                            width: 49%;
                            /* padding: 23px; */
                            /* background: #008D85; Old browsers */
                            /* background: -moz-linear-gradient(top, #008D85 0%, #008D85 38%, #ffffff 39%, #ffffff 39%, #ffffff 40%, #ffffff 100%); FF3.6-15 */
                            /* background: -webkit-linear-gradient(top, #008D85 0%,#008D85 38%,#ffffff 39%,#ffffff 39%,#ffffff 40%,#ffffff 100%); Chrome10-25,Safari5.1-6 */
                            /* background: linear-gradient(to bottom, #008D85 0%,#008D85 22%,#ffffff 22%,#ffffff 22%,#ffffff 22%,#ffffff 100%); */
                            /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008D85', endColorstr='#ffffff',GradientType=0 ); IE6-9 */
                        }
                        .system-dashboard .image-header img {
                            border: 5px solid white;
                            border-radius: 100%;
                            background: wheat;
                        }
                        .system-dashboard .title-box1 {
                            text-align: right;
                            font-size: 20px;
                            font-weight: 600;
                            color: white;
                        }
                        .system-dashboard .btn-employee {
                            padding: 2% 20%;
                            background: #008D85;
                            border: none;
                            border-radius: 10px;
                            color: white;
                        }
                        .system-dashboard .btn-mod {
                            text-align: center;
                            padding: 2% 0px;
                        }
                        .system-dashboard .w3-light-grey.w3-round {
                            BACKGROUND-COLOR: #dd3737;
                            border-radius: 20px;
                            flex-grow: 1;
                        }
                        .system-dashboard .w3-container.w3-blue.w3-round {
                            background: #4bd38d;
                            border-top-left-radius: 15px;
                            border-bottom-left-radius: 15px;
                        }
                        .system-dashboard .progress-text {
                            flex-grow: 0.05;
                        }
                        .system-dashboard .progress-box {
                            justify-content: space-between;
                            flex: 1 1 50%;
                            margin-top: 10px;
                        }
                        .system-dashboard .employee-header {
                            display: flex;
                            justify-content: space-between;
                        }

                        .system-dashboard .one {
                            display: flex;
                            font-size: 13px;
                            font-weight: 400;
                            padding-bottom: 3px;
                            font-family: "Open Sans";
                            color: #676c7b !important;
                            flex-direction: column;
                            align-items: center;
                        }

                        .system-dashboard .inner2 {
                            flex-grow: 1;
                            margin-right: 4%;
                        }

                        /* total-section */
                        .system-dashboard .first-section {
                            justify-content: flex-start;
                            flex-grow: 1;
                            display: flex;
                        }

                        /* Scroll bar */
                        .system-dashboard .myBox {
                            border: none;
                            padding-right: 10px;
                            max-height: 450px;
                            overflow: scroll;
                        }
                        .system-dashboard .datatables,.system-dashboard .myBox  {
                            overflow: auto !important;
                            max-height: 500px !important;
                        }

                         /* Subscription Progress Bar */
                         .system-dashboard .progress1 {
                            display: flex;
                            height: 2rem;
                            overflow: hidden;
                            font-size: 0.75rem;
                            border-radius: 20px;
                            border: 3px solid #ebebf0;
                            padding: 2px;
                        }
                        .system-dashboard .progress-bar1.progress-bar-success {
                            background-color: #097275;
                            border-top-left-radius: 20px;
                            border-bottom-left-radius: 20px;
                        }
                        .system-dashboard .progress-bar-danger {
                            background-color: #e2ad38;
                            border-bottom-right-radius: 20px;
                            border-top-right-radius: 20px;
                        }
                        .system-dashboard .progress-bar-warning {
                            background-color: #c96d1c;
                        }
                        .system-dashboard .progressone {
                            height: 0.5rem;
                            overflow: hidden;
                            background-color: #e9ecef;
                            border-radius: 0.25rem;
                            box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
                        }
                        .system-dashboard .emp-progress {
                            display: flex;
                            margin-bottom: 10px;
                        }
                        .system-dashboard .complete {
                            display: flex;
                            /* flex: 1 1 40%; */
                            align-items: flex-end;
                        }

                        /* Subscription Table */
                        #customers {
                            border-collapse: collapse;
                            width: 100%;
                            margin-top: 30px;
                        }

                        #customers td, #customers th {
                            border: 1px solid white;
                            padding: 8px 15px;
                            text-align: center;
                        }
                        #customers tr:nth-child(even){background-color: #f2f2f2;  text-align: center;}
                        #customers tr:hover {background-color: #ddd; text-align: center;}
                        #customers th {
                            background-color: #5a5a5a;
                            color: white;
                            text-align: center;
                            font-weight: 500;
                        }

                        /* total dashboard */
                        /* CLIENTS */
                        .system-dashboard .first-section {
                            width: 51%;
                        }
                        .system-dashboard .clients1 {
                            width: 49%;
                            flex-grow: 1;
                            padding: 10px;
                        }
                        .system-dashboard .clients-text {
                            font-size: 15px;
                            font-weight: 400;
                            font-family: "Open Sans";
                        }
                        .system-dashboard .clients {
                            width: 49%;
                            flex-grow: 1;
                            padding: 10px;
                            border-right: 2px solid #dbdbdb;
                        }
                        .system-dashboard .inner-clients {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            flex-direction: column;
                            overflow: hidden;
                            text-align: center;
                            padding-top: 10%;
                        }
                        .system-dashboard .count {
                            flex-grow: 1;
                            margin-left: 3%;
                            font-size: 50px;
                            margin-right: 3%;
                            margin-top: -3%;
                            color: #767676;
                            font-family: "Open Sans";
                        }
                        .system-dashboard .total-and-bar {
                            flex-grow: 1;
                        }
                        .system-dashboard .image1 {
                            flex-grow: 1;
                            margin-bottom: 12px;
                        }

                        .system-dashboard .image1 img{
                            margin-left: auto;display: block;margin-right: auto;width: 55%;
                        }

                            /* TOTAL_SUBSCRIPTION */
                        .system-dashboard .total-clients {
                            flex-grow: 1;
                            width: 49%;
                            overflow: hidden;
                            padding: 1% 3% 0 3%;
                            border-right: 2px solid #dbdbdb;
                        }
                        .system-dashboard .left div,.system-dashboard .right div {
                            margin-bottom: 7px;
                        }
                        .system-dashboard .number {
                            font-size: 15px;
                            font-weight: 500;
                            color: #767676;
                        }
                        .system-dashboard .inner-tc {
                            margin-top: 15px;
                            display: flex;
                            justify-content: space-between;
                        }
                        /* SECOND SECTION */
                        .system-dashboard .second-section {
                            display: flex;
                            justify-content: flex-end;
                            width: 51%;
                            overflow: hidden;
                        }

                        /* TOTAL EMPLOYESS */
                        .system-dashboard .employees {
                            flex-grow: 1;
                        }

                        /* TOTAL LEADS */
                        .system-dashboard .leads {
                            flex-grow: 1;
                        }
                        .system-dashboard .basic {
                            display: flex;
                            min-width: 200px;
                        }

                        .system-dashboard .dot {
                            height: 20px;
                            width: 20px;
                            background-color: #bbb;
                            border-radius: 50%;
                            display: inline-block;
                            margin-right: 10px;
                            border: 1px solid gray;
                        }
                        .system-dashboard .title {
                            text-align: left;
                            font-size: 15px;
                            font-weight: 400;
                        }
                        .system-dashboard .titleone {
                            text-align: left;
                            margin-left: 25%;
                            font-size: 15px;
                            font-weight: 400;
                        }
                        .system-dashboard .outline {
                            border-radius: 20px;
                            border: 3px solid #ebebf0;
                            padding: 2px
                        }
                        /* STACKED GRAPH */
                        .system-dashboard h3,.system-dashboard h6 {
                            margin: 0;
                            line-height: 1em;
                        }
                        .system-dashboard h3 {
                            margin-bottom: 1em;
                        }
                        .system-dashboard h6 {
                            font-size: .8em;
                            padding: 0 0 .5em;
                            color: #919191;
                        }
                        .system-dashboard figure {
                            margin: 0 auto;
                            max-width: 1100px;
                            position: relative;
                        }
                        .system-dashboard .graphic {
                            padding-left: 95px;
                        }
                        .system-dashboard .row {
                            margin-bottom: 1.5em;
                        }

                        .system-dashboard .chart {
                            overflow: hidden;
                            width: 0%;
                            animation: expand 1.5s ease forwards;
                            border-radius: 50px;
                            height: 37px;
                            margin-left: 5%;
                        }
                        .system-dashboard .row + .row .chart {
                            animation-delay: .2s;
                        }
                        .system-dashboard .row + .row + .row .chart {
                            animation-delay: .4s;
                        }
                        .system-dashboard .block {
                            display: block;
                            height: 100px;
                            color: #fff;
                            font-size: .75em;
                            float: left;
                            background-color: #DF5A49;
                            position: relative;
                            overflow: hidden;
                            opacity: 1;
                            transition: opacity, .3s ease;
                            cursor: pointer;
                        }
                        .system-dashboard .block:nth-of-type(2),
                        .system-dashboard .legend li:nth-of-type(2):before {
                            background-color: #E27A3F;
                        }
                        .system-dashboard .block:nth-of-type(3),
                        .system-dashboard .legend li:nth-of-type(3):before {
                            background-color: #EFC94C;
                        }
                        .system-dashboard .block:nth-of-type(4),
                        .system-dashboard .legend li:nth-of-type(4):before {
                            background-color: #45B29D;
                        }
                        .system-dashboard .block:nth-of-type(5),
                        .system-dashboard .legend li:nth-of-type(5):before {
                            background-color: #334D5C;
                        }
                        .system-dashboard .block:nth-of-type(6),
                        .system-dashboard .legend li:nth-of-type(6):before {
                            background-color: #962D3E;
                        }
                        .system-dashboard .block:hover {
                            opacity: .65;
                        }
                        .system-dashboard  .value {
                            display: block;
                            line-height: 1em;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%);
                        }
                        .system-dashboard .x-axis {
                            text-align: center;
                            margin-top: 35px;
                        }
                        .system-dashboard  .y-axis {
                            transform: translate(-32px,170px) rotate(270deg);
                            position: absolute;
                            margin-top: -6.5%;
                            margin-left: 2%;
                        }
                        .system-dashboard .legend {
                            margin: 0 auto;
                            padding: 0;
                            font-size: .9em;
                        }
                        .system-dashboard .legend li {
                            display: inline-block;
                            padding: .25em 1em;
                            line-height: 1em;
                        }
                        .system-dashboard .legend li:before {
                            content: "";
                            margin-right: .5em;
                            display: inline-block;
                            width: 8px;
                            height: 8px;
                            background-color: #334D5C;
                        }


                        /* System email logs css */

                        .system-email-logs .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
                            margin-right: -18px;
                        }
                        .system-email-logs .text-title {
                            vertical-align: middle;
                            display: table-cell;
                            font-weight: 500;
                            font-size: 20px;
                            color: white;
                        }

                        .system-email-logs .text-title h3 {
                            font-size: 20px;
                        }

                        .system-email-logs .btn-container {
                            display: flex;
                        }

                        .system-email-logs .btn-yes {
                            background-color: #008D85 !important;
                            border-color: #008D85 !important;
                        }
                        .system-email-logs .btn-yes:hover {
                            background-color: #22a7d2 !important;
                            border-color: #22a7d2 !important;
                        }

                        .system-email-logs .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
                            margin-right: 20px !important;
                        }

                        .system-email-logs .modal-warning {
                            -webkit-box-shadow: 3px 0px 27px -9px rgba(33,33,33,0.75) !important;
                            -moz-box-shadow: 3px 0px 27px -9px rgba(33,33,33,0.75) !important;
                            box-shadow: 3px 0px 27px -9px rgba(33,33,33,0.75) !important;
                            margin: 15px;
                        }
                        .system-email-logs .modal-warning-text {
                            font-weight: 500;
                        }

                        .system-email-logs select#clone {
                            margin-bottom: 0;
                        }

                        .system-email-logs span.link-text {
                            color: #575962;
                            font-size: 16px;
                            font-weight: 400;
                            padding-left: 10px;
                        }


                        .system-email-logs span.link-text:hover,.system-email-logs i.link-icon:hover,.system-email-logs .m-nav__item:hover  {
                            color: #008D85;
                        }
                        .system-email-logs i.link-icon.fa.fa-times {
                            padding-left: 2px;
                            padding-right: 4px;
                        }
                        .system-email-logs i.link-icon.fa.fa-info-circle {
                            margin-left: 1px;
                        }
                        .system-email-logs .far.fa-trash-alt {
                            color: red;
                        }
                        .system-email-logs span.link-text:hover {
                            color: #c1c1c1;
                        }
                        .system-email-logs .fa {
                            display: flex;
                        }
                        .system-email-logs .m-datatable {
                            display: block !important;
                            min-height: 300px !important;
                            overflow: unset !important;
                        }

                        .system-email-logs .btn-dark.btn-pay {
                            color: #fff;
                            background-color: #008D85;
                            border-color: #008D85;
                        }

                        .system-email-logs .m-bootstrap-select {
                            opacity: 1 !important;
                        }

                        .system-email-logs .m-subheader {
                            padding: 30px 30px 0 50px;
                        }

                        .system-email-logs .m-radio.m-radio--brand > span:after {
                            border: solid #008D85;
                            background: #008D85;
                        }

                        .system-email-logs .m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
                            border: 2px solid #008D85;
                        }

                        .system-email-logs .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
                            margin-right: 20px !important;
                        }

                        .system-email-logs .m-datatable__table {
                            overflow: auto;
                        }
                        .system-email-logs .table-responsive {
                            overflow: hidden;
                        }

                        /* System profile page css */

                        .system-profile .prof-img img {
                            border-radius: 100%;
                            border: 4px solid #7dbee5;
                        }
                        .system-profile .prof-cont {
                            display: flex;
                            align-items: center;
                        }
                        .system-profile .prof-img {
                            padding: 20px;
                            text-align: center;
                        }

                        .system-profile .fld-desc {
                            color: #008D85;
                            font-weight: 400;
                        }
                        .system-profile .prof-img {
                            padding: 20px;
                        }
                        .system-profile .edit-btn {
                            background: #7dbee5;
                            color: white;
                            padding: 8px 20px;
                            border-radius: 6px;
                            cursor: pointer;
                        }
                        .system-profile a.edit-btn:hover {
                            text-decoration: none !important;
                            color: white;
                            background: #3d8ebf;
                        }
                        .system-profile .prof-cont {
                            padding: 20px 20px;
                            display: flex;
                        }

                        .system-profile .m-portlet .m-portlet__head {
                            border-bottom: 1px solid #ebedf2;
                            background-color: #008D85;
                            border-top-left-radius: 10px;
                            border-top-right-radius: 10px;
                        }

                        .system-profile .form-control.focus,.system-profile .form-control:focus {
                            border-color: #008D85;
                        }
                        .system-profile .btn-success {
                            background-color: #008D85;
                            border-color: #008D85;
                        }
                        .system-profile .btn-success:hover {
                            background-color: #1198c5;
                            border-color: #1198c5;
                        }

                        /* Sysytem Search css */

                        .system-search .m-subheader__title {
                            padding: 29px 60px !important;
                            text-align: center;
                        }

                        .system-search .notice-pin img{
                            display:block;margin:auto;width:100px;
                        }

                        .system-search .post-entry-cont {
                            display: flex;
                            justify-content: space-between;
                        }

                        .system-search .post-entry {
                            background: white;
                            padding: 10px 20px;
                            margin: 20px 0px;
                            border-radius: 10px;
                        }
                        .system-search .m-subheader {
                            padding: 30px 30px 0 30px;
                            width: 100%;
                            text-align: center;
                        }

                        /* System update profile css */

                        .system-update-profile .avatar-preview strong{
                            font-size: 12px;
                        }

                        .system-update-profile .m-portlet .m-portlet__head {
                            border-bottom: 1px solid #ebedf2;
                            background-color: #008D85;
                            border-top-left-radius: 10px;
                            border-top-right-radius: 10px;
                        }

                        .system-update-profile .form-control.focus,.system-update-profile .form-control:focus {
                            border-color: #a5a5a9;
                        }
                        .system-update-profile .btn-success {
                            background-color: #008D85;
                            border-color: #008D85;
                        }
                        .system-update-profile .btn-success:hover {
                            background-color: #1198c5;
                            border-color: #1198c5;
                        }
                        .system-update-profile input.form-control {
                            margin-bottom: 5px;
                        }
                        .system-update-profile .btn-container {
                            padding-left: 20px;
                            display: flex;
                        }
                        .system-update-profile .btn-primary {
                            background: #008D85;
                            border: #008D85;
                            margin-right: 5px;
                        }
                        .system-update-profile .btn-primary:hover {
                            background: #008D85;
                            border: #008D85;
                        }
                        .system-update-profile .btn-primary:not(:disabled):not(.disabled):active:focus,.system-update-profile .btn-primary:not(:disabled):not(.disabled).active:focus,.system-update-profile .show > .btn-primary.dropdown-toggle:focus {
                            background: #008D85;
                            border: #008D85;
                        }
                        .system-update-profile .acc-container {
                            padding: 20px;
                        }
                        .system-update-profile button#showPassword, #showConfirmPassword {
                            width: 100% !important;
                            margin-bottom: 0 !important;
                        }
                        .system-update-profile .fa-eye,.system-update-profile i#btn_icon, #confirmBtn_icon {
                            margin-right: 0 !important;
                            display: flex;
                        }

                        /* home signup css */

                        .home-signup .couponDiv {
                            position: relative;
                            display: flex;
                            flex-direction: column;
                            min-width: 0;
                            background-clip: border-box;
                        }
                        .home-signup .zero {
                            width: 100% !important;
                        }

                        #toast-container>div {
                            opacity: 1 !important;
                            background-color: #f38433;
                        }
                        .home-signup .menu-nav {
                            background:white;
                            height:70px;
                            display: flex !important;
                            top: 0;
                            overflow: hidden;
                            display: flex;
                            width: 100%;
                            z-index: 99;
                            position: fixed;
                            -webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);-webkit-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            -moz-box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                            box-shadow: 0px 10px 32px 0px rgba(0,0,0,0.13);
                        }
                        .home-signup .logo-container {
                            height:inherit;
                            text-align: center;
                            justify-content: center;
                            align-items: center;
                            flex:1;
                        }
                        .home-signup .logo-image {
                            padding: 5px 10px;
                            object-fit: contain;
                            height: 99%;
                            width: 350px;
                            margin: auto;
                        }
                        .home-signup .templaterow {
                            position: relative;
                            padding: 90px 0 30px 0 !important;
                        }
                        .home-signup .templaterow p {
                            text-align: left;
                        }
                        .home-signup .templaterow img {
                            height: auto;
                            width: 100%;
                        }

                        .home-signup .container-stripe {
                            border-top-left-radius: 10px;
                            border-top-right-radius: 10px;
                            border-bottom-right-radius: 10px;
                            border-bottom-left-radius: 10px;
                            /* -webkit-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.06);
                            -moz-box-shadow: 1px 15px 1px rgba(67, 61, 73, 0.06);
                            box-shadow: 0px 1px 15px 1px rgba(67, 61, 73, 0.06); */
                            background-color: #ffffff;
                            width: 100%;
                            margin: 1rem auto;
                            padding: 0 0 4rem 0;
                        }
                        .home-signup .stripe-header {
                            background-color: #008D85;
                            padding: 1rem 1.5rem;
                            border-top-left-radius: 10px;
                            border-top-right-radius: 10px;
                            margin-bottom: 3rem;
                        }
                        .home-signup .stripe-header h4 {
                            color: #fff;
                            text-align: center;
                        }
                        .home-signup span.stripe-label {
                            font-size: 14px;
                            font-weight: 500;
                        }
                        .home-signup .stripe-padding {
                            padding: 1rem 4rem 3rem 4rem;
                        }
                        .home-signup .stripe-padding input{
                            margin-bottom: 10px;
                        }
                        .home-signup .stripe-padding label{
                            margin-top: 20px;
                            display: flex;
                            font-weight: 500;
                        }
                        .home-signup .input {
                            display: flex;
                            align-items: center;
                            margin: 10px 0;
                        }
                        .home-signup .input span {
                            font-size: 20px;
                            margin-right: 5px;
                            font-weight: 500;
                        }
                        .home-signup .card {
                            margin-top: 15px;
                        }
                        .home-signup button.btn.btn-dark {
                            width: 100%;
                            background-color: #008D85;
                            border-color: #008D85 !important;
                        }
                        .home-signup .stripe-container-2 {
                            background-color: #f7f7f7;
                            padding: 2rem;
                            margin: 0 4rem;
                            border-radius: 10px;
                        }
                        .home-signup .container-guarantee {
                            display: flex;
                            align-items: center;
                            width: 88%;
                            margin: 10px auto 0;
                        }
                        .home-signup img.guarantee-seal {
                            width: auto;
                            height: auto;
                        }
                        .home-signup p.guarantee-text {
                            margin-left: 40px;
                            font-size: 17px;
                        }
                        .home-signup .bold-text {
                            font-weight: 700;
                            color: #0092d8;
                        }
                        .home-signup .packages-select {
                            padding: 1rem 1.5rem;
                            background-color: #008D85;
                            color:white;
                        }
                        .home-signup .m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
                            border: 2px solid #000;
                            background: #000;
                        }
                        .home-signup .m-radio.m-radio--brand > span:after {
                            border: solid #000;
                            background: #000;
                        }
                        .home-signup .m-radio.m-radio--brand > span {
                            border: 3px solid #ffffff;
                            background: white;
                            top: -2px;
                        }
                        .home-signup .package-title h1 {
                            color: white;
                            letter-spacing: 1px;
                            font-weight: 600;
                            text-align: left;
                            font-size: 1em;
                            padding-bottom: 30px;
                            /* margin-bottom: 40px; */
                            text-transform:uppercase;
                        }

                        .home-signup .package-price-left,.home-signup .package-price-right {
                            width:50%;
                            float:left;
                            text-align:center;
                        }
                        .home-signup .package-price-amount {
                            background: -webkit-linear-gradient(#008D85, #008D85);
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                            font-size: 2.5em;
                            font-family: 'Poppins';
                            font-weight: 600;
                            color: rgba(42, 167, 222, 1);
                        }
                        .home-signup .package-price-left .package-price-amount {
                            line-height: 2.2;
                        }
                        .home-signup sup {
                            top: -0.9em;
                            font-size: 0.5em;
                            background: -webkit-linear-gradient(#008D85, #008D85);
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                        }
                        .home-signup .package-price-right .package-price-amount {
                            font-size: 3.5em;
                            font-weight: 800;
                        }
                        .home-signup .m-option .m-radio.m-radio--brand > span {
                            top: -4px;
                        }
                        .home-signup .m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
                            border: 2px solid #026698;
                            background: #026698;
                        }
                        .home-signup .m-radio.m-radio--brand > span:after {
                            border: solid #026698;
                        }
                        /* Style the active link (or home/logo) */
                        .home-signup .active {
                            background-color: #fff;
                            color: white;
                        }
                        .home-signup .footer .logo-image {
                            width: 350px;
                        }
                        .home-signup .footer-logo img {
                            width: 320px !important;
                            image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
                            image-rendering: crisp-edges;
                            -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
                        }

                        .home-signup .footer-logo {
                            height: inherit;
                            text-align: center;
                            padding:1%;
                        }
                        .home-signup .footer-copyright{
                            background-color: #edf1f2;
                            color: #585858;
                            text-align: center;
                            padding: .5%;
                            font-family: "Nunito", sans-serif;
                            font-size: 0.9rem;
                            font-weight: 400;
                            line-height: 1.6;
                        }
                        .home-signup .privacy-policy a {
                            color: #636b6f;
                        }
                        .home-signup .privacy-policy a:hover {
                            text-decoration: none;
                            color: #636b6f;
                        }
                        .home-signup .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
                            color: #9a9ca5 !important;
                        }
                        .home-signup .fa-arrow-left {
                            color: #6f727d;
                        }
                        .home-signup .fa-arrow-left:hover {
                            color: #9a9ca5;
                        }







        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .sys-cat-edit .m-nav.m-nav--inline {
                height: 10% !important;
            }
            .m-content.sys-cat-edit {
                padding: 0 30px !important;
            }

            .sys-show-cat .m-nav.m-nav--inline {
                height: 10% !important;
            }
            .m-content.sys-show-cat {
                padding: 0 30px !important;
            }
        }
        @supports (-ms-ime-align: auto) {
            .sys-cat-edit .m-nav.m-nav--inline,
            .sys-show-cat .m-nav.m-nav--inline {
                height: 10% !important;
            }
           .m-content.sys-cat-edit,.m-content.sys-show-cat {
                padding: 0 30px !important;
            }

        }


        @media screen and (max-width: 1685px) {

           .propsals-details button.btn.btn-default {
                margin-top: 10px;
            }
            .clients-cont.proposals-details, .leads-cont .propsals-details {
                width: 100%;
            }
            .propsals-details .search-field {
                width: 100%;
            }
            .propsals-details button.btn.btn-default {
                margin-top: 10px;
            }
            .sys-notes-index .sys-sections .search-field {
                width: 100%;
            }

            .sys-notes-index button.btn.btn-default {
                margin-top: 10px;
            }
            .sys-notes-index .clients-cont,.sys-notes-index .leads-cont {
                width: 50%;
            }
            .sys-notes-index .search-field {
                width: 100%;
            }
            .sys-notes-index button.btn.btn-default {
                margin-top: 10px;
            }
        }

        @media screen and (max-width: 1494px) {
            .sys-sections .m-portlet__head-caption {
                padding: 1rem;
            }
            .sys-sections .clients-cont {
                width: 30% !important;
            }
            .sys-sections .leads-cont {
                width: 70%;
            }
            .sys-sections .clients-cont {
                margin-right: 0 !important;
            }
            .sys-sections .search-field {
                width: 100%;
            }
            .sys-sections .m-body .m-content {
                padding: 10px 20px !important;
            }
        }

        @media screen and (max-width: 1480px) {
           .video-tutorial-page .vid-thumb,.manage-help .vid-thumb {
                width: 31%;
            }
        }

        @media screen and (max-width: 1460px) {
           .sys-contact-page .btn.m-btn--square.btn-warning {
                margin-bottom: 5px;
            }
        }

        @media screen and (max-width: 1451px) {
            /* .btn-cstm {
                width: 105px;
            } */
            .main-container.sys-sections {
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            .sys-sections .clients-cont,.sys-sections .leads-cont {
                width: 100% !important;
            }
            /* .clients-cont {
                margin-right: 0 !important;
            }
            .search-field {
                width: 100%;
            }
            .m-body .m-content {
                padding: 10px 20px !important;
            } */
        }

        @media screen and (max-width: 1352px) {
            .system-show .dash-subheader,.manage-help .dash-subheader {
                flex-direction: column;
            }
            .system-show .total-clients1,.manage-help .total-clients1 {
                padding-right: 0;
            }
            .system-show .clients,.manage-help .clients {
                flex-grow: 1;
                border-right: 2px solid #dbdbdb;
                margin-right: 4%;
            }
            .system-show .total-clients,.manage-help .total-clients {
                padding-right: 0;
            }
            .system-show .total-clients,.manage-help .total-clients {
                border-right: 0;
            }
            .system-show .total-emp,.manage-help .total-emp {
                border-right: 2px solid #dbdbdb !important;
            }
            .system-show .second-section,.manage-help .second-section  {
                width: 50%;
            }
            .system-show .row,.manage-help .row {
                    margin-left: 0 !important;
            }
            .system-show .image1 img,.manage-help .image1 img  {
                margin-left: 6% !important;
            }
            .system-show .datatables,.manage-help .datatables {
                padding: 20px 0;
            }
        }

        @media screen and (max-width: 1340px) {
            .sys-emp-edit .form-main {
                flex-direction: column;
            }

            .sys-emp-edit .half-cont {
                width: 100%
            }
        }


         /*Mobile Responsive*/
         @media screen and (max-width:1200px) and (min-width:1024px) {
            .system-dashboard .title-box1 {
                font-size: 15px;
            }
            .system-dashboard .progress-box {
                flex-direction: column;
                flex-wrap: wrap;
            }
            #customers th {
                font-size: 11px;
            }
            .system-dashboard .total-clients {
            border-right: 0;
            }
        }
        @media screen and (max-width:1200px) {
            .system-dashboard .mod-box {
                width: 100%;
            }
            .system-dashboard .dash-mod {
                flex-direction: column;
                justify-content: center;
            }
            .system-dashboard .dash-subheader {
                flex-wrap:wrap;
            }
            .system-dashboard .second-section {
                flex-grow:1;
            }
            .system-dashboard .progress-box {
                flex-direction: column;
                flex-wrap: wrap;
            }
            .system-dashboard .graphic {
                padding-left: 95px;
            }
            .system-dashboard .total-clients {
                border-right: 0;
            }
        }

        @media screen and (max-width:1280px) {
           .propsals-details .main-container {
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
        }

        @media screen and (max-width: 1246px) {
           .video-tutorial-page  form.example button,.manage-help form.example button {
                width: 50px;
            }
           .video-tutorial-page .vid-thumb,.manage-help .vid-thumb {
                width: 47%;
            }
        }

        @media screen and (max-width: 1230px) {
           .video-tutorial-page form.example button {
                width: 50px;
                }
            }

            @media screen and (max-width: 1200px) {

                .home-signup .m-option {
                    background-position-y: -90px;
                }
                .home-signup label.m-option {
                    margin-bottom: 15px;
                }

                .templates-show .templaterow center {
                    width: 80%;
                }
                .templates-show .container-stripe {
                    margin: 20px auto 60px;
                }


                .template-builder .templaterow center {
                    width: 80%;
                }
                .template-builder .container-stripe {
                    margin: 20px auto 60px;
                }

                .sys-view-proposal .templaterow center {
                    width: 80%;
                }
                .proposals-edit .templaterow center {
                    width: 80%;
                }
                .proposals-edit .container-stripe {
                    margin: 20px auto 60px;
                }

               .resend-proposal .templaterow center {
                    width: 80%;
                }

            }

            @media screen and (max-width: 1175px) {

                .proposals-page .dash-subheader {
                    flex-direction: column;
                }
                .proposals-page .total-clients1 {
                    padding-right: 0;
                }
                .proposals-page .clients {
                    flex-grow: 1;
                    border-right: 2px solid #dbdbdb;
                    margin-right: 4%;
                }
                .proposals-page .total-clients {
                    padding-right: 0;
                }
                .proposals-page .total-clients {
                    border-right: 0;
                }
                .proposals-page .row {
                    margin-left: 0 !important;
                }


                .main-container.proposals-list {
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    width: 100%;
                }
                .proposals-list .clients-cont {
                    padding: 30px 20px 0 20px !important;
                }
                .proposals-list .leads-cont {
                    padding: 0px 20px !important;
                }
                .leads-page .dash-subheader {
                    flex-direction: column;
                }
                .leads-page .total-clients1 {
                    padding-right: 0;
                }
                .leads-page .clients {
                    flex-grow: 1;
                    border-right: 2px solid #dbdbdb;
                    margin-right: 4%;
                }
                .leads-page .total-clients {
                    padding-right: 0;
                }
                .leads-page .total-clients {
                    border-right: 0;
                }
                .leads-page .row {
                    margin-left: 0 !important;
                }


                .templates-page .dash-subheader {
                    flex-direction: column;
                }
                .templates-page .total-clients1 {
                    padding-right: 0;
                }
                .templates-page .clients {
                    flex-grow: 1;
                    border-right: 2px solid #dbdbdb;
                    margin-right: 4%;
                }
                .templates-page .total-clients {
                    padding-right: 0;
                }
                .templates-page .total-clients {
                    border-right: 0;
                }
                .templates-page .row {
                    margin-left: 0 !important;
                }
            }

        @media screen and (max-width: 1120px) {
                .video-tutorial-page form.example input[type=text],
                .manage-help form.example input[type=text] {
                    float: left;
                    width: 70%;
                }
                .video-tutorial-page form.example,
                .manage-help form.example {
                    justify-content: center;
                }
                .video-tutorial-page .new-vid-container {
                    text-align: center;
                }
            }

        @media screen and (max-width: 1054px) {
                .video-tutorial-page .vid-thumb,
                .manage-help .vid-thumb {
                    width: 46%;
                }
            }



        @media screen and (max-width: 1092px) {

            .sys-sections .head-container {
                flex-direction: column;
                align-items: center;
                padding: 1rem;
            }
            .sys-sections .form-control {
                width: 390px;
            }
            .sys-sections .import-cont {
                margin: 0 auto;
            }
            .sys-sections h3 {
                margin-left: 0 !important;
            }
            .sys-sections .text-title h3 {
                text-align: center;
            }
            .sys-sections .m-portlet__head-caption {
                padding: 0;
            }
            .sys-sections .m-portlet .m-portlet__head {
                padding: 0;
            }
        }

        @media screen and (max-width: 1024px) {

            .templates-show .templaterow center {
                width: 100%;
            }
            .templates-show .templaterow p {
                margin-right: 40px !important;
                margin-left: 40px !important;
            }

            .template-builder .templaterow center {
                width: 100%;
            }
            .template-builder .templaterow p {
                margin-right: 40px !important;
                margin-left: 40px !important;
            }
            .template-builder .templaterow h1 {
                margin-right: 40px;
                margin-left: 40px;
            }

            .sys-view-proposal .templaterow center {
                width: 100%;
            }
            .sys-view-proposal .templaterow p {
                margin-right: 40px !important;
                margin-left: 40px !important;
            }
            .sys-view-proposal.templaterow h1 {
                margin-right: 40px;
                margin-left: 40px;
            }

            .resend-proposal .templaterow center {
                width: 100%;
            }
            .resend-proposal .templaterow p {
                margin-right: 40px !important;
                margin-left: 40px !important;
            }
            .resend-proposal .templaterow h1 {
                margin-right: 40px;
                margin-left: 40px;
            }
            .sys-emp-show .btn-container {
                display: flex;
                flex-direction: column;
            }
            .sys-emp-show .btn-x {
                margin-top: 5px;
            }
            .sys-emp-show .table th,.sys-emp-show .table td {
                padding: 1.5em !important;
            }

            .proposals-edit .templaterow center {
                width: 100%;
            }
            .proposals-edit .templaterow p {
                margin-right: 40px !important;
                margin-left: 40px !important;
            }
            .proposals-edit .templaterow h1 {
                margin-right: 40px;
                margin-left: 40px;
            }
        }

        @media screen and (min-width: 994px) and (max-width: 1058px) {
            .sys-form-page a.btn.btn-primary,.sys-form-index a.btn.btn-primary {
                margin-top: 0;
            }
        }



        @media screen and (min-width: 993px) and (max-width: 1035px) {
           .sys-permission-page .btn.btn-success{
                margin-top: 5px;
            }
        }

        @media only screen and (max-width: 992px) {

            .cancellation-page .m-brand__logo-wrapper img {
                vertical-align: middle;
                border-style: none;
                margin-top: 1%;
                width: 70%;
            }
    		.cancellation-page .m-footer {
    			height: fit-content;
    		}

            .terms-conditions-page .m-brand__logo-wrapper img {
                vertical-align: middle;
                border-style: none;
                margin-top: 1%;
                width: 70%;
            }
    		.terms-conditions-page .m-footer {
    			height: fit-content;
    		}

            .sys-privacy-policy .m-brand__logo-wrapper img {
                vertical-align: middle;
                border-style: none;
                margin-top: 1%;
                width: 70%;
            }
    		.sys-privacy-policy .m-footer {
    			height: fit-content;
    		}
            .system-layout .m-aside-header-menu-mobile--on .m-aside-header-menu-mobile-close {
                top: 5px;
                right: 222px;
                border-radius: 50%;
            }
            .system-layout .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark {
                background-color: #323446;
            }
            .system-layout .m-aside-left-close.m-aside-left-close--skin-dark {
                background-color: #1874a56b;
            }
            .system-layout .m-aside-left-close.m-aside-left-close--skin-dark > i {
                color: #fff;
            }
            .system-layout .m-aside-left--on .m-aside-left-close {
                left: 224px;
                left: 217px;
                top: 12px;
                border-radius: 50%;
            }
            .system-layout .m-brand__logo-wrapper img {
                vertical-align: middle;
                border-style: none;
                margin-top: 1%;
                width: 70%;
            }
            .system-layout .m-footer {
                height: fit-content;
            }
            .system-layout .fa {
                display: inline;
                margin-right: 2rem;
                color: #329bc5;
            }
            .system-layout .fa:hover {
                color: #000;
                text-decoration: none !important;
            }
            #m_aside_left {
            display: none;
            }

        }

        @media (max-width: 992px) {
            .sys-noticeboard-page .m-body .m-content {
                padding: 20px 0px;
            }

            .system-create-page .m-body .m-content {
                padding: 20px 30px !important;
            }

            .sys-package-edit .m-footer {
                height: fit-content !important;
            }
        }


        @media screen and (max-width: 992px) {
            .system-email-logs .clients.m-datatable__table {
                overflow: auto;
            }
            .sys-sections .note-editable .table tr {
                display: flex;
                flex-direction: column;
                width: 320px;
                margin: 0 auto;
            }
            .sys-sections .note-editable .table img {
                width: 100% !important;
                height: auto !important;
            }
        }

        @media screen and (max-width: 895px) {
            .propsals-details .main-container {
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            .propsals-details .clients-cont.proposals-details,.propsals-details .leads-cont {
                width: 100%;
            }
            .propsals-details .search-field {
                width: 100%;
            }

            .main-container.proposals-list {
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            .proposals-list .clients-cont, .leads-cont {
                width: 100%;
            }
            .proposals-list .search-field {
                width: 100%;
            }
        }

        @media screen and (max-width: 816px) {
            .sys-emp-show td.label {
                font-weight: 500;
                padding-right: 24px;
            }
        }
        @media  screen and (min-width: 768px) {
            .system-dashboard h6 {
                padding: 0;
                width: 75px;
                float: left;
                line-height: 100px;
            }
            .system-dashboard .block {
                font-size: 1em;
            }

            .system-dashboard .graph-title {
                color: #5a5a5a;
            }
            .system-dashboard .line {
                height: 5px;
                border-radius: 20px;
                margin-top: 10px;
            }
            .system-dashboard .dash-header {
                padding: 15px;
            }
            .system-dashboard .inner-clients {
                padding-top: 3%;
                flex-direction: row;
            }

            .system-dashboard .progress-box {
                flex-direction: column;
                flex-wrap: wrap;
            }
            .system-dashboard  .graphic {
                padding-left: 95px;
            }
        }

        @media screen and (max-width: 768px) {

            .home-signup .m-option {
                background-position-y: -170px !important;
            }
            .home-signup .container-stripe {
                width: 100%;
                padding: 0 0 0 0;
            }
            .home-signup .card {
                border-radius: 0;
                border: 1px solid #ebebeb;
            }
            .home-signup .card-footer {
                border-top: 0;
            }
            .home-signup .stripe-padding {
                padding: 1rem 1rem;
            }
            .home-signup .stripe-container-2 {
                padding: 1rem;
                margin: .5rem 1rem;
            }
            .home-signup .m-option {
                background-position-y: -100px;
            }

            .system-update-profile .btn-container {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
           .system-update-profile .btn-primary,.system-update-profile .btn-secondary {
                width: 150px;
                margin-bottom: 5px;
            }

            .system-dashboard .graphic {
                padding-right: 20px;
            }
            .system-dashboard .total-clients {
                border-right: 0;
            }
            .system-dashboard .dash-mod {
                flex-direction: column;
            }
            .system-dashboard .img-dashboard {
                width: 25%;
            }



            .templates-page .count {
                margin-right: 0;
                font-size: 34px !important;
            }

            .templates-page .total-and-bar {
                margin-right: 5px;
            }

           .templates-show .container-stripe {
                width: 100%;
                padding: 0 0 0 0;
            }
            .templates-show .card {
                border-radius: 0;
                border: 1px solid #ebebeb;
            }
            .templates-show .card-footer {
                border-top: 0;
            }
            .templates-show .stripe-padding {
                padding: 1rem 1rem;
            }
            .templates-show .stripe-container-2 {
                background-color: #f9f9f9e0;
                padding: 2rem;
                margin: .5rem 1rem;
            }

            .template-builder .container-stripe {
                width: 100%;
            }
            .template-builder .card {
                border-radius: 0;
                border: 1px solid #ebebeb;
            }
            .template-builder .card-footer {
                border-top: 0;
            }
            .template-builder .container-stripe {
                padding: 0 0 0 0;
            }

            .sys-view-proposal .container-stripe {
                width: 100%;
                padding: 0 0 0 0;
            }
            .sys-view-proposal .card {
                border-radius: 0;
                border: 1px solid #ebebeb;
            }
            .sys-view-proposal .card-footer {
                border-top: 0;
            }
            .sys-view-proposal .stripe-padding {
                padding: 1rem 1rem;
            }
            .sys-view-proposal .stripe-container-2 {
                background-color: #f9f9f9e0;
                padding: 2rem;
                margin: .5rem 1rem;
            }

            .resend-proposal .container-stripe {
                width: 100%;
                padding: 0 0 0 0;
            }
            .resend-proposal .card {
                border-radius: 0;
                border: 1px solid #ebebeb;
            }
            .resend-proposal .card-footer {
                border-top: 0;
            }
            .resend-proposal .stripe-padding {
                padding: 1rem 1rem;
            }
            .resend-proposal .stripe-container-2 {
                background-color: #f9f9f9e0;
                padding: 2rem;
                margin: .5rem 1rem;
            }

            .proposals-page .count {
                margin-right: 0;
                font-size: 34px !important;
            }

            .proposals-page .total-and-bar {
                margin-right: 5px;
            }
            .proposals-page a.form-control.btn.m-btn--square.btn-warning,.proposals-page a.form-control.btn.m-btn--square.btn-danger,.proposals-page
            a.form-control.btn.m-btn--square.btn-accent.btn-sendtest,.proposals-page .btn.btn-info{
                width: 100% !important;
            }

            .proposals-edit .container-stripe {
                width: 100%;
            }
            .proposals-edit .card {
                border-radius: 0;
                border: 1px solid #ebebeb;
            }
            .proposals-edit .card-footer {
                border-top: 0;
            }
            .proposals-edit .container-stripe {
                padding: 0 0 0 0;
            }

            .packages-features .checkmark {
                margin-left: 35px;
            }
            .packages-features ul  {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }
            .packages-features .permissions li {
                padding: 5px 0px 10px 75px;
            }
            .packages-features tr {
                display: flex;
                flex-direction: column;
            }
            .packages-features .cstm-input {
                margin-left: 0;
            }
            .packages-features th.cstm-th1 {
                padding-left: 10px;
            }

            .manage-statuses form {
                justify-content: center;
            }
            .manage-statuses .input-group {
                width: 100%;
            }
            .manage-help .total-and-bar {
                margin-right: 5px;
            }
            .manage-help .total-and-bar1 {
                margin-left: -20%;
            }
            .manage-help .vid-thumb {
                width: 100%;
            }


            .video-tutorial-page .vid-thumb {
                width: 100%;
            }

            .sys-form-index .btn-form {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            .sys-form-index .btn-info,.sys-form-index .btn-danger,.sys-form-index .btn-primary {
                margin-top: 5px !important;
            }


            .table-btn {
                width: 100px !important;
            }
            .btn-cstm {
                width: 105px;
            }
            .m-portlet .m-portlet__head {
                padding: 1rem !important;
            }

            .sys-emp-show .profile-first {
                flex-direction: column;
            }
            .sys-emp-show .mod-box,.sys-emp-show .mod-box-cal {
                width: 100%;
            }
            .sys-emp-show .boxes {
                /*flex: 0 0 33.33333%;*/
                max-width: 100%;
            }

            .sys-event-create .half-cont,
            .sys-event-show .half-cont {
                width: 100% !important;
                margin-bottom:20px;
            }
            .sys-event-create .form-main,
            .sys-event-show  .form-main{
                display:block;
            }
            .sys-event-create .btn-event-edit {
                width: 100%;
                margin-bottom: 10px;
            }
            .sys-event-create .btn-event-cancel {
                width: 100%;
            }

            .sys-event-create .total-and-bar {
                margin-right: 5px;
            }
            .sys-event-create .dash-subheader {
                flex-direction: column;
            }
            .sys-event-create .total-clients1 {
                padding-right: 0;
            }
            .sys-event-create .clients {
                flex-grow: 1;
                border-right: 2px solid #dbdbdb;
                margin-right: 4%;
            }
            .sys-event-create .total-clients {
                padding-right: 0;
            }
            .sys-event-create .total-clients {
                border-right: 0;
            }
            .sys-event-create .row {
                margin-left: 0 !important;
            }

            .sys-event-edit .half-cont {
                width: 100% !important;
                margin-bottom:20px;
            }
            .sys-event-edit .form-main {
                display:block;
            }


            .sys-event-edit .total-and-bar,
            .system-show .total-and-bar {
                margin-right: 5px;
            }
            .sys-event-edit .dash-subheader {
                flex-direction: column;
            }
            .sys-event-edit .total-clients1 {
                padding-right: 0;
            }
            .sys-event-edit .clients {
                flex-grow: 1;
                border-right: 2px solid #dbdbdb;
                margin-right: 4%;
            }
            .sys-event-edit .total-clients {
                padding-right: 0;
            }
            .sys-event-edit .total-clients {
                border-right: 0;
            }
            .sys-event-edit .row {
                margin-left: 0 !important;
            }

            .sys-event-show .total-and-bar {
                margin-right: 5px;
            }
            .sys-event-show .dash-subheader {
                flex-direction: column;
            }
            .sys-event-show .total-clients1 {
                padding-right: 0;
            }
            .sys-event-show .clients {
                flex-grow: 1;
                border-right: 2px solid #dbdbdb;
                margin-right: 4%;
            }
            .sys-event-show .total-clients {
                padding-right: 0;
            }
            .sys-event-show .total-clients {
                border-right: 0;
            }
            .sys-event-show .row {
                margin-left: 0 !important;
            }

            .system-show .total-and-bar1 {
                margin-left: -20%;
            }

            .sys-noticeboard-page label {
                display: block;
            }


            .sys-manage-permission .checkmark {
                margin-left: 35px;
            }
            .sys-manage-permission ul  {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }
            .sys-manage-permission .permissions li {
                padding: 5px 0px 10px 75px;
            }
            .sys-manage-permission tr {
                display: flex;
                flex-direction: column;
            }
            .sys-manage-permission td.features {
                margin-left: 0;
                width: 100%;
            }
            .sys-manage-permission .cstm-input {
                margin-left: 0;
            }
            .sys-manage-permission th.cstm-th1 {
                padding-left: 10px;
            }

           .leads-page .count {
                margin-right: 0;
                font-size: 34px !important;
            }

            .leads-page .total-and-bar {
                margin-right: 5px;
            }

            .main-container.sys-notes-index {
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            .sys-notes-index .clients-cont,.sys-notes-index .leads-cont {
                width: 100%;
            }
            .sys-notes-index .search-field {
                width: 100%;
            }
            .sys-notes-index .btn-cont {
                justify-content: center;
            }
            .sys-notes-index .leads-cont {
                padding: 0 20px 0 20px  !important;
            }
            .sys-notes-index .clients-cont {
                padding: 30px 20px 0 20px !important;
            }
            .sys-notes-index .fld-label {
                margin: 15px;
            }
        }

        @media screen and (max-width:707px) {
           .sys-permission-page a.btn.btn-success {
                 margin-top: 5px;
            }
            .sys-permission-page .m-portlet__body {
                overflow: auto;
            }
        }

        @media screen and (max-width: 700px) {
            .m-portlet .m-portlet__body,.sys-event-create .m-portlet .m-portlet__body ,
             .sys-event-edit .m-portlet .m-portlet__body, .sys-emp-show .m-portlet .m-portlet__body {
                overflow: auto;
            }
        }

        @media screen and (max-width: 701px) {
            .system-dashboard .emp-progress {
                flex-direction: column;
            }
            .system-dashboard .progress-box {
                flex: 0;
            }
            .system-dashboard .complete {
                flex-direction: column;
                flex: 1 1 20%;
                align-items: normal;
            }
            .system-dashboard .one {
                flex-direction: row;
            }
        }


        @media screen and (max-width: 722px) {
            .sys-emp-show .employee-info {
                flex-direction: column;
            }
            .sys-emp-show .right-employee-info {
                margin-top: 20px;
                border-top: 2px solid #f2f2f2;
                border-left: none;
                padding-left: 29px;
                justify-content: center;
                display: flex;
            }
            .sys-emp-show .employee-list-info {
                margin-top: 20px;
            }
            .sys-emp-show td.label {
                padding-right: 0;
            }
            .sys-emp-show .left-employee-info {
                text-align: center;
                margin-top: 15px;
                margin-left: 0 !important;
            }
        }

        @media screen and (max-width: 695px) {
            .system-profile .prof-cont {
                flex-direction: column;
            }
            .sys-faq-index .btn.btn-primary {
                margin-top: 1.5px;
            }
        }

        @media screen and (max-width: 678px) {
            button.btn.btn-warning {
                width: 70px;
                margin-bottom: 5px;
            }
        }

        @media screen and (max-width: 668px) {
            .system-show .first-section,
            .manage-help .first-section {
                flex-direction: column;
            }
            .system-show .clients,
            .manage-help .clients {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid #a5a5a545;
            }
            .system-show .inner-clients,
            .manage-help .inner-clients {
                width: 100%;
            }
            .system-show .inner-tc,
            .manage-help .inner-tc {
                margin-bottom: 10px;
            }
            .system-show .inner-tc1,
            .manage-help .inner-tc1{
                margin: 8px auto;
                width: 90%;
            }
            .system-show .total-clients,
            .manage-help .total-clients {
                width: 100%;
                border-bottom: 1px solid #a5a5a545;
            }
            .system-show .total-emp ,
            .manage-help .total-emp{
                border-right: none !important;
            }
            .system-show .second-section,
            .manage-help .second-section {
                flex-direction: column;
                width: 100%;
            }
            .system-show .total-clients1,
            .manage-help .total-clients1 {
                width: 100%;
                margin: 0 auto;
            }
            .system-show .datatables,
            .manage-help .datatables {
                margin: 0 auto;
                width: 90%;
            }
            .system-show table#active-non th,
            .manage-help table#active-non th {
                padding: 0px 5px !important;
            }
            .system-show table#pending-conflicts,
            .manage-help table#pending-conflicts {
                width: 91%
            }
            /* .total-and-bar {
                margin-left: -20%;
            } */
            .system-show .total-and-bar1,.system-show .count,
            .manage-help .total-and-bar1,.manage-help .count {
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-top: 0 !important;
            }
            .system-show .clients,
            .manage-help .clients {
                padding: 15px 0;
            }
            .system-show .clients.total-emp,
            .manage-help .clients.total-emp {
                padding: 15px 0;
            }
            .system-show .image1,
            .manage-help .image1 {
                align-items: self-start;
                margin-bottom: 0;
                margin-top: 0;
            }

            .manage-help .choose-file.col-8 {
                max-width: 100% !important;
                flex: 0 0 100% !important;
            }
            .manage-help .modal .modal-content .modal-body {
                padding: 20px;
            }
            .manage-help .vid-thumb {
                margin: 10px 0;
            }
        }

        @media screen and (max-width: 657px) {
            .sys-note-page .header-notice {
                display: flex;
                flex-direction: column;
            }
            .sys-note-page .note-body {
                display: flex;
                flex-direction: column;
                margin: 0 auto;
            }
            .sys-note-page .post-entry-cont {
                display: inline;
            }
            .sys-note-page .header-notice {
                display: flex;
                align-items: center;
            }
            .sys-note-page .subject-post {
                text-align: center;
        }
        }

        @media screen and (max-width: 600px) {

                .home-signup .m-option {
                    background-position-y: -105px !important;
                }
                .home-signup .container-guarantee {
                    flex-direction: column;
                    width: 100%;
                }
                .home-signup img.guarantee-seal {
                    width: 150px;
                    margin-bottom: 15px;
                }

                .home-signup p.guarantee-text {
                    font-size: 14px;
                    text-align: center;
                    margin-left: 0;
                }
                .home-signup .m-form.m-form--fit .m-form__group {
                    padding-left: 10px !important;
                    padding-right: 10px !important;
                }
            .video-tutorial-page .choose-file.col-8 {
                max-width: 100% !important;
                flex: 0 0 100% !important;
            }
            .video-tutorial-page .modal .modal-content .modal-body {
                padding: 20px;
            }
            .div-container.video-tutorial-page {
                padding: 20px;
            }

           .system-layout .m-brand__logo-wrapper img {
                width: 100%;
            }
            .system-layout span.m-dropdown__arrow.m-dropdown__arrow--right.m-dropdown__arrow--adjust {
                right: 0 !important;
                left: auto !important;
            }
        }



        @media screen and (max-width: 561px) {
           .sys-faq-index .btn-container {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
           .sys-faq-index a.btn.btn-success {
                width: 140px;
                margin-bottom: 2px;
            }
           .sys-faq-index a.btn.btn-danger {
                width: 140px;
            }
           .sys-faq-index a.btn.btn-primary.btn-qa {
                display: flex;
                flex-direction: column;
                width: 140px;
                margin: 2px auto;
            }
        }

        @media screen and (max-width: 500px) {

            .templates-page .m-tabs-line .m-tabs__item {
                margin-right: 15px !important;
            }
            .templates-page  .m-tabs-line.nav.nav-tabs .nav-link:hover,.templates-page  .m-tabs-line.nav.nav-tabs .nav-link.active,.templates-page  .m-tabs-line a.m-tabs__link:hover,.templates-page  .m-tabs-line a.m-tabs__link.active {
                border-top: none;
                border-left: none;
                border-right: none;
                border-bottom: 1px solid #3f4047;
                padding: 1rem 0;
            }
            .templates-page  .nav.nav-pills .nav-item,.templates-page  .nav.nav-tabs .nav-item {
                margin-left: 0;
            }
            .templates-page  ul.nav.nav-tabs.client-navtab.m-tabs-line {
                flex-direction: column;
            }
            .templates-page  li.nav-item.m-tabs__item {
                width: 65%;
            }
            .templates-page  a.form-control.btn.m-btn--square.btn-warning,.templates-page  a.form-control.btn.m-btn--square.btn-danger,.templates-page a.form-control.btn.m-btn--square.btn-accent {
                width: 90px !important;
            }
           .proposals-page .proposal-container {
                flex-direction: column;
                align-items: center;
            }
            .proposals-page select {
                width: 100%;
                margin-bottom: 10px;
            }
            .proposals-page .m-tabs-line.nav.nav-tabs .nav-link:hover,.proposals-page .m-tabs-line.nav.nav-tabs .nav-link.active,.proposals-page .m-tabs-line a.m-tabs__link:hover,.proposals-page .m-tabs-line a.m-tabs__link.active {
                border-top: none;
                border-left: none;
                border-right: none;
                border-bottom: 1px solid #3f4047;
                padding: 1rem 0;
            }
            .proposals-page .nav.nav-pills .nav-item,.proposals-page .nav.nav-tabs .nav-item {
                margin-left: 0;
            }
            .proposals-page ul.nav.nav-tabs.client-navtab.m-tabs-line {
                flex-direction: column;
            }
            .proposals-page li.nav-item.m-tabs__item {
                width: 50%;
            }
            .proposals-page .nav-item.m-tabs__item {
                width: 100% !important;
            }
            .system-show .m-tabs-line .m-tabs__item,
            .manage-help .m-tabs-line .m-tabs__item {
                margin-right: 15px !important;
            }
            .system-show .image1 img,
            .manage-help .image1 img {
                margin-left: 0 !important;
            }
            .system-show .count,
            .manage-help .count {
                margin-right: 0;
                font-size: 20px !important;
            }
            .system-show .pending-conflict,
            .manage-help .pending-conflict {
                border-top: 1px solid #a5a5a545;
            }

            .manage-help .m-portlet .m-portlet__body {
                padding: 20px 20px;
            }

            .sys-noticeboard-page .post-entry-cont {
                flex-direction: column;
                align-items: center;
            }
            .sys-noticeboard-page .header-notice {
                margin-bottom: 15px;
            }

            .leads-page .proposal-container {
                flex-direction: column;
                align-items: center;
             }
             .leads-page select {
                 width: 100%;
                 margin-bottom: 10px;
             }
        }

        @media screen and (max-width: 515px) {
            .sys-sections .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
                display: flex !important;
                flex-direction: column;
            }
            .sys-sections .form-control {
                    width: 100%;
            }

            .sys-sections .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
                margin-bottom: 10px !important;
            }

            .sys-sections .m-portlet .m-portlet__head {
                height: 0;
            }
            .sys-sections .import-cont {
                    display: flex;
                    flex-direction: row-reverse;
            }
        }

        @media screen and (max-width: 505px) {
            .sys-emp-edit .half-field {
                display: flex;
                flex-direction: column;
            }
            .sys-emp-edit .half-fld {
                width: 100%;
            }
        }

        @media screen and (max-width: 500px) {
            .sys-event-create .image1 img,.sys-event-edit .image1 img,.sys-event-show .image1 img {
                margin-left: 0 !important;
            }

            .sys-noticeboard-res .btn-cstm {
                width: 100px;
            }
        }

        @media screen and (min-width: 483px) and (max-width: 597px) {
           .sys-form-index  a.btn.btn-primary {
               margin-top: 0;
           }
       }

        @media screen and (max-width: 495px) {
            .sys-dlm-page button.btn-cstm.btn.btn-warning, button.btn.btn-cstm.btn-danger {
                width: 80px;
            }

            .sys-form-page .m-portlet__body {
                overflow: auto;
            }
            .sys-form-page .btn.btn-info,.sys-form-page .btn.btn-danger {
                margin-bottom: 4px;
            }

            .sys-note-page .btn.btn-info,.sys-note-page .btn.btn-danger {
                margin-bottom: 0 !important;
            }

            .sys-form-index .btn.btn-info,.sys-form-index .btn.btn-danger {
    	        margin-bottom: 4px;
            }
        }

        @media screen and (max-width: 480px) {

            .home-signup .package-price {
                display: flex;
                flex-direction: column;
            }
            .home-signup .package-price-left,.home-signup .package-price-right {
                width: 100%;
            }
            .home-signup .package-price {
                margin-right: 30px;
            }
           .system-create-page .head-container {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 1rem;
            }
           .system-create-page .table-text {
                padding: 0;
            }
        }

        @media screen and (max-width: 477px) {
            .sys-notes-index .header-notice {
                flex-direction: column;
            }
            .sys-notes-index .subject-post {
                text-align: center;
            }
            .sys-notes-index .btn-cont {
                flex-direction: column;
            }
            .sys-notes-index .show-btn-cont {
                margin-bottom: 5px;
            }
            .sys-notes-index .btn-delete {
                width: 130px;
            }
            .sys-notes-index .btn-note {
                width: 130px;
            }
        }

        @media screen and (max-width: 448px) {
            .sys-note-page .btn-container {
                flex-direction: column;
                margin: 0 auto;
            }
            .sys-note-page .btn-view,.sys-note-page .btn-edit,.sys-note-page .btn-delete {
                width: 90px;
                margin-top: 5px;
            }
        }

        @media screen and (min-width: 495px) and (max-width: 580px) {
            .sys-form-page a.btn.btn-primary {
              margin-top: 4px;
            }
        }

        @media screen and (max-width: 446px) {
            /* button#dropdownMenuButton {
                    width: 120px;
                    font-size: 10.5px;
            } */

            .system-preview .form-group {
                width: 100%;
            }
            .sys-sections .m-btn--icon.m-btn--icon-only.btn-lg, .btn-group-lg > .m-btn--icon.m-btn--icon-only.btn {
                    width: 35px;
                    height: 35px;
                }

            .sys-sections .note-editable .table tr {
                    width: 100%;
                }

                .sys-sections .note-editable table img {
                    width: 100% !important;
                    height: auto !important;
                }

                .sys-emp-show .employee-info {
                    background: white;
                    padding: 20px;
                    clear: both;
                    display: flex;
                }
                .sys-emp-show .right-employee-info {
                    padding-left: 0;
                }

                .sys-preview-page .form-group {
                    width: 100%;
                }
            }

            @media screen and (max-width: 415px) {
                .sys-faq-index table#html_table {
                    display: block;
                    min-height: 300px;
                    overflow-x: auto;
                }
                .sys-faq-index a.btn.btn-primary.btn-qa{
                    width: auto;
                    margin: 1px 0;
                }
                .sys-faq-index a.btn.btn-danger,.sys-faq-index a.btn.btn-success {
                    width: 125px;
                }
            }

            @media screen and (max-width: 400px) {
                .sys-event-create .count,.sys-event-edit .count,.sys-event-show .count {
                    font-size: 20px !important;
                }

                .system-create-page .text-title h3 {
                    font-size: 16px;
                }
                .system-create-page i.far.fa-envelope {
                    font-size: 15px;
                }

                .leads-page .m-tabs-line.nav.nav-tabs .nav-link:hover,.leads-page .m-tabs-line.nav.nav-tabs .nav-link.active,.leads-page .m-tabs-line a.m-tabs__link:hover,.leads-page .m-tabs-line a.m-tabs__link.active {
                    border-top: none;
                    border-left: none;
                    border-right: none;
                    border-bottom: 1px solid #3f4047;
                    padding: 1rem 0;
                }
                .leads-page .nav.nav-pills .nav-item,.leads-page .nav.nav-tabs .nav-item {
                    margin-left: 0;
                }
                .leads-page ul.nav.nav-tabs.client-navtab.m-tabs-line {
                    flex-direction: column;
                }
                .leads-page li.nav-item.m-tabs__item {
                    width: 50%;
                }
                .leads-page a.form-control.btn.m-btn--square.btn-warning,.leads-page a.form-control.btn.m-btn--square.btn-danger,
                .leads-page a.form-control.btn.m-btn--square.btn-accent.btn-sendtest,.leads-page .btn.btn-info{
                    width: 100% !important;
                }
            }

            @media screen and (max-width: 398px) {

                .home-signup .package-price-right .package-price-amount {
                    font-size: 2rem;
                }
                .home-signup .package-price-left .package-price-amount {
                    font-size: 1.5rem;
                }
                .home-signup img.guarantee-seal {
                    width: 135px;
                }
            }

            @media screen and (max-width: 396px) {

               .templates-page .client-navtab {
                    display: flex;
                    justify-content: flex-start;
                }
                .templates-page .m-portlet .m-portlet__head {
                    padding: 0 0.5rem 10px;
                    height: 5.1rem;
                }

                .proposals-page .client-navtab {
                    display: flex;
                    justify-content: flex-start;
                }
                .proposals-page .m-portlet .m-portlet__head {
                    padding: 0 0.5rem 10px;
                    height: 5.1rem;
                    }

                .proposals-page .proposal_list {
                    display: block !important;
                    overflow-x: unset !important;
                }
                .system-show .client-navtab,.manage-help .client-navtab {
                    display: flex;
                    justify-content: flex-start;
                }
                .system-show .m-portlet .m-portlet__head,
                .manage-help .m-portlet .m-portlet__head {
                    padding: 0 0.5rem 10px;
                    height: 5.1rem;
                }
                .system-show table#active-non th,
                .manage-help table#active-non th {
                    width: 50px !important;
                }
                .system-show .total-and-bar,
                .manage-help .total-and-bar {
                    margin-left: -25%;
                }

                .leads-page .client-navtab {
                    display: flex;
                    justify-content: flex-start;
                }
                .leads-page .m-portlet .m-portlet__head {
                    padding: 0 0.5rem 10px;
                    height: 5.1rem;
                }
            }

            @media screen and (max-width: 386px) {
                .sys-sections .m-btn--icon.m-btn--icon-only.btn-lg, .btn-group-lg > .m-btn--icon.m-btn--icon-only.btn {
                    width: 35px;
                    height: 35px;
                }

                .sys-noticeboard-page .search-container {
                    flex-direction: column;
                    align-items: center;
                }
                .sys-noticeboard-page .find-btn {
                    margin-top: 0;
                    margin-left: 0;
                }
                .sys-noticeboard-page .m-portlet .m-portlet__head {
                    padding: 0;
                }
            }
            @media screen and (max-width: 375px) {
                .sys-format-create .head-container {
                    display: flex;
                }
                .sys-format-create .m-portlet .m-portlet__head {
                    padding: 0;
                }
                .sys-format-create .table-title {
                    padding: 1rem 0 1rem 1.2rem;
                }
                .sys-format-create .text-title {
                    padding: 1rem;
                }
            }

            @media screen and (max-width: 360px) {
                .templates-page a.form-control.btn.m-btn--square.btn-warning,.templates-page a.form-control.btn.m-btn--square.btn-danger,.templates-page a.form-control.btn.m-btn--square.btn-accent {
                    width: 77px !important;
                }
                .templates-page li.nav-item.m-tabs__item  {
                    width: 100%;
                }
                }

            @media screen and (max-width: 369px) {
                .leads-page .m-tabs-line .m-tabs__item {
                    margin-right: 15px !important;
                }

               .proposals-page .m-tabs-line .m-tabs__item {
                    margin-right: 15px !important;
                }
                .proposals-page a.form-control.btn.m-btn--square.btn-warning,.proposals-page a.form-control.btn.m-btn--square.btn-danger,.proposals-page
                a.form-control.btn.m-btn--square.btn-accent.btn-sendtest,.proposals-page .btn.btn-info{
                    width: 100% !important;
                }
            }

            @media screen and (max-width: 345px) {
                .system-show .total-and-bar,
                .manage-help .total-and-bar  {
                    margin-left: -25%;
                }
                .system-show .total-and-bar1,
                .manage-help .total-and-bar1 {
                    margin-left: -45%;
                }
            }

            @media screen and (max-width: 338px) {
                .sys-sections button.btn.btn-default {
                    margin-bottom: 5px;
                }
            }

            @media screen and (max-width: 320px) {
                .sys-event-create .count,.sys-event-edit .count,.sys-emp-show .count {
                    margin-left: 0;
                }

                .system-show table#active-non td,
                .manage-help table#active-non td {
                    padding: 0 !important;
                }

                .system-layout .m-card-user .m-card-user__details .m-card-user__email {
					font-size: 12px !important;
				}
            }








