﻿.non-member-mmb {
}

	.non-member-mmb .editviewcontainer .cancelbookingnowbtn {
		/*color: #212529;
		border-color: #EFB6B6;*/
	}

	.non-member-mmb .editviewcontainer .resref {
		font-size: 14px;
	}

	.non-member-mmb .editviewcontainer h3 {
		font-size: 16px;
		padding: 0 15px;
	}

	.non-member-mmb .editviewcontainer .editviewclosebtn {
		padding: 0;
		background-color: rgba(0,0,0,0);
		border: none;
		font-size: 20px;
		position: absolute;
		top: 0;
		right: 0;
		transform: scale(1.2);
		line-height: 1;
		font-family: sans-serif;
	}

	.non-member-mmb .editviewcontainer .bookingdetailsdisplay {
		margin-top: 10px;
	}

	.non-member-mmb .details-div {
		max-width: 100%;
		padding: 0 15px;
	}

	.non-member-mmb .options-bar {
		/*background-color: #e9e9e9;
		padding: 10px 15px;*/
	}

		.non-member-mmb .options-bar .owsmmb-title {
			font-size: 30px;
		}

		.non-member-mmb .options-bar .options-bar-row {
			/*display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;*/
		}

		.non-member-mmb .options-bar .options-bar-col {
			/*position: relative;
			width: 100%;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 15px;*/
		}

	.non-member-mmb .mybookingtoolbarbtn {
		/*padding: 8px 16px;
		margin: 5px;*/
	}

	/*.non-member-mmb .modifybookingdatesbtn {
		background: #B6EFD1;
		color: #333;
	}

		.non-member-mmb .modifybookingdatesbtn:hover, .non-member-mmb .modifybookingdatesbtn:focus {
			background: #5cb85c;
			color: #fff;
		}

	.non-member-mmb .cancelbookingsbtn {
		background: #EFB6B6;
		color: #333;
	}

		.non-member-mmb .cancelbookingsbtn:hover, .non-member-mmb .cancelbookingsbtn:focus {
			background: #333;
			color: #fff;
		}*/

	.non-member-mmb .bookingstable {
		display: block;
		padding: 10px 25px 10px;
		border: 1px solid #e9e9e9;
		width: 100%;
		margin-top: 25px;
		border-radius: 12px;
	}

		.non-member-mmb .bookingstable .row {
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.non-member-mmb .bookingstable h3 {
			margin-top: 0;
			font-size: 18px;
			padding-right: 250px;
			font-weight: 600;
		}

		.non-member-mmb .bookingstable .cancelroombtn {
			background: #fff;
			color: #c00;
			border: none;
			font-size: 13px;
			padding: 0;
			position: absolute;
			top: -5px;
			right: 15px;
			max-width: 250px;
			white-space: normal;
			text-align: right;
		}

			.non-member-mmb .bookingstable .cancelroombtn svg {
				fill: #c00;
				width: 15px;
				height: 15px;
				transform: translateY(3px);
				margin-right: 4px;
			}

		.non-member-mmb .bookingstable.pricepanel {
			background-color: #e9e9e9;
		}

			.non-member-mmb .bookingstable.pricepanel .totalsrowstart {
				border-top: none;
			}

		.non-member-mmb .bookingstable .freecancellation {
			color: #115f3b;
			font-size: 12px;
		}

.editviewcontainer {
	background-color: white;
	padding: 15px 20px;
	border-radius: 12px;
	margin: 10px auto;
	border: 1px solid #e5e5e5;
	max-width: 100%;
	width: 400px;
	text-align: center;
}

.manage_roomdetails {
	margin-top: 15px;
}

.roomheading {
	font-weight: 600;
}

.dailyrateslist {
	padding-left: 0;
	margin-bottom: 0px !important;
}

	/*.dailyrateslist li {
		list-style-type: disc;
	}*/

.logincontainer {
	margin-top: 30px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	background: #eee;
	border-radius: 4px;
	padding: 50px 50px 50px 50px;
	border-radius: 12px;
}

.loginmanagefield {
	font-size: 14px;
	padding: 10px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d4d4d4 !important;
	border-radius: 4px;
	height: 50px !important;
	line-height: 50px !important;
}


.loginpanel {
	text-align: center;
}
	.loginpanel h1 {
		font-size: 30px;
	}
	.loginpanel h2 {
		color: #565656;
		font-size: 18px;
	}

.manageloginbutton {
	width: 100%;
}

.loginbuttoncontainer {
	text-align: center;
}

.login_statuslabel {
	padding-bottom: 10px;
}

.manageloginbutton {
	/*padding: 10px !important;*/
	width: 100%;
	max-width: 100%;
}

.modify-booking-modal .modal-header {
	/*background: #e9e9e9;
	margin: 10px;*/
	border-bottom: none;
}
.modify-booking-modal .modal-title {
	font-weight: 600;
}

.modify-booking-modal .modal-body {
	text-align: center;
}

.modify-booking-modal .button {
	max-width: 100%;
	width: 200px;
}

.modify-booking-modal .modifybutton {
	/*background: #B6EFD1;
	color: #212529;
	border: 1px solid #B6EFD1;*/
}
	/*.modify-booking-modal .modifybutton:hover, .modify-booking-modal .modifybutton:focus {
		background: #5cb85c;
		color: #fff;
		border: 1px solid #5cb85c;
	}*/

.modify-booking-modal .cancelbutton {
	/*background: rgba(0,0,0,0);
	color: #333;
	border: 1px solid #333;*/
}
	/*.modify-booking-modal .cancelbutton:hover, .modify-booking-modal .cancelbutton:focus {
		background: #333;
		color: #fff;
	}*/

@media (max-width:767px) {
	/*.non-member-mmb .options-bar {
		text-align: center;
	}

	.non-member-mmb .mybookingtoolbarbtn {
		margin-bottom: 4px;
	}*/
}

@media (min-width:768px) {
	/*.non-member-mmb .options-bar .owsmmb-title {
		margin: 0;
	}

	.non-member-mmb .options-bar .options-bar-col:first-child {
		-ms-flex: 0 0 33.33333333333333%;
		flex: 0 0 33.33333333333333%;
		max-width: 33.33333333333333%;
	}

	.non-member-mmb .options-bar .options-bar-col:last-child {
		-ms-flex: 0 0 66.66666666666666%;
		flex: 0 0 66.66666666666666%;
		max-width: 66.66666666666666%;
	}

	.non-member-mmb .managetoolbar {
		float: right;
	}*/
}
