.rental-text{
	font-size: 17px;
    line-height: 1.6em;
    font-family: Roboto;
    font-weight: 300;
}

.rental-box {
	position: relative;
	padding: 15px;
}

.rental-box h2 {
	padding-bottom: 5px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;    
    margin: 0;
}
.form-rental {
	background: #fff;
	padding: 20px 30px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
	border: 2px solid #888;
}

.close-bike-form {
	cursor: pointer;
	position: relative;
	float: right;
	z-index: 99999;
}

.form-rental .row {
	margin-bottom: 10px;
}

.form-rental label {
	text-transform: uppercase;
	color: #888888;
	padding: 0 0 2px 0;
	font-size: 11px;
}

.form-rental .label-link {
	text-transform: uppercase;
	text-decoration: underline;
	padding: 0 0 2px 0;
	font-size: 11px;
}

.form-rental .label-link:hover {
	text-decoration: none;
}

.form-rental .form-control {
	padding: 0px 10px;
	height: 35px;
	border: 2px solid #e6e6e6;
	color: #222;
	font-weight: bold;
}

.form-rental ::-ms-input-placeholder,
.form-rental :-ms-input-placeholder,
.form-rental ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #999;
	opacity: 1; /* Firefox */
	font-weight: normal;
}

.form-rental .btn-default {
	background: #f7f7f7;
	color: #ee1c25;
	border: 2px solid #ee1c25;
	font-weight: bold;
	padding: 12px 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.form-rental .btn-default:hover {
	background: #eee;
}

.productregister-thanks {
	min-height: 350px;
}

.productregister-thanks h1 {
	margin-bottom: 30px;
}

.productregister-thanks p {
	margin-bottom: 30px;
	font-size: 16px;
}

.margin-b-3 {
	margin-bottom: 3em;
}

.ui-widget-content .ui-state-default {
	background: #75b975;
	color: white;
}

ui-datepicker-unselectable ui-state-disabled undefined {
	background: red;
}

.ui-widget-content .ui-datepicker-unselectable.day-orange .ui-state-default {
	background: orange;
}

.day-orange span.ui-state-default {
	background: orange;
}

.ui-widget-content .ui-datepicker-unselectable .ui-state-default {
	background: red;
}

.rental-price-table {
	background: #eee;
	margin-top: 10px;
	margin-bottom: 20px;
}
.col-rental-price {
	padding: 10px 0;
}

.rental-price {
	font-weight: bold;
	font-style: italic;
}

.rental-box {
	position: relative;
	background: #fff;
	box-shadow: 1px 2px 5px 0 rgba(0,0,0,.2);
	height: 100%;
}

.rental-box:hover {
	box-shadow: 1px 2px 7px 0 rgba(0,0,0,.6);
}

.rental-box .rent-b-desc {
	line-height: 1.15em;
}

.rental-box .rental-price-table {
	background: #eee;
}

.rental-box .rental-product-desc {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 8em;
	font-size: 16px;
	line-height: 1.35em;
	cursor:pointer;
	font-family: Roboto;
    font-weight: 300;
}

.rental-box .rental-product-desc::after {
	content:'';display:block; position: absolute;
	pointer-events: none; z-index: 1;
	bottom:0; left:0; right:0; height: 6em;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.85) 95%, rgba(255,255,255,.95) 100%);
}


/** 
	DETAIL OPEN
*/

.rental-box .btn.close-detail { 
	display: none;
	color:#000000; 
	z-index: 9; position:absolute; top: 0; right: 0;
	padding:0;
	font-size: 22px; width:22px;height:22px;line-height: 22px;
	font-weight: 900; opacity:.9;
	min-width: 1em !important;
}
.rental-box.is-detail-open .btn.close-detail {
	display: block; 
}
.rental-box.is-detail-open .btn.close-detail:hover {
	opacity: 1; background:#eee;
}


/* .rental-box.is-detail-open .h2:first-child {
	padding: 0 0 7em 0;
} */

.rental-box.is-detail-open .rental-product-desc {
	position:absolute; top:0;left:0;right:0;bottom:0;padding: 20px; opacity: 1;
	height:auto; background: #fff; font-size: 1em; overflow: auto;
}
.rental-box.is-detail-open .rental-product-desc::after,
.rental-box.is-detail-open .detail-wrapper .rental-price-table {
	display: none; 
}

.rental-box.is-detail-open .detail-wrapper {
	margin-left:-15px;
	margin-right:-15px;
}


.rental-box.is-detail-open .detail-wrapper::before,
.rental-box.is-detail-open .detail-wrapper::after {
	content:'';display:block; position: absolute;	pointer-events: none; z-index: 1;
	bottom:0; left:0; right:0; height: 30px;	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 62%, rgba(255,255,255,.95) 100%);
	border-bottom: solid 1px #ddd;
}
.rental-box.is-detail-open .detail-wrapper::before {
	top:0; border-bottom: none;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 62%, rgba(255,255,255,.95) 100%);
}


.rental-box .rental-prod-main-img {
	display:block; max-width: 80%; margin: 0 auto 15px auto;
}