body {
       font-family: "Khmer OS Battambang", sans-serif;
        background: #f5fff5;
        padding: 20px;
      }
      table {
        border-collapse: separate;
        border: px solid #30d739;
        border-radius: 10px;
        overflow: hidden;
        border-spacing: 0;
      }
      .calendar-body{
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
        background-color: white;
      }
      
    

      table.calendar {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        /* table-layout: fixed; */
      }

      table.calendar th {
        background: #30d739;
        /* color: white; */
        padding: 10px 5px;
      }

      table.calendar td {
        border: 1px solid #ccc;
        height: 80px;
        /* vertical-align: top; */
        padding: 5px;
        /* position: relative; */
      }

      td.green {
        background-color: #30d739;
        /* color: white; */
      }

      td .main-day {
        font-weight: bold;
        font-size: 18px;
      }

      td .sub-day {
        font-size: 12px;
        /* color: #666; */
      }

      .main-day.blue {
        color: blue;
      }

      .sub-day.blue {
        color: blue;
      }

      .holiday {
        color: red;
      }
      .gray {
        color:rgb(213, 213, 213);
      }
      .main-green{
        background-color: #30d739;
      }