/* my-account */
body.accountdashboard {
	background: #fff url('/assets/img/wallpaper-london.jpg') no-repeat 50%;
	background-attachment: fixed;
}
body.accountdashboard .mask {
	position: fixed;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
}
.my-account .modal.in .modal-dialog {
	margin-top: 0;
	-webkit-transform: translate(0px, 50%);
	   -moz-transform: translate(0px, 50%);
			transform: translate(0px, 50%);
}
/*.my-account {
	position: relative;
	z-index: 10;
}*/
.my-account .my-account-menu-container {
	position: fixed;
	z-index: 15;
	right: 0;
	left: 0;
	background-color: #f5f5f5;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
			box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
			transition: all 0.25s ease;
}
.my-account .my-account-menu-toggle {
	display: none;
	padding: 8px 10px 5px;
	text-align: center;
	cursor: pointer;
}
.my-account.bookings .my-account-content {
	min-height: 470px;
}
.my-account h1 {
	font-size: 30px;
	color: #c0264c;
}
.my-account h1 span {
	display: block;
	margin-top: 5px;
}
.my-account h1 .btn {
	margin-top: 7px;
}
.my-account .breadcrumb {
	margin: 0 0 20px;
	padding: 3px 10px;
	font-size: 12px;
	color: #777;
	background-color: #f5f5f5;
	-webkit-border-radius: 0;	
	   -moz-border-radius: 0;	
			border-radius: 0;	
}
.my-account .my-account-menu {
	margin-bottom: 0;
}
.my-account .my-account-menu li {
	float: left;
	/*width: 10%;*/
}
.my-account .my-account-menu li a {
	position: relative;
	display: block;	
	margin-left: -1px;
	padding: 8px 15px 5px;
	font-size: 13px;
	color: #555;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
			transition: all 0.25s ease;
}
.my-account .my-account-menu li a:hover {
	background-color: #e8e8e8;
}
.my-account .my-account-menu li.active a,
.my-account .my-account-menu li.active a:hover,
.my-account .my-account-menu li.active a:focus {
	color: #fff;
    background-color: #c0264c;
}
.my-account .my-account-menu li a:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	background-color: #ccc;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
			transform: translateY(-50%);	
}
.my-account .my-account-menu li:last-of-type a:after {
	display: none;
}
.my-account .my-account-menu li.active a:before,
.my-account .my-account-menu li.active a:after {
	display: none;
}
.my-account.dashboard .my-account-menu-container {
	color: #fff;
	color: rgba(255,255,255,0.85);
	background-color: rgba(0,0,0,0.25);
}
.my-account.dashboard .my-account-menu-container.open,
.my-account.dashboard .my-account-menu-container:hover,
.my-account.dashboard .my-account-menu-container:focus {
	background-color: rgba(0,0,0,0.85);
}
.my-account.dashboard .my-account-menu li a {
	color: #fff;
	color: rgba(255,255,255,0.85);
}
.my-account.dashboard .my-account-menu li a:hover,
.my-account.dashboard .my-account-menu li a:focus {
	background-color: #e8e8e8;
	background-color: rgba(255,255,255,0.25);
}
.my-account.dashboard .my-account-menu-container:hover a:not(.dashboard-link) {
	color: #fff;
}
.my-account.dashboard .my-account-menu li.active a,
.my-account.dashboard .my-account-menu li.active a:hover,
.my-account.dashboard .my-account-menu li.active a:focus {
	color: #fff;
    background-color: transparent;
}
.my-account.dashboard .my-account-menu-container:hover .my-account-menu li.active a,
.my-account.dashboard .my-account-menu-container:hover .my-account-menu li.active a:hover,
.my-account.dashboard .my-account-menu-container:hover .my-account-menu li.active a:focus {
	font-weight: 400;
	color: #fff;
    background-color: #c0264c;
}
.my-account.dashboard .my-account-content {
	position: relative;
	z-index: 10;
	margin-top: 120px;
	font-size: 16px;
}
.my-account .dashboard-header .user {
	float: left;
	width: 190px;
	padding: 20px 15px; 
	text-align: center;
	background-color: rgba(0,0,0,0.25);
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
	-webkit-transition: all 0.25s ease 0s;
	   -moz-transition: all 0.25s ease 0s;
			transition: all 0.25s ease 0s;
}
.my-account .dashboard-header .user:hover {
	background-color: rgba(0,0,0,0.35);
}
.my-account .dashboard-header .user-img {
	width: 160px;
	height: 160px;
	margin: 0 auto 20px;
	border: 5px solid rgba(255,255,255,0.5);
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	background-color: #efefef;
	background-color: rgba(255,255,255,0.75);
	overflow: hidden;
}
.my-account .dashboard-header .user-name {
	font-weight: 700;
	font-size: 26px;
	color: #fff;
	text-shadow: 0 1px 0 #333;
}
.my-account .dashboard-content {
	margin-left: 220px;
	color: #fff;
}
.my-account .dashboard-content h1 {
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 34px;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.my-account .dashboard-content h2 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 24px;
	color: #efefef;
}
.my-account .dashboard-content .btn {
	display: inline-block;
	min-width: 200px;
	margin-top: 5px;
	font-size: 18px;
}
.my-account.dashboard .dashboard-content .btn.user-profile {
	display: none;
}
.my-account .my-account-box {
	margin-bottom: 20px;
	padding: 0 10px 10px;
	background-color: #f1f1f1;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.my-account .my-account-box h2 {
	margin: 0 -10px 10px; 
	padding: 5px 10px;
	font-size: 20px;
    background-color: #e8e8e8;
}
.my-account .my-account-box .buttons-container {
	margin-bottom: 20px;
}
.my-account .my-account-box .buttons-container .btn {
	float: left;
}
.my-account .my-account-box .buttons-container .btn + .btn {
	float: right;
}

.my-account form {
	margin-bottom: 20px;
	padding: 0 10px 10px;
	background-color: #fbfbfb;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	overflow: hidden;
}
.my-account .search-filter form {
	padding-top: 10px;
}
.my-account .search-filter form label {
	font-size: 20px;
}
.my-account .search-filter form label .fa {
	font-size: 18px;
}
.my-account .search-filter form .btn {
	min-width: 120px;
	margin-top: 34px;
}
.my-account label {
	font-weight: 400;
	color: #000;
}
/*.my-account .form-control,
.my-account .form-control.input-lg {
	height: 34px;
	padding: 3px 6px;
}
.my-account textarea.form-control.input-lg {
	height: auto;
}*/
.my-account .form-control.date {
	width: 120px;
	background: #fff url("../img/icons/icon-calendar-small.png") no-repeat right 50%;
}
.my-account .filter-title {
	margin: 22px 5px 0 0;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
}
.my-account form.filters {
	padding: 10px 10px 5px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.my-account form.filters [class*='col-'] {
	width: auto;
}
.my-account form.filters .buttons {
	margin: 25px 0 0 10px;
}
.my-account form.filters .buttons button {
	padding: 6px 10px;
	font-size: 14px;
}
.my-account form.filters .buttons a {
	position: relative;
	top: 2px;
	left: 5px;
}
.my-account form input[type='file'] {
	display: inline-block;
	width: 65%;
	padding: 8px 5px 8px 8px;
	font-size: 14px;
}
.my-account form #selectImage .btn {
	min-width: 135px;
	margin-top: 15px;
	margin-left: 11px;
}
.my-account form #selectImage label {
	display: block;
}
.my-account .checkbox-list .checkbox-item {
	position: relative;
	margin-bottom: 5px;
	padding: 3px 0;
	background-color: #f1f1f1;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
			transition: all 0.25s ease;
}
.my-account .checkbox-list .checkbox-item:hover,
.my-account .checkbox-list .checkbox-item:focus {
	background-color: #e8e8e8;
}
.my-account .checkbox-list .checkbox-item input {
	position: absolute;
	top: 5px;
	left: 5px;
	margin-top: 0;
}
.my-account .checkbox-list .checkbox-item label {
	display: block;
	margin-bottom: 0;
	padding-left: 23px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.my-account.edit table {
	background-color: transparent;
}
.my-account.edit table > tbody > tr > td {
	border: none;
}
.my-account.edit table tr td:first-of-type label {
	font-weight: 700;
}
.my-account.edit .btn-container {
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #ddd;
}
.my-account.edit .btn-container .btn {
	min-width: 120px;
}
.my-account.travel-policies.edit table > tbody > tr > td {
	min-width: 220px;
}

.my-account.profile h2 {
	margin: 0 -10px 10px; 
	padding: 5px 10px;
	font-size: 22px;
    background-color: #e8e8e8;
}
.my-account.profile h2 span {
	padding-top: 8px;
	font-size: 12px;
}
.my-account.profile .form-group.update-pass {
	margin-top: 20px;
}
.my-account.profile .form-group.update-profile {
	margin-top: 10px;
	margin-bottom: 10px;
}
.my-account.profile .my-account-file-input-container {
	padding: 0;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.my-account table {
	margin-bottom: 0;
	background-color: #fff;
}
.my-account table thead th {
	color: #fff;
	background-color: #888;
    vertical-align: top;
}
.my-account .table > tbody > tr > td,
.my-account .table > tfoot > tr > td {
	font-size: 12px;
}
.my-account.searches .table > tbody > tr > td,
.my-account.recently-viewed .table > tbody > tr > td,
.my-account.favorites .table > tbody > tr > td {
	vertical-align: middle;
}
.my-account table tbody td .label {
	display: inline-block;
	margin-bottom: 3px;
	font-size: 12px;
}
.my-account table tbody td small {
	margin-bottom: 3px;
	font-size: 11px;
	color: #777;
}
.my-account table tbody td strong {
	color: #666;
}
.my-account table td .btn {
	margin-top: 5px;
}
.my-account .table > tfoot > tr > td {
	background-color: #e8e8e8;
}
.my-account.favorites .accomodation {
	margin-bottom: 5px;
}
.my-account.favorites .accomodation .img-box {
	float: left;
	width: 37px;
	height: 37px;
	background: #f1f1f1 url('/assets/img/nophoto.png') no-repeat 50%;
	background-size: 16px;
}
.my-account.favorites .accomodation .img-box img {
	display: block;
	width: 100%;
	height: 100%;
}
.my-account.favorites .flight img {
	float: left;
}
.my-account.favorites .accomodation .text,
.my-account.favorites .flight .text {
	margin-left: 40px;
}

@media (max-width: 767px){
	.my-account .my-account-menu-toggle {
		display: block;
	}
	.my-account .my-account-menu {
		float: none;
		display: block;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all 0.25s ease;
		   -moz-transition: all 0.25s ease;
				transition: all 0.25s ease;
	}
	.my-account .my-account-menu.open {
		max-height: 270px;
		overflow-y: auto; 
	}
	.my-account .my-account-menu li a.dashboard-link {
		border-top: 1px solid #ccc;
	}
	.my-account.dashboard .my-account-menu li a.dashboard-link {
		border-top-color: #c0264c;
}
	.my-account .my-account-menu li {
		float: none;
		display: block;
		width: 100%;
	}
	.my-account .my-account-menu li a {
		display: block;
		padding: 5px 10px;
		font-size: 14px;
		color: #555;
		text-align: left;
	}
	.my-account.dashboard .my-account-content {
		margin-top: 20px;
		text-align: center;
	}
	.my-account.dashboard .dashboard-content h1 {
		margin-bottom: 50px;
	}
	.my-account.dashboard .dashboard-header {
		display: none;
	}
	.my-account .dashboard-header .user {
		float: none;
		margin: 0 auto 30px;
	}
	.my-account .dashboard-content {
		margin-left: 0;
	}
	.my-account.dashboard .dashboard-content .btn.user-profile {
		display: inline-block;
		margin-top: 15px;
		min-width: auto;
		padding: 5px 15px;
		font-size: 15px;
	}
	.my-account form.filters [class*="col-"] {
		width: 100%;
	}
	.my-account .form-control.date {
		width: 100%;
	}
	.my-account .search-filter form .btn {
		margin-top: 0;
	}
	.my-account.edit table,
	.my-account.edit table tbody,
	.my-account.edit table tbody tr,
	.my-account.edit table tbody tr td {
		display: block;
		width: 100%;
	}
	.my-account.edit table > tbody > tr > td {
		min-width: auto;
	}
	.my-account.edit table td {
		padding-top: 0;
		padding-bottom: 0;
		border: none;
	}
	.my-account.edit table tr td:first-of-type label {
		margin-top: 15px;
		margin-bottom: 0;
		font-size: 14px;
	}
}
@media (max-width: 540px){
	.my-account.dashboard .dashboard-content h1 {
		font-size: 24px;
	}
	.my-account.dashboard .dashboard-content h2 {
		margin-bottom: 30px;
		font-size: 20px;
	}
}
@media (max-width: 479px){
	.my-account form.filters .buttons {
		margin: 20px 0 0;
	}
	.my-account form.filters .buttons button {
		display: block;
		width: 100%;
	}
	.my-account .my-account-box .buttons-container {
		text-align: center
	}
	.my-account .my-account-box .buttons-container .btn {
		float: none;
		white-space: normal;
	}
	.my-account .my-account-box .buttons-container .btn + .btn {
		float: none;
		margin-top: 15px;
	}
}