/* ================ Start Calendar Period ===================== */
/*
 * Component: Carlendar by M.I.S.
 * --------------------
 */
.calendar_prd {
    width: 100%;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:Silver;  
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:Silver;  
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;    
}

.calendar_prd__day__header{
  width: 14%; 
  max-width: 14%;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  /*text-transform: uppercase;*/  
  font-weight:600;
  background-color:#3C8DBC;
  color:white;
    padding: 5px 0 5px 0;
  text-align: center;
  vertical-align: middle;    
}

.calendar_prd__day__header,
.calendar_prd__day__normal,.calendar_prd__day__holiday,.calendar_prd__day__current 
{

    border-left-style:solid;
    border-left-width:1px;
    border-left-color:Silver;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:Silver;        
}

.calendar_prd__day__normal,.calendar_prd__day__holiday,.calendar_prd__day__current
{
    min-height:80px;
    padding: 0px 5px 0 0;     
    text-align: right;vertical-align: top;
}
.calendar_prd__day__normal,.calendar_prd__day__holiday,.calendar_prd__day__current
{
  font-size: 1.1em;
  position: relative;
}
/* .calendar_prd__day__normal:hover,.calendar_prd__day__holiday:hover,.calendar_prd__day__current:hover
{
    cursor:pointer;
}*/

.calendar_prd__day__holiday 
{
    background-color:#d2d6de;
    /*color:White;
    border-radius: 12px;*/
}

.calendar_prd__day__OTnopay 
{
    color: #F39C12;
}

.calendar_prd__day__current 
{
    font-weight:600;
    background-color:#f1f788;
    color:Red;
    border-radius: 12px;
}
.calendar_prd__date,.calendar_prd__date__holiday,.calendar_prd__day__OTnopay 
{
    display:block; 
    text-align: right;
    vertical-align: top;
    padding-left:0px;
    font-weight:400;
    font-size: 1.4em;
}
.calendar_prd__in,.calendar_prd__out,.calendar_prd__in__red,.calendar_prd__out__red,.calendar_prd__ot,.calendar_prd__lv,.calendar_prd__in__adj,.calendar_prd__out__adj,.calendar_prd__in__adj10,.calendar_prd__out__adj10,.calendar_prd__in_Protect,.calendar_prd__out_Protect,.calendar_prd__in__adj_Protect,.calendar_prd__out__adj_Protect
{
    display:block;
    text-align: left;    
    font-size: 1.0em;
    padding-left:5px;
    min-height:20px;
}

.calendar_prd__in,.calendar_prd__out,.calendar_prd__in__red,.calendar_prd__out__red,.calendar_prd__in__adj,.calendar_prd__out__adj,.calendar_prd__in__adj10,.calendar_prd__out__adj10,.calendar_prd__in_Protect,.calendar_prd__out_Protect,.calendar_prd__in__adj_Protect,.calendar_prd__out__adj_Protect
{    
    vertical-align: top;
}
.calendar_prd__ot,.calendar_prd__lv
{
    vertical-align: bottom;
}
/*.calendar_prd__date { color:#367fa9;} APH*/
.calendar_prd__date { color:Black;}
.calendar_prd__date__holiday { color:Red; }
/*.calendar_prd__in {color:Blue;} APH*/
/*.calendar_prd__out {color:Green;} APH*/
.calendar_prd__in,.calendar_prd__out {color:Black;}
.calendar_prd__in_Protect,.calendar_prd__out_Protect {color:#979a9a;}

.calendar_prd__in__red,.calendar_prd__out__red {color:Red;}

.calendar_prd__in__adj,.calendar_prd__out__adj {color:orange;}
.calendar_prd__in__adj_Protect,.calendar_prd__out__adj_Protect {color:#979a9a;}

.calendar_prd__in__adj10,.calendar_prd__out__adj10 {color:Green;}

.calendar_prd__ot {color:#09c;font-weight:500;}
/*.calendar_prd__ot {color:#5b69bd;font-weight:500;}*/
.calendar_prd__lv {color:Red;}
.calendar_prd_sts 
{
    color:White;
    border-radius: 12px;
}
.calendar_prd__in ,.calendar_prd__out ,.calendar_prd__ot,.calendar_prd__in__adj,.calendar_prd__out__adj,.calendar_prd__in__adj10,.calendar_prd__out__adj10,.calendar_prd__in_Protect,.calendar_prd__out_Protect,.calendar_prd__in_adj_Protect,.calendar_prd__out_adj_Protect
{
    /*font-family: 'Kanit',Tahoma,'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
}
/* ================ End Calendar ===================== */
/* ================ Start Calendar Year ===================== */
/*
 * Component: Carlendar by M.I.S.
 * --------------------
 */
.calendar {
  width: 98%;
}

.calendar__month__header{
  font-size: 1.1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;  
  font-weight:600;
  color: White; /*#367fa9;*/
  background-color:#367fa9;
  border-radius: 5px;
}

.calendar__day__header{
  width: 14%; 
  max-width: 14%;
  font-size: 1em;
  letter-spacing: 0.1em;
  /*text-transform: uppercase;  */
  font-weight:500;
  color:#367fa9;
}

.calendar__day__header,.calendar__month__header,
.calendar__day__normal,.calendar__day__holiday__normal,.calendar__day__holiday__special,.calendar__day__current 
{
  padding: 5px 0 5px 0;
  text-align: center;
  vertical-align: middle;  
}

.calendar__day__normal,.calendar__day__holiday__normal,.calendar__day__holiday__special,.calendar__day__current 
{
  font-size: 1em;
  position: relative;
}
.calendar__day__holiday__normal 
{    
    background-color:#f1f788;
    color:Red;
    border-radius: 12px;
}
.calendar__day__holiday__special 
{
    background-color:#fc8675;
    color:White;
    border-radius: 12px;
}
.calendar__day__current 
{
    font-weight:600;
    background-color:#f1f788;
    color:Red;
    border-radius: 12px;
}
.calendar__day__holiday__special .tooltiptext {
    visibility: hidden;
    min-width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.calendar__day__holiday__special .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.calendar__day__holiday__special:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.calendar__day__ex
{
    border-radius: 0px;
    font-size: 0.9em;
    padding: 0px 0 0px 0;
}


/* ================ End Calendar ===================== */