.schedule{

}

.timetable{
	border-left: 2px solid #CCC;
	border-top: 2px solid #CCC;
	clear: both;
	float: left;
    width: 100%;
}
.timetable.timetable-category{
	margin-top: 20px;
}
.timetable_cell{
	
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	min-height: 50px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}
.timetable .timetable__title{
	width: 30%;
	float: left;
	text-align: left;
	max-height: 50px;
	overflow: hidden;
	padding-left: 5px;
}
.timetable__title h3{
	font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.timetable__week{
	
}
.timetable .timetable__heading__week{
		font-weight: bold;
}
.timetable__heading__week .timetable_week__day{
	padding: 10px;
	width: 10%;
	float: left;
}
.timetable__week .timetable_week__day{
	padding: 10px;
	float: left;
	cursor: pointer;
}
.timetable_week__day.chose{
	background: #CCC;
}


@media (max-width: 768px) {
	.timetable .timetable__title{
		width: 100%;
	}
	.timetable__week{
		width: 100%;
		float: left;
	}
	.timetable_cell{
		font-size: 14px;
	}
	.padding-side-50{
		padding: 35px 10px; }
	}
}


  .timetable__week ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

    .timetable__week .is_active {
     
      //min-height: 40px;
      position: relative;
      z-index: 11;
      
     // padding: 20px 0 20px 200px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
      .timetable__week--schedule .is_active:before {
        content: '';
        display: block;
        position: absolute;
		top: -7px;
		left: -2px;
		right: -1px;
		bottom: -1px;
        z-index: -1;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
	  
      .timetable__week--schedule .is_active:hover {
        position: relative;
        z-index: 12;

      	border: none;

        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px); }

        .timetable__week--schedule .is_active:hover:before {
          background: #fff;
          -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }
        
        .timetable__week--schedule .choose{
        position: relative;

        z-index: 12;
		border: none;
		-webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px); }
		.timetable__week--schedule .choose:hover:before {
		 	 background: #CCC;
		 }
        .timetable__week--schedule .choose:before {
           background: #CCC;
          -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }