@font-face{
    font-family: 'Shabnam';
    src: url('../fonts/Shabnam-FD.ttf') format('truetype');
}

/* page header & footer */
.page-header{
    margin: 20px auto 20px auto;
}
.page-footer{
    font-size: 10px;
    margin: 20px auto 20px auto;
}

.page-footer a{
    margin: 0px 7px 0px 0px;
}


/* calendar */
.font-eng{
    font-family: Tahoma, 'Segoe UI', Verdana, sans-serif !important;
}

.font-fa{
    font-family: 'Shabnam' !important;
}

.dayoff{    
    color: red !important;  
}

.tdinfo{
    margin: 2px 0px 2px 0px;
}

.fc-table{
    font-family:  'Shabnam', Tahoma, 'Segoe UI', Verdana, sans-serif;
    background-color: #f9f9f9;
    direction: rtl;    
}

.fc-table caption{
    text-align: right;
}

.fc-table th,
.fc-table td{
    padding: 7px;    
    white-space: pre;
    text-align: center;    
    transition: all 0.3s;    
}

.fc-table th{
    /*background-color: #EF6C00;*/
    background-color: #101f41;
    color: white;
    /*border: 1px solid #d8d8d8;*/
    font-size: 15px;
}

.fc-table td{
    border: 1px solid #d8d8d8;    
    /*width: 100px;
    //height: 100px;*/
	width: 60px;
    height: 60px;
	
	cursor: default !important;
}

.fc-table td[data-roydad]{
	cursor: pointer !important;
    color: #4629bd !important;
    background: #e4e1de;
}
.fc-table td[data-roydad] span { color: #4629bd !important;}
.fc-table td[data-roydad]:hover span {  color: white !important; }
   


.fc-table td.dayoff{
    background-color: #fdefee;
    color: red !important;  
}

.fc-table td b{    
    font-size: 20px;   
}

.fc-table td span{
    font-family: 'Tahoma' !important;
    font-size: 9px;    
    color: #5b5b5b;
}

@media (max-width: 768px){
    .fc-table th{        
        font-size: 1.8vw;       
    }

    .fc-table td{         
        width: 5vw;
        height: 5vw;  
    }

    .fc-table td b{    
        font-size: 2.5vw;   
    }
    
    .fc-table td span{        
        font-size: 1vw;       
    }
}

.fc-table td:hover{
    background-color: #4B69AE;
    cursor: pointer;  
    color: white !important;    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.fc-table td:hover span{
    color:#D3D3D3;    
}


/* popover settings */
.popover{
    font-family: 'Shabnam';
    text-align: right;
    direction: rtl;
}

.popover-title{
    font-size: 12px;
    font-weight: bold;
    min-width: 200px;
}

.popover-title p{
    font-size: 10px;
    font-weight: normal;
    margin-top: 7px;
    margin-bottom: 5px;
}

.popover-content{
    font-size: 10px;
}

.popover-content ul{
    padding-right: 5px;
}