/**
 * Booking Management
	- Content .ac-slide
	- Secure pages
	- My Keys
	- My Locations
 * -----------------------------------------------------------------------------
 */

.booking-form {
    padding: 1px 0 10px 105px !important;
    background: none repeat scroll 0 0 #D5EDF8;
}
.booking-form .row:last-child {
    padding-bottom: 0;
}
.ac-slide.booking {
    border-top:1px solid #81868a;
    border-bottom:1px solid #81868a;
}
.ac-slide.booking:last-child {
    border-top:none;
}
.ac-slide.booking.new {
    border-top:none;

}
.ac-slide.booking.new .content {
    border-top:1px solid #81868a;
}
.ac-slide.booking.new .heading {
    background: none repeat scroll 0 0 #D5EDF8;
}
.ac-slide.booking.new .heading time {
    visibility: hidden;
    height: 0px;
}
.ac-slide.booking.new .closer {
    cursor: pointer;
}
.ac-slide.booking .header.inactive {
    cursor: auto;
}

.booking-form input.cafe {
    padding-right: 30px !important;
}
.booking-form .submit input {
    margin-left: 10px;
}
.booking-form .note {
    color: #8E8E8E;
    font: 0.74em/1em 'MuseoSans-300',Arial,Helvetica,sans-serif;
    position: relative;
    top: -5px;
}
.ac-slide.booking .closer {
    position: absolute;
    top: 15px;
    right: 15px;
    text-transform: uppercase;
    color: #00A8E1;
    font:15px 'MuseoSans-500', Arial, Helvetica, sans-serif;
    display:none;
}
.ac-slide.booking .closer span{
    color: #393939;
}
.heading .label {
    position: absolute;
    top: 45px;
    right: 0px;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #FF9E19;
    min-width: 132px;
    text-align: center;
}

.ac-container .content {
    padding: 0;
}
.ac-slide .heading {
    background: none;
}
.ac-slide .heading:hover, .ac-slide.booking .heading.opened {
    background: none repeat scroll 0 0 #D5EDF8;
}

.booking-form .modal-map {
    position: absolute;
    top: 5px;
    right: 5px;
}

/**********
* My Keys page 
* My Locations page
****/

.my-locations { padding-bottom:50px; }

.my-keys .header.title,
.my-locations .header.title {
	margin: 0 auto;
	padding: 0 0 28px 0;
}

.my-guests #member-search {
	width: 224px;
	border: 1px solid #989898;
	margin-left: 10px;
	line-height: 20px;
}

.my-keys .header .title-icon.small-key,
.my-locations .header .title-icon.small-mapmarker{ margin:0; }

.my-keys .pagination, .my-keys .bulk  { display: none; }
.my-keys.show-pagination .pagination { display: block; margin-top: 20px; }
.my-keys.show-search .bulk { display: inline; margin-left: 10px; }

/* override btn.smalll */
.my-keys .header #add-key-button,
.my-locations .header #add-booking-btn,
.my-guests .header #add-guest-button{ padding:2px 20px !important; }

/* bottom ad */
.refer {
	margin: 20px auto;
	padding: 10px;
	min-height: 80px;
	min-width: 615px;
	width: auto;
	display: inline-block;
}

.refer h4.title-icon { /* uses share icon */
	line-height: 60px;
}

.refer h4.title-icon.share:before {
	height: 60px;
}

.refer > span a.btn {
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 20px;
}
	
/* no keys yet */	
.my-keys .grid-3.initial,
.my-locations .grid-3.initial {
background: #d5edf8; border-bottom: 1px solid #81868a;
}

.my-keys .no-key,
.my-locations .none {
	background: url(LrNYdyoBhRVKOCBPbQZIKvsPHHjTFRay4jHzJMGkY2A.jpg) no-repeat 90% 0;
	padding: 40px 0 50px;
}

.my-keys .no-key h2,
.my-keys .no-guest h2,
.my-locations .none h2 {
	padding: 0 0 20px 110px;
}

.my-keys #key-search {
	width: 224px;
	border: 1px solid #989898;
	margin-left: 10px;
	line-height: 20px;
}

.my-keys #key-search-progress {
    position: relative;
    left: -28px;
    top: 1px;
}

.my-keys #key-filter-container .dropdown {
	min-width: 120px;
	max-width: 224px;
}

.my-keys #key-filter-container .dropdown .trigger {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#new-key-slide .header {
	position: relative;
}

