.content {
  height: calc(100vh - 170px);
  margin: 8px 40px 0;


  :global {
    .billToolBar {
      margin-top: 8px;
    }


    .ant-carousel .slick-prev,
    .ant-carousel .slick-next {
      color: #000;
      font-size: 20px;
    }

    .calendarMain {
      display: flex !important;
      flex-wrap: wrap;
    }

    .masterConent {
      border: 1px solid #c2c3c5;
      margin: 8px 8px 0px;
      background-color: #ffffff;
    }

    .calendar {
      width: calc(100% - 16px);
      height: 100%;
      margin: 8px;
      border-top: 0;

      .ant-picker-calendar {
        .custom-header {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #e8dfe5;
          font-size: 14px;
        }

        thead {
          th {
            font-weight: bold;
            padding: 5px 0 5px 0;
          }
        }

        .ant-picker-cell {
          padding: 0;
        }

        .ant-picker-cell-disabled {
          visibility: hidden;
        }


        .ant-picker-date-panel,
        .ant-picker-body,
        .ant-picker-content {
          height: 100%;
        }

        .custom-cell {
          width: 100%;
          height: 100%;
          @size: 12px;
          .ant-badge-count-sm {
            height: @size;
            min-width: @size;
            font-size: 10px;
            line-height: @size;
          }
        }

        .date-mark {
          text-decoration: underline;
          font-weight: bold;
        }

        .custom-cell-special {
          // border: 1px solid #fcd2d3;
          color: #fd9498;
          font-weight: bold;
        }

        .custom-cell-checked {
          background: #fde4e5;
        }

        height: 50%;
        border-top: 1px solid #c2c3c5;

        &:nth-child(2),
        &:nth-child(5) {
          margin: 0 6px 0 6px;
          //   border-left: 1px solid #c2c3c5;
          //   border-right: 1px solid #c2c3c5;
        }
      }

      tbody tr:hover {
        background: none !important;

        td {
          background: none !important;
          font-weight: initial !important;
        }
      }
    }
  }
}

.popover {
  :global {
    .ant-popover-arrow-content::before {
      background-color: #e9e9e9;
    }
    .ant-popover-inner {
      background-color: #e9e9e9;
    }
  }
}

.detailToolTipModal {
  width: 400px;
  min-height: 80px;
  padding-bottom: 30px;
  :global {
    .header .ant-col{
      display: flex;
      align-items: center;
      justify-content: center;
      &:nth-child(-n+3) {
        border-right: 1px solid #b9b9b9;
      }
    }
    .body {
      .ant-col>div, .ant-col>input {
        width: 100%;
      }
      input {
        text-align: center;
      }
      .textBtn {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    .footer {
      width: 100%;
      position: absolute;
      bottom: 5px;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}