.vezi-disponibilitate-btn {}

	.orar_event_box_view {
		float: left;
		width: calc(100% - 10px);
		margin: 2px 5px;
		border: 1px solid #81bfff;
		border-radius: 5px;
		height: 50px;
	}

	.orar_event_box_view .hour {
		font-size: 13px;
		line-height: 4px;
		padding: 10px 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#86c8fe+0,4dadf7+40,037ee3+100 */
		background: #1772ff;
		/* Old browsers */
		/* FF3.6-15 */
		/* Chrome10-25,Safari5.1-6 */
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* IE6-9 */
		width: 100%;
		height: 20px;
		color: #f3f3f3;
		border-radius: 3px 3px  0 0;
	}

	.orar_event_box_view .orar_event_box_view_inside {}

	.tip_oferta{
		
	font-size: 14px;
		
	min-height: 29px;
		
	width: 100%;
		
	line-height: 30px;
		
	text-align: center;
		
	/* text-transform: uppercase; */
	}

	.grad_ocupare{
		font-size: 14px;
		height: 20px;
		width: 100%;
		line-height: 30px;
		text-align: center;
	}

	.calendar-rservation-container{
		position: relative;
	}

	.reservation-modal-overlay{
		position: fixed;
		background: rgba(120, 120, 120, 0.4);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		transition: 1s;
		display:none;
	}

	.reservation-modal{
		max-height: 700px;
		background: white;
		left: calc(50% - 480px);
		position: absolute;
		height: 87%;
		top: 60px;
		border-radius: 4px;
		display: none;
		width: 960px;
	}

	.reservation-modal-close{
		position: absolute;
		top: -20px;
		right: -20px;
		background: #0c65ed;
		width: 40px;
		height: 40px;
		border-radius: 100px;
		border: 1px solid #0c65ed;
		font-size: 20px;
		text-align: center;
		line-height: 40px;
		cursor: pointer;
		z-index: 10;
		text-transform: unset;
		color: white;
	}	

	.reservation-modal-inner{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 5%;
		overflow-y:scroll;	
		overflow-x:hidden;	
	}

	.select-reservation-type{
		box-shadow:0 0 10px #ddd;
		-webkit-box-shadow:0 0 10px #ddd;
		border-radius: 5px;
		margin-top: 0px;
		min-height: 190px;
		padding-top: 10px;
		cursor: pointer;
	}

	.select-reservation-type-selected{
		background: rgba(12, 237, 100, 0.2);
	}

	.form-error{
		border-bottom: 2px solid red !important;
		-webkit-transform: scale(1.3) translatey(-3px);
		transform: scale(1.3) translatey(-3px);
	}
		
	.select-reservation-type .hour_start_selector{
		
	width: 50%;
		
	float: left;
		
	margin: 2px calc(25%);
		
	font-size: 13px;
		
	padding-top: 4px;
		
	border-radius: 3px;
		
	font-weight: 600;
		
	cursor: pointer;
	}

	.zoom-out-btn{
		position: absolute;
		bottom: 10px;
		right: 10px;
		background: rgba(12, 101, 237, 0.5);
		opacity: 1;
		width: 45px;
		height: 45px;
		font-size: 25px;
		text-align: center;
		line-height: 50px;
		color: #fff;
		border-radius: 5px;
		z-index: 13;
		display:none;
	}
	
	.full-screen-images-btn{
		width: 94% !important;
		bottom: calc(0%) !important;
		right: 3% !important;
		height: auto !important;
		transform: scale(1) !important;
		box-shadow: 0 0 30px #b1b1b1;
	}
	
	.minimized-image{
		position: absolute;
		background: rgba(12, 101, 237, 0.5);
		opacity: 1;
		font-size: 25px;
		text-align: center;
		line-height: 50px;
		color: #fff;
		border-radius: 5px;
		z-index: 3;
		transition: 0.3s;
		transform: scale(0.0);
		width: 94% !important;
		bottom: calc(0%) !important;
		right: 3% !important;
		height: auto !important;
		z-index: 1000;
	}
	
	.zoomed-image-fullscreen{
		
	}

	.zoomedOut{
		zoom: 1 !important;
		margin-right: 15px;
	}

	.alertMsg{
		height: auto;
		padding: 13px;
		position: fixed;
		z-index: 999;
		width: 50%;
		top: 20%;
		left: 25%;
		border-radius: 4px;
		box-shadow: 0 0 12px #484848;
		opacity: 0.9;
		-webkit-opacity: 0.9;
	}
	.alertMsgList{
		padding-left: 1.5rem;
		list-style: none;
		font-size: 15px;
	}
	.alertMsgList li{list-style: disc;color: #fff;}
	.alertMsg .closeAlertMsg{position: absolute;top: -15px;right: -16px;background: white;color: #000 !important;padding: 10px !important;height: 35px;line-height: 14px;width: 35px;border-radius: 100%;border: 1px solid #ddd;box-sizing: border-box;text-align: center;}

	#error{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e45950+0,f3726b+60,fd9f99+100 */
		background: rgb(228,89,80); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(228,89,80,1) 0%, rgba(243,114,107,1) 60%, rgba(253,159,153,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(228,89,80,1) 0%,rgba(243,114,107,1) 60%,rgba(253,159,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(228,89,80,1) 0%,rgba(243,114,107,1) 60%,rgba(253,159,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45950', endColorstr='#fd9f99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#success{
		background: rgb(47, 148, 0);
		background: -moz-linear-gradient(-45deg, rgba(113,226,60,1) 0%, rgba(142,242,92,1) 60%, rgba(176,253,141,1) 100%);
		background: -webkit-linear-gradient(-45deg, rgb(61, 179, 6) 0%,rgb(55, 158, 3) 60%,rgb(42, 136, 0) 100%);
		background: linear-gradient(135deg, rgb(62, 193, 0) 0%,rgb(65, 181, 7) 60%,rgb(37, 119, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71e23c', endColorstr='#b0fd8d',GradientType=1 );
	}
	
	.btn-fancy{
		font-size: 14px;
		background-color: #0c65ed;
		color: #fff;
		padding: 21px 40px 16px;
		text-transform: uppercase;
	}
	
	.reserved-calendar-day-box{
		background: #fff9f4;
		background: -moz-linear-gradient(-45deg, #fff9f4 1%, #fdefe1 47%, #f9d8bb 100%);
		background: -webkit-linear-gradient(-45deg, #fff9f4 1%,#fdefe1 47%,#f9d8bb 100%);
		background: linear-gradient(135deg, #fff9f4 1%,#fdefe1 47%,#f9d8bb 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f4', endColorstr='#f9d8bb',GradientType=1 );
	}
	
	.reservation-alert-confirm {
		max-height: 100%;
		left: calc(50% - 140px);
		position: absolute;
		height: 200px;
		top: calc(50% - 100px);
		width: 280px;
		overflow-y: visible;
		background: white;
		border-radius: 4px;
		display: none;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.reservation-alert-confirm-title {
		padding: 5px 0px;
		font-size: 20px;
		text-transform: capitalize;
	}
	
	.reservation-alert-confirm-btn-da{
		bottom: 10px;
		background: #02af28;
		width: calc(50% - 15px);
		height: 30px;
		position: absolute;
		color: #fff;
		left: 10px;
		border-radius: 4px;
		font-size: 20px;
		line-height: 35px;
		text-align: center;
		cursor: pointer;
	} 
	
	.reservation-alert-confirm-btn-nu{
		bottom: 10px;
		background: #d40000;
		width: calc(50% - 15px);
		height: 30px;
		position: absolute;
		color: #fff;
		right: 10px;
		border-radius: 4px;
		font-size: 20px;
		line-height: 35px;
		text-align: center;
		cursor: pointer;
	}
	
	.reservedNextWeek{
		height: auto;
		background: #ffcece;
		border-radius: 3px;
	}
	
	.reservedNextMonth {
		height: auto;
		background: #ff7f7f;
		border-radius: 3px;
	}
	
	.NOTreservedNextWeek{
		height: auto;
		background: #a3ffb4;
		border-radius: 3px;
	}
	
	.NOTreservedNextMonth {
		height: auto;
		background: #18db3d;
		border-radius: 3px;
	}
	
	.reservationInfoToolTip{
		position: absolute;
		bottom: 105px;
		right: 0;
		background: #fff;
		padding: 3px;
		font-size: 12px !important;
		border-radius: 3px;
		text-align: center;
		z-index: 3;
		border: 1px solid #ff9090;
		display: none;
		font-size:14px;
	}
	
	.reservationInfoToolTipTail{
		position: absolute;
		width: 30px;
		height: 30px;
		background: red;
		top: -12px;
		transform: rotate(45deg);
		-webkit-transform-origin-x: rotate(45deg);
		left: calc(50% - 15px);
		z-index: -1;
		background: #fff;
		border: 1px solid #ff9090;
	}	
	
	.reservationInfoToolTipTrigger{
		position: absolute;
		top: 0;
		right: -3px;
		background: white;
		width: 30px;
		height: 30px;
		line-height: 36px;
		text-align: center;
		font-size: 14px;
		border-radius: 10px;
		z-index: 111111;
		display:none;
	}
	
	.reserved_span{
		background: #dc4c4c;
		padding: 3px;
		color: #fff;
		border-radius: 6px;
		margin-right: 2px;
		float: left;
	}
	
	.reservations_user_tbl{
		
		
	}
	
	.reservations_user_tbl thead tr th{
		padding: 10px;
		color: #fff !important;
		border: 1px solid #0c65ec;
		font-size: 20px;
	}
	
	.reservations_user_tbl tbody tr td{
		padding: 5px;
		border-bottom: 3px solid #0c65ed;
		box-sizing: border-box;
	}
	
	.reservations_user_tbl  tr:even{
		
	}
	
	.reservations_user_tbl tr:nth-child(even){
		background: #ededed;
	}
	
	.buton-anulare-din-cont{
		    position: absolute;
		    top: calc(50% - 10px);
		    right: -18px;
		    width: auto;
		    height: 30px;
		    background: red;
		    padding: 5px;
		    text-align: center;
		    font-size: 16px;
		    border-radius: 29px;
		    color: #fff;
		    box-shadow: 0 0 10px #383838;
		    cursor:pointer;
	}
	.buton-modificare-din-cont{
		position: absolute;
		top: calc(50% - 10px);
		right: calc(100px - 18px);
		width: auto;
		height: 30px;
		background: #000000;
		padding: 5px;
		text-align: center;
		font-size: 16px;
		border-radius: 29px;
		color: #fff;
		box-shadow: 0 0 10px #383838;
		cursor: pointer;
	}
	
	.padding-none{
		padding: 0 1rem 0 1rem !important;
	}
	
	.user-reservation-box{
		padding: 10px 10px;
		margin-top: 10px;
		min-height: 60px;
		margin-bottom: 10px;
	}
	
	.generate-invoice-btn{
		width: 30px;
		height: 30px;
		background: #0c65ed;
		border: 0;
		border-radius: 3px;
		position: absolute;
		top: 0px;
		right: -5px;
		font-size: 22px;
		color: #fff;
	}
	
	.view-invoice-btn{
		width: 30px;
		height: 30px;
		background: #07a742;
		border: 0;
		border-radius: 3px;
		position: absolute;
		top: 34px;
		right: -5px;
		font-size: 22px;
		color: #fff;
	}
	
	.comment_reservation{
		height: 60px !important;
	}
	
	.det_facturare_details{
		display:none;
		border: 1px solid #0c65ed;
		padding-bottom: 50px;
		padding-top: 30px;
		border-radius: 6px;
	}
	
	.send_rezervation_biff{
		width: 30px;
		height: 20px;
	}
	
@media(min-width: 1421px){
	.calendar-rservation-container{
		zoom: 1.2;
	}
}	
	
@media(max-width:991px){
	
	.reservation-modal-close {
		top: 5px;
		right: 5px;
	}	
	
	.zoom-out-btn{
		display:block;
	}
	
	.reservation-modal {
		max-height: 100%;
		left: 0;
		position: absolute;
		height: 100%;
		top: 0;
		width: 100%;
		overflow-y: scroll;
	}
	
	.select-reservation-type {
		margin-bottom: 30px;
	}
	
	.reservation-modal-inner {
		height:auto;
	}

	.reservationInfoToolTipTrigger{
		display:block;
	}
	

}
	
@media(max-width:767px){
	
	.calendar-rservation-container{
		overflow-x:scroll;
		zoom: 0.7;
	}
	
	.orar_event_box_view {
		height: auto;
		margin: 2px 3px;
		width: calc(100% - 6px);
	}
	
	.alertMsg{
		width: calc(100% - 30px);
		left: 15px;
	}
	
}


@media(max-width:532px){
	.calendar-rservation-container{
		zoom: 0.6;
	}
}

@media(max-width:462px){
	.calendar-rservation-container{
		zoom: 0.5;
	}
}

@media(max-width:380px){
	.calendar-rservation-container{
		zoom: 0.45;
	}
}

@media(max-width:320px){
	.calendar-rservation-container{
		zoom: 0.4;
	}
}