.contact-panel .panel-heading {
  border-bottom-style: none; }
  .contact-panel .contact-top-params-dropdown {
    width: 100%; }
    .contact-panel .contact-top-params-dropdown .dropdown-menu.show {
      top: 100% !important;
      transform: translate3d(-60px, 0, 0px) !important; }
.contact-panel .preview-params-row {
  border-bottom: solid 1px #dddddd; }
  .contact-panel .preview-params-row .contact-top-params {
    color: #878787; }
.contact-panel .open > .dropdown-menu {
  margin-left: 0px; }
  .contact-panel .missing-placeholder {
    color: #D2605D;
    background: #FCE2E1;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    cursor: pointer; }
    .contact-panel .dropdown li a.create-new-template,
    .contact-panel .dropdown li a.create-new-send-as {
      color: #5790DC !important;
      background: #f8f8f8;
      border-bottom-style: none; }
      .contact-panel .dropdown li a.create-new-template:hover,
      .contact-panel .dropdown li a.create-new-send-as:hover {
        color: #5790DC !important;
        background: #f8f8f8; }
    .contact-panel .dropdown li.template-search-bar-li {
      padding: 16px 4px 0 16px; }

.dim-color {
  color: #999999; }

  .contact-panel-bottom-right {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 99990;
    width: 640px;
    margin-bottom: 1px; }

    .body-iframe .contact-panel-bottom-right {
      margin-bottom: 50px; }

#schedule-send-button {
  margin-left: 0px; }

  .bootstrap-timepicker-widget {
    z-index: 999999 !important; }

    #modal-schedule-send {
      z-index: 100005 !important; }
      #modal-schedule-send .modal-body {
        background-color: white;
        padding: 20px 30px 0px 30px;
        margin-bottom: 10px; }
        #modal-schedule-send .modal-backdrop {
          display: none; }
          #modal-schedule-send .modal-footer {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto; }
            #modal-schedule-send input:invalid {
              border: 1px solid #E57373; }
              #modal-schedule-send .control-label {
                padding: 0px; }
                #modal-schedule-send .form-group {
                  margin: 24px -10px; }

#date_picker {
  margin: auto; }

  #time_picker {
    margin: auto;
    z-index: 1000000000 !important; }

    #suggested-time-menu {
      max-width: 270px;
      font-size: 14px;
      line-height: 2.5;
      left: auto;
      right: 0;
      margin-right: 0px; }

      .suggested-time-item:hover {
        background-color: rgba(44, 140, 201, 0.1); }

        @media (max-width: 700px) {
          .contact-panel-bottom-right {
            width: 100%;
            max-height: 100%;   }
            #edit-auto-followup {
              float: initial !important;   }
}

