/******************************
CSS for LMCalendar
Version 1.2
Create Date: 2016-03-28
*******************************/
.LMCalendarContainer {
	width: 300px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.LMCalendarContainer .LMCalendarHeader {
	position: relative;
	left: 1%;
	right: 1%;
	/*height: 5%;*/
	vertical-align: middle;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    margin-top: 1%;
	margin-bottom: 6%;
	width: 98%;
}

.LMCalendarContainer .LMCalendarHeader span.previousM,
.LMCalendarContainer .LMCalendarHeader span.nextM {
	position: absolute;
    text-align: center;
	cursor: pointer;
    width: 5%;
    display: table-cell;
    vertical-align: middle;
    font-size: medium;
    z-index: 10;
    line-height: 100%;
    height: 100%;
}

.LMCalendarContainer .LMCalendarHeader span.previousM {
	left: 2%;
}

.LMCalendarContainer .LMCalendarHeader span.nextM {
	right: 2%;
}

.LMCalendarContainer .LMCalendarHeader div.title {
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
    display: inline-block;
    height: 100%;
	width: 100%;
    padding-top: 3%;
    font-size: large;
    z-index: 8;
}

.LMCalendarContainer .LMCalendarT {
	width: 100%;
	padding: 1%;
	text-align: center;
    margin-bottom: 10px;
}

.LMCalendarContainer .LMCalendarT thead tr {
    height: 30px;
}

.LMCalendarContainer .LMCalendarT tbody tr {
    height: 25px;
}

.LMCalendarContainer .LMCalendarT tbody td span.dayI {
    height: 40px;
    width: 40px;
    padding: 8px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}

.LMCalendarContainer .LMCalendarT tbody td span.dayI.dayIclicked {
    -webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
			border-radius: 25px; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 8px;
    padding-left: 7px;
    
}

.LMCalendarContainer .LMCalendarT tbody td span.dayI.dayIEvent {
    -webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}

.LMCalendarContainer .LMCalendarT tbody td span.dayI {
    cursor: pointer;
}

.LMCalendarContainer .LMCalendarT tbody td span.today {
    -webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}

.LMCalendarContainer .LMCalendarT tbody td span.today.dayIEvent {
    -webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}

.LMCalendarContainer .todayBTN {
    width: 96%;
    color: #333;
    background-color: #ccc;
    border-color: #666;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 2%;
    margin-bottom: 10px;
    -webkit-transition: 0.4s; 
       -moz-transition: 0.4s; 
        -ms-transition: 0.4s; 
         -o-transition: 0.4s; 
            transition: 0.4s;
}

.LMCalendarContainer .todayBTN:hover{
    background-color: #dcdcdc;
    border-color: #666;
}

.LMCalendarContainer .eventList {
    padding: 10px;
    max-height: 10px;
    -webkit-transition: 0.3s; 
       -moz-transition: 0.3s; 
        -ms-transition: 0.3s; 
         -o-transition: 0.3s; 
            transition: 0.3s;
}

.LMCalendarContainer .eventList .eventBlock {
    padding: 5px;
    -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
    margin-top: 5px;
    display: none;
    cursor: pointer;
    height: 30px;
}