/*---  CALENDAR BUTTONS START ---*/

.basic-button-calendar{  
  font-family: inherit;
  font-size: 15px;                              /*buttons font-size*/
  border: none;  
  text-align: center;
  text-decoration: none;  
  border-radius: 50px;
  min-width: 52%;
  max-width: 52%;
  /*transition: all 0.2s;*/
  transition: .5s ease;
  display: block;  
  margin: 0px auto 5px auto;                                   
  padding: 5px 1px;
  -webkit-user-select: none; 
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;                          /*user can't select this text*/ 
}

.free{  
  background: transparent;
  outline: 1px dashed #FF6C2C;
  /*visibility: hidden;*/
}

.hover:hover{
  opacity: 0.7;  
}

/*--- CALENDAR BUTTONS END ---*/