.schedule{padding: 10px 5px;}
.schedule h2{padding: 2px 5px;text-align: center;}
.schedule-wrap{padding: 15px 0;}
.schedule-graf{display: flex; max-width: 100%; width: 800px;margin: 0 auto;position: relative;}
.sch-grf{display: flex; width: 100%}
.schedule-graf-title{
	position: absolute;
	width: 100%;
	padding-left: 34px;
	left: 0;
	top: 40px;
	white-space: nowrap;
	font-size: 15px;
	text-shadow: 0px 0px 12px #FFFFFF;
	flex-shrink: 0;
	text-align: center;
}
.sch-grf>div{min-width: 24px;width: 100%}
.sch-days{flex-shrink: 0}
.sch-days>div {
    background-color: #8f8f8f;
    margin: 10px 0;
    padding: 1px 5px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
}
.sch-days>div[data-pday="0"]{margin-top: 25px}
/* .sch-days>div[data-pday="5"],.sch-days>div[data-pday="6"]{background-color:#c20707;} */

.sch-days>div:hover,.sch-days>div:focus,.sch-days>div:active,.sch-days>div.active{background-color:#239D10;}

.sch-days>div:first-child,
.sch-days>div:first-child,.sch-days>div:first-child:hover,.sch-days>div:first-child:focus,.sch-days>div:first-child:active,
.g-time{
	background-color: transparent;
	height: 28px;
    cursor: default;
    margin: 10px 0 25px;
    text-align: center;
}
.sch-days>div:first-child,
.sch-days>div:first-child,.sch-days>div:first-child:hover,.sch-days>div:first-child:focus,.sch-days>div:first-child:active{
    padding: 1px 3px;
}
.sch-days>div:last-child{margin-bottom: 0;}
.g-time{font-weight: 600;color:#000;}
.sch-time:hover .g-time>span{color:#fff;background-color: #239D10;}
.g-skale{position: relative;height: inherit;min-height: calc(100% - 63px);}
.g-skale>div[data-color-size]{position: absolute;left:0;right:0;bottom:0;height: 0;width: 20px;margin: 0 auto;background-color:#8f8f8f;transition: height 0.8s linear, background-color 0.5s linear;}

.g-time>span{display: none;line-height: 28px;padding:1px 3px;}
.sch-time:first-child .g-time{z-index: 1}
.sch-time:first-child .g-time>span{display: inline-block;z-index: 1;}
.sch-time:nth-child(3n+1) .g-time{z-index: 1}
.sch-time:nth-child(3n+1) .g-time>span{display: inline-block;z-index: 1;}


@media (min-width: 1081px) and (max-width: 1190px){
	.g-time{font-size: 15px;}
}
@media (max-width: 1080px){
	.g-time{font-size: 14px;}
}
@media (max-width: 470px){
	.sch-grf>div:not(.schedule-graf-title){min-width: 5px;}
	.sch-grf>div.sch-days{min-width: 34px;}
	.g-skale>div[data-color-size]{width: 14px;}
	.g-time {position: relative;}
	.g-time>span{position: absolute; left:-50%}
}