/* @overwrite: md-title _global custom */
.md-title {
    font-size: 16px;
  }

  .md-18 {
      font-size: 18px !important;
  }

  /* @overwrite: SweetAlert class swal-** _global custom */
  .swal-text {
      text-align: center;
  }

  .tab-label {
      display: flex;
      align-items: center;
      font-size: 14px;
      color : gray;
      margin-bottom: 5px;
  }

  /* .action-cells {
      display: flex;
      align-items: center;
  } */

  .event_cell:hover {
      cursor: pointer;
      background-color: #E0F0FF;
  }

  .list_icon {
      display: none !important;
  }

  .action-dot {
      font-size: 12px;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      margin-right: 7px;
      float: left;
      margin-top: 3px;
  }

  .action-voice {
      background-color: #f14c18;
  }

  .md-14 {
      font-size: 16px !important;
      cursor: help;
  }

  .graph-first {
      border-radius: 5px 0 0 5px;
  }

  .graph-last {
      border-radius: 0 5px 5px 0;
  }

  .graph-border-all {
      border-radius: 5px !important;
  }

  .all_time_loading {
      /*background: gray;*/
      background-color: rgba(175,175,175,0.8);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 10px;
      display: flex;
      justify-content: center;
  }

  .action_report_table:first-child {
      border-radius: 10px 0 0 0;
  }
  .action_report_table:last-child {
      border-radius: 0 10px 0 0;
  }
  .action_report_row:nth-child(even) {
      background-color: #F0F0F0;
  }

  .breakdown_table > tbody > tr:nth-child(even) {
      background-color: #F0F0F0;
  }

  #graph-table > tbody > tr:nth-child(1) > td:first-child {
      border-radius: 10px 0 0 10px;
  }

  #graph-table > tbody > tr:nth-child(1) > td:last-child {
      border-radius: 0 10px 10px 0;
  }

  #tab-content-8 > div > div > table > tbody > tr > td > table > thead > tr > th:last-child {
      border-radius: 0 10px 0 0;
  }

  .breakdown_cell:hover {
      cursor : pointer;
      background-color: #E0F0FF;
  }

  .breakdown_cell:hover + #breakdown-menu {
      display: block;
  }

  .action-web {
      background-color: #ffca09;
  }

  .action-chat {
      background-color: #14b37d;
  }

  .action-sms {
      background-color: #3cb6c7;
  }

  .action-email {
      background-color: #fc9e29;
  }

  .action-imsg {
      background-color: #5fc33b;
  }

  .action-social {
      background-color: #196ed9;
  }

  .action-webinar {
      background-color: #8654a1;
  }

  .swal-title {
      text-transform: capitalize;
  }

  .tab-labels {
      border: 1px solid gray !important;
  }

  .md-icon-right {
      float: right;
  }

  .md-icon-left {
      float: left;
  }

  #menu_container_14 {
      /*top: 450px !important;*/
      left: 580px !important;
      border-radius: 8px;
  }
  .m-menu-content {
      /*min-height: 434px;*/
      left: 580px !important;
      max-height: none;
  }
  /*.tab-labels {*/
  /*    border: 1px solid gray !important;*/
  /*    border-radius: 7px 7px 0 0 !important;*/
  /*}*/

  .md-tabs-client-report /* md-tabs */ {
      height: 100% !important;
  }

  /*.tab-labels.md-active{*/
  /*    background-color: #014E89;*/
  /*    color: #ffffff !important;*/
  /*}*/

  .list_details_td {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 0;
  }

  /* md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
      color: red !important;
      background-color: #014E89 !important;
  } */

  .td-card {
      width: 15%;
      padding: 5px 10px;
  }

  .m-card-voice {
      background-color: #f14c18;
      border: 1px solid #f14c18;
      padding: 1px;
  }

  .m-card-email {
      background-color: #fc9e29;
      border: 1px solid #fc9e29;
      padding: 1px;
  }
  /* #tab-content-8 > div > div > table > tbody > tr > td > table > thead > tr > th:nth-child(4) {
      border-radius: 0 10px 0 0;
  } */
  .m-card-social {
      background-color: #196ed9;
      border: 1px solid #196ed9;
      padding: 1px;
  }

  .m-card-chat {
      background-color: #5fc33b;
      border: 1px solid #5fc33b;
      padding: 1px;
  }

  .m-card-web {
      background-color: #ffca09;
      border: 1px solid #ffca09;
      padding: 1px;
  }

  .m-card-instant {
      background-color: #14b37d;
      border: 1px solid #14b37d;
      padding: 1px;
  }

  .m-card-webinar {
      background-color: #8654a1;
      border: 1px solid #8654a1;
      padding: 1px;
  }

  .m-card-sms {
      background-color: #3cb6c7;
      border: 1px solid #3cb6c7;
      padding: 1px;
  }

  .m-card-header {
      height: 20px;
      padding: 0;
  }

  .m-card-title {
      color: white;
      margin: 0;
      height: 16px;
      font-size: 12px;
      padding: 3px 16px 16px;
  }

  .m-card-content {
      background-color: white;
      padding: 10px 5px;
      text-align: center;
  }

  .td-action {
      padding: 10px 10px;
      font-weight: bolder;
      text-align: left;
      border-right: 1px solid rgba(0, 0, 0, 0.125);
      display: flex;
      justify-content: flex-start;
  }

  .div-action-icon {
      border-radius: 70%;
      color: white;
      text-align: center;
      width: 20px;
      margin-right: 5px;
  }

  .action-voice-icon {
      border: 1px solid #f14c18;
      background: #f14c18;
  }
  .action-email-icon {
      background: #fc9e29;
      border: 1px solid #fc9e29;
  }
  .action-social-icon {
      background: #196ed9;
      border: 1px solid #196ed9;
  }
  .action-chat-icon {
      background: #5fc33b;
      border: 1px solid #5fc33b;
  }
  .action-web-icon {
      background: #ffca09;
      border: 1px solid #ffca09;
  }
  .action-instant-icon {
      background: #14b37d;
      border: 1px solid #14b37d;
  }
  .action-webinar-icon {
      background: #8654a1;
      border: 1px solid #8654a1;
  }
  .action-sms-icon {
      background: #3cb6c7;
      border: 1px solid #3cb6c7;
  }
  .action-accounts-icon {
      background: #514C4D;
      border: 1px solid #514C4D;
  }

  .span-action-icon {
      font-size: 12px !important;
      width: 18px;
  }

  .icon-size-24 {
      width: 24px;
      height: 24px;
      min-height: 24px;
      min-width: 24px;
  }

  .icon-size-20 {
      width: 20px;
      height: 20px;
      min-height: 20px;
      min-width: 20px;
  }

  .icon-size-18 {
      width: 18px;
      height: 18px;
      min-height: 18px;
      min-width: 18px;
  }

  .icon-size-16 {
      width: 16px;
      height: 16px;
      min-height: 16px;
      min-width: 16px;
  }

  .alert-success {
      border: 1px solid #88e3a6;
      border-radius: 4px;
      background-color: #e4ffed;
      color: #0575a1;
  }

  .alert-danger {
      border: 1px solid #e39288;
      border-radius: 4px;
      background-color: #ffe7e4;
      color: #e14330;
      margin-bottom: 5px;
  }

  .filter-button {
      font-size: 12px;
      border: 1px solid #196ed9;
      padding: 5px 10px;
      color: #196ed9;
      background-color: transparent;
      margin: 0 5px;
      border-radius: 4px;
      cursor: pointer;
  }

  .filter-active {
      font-size: 12px;
      border: 1px solid #196ed9;
      padding: 5px 10px;
      color: white;
      background-color: #196ed9;
      margin: 0 5px;
      border-radius: 4px;
      cursor: pointer;
  }

  /* @overwrite Global Custom */
  md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
      color: #ffca09;
      background: #ffca09;
  }

  md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
      color: rgba(95,115,128,0.5);
  }

  md-tabs.md-default-theme .md-tab.md-active,
  md-tabs .md-tab.md-active,
  md-tabs.md-default-theme .md-tab.md-active md-icon,
  md-tabs .md-tab.md-active md-icon,
  md-tabs.md-default-theme .md-tab.md-focused,
  md-tabs .md-tab.md-focused,
  md-tabs.md-default-theme .md-tab.md-focused md-icon,
  md-tabs .md-tab.md-focused md-icon {
      color: #7fa6c4;
  }

  account-lists md-tabs {
    height: 80vh !important;
  }

  /* Component Wrappers Here */
  home,account,login-form, calendar, send-mail, email-report, edit-profile, custom-calendar, am-info, contracts, lead-nurturing {
      flex: 1;
      display: flex;
      flex-direction: row;
      box-sizing: border-box;
  }

  /* ----- Start: Per Section Form-Inputs Customization ----- */
  .account-info .md-errors-spacer,
  .contact-info .md-errors-spacer,
  .change-status .md-errors-spacer,
  .search-input .md-errors-spacer,
  .edit-profile .md-errors-spacer,
  .mailer-dialog .md-errors-spacer,
  .search-input .md-errors-spacer,
  .filter-options .md-errors-spacer,
  .email_report .md-errors-spacer,
  .am-info .md-errors-spacer,
  .add-account .md-errors-spacer,
  .new-event .md-errors-spacer,
  .contracts .md-errors-spacer,
  .conversion-tracker-div .md-errors-spacer{
      display: none;
  }

  .account-info md-input-container input,.account-info md-input-container textarea, .account-info md-select,
  .contact-info md-input-container input,.contact-info md-input-container textarea, .contact-info md-select,
  .change-status md-input-container input,.change-status md-input-container textarea, .change-status md-select,
  .edit-profile md-input-container input,.edit-profile md-input-container textarea, .edit-profile md-select,
  .send-dialog md-input-container input,.send-dialog md-input-container textarea, .send-dialog md-select,
  .mailer-dialog md-input-container input,.mailer-dialog md-input-container textarea, .mailer-dialog md-select,
  .filter-options md-input-container input,.filter-options md-input-container textarea, .filter-options md-select,
  .email_report md-input-container input,.email_report md-input-container textarea, .email_report md-select,
  .am-info md-input-container input,.am-info md-input-container textarea, .am-info md-select,
  .add-account md-input-container input,.add-account md-input-container textarea, .add-account md-select,
  .new-event md-input-container input,.new-event md-input-container textarea, .new-event md-select,
  .contracts md-input-container input,.contracts md-input-container textarea, .contracts md-select,
  .hubspot-dialog md-input-container input,.hubspot-dialog md-input-container textarea, .hubspot-dialog md-select,
  .search-input md-input-container input,.conversion-tracker-div md-input-container input {
      font-size: 100%;
      height: auto;
      line-height: 18px;
      color: #0079e4;
  }

  /* no need to add here, this is for search-input only */
  .search-input {
      margin: 8px 8px 5px 2px;
      max-height: 33px;
  }
  .search-input input{
      margin: 4px;
      padding: 2px 4px 2px 4px;
      border: 1px solid #d1d1d1;
  }

  .account-info md-select-value,
  .contact-info md-select-value,
  .change-status md-select-value,
  .edit-profile md-select-value ,
  .send-dialog md-select-value ,
  .mailer-dialog md-select-value,
  .filter-options md-select-value,
  .email_report md-select-value,
  .am-info md-select-value,
  .new-event md-select-value,
  .add-account md-select-value,
  .hubspot-dialog md-select-value,
  .contracts md-select-value{
      min-height: auto;
  }

  .account-card-inputs md-input-container,
  .contact-info md-input-container,
  .change-status md-input-container,
  .search-input md-input-container,
  .edit-profile md-input-container,
  .send-dialog md-input-container,
  .mailer-dialog md-input-container,
  .filter-options md-input-container,
  .email_report md-input-container,
  .am-info md-input-container,
  .new-event md-input-container,
  .add-account md-input-container,
  .contracts md-input-container{
      font-size: 14px;
      margin-bottom: 10px;
  }

  /* ----- End: Per Section Form-Inputs Customization ----- */

  /* ----- Start: Dialog md-toolbar custom */
  .add-contact-dialog md-toolbar,
  .contact-dialog md-toolbar,
  .mailer-dialog md-toolbar,
  .send-dialog md-toolbar,
  .transfer-dialog md-toolbar,
  .add-account-dialog md-toolbar,
  .add-event-dialog md-toolbar,
  md-dialog md-toolbar {
      max-height: 48px;
      min-height: 48px;
      background-color: #064678;
      font-size: 16.5px;
  }

  body > div.layout-row.flex > div > account-lists > md-content > div > div > div > md-table-container > table > tbody > tr > td:hover {
    cursor: pointer;
    background-color: #F1F1F1;
  }

  /* ----- Start: Dialog md-toolbar custom */

  /* -----Start: md-toolbar Header */

  top-heading .heading {
      height: 76px;
      min-height: 76px;
      background-color: #014e89;
      font-size: 16.5px;
  }

  top-heading h3 {
      color: #ffffff;
  }

  top-heading .time {
      position: absolute;
      bottom: -15px;
  }

  top-heading .md-icon-button {
      margin-top: auto;
      margin-bottom: auto;
  }

  top-heading div:last-child {
      margin-right: 15px;
  }

  top-heading md-toolbar md-icon.md-icon {
      color: #ffffff;
  }

  top-heading a {
      margin-right: 10px;
  }

  .notification {
      position: relative;
  }

  .notification md-card {
      position: absolute;
      top: 36px;
      z-index: 10;
      left: -174px;
      min-width: 300px;
      background-color: #656464;
  }

  .notification md-card md-card-header-text {
      padding: 0 4px 4px 4px;
      margin: 4px 0 0 0;
      background-color: #656464;
      color: #ffffff;
  }

  .notification md-card md-list {
      margin: 0;
      background-color: #505050;
      color: #ffffff;
  }

  .notification md-card md-list-item {
      border-bottom: 1px solid #575757;
  }

  .notification md-card md-list-item:hover, .notification md-card md-list-item:hover md-icon {
      fill: #ffca09;
      color: #ffca09;
      cursor: pointer;
      background-color: #515151;
  }

  .notification md-card md-list-item:last-child {
      border: none;
  }

  .notification md-card md-list-item section {
      margin-left: 14px;
  }

  .notification md-card md-list-item section div {
      padding: 0;
  }

  .notification md-card md-list-item section div span:last-child {
      text-align: right;
  }

  .notification md-card md-list-item md-icon {
      color: #ffffff;
      fill: #ffffff;
  }

  .notification .notification-date {
      color: #d5d5d5;
  }

  /* @overwrite: toolbar menu-icon color */
  md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon.menu-icon,
  md-toolbar:not(.md-menu-toolbar) md-icon.menu-icon,
  md-toolbar:not(.md-menu-toolbar) md-icon
  {
      fill: #ffca09;
      color: #ffca09;
  }

  /* home - touchppoints for client, instead of tasks */
  md-virtual-repeat-container div.lvtouchpoints{
      background-color: #F2F2F2;
      margin: 0px !important;
      padding: 10px 10px 10px 10px;
  }
  md-virtual-repeat-container div.lvtouchpoints:nth-of-type(1){
      padding: 20px 10px 10px 10px
  }
  md-virtual-repeat-container div.lvtouchpoints:nth-of-type(odd){
      background-color: #ffffff;
  }
  /* home - if client - smaller div filter */
  .smaller_filter{
      max-height:155px !important;
  }

  /* avatar area */
  .avatar {
      font-size: 1rem;
      display: inline-flex;
      width: 40px;
      height: 40px;
      color: #fff;
      border-radius: 50%;
      background-color: #adb5bd;
      align-items: center;
      justify-content: center;
      cursor: pointer;
  }

  .avatar-sm {
      font-size: .875rem;
      width: 40px;
      height: 40px;
  }

  .avatar img {
      width: 100%;
      border-radius: 50%;
      height: 100%;
  }

  .rounded-circle {
      border-radius: 50% !important;
      border: 2px solid #fff;
  }

  .avatar a {
      margin: 0 8px 0 8px;
  }

  .autocomplete-search-custom li {
      border-bottom: 1px solid #e9e9e9;
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
      white-space: normal;
  }
  .autocomplete-search-custom li:last-child {
      border-bottom-width: 0;
  }
  .autocomplete-search-custom .account-name,
  .autocomplete-search-custom .account-contact {
      display: block;
      line-height: 1;
  }
  .autocomplete-search-custom .item-icon md-icon {
      color: rgba(0, 132, 0, 0.71);
      fill: rgba(0, 132, 0, 0.71);
      height: 34px;
      width: 34px;
      margin: 0 8px 0 0;
  }

  .autocomplete-search-custom .search-item {
      padding-top: 4px;
  }

  /* -----End: md-toolbar Header */

  /* -----Start: ProgressBar Custom Style */
  .account-info-updates md-progress-linear {
      height: 2px;
  }

  .account-info-updates md-progress-linear .md-container {
      height: 2px;
  }

  /* ----- Start: Tab Heading Custom */
  .account-right-tab md-tabs-canvas,
  .account-right-tab md-pagination-wrapper,
  .home-right-tab md-tabs-canvas,
  .home-right-tab md-pagination-wrapper{
      height: 40px;
      background-color: #ffffff;
  }
  .account-right-tab md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper,
  .home-right-tab md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper{
      top: 41px;
  }
  .account-right-tab md-tab-item,
  .account-right-tab md-dummy-tab,
  .home-right-tab md-tab-item,
  .home-right-tab md-dummy-tab{
      line-height: 20px;
  }

  /* ----- End: Tab Heading Custom */

  /* ----- Start: md-card toolbar header Custom */
  .filters {margin: 8px 8px 8px 2px; max-height: 228px;}
  .filters md-toolbar, .touchpoints md-toolbar {
      padding: 0 10px 0 10px;
      min-height: 40px;
      color: #7fa6c4;
      background-color: #fff;
      font-size: 16.5px;
      height: 20px;
      border-bottom: 1px solid #E5E5E5;
      z-index: 1;
  }

  .filters md-toolbar md-icon, .touchpoints md-toolbar md-icon {
      color: #7fa6c4;
      fill: #7fa6c4;
  }

  .filters md-toolbar .md-title, .touchpoints md-toolbar .md-title {
      color: #7fa6c4;
      font-weight: normal;
  }

  .add-contact-btn button {
      margin: 2px 2px 0 2px;
      line-height: 20px;
      min-height: 20px;
      font-size: 70%;
  }

  .add-contact-btn button md-icon {
      height: 16px;
      width: 16px;
      min-height: 16px;
      min-width: 16px;
      margin: -3px 4px 0 0;
  }

  /* ----- Start: Left sidenav */
  left-sidebar {
      display: flex;
      flex-direction: row;
      position: relative;
  }

  left-sidebar md-sidenav {
      background-color: #505050;
  }

  left-sidebar div.menu-item {
      min-height: 40px;
      font-size: 12px;
  }

  left-sidebar div md-icon {
      margin: auto 10px auto 10px;
  }

  left-sidebar div.menu-icon-container {
      min-height: 40px;
  }

  /*left-sidebar div.menu-icon-container md-icon {*/
      /*color: #ffffff;*/
      /*fill: #ffffff;*/
  /*}*/

  left-sidebar a.menu-name {
      padding: 0 10px 0 10px;
      min-height: 40px;
      text-decoration: none;
      color: #ffffff;
      transition: color 500ms, background-color 500ms ;
  }

  left-sidebar div.menu-item div md-icon {
      color: #ffffff;
      fill: #ffffff;
  }

  left-sidebar div.menu-item:hover div md-icon,
  left-sidebar div.menu-item:hover a {
      color: #ffca09;
      fill: #ffca09;
  }

  left-sidebar .current {
      background-color: #656464;
  }
  /* ----- End: Left sidenav */

  /* ----- Start: Center Widget */
  .grid-widget md-grid-tile {
      font-size: 80%;
      border-radius: 2px;
      background-color: white;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
  }

  .grid-widget md-grid-tile .widget-figure {
      font-weight: bold;
      font-size: 21px;
      color: #5f7380;
      margin-top: 3px;
  }

  .grid-widget md-grid-tile span {
      text-transform: uppercase;
  }

  .grid-widget md-grid-tile div span:first-child {
      color: #063060;
  }

  .grid-widget md-grid-tile div span:last-child {
      /*color: #5f7380;*/
      /*font-size: 21px;*/
      /*font-size: 110%;*/
  }

  .grid-widget md-grid-tile div {
      margin-bottom: 15px;
  }

  .grid-widget md-grid-tile md-icon {
      color: #1C0E00;
  }

  .grid-widget md-grid-tile md-grid-tile-footer {
      background-color: transparent;
      font-size: 12px;
      color: #777;
      height: 31px;
  }

  .grid-widget md-grid-tile md-grid-tile-footer figcaption {
      display: flex;
      flex: 1;
      flex-direction: row;
  }

  .grid-widget md-grid-tile .mktg {
      padding: 0 10%;
      border-right: 1px solid #eee;
      margin-bottom: 15px;
  }

  .grid-widget md-grid-tile .selfgen {
      padding: 0 10%;
      margin-bottom: 15px;
  }

  .abc {
      color: #fff;
      font-size: 0.75rem;
      /*padding: 5px 0;*/
  }

  .abc.center_widget {
      color: #505050;
      font-size: 0.75rem;
      padding: 5px 0;
  }

  .contracts.center_widget {
      color: rgba(0, 0, 0, 0.38);
      font-size: 0.69rem;
      padding: 5px 0;
  }

  .activities {
      padding: 10px;
      overflow: hidden;
  }

  .activities .activities_header {
      color: #ffca09;
      font-size: 1rem;
      font-weight: bold;
  }

  .activities .abc {
      color: #fff;
      font-size: 0.75rem;
      /*padding: 5px 0;*/
  }

  .activities .xyz {
      color: #aaa;
      font-size: 0.75rem;
  }

  .activities .xyz {
      color: #aaa;
      font-size: 0.75rem;
  }

  .activities .aw {
      margin: 10px 0 0 0;
      padding: 0;
  }

  .activities > div {
      margin: 5px;
  }

  .date_range {
      color: #fff;
      fill: #fff;
      font-size: 0.75rem;
      text-align: right;
  }

  .date_range.center_widget {
      color: #014e89;
      fill: #014e89;
      font-size: 0.75rem;
  }

  .date_range.center_widget button {
      line-height: 0;
      font-size: 12px;
      margin: 0;
      text-align: left;
      font-weight: 500;
      min-height: 12px;
      height: 23px;
  }

  .date_range.center_widget button md-icon {
      top: -1px;
      left: -5px;
      position: relative;
      fill: #014e89 !important;
  }

  .date_range.sidebar button {
      line-height: 0;
      font-size: 12px;
      margin: 0;
      padding: 2px 0 0 3px;
      text-align: right;
      font-weight: 400;
      min-height: 12px;
      height: 23px;
  }

  .date_range button:hover, .date_range button:focus {
      background-color: transparent !important;
  }

  .date_range button md-icon {
      margin: 0;
      min-height: 18px;
      height: 18px;
      top: -1px;
      left: -5px;
      position: relative;
      fill: #fff!important;
  }

  .date_range md-menu-bar{
      padding: 0 0 0 15px;
  }

  .widgetMenu {
      padding: 0 !important;
  }

  .widgetMenu button, md-menu-item md-datepicker {
      margin: 0 !important;

  }
  .no-touch-label{
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: help;
  }
  /* ----- End: Center Widget */

  /* ----- Start: HomePage - Center Tabs */
  .center-tabs md-list-item {
      padding-bottom: 8px;
      padding-top: 8px;
  }

  .center-tabs a.account-name {
      text-decoration: none;
      color: #0070E0;
      transition: color 500ms;
  }

  .center-tabs a.account-name:hover {
      color: #28a8db;
  }

  .center-tabs .action-icons{
      display: block;
      position: absolute;
      top: 8px;
      right: 16px;
  }

  .center-tabs .action-icons a {
      text-decoration: none;
  }

  .center-tabs .action-icons md-icon {
      color: #80C2E1;
      margin: 0 0 0 10px;
      height: 20px;
      width: 20px;
      min-height: 16px;
      min-width: 16px;
      transition: color 0.5s;
  }

  .center-tabs .action-icons md-icon:hover {
      color: #c3830d;
  }

  .center-tabs .status-icons {
      margin-top: 40px;
  }

  .center-tabs .status-icons md-icon.awaiting {
      color: #AAAAAA;
      margin: 0 15px 0 15px;
      min-height: 24px;
      min-width: 24px;
  }

  .center-tabs .status-icons md-icon.success {
      color: #725500;
      margin: 0 15px 0 15px;
      min-height: 24px;
      min-width: 24px;
  }

  .center-tabs .category-tag .date {
      color: #5f7380;
      border: 1px solid #5f7380;
      padding: 1px 2px 0 2px;
  }

  .center-tabs .category-tag .category {
      color: #FFF;
      background-color: #5f7380;
      border: 1px solid #5f7380;
      padding: 1px 5px 0px 4px;
      text-transform: uppercase;
  }

  .open-tab-icon md-icon {
      margin: 0 0 0 8px;
      height: 20px;
      width: 20px;
      min-height: 20px;
      min-width: 20px;
      cursor: pointer;
      color: #1E7BC1;
  }

  .open-tab-icon md-icon:hover {
      color: #1e8ed7;
  }

  progress {
      margin: auto;
      border: none;
      width: 210px;
      height: 4px;
      background: #fff4c8;
  }

  progress::-webkit-progress-value {
      background: lightblue;
  }

  progress::-moz-progress-bar {
      background: #FFBF00;
  }

  progress::-webkit-progress-value {
      background: #FFBF00;
  }

  progress::-webkit-progress-bar {
      background: #fff4c8;
  }

  .cell_align_left {
      text-align: left;
      padding-left: 10px;
  }



  /* ----- End: HomePage - Center Tabs */

  /* ----- Start: HomePage - Center Tab - Reports */

      div.reports-category {color: #05518b !important; font-size:14px !important; }
      md-card.channels label{ font-size: 14px; color: #05518b; font-weight: bold; margin-top: 10px;}
      md-card.channels > .data{color: #667985 ; font-size: 14px; margin:10px;  border-right: solid 1px #c6cdd2 }
      md-card.Calls {border-left: solid 3px #f15524; }
      md-card.Emails {border-left: solid 3px #fe9e29; }
      md-card.Social {border-left: solid 3px #1d8acb; }
      md-card.SalesChat365 {border-left: solid 3px #3cbe93; }
      md-card.Adwords {border-left: solid 3px #8754a1; }

      .md-button {border-radius: 4px; font-size: 12px;}
      .md-button.all.active, .md-button.Calls:hover {  	color: #fff;  	background: #000  	 !important; 	border:solid  #000;}
      .md-button.Calls.active, .md-button.Calls:hover {  	color: #fff;  	background: #f15524  !important;  	border:solid #f15524;}
      .md-button.Emails.active, .md-button.Email:hover { 	color: #fff; 	background:  #fe9e29 !important;  	border:solid  #fe9e29; }
      .md-button.Social.active, .md-button.Social:hover { color: #fff;	background:  #1d8acb !important;  	border:solid #1d8acb;}
      .md-button.SalesChat365.active, .md-button.SalesChat365:hover {color: #fff;	background:  #3cbe93  !important;  border:solid  #3cbe93;}
      .md-button.Adwords.active, .md-button.Adwords:hover {color: #fff;	background:  #8754a1  !important; 	border:solid  #8754a1; }

      .md-button.all.inactive { 	background: transparent !important;  	color: #000  !important;   	border:solid  #000; }
      .md-button.Calls.inactive{ 	background: transparent !important;  	color: #f15524  !important; border:solid #f15524; }
      .md-button.Emails.inactive{ 	background: transparent !important;		color: #fe9e29  !important; border:solid  #fe9e29; }
      .md-button.Social.inactive{	background: transparent !important;  	color: #1d8acb  !important; border:solid #1d8acb;}
      .md-button.SalesChat365.inactive{background:transparent !important; color: #3cbe93  !important; border:solid  #3cbe93;}
      .md-button.Adwords.inactive{background: transparent !important;		color: #8754a1  !important; border:solid  #8754a1;}

       md-card.brkdownContainer {padding:0px !important;}
      .brkdown{padding: 10px; border-right: solid 1px #c6cdd2;}
      .brkdown strong {font-size: 14px; color: #05518b; text-transform: uppercase; }
      .brkdown span { font-size: 30px;}
      .brkdown.Total.Leads { background: #014e89; color: #ffc107;}
      .brkdown.Total.Leads strong{	color: #fff !important;	}
      .brkdown.Calls{ color: #f15524}
      .brkdown.Emails{ color: #fe9e29}
      .brkdown.Social{ color: #1d8acb}
      .brkdown.SalesChat365{ color: #3cbe93}
      .brkdown.Adwords{ color: #8754a1}

  /* ----- End: HomePage - Center Tab - Reports */

  /* ----- Start: HomePage - Right Side Section */
  .filter-options {
      margin: 5px;
  }

  .filter-tag span:first-child {
      border: 1px solid #777;
      padding: 0 2px 0 2px;
  }

  .filter-tag span:last-child {
      text-transform: uppercase;
      text-align: center;
      background-color: #777;
      color: #ffffff;
      padding: 1px 0 0 0;
  }

  .tasks-events-card .v-repeater a {
      text-decoration: none;
      color: #0070E0;
  }

  .tasks-events-card .v-repeater a:hover {
      color: #28a8db;
  }

  .tasks-events-card .v-repeater {
      margin: 10px 10px 10px 10px;
  }
  .tasks-events-card .v-repeater:first-child {
      margin: 20px 10px 10px 10px;
  }

  .v-repeater span:first-child {
      color: #1C0E00;
  }

  .tasks-events-card .a-container div {
      padding: 2px;
  }
  .tasks-events-card .a-container {
      position: absolute;
      top: 41px; right: 0; left: 0;
      background-color: #ffffff;
      z-index: 1;
  }

  .tasks-events-card .a-container div a {
      text-align: center;
      text-decoration: none;
      cursor: pointer;
  }

  .tasks-events-card .a-container div a:hover {
      background-color: rgba(227, 179, 36, 0.11);
      color: #1E7BC1;
  }

  /* ----- End: HomePage - Right Side Section */

  /* ----- Start: Account-ContactDialog - Stepper/Staging Style */
  .staging {
      padding: 0 5px 0 5px;
      background-color: rgba(227, 179, 36, 0.56);
      font-weight: lighter;
      font-size: 90%;
  }

  .staging .stage {
      height: 20px;
      text-align: center;
      position: relative;
  }

  .stage .stage-text {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }

  .stage-check-icon {
      height: 16px;
      width: 16px;
      min-height: 16px;
      min-width: 16px;
      color: #FFF;
  }

  .stage-text:hover {
      cursor: pointer;
      color: #064678;
  }

  .stage:hover > .top-skewer,
  .stage:hover > .bottom-skewer {
      cursor: pointer;
  }

  .stage .top-skewer {
      top: 0;
      border-right: 1px solid #FFF;
      height: calc((2rem / 2) + 0.0625rem);
      transform: skew(28deg) translate3d(0, 0, 0);
  }

  .stage .bottom-skewer {
      bottom: 0;
      height: 1rem;
      border-right: 1px solid #FFF;
      transform: skew(-30deg) translate3d(0, 0, 0);
  }

  .staging .stage:last-child > .top-skewer,
  .staging .stage:last-child > .bottom-skewer{
      border-right: none;
  }
  /* ----- End: AccountPage - Stepper/Staging Style */

  /* ----- Start: Custom Calendar - */
  custom-calendar  table {
      border-collapse: collapse;
  }

  custom-calendar .cal-container {
      background-color: #ffffff;
      margin: 10px;
  }

  custom-calendar table thead {
      border: 1px solid #dcdcdc;
      text-align: center;
      min-height: 20px;
  }

  custom-calendar table tbody tr {
      border-left: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
  }

  custom-calendar table tbody tr > td {
      border-right: 1px solid #dcdcdc;
      transition: background-color 500ms;
  }

  custom-calendar table tbody tr > td .cell-wrapper {
      min-height: 82px;
      position: relative;
  }

  custom-calendar .calendar-cell{
      border-right: 1px solid #dcdcdc;
      transition: background-color 500ms;
  }
  custom-calendar .calendar-cell div {
      margin: 8px 0 5px 0;
      text-align: center;
  }

  custom-calendar .calendar-cell .event {
      max-width: 136px;
      padding: 2px 5px 2px 5px;
      border-radius: 2px;
      margin: 2px 4px;
      background: rgb(241, 241, 241);
  }

  custom-calendar .calendar-cell .personalEvent {
      background: rgba(1, 95, 241, 0.39);
  }

  custom-calendar .calendar-cell .event:hover {
      background: rgb(214, 214, 214);
      cursor: pointer;
  }

  custom-calendar .calendar-cell .event:hover > .more-info {
      display: block;
  }

  custom-calendar .calendar-cell .addEvent {
      display: none;
      text-decoration: none;
      cursor: pointer;
      position: absolute;
      right: 4px;
  }

  custom-calendar .calendar-cell .addEvent md-icon {
      fill: #C9C9C9;
      color: #C9C9C9;
  }

  custom-calendar .calendar-cell .addEvent:hover md-icon {
      fill: #0778ff;
      color: #0778ff;
  }

  custom-calendar .calendar-cell .more-info, conversion-tracker .more-info  {
      display: none;
      position: absolute;
      z-index: 10;
      background-color: #ffffff;
      text-align: left;
      max-width: 450px;
      -moz-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
      box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
  }

  custom-calendar .calendar-cell .more-info div:first-child, conversion-tracker .more-info div:first-child{
      margin: 0;
  }

  custom-calendar .calendar-cell .more-info > md-card-content, conversion-tracker .more-info > md-card-content {
      padding: 0 10px 10px 10px;
  }

  custom-calendar .calendar-cell .more-info-text, conversion-tracker .more-info-text {
      text-align: left;
      white-space: pre-wrap;
  }

  custom-calendar .more-info md-icon.green  {
      color: rgba(0, 132, 0, 0.71);
      height: 34px;
      width: 34px;
      margin: 0 8px 0 0;
  }

  custom-calendar .more-info md-icon.blue  {
      color: rgba(66, 133, 244, 0.71);
      height: 34px;
      width: 34px;
      margin: 0 8px 0 0;
  }

  custom-calendar .more-info md-icon.yellow  {
      color: rgba(254, 203, 36, 0.71);
      height: 34px;
      width: 34px;
      margin: 0 8px 0 0;
  }

  custom-calendar .calendar-cell .see-more {
      background: #FFDC5B;
      padding: 2px 5px;
      margin: 4px 4px 4px 0;
      border-radius: 2px;
      color: #1C0E00;
      max-width: 80px;
      text-align: center;
  }

  custom-calendar .calendar-cell .see-more:hover {
      cursor: pointer;
      background: rgba(255, 216, 94, 0.67);
  }

  custom-calendar .calendar-cell.grayed {
      background-color: #FBFBFB;
      color: #C9C9C9;
  }

  custom-calendar .calendar-cell.current {
      background-color: rgba(255, 203, 34, 0.3);
      color: #0043d1;
  }

  custom-calendar .calendar-weekDay-title {
      border: 1px solid #dcdcdc;
      text-align: center;
  }

  custom-calendar .calendar-cell:not(.grayed):hover {
      background-color: rgba(255, 203, 34, 0.13);
  }

  custom-calendar .calendar-cell:not(.grayed):hover .addEvent {
      display: block;
  }

  .g_cal {
      font-size: 0.81rem;
      margin-bottom: 5px;
  }

  .g_cal h3 {
      color: #fccc24;
      margin: 2px 0;
      padding: 0;
  }

  .g_cal .calendar {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .g_cal .calendar:hover {
      background-color: #EEEEEE;
  }

  .g_cal .calendar_square {
      height: 11px;
      width: 11px;
      float: left;
      border: 1px solid #EEE;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin: 1px;
  }

  /* ----- End: Custom Calendar - */

  /* ----- Start: Campaign Launch - */
  .li-file-icon {
      fill: #c20000;
      color: #c20000;
  }

  .li-file-icon:hover {
      fill: rgba(194, 0, 0, 0.61);
      color: rgba(194, 0, 0, 0.61);
  }

  .md-chip-input-container {
      /*width: 65px;*/
      max-width: 180px;

  }

  .emails .md-chips md-chip .md-chip-content{
      /*width: 65px;*/
      max-width: 180px;
  }

  .emails .md-chips md-chip.md-focused .md-chip-content{
      width: 100%;
  }

  /* ----- End: Campaign Launch - */

  .contact-primary-icon md-icon {
      /*color: #dbaf1f;*/
      color: rgba(219, 175, 31, 0.36);
  }

  .contact-primary-icon md-icon.primary-contact {
      /*color: #dbaf1f;*/
      color: #dbaf1f;;
  }

  .contact-primary-icon:hover > md-icon {
      /*color: #dbaf1f;*/
      color: rgba(219, 175, 31, 0.7);
  }

  .account-info-updates md-card {
      /*padding: 10px;*/
      margin: 0;
  }

  .account-card-inputs {
      margin-top: 8px;
  }

  .contact-dialog-inputs div:first-child {
      margin: 0 10px 0 0;
  }

  .related-contacts-history md-card {
      padding: 10px;
      margin: 10px 0 10px 0;
  }

  #login {
      max-width: 500px;
      padding: 0 15px 10px 10px;
      margin: auto;
  }
  #login form h5 {
      text-align: center;
  }

  #login form input {
      background-color: #FFFFED;
  }


  #vertical-container {
      min-height: 292px;
      /*width: 100%;*/
      /*max-width: 400px;*/
  }

  .repeated-item {
      border-bottom: 1px solid #ddd;
      box-sizing: border-box;
      height: 40px;
      padding-top: 10px; }

  .add-contact-icon {
      min-height: 26px;
      min-width: 28px;
      line-height: 26px;
      background-color: rgba(228, 206, 129, 0.33);
      margin: 6px 0 6px 8px;
      font-size: 60%;
  }

  .click-dial-icon {
      min-height: 26px;
      min-width: 28px;
      line-height: 26px;
      background-color: rgba(228, 206, 129, 0.33);
      margin: 6px 0 6px 8px;
  }

  .view-password {
      bottom: -5px;
      background-color: white !important;
      padding: 0 !important;
      margin: 0 !important;
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
      border-radius: 0 !important;
      width: 30px !important;
  }

  /* text angular */
  .ta-editor {
      min-height: 250px !important;
      height: auto !important;
      max-height: 350px !important;;
      overflow: auto !important;
      padding: 1em !important;;
  }

  .ta-bind {
      min-height: 250px !important;
  }


  /** ngPlus Preloading Overlay : START */
  .ngplus-overlay-background {
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      padding-left: 100px;
      position: absolute;
      z-index: 1000;
      height: 100%;
      width: 100%;
      background-color: #ffffff;
  }

  .ngplus-overlay-content {
      position: absolute;
      /*border: 1px solid #000;*/
      /*background-color: #fff;*/
      font-weight: bold;
      height: 100px;
      width: 300px;
      height: 15em;
      width: 20em;
      z-index: 10000;
      text-align: center;
  }


  /** ngPlus Preloading Overlay : END */

  /** Start: client reports **/

  .client_reports_cont .md-datepicker-input-container {
      width: 100%;
  }
  .client_reports_cont .title {

      font-size: 18px;
      font-weight: bold;
      text-align: left !important;

  }
  .client_reports_cont .summary_report_header_master {
      font-size: 14px !important;
      font-weight: bold;
      background-color: #463f39;
      color: #fff;
      padding: 10px;
      text-transform: capitalize;
  }
  .client_reports_cont .accts_summary {
      width: 95%;
      margin: 0 auto;
      text-align: center;
      border: solid 1px #d0d0d0;
      padding: 10px;
      table-layout: fixed;
      color: #585858;
  }
  .client_reports_cont .numbers {
      color: #004e72;
      font-size: 20px;
  }
  .client_reports_cont .list_campaign_table td strong {

      color: #000;

  }
  .client_reports_cont .list_campaign_table td:nth-child(2n+1) {
      text-align: right;
      border-right: 1px transparent !important;
      padding-right: 0px;
  }
  .client_reports_cont table.list_campaign_table td {
      word-break: break-all;
      color: #585858;
      padding: 6px 12px;
      border-right: solid 1px #d0d0d0;
      border-bottom: solid 1px #d0d0d0;
  }
  .client_reports_cont .list_campaign_table, .client_reports_cont .social_media_table {
      font-size: 14px;
  }
  .client_reports_cont .social_media_table {
      font-size: 14px;
      border-left: solid 1px #d0d0d0;
      background: #ffffff;
      table-layout: fixed;
  }
  .client_reports_cont table {
      margin: 0 auto;
  }
  .client_reports_cont .highlight {
      color: #ffd335;
  }
  .client_reports_cont .channels_summary {
      width: 95%;
      border: solid 1px #d0d0d0;
      border-right: 0px;
      table-layout: fixed;
      border-bottom: 0px;
  }
  .client_reports_cont .wide {
      width: 20%;
  }
  .client_reports_cont .channels_summary td:nth-child(1) {
      color: #000;
      font-weight: bold;
      text-align: left;
      background: #ffffff;
      vertical-align: top;
  }
  .client_reports_cont .submitLink{
      line-height: 1.5em;
      color: #0000ff;
  }
  .client_reports_cont .channels_summary td {
      padding: 10px;
      border-right: solid 1px #d0d0d0d0;
      border-bottom: solid 1px #d0d0d0;
      vertical-align: top;
      line-height: 1.5em;
      color: #004e72;
      font-weight: 300;
      font-size: 14px;
      text-align: right;
  }
  .client_reports_cont .channels_summary th:nth-child(1) {
      color: #ffc107;
  }
  .client_reports_cont .channels_summary th {
      background: #463f39;
      color: #fff;
      padding: 10px;
      text-align: left;
  }
  .client_reports_cont .channels_summary td:nth-child(1) {
      color: #000;
      font-weight: bold;
      text-align: left;
      background: #ffffff;
      vertical-align: top;
  }
  .client_reports_cont .channels_summary td strong {
      color: #585858;
      font-weight: bold;
      font-size: 13px;
      clear: right;
      display: block;
      text-align: left;
      float: left;
  }
  .hover_it:hover {
      background-color: #dae4fc;
  }
  .client_reports_cont ul.conversions_breakdown {
      text-align: left;
      color: #585858;
      font-style: italic;
      list-style: none;
  }
  .client_reports_cont .breakdown_header2 {
      background-color: #463f39;
      color: #fff;
      background: #463f39;
      font-weight: bold;
  }
  .client_reports_cont .breakdown_header2 td{
      padding:5px;
      border: solid 1px #463f39;
  }
  .client_reports_cont .call_result_table {
      font-size: 14px;
      color: #2F5D92;
      /*margin-bottom: 40px;*/
      text-align:center;
  }
  .client_reports_cont .call_result_table td.col_header {
      color: #000;
      font-weight: bold;
  }


  .client_reports_cont table#emails_breakdown {
      border-right: solid 1px #d0d0d0;
      border-bottom: solid 1px #d0d0d0;
  }
  .client_reports_cont table#emails_breakdown th{
      text-align: left;
      font-size: 12px;
  }
  .client_reports_cont table#emails_breakdown td{
      text-align: center;
      font-size: 12px;
  }
  .client_reports_cont table#emails_breakdown td,.client_reports_cont #emails_breakdown th {

      border: solid 1px #d0d0d0;

  }
  .client_reports_cont table#emails_breakdown td,.client_reports_cont #emails_breakdown th {
      border: solid 1px #d0d0d0;
      border-bottom: 0px;
      border-right: 0px;
  }
  .client_reports_cont table#sic_codes_break td{
      border: solid 1px #d0d0d0;
  }
  .client_reports_cont td.sicbreak{
      border: solid 1px #d0d0d0;
      text-align: center;
  }

  .client-report-btn{
      margin: 7px;
      border: 1px solid #ededed;
      height: 30px;
      line-height: 30px;
      min-height: 30px;
  }

  .client-report-smry-btn{
      color: #004e72 !important;
      background-color: #ffca09;
      padding: 6px 15px;
  }

  .genReport_table .div_title{
      margin-left: 20px;
  }

  .client_reports_cont .div_title{
      margin: 25px;
  }

  .genReport_table th ,.genReport_table td {
          font-size: 12px !important;
          padding: 0 7px !important;
  }

  .genReport_table .address{
      min-width: 100px;
  }

  .genReport_table .notes{
      min-width: 250px;
  }

  /** End: client reports **/

  /** client touchpoints on account page **/

  .account_touchpoints .full_text {
      white-space: pre-wrap;
  }

  .account_touchpoints .icon_rotate {
      -ms-transform: rotate(90deg); /* IE 9 */
      -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
      transform: rotate(90deg);
  }

  #acct_touchpoints .tpicons md-icon{ vertical-align: top; margin:0;}

  /** End: client touchpoints on account page **/

  /**Start: EDIT PROFILE**/
      h5.label{
          color : rgba(0,0,0,0.54);
          font-weight: normal;}

      .edit-profile * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
      }

      .edit-profile md-toolbar {
          color: #555;
          padding: 0 10px 0 10px;
          background-color: #FFF8E1;
          height: 20px;
          min-height: 40px;
      }

      .edit-profile md-card {
          margin: 5px;
      }

      .edit-profile button.edit-profile-menu {
          position: absolute;
          right: 0;
          top: 0;
      }

      .edit-profile button.edit-profile-menu md-icon {
          fill: #555 !important;
      }

      .edit-profile td.md-cell {
          padding: 5px !important;
      }

      .edit-profile th.md-column {
          padding: 5px !important;
          text-align: center !important;
      }

      .avatar_preview_container
      {
          height: 100px;
          width:100px;
      }

      .logo_preview_container
     {
             width: 200px;
             height: 48px;
     }


      #company_logo_profilePreview
      {
          max-width: 200px;
          height:auto;
      }
      .avatar img{    height: 100%;}
      .avatar_preview_container > .rounded-circle
      {
          border: 5px solid #e4e4e4;
      }
      .avatar_preview_container  .avatar
      {
          width: 100px;
          height: 100px;
      }

      #edit_avatar
      {
          margin-left: -20px;
          min-height: 0; min-width: 0; padding: 0; line-height: 52px;
      }

      .avatar_preview_container  > .avatar.rounded-circle.noshow::after {
          content: 'PREVIEW UNAVAILABLE';
          text-align: center;
          FONT-SIZE: 10PX;
      }

  /*region Click-to-sched*/
  .md-input.color-picker {
      min-height: 21px;
      height: 1px;
  }

  .persona_image_nav, .persona_image {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .persona_image_container {
      height: 35px;
      width: 35px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 10px;
  }

  .comp_logo_container {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .link_column {
      z-index: 1;
  }

  .link_column p {
      margin-bottom: 3px;
  }

  .link_column a {
      color: #2e2ef0;
      text-decoration: none;
  }
  /*endregion*/


  /*End: EDIT PROFILE*/

  /**Start: Contracts**/
  .contracts md-toolbar {
      color: #555;
      padding: 0 10px 0 10px;
      background-color: #FFF8E1;
      height: 20px;
      min-height: 40px;
  }

  .contracts md-card {
      margin: 5px;
  }

  contracts {
      font-size: 0.75rem;
  }

  contracts table {
      border-collapse: collapse;
  }

  contracts p {
      font-size: 25px;
      color: #555;
      margin: 0;
      padding: 10px;
      background-color: white;
  }

  contracts fieldset {
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 2px;
      margin-bottom: 7.5px;
      padding: 10px;
  }

  contracts legend {
      color: rgba(0, 0, 0, 0.38);
  }

  contracts form{
      padding: 0 3px;
  }

  contracts form .md-menu button {
      line-height: 0;
      font-size: 12px;
      margin: 0;
      text-align: left;
      font-weight: 500;
      min-height: 12px;
      height: 23px;
  }

  contracts td {
      padding-top: 5px !important;
      padding-bottom: 5px !important;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: rgba(0, 0, 0, 0.12);
  }

  contracts md-table-container{
      border: 1px solid rgba(0,0,0,0.12);
      margin-top: 7px;
  }

  contracts fieldset div:last-child {
      margin-bottom: 10px;
  }

  /*End: Contracts*/

      /*LN*/
      .clk_vwtemplate{
          color: #7fa6c4;
          font-weight:bold;
          cursor: pointer;
      }

      /** Lead Score **/

      .lead_score_final {
          font-size: 30px;
      }

      .lsc_final_label{
          font-size: 16px;
      }

      .lead_score_det{
          font-size: 22px;
          color: #5f7380;
      }

      .lsc_det_label{
          font-size: 16px;
          color: #5f7380;
      }


  .width150{
      width: 150px;
  }

  conversion-tracker .tb-conversion-tracker td, conversion-tracker .tb-conversion-tracker th{
      padding: 0 4px !important;
      font-size: 8pt !important;
  }

  /* client_reports smc-report*/
  .smc_report_cont table.md-table th{
      background-color: #514c4d;
      color:white;
  }
  client-summary-report-new md-icon{
      min-height: 10px;
      min-width: 10px;
      height: 12px;
      width: 12px;
      color:white;
      margin:auto;
  }
  client-summary-report-dev md-icon{
      min-height: 10px;
      min-width: 10px;
      height: 12px;
      width: 12px;
      color:white;
      margin:auto;
  }

  .smc_report_cont table.md-table td.md-cell{
      border-top:none;
  }
  .smc_report_cont table.md-table tr.md-row:hover{
      background-color: #efefef;
  }
  .spacer {
      width:21px;
  }
  .chat-sh-btn{
      background-color:white;
      font-size:10px;
      color:#196ed9;
      margin: 0;
      border: 1px solid #196ed9;
      min-height: 10px;
      padding:4px;
      line-height: 15px;
  }
  .chat-sh-btn:hover{
      background-color: rgba(1,78,137,0.1) !important;
  }
  .ch2 tr:nth-child(odd) td{background-color: #f0f0f0;}
  .ch2 tr:nth-child(odd) td:nth-child(1){background-color: #f0f0f0 !important;}
  .ch2 div.menu-icon-container,.channels_summary div.menu-icon-container{
      padding:3px;
      height: 18px;
      width:18px;
      border-radius:10px;
  }
  table.ch2 {
      border-collapse: collapse !important;
      width: 100% !important;
  }

  client-summary-report-new{
      width: 100%;
  }
  client-summary-report-dev{
      width: 100%;
      height: 100%;
  }

  client-summary-report-new .client_reports_cont .list_campaign_table td strong {
       color: #000;
   }
  client-summary-report-dev .client_reports_cont .list_campaign_table td strong {
      color: #000;

  }
  client-summary-report-new .client_reports_cont .list_campaign_table td:nth-child(2n+1) {
      text-align: left;
      border-right: 1px transparent !important;
      padding-right: 0px;
  }
  client-summary-report-dev .client_reports_cont .list_campaign_table td:nth-child(2n+1) {
      text-align: left;
      border-right: 1px transparent !important;
      padding-right: 0px;
  }

  client-summary-report-new .client_reports_cont table.list_campaign_table td {
      word-break: break-all;
      color: #585858;
      padding: 10px 8px;
      border-right: solid 0px #d0d0d0;
      border-bottom: solid 1px #cbcbcb;
  }
  client-summary-report-dev .client_reports_cont table.list_campaign_table td {
      word-break: break-all;
      color: #585858;
      padding: 10px 8px;
      border-right: solid 0px #d0d0d0;
      border-bottom: solid 1px #cbcbcb;
  }
  .hover_td_area{
      background-color: #f0f0f0 !important;
  }
  client-summary-report-new .client_reports_cont .social_media_table {
      font-size: 14px;
      border: solid 0px #d0d0d0;
      background: #ffffff;
      table-layout: fixed;
  }
  client-summary-report-dev .client_reports_cont .social_media_table {
      font-size: 14px;
      border: solid 0px #d0d0d0;
      background: #ffffff;
      table-layout: fixed;
  }

  client-summary-report-new .client_reports_cont .channels_summary {
      width: 100%;
      border: solid 0px #d0d0d0;
      border-right: 0px;
      table-layout: fixed;
      border-bottom: 0px;
      font-size: 14px !important;
  }

  client-summary-report-dev .client_reports_cont .channels_summary {
      width: 100%;
      border: solid 0px #d0d0d0;
      border-right: 0px;
      table-layout: fixed;
      border-bottom: 0px;
      font-size: 14px !important;
  }

  client-summary-report-new .client_reports_cont .summary_report_header_master, #summary_stats .summary_report_header_master {
      font-size: 14px !important;
      font-weight: bold;
      background-color: #514c4d;
      color: #fff !important;
      padding: 10px;
      text-transform: capitalize;
  }
  client-summary-report-dev .client_reports_cont .summary_report_header_master, #summary_stats .summary_report_header_master {
      font-size: 14px !important;
      font-weight: bold;
      background-color: #514c4d;
      color: #fff !important;
      padding: 10px;
      text-transform: capitalize;
  }
  client-summary-report-new .client_reports_cont .channels_summary th {
      background: #514c4d;
      color: #fff;
      padding: 10px;
      text-align: left;
  }
  client-summary-report-dev .client_reports_cont .channels_summary th {
      background: #514c4d;
      color: #fff;
      padding: 10px;
      text-align: left;
  }

  client-summary-report-new .client_reports_cont .submitLink, .client_reports_cont .submitLink md-icon{
      line-height: 1.5em;
      color: #196ed9;
      /*color: #004e72;*/
  }
  client-summary-report-dev .client_reports_cont .submitLink, .client_reports_cont .submitLink md-icon{
      line-height: 1.5em;
      color: #196ed9;
      /*color: #004e72;*/
  }

  client-summary-report-new .client_reports_cont .channels_summary td {
      padding: 10px 8px;
      border-right: solid 0px #d0d0d0d0;
      border-bottom: solid 0px #d0d0d0;
      vertical-align: top;
      line-height: 1.5em;
      color: #514c4d;
      font-weight: 300;
      font-size: 14px;
      text-align: right;
  }
  client-summary-report-dev .client_reports_cont .channels_summary td {
      padding: 10px 8px;
      border-right: solid 0px #d0d0d0d0;
      border-bottom: solid 0px #d0d0d0;
      vertical-align: top;
      line-height: 1.5em;
      color: #514c4d;
      font-weight: 300;
      font-size: 14px;
      text-align: right;
  }

  client-summary-report-new .client_reports_cont .breakdown_header2 {
      background-color: #014e89;
      color: #fff;
      background: #014e89;
      font-weight: bold;
  }
  client-summary-report-dev .client_reports_cont .breakdown_header2 {
      background-color: #014e89;
      color: #fff;
      background: #014e89;
      font-weight: bold;
  }

  client-summary-report-new table{
      border-collapse: separate;
  }
  client-summary-report-dev table{
      border-collapse: separate;
  }

  client-summary-report-new .call_result_table tr:nth-child(odd) td{background-color: #f0f0f0; }
  client-summary-report-new .call_result_table td{ border: 0px solid #ccc;}
  client-summary-report-new .call_result_table td:nth-child(1){
      border: 0px solid #ccc;
      text-align: left;
  }
  client-summary-report-dev .call_result_table tr:nth-child(odd) td{background-color: #f0f0f0; }
  client-summary-report-dev .call_result_table td{ border: 0px solid #ccc;}
  client-summary-report-dev .call_result_table td:nth-child(1){
      border: 0px solid #ccc;
      text-align: left;
  }

  client-summary-report-new .call_result_table{border: 0px solid #ccc;}
  client-summary-report-new .call_result_table tr.breakdown_header2 td{
      background-color: #514c4d !important;
  }
  client-summary-report-dev .call_result_table{border: 0px solid #ccc;}
  client-summary-report-dev .call_result_table tr.breakdown_header2 td{
      background-color: #514c4d !important;
  }

  .conversion_summary {
      width:100%;
      color: #514c4d;
  }
  .client_reports_cont .conversion_summary th {
      line-height: 1.5em;
      font-weight: 300;
      font-size: 14px;
      text-align: right;
      background-color: #ffca09;
      color : #241f21;
  }
  .client_reports_cont .conversion_summary th strong{
      font-weight: bold;
      font-size: 17px;
      clear: right;
      display: block;
      text-align: left;
      float: left;
      padding: 10px 8px 14px 18px;
  }
  .client_reports_cont .conversion_summary td{
      line-height: 1.5em;
      font-weight: 300;
      font-size: 14px;
      text-align: right;
      background-color: #fff;
  }
  .client_reports_cont .conversion_summary td strong{
      font-weight: bold;
      font-size: 18px;
      clear: right;
      display: block;
      text-align: left;
      float: left;
      padding: 10px 8px 14px 18px;
  }
  .client_reports_cont .conversion_summary .totalconv{
      padding: 10px 8px 14px 16px;
      font-size: 22px;
      font-weight: bold;
  }
  .client_reports_cont .conversion_summary .totalconrate{
      font-size: 14px;
      padding: 10px 10px 14px 0px;
  }
  .client_reports_cont .conversion_summary .subheadconv strong{
      font-size: 16px;
      padding: 10px 8px 14px 18px;
  }
  .convbreak{
      font-size: 16px;
      font-weight: bold;
      padding: 10px 8px 14px 16px;
  }
  .brkd_label{
      font-size: 14px;
      padding: 6px 8px 6px 26px;
      float:left;
  }
  .brkd_label_val{
      padding: 6px 8px 6px 26px;
  }
  client-summary-report-new .call_result_table tr:nth-child(odd) td{background-color: #f0f0f0; }
  client-summary-report-new .call_result_table td{ border: 0px solid #ccc;
      padding:15px !important;
  }
  client-summary-report-dev .call_result_table tr:nth-child(odd) td{background-color: #f0f0f0; }
  client-summary-report-dev .call_result_table td{ border: 0px solid #ccc;
      padding:15px !important;
  }

  client-summary-report-new .call_result_table td:nth-child(1){
      border: 0px solid #ccc;
      text-align: left;
  }
  client-summary-report-dev .call_result_table td:nth-child(1){
      border: 0px solid #ccc;
      text-align: left;
  }

  client-summary-report-new .client_reports_cont .breakdown_header2 td {
      padding: 15px !important;
      border: solid 0px #463f39 !important;
  }
  client-summary-report-dev .client_reports_cont .breakdown_header2 td {
      padding: 15px !important;
      border: solid 0px #463f39 !important;
  }

  client-summary-report-new .call_result_table{border: 0px solid #ccc;}
  client-summary-report-new .call_result_table tr.breakdown_header2 td{
      background-color: #514c4d !important;
  }
  client-summary-report-dev .call_result_table{border: 0px solid #ccc;}
  client-summary-report-dev .call_result_table tr.breakdown_header2 td{
      background-color: #514c4d !important;
  }

  client-summary-report-new tr.last_brk td .brkd_label{
      padding: 6px 8px 20px 26px;
  }
  client-summary-report-new tr.last_brk td .brkd_label_val{
      padding: 6px 8px 20px 26px;
  }
  client-summary-report-dev tr.last_brk td .brkd_label{
      padding: 6px 8px 20px 26px;
  }
  client-summary-report-dev tr.last_brk td .brkd_label_val{
      padding: 6px 8px 20px 26px;
  }

  .w100{
    width:1080px;
    margin:auto;
   }
   .w1380{
        width:1380px;
        margin:auto;
   }
   .static_1080{
       width:1080px !important;
   }
   .static_1380{
       width:1380px !important;
   }
  div.bdo{
      -webkit-box-shadow: 0px 21px 27px -18px rgba(203,203,203,1);
      -moz-box-shadow: 0px 21px 27px -18px rgba(203,203,203,1);
      box-shadow: 0px 21px 27px -18px rgba(203,203,203,1);
  }
  div.sic_divs{
      width:49%;
      float:left;
  }
  div.sic_divs div.sic_1{
      word-break: keep-all;

  }
  div.sic_divs div{
      padding: 5px;
  }

.row-hover:hover {
    cursor: pointer;
    background-color: #F1F1F1;
}

/* Grouped Buttons */
.md-group {
    font-size: 13px;
    margin: 0;
    padding: 0px 15px 0px 15px;
    color: rgb(49, 46, 46);
    text-transform: none;
    font-weight: 400;
    min-width:100px;
}

.md-button.left {
    border-radius: 6px 0 0 6px;
}

.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}

.md-button.right {
    border-radius: 0 6px 6px 0;
}

.md-button.md-group:not([disabled]):hover {
    background-color: rgba(220, 220, 220, 0.96);
    color: rgba(44, 65, 164, 0.96);
    transition: 0.3s;
}

.md-group:hover > md-icon{
    color: rgba(44, 65, 164, 0.96) !important;
}