.occ_container{
	background-color: #555;
	border: 1px solid #fff;
}

.single_ev{
	width: 99%;
	padding: 0.5% 0.5%;
	border-bottom: 1px solid #7c7c7c;
    overflow: hidden;
}

.half_hour{
	float: left;
	width: 2.083%;
	background-color: #fff;
	color: #000;
	font-weight:400;
	}

.single_event{
	background-color: #eee;
	color: #000;
	padding: 0.5% 0%;
}

.back_2{
	background-color:#ccc;
}


.event{
	background-color: #f55;
	transition: background-color 1s;
	-webkit-transition: background-color 1s;
}


.event:hover{
	background-color: #200;
}

.event_block{
	background-color: #300;
    margin-left: 43%;
    padding-right: 16%;
    width: 0%;
    float: left;
     -webkit-animation-name: slide; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: slide;
    animation-duration: 1s;
    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes slide {
    from {margin-left: 100%;}
    to {margin-left: 43%;}
}

/* Standard syntax */
@keyframes slide {
   from {margin-left: 100%;}
    to {margin-left: 43%;}
}

#daily_container{
	overflow-x: hidden;
}


.out_right {
	margin-left: 100%;
	float: left;
	height: 0px;
	padding-bottom: 2%;
}

.event_text_l{
	width: 99%;
	float: left;
	text-align: right;
	margin-right:1%;
}

.event_text_r{
	float:left;
	margin-left:1%;
}