/* Start:/bitrix/templates/ahtyrka/template_styles.css?17857585871556*/
.plot--reserved {fill: rgb(246.8601398601, 142.3986013986, 69.1398601399); stroke: rgb(246.8601398601, 142.3986013986, 69.1398601399);}
.plot--reserved, .plot--free {fill-opacity: 0.3;}
.plot--reserved:hover, .plot--free:hover {fill-opacity: 0.7;}

.legend__item--reserved::before {
  background-color: rgba(246.8601398601, 142.3986013986, 69.1398601399, 0.6);
  border-color: rgb(246.8601398601, 142.3986013986, 69.1398601399);
}

@media (max-width: 1259px)
{
	/*.plan__overlay {left: -26px; max-width: 110%; width: 104%;}*/
}

.plot-label {font-size: 12px; font-weight: 400; text-shadow: 0px 0px 2px #006600}

.alertblock 
{
	position: fixed;
	width: 630px;
	height: auto;
	left: 40px;
	bottom: 40px;
	font-size: 14px;
	line-height: 19.6px;
	z-index: 100;
	background: #fff;
	overflow: hidden;
	box-shadow:  3px 4px 15px rgba(0,0,0,0.1);
}

.alertblock>div
{
	padding: 30px 20px;
}

.alertblock .alerttext
{
	padding: 10px;
	background: rgba(255,255,255,0.25);
	border-radius: 20px;
	border: #fff 1px solid;
	backdrop-filter: blur(5px);
	color: #0B201D;
}

.alerttext p {margin-bottom: 10px;}

.alerttext p a {color: #f9ac76;}

..alerttext .btn {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  border: none;
  border-radius: 3px;
  background: #A30101;
  padding: 5px 10px;
}

.alertclose
{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
} 
.alertclose svg {scale: 0.7; cursor: pointer;}

@media (max-width: 670px)
{
	.alertblock 
	{
		width: calc(100% - 30px);
		height: auto;
		right: 16px;
	}
}
/* End */
/* /bitrix/templates/ahtyrka/template_styles.css?17857585871556 */