.reservation_item {
    margin: 10px;
    height: 110px;
    position: relative;
    border: 1px solid #ccc;
    width: 97%;
}

.reservation_item_with_slider {
    height: 170px;

}
.reservation_item.active  {
	background-color:aliceblue;
    display:block;
}

.reservation_item.inactive  {
	display:none;
}

.reservation_name {
    font-size: large;
    color: #333333;
    /* when active, show selected time on the right  */

}
.reservation_desc {
    color: #666666;

}
.reservation_time {
    float: right;
    color: #666666;
    padding-right: 30px;
    font-size: small;
}

.reservation_date {
    padding-left: 5%;
    color: #666666;
}

.reservation_msg {
    font-weight: 100;
    color: red;
    position: absolute;
    bottom: 40px;
}

.reservation_msg_mobile {
    font-weight: 100;
    color: red;
    margin-left: 10px;
    display: block;
}

.reservation_error {
    font-weight: 100;
    color: red;
    display: block;
    margin: 10px;
    line-height: 15px;
}
.reservation_information {
    color: #666666;
    padding: 2px 6px 2px 6px;
    vertical-align: bottom;
    font-size: x-large;
}

.reservation_icons {
    float: right;
    padding-right: 3%;
}

.reservation_icons i {
    cursor:pointer;
    color:#666666;
    padding : 5px;
}

.reservation_icons i b {
    color:#0c63cc;
    font-size:smaller;
}

.reservation_slider_slots {
	position:absolute;left:0;top:0;bottom:0;right:0;background:url(../../app/Images/closed_bg.png);overflow:hidden;	
    border:thin solid #666666;

    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.reservation_slider_thumb {
	position:absolute;left:25px;top:0;bottom:0;width:30px;background:url(../../app/Images/thumb_bg.png);cursor:pointer;border-left:1px solid green;
    border-top:thin solid #666666;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.reservation_slider_th_right {
	position:absolute;top:0;bottom:0;width:30px;
    background:url(../../app/Images/sliderupdate.svg) center no-repeat;
    cursor:ew-resize;
    box-sizing:none;
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.reservation_slider_th_right_vis {
	position:absolute;left:0;top:0;bottom:0;width:10px;_background-color:red;
}

.reservation_slider_thumb_text {
	color:white;font-size:12px;font-weight:bold;width:100%;height:30px;line-height:30px;
    vertical-align:middle;text-align:center;display:inline-block;
    white-space: nowrap;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.6),
		0px 1px 0px rgba(255,255,255,0.3);
}

.reservation_slider_inner {

	width:90%;height:30px;position:absolute;	
    margin-top: 25px;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.reservation_slider_booked {
	position:absolute;left:0;top:0;bottom:0;right:0;background:url(../../app/Images/booked_bg.png);overflow:hidden;	
    text-align:center; padding-top:5px;color:white;
}


.reservation_slider_tickmarks {
	position:absolute;
    height:20px;
    right:0;
    color: #666666;
}

.reservation_slider_tickmark {
	display:inline-block;
    position:absolute;
    border-left:1px solid #666666;
    padding-left:2px;
    font-size:10px;
    height:100%; 
    line-height:90%;
    margin-top:5px;
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.reservation_slider_timespan {
    position: absolute;
    top: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reservation_item_mobile {
    cursor: default;
    margin: 10px;
    border: 1px solid #ccc;
    width: 95%;
    position: relative;
}

.reservation_row_mobile {
    height: 80px;
}

.reservation_row_mobile_photo {
    height: 100px;
}

.item_information {
    color: #666666;
    padding: 2px 6px 2px 6px;
    vertical-align: bottom;
    font-size: x-large;
    display: inline-block;
}