:global {
  .nubgs-mobile-cycle-effective-date {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;

    .rule-type-wrap {
      height: 0;
      flex: 1;

      .rule-type-week-check {
        .am-list-line {
          .am-list-content {
            padding-top: 10px;

          }

        }
        >.am-list-line::after {
          display: none !important;
        }
      }

      .day-of-week-list {
        margin-top: 8px;
        .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
          left: 0;
        }

        .am-list-item .am-list-thumb:first-child {
          margin-right: 0;
        }
      }

      .day-of-month-list {
        display: flex;
        flex-wrap: wrap;
        padding: 5px 0;

        .day-of-month-item {
          width: 14.28vw;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;

          &.custom {
            width: auto;

            .checked {
              width: auto;
              padding: 0 8px;
            }

            .un-checked {
              padding: 0 8px;
            }
          }

          .un-checked {
            background-color: #fff;
            color: #191f25;
            font-size: 15px;
          }

          .checked {
            width: 25px;
            height: 25px;
            background-color: #1785ec;
            color: #fff;
            border-radius: 13px;
            line-height: 25px;
            text-align: center;
          }
        }
      }
    }

  }
}