.container-calendar {
   padding: 15px;
 

   margin: 0 auto;

   overflow: auto;

 }



 .button-container-calendar button {

   position: relative;
   cursor: pointer;
   display: inline-block;
   zoom: 1.5;
   color: #000000;
   border-radius: 4px;
   padding: 5px 10px;
   top: 10px;
   outline: none;
   border: unset;
   background-color: unset;
   font-size: 30px;
 }



 .table-calendar {

   border-collapse: collapse;
   width: 100%;
   padding: 0; 

 }



 .table-calendar td,
 .table-calendar th {

  padding: 18px 16px;
  text-align: center;
  vertical-align: top;
  color: #393939;
 }



 #monthHeader {

   text-transform: uppercase;

   color: black;

   margin: 0;

   font-size: 24pt;

 }



 #yearHeader {

   margin: 0 0 10px;

   padding: 0 3px;

   font-size: 12pt;

   color: #999;

 }



 .date-picker {

   cursor: pointer;

 }



 .date-picker.selected {

   font-weight: bold;

   outline: 1px solid #000000;

 }



 .date-picker.selected span {
   color: #000000;
 }



 /* sunday */






 #monthAndYear {

   text-align: center;

   margin-top: 0;

 }



 .button-container-calendar {

   position: relative;

   margin-bottom: 1em;

   overflow: hidden;

   clear: both;

   text-align: center;

 }



 #previous {

   float: left;

 }



 #next {

   float: right;

 }



 .footer-container-calendar {

   margin-top: 1em;

   border-top: 1px solid #dadada;

   padding: 10px 0;

   display: none;

 }



 .footer-container-calendar select {

   cursor: pointer;

   display: inline-block;

   zoom: 1;

   background: #ffffff;

   color: #585858;

   border: 1px solid #bfc5c5;

   border-radius: 3px;

   padding: 5px 1em;

 }



 #date-picked {

   text-align: center;

   color: #999;

   border-top: 1px solid lightblue;

   padding-top: 15px;

   font-size: 11pt;

   font-weight: bold;

 }