#add-key-button {
	position: absolute;
	top: 0;
	right: 0;
}

#new-key-slide .header h3,
#new-member-slide .header h3 {
	float: left;
}

#new-key-slide .header .dropdown, #new-member-slide .header .dropdown {
	float: left;
	margin-left: 20px;
}

#new-key-slide .header .btn,
#new-member-slide .header .btn {
	white-space: nowrap;
	font-size: 1.313rem;
}

#new-key-slide > .content {
	padding-bottom: 50px;
}

#new-key-slide > .content .switch-item {
	margin-top: 20px;
}

@media only screen and (max-width: 900px) {

	#new-key-slide .header h3,
	#new-member-slide .header h3 {
		float: none;
		margin-bottom: 15px;
	}

	.my-keys #key-filter-container .dropdown {
		margin-left: 0;
        margin-right: 5px;
		width: 182px;
	}

	.my-keys #key-search {
		margin-left: 0;
	}
}

.key .note {
color: #8e8e8e;
font: 14px 'MuseoSans-300',Arial,Helvetica,sans-serif;
text-align: center;
margin: 10px 0;
}
.booking-form .note {
padding:0 5px;
font: 0.74em/1em 'MuseoSans-300',Arial,Helvetica,sans-serif;
color: #8e8e8e; position: relative; top: 0;
}
.field.note2 {
font:14px 'MuseoSans-300',Arial,Helvetica,sans-serif;
color: #8e8e8e; text-align: left;
}
	.field.note2 .checkboxes input[type=checkbox] + label{
	font:14px 'MuseoSans-300',Arial,Helvetica,sans-serif !important;
	}

/* Booking form */
.key.ac-slide .content .heading,
.location.ac-slide .content .heading{ margin:0; padding:20px; }
.key.booking.ac-slide .booking-form,
.location.booking.ac-slide .booking-form{ padding: 1px 50px 50px !important; }
	.key.booking.ac-slide .booking-form h3,
	.location.booking.ac-slide .booking-form h3{ height:30px;  }
	.key.booking.ac-slide .booking-form .row{ margin:0 auto 8px; }
	.key.booking.ac-slide .booking-form .row .field{ margin: 0 auto; float:none; }
	.key.booking.ac-slide .booking-form .grid-1.left,
	.key.booking.ac-slide .booking-form .grid-1.right { width:48%; clear:none; }
    .key.booking.ac-slide .booking-form .grid-1.left > input[type=text],
	.key.booking.ac-slide .booking-form .grid-1.right > input[type=text] { width: 100%;  }
	.key.booking.ac-slide .booking-form .row .error{ margin:0 5px; line-height:20px; }
	


