table.calendar		{
  border-left:1px solid #f5f5f5;
}

td.calendar-day:hover	{
  background:#f1f1f1;
}
td.calendar-day-np	{
  background:#eee;
}

td.calendar-day-head {
  background:#507d94;
  color:white;
  font-weight:bold;
  text-align:center;
  /*width:120px;
  padding:5px;*/
  border-bottom:1px solid #623;
  border-top:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  font-size:1.5rem;
}
div.day-number		{
    background: #003F51;
    padding: 0px;
    color: white;
    font-weight: bold;
  /*  float: right;
    margin: -5px -10px 0 0;*/
    width: 38px;
    text-align: center;
    font-size: 23px;
}
/* shared */
td.calendar-day{
  width:120px;

  /*height: 150px;*/
/*  padding:5px;*/
  background:#eee;
  border-bottom:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
}

td.calendar-day-np {
  /*width:120px;
  /*padding:5px;/
  /*height: auto;*/
  background:#e0e0e0;
  border-bottom:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
}

.icon-size{

font-size:30px ;

}

.phra{
 font-size:1.1em ;

}

.shra{

  color:#623c21;
  font-weight:bold;
}


.bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td {
    vertical-align: baseline;
    box-sizing: border-box;
}



/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 1980px) {

}

@media (max-width: 1336px) {


}

@media (max-width: 992px) {


}

@media (max-width: 700px) {


}

@media (max-width: 576px) {

  .phra{
   font-size:0.5em ;

  }

  td.calendar-day-head {
    background:#507d94;
    color:white;
    font-weight:bold;
    text-align:center;
    /*width:120px;
    padding:5px;*/
    border-bottom:1px solid #623;
    border-top:1px solid #f5f5f5;
    border-right:1px solid #f5f5f5;
    font-size:0.7rem;
  }


  div.day-number		{
      background: #003F51;
      padding: 0px;
      color: white;
      font-weight: bold;
    /*  float: right;
      margin: -5px -10px 0 0;*/
      width: 23px;
      text-align: center;
      font-size: 15px;
  }



  .icon-size{

  font-size:15px ;

  }

}



@media (max-width: 480px) {




}