* {box-sizing: border-box;}

.x7col-1{ width: 14.27%; float: left; }
.x7col-2{ width: 28.54%; float: left; }
.x7col-3{ width: 4.166%; float: left; }
.x7col-4{ width: 4.166%; float: left; }
.x7col-5{ width: 4.166%; float: left; }
.x7col-6{ width: 4.166%; float: left; }
.x7col-7{ width: 100%;}
.x7row  { width: 100%;}
.x7row::after { content: ""; clear: both; display: table; }

.wrap-head-xcal-corner{
  width: 235px;
  height: 255px;
  /* height: auto; */
  /* max-height:265px; */
  /* height:235px; */
  display: block;
  float: left;
  padding: 2px 2px;
  margin: 2px 2px;
  margin-left: 4px;
  background-color: rgb(82, 134, 34);
  /* background-color: #101010; */

}
/* .x7row  {
    width: 100%;
    min-height: 500px;
    max-height: 800px;
    background-color: rgba(43, 105, 69, 0.576);
}
.x24row::after {
    content: "";
    clear: both;
    display: table;
} */
    /* ul {list-style-type: none;} */
    /* body {font-family: Verdana, sans-serif;} */
    
    .cal-wrapper-min{
      padding: 2px 1px;
      width: 235px;
      /* width: 200px; */
      height: 264px;
      /* height: auto; */
      /* max-height: 264px; */
      /* height: 230px; */
      background: #2f412b;
      /* background-color: #101010; */
      /* background-color: whitesmoke; */

      /* background: #1abc9c; */
      text-align: center;
      float: left;
    } 
    .cal-entete-min{
      padding: 2px 2px;
      width: 98.66%;
      height: 30px;
      
      background: #1abc9c;
      background: #223330;
      background-color: #101010;
      background-color: whitesmoke;
      background-color: transparent;

      text-align: center;
      font-size: 12px;
    }
    .cal-head-text-line{
        padding: 1px 2px;
        margin-top: 1px;
        margin-left: 2px;
        width: 99%;
        height: 24px;
        color: chocolate;
        background: #0b967c;
        background: wheat;
        text-align: center;
        font-size: 12px;
    } 
    .cal-entete-item{
        min-width: 23px; width: auto;
        max-width: 190px;
        height: 22px;
        /* height: 24px; */
        padding: 1px 2px;
        margin-top: 4px;
        /* margin-top: -2px; */
        margin-left: 2px;
        padding-top: 4px;
        padding-left: 4px;
        text-overflow: ellipsis;
        background-color: rgba(0, 0, 0, 0.432);
        background-color: chocolate ; 
        background-color: wheat ; 
        /* background-color: transparent; */
        color: blanchedalmond;
        color: black;
        float: left;
        font-size: 15px;

    }
    
    .xcal-min-entete-accordion{
        width: 20px; 
        height: 20px;
        padding: 2px 2px;
        margin-top: 0px;
        margin-left: 2px;
        margin-right: 2px;
        text-overflow: ellipsis;
        background-color: rgba(0, 0, 0, 0.432);
        background-color: chocolate ; 
        color: blanchedalmond;
        float: right;
        display: block;
        border: 2px darkgoldenrod solid;
        border-radius: 50%;
        cursor: pointer;
    }
    .xcal-min-entete-accordion div{
        width: 18px; 
        height: 18px;
        padding: 2px 2px;
        margin-top: 0px;
        margin-left: 2px;
        /* margin-right: 2px; */
        text-overflow: ellipsis;
        background-color: rgba(0, 0, 0, 0.432);
        background-color: rgb(138, 68, 18) ; 
        color: blanchedalmond;
        float: right;
        border: 2px rgb(56, 42, 6) solid;
        border-radius: 50%;
    }
    .xcal-min-entete-accordion.active{
        background-color: chocolate ; 
        background-color: blanchedalmond;
        color: blanchedalmond;
        float: right;
        border: 2px darkgoldenrod solid;
        border-radius: 50%;
    }
    .xcal-min-entete-accordion.active div{
        text-overflow: ellipsis;
        background-color: rgba(0, 0, 0, 0.432);
        background-color: #223330 ; 
        color: blanchedalmond;
        border: 2px #223330 solid;
        border-radius: 50%;
    }
  .xcal-min-entete-reset-div{
    width: 15px; 
    height: 15px;
    padding: 2px 2px;
    margin-top: 6px;
    margin-left: 2px;
    margin-right: 2px;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, 0.432);
    /* background-color: chocolate ;  */
    color: blanchedalmond;
    float: left;
    display: block;
    border: 2px rgb(185, 173, 141) solid;
    border-radius: 50%;
    cursor: pointer;
  }
  .xcal-min-entete-reset-div div{
      width: 10px; 
      height: 10px;
      padding: 2px 2px;
      margin-top: -2px;
      margin-left: -2px;
      /* margin-right: 2px; */
      text-overflow: ellipsis;
      background-color: rgba(0, 0, 0, 0.432);
      background-color: rgb(42, 171, 180) ; 
      color: blanchedalmond;
      float: left;
      border: 2px rgb(212, 156, 12) solid;
      border-radius: 50%;
  }
  .xcal-min-entete-reset-div:hover {
      /* background-color: chocolate ;  */
      background-color: blanchedalmond;
      color: blanchedalmond;
      float: left;
      border: 2px darkgoldenrod solid;
      border-radius: 50%;
  }
    .cal-body-min{
      padding: 0px 0px;
      width: 229px;
      /* width: 200px; */
      height: 200px;
      /* height: 230px; */
      background: #2f412b;
      background-color: #101010;
      /* background: #1abc9c; */
      /* text-align: center; */
      float: left;
    }  
    /* .month-min */
    .month-min {
      padding: 0px 1px;
      width: 100%;
      margin: 0px 0px;
      height: 44px;
      background: #1abc9c;
      background: #1abc1a;
      /* background: #26a08b; */
      /* text-align: center; */
    } 

    .month-min div {
        color: white;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 2px;
      }

    /* month-min .xcal-min-month-prev-btn */
    .xcal-min-month-prev-btn {
      float: left;
      width: 23px;
      height: 23px;
      font-size: 15px;
      /* padding-top: 2px; */
      padding: 0px 0px;
      margin-top: 8px;
      margin-left: 2px;
      cursor: pointer;
      color: whitesmoke;
      /* border: 3px blueviolet solid; */
    }
    .month-min .my-text {
        float: left;
        /* width: auto; */
        width: 150px;
        /* max-width: 150px; */
        /* min-width: 90px; */
        height: 42px;
        font-size: 15px;
        padding-top: 2px;
        margin-top: -1px;
        margin-left: 4px;
        margin-right: 1px;
        cursor: pointer;
        color: whitesmoke;
        /* border: 1px blueviolet solid; */
    }
    /* month-min .xcal-min-month-next-btn */
    .xcal-min-month-next-btn {
        float: right;
        width: 23px;
        height: 23px;
        font-size: 15px;
        padding-top: 2px;
        margin-top: 8px;
        margin-right: 2px;
        cursor: pointer;
        color: whitesmoke;
        /* border: 3px blueviolet solid; */
    }
    /* .month-min .xcal-min-month-prev-btn span, .month-min .xcal-min-month-next-btn span */
    .xcal-min-month-prev-btn span, .xcal-min-month-next-btn span {
        float: left;
        width: 21px;
        height: 21px;
        /* background-color: thistle; */
        font-size: 17px;
        padding-top: 0px;
        margin-top: -3px;
        margin-left: -3px;
        cursor: pointer;
        color: whitesmoke;
        /* border: 3px blueviolet solid; */
    }
    /* .month-min .xcal-min-month-next-btn {
      float: right;
      padding-top: 2px;
      margin-top: 2px;
      margin-right: 2px;
    } */
    /* .weekdays*/
    .weekdays {
      margin: 0;
      padding: 5px 1px;
      height: auto;
      height: 25px;
      margin-bottom: 2px;
      /* padding: 10px 0; */
      background-color: #ddd;
      background-color: darkslateblue;
      text-overflow: ellipsis;
    }
    .weekdays-list {
      margin: 0px 0px;
      padding: 0px 0px;
      /* height: auto; */
      height: 150px;
      margin-bottom: 2px;
      /* padding: 10px 0; */
      background-color: #ddd;
      background-color: rgb(53, 33, 179);
      text-overflow: ellipsis;
      float: left;
    }
    /* .week-row*/
    .week-row-min {
        margin: 0;
        padding: 2px 2px;
        height: 23px;
        /* padding: 10px 0; */
        background-color: #ddd;
        background-color: lightyellow;
        text-overflow: ellipsis;
        /* border-bottom: 2px violet solid; */
    }
    .day-cell-min {
        margin: 1px 1px;
        padding: 2px 2px;
        font-size: 12px;
        width: 20px;
        height: 20px;
        /* padding: 10px 0; */
        background-color: lightyellow;
        text-overflow: ellipsis;
    }
    .day-cell-min.active {
        margin: 1px 1px;
        padding: 1px 1px;
        font-size: 14px;
        width: 20px;
        height: 20px;
        /* padding: 10px 0; */
        background-color: rgb(204, 204, 98);
        text-overflow: ellipsis;
    }
  .day-cell-min.out-scope {
    /* margin: 1px 1px;
    padding: 1px 1px;
    font-size: 14px;
    width: 20px;
    height: 20px; */
    /* padding: 10px 0; */
    /* background-color: rgb(204, 204, 98); */
    background-color: rgba(129, 129, 96, 0.582);
    background-color: rgba(184, 184, 156, 0.582);
    background-color: transparent;
    /* color: #1a66bc; */
    color: #1741707c;
    text-overflow: ellipsis;
  }
  .week-row-min.week-end .day-cell-min, .week-row-min.week-end div{
    /* background-color: rgba(168, 168, 88, 0.466); */
    color: red;
    text-overflow: ellipsis;
  }
  .week-end {
    /* background-color: rgba(168, 168, 88, 0.466); */
    color: red;
    text-overflow: ellipsis;
  }
  .out-scope.week-end {
    /* background-color: rgba(168, 168, 88, 0.466); */
    background-color: rgba(184, 184, 156, 0.582);
    color: red;
    text-overflow: ellipsis;

    background-color: transparent;
    /* color: #1a66bc; */
    color: #1741707c;
    color: rgba(255, 0, 0, 0.548);

  }
    
    .weekdays li {
      /* display: inline-block; */
      display: block;
      float: left;
      width: 12.1%;
      /* width: 12.1%; */
      color: #666;
      text-align: center;
      text-align: left;
      padding-left: 2px;
      background-color: firebrick;
      /* margin: 1px 1px; */
    }
    
    .days {
      padding: 5px 0;
      /* padding: 10px 0; */
      background: #eee;
      margin: 0;
    }
    
    .days li {
      list-style-type: none;
      display: inline-block;
      width: 12.1%;
      text-align: center;
      margin-bottom: 5px;
      font-size:12px;
      color: #777;
      visibility: visible;
    }
    .weekendfont{
      color: red;
    }
    .days li .active {
      padding: 2px 0;
      background: #1abc9c;
      color: white !important
    }
    .days li .activo {
      padding: 3px 0;
      background: #1a66bc;
      color: white !important
    }
    
    /* Add media queries for smaller screens */
    @media screen and (max-width:720px) {
      .weekdays li, .days li {width: 11.1%;}
      /* .weekdays li, .days li {width: 13.1%;} */
    }
    
    @media screen and (max-width: 420px) {
      .weekdays li, .days li {width: 11.1%; font-size: 11px;}
      /* .weekdays li, .days li {width: 12.5%;} */
      .days li .active {padding: 2px 2px;}
      /* .days li .active {padding: 2px;} */
    }
    
    @media screen and (max-width: 290px) {
      .weekdays li, .days li {width: 10.2%;}
    }