.hotelMap :focus{outline: none;}
.mapLink, .mapLink:hover {border-bottom:1px dashed #2E8B57; color: #2E8B57; font-size:80%; text-decoration: none;}
.hotelMap {line-height: 1.5; display: none;}
.overlay {position: fixed; background: rgba(0,0,0,0.69); width: 100%; height: 100%; z-index: 998; top: 0; left: 0; display: none;}
.overlay img {position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px;}
.hotelMap {width: 1140px; background: #fff; border-radius: 5px; position: absolute; top: 50%; left: 50%; margin-top: -210px; margin-left: -570px; z-index: 999; font-family: Open Sans; padding: 28px 30px;}
.hotelMap .closeButton {position: absolute; right: 20px; top: -40px; color: #fff; text-decoration: none; font-size: 18px;line-height: 25px;}
.hotelMap .closeButton img {margin-left: 5px;}

.hotelMap .monthsContainer {width: 1080px; height: 60px; line-height: 60px; margin: 0 0 0 0; padding: 0; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02), 0px 2px 2px rgba(0, 0, 0, 0.02), 0px 4px 4px rgba(0, 0, 0, 0.02), 0px 8px 8px rgba(0, 0, 0, 0.02), 0px 16px 16px rgba(0, 0, 0, 0.02);border-radius: 3px; position: relative;}
.hotelMap .months {margin: 0; padding: 0;}
.hotelMap .months li {display: block; width: 180px; height: 100%; float: left; list-style: none; padding: 0; border-right: 1px solid #EFEFEF; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; /*background-image: url(images/bottom.png);*/ background-position: 92% 50%; background-repeat:  no-repeat;}
.hotelMap .months li.active, .hotelMap .months li:hover {background-color: #FFCB07;}
.hotelMap .months li a {display: inline-block; width: 100%; height: 100%; color: #000; text-decoration: none;padding: 0 0 0 20px;font-size: 16px;}
.hotelMap .roomsContainer {margin: 25px 0; position: relative; }
.hotelMap .roomsContainer .whiteSquare {position: absolute; top: 0; left: 0; background: #fff; width: 119px; height: 41px; z-index: 1005;}
.hotelMap .roomsContainer .outer {height: 320px; width: 1096px; overflow: hidden;}
.hotelMap table { empty-cells: show;border-collapse: separate; border-spacing: 0; min-width: 1080px;}
.hotelMap table td {margin: 0; padding: 0; background: none; text-align: center; vertical-align: middle;}
.hotelMap table:not(.footerDesc) thead td {padding-bottom: 10px; z-index: 1000; line-height: 15px;}
.hotelMap table td.cats {width: 119px !important; height: 31px !important;text-align: left; padding-right: 10px; font-size: 14px; line-height: 100%;z-index: 1000; overflow: hidden}
.hotelMap table td.day {width: 31px !important; height: 31px !important;} 
.hotelMap table td.day.we {color: #E25A5A}
.hotelMap table td.cell {border:1px solid #E1E1E1; border-right: none; border-bottom: none; background: #A2D87B; position: relative;}
.hotelMap table td.cell.one {background: #C7E7B0;}
.hotelMap table td.cell:last-child {border-right:1px solid #E1E1E1;}
.hotelMap table tr:last-child td.cell {border-bottom:1px solid #E1E1E1;}
.hotelMap table td.cell.zanyato {background: #EEF6E3;}
.hotelMap table td.cell.zanyato.zaezd::before {content: ''; position: absolute; left: 0; top: 0; border: 15px solid transparent;	border-left: 15px solid #A2D87B; border-top: 15px solid #A2D87B;}
.hotelMap table td.cell.zanyato.zaezd.one::before {border-left: 15px solid #C7E7B0; border-top: 15px solid #C7E7B0;}
.hotelMap table td.cell.zanyato.viezd::after {content: ''; position: absolute; right: 0; bottom: 0; border: 15px solid transparent;	border-right: 15px solid #A2D87B; border-bottom: 15px solid #A2D87B;}
.hotelMap table td.cell.zanyato.viezd.one::after {border-right: 15px solid #C7E7B0; border-bottom: 15px solid #C7E7B0;}


.hotelMap table.footerDesc {float: right; margin: 20px 0 0; min-width: inherit;}
.hotelMap table.footerDesc td.cats {padding: 0 20px;}
.hotelMap table.footerDesc td.cell {border:1px solid #E1E1E1;}
.hotelMap table.footerDesc td.cats:last-child {width: auto; padding-right: 0;}

@media (max-width: 1140px) {
	.hotelMap {width: 728px; margin-left: -364px; padding: 25px;}
	
	.hotelMap .monthsContainer {width: 680px; height: 40px;line-height: 39px;}
	.hotelMap .months li {width: 138px;}
	.hotelMap .months li a {font-size: 13px;}
	
	.hotelMap .roomsContainer .whiteSquare {height: 47px; width:92px; }
	.hotelMap table:not(.footerDesc) thead td {font-size: 12px;}
	.hotelMap .outer {width: 678px !important; height: 326px !important;}
	.hotelMap table td.cats  {font-size: 11px; width: 92px !important;}
	
	.hotelMap table.footerDesc td.cats {padding: 0 15px;}
}
@media (max-width: 768px) {
	.hotelMap {width: 290px; margin-left: -145px; padding: 15px; top: 33px; margin-top: 0;}
	.hotelMap .closeButton {font-size: 10px;top: -29px; right: 11px }
	.hotelMap .closeButton img {width: 9px; height: 9px;}
	
	.hotelMap .monthsContainer {width: 262px; height: 40px;line-height: 37px;}
	.hotelMap .months li {width: 88px;}
	.hotelMap .months li a {font-size: 11px; padding-left: 18px;}
	
	.hotelMap .roomsContainer {margin-top: 0; margin-left: -13px;}
	.hotelMap .roomsContainer .whiteSquare {height: 31px; width:31px; }
	.hotelMap .roomsContainer .outer {width: 280px !important; height: 993px !important;}
	.hotelMap table.mobile {min-width: auto;}
	.hotelMap table.mobile td.day.date {font-size: 12px; line-height: 11px; z-index: 1000; }
	.hotelMap table.mobile td.day.roomName {font-size: 11px; font-weight: bold; line-height: 31px; padding: 0;}
	.hotelMap table.mobile td.day.roomName a.withTooltip {color: #000; border-bottom: 1px dashed #000;}
	.hotelMap table.footerDesc {float: none; display: block; margin-bottom: 0;}
	.hotelMap table.footerDesc tr {display: block}
	.hotelMap table.footerDesc tr td {display:block; font-size: 9px; float: left; margin-bottom: 5px;}
	.hotelMap table.footerDesc td.cats {padding: 0 5px; width: 61px !important; height: 25px !important;position: relative;}
	.hotelMap table.footerDesc td.cats span {position: absolute;  top: 50%;  transform: translateY(-50%);}
	.hotelMap table.footerDesc td.day {width: 25px !important; height: 25px !important;} 
	.hotelMap table.footerDesc td.cell.zanyato.zaezd::before {border: 12px solid transparent;	border-left: 12px solid #A2D87B; border-top: 12px solid #A2D87B;}
	.hotelMap table.footerDesc td.cell.zanyato.zaezd.one::before {border-left: 12px solid #C7E7B0; border-top: 12px solid #C7E7B0;}
	.hotelMap table.footerDesc td.cell.zanyato.viezd::after {border: 12px solid transparent;	border-right: 12px solid #A2D87B; border-bottom: 12px solid #A2D87B;}
	.hotelMap table.footerDesc td.cell.zanyato.viezd.one::after {border-right: 12px solid #C7E7B0; border-bottom: 12px solid #C7E7B0;}
}