.mobileDatePicker {
  display: flex;
  z-index: 1111;
  width: 100%;
}

.cdk-virtual-scroll-data-source-example .example-viewport {
  height: 115px;
  width: 433px;
  overflow-y: hidden;
  margin: auto;
  border-radius: 0px 10px 0px 0px;
  box-shadow: 0 0 8px #00000040;
  background: #F5F5FF;
}

.cdk-virtual-scroll-data-source-example .example-viewport .cdk-virtual-scroll-content-wrapper {
  display: flex;
  flex-direction: row;
}

.cdk-virtual-scroll-data-source-example .example-item {
  height: 100%;
  margin-right: .2rem;
}

.item {
  margin: 0.2rem 0rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 31px;
  width: 55px;
  height: 88px;
  color: #6B6B6B;
}

.is-active {
  background: #412168;
  border-radius: 20%;
  color: #fff !important;

  .weekName {
    color: #fff !important;
  }
}

.no-active {
  background: #dcdcdc;
  border-radius: 20%;
  color: #aaaaaa !important;
  cursor: not-allowed;

  .weekName {
    color: #aaaaaa !important;
  }
}


.weekName {
  font-size: 14px;
  color: #6B6B6B;
}

.month {
  padding: 0 1.5rem;
  background: #75b900;
  border-radius: 15px 0 0 0px;
  color: #fff;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px !important;
  box-shadow: 0 0 8px #00000040;
}

.monthIcon {
  margin-top: .2rem;
}

cdk-virtual-scroll-viewport {
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  background: #f5f5ff;
}
::ng-deep .atcb-button {
  width: 97%;
  margin-top: 10px;
}
add-to-calendar-button {
  margin: auto;
}
.add-calendar {
  background: white;
    color: black;
    height: 60px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    margin-top: 10px;
    box-shadow: rgba(0 0 0 / 20%) 2px 5px 18px -1px,rgba(0 0 0 / 15%) 2px 2px 10px -3px;
}
.atcb-button {
  width: 97%;
  margin-top: 10px;
}
.atcb-initialized{
  width: 100% !important;
}
::ng-deep .atcb-initialized{
  width: 100% !important;
}
:host {
  width: 100%;
}
.atcb-initialized[lang="zh"] 
.atcb-initialized[lang="ja"]
.atcb-initialized[lang="ko"]{
  width: 100% !important;
}