MasterClass/resources/styles/backoffice/contact_email.css

/* PROFILE PAGE */
.profile-table tr{
	border-bottom : 1px solid #E4E6E9;
	padding-bottom : 10px;
}

.profile-table td{	
	padding: 15px 0px;
}

/* Containers ----------------------------------------------------------------- */
.profile-box {
	margin-top: 50px;
	padding-top: 50px;
}

.form-row {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	border-bottom : 1px solid #E4E6E9;
}




#preference-options {
  display: none;
}

/* Labels --------------------------------------------------------------------- */
.profile-label {
	padding: 0px;
	line-height: 42px;
	margin-bottom: 0px;
}

/* Text ----------------------------------------------------------------------- */
#location, #mail,
#email, #telephone,
#mobile, #preferences {
	padding: 0px;
	line-height: 42px;
	margin-bottom: 0px;
}


#location-btn, #mail-btn, #telephone-btn, #mobile-btn, #preferences-btn, #preferences-container {
	float:right;
}

/* Buttons ------------------------------------------------------------------------------------- */
.btn-default-style {
	font-size: 20px;
	background-color: #2E3942;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0px;	
	border-radius: 0px;
	white-space: normal;
}

.btn-default-style:hover {
	color: #fff;
	background-color: #129AF0;
	border-color: #129AF0;
}

.btn-default-style2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 26px;	
	border-radius: 0px;
	white-space: normal;
	border: 2px solid #2E3942;	
	background-color: #fff;
	color: #2E3942;
}

.btn-book, .btn-wait {	
	background-color: #2E3942;
	border-color: #2E3942;
}

.btn-book:hover, .btn-wait:hover {
	color: #fff;
	background-color: #129AF0;
	border-color: #129AF0;
}

.btn-book:disabled:hover, .btn-wait:disabled:hover {
	color: #fff;
	background-color: #129AF0;
	border-color: #129AF0;
}

.btn-full {
	color: #fff;
	background-color: #8B9299;
	border-color: #8B9299;
}

.btn-full:disabled:hover {
	color: #fff;
	background-color: #8B9299;
	border-color: #8B9299;
}

.btn-cancel {
	line-height: 26px;
}

.btn-cancel, .btn-wait-cancel, .btn-wait-cancel2 {
	border: 2px solid;
	border-color: #2E3942;
	background-color: #fff;
	color: #2E3942;
}

.btn-cancel:hover, .btn-wait-cancel:hover, .btn-default-style2:hover {
	background-color: #fff;
	border-color: #129AF0;
	color: #129AF0;
}

.btn-cancel:disabled, .btn-wait-cancel:disabled {
	background-color: #fff;
	border-color: #129AF0;
	color: #129AF0;
}

.btn-default-style:focus {
	color : #fff;
}

.btn-book:focus, .btn-wait:focus {
	color: #fff;
	background-color: #129AF0;	
}

.btn-cancel:focus {
	background-color: #fff;
	border-color: #129AF0;
	color: #129AF0;
}

.btn-filter-mobile {
	background-color: #F5F8F9;
	border: 1px solid #8B9299;
	vertical-align: middle;
}

.btn-filter-mobile:focus {
	text-decoration: none;
}

.btn-circle {
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 4px 0;
	font-size: 9px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
}

.btn-preference-ok {
	background-color: #6FAA12;
	border-color: #6FAA12;
}

.btn-preference-cancel {
	background-color: #D50304;
	border-color: #D50304;
}

.btn-preference-ok, .btn-preference-cancel {
	width: 58px;
	height: 42px;
	color: #fff;
	border-radius: 0px;
}

.btn-preference-ok:hover, .btn-preference-cancel:hover {
	background-color: #219ff0;
	color: #fff;
}


/*------------------------------------- MEDIA QUERIES ----------------------------------------------- */

@media (max-width: 480px){
		button#location-btn{
		float:none !important;
	}
	#location-container, #mail-container, #telephone-container, #mobile-container{
		margin:0;
		width: 100%;
	}

	.preference-col{
		padding: 0;
	}

	#location-btn, #mail-btn, #telephone-btn, #mobile-btn, #preferences-btn, #preferences-container {
		float:left;
	}
	
	#preferences-container{
		width: 100%;
	}
	.form-row {
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 15px;
		border-bottom : 1px solid #E4E6E9;
	}
	.profile-label {
		padding: 0px;
		line-height: 21px;
		margin-bottom: 0px;
	}

	
	#location, #mail,
	#email, #telephone,
	#mobile, #preferences {
		padding: 0px;
		line-height: 21px;
		margin-bottom: 0px;
	}

	

	.msg-box {
		color: #6FAA12;
		float: right;
		text-align: right;
		line-height: 22px;
		padding-right: 0px;
	}

	.msg-box button{
	  float: right;
	}

	legend {
	    border-bottom: none;
	}

	#preferences {
	    padding: 0px;
	    line-height: 21px;
	    margin-bottom: 0px;
	    margin-top: 20px;
	}
}


@media (min-width: 992px) {
	

	#location, #mail,
	#email, #telephone,
	#mobile, #preferences {
		padding: 0px;
		line-height: 42px;
		margin-bottom: 0px;
	}
	.profile-label {
		padding: 0px;
		line-height: 42px;
		margin-bottom: 0px;
	}
}