/* Booking details */
.key.onekey a.keylink,
.location.onekey a.keylink{ height:0; }

    .key.onekey h3, .location.onekey h3 {display:inline;}
    .key.onekey .topright, .location.onekey .topright{
        width:215px;
        float:right;
        vertical-align: top;
    }
    .key.onekey .topright{
        background:transparent url(Ah8UYLnDnxWprNdEPSkEtFLUfMyvu4TNSsUeALk5hOX.png) no-repeat 0px 3px;
        padding: 0 0 0 20px;
    }
    .location.onekey .topright{
        background:transparent url(Rjcn5Qg6lYpsTuUgtGqDimXBlad079HcTmP53kdrRPI.png) no-repeat 0px 2px;
        padding: 0 0 0 25px;
    }
    .key.onekey .meta {margin-top:10px; margin-left: 53px;}
    .location.onekey .meta {margin-top:10px; margin-left: 30px;}

	.location.onekey.ac-slide.booking { border-top: 0; }
	
	.key.onekey .editable,
	.location.onekey .editable, 
	.location.onekey .editcontent h3{ color:#07a7e0;  }
	
	.key.onekey .editable .edit-start,
	.location.onekey .editable .edit-start{ background-size:70%; height:22px; }
	
	/* onekey record form - .editcontent */
 	.location.onekey .editcontent .open-details{
	background: url(iORCGsEfgbAiXw68BujEa0ukmb7aehDAopOLb0ssnUp.png) no-repeat;
	background-size: 18px; display: inline-block;
	margin: 0 0 0 15px; width: 22px; height: 18px;
	} 
	.location.onekey .secure.booking-form{ padding-top:50px !important; }
 	.location.onekey .close-details{
	background:none; margin:-5px -12px 0 0;
	float:right; vertical-align: top; 
	border:0; font-size:15px; color:#07a7e0; 

	} 	
		.location.onekey .close-details span{ color:#3a3a3a; padding-left:5px; } 
		.location.onekey .close-details:hover{ color:#3a3a3a; }


.key.onekey h3 {display:inline;}
.key.onekey .location{
    width:215px;
    float:right;
    background:transparent url(Ah8UYLnDnxWprNdEPSkEtFLUfMyvu4TNSsUeALk5hOX.png) no-repeat 0px 3px;
    padding: 0 0 0 20px;
    vertical-align: top;
}
.key.onekey .meta{margin-top:10px;}

.key.ac-slide .heading,
.location.ac-slide .heading{ background: #d5edf8; margin:0; padding:0; }
	.key.ac-slide .heading .grid-3,
	.location.ac-slide .heading .grid-3{ padding:20px; cursor: pointer; }
	.key.ac-slide .heading .grid-3:hover,
	.location.ac-slide .heading .grid-3:hover { background: #b2e0f4; }

.key.ac-slide .details,
.location.ac-slide .details { margin:0; padding:0; list-style:none; }	
	.key.ac-slide .details > li,	
	.location.ac-slide .details > li{ padding:5px 0 5px 25px; display:inline-block; }	
	.location.ac-slide .editcontent form .details li{ min-width:259px; }		
	.location.ac-slide .editcontent form .details > li input{ padding: 0 5px; }	
	.key.ac-slide .details li.owner, 
	.location.ac-slide .details li.owner{ 
	background:transparent url(Dxxstoq3mpp2PGHdZqwvrvRp6vJ20EICHzExvu2TwxY.png) no-repeat 0 40%;
	min-width:335px;
	}	
		
	.key.ac-slide .details li.locate,
	.location.ac-slide .details li.locate{ 	
	background:transparent url(Ah8UYLnDnxWprNdEPSkEtFLUfMyvu4TNSsUeALk5hOX.png) no-repeat 0 40%;
	min-width:280px; 
	}		
	.key.ac-slide .details li.served, 	
	.location.ac-slide .details li.served{ 	
	background:transparent url(Rjcn5Qg6lYpsTuUgtGqDimXBlad079HcTmP53kdrRPI.png) no-repeat 0 40%;
	min-width:280px; 
	}		
	.key.ac-slide .details li.count,
	.location.ac-slide .details li.count{ 	
	background:transparent url(PmlcKoBPkxVX6sSc73MRNpb0yjhfO08Wu9hLiwEnsR4.png) no-repeat 0 40%;
	min-width:150px; 
	}

	/*if item has tooltip */
	.key.ac-slide .details .has-tooltip{
	margin:0; padding:5px 0 0 0; min-width:170px;
	vertical-align:top; display:inline-block;
	}
	.key.ac-slide .details .tooltip .count{
	background:transparent url(PmlcKoBPkxVX6sSc73MRNpb0yjhfO08Wu9hLiwEnsR4.png) no-repeat 0 40%;
	margin:0; padding:0 10px 0 0;
	min-width:20px; height:20px; float:left;
	}

	.key.ac-slide .details .tooltip .keyx{
	float:right; display:inline-block;
	font-size:16px; color: #3a3a3a;
	}
	
.key-form.form.secure .row > label{ 
padding-top:4px; width:145px; float: left; font-size:16px;  
line-height:18px; text-align:right;
}
/* radio button */
.key-form.form.secure .row.radio input[type=radio] + label{
 font-size:16px; 
 }
.key-form.form.secure .row.radio .radio-item{ padding-top:8px; }
.key-form.form.secure .row > .radio{ 
padding:0; width: 350px; float: right; clear:right; 
}
/* checkbox */
.key-form.form.secure .row .checkboxes{ 
margin-left:131px;
} 
.key-form.form.secure .row .checkboxes input[type=checkbox] + label{
 font-size:15px; 
 }
	.key-form.form.secure .has-tooltip .right-tooltip .popup{
	width:180px;
	}
	.key-form.form.secure .has-tooltip .bottom-tooltip{
	display:none !important;
	}
 
 /* dropdown */
.key-form.form.secure .dropdown { height:30px; }
.key-form.form.secure .dropdown .trigger { padding:2px 5px; color: #ccc;}
.key-form.form.secure .dropdown .trigger.selected {  color: #3a3a3a;} /* darken new trigger */


/* select */
.key-form.form.secure .fancy-select { color:#999; }
	.key-form.form.secure .fancy-select #keytype + .trigger + .options > li:first-child{ display:none; }
	.key-form.form.secure .fancy-select .options.open{ width: calc(100% - 2px) !important; }
	.key-form.form.secure .country .fancy-select { line-height:20px;}
	.key-form.form.secure .country .fancy-select .trigger { padding: 4px 0 4px 5px; }

.key-form .read-only {
    font-size: 14px
}
.key-form .read-only img {
    width: 41px; margin-bottom: -4px;
}

.key-form .modal-map {
    position: absolute;
    top: 5px;
    right: 86px;
}

/* New key area */
.my-keys .new-key,
.my-locations .new-key { float:right; display:block; }

/* My Locations */
	.my-locations .ezone{ clear:both; }
/* .my-locations .new-cafe-location{ clear:both; } */
	.my-locations .ezone > form{ margin:0 20px 70px; }
	.my-locations .ezone input[type=text]{ 
	margin-bottom: 5px; padding: 5px 10px;
	width:100%; box-sizing: border-box; 
	}
	.my-locations .ezone input.btn{ float:left; width:15%; margin:5px 0 0 12px; }

.new-cafe-location form section{ margin:0 0 20px 0;  }

/* new cafe locations form */
.new-cafe-location {
    width: auto !important;
}
.new-cafe-location section > h4{
margin-bottom:5px;
}
.new-cafe-location .can-edit span{ 
float:right; font-size:14px; color:#07a7e0;
line-height:34px; cursor:pointer;
}

/* .new-cafe-location form{ margin:0 auto;  width:350px;  }
	.new-cafe-location .phone-number input{ height:34px !important; }

	.new-cafe-location .checkboxes{ margin: 0 0 20px 0; }
	.new-cafe-location .checkboxes label{ width:219px; } */
	
	.new-cafe-location .add-form{ clear:both;}
	
	/* can-edit */
/* 	.new-cafe-location .half{ width:48% !important; } */
	.new-cafe-location .select .field.half + .error{ padding-top: 5px; }
	
	/* static fields */
	.new-cafe-location .booking-form .edit-form.disabled .row,
	.edit-form .row.select,
	.edit-form.disabled .row.select,
	.edit-form.disabled .row.phone-number{ margin:0 !important; }
	.edit-form .row.phone-number{ margin: 13px 0 !important; }
	.new-cafe-location .edit-form.disabled { margin-bottom:10px; }
	.edit-form.disabled input, 
	.edit-form.disabled input[type=tel],
	.edit-form.disabled .fancy-select .trigger, 
	.edit-form.disabled select	{
	background:#d5edf8 !important; border:0 !important; 
	margin:0 !important;  padding:0 !important; height:24px !important;
	color:#333 !important; box-shadow:none !important; text-shadow: 1px 0 0 #333;
	}		
		.edit-form.disabled .phone-number .plus{ margin-left:0 !important;  padding:0 !important; }	
		.edit-form.disabled .phone-number .plus + input[type=tel]{ 	width:20px !important; }	
		.edit-form.disabled .trigger{ cursor:initial; line-height: 24px !important; color:#333 !important; text-shadow: 1px 0 0 #333; } 
		.edit-form.disabled .trigger:after{ display:none; }
        .edit-form .trigger, .shipping-address .trigger { padding: 4px 10px; }
        .edit-form .trigger:after, .shipping-address .trigger:after { top: 22px; }
 	
	/* when disabled / static address form */
	.edit-form.disabled .half{ display:none;}
	.edit-form.disabled .full{ clear:both; }
	.edit-form.disabled .full span{ padding-right:5px; text-shadow: 1px 0 0 #333333; }
		
	.new-cafe-location .details ul{ margin:0; padding:0; list-style:none; }
	
	/* select time */
/* 	.new-cafe-location .select label{ 
	width:45px !important; line-height:24px !important;  
	height:34px !important; clear:both !important; float:left !important;
	}	
	.new-cafe-location .timer{ 
	margin: 0 0 10px 0; float: left !important; width: 300px !important;
	}	 */
		/* dropdown inside timer */
/* 		.new-cafe-location .timer .dropdown{
		width:125px; display:block; float:left;
		}
			.new-cafe-location .timer .dropdown .trigger{
			width:104px;  
			}
			.new-cafe-location .timer .dropdown .options{
			width:124px; 
			}
		.new-cafe-location .timer > span.to{
		margin:0 0 0 10px; width:25px !important; float:left;
		color:#333; font-size:16px; line-height: 32px; vertical-align: top; text-align:left;		
		}
    .new-cafe-location .terms {
        padding-bottom: 5px; font-size: 13px;
    } */
	
.new-cafe-location > .switch-item {
  margin-top: 20px;
}
	
@media only screen and (max-width:850px) {
.key-form.form.secure .has-tooltip .right-tooltip .popup{ width:150px; }
.my-locations .booking-form.secure.form{ padding:1px 20px 10px !important; }
.my-locations .grid-2{ margin:0 auto !important; float:none; clear:both; }

.new-cafe-location .form-location .add-form .select.row{ clear:both; margin:0;}
}
@media only screen and (max-width: 768px) {
.location.onekey .close-details {
margin: -5px 25px 0px 0px;
}
.my-locations .ezone input[type=text]{ width:100%;}
	.my-locations .ezone input.btn#zone-search{ 	float:left; }
	.my-locations .ezone input.btn#zone-select{  float:right; }
	/* select */
	.edit-form.disabled .select.row .fancy-select .trigger{ padding:0 !important; }
	.edit-form.disabled .phone-number .plus{ padding: 0 !important; }
	.edit-form.disabled .phone-number #mobile-number{ padding: 0 11px !important; }
		
/* .my-locations .grid-2 { width:600px !important; } */
	/* .my-locations .new-cafe-location h4 { text-align:left !important;  }	 */	
	.my-locations .new-cafe-location .can-edit .edit, 
	.my-locations .new-cafe-location .can-edit .done{line-height:19px !important; }
	.my-locations .new-cafe-location .edit-form.disabled .trigger{ padding:0 !important; }

.my-keys .title-icon.small-key,
.my-locations .title-icon.small-mapmarker{
line-height:30px; text-align:left; 
}	
	.key.ac-slide.new .heading.inactive,
	.location.ac-slide.new .heading.inactive{ padding-bottom:20px !important; }
		.key.ac-slide .heading.inactive .closer,
		.location.ac-slide .heading.inactive .closer{ padding-top:10px !important; }
		.key.ac-slide .booking-form h3,
		.location.ac-slide .booking-form h3{ height:30px; }
	
	/* Booking details */
	.key.onekey .editable form{ margin-bottom:10px;}
		.key.onekey .editable input[type=text]{  display:block; margin-bottom:5px; }
		.key.onekey .editable input[type=submit], 
		.key.onekey .editable button, 
		.key.onekey .editable a.retire{ display:inline-block;  }
		.key.onekey .editable a.retire{ margin-left:-30px;  }
	
	.key.ac-slide .heading { background: #d5edf8; margin:0; padding:0; }
		.key.ac-slide .heading .grid-3{ max-width: calc(100% - 43px) !important; }
		.key.ac-slide .details li{ padding:5px 0 5px 25px; display:block; }

	/* select */
	.key-form.form.secure .fancy-select ul.options.open{ width: calc(100% + 20px) !important; }
	
	 /* dropdown */
	.key-form.form.secure .dropdown { height:42px; }
	.key-form.form.secure .dropdown .trigger { padding:8px 22px; }
		
	/* select time */
	.new-cafe-location .select label{ display: block !important; }
	
	/* radio */
	.key-form.form.secure .row.for-radio > label,
	.key-form.form.secure .row > .radio{
	padding-left:10px !important; width:100% !important; display:block; text-align:left; 
	float:left !important; clear:both !important;
	}	
	
	/* checkbox */
	/* .key-form.form.secure .row .checkboxes,
	.new-cafe-location .checkboxes{ 
	margin:0 auto; padding:0; width:325px !important;
	float:left; display:block !important; 
	}
		.new-cafe-location .checkboxes{ margin-left: 22px; margin-bottom:20px; } */
	.key-form.form.secure .row .checkboxes label, 
	.new-cafe-location .checkboxes label{
	font-size:15px !important; display:block !important;
	}

    /*add new details */
	.new-cafe-location .form-location section h5{ font:16px MuseoSans-300, Arial, Helvetica, sans-serif; }
	.new-cafe-location .form-location .field input#mobile-number{ padding:0 11px; }

	/* tooltip swap */
		.key-form.form.secure .has-tooltip .right-tooltip{
		display:none !important;
		}	
		.key-form.form.secure .has-tooltip .bottom-tooltip{
		display:block !important; float:left; padding:2px 0 0 5px; 
		}	
			.key-form.form.secure .has-tooltip .bottom-tooltip .popup.bottom{
			left:-110px; 
			}	

    /* bottom ad */
	.refer {
		padding: 0;
		text-align: center;
		min-width: 100%;
	}
	
    .refer .title-icon.share:before{ margin:0 auto; height:70px; float:none; display: block; }
    .refer h4.title-icon{ margin:10px auto 0; float:none !important; line-height:22px; }
    .refer > span { float:none !important;  }
    .refer > span a.btn{ margin:15px auto; }

	/* no keys, no locations*/
	.my-keys .no-key,
	.my-keys .no-guest,
	.my-locations .none {
		background-position: 98% 10%;
		background-size: 20%;
		padding: 40px 0;
	}

	.my-keys .no-key h2,
	.my-keys .no-guest h2,
	.my-locations .none h2 {
		padding: 0 0 20px 20px;
	}

	/* button override */
	.my-keys .booking-form .btn { min-width: 240px !important; }
	
}/* end 768px */

@media only screen and (max-width:500px) {

	.my-keys .title-icon.key:before {
		background: none;
		width: 0;
	}

	.my-locations .booking-form.secure.form {
		padding: 1px 5px 10px !important;
	}

	.my-keys #key-filter-container .dropdown,
	.my-keys #key-search {
		margin: 15px 0 0 0;
	}

	.my-keys #key-filter-container .dropdown {
		width: 100%;
		max-width: none;		
	}

	.my-keys #key-search {
		width: 100%;
	}

.my-locations .header #add-booking-btn{ font-size:14px; padding:2px 5px !important; }

.my-locations .ezone > form { margin: 0px 0 70px; }
.new-cafe-location form{ width:100%; }
	.new-cafe-location form > section {
	margin: 0px 0px 30px !important; clear:both;
	}
/* .my-locations .ezone{ padding-bottom: 30px; } */
.my-locations .ezone input[type=text]{ width:100%;}
	.my-locations .ezone input.btn{ margin:0; height:32px; min-width:48% !important; }

	/* select */
	.edit-form .checkboxes{ height:40px;  }

	/* no keys yet */
	.my-keys .no-key,
	.my-keys .no-guest,
	.my-locations .none {
		background-position: 95% 5%;
		background-size: 20%;
		padding: 80px 0;
	}

	.my-keys .no-key h2,
	.my-keys .no-guest h2,
	.my-locations .none h2 {
		margin: 0 auto;
		padding: 0;
		text-align: center;
		font-size: 24px;
	}

	.my-keys .no-key h3,
	.my-keys .no-guest h3,
	.my-locations .none h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 18px;
	}

	/* button override */
	.my-keys .booking-form .btn,
	.my-keys .no-guest .btn,
	.my-locations .booking-form .btn {
		min-width: 100% !important;
	}

	/* Booking details */
	.key.onekey .editable form{ margin-bottom:3px;}
		.key.onekey .editable input[type=submit], 
		.key.onekey .editable button, 
		.key.onekey .editable a.retire{ min-width:50px;  }
		.key.onekey .editable a.retire{ margin-left:-90px; }	
	
/* checkbox */
.key-form.form.secure .row .checkboxes{ 
margin:0; padding:0; width:264px; 
float:left; display:block; 
} 
	.key-form.form.secure .row .checkboxes label{ 
	font-size:12px !important; display:block; 
	}
/* .new-cafe-location .checkboxes{ 
margin-left:0 !important; width:310px !important; 
}
	.new-cafe-location .checkboxes label{ margin-left:0 !important; float:left !important; width:250px; }
	.new-cafe-location .checkboxes label > span { margin-left:-10px !important; float:left !important; } */
	
	.key-form.form.secure .has-tooltip .bottom-tooltip .popup.bottom{
	left:-80px;  width:150px;
	}	
	/* select */
	.key-form.form.secure .fancy-select ul.options.open{ width: calc(100% + 21px) !important; }
	
	 /* dropdown */
	.key-form.form.secure .dropdown { height:42px; }
	.key-form.form.secure .dropdown .trigger { padding:8px 12px; }
	
	/* select time */
/* 	.new-cafe-location .select.row.sched .timer{ 
	width:395px !important;
	}
	.new-cafe-location .select label{ width:40px !important;	}
		.new-cafe-location .timer .fancy-select .options.overflowing.open{ 
		bottom:35px !important;
		} */
	/* dropdown inside timer */
/* 	.new-cafe-location .timer .dropdown{ width:180px; }
		.new-cafe-location .timer .dropdown .trigger{ width:158px; }
		.new-cafe-location .timer .dropdown .options{ width:178px; } */
}/* end 500px */

@media only screen and (max-width:400px){
/* Booking form */
.location.booking.ac-slide .booking-form{ padding:1px 25px 50px !important; }
}

@media only screen and (max-width:360px){
	/* select time */
/* 	.new-cafe-location .select.row.sched .timer{ 
	width:275px !important;
	} */
	/* dropdown inside timer */
/* 	.new-cafe-location .timer .dropdown{ width:120px; }
		.new-cafe-location .timer .dropdown .trigger{ width:98px; }
		.new-cafe-location .timer .dropdown .options{ width:118px; } */
}

@media only screen and (max-width:340px){
.location.onekey .close-details {
margin: 0;
position: absolute; top: 5px;
right: 0; font-size: 12px;
}
/* Booking form */
.key.booking.ac-slide .booking-form { padding: 1px 10px 10px !important; }
.location.booking.ac-slide .booking-form{ padding:1px 15px 50px !important; }
}

/* no keys yet */
.my-keys .no-key,
.my-keys .no-guest,
.my-locations .no-key {
	padding: 50px 0;
}

	/* .my-locations override */
	.title-icon.small-mapmarker:before {
	background: url('mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png') no-repeat scroll -15px -1562px transparent;
	width:20px;
	}

.key.onekey .editable { width:253px; font-size:18px; }
	.key.onekey .editable .view{ padding:0; }
	.key.onekey .editable .edit-start{ font-size:18px;  }
	.key.onekey .editable a.retire	{ 
	margin:0; float: right; position: relative; top: -22px; right: 30px;
	}	
.key-form.form.secure .checkboxes label {
float:left; line-height: 15px; width:190px;
}
	.key-form.form.secure .checkboxes label  span{ 
	margin:0 0 0 -10px !important;  float:left; 
	}
.key-form.form.secure .has-tooltip .bottom-tooltip{ 
float:right; top:-30px; right:70px; 
}
	.key-form.form.secure .has-tooltip .bottom-tooltip .popup.bottom{
	left:-100px; width:150px;
	}	
/* select */
.key-form.form.secure .fancy-select ul.options.open{ width: calc(100% + 21px) !important; }

	/* select time */
	/* .new-cafe-location .select label{ 
	width:100% !important; display:block;
	}	 */

	/* select time */
	/* .new-cafe-location .select.row.sched .timer{ 
	width:280px !important;
	} */
/* 	.new-cafe-location .timer > span.to {
    margin: 5px 0px 0px 10px;
	} */
	/* dropdown inside timer */
	/* .new-cafe-location .timer .dropdown{ width:122px !important; }
		.new-cafe-location .timer .dropdown .trigger{ width:101px !important; }
		.new-cafe-location .timer .dropdown .options{ width:121px !important; } */
		
/* checkboxes */
/* .new-cafe-location .checkboxes{ 
width:280px !important; 
} */
/* end 320px */

.retire {
    font:0.65em 'MuseoSans-300', Arial, Helvetica, sans-serif;
    color: #AAAAAA;
    margin: 0 10px;
    cursor: pointer;
}

.bookings-group {
    overflow: hidden;
    border-top: 1px solid #81868A;
    margin-bottom: 40px;
}
.bookings-group .heading {
    padding: 20px;
}
.bookings-group .ac-slide.booking.new .heading time {
    visibility: visible;
    height: 56px;
}
.bookings-group .ac-slide.booking.new .content {
    border-top: none;
}

@media only screen and (max-width:305px) {
	
	.my-keys .header #add-key-button {
		height: 30px;
		line-height: 30px;
		text-align: left;
		font-size: 10px;
		padding: 2px 10px !important;
	}
}

#add-guest-complete li {
    margin-top: 20px;
}