// Apexchart two rows in div.eazydocc-chartsummery inner ezdw-50
.ezd-docs-checkbox {
  margin-top: 6px;

  label {
    margin-right: 15px;

    input[type="checkbox"] {
      transform: scale(1.2);
      color: #fff;
    }

    // input checkbox checked color change
    input[type="checkbox"]:checked {
      background-color: var(--clr-blue);
      border-color: var(--clr-blue);
      accent-color: #fff;
    }

    input[type='checkbox']:checked:before {
      content: '✔';
      color: #fff;
      position: relative;
      top: 0px;
    }
  }
}

.eazydocc-chartsummery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px;

  .ezdw-50 {
    width: 48% !important;
  }
}


.eazy-docs-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;

  thead {
    text-align: left !important;
    font-weight: 500 !important;
    margin-bottom: 0;

    tr {
      th {
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: left !important;
        padding: 10px 0;
        color: #333;
      }
    }
  }

  tbody {
    tr {
      &:nth-child(odd) {
        background-color: #f7f7f7;
      }

      td {
        padding: 5px 10px;
        font-size: 14px;
        color: #333;
      }
    }
  }
}

.wrap.ezd-analytics {
  margin-top: 50px;
}

.ezd-analytics {
  .tab-menu {
    flex-basis: 300px;
    background: radial-gradient(100% 225% at 100% 0%, #cccf07 0%, #000000 100%), linear-gradient(235deg, #FF7A00 0%, #000000 100%), linear-gradient(20deg, #241E92 0%, #241E92 30%, #5432D3 calc(30% + 1px), #5432D3 35%, #7B6CF6 calc(35% + 1px), #7B6CF6 50%, #E5A5FF calc(50% + 1px), #E5A5FF 100%), linear-gradient(120deg, #110133 0%, #110133 40%, #00918E calc(40% + 1px), #00918E 60%, #4DD599 calc(60% + 1px), #4DD599 70%, #FFDC34 calc(70% + 1px), #FFDC34 100%);
    background-blend-mode: overlay, hard-light, overlay, normal;
  }

  .easydocs-tab-content {
    @media (max-width: 1500px) {
      flex-basis: 80%;
    }
  }

  .dd3-content {
    padding: 15px 30px;
  }

  .votes {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }
}

// eazy-docs-row two column eazy-docs-col-6 design with background
.eazy-docs-row {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 20px;

  .easydocs-card {
    flex: 1;
    padding: 20px;
    border-radius: 4px;
    background: #fff;
  }

  .easy-docs-card-bg-light {
    background: #eee;
  }

  .easydocs-card-body {
    text-align: center;

    .easydocs-card-title {
      color: #333;
      font-size: 26px;
      font-weight: 400;
      margin-bottom: 10px;
    }

    .t-success {
      color: #7CC445 !important;
    }

    .t-danger {
      color: #FD3B22 !important;
    }
  }

  .eazy-docs-col-6 {
    width: 48% !important;
    padding: 20px;
    background: #eee;
    border-radius: 4px;
    margin-bottom: 20px;
    .easydocs-card-body {
      text-align: center;

      .easydocs-card-title {
        color: #333;
        font-size: 26px;
        font-weight: 400;
        margin-bottom: 10px;
      }

      .t-success {
        color: #7CC445 !important;
      }

      .t-danger {
        color: #FD3B22 !important;
      }
    }

    .eazy-docs-col-6 {
      width: 100% !important;
      padding: 0;
      margin-bottom: 0;
    }
  }

  .easydocs-summery-value {
    color: #608AAB;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;

    .dashicons {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      color: #7CC445;
      line-height: 45px;
      font-weight: 500;
      margin-right: 10px;
      text-align: center;
      background: #eee;
      font-size: 24px;
    }

    // t-success green color and t-danger red color
    .t-success {
      color: #7CC445 !important;
    }

    .t-danger {
      color: #FD3B22 !important;
    }
  }
}

// date input field from datepicker input field
.daterangepicker.ltr {
  border: 1px solid #eee;
  box-shadow: 0 30px 60px 0 rgb(2 2 48 / 8%);
}

.daterangepicker.ltr {
  direction: ltr;
  text-align: left;
  display: none;
}

// assgin color
.t-success {
  color: #27AE60 !important;
}

.t-danger {
  color: #E74C3C !important;
}

.accordion-title {
  .sl-number {
    margin-right: 10px;
    color: var(--black_500);
  }
}

// Feedback section styles
.ezd-feedback-meta strong {
    display: block;
    font-size: 14px;
}

.ezd-feedback-date {
    font-size: 12px;
    color: #666;
}

.ezd-feedback-body {
    margin-bottom: 15px;
}

.ezd-feedback-doc-title,
.ezd-feedback-para-id,
.ezd-feedback-option {
    margin: 8px 0;
    font-size: 13px;
}

.ezd-badge {
    display: inline-block;
    padding: 3px 10px;
    background: #0073aa;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
}

.ezd-feedback-content {
    display: flex;
}

.ezd-feedback-actions {
    display: flex;
    gap: 10px;
}