#attachment-icon-reply {
  cursor: pointer;
  margin: 10px 20px; }

  .contact-panel {
    border-radius: 4px;
    background-color: #f8f8f8;
    z-index: 99990 !important; }

    .contact-panel-minimized-version {
      position: fixed;
      right: 0px;
      bottom: 0px;
      z-index: 99990;
      width: 250px;
      background: #3A4758;
      color: #FFFFFF;
      text-align: left; }

      .contact-panel .contact-panel-heading {
        background: #37475a;
        color: #ffffff; }

        .contact-panel .contact-panel-body {
          padding: 0px; }

          .contact-panel .contact-panel-close {
            float: right;
            color: #d0d0d0; }

            .minimizeIcon {
              margin-left: 10px; }

              .contact-panel .contact-panel-minimize {
                float: right;
                color: #d0d0d0; }

                .contact-top-params {
                  text-align: right; }

                  .contact-params-table td {
                    padding: 4px;
                    width: 100%; }

                    .contact-params-table td.contact-top-params {
                      width: 1%; }

                      .contact-panel .form-group {
                        margin-bottom: 10px; }

                        .contact-panel .top-params-show-more {
                          background: transparent;
                          color: #535353; }

                          .contact-panel .ql-container {
                            min-height: 320px;
                            max-height: 320px;
                            overflow-y: auto; }

                            .create-or-edit-template .ql-container {
                              max-height: 400px;
                              overflow-y: auto; }

                              #contact-followup .ql-container {
                                min-height: 100px;
                                max-height: 100px;
                                overflow-y: auto; }

                                .contact-preview .email-body-wrapper, .contact-preview .followup-body-wrapper {
                                  min-height: 100%;
                                  max-height: 100%;
                                  overflow-y: auto;
                                  word-break: break-word; }

                                  .show-cursor {
                                    cursor: pointer;
                                    cursor: hand; }

                                    .contact-panel .email-error, .contact-panel .followup-error {
                                      color: #8a6d3b;
                                      background: #fcf8e3;
                                      padding-left: 10px;
                                      padding-right: 10px;
                                      border-radius: 3px; }

                                      .contact-panel .list-placeholder {
                                        color: #5e9bb1;
                                        background: #F6FBFC;
                                        border: solid 1px #5e9bb1;
                                        padding-left: 3px;
                                        padding-right: 3px;
                                        border-radius: 3px; }

                                        .contact-panel .email-body.ql-container, .contact-panel .followup-body.ql-container {
                                          border: none;
                                          background: white; }

                                          .contact-panel .email-input {
                                            border: none; }

                                            .contact-panel .email-input:focus {
                                              border: none; }

                                              .contact-panel .add-auto-follow-up {
                                                padding-left: 12px;
                                                padding-right: 12px;
                                                padding-top: 6px;
                                                padding-bottom: 6px;
                                                height: 36px;
                                                vertical-align: middle;
                                                display: inline-block; }

                                                .contact-panel .add-auto-follow-up {
                                                  color: #4A90E2; }

                                                  .contact-panel .add-auto-follow-up.active {
                                                    color: #999999; }

                                                    #contact-followup .ql-editor {
                                                      min-height: 50px; }

                                                      #inbox-right-scroll-container #compose-editor .ql-editor {
                                                        overflow: scroll;
                                                        height: 200px;
                                                        padding-bottom: 50px; }

                                                        .reply-message-card-footer {
                                                          position: absolute;
                                                          bottom: 0;
                                                          padding: 12px 16px;
                                                          left: 0;
                                                          width: 100%;
                                                          background: white;
                                                          border: 1px solid #e5e5e5; }

                                                          .delete-message-card-button {
                                                            float: right;
                                                            padding-right: 20px;
                                                            font-size: 20px;
                                                            color: #626262; }
                                                            .delete-message-card-button i, .delete-message-card-button span {
                                                              cursor: pointer; }
                                                              .delete-message-card-button span {
                                                                font-size: 16px;
                                                                padding: 0 5px; }

#contact-followup .ql-container {
  background: white;
  min-height: 0px; }

  #inbox-right-last-message {
    margin: 0 0 10px 0; }

    #contact-followup .followup-header {
      font-size: 17px;
      color: #2f2c58;
      font-weight: 600; }

      #inbox-compose {
        resize: none; }

        #inbox-compose:hover, #inbox-compose:active, #inbox-compose:focus {
          outline: 0px !important;
          -webkit-appearance: none; }

          .inbox-left-scroller, .inbox-right-scroller {
            overflow-y: scroll; }
            .inbox-left-scroller::-webkit-scrollbar, .inbox-right-scroller::-webkit-scrollbar {
              display: none; }

#inbox-table {
  border-bottom: 1px solid #e7eaec; }

  .inbox-left-panel-thread.active > td {
    background-color: #f4f9ff !important; }

    .inbox-left-panel-thread.read .unread-dot {
      visibility: hidden; }

      .inbox-type-filter {
        color: #999999; }

        .inbox-type-filter.active {
          color: #000000; }

          table#inbox-table > tbody > tr > td {
            border-top: none; }

            table#inbox-table > tbody > tr > td {
              border-bottom: 1px solid #e7eaec; }

              #inbox-table .footable-empty {
                display: none; }

                #inbox-more-emails {
                  min-width: 160px !important;
                  opacity: 1; }

                  .inbox-message-card {
                    padding: 8px 20px 8px 20px; }

                    @media (min-width: 1300px) {
                      .contact-modal-shift {
                        transform: translateX(-767px);
                        max-width: 40vw;   }
}

.template-row .template-field {
  display: inline-flex;
  padding: 6px 12px; }
  .template-row .template-field .template-dropdown {
    display: inline-flex;
    justify-content: space-between;
    padding-right: 12px;
    width: 100%; }

