MasterClass/resources/styles/frontoffice/my_account.css

/* PROFILE PAGE */
/*.cover-header-image{*/
	/*display: none;*/
/*}*/
@font-face {
    font-family: TheAntiquaB;
    src: url(../fonts/TheAntiquaB-C2sOT/TheAntiquaB-W7Bold.otf);
}

.mc-block-title {
    font-family: TheAntiquaB;
    font-weight: 500;
    border-bottom: 1px solid #E2E4E9;
    padding-bottom: 8px;
	max-width: 800px;
	margin: 32px auto;
}
.mon-compte {
	max-width: 700px;
	margin: 0 auto 50px auto;
}
.mon-compte .row {
	margin-top: 16px;
  align-items: center;
	padding-bottom: 16px;
}
label {
	color: grey;
	font-size: 14px;
}
select {
	padding-left: 7px;
}
.selectdiv {
    position: relative;
}
  
select:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.selectdiv:after {
    content: '>';
    font: 17px "Consola";
    -webkit-transform: rotate(
90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(
90deg);
    right: 4px;
    top: 4px;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #999;
    position: absolute;
    pointer-events: none;
    width: 20px;
    color: #999;
}
  
.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    margin: 5px 0px;
    font-size: 16px;
    line-height: 1.75;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
  }
.mon-compte select:disabled,
.mon-compte input:disabled {
    background-color: white!important;
    opacity: 1;
    border: 0;
    cursor: default!important;
	font-weight: 600;
}

.mon-compte select:disabled ~ .selectdiv:after {
	content: 'HELOO'!important;
}
/* .contact-header-label{
	background-color: #ffffff;
	text-align: center;
	font-family: TheAntiquaB-W6Bold;
} */
.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;
	/*font-weight: bold;*/
}

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


#civility-btn,
#first_name-btn,
#last_name-btn,
#birthday-btn,
#address-btn,
#additional_address-btn,
#country-btn,
#postal_code-btn,
#city-btn,
#phone-btn, 
#mobile-btn, 
#preferences-btn, 

#civility-container,
#first_name-container,
#last_name-container,
#birthday-container,
#address-container,
#additional_address-container,
#country-container,
#postal_code-container,
#city-container,
#phone-container, 
#mobile-container, 
#preferences-container, 

#preferences-container, img {
	/*float:right;*/
	width: 25px;
}

.help-block{
	color: #a94442;
}

.has-error{
	border-color: #a94442;
}

.btn-default-style:focus{box-shadow: none!important;}

.btn-preference-ok:focus{box-shadow: none!important;}

.btn-preference-cancel:focus{box-shadow: none!important;}

/* #civility, #first_name, #last_name, #birthday, #address, #additional_address, #country, #postal_code {line-height: 2.6rem; font-weight: normal; color: #222548;}
#city, #email, #mobile {color: #222548;} */
.first-letter {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.help-block {
	font-size: 12px;
	position: absolute;
	top: 8px;
	right: 8px;
	line-height: 20px;
}
.last-row{
	border-bottom : none;
}

#pen_icon{
	width: 25px;
}

.enregistrer{
	width: 74px !important;
}

.alertMsg{
	/*padding-top: 10px;*/
	/*display: inline-block;*/
	width: 50% !important;
	color: green;
	float: right;
	font-size: small;
	text-align: right;
}

#birthday-text, #city-text, #mobile-text{
	/*width: 36%;*/
	/* margin: 0px; */
	float: left;
}

#birthday-text{
	width: 36%;
}

.msg-box{
	float: right;
	line-height: 2.6rem;
}
/*------------------------------------- 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;
		padding-top: 10px;
	}

	.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;
	}
}