.adm-calendar {
    &-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding:4px 25px 0 25px;

      .adm-calendar-arrow-button {
        padding: 4px 8px;
        display: block;
        flex: none;
        svg {
          height: 22px;
        }
        &.adm-calendar-arrow-button-right {
          svg {
            transform: rotate(270deg);
          }
        }
      }
      .adm-calendar-title {
        font-size: 36px;
        flex: auto;
        text-align: center;
        font-weight: 500;
        color: #1E2022;
      }
    }
    &-body {
      display: flex;
      flex-wrap: wrap;
    }
    &-cells {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: stretch;
      padding: 8px 8px 4px;
    }
    &-cell {
      position: relative;
      flex: none;
      box-sizing: border-box;
      width: calc(100% / 7);
      height: 96px;
      margin-bottom: 8px;
      padding: 4px;
      color: 333333;
      // cursor: pointer;
      &-today {
         color: #00A8A9;  
         .adm-calendar-cell-top{
          font-weight: 500!important;
         }
      }
      &-disabled {
        color: #cccccc;
        .adm-calendar-cell-bottom {
          color: #cccccc;
        }
      }
      &-selected {
   
          // background: #00A8A9;
          color:  #ffffff;    
          border-radius: 18px;
  
        & .adm-calendar-cell-bottom {
          color:  #ffffff;
        }
        &-begin {
          border-top-left-radius: 18px;
          border-bottom-left-radius: 18px;
        }
        &-end {
          border-top-right-radius: 18px;
          border-bottom-right-radius: 18px;
        }

        .adm-calendar-cell-status{
          background-color: none!important;
          display: none!important;
        }

        .adm-calendar-cell-top{
          width:72px;
          height: 72px;
          border-radius: 18px;
          background:#00A8A9;
          display: flex;
          justify-content: center;
          align-items: center;
        }

      }
  
      &-disabled-selected {
        color:  #cccccc;
      }
  
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      &-top {
        flex: none;
        font-size:  30px;
        width:72px;
        height: 72px;
        border-radius: 18px;
        // background:#00A8A9;
        display: flex;
        justify-content: center;
        align-items: center;
        
      }
      &-bottom {
        flex: none;
        font-size: 24px;
        // height: 12px;
        // line-height: 12px;
        color: #999999;
        // margin:10px 0;
      }
      &-status{
        width:12px;
        height: 12px;
        background: #E6E6E6;
        position: absolute;
        // opacity: 0.5;
        // right:20px;
        // top:10px;
        bottom:15px;
        border-radius: 6px;
      }
      .status-two{
        background:#F05223
      }
      .status-three{
        background:#FED150  
      }
    }
  
    &-mark {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      // border-bottom: solid 1px  #eeeeee;;
      height: 90px;
      box-sizing: border-box;
      font-size:30px;
      padding: 60px 8px;
      &-cell {
        flex: 1;
        text-align: center;
      }
    }

    &-bottom{
      display: flex;
      height: 50px;
      justify-content: center;
      margin-top:10px;
      &-item{
        display: flex;
        color: #A3A9B0;
        font-size: 24px;
        justify-content: center;
        align-items: center;
        margin:0 29px;
        .color-dot{
          width: 24px;
          height: 24px;
          border-radius: 12px;
          margin-right:12px;
        }
        .color-one{
          background: #E6E6E6;
        }
        .color-two{
          background:#F05223
        }
        .color-three{
          background:#FED150  
        }
      }
    }
    .arror-icon{
      width:30px;
      height: 30px;;
    }
  }