/* calendar */
.mfp-content { background-color: #fff; width: 60% !important ; min-width: 400px;}
.fc-content { display: inline;}
.fc-day-grid-event .fc-content { white-space: inherit !important; overflow: hidden; text-overflow: ellipsis}
.red { color: red; }

.fc-toolbar h2 { font-size: 28px; font-weight: 600; color: #000;}
.fc-view.fc-month-view.fc-basic-view { border-top: 1px #000 solid;}
.fc-view.fc-month-view.fc-basic-view th { background-color: #f4f6f9;}
.fc-view.fc-month-view.fc-basic-view th span { line-height: 36px; }
.fc-event, .fc-event:hover { color:#111 !important;}
.fc-event, .fc-event-dot { background-color: #f1f8cc !important; cursor: pointer;}
.fc-event { border-color:#f1f8cc !important;}


.white-popup { width: 95% !important; margin:0 auto;}
.white-popup .text-title { width:100%; text-align: center; font-size: 20px; font-weight: 600; color: #000; padding: 2% 0 1%;}
.white-popup ul { border-top: 1px #000 solid;}
.white-popup ul li { padding: 10px 0; border-bottom: 1px #ddd solid;}
.white-popup ul li input,
.white-popup ul li textarea { border: 1px #e5e5e5 solid; background-color: #fff; padding: 5px 10px;}
.mfp-content label { width: 15%; border-right: 1px #ddd solid; margin: 0 1%; color: #000;}

.white-popup .btn_box { width: 100%; text-align: center; margin:2% 0 3%;}
.white-popup .btn { font-size: 14px;}





@media (max-width:768px) {
	.mfp-content { width: 80% !important; min-width: inherit;}
	.white-popup .text-title { font-size: 18px;}
}
@media (max-width:500px) {
	.fc-scroller.fc-day-grid-container { height: inherit !important;}
	.mfp-content { width: 98% !important; }
	.white-popup ul li { font-size: 12px;}
	.white-popup .text-title { font-size: 16px; padding: 3% 0 2%;}
	.mfp-content label { width: 100%; border: 0; font-size: 14px;}
	.white-popup ul li input, .white-popup ul li textarea { width: 100%; font-size: 12px;}
}