@import '../../Base.scss';

.dashboard__insider--accounts-chart {
  .bigcapital-datatable {
    .normal {
      .#{$ns}-icon {
        color: #7f91a2;
        padding-left: 15px;
      }
    }

    .table {
      .tbody {
        .tr:not(.no-results) .td {
          padding-top: 0.3rem;
          padding-bottom: 0.3rem;
        }

        .account_name {
          .bp4-popover-wrapper--inactive-semafro {
            margin-left: 8px;
            margin-right: 6px;
            float: right;
            border: 0;
          }
          .bp4-popover-wrapper--account-desc {
            border-bottom-color: #bbb;
          }
          .inactive-semafro {
            height: 7px;
            width: 7px;
            background: #bbb;
            display: inline-block;
            border-radius: 8px;
          }
        }
        .account-desc {
          font-size: 11px;
          color: hsl(0, 0%, 50%);
          margin-top: 2px;
          line-height: 1.25;
          padding-bottom: 2px;
          display: block;
        }
        .normal {
          .bp4-popover-wrapper {
            width: 100%;
          }
          .bp4-tooltip-indicator {
            cursor: initial;
            border-bottom: 0;
          }
        }
        .actions {
          padding-right: 18px;
          justify-content: right;
        }
      }
    }
    .table-size--small {
      .tbody .tr {
        .normal {
          svg {
            width: 14px;
            height: 14px;
          }
        }
      }
    }
  }
}