/*
* jQuery-Calendar Plugin v1.1.0
*
* 2018 (c) Sebastian Knopf
* This software is licensed under the MIT license!
* View LICENSE.md for more information
*/
.calendar { 
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); 
    display: table; 
	width: 100%;
}

.calendar header { 
    cursor: default; 
    height: 40px; 
    position: relative; 
    font-weight: bold;  
    text-transform: uppercase; 
} 
.calendar header span { 
    display: inline-block; 
    line-height: 40px; 
}

.calendar header .button { 
    width: 40px; 
    text-align: center; 
    position: absolute; 
	cursor: pointer;
} 

.calendar header .left.button { 
    left:0; 
	color: #9b9696 !important	
} 

.calendar header .right.button { 
    right:0; 
    top:0; 
	color: #9b9696 !important
}

.calendar header .header-label { 
    letter-spacing: 1px; 
    width: 100%; 
    text-align: center; 
	cursor: pointer;
	color: var(--thm-gray) ;
}

.calendar table { 
    /* background:#fff;  */
    border-collapse: collapse; 
} 
.calendar table td { 
   /*  color:#2b2b2b;  */
    /* width:30px; 
    height:30px; 
    line-height:30px; 
    text-align:center; 
    border:1px solid #e6e6e6; 
    cursor:default;  */
	color: #6c757d !important;
	cursor: default;
    color: #2b2b2b;
    height: 26px;
    width: 26px;
    font-size: 15px;
    padding: 10px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    position: relative;
    z-index: 0;
} 
.calendar thead th { 
    height:26px; 
    line-height: 26px; 
    text-transform:uppercase; 
    font-size:90%; 
    color:#000;
    text-align: center;
} 
.calendar thead th:not(:last-child) { 
    /* border-right:1px solid #fff;  */
}

.calendar .calendar-frame table { 
    width: 100%;
} 

.calendar .calendar-frame tbody td.today { 
     background:#eee;
} 



.calendar .calendar-frame tbody td:not(.disabled).selected { 
    background:#eee;
} 

.calendar .calendar-frame tbody td:not(.disabled):hover { 
 background:#eee;
}
