@charset "utf-8";
/* CSS Document */

.calendar {
	text-align: center;
	margin-top: 28px;
}
.calendar h2 {
	font-size: 1.2em;
	line-height: 1.25em;
	margin: .25em 0;
}
.calendar .btd-bg-holiday{
	background: #F2F1F1;
	}
.calendar .btd-bg-bookday{
	background:#FFFEFC;
	}
.calendar  li:hover .popup{
	    display:block;
	}
 .calendar .popup .text-time{
	font: 17px/42px 'lineseed', Arial, sans-serif;
	color: #ffffff;
	/* height: 51px; */
}
.calendar .popup .detail-room{
	font: 20px/28px 'lineseed', Arial, sans-serif;
	color: #00bd8b;
	margin-top: 13px;
}
 .calendar .popup .name-room{
	font: 16px/21px 'lineseed', Arial, sans-serif;
	color: #000000;
}
.calendar .popup .detail-meeting{
	font: 20px/29px 'lineseed', Arial, sans-serif;
	color: #00bd8b;
	margin-top: 10px;
}
.calendar .popup .name-meeting{
	font: 16px/19px 'lineseed', Arial, sans-serif;
	color: #000000;
	text-align: left;
}
.calendar .popup{
	position:absolute;
	padding: 8px;
	top: 90px;
	left: 60%;
	width: 254px;
	right:0;
	height: 235px;
	display:none;
	z-index:999;
	background: url("../images/popup.png") top center  no-repeat;
	}
.calendar h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin: .33em 0;
}

.calendar table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}


.calendar header {
	position: relative;
}

.calendar h2 {
	text-transform: uppercase;
	color: #761021;
}

.calendar thead {
	font-weight: 600;
	text-transform: uppercase;
}
.calendar thead th {
	border: 1px solid #000;
	display: inline-block;
	height: 35px;
	text-align: center;
	line-height: 33px;
	width: 224px;
	color: #000000;
	background: #FFB9B9;
}
.calendar tbody {
	color: #7c8a95;
}

.calendar tbody td:hover {
	border: 2px solid #761021;
}

.calendar td {
	border: 2px solid transparent;
	/* border-radius: 50%; */
	display: inline-block;
	height: 177px;
	line-height: 3.2em;
	text-align: center;
	width: 224px;
	font-size: 22px;
	border: 1px solid #000000;
	color:#761021;
}
.calendar ul li{
	width:100%;
	margin-left: 11px;
	height:auto;
	font: 15px/22px 'Tahoma', Arial, sans-serif;
	color:#4E4E4E;
	background:url(../images/book-price/bulet.png) 0% 50% no-repeat;
	text-indent:20px;
	text-align:left;
	}


.calendar .prev-month,
.calendar .next-month {
	color: #cbd1d2;
}

.calendar .prev-month:hover,
.calendar .next-month:hover {
	border: 2px solid #ecebe3;
}

.current-day {
	background: #761021;
	color: #fff!important;
}

.event {
	cursor: pointer;
	position: relative;
	display: none;
}

.event:after {
	background: #761021;
	border-radius: 50%;
	bottom: .2em;
	display: block;
	content: '';
	height: .5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
	display: none;
}

.event.current-day:after {
	background: #f9f9f9;
}

.btn-prev,
.btn-next {
	/* border: 2px solid #cbd1d2; */
	border-radius: 50%;
	/* color: #cbd1d2; */
	height: 2em;
	font-size: .75em;
	line-height: 2em;
	margin: -1em;
	position: absolute;
	top: 59%;
	width: 2em;
}

.btn-prev:hover,
.btn-next:hover {
	background: #cbd1d2;
	color: #f9f9f9;
}

.btn-prev {
	left: 6em;
}

.btn-next {
	right: 6em;
}


@media (max-width: 374px) { 
	.calendar ul li{
	display:none
	}

.calendar thead th{
	height: 2.8em;
    line-height: 2.8em;
    width: 2.8em;	
}
.calendar td{
	height: 2.8em;
    line-height: 2.8em;
    width: 2.8em;		
}
	.calendar thead th{
	font-size: 10px;
	height: 3.0em;
	line-height: 3.0em;
	width: 35px;
}
.calendar td{
	height: 57px;
	line-height: 3.0em;
	width: 35px;
	font-size: 10px;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
	.event:after {
	background: #ff8800;
	border-radius: 50%;
	bottom: .2em;
	display: block;
	content: '';
	height: -0.5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
}
	.calendar ul li{
	display:none
	}
.calendar thead th{
	height: 3.0em;
    line-height: 3.0em;
    width: 3.0em;	
}
.calendar td{
	height: 3.0em;
    line-height: 3.0em;
    width: 3.0em;	
}
	.calendar thead th{
	height: 3.0em;
	line-height: 3.0em;
	width: 45px;
	font-size: 9px;
}
.calendar td{
	height: 57px;
	line-height: 3.0em;
	width: 45px;
	font-size: 12px;
}
 }
@media (min-width: 420px) and (max-width: 575px) {
		.event:after {
	background: #ff8800;
	border-radius: 50%;
	bottom: .2em;
	display: block;
	content: '';
	height: -0.5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
}
	.calendar thead th{
	height: 3.0em;
    line-height: 3.0em;
    width: 3.0em;	
}
.calendar td{
	height: 3.0em;
    line-height: 3.0em;
    width: 3.0em;	
}
	.calendar thead th{
	height: 3.0em;
	line-height: 3.0em;
	width: 52px;
	font-size: 9px;
}
.calendar td{
	height: 57px;
	line-height: 3.0em;
	width: 52px;
	font-size: 12px;
} 
												 .calendar ul li{
	display:none
	}}
@media (min-width: 576px) and (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 991px) { 
		.event:after {
	background: #ff8800;
	border-radius: 50%;
	bottom: .2em;
	display: block;
	content: '';
	height: -0.5em;
	left: 50%;
	margin: -.25em 0 0 -.25em;
	position: absolute;
	width: .5em;
}
	
.calendar thead th{
	height: 3.0em;
	line-height: 3.0em;
	width: 97px;
}
	.calendar ul li{
	display:none
	}
.calendar td{
	height: 97px;
	line-height: 3.0em;
	width: 97px;
}
 }
@media (min-width: 992px) and (max-width: 1199px) {
	.btn-prev {
    left: 3em;
}
.btn-next {
    right: 3em;
}

	.calendar thead th{
	height: 1.8em;
	line-height: 1.8em;
	width: 120px;
	font-size: 14px;
}
.calendar td{
	height: 137px;
	line-height: 1.8em;
	width: 120px;
}
	 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { 
.calendar thead th{
	height: 2.5em;
	line-height: 2.5em;
	width: 154px;
}
.calendar td{
	height: 157px;
	line-height: 2.5em;
	width: 154px;
}
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.calendar thead th{
	/* height: 2.5em; */
	/* line-height: 2.5em; */
	width: 154px;
	/* width: 12.5em; */
}
.calendar td{
	height: 177px;
	line-height: 2.5em;
	width: 154px;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
.calendar thead th{
	height: 2.8em;
	line-height: 2.8em;
	width: 194px;
}
.calendar td{
	height: 177px;
	line-height: 2.8em;
	width: 194px;
}
 }