.month div{font:bold 1em BoutrosNewsH1-Bold;}
.supercal {
max-width: 260px;
width:100%;
margin:auto;
}
.supercal .supercal-header span {
display: block;
line-height: 15px;
margin-bottom: 20px;
text-align: center;
position: relative;
width:67%;
}
.supercal .supercal-header .prev-month {
float: right;
}
.supercal .supercal-header .next-month {
float: left;
}
.supercal-month {
direction:rtl;
position: relative;
float:right;
z-index: 0;
overflow: hidden;
max-width:260px;
width:100%;
height:220px!important;
}
.supercal-header .btn{ background:none;}
.supercal table {
max-width: 260px;
width:100%;
table-layout: fixed;
background: #fff;
}
.supercal td {
cursor: pointer;
}
.supercal td:hover {
background: #2f96b4 !important;
color: #fff;
}
.supercal td.month-prev, .supercal td.month-next {
background: #eee;
}
.supercal td.selected {
background: #0088cc;
color: #fff;
font-weight: normal;
}
.supercal td.today {
font-weight: bold;
}
.supercal table th{font:bold 0.7em DroidArabicKufi;}
/* Footer */
.supercal .supercal-footer {
width: 100%;
display: table;
}
.supercal .supercal-footer span.supercal-input {
display: table-cell;
width: 100%;
cursor: default;
}
@media (max-width: 315px) and (min-width: 230px){
.supercal table th{font:normal 0.6em DroidArabicKufi;}
.supercal .supercal-header span {width:64%;}
}