.template-name {
  color: rgba(0, 0, 0, 0.8);
  font-size: 26px;
  height: 40px;
  line-height: 22px;
  min-width: 1px;
  width: 500px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image: initial;
  margin: 8px 32px 0px 32px;
  padding: 2px 7px 0px 7px;
  border-radius: 2px !important; }

  .template-name:hover {
    border-color: rgba(153, 153, 153, 0.5); }

    .template-followup-header {
      padding: 5px;
      margin: 15px 0px 15px 0px;
      font-size: 14px; }

      .template-input {
        width: 98%;
        height: 40px;
        padding: 8px;
        border: 1px solid #e5e6e7;
        border-radius: 3px; }

        .template-select {
          height: 40px;
          padding: 4px;
          background-color: white;
          margin: 4px;
          border: 1px solid #e5e6e7; }

          select option {
            background-color: white; }

            #more-followups-button:hover {
              cursor: pointer; }

              .followup-create-new-send-as {
                color: #5790DC !important;
                background: #f8f8f8;
                border-bottom-style: none; }

                .dropdown {
                  cursor: pointer; }

                  .delete-followup {
                    margin: 0px 8px;
                    cursor: pointer;
                    border-style: solid;
                    border-color: transparent;
                    border-image: initial;
                    border-radius: 2px !important; }

                    .collapse-followup {
                      margin: 0px 8px;
                      cursor: pointer;
                      border-style: solid;
                      border-color: transparent;
                      border-image: initial;
                      border-radius: 2px !important;
                      visibility: hidden;
                      float: right; }

                      .expand-followup {
                        margin: 0px 8px;
                        cursor: pointer;
                        border-style: solid;
                        border-color: transparent;
                        border-image: initial;
                        border-radius: 2px !important;
                        position: absolute; }

                        .expand-followup:hover {
                          background-color: rgba(153, 153, 153, 0.2); }

                          .collapse-followup:hover {
                            background-color: rgba(153, 153, 153, 0.2); }

                            .delete-followup:hover {
                              background-color: rgba(153, 153, 153, 0.2); }

                              .time-display {
                                color: rgba(34, 34, 34, 0.5);
                                padding-left: 32px; }

                                .sender-display {
                                  color: rgba(34, 34, 34, 0.5);
                                  padding-left: 32px; }

                                  .contact-modal-v3 #contact-panel {
                                    background-color: #FFFFFF;
                                    box-shadow: 0 2px 7px 0 rgba(51, 51, 51, 0.2); }
                                    .contact-modal-v3 .contact-container {
                                      padding: 0px 0px 8px 12px; }
                                      .contact-modal-v3 .contact-top-params {
                                        cursor: default;
                                        height: 16px;
                                        opacity: 0.7;
                                        color: #222222;
                                        font-size: 16px; }
                                        .contact-modal-v3 .ql-toolbar {
                                          background-color: #F7F9F9;
                                          border: none !important; }
                                          .contact-modal-v3 .ql-container {
                                            background-color: #F7F9F9 !important;
                                            border: none !important;
                                            height: 278px;
                                            min-height: 278px;
                                            max-height: 278px; }
                                            .contact-modal-v3 #v3-variables {
                                              color: #2C8CC9 !important;
                                              cursor: pointer; }
                                              .contact-modal-v3 .variables-dropdown {
                                                max-height: 350px;
                                                height: auto;
                                                width: 350px;
                                                overflow: auto; }
                                                .contact-modal-v3 tr {
                                                  border-bottom: solid 1px #e5e6e7 !important;
                                                  margin: 8px;
                                                  padding: 8px; }
                                                  .contact-modal-v3 .nav-link {
                                                    color: #222222; }
                                                    .contact-modal-v3 .nav-tabs a {
                                                      line-height: 2.2; }
                                                      .contact-modal-v3 .nav-tabs > li.active > a,
                                                      .contact-modal-v3 .nav-tabs > li.active > a:hover,
                                                      .contact-modal-v3 .nav-tabs > li.active > a:focus {
                                                        border: none;
                                                        border-bottom: solid 2px #222222 !important;
                                                        color: black;
                                                        margin-right: 4px; }
                                                        .contact-modal-v3 .vertical-line {
                                                          border-left: 1px solid #222222;
                                                          height: 50%;
                                                          margin-top: 15px;
                                                          opacity: 0.5;
                                                          margin-right: 2px;
                                                          margin-left: 0px;
                                                          width: 2px; }
                                                          .contact-modal-v3 .followup-tab:hover {
                                                            margin-right: 4px; }
                                                            .contact-modal-v3 .initial-contact-tab:hover {
                                                              margin-right: 4px; }
                                                              .contact-modal-v3 .nav-tabs {
                                                                display: -webkit-box;
                                                                display: -moz-box;
                                                                height: 50px;
                                                                width: 100%;
                                                                position: relative;
                                                                visibility: visible;
                                                                padding-bottom: 8px; }
                                                                .contact-modal-v3 .nav-tabs > li {
                                                                  float: none;
                                                                  padding: 4px; }
                                                                  .contact-modal-v3 .nav-tabs > li > a {
                                                                    padding: 5px 5px; }
                                                                    .contact-modal-v3 .open-template-editor {
                                                                      margin: 0px 4px;
                                                                      cursor: pointer;
                                                                      border-style: solid;
                                                                      border-color: transparent;
                                                                      border-image: initial;
                                                                      border-radius: 2px !important; }
                                                                      .contact-modal-v3 .open-template-editor:hover {
                                                                        background-color: rgba(153, 153, 153, 0.2);
                                                                        cursor: pointer; }
                                                                        .contact-modal-v3 .collapse-preview-followups {
                                                                          margin: 0px 8px;
                                                                          cursor: pointer;
                                                                          border-style: solid;
                                                                          border-color: transparent;
                                                                          border-image: initial;
                                                                          border-radius: 2px !important;
                                                                          visibility: hidden;
                                                                          float: right; }
                                                                          .contact-modal-v3 .schedule-formatted-date {
                                                                            cursor: default; }
                                                                            .contact-modal-v3 .followup-send-as {
                                                                              width: 100%; }
                                                                              .contact-modal-v3 .expand-preview-followups {
                                                                                margin: 0px 8px;
                                                                                cursor: pointer;
                                                                                border-style: solid;
                                                                                border-color: transparent;
                                                                                border-image: initial;
                                                                                border-radius: 2px !important;
                                                                                position: absolute; }
                                                                                .contact-modal-v3 .contact-footer {
                                                                                  padding-bottom: 10px; }
                                                                                  .contact-modal-v3 .contact-footer .save-template-from-email {
                                                                                    display: table-cell; }
                                  .contact-modal-v3 .contact-preview {
                                    background-color: white; }
                                    .contact-modal-v3 .contact-preview .preview-params-row {
                                      border: none !important;
                                      padding: 8px; }
                                      .contact-modal-v3 .contact-preview #preview-footer {
                                        padding: 8px 8px 8px 0px; }
                                        .contact-modal-v3 .contact-preview .contact-top-params {
                                          font-size: 16px;
                                          color: #222222;
                                          padding: 8px;
                                          background-color: white; }
                                          .contact-modal-v3 .contact-preview .followup-body-wrapper {
                                            background-color: #F7F9F9;
                                            border-radius: 2px;
                                            padding: 8px; }
                                            .contact-modal-v3 .contact-preview .email-body-wrapper {
                                              background-color: #F7F9F9;
                                              border-radius: 2px;
                                              padding: 8px; }
                                              .contact-modal-v3 .contact-preview li {
                                                border-radius: 2px; }
                                                .contact-modal-v3 .contact-preview li:hover {
                                                  background-color: rgba(44, 140, 201, 0.1); }
                                                  .contact-modal-v3 .contact-preview li.active {
                                                    background-color: rgba(44, 140, 201, 0.5); }
                                                    .contact-modal-v3 .contact-preview li.recipient-list.active a {
                                                      color: black; }
                                                      .contact-modal-v3 .contact-preview .candidate-name {
                                                        margin: 4px;
                                                        font-weight: 700; }
                                                        .contact-modal-v3 .contact-preview .anchor {
                                                          padding: 5px 32px;
                                                          font-weight: 400; }
                                                          .contact-modal-v3 .contact-preview .followup-side-tab {
                                                            display: block;
                                                            padding: 5px 0px 5px 24px; }
                                                            .contact-modal-v3 .contact-preview .error-warning {
                                                              padding-left: 6px; }
                                                              .contact-modal-v3 .contact-preview .candidate-name:hover {
                                                                cursor: pointer; }
                                                                .contact-modal-v3 .contact-preview .preview-contact-tabs {
                                                                  padding: 4px 4px 4px 0px;
                                                                  background-color: white;
                                                                  height: 100%; }
                                  .contact-modal-v3 .contact-footer-row {
                                    padding: 8px;
                                    border-top: 1px solid #222222 !important;
                                    width: 100%; }

#position-dropdown-contact .chosen-container .chosen-results li.group-result {
  border-top: 1px solid #CCC; }

  #position-dropdown-contact.chosen-select-light {
    max-width: 511.41px; }

    .form-group.contact-action {
      border: none !important; }