/*
 * User pages, e.g. Login, My Account, etc.
 * Body class set by context rule.
 */

/*
 * User.css file completely rewritten to support betterlogin module (https://www.drupal.org/project/betterlogin)
 * for improved, simplified user experience.
 *
 * Template files stored in theme directory /templates/betterlogin:
 *   - page--user-login.tpl.php
 *   - page--user-password.tpl.php
 *   - page--user-register.tpl.php
 *   - page--user-reset.tpl.php
 *
 * Alistair Martin
 * November 2018
 */



/*
 * This is a temporary CSS override
 * Remove / edit the context rule instead
 */

body.page-layout-user {
	background-color: #fff !important;
	background-image: inherit !important;
}



#auth_box {
    font-family: "Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: center;
	width: 360px;
	margin-bottom: 90px;
	padding: 40px 0 0 0;
	margin: 0 auto;
}

#auth_box.register {
	width: 480px;
}

@media only screen and (max-width: 389px) {
	#auth_box {
		width: 310px;
	}
}

@media only screen and (max-width: 499px) {
	#auth_box.register {
		width: inherit;
		margin: 0 10px;
	}
	#auth_box #middle_part {
		padding: 30px 15px 10px 15px;
	}
}

#auth_box #top_part {
	margin-bottom: 30px;
}

#auth_box #top_part a {
	outline: none;
}

#auth_box #the_logo img {
	width: 200px;
	height: auto;
	outline: none;
	margin: 0 auto;
}

#auth_box #middle_part {
	background-color: #e0e0e0;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	box-shadow: inherit;
	padding: 30px 30px 10px 30px;
}

#auth_box #middle_part h1,
#auth_box #middle_part h2 {
	font-family: "ff-cocon-web-pro","Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 26px;
    line-height: 30px;
}

#auth_box #middle_part #block-system-main {
    margin-bottom: 30px;
}

#auth_box #bottom_part {
	background-color: #f0f0f0;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
	padding: 20px 30px;
}

#auth_box #bottom_part a {
	color: #333;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
}

#auth_box #bottom_part a:hover,
#auth_box #bottom_part a:focus {
	color: #333;
	text-decoration: underline;
}


/* Inputs */

#auth_box .form-item,
#auth_box .field-wrapper {
	display: block;
    margin-bottom: 20px;
}

#auth_box label {
    margin-bottom: 4px;
}

#auth_box input[type="text"],
#auth_box input[type="password"] {
    width: 100%;
    border: 1px #000 solid;
    border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    height: 44px;
    margin: 0 auto;

}

#auth_box input[type="text"]:focus,
#auth_box input[type="password"]:focus {
    border: 1px #fbb040 solid;
}

.form-item-persistent-login {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#auth_box .field-wrapper.field-wrapper-name {
	margin-bottom: 0;
}

#auth_box .control-group .help-inline, .help-block {
    margin: -14px 0 12px 0;
}



/* Icons */

#auth_box .fa,
#auth_box .far,
#auth_box .fas {
    font-family: "Font Awesome 5 Free" !important;
}

#auth_box #bottom_part i {
	color: #333;
	font-size: 14px;
	line-height: 14px;
	margin-right: 5px;
}



/*
 * Messages
 *
 * A slight modification is needed for system messages so they
 * fit within the width of the narrower login boxes etc.
 */

#auth_box .alert ul {
	text-align: left;
	padding: 0;
	margin-left: 10px;
	font-size: 15px;
	line-height: 17px;
}



/*
 * User profile screens
 * ====================
 *
 * Remove FIRST option - "Home"
 * This already exist as option on the other menu bar so can be removed to make the user nav less cluttered
 */

body.page-user ul.nav-tabs li:first-of-type {
	display: none;
}



/*
 * Centre align user nav menu
 */

body.page-user h1.page-header {
	text-align: center;
}



/*
 * Style user nav menu
 */

body.page-user ul.nav-tabs {
	border-bottom: inherit;
	text-align: center;
	margin-left: 120px;
	margin-right: 120px;
	margin-bottom: 0;
}

body.page-user ul.nav-tabs li {
	display: inline-block;
	float: none;
}

body.page-user ul.nav-tabs li a {
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}

body.page-user ul.nav-tabs li.active a {
	background-color: #f0f0f0;
}

body.page-user ul.nav-tabs li.active a:hover {
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background-color: #f0f0f0;
}



/*
 * Page backgrounds
 */

body.page-user.logged-in .region-content {
	background-color: #f0f0f0;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 30px;
	margin-left: 120px;
	margin-right: 120px;
	margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
	body.page-user.logged-in .region-content {
			padding: 30px 15px 30px 15px;
	}
}


@media only screen and (max-width: 991px) {
	body.page-user ul.nav-tabs,
	body.page-user.logged-in .region-content {
		margin-left: 0;
		margin-right: 0;
	}
}


body.page-user-password.logged-in .region-content {
	background-color: inherit;
	padding: inherit;
	margin-left: inherit;
	margin-right: inherit;
	margin-bottom: inherit;
}



/*
 * User profile - VIEW
 */

body.page-user .user-profile .col-sm-12 > div {
	margin-top: 30px;
}

body.page-user .user-profile .col-sm-12 > div .field-label {
	display: inline-block;
}

body.page-user .user-profile .col-sm-12 > div .field-items {
	position: relative;
	left: 25px;
}

body.page-user .user-profile .col-sm-12 > div:before,
body.page-user form#user-profile-form .ui-accordion-content > div:before {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 400;
	display: inline-block;
	margin-right: 10px;
	width: 15px;
}

body.page-user form#user-profile-form .ui-accordion-content > div:before {
	position: relative;
	top: 18px;
}

body.page-user .field-name-field-care-name:before			{content: "\F007";}
body.page-user .field-name-field-membership-number:before	{content: "\F2C2";}
body.page-user .field-name-field-care-addresses:before		{content: "\F2BC";}
body.page-user .field-name-field-care-emails:before			{content: "\F0E0";}
body.page-user .field-name-field-care-telephones:before		{content: "\F095";}
body.page-user .field-name-field-care-dob:before			{content: "\F1FD";}
body.page-user .field-name-og-user-node:before				{content: "\F0C0";}
body.page-user .field-name-field-type-of-cycling:before		{content: "\F206";}
body.page-user .field-name-my-content:before				{content: "\F0C5";}

body.page-user.page-user-register .field-name-field-care-name:before			{content: none;}
body.page-user.page-user-register .field-name-field-membership-number:before	{content: none;}
body.page-user.page-user-register .field-name-field-care-addresses:before		{content: none;}
body.page-user.page-user-register .field-name-field-care-emails:before			{content: none;}
body.page-user.page-user-register .field-name-field-care-telephones:before		{content: none;}
body.page-user.page-user-register .field-name-field-care-dob:before				{content: none;}
body.page-user.page-user-register .field-name-og-user-node:before				{content: none;}
body.page-user.page-user-register .field-name-field-type-of-cycling:before		{content: none;}
body.page-user.page-user-register .field-name-my-content:before					{content: none;}

form#user-profile-form #edit-field-care-telephones.field-name-field-care-telephones:before {
	display: none;
}

form#user-profile-form #edit-field-care-telephones table thead label:before {
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 400;
	display: inline-block;
	margin-right: 10px;
	width: 15px;
	content: "\F095";
}

body.page-user.page-user-register .help-block {
    margin: -10px 0 12px 0;
}



/* Fix password layout using LoginTobaggan */
body.page-user.page-user-register #edit-account--2 .form-item {
	width: 100%;
	left: 0;
}

body.page-user.page-user-register #edit-account--2 .help-block {
	display: contents;	
}

body.page-user.page-user-register .help-block {
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}


/* Exceptions to field layout and positioning on VIEW screen */
body.page-user .user-profile .col-sm-12 > div.field-name-field-profile-picture,
body.page-user .user-profile .col-sm-12 > div.field-name-field-memberships {
	margin-top: 0;
}

body.page-user .user-profile .col-sm-12 > div.field-name-field-profile-picture .field-items {
	left: 0;
}



/* Format user profile image */
body.page-user .user-profile .field-name-field-profile-picture img {
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	margin: 0 auto;
}

/* Limit size of group membership field if member of more than 5 or so groups */
body.page-user .field-name-og-user-node .field-items {
	max-height: 158px;
	overflow: scroll;
}



/*
 * User profile - CHANGE PASSWORD
 */

body.page-user .help-block {
    margin: 12px 0 12px 0;
}

body.page-user .form-item-current-pass input,
body.page-user #change-pwd-page-form .form-item-pass-pass1,
body.page-user #change-pwd-page-form .form-item-pass-pass2 {
	width: 260px;
}


body.page-user #change-pwd-page-form .form-item-current-pass label,
body.page-user #change-pwd-page-form .form-item-pass:before {
	font-family: "ff-cocon-web-pro","Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: 200;
}

body.page-user #change-pwd-page-form .form-item-pass:before {
	content: 'New password';
	display: block;
	margin-bottom: 12px;
}

body.page-user #change-pwd-page-form .form-item-pass > label {
	display: none;
}


/*
 * Progress bar and helper tweaks
 */

.has-feedback label ~ .form-control-feedback {
    top: 38px;
}

.form-type-password-confirm .form-control-feedback {
    right: 16px;
}

body.page-user .form-type-password-confirm .progress {
    background-color: #e0e0e0;
	border-radius: 2.5px;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 5px;
    margin: 10px 0 0;
}

body.page-user #change-pwd-page-form .label,
body.page-user #change-pwd-page-form .label-warning {
    background-color: #dab200;
}

body.page-user .form-type-password-confirm .progress-bar {
    background-color: #dab200;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

body.page-user .form-type-password-confirm .password-help {
    border-left: 1px solid #e0e0e0;
    padding-left: 20px;
}

@media only screen and (max-width: 767px) {
	body.page-user .form-type-password-confirm .password-help {
		border-left: inherit;
		padding: 0 20px;
	}
}


/*
 * User profile - EDIT
 */

form#user-profile-form .ui-accordion .ui-accordion-header {
    font-size: 20px;
    line-height: 20px;
}

form#user-profile-form .form-item-field-profile-picture-und-0 > label,
form#user-profile-form .form-item-field-type-of-cycling-und > label,
form#user-profile-form .form-wrapper legend {
	font-family: "ff-cocon-web-pro","Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 200;
}

form#user-profile-form  .ui-accordion-content {
    padding: 15px 20px 0px 20px;
}

@media only screen and (max-width: 767px) {
	form#user-profile-form  .ui-accordion-content {
	    padding: 15px 0px 0px 0px;
	}
}

form#user-profile-form .group-accordian > div > div {
	background-color: #f8f8f8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 8px 30px 20px 30px;
	margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	form#user-profile-form .group-accordian > div > div {
		padding: 8px 15px 20px 15px;
	}
	form#user-profile-form .ui-accordion .ui-accordion-icons {
		padding: 10px;
	}
}


form#user-profile-form .form-wrapper legend {
	position: relative;
	top: -2px;
	right: -25px;
	color: #000;
	width: 250px;
}



/* Profile picture */

form#user-profile-form .form-item-field-profile-picture-und-0 {
	margin-top: 12px;
}



/* Type of cycling */

form#user-profile-form .field-name-field-type-of-cycling > div > label {
	position: relative;
	left: 30px;
	top: -3px;
}

form#user-profile-form .field-name-field-type-of-cycling span.checkbox {
	display: none;
}


/* Name */

form#user-profile-form #field-care-name-add-more-wrapper .fieldset-wrapper > div {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

form#user-profile-form select#edit-field-care-name-und-0-title {
	width: 120px;
}

form#user-profile-form input#edit-field-care-name-und-0-forenames,
form#user-profile-form input#edit-field-care-name-und-0-surname {
	width: 295px;
}

@media only screen and (min-width : 768px) and (max-width : 1199px) {
	form#user-profile-form input#edit-field-care-name-und-0-forenames,
	form#user-profile-form input#edit-field-care-name-und-0-surname {
		width: 195px;
	}
}

@media only screen and (max-width : 550px) {
	form#user-profile-form .form-item-field-care-name-und-0-forenames,
	form#user-profile-form .form-item-field-care-name-und-0-surname,
	form#user-profile-form input#edit-field-care-name-und-0-forenames,
	form#user-profile-form input#edit-field-care-name-und-0-surname {
		width: 100%;
	}
}


/* Address */

form#user-profile-form #edit-field-care-addresses .fieldset-wrapper label.control-label {
	display: inline-block;
	width: 140px;
}


form#user-profile-form #edit-field-care-addresses .fieldset-wrapper select,
form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input {
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper label.control-label,
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper select,
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input {
		display: block;
	}
	form#user-profile-form #edit-field-care-addresses #postcodeanywhere-address-list label,
	form#user-profile-form #edit-field-care-addresses #postcodeanywhere-address-list input {
		display: inline-flex;
	}
}

form#user-profile-form #edit-field-care-addresses .fieldset-wrapper select,
form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input.form-text {
	width: 396px;
}

@media only screen and (max-width : 550px) {
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper select,
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input.form-text {
		width: 100%;
	}
}

form#user-profile-form #edit-field-care-addresses .form-group {
	margin-bottom: 10px;
}

form#user-profile-form #edit-field-care-addresses .fieldset-wrapper select#edit-field-care-addresses-und-0-country-code,
form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input#edit-field-care-addresses-und-0-postcode {
	width: 198px;
}

@media only screen and (max-width: 767px) {
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper label {
		margin-bottom: 6px;
	}
}



/* Postcode lookup */

form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input#edit-field-care-addresses-und-0-postcode-lookup {
	width: 198px;
	margin-right: 10px;
	margin-bottom: 10px;
}

form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input#postcodeanywhere-lookup-button {
    margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input#edit-field-care-addresses-und-0-postcode-lookup,
	form#user-profile-form #edit-field-care-addresses .fieldset-wrapper input#postcodeanywhere-lookup-button {
	    margin-bottom: 10px;
	}
}

form#user-profile-form #postcodeanywhere-address-list label {
	max-width: 88%;
}



/* Emails */

form#user-profile-form #edit-field-care-emails .fieldset-wrapper label.control-label {
	display: inline-block;
	width: 140px;
}

form#user-profile-form #edit-field-care-emails .fieldset-wrapper input {
	display: inline-block;
}

form#user-profile-form #edit-field-care-emails .fieldset-wrapper input.form-text {
	width: 396px;
}

@media only screen and (max-width : 550px) {
	form#user-profile-form #edit-field-care-emails .fieldset-wrapper input.form-text {
		width: 100%;
	}
}

form#user-profile-form #edit-field-care-emails .form-group {
	margin-bottom: 10px;
}

form#user-profile-form #edit-field-care-emails .carenumber {
	margin-top: 10px;
	margin-left: 140px;
}

@media only screen and (max-width : 630px) {
	form#user-profile-form #edit-field-care-emails .carenumber {
		margin-left: inherit;
	}
}



/* Telephone numbers */

form#user-profile-form #edit-field-care-telephones .tabledrag-toggle-weight-wrapper a {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
}

form#user-profile-form #edit-field-care-telephones table {
	margin-top: 0;
	margin-bottom: 0;
}

form#user-profile-form #edit-field-care-telephones table thead {
	background-color: inherit;
	font-family: "ff-cocon-web-pro","Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 200;
}

form#user-profile-form #edit-field-care-telephones table thead tr th {
	padding: 0;
	margin: 0;
}

form#user-profile-form #edit-field-care-telephones table tbody {
    border: inherit;
}

form#user-profile-form #edit-field-care-telephones table tbody tr th,
form#user-profile-form #edit-field-care-telephones table tfoot tr th,
form#user-profile-form #edit-field-care-telephones table tbody tr td,
form#user-profile-form #edit-field-care-telephones table tfoot tr td {
	padding: 4px;
    border-top: inherit;
    border-left: inherit;
}

form#user-profile-form #edit-field-care-telephones table > tbody > tr:nth-of-type(2n),
form#user-profile-form #edit-field-care-telephones table > tbody > tr:nth-of-type(2n+1),
form#user-profile-form #edit-field-care-telephones table > tbody > tr:nth-of-type(2n):hover,
form#user-profile-form #edit-field-care-telephones table > tbody > tr:nth-of-type(2n+1):hover {
	background-color: inherit;
}

form#user-profile-form #edit-field-care-telephones .fieldset-wrapper > div {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

form#user-profile-form #edit-field-care-telephones .fieldset-wrapper > div label {
	display: block;
	margin-bottom: 5px;
}

form#user-profile-form #edit-field-care-telephones .fieldset-wrapper .form-type-select select,
form#user-profile-form #edit-field-care-telephones .fieldset-wrapper .form-type-textfield input {
	width: 198px;
}

form#user-profile-form #edit-field-care-telephones a.tabledrag-handle .handle {
    margin: 0 0.5em;
    padding: 0 0.5em;
}

@media only screen and (max-width : 630px) {
	form#user-profile-form #edit-field-care-telephones .fieldset-wrapper > div {
		display: block;
	}
	form#user-profile-form #edit-field-care-telephones table tbody tr {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	form#user-profile-form #edit-field-care-telephones .fieldset-wrapper > div label {
		font-size: 16px !important;
	}
}



/* Date of birth */

form#user-profile-form #edit-field-care-dob .fieldset-wrapper > div {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-day select 		{width:120px;}
form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-month select 	{width:295px;}
form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-year select 	{width:120px;}

@media only screen and (min-width : 551px) and (max-width : 1199px) {
	form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-month select {
		width: 190px
	}
}

@media only screen and (max-width : 550px) {
	form#user-profile-form #edit-field-care-dob .fieldset-wrapper > div {
		display: block;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-day select,
	form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-month select,
	form#user-profile-form #edit-field-care-dob .form-item-field-care-dob-und-0-year select {
		width: 100%;
	}
}



/*
 * Office use only
 */

form#user-profile-form .panel {
	background-color: #f8f8f8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 30px;
}

form#user-profile-form .field-name-og-user-node .panel {
	padding: 0;
}


form#user-profile-form .panel-body {
	padding: 0;
}

form#user-profile-form .panel-heading {
	padding-top: 0;
}

form#user-profile-form .panel-title {
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-weight: 200;
}

form#user-profile-form .ui-accordion-content > .panel.form-wrapper > legend {
	right: 0px;
}

form#user-profile-form span.radio {
	display: none;
}

form#user-profile-form .panel .form-item {
	margin-bottom: 6px;
}

form#user-profile-form .form-item-ckeditor-width input,
form#user-profile-form .form-item-ckeditor-lang select {
	width: 198px;
}



/*
 * All the extra adminy bits that are underneath the accordion.
 * Cripes, the markup on the user pages is horrendous... sometimes it's accordion, sometimes it's accordian
 */

form#user-profile-form .field-type-care-membership-number,
form#user-profile-form #edit-account {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	form#user-profile-form .field-type-care-membership-number,
	form#user-profile-form #edit-account {
		padding-left: 15px;
		padding-right: 15px;
	}
}

form#user-profile-form #edit-account {
	margin-bottom: 30px;
}

form#user-profile-form #edit-account .form-group {
	margin-bottom: 10px;
}

form#user-profile-form > div > .field-type-care-membership-number:before {
	display: none;
}

form#user-profile-form #field-membership-number-add-more-wrapper {
	display: inline-block;
}

form#user-profile-form #edit-field-membership-number input,
form#user-profile-form #edit-account .form-item-name input {
	width: 260px;
}

form#user-profile-form .field-type-care-membership-number label,
form#user-profile-form #edit-account label {
	display: inline-block;
	width: 200px;
}

form#user-profile-form .field-type-care-membership-number input,
form#user-profile-form #edit-account input {
	display: inline-block;
}

form#user-profile-form #edit-roles span.checkbox {
	display: none;
}

form#user-profile-form #edit-account #edit-roles label {
	width: inherit;
}

form#user-profile-form > div > .form-wrapper legend {
	right: 0;
}

form#user-profile-form #edit-og-user-node-und-body .form-item-og-user-node-und-0-default select.form-select {
	background: inherit;
	overflow: scroll;
}



/*
 * Mailing options
 */

#edit-new-suppressions span.checkbox {
	display: none;
}



/*
 * Gift Aid
 */

#cyclinguk-commerce-gift-aid-declaration-form h2,
#cyclinguk-commerce-gift-aid-declaration-form h4 {
	font-family: "ff-cocon-web-pro","Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 200;
	margin-bottom: 10px;
}

#cyclinguk-commerce-gift-aid-declaration-form h4 {
	margin-top: 20px;
}

#cyclinguk-commerce-gift-aid-declaration-form #edit-gift-aid {
	background-color: #f8f8f8;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	margin-top: 30px;
	margin-bottom: 0;
}

#cyclinguk-commerce-gift-aid-declaration-form #edit-commerce-giftaid {
	background-color: #f8f8f8;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	margin-bottom: 30px;
	padding: 0 15px 15px 15px;
}

#cyclinguk-commerce-gift-aid-declaration-form #edit-commerce-giftaid span.radio {
	display: none;
}

#cyclinguk-commerce-gift-aid-declaration-form .help-block {
	text-transform: inherit;
	font-size: 16px;
	line-height: 22px;
}



/*
 * My content
 */

body.page-user .view-admin-views-node h1 {
	font-family: "ff-cocon-web-pro","Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 200;
}

body.page-user .view-admin-views-node .views-exposed-widgets label {
	margin-bottom: 5px;
}

body.page-user .view-admin-views-node #edit-status-wrapper select {
	width: 130px;
}

body.page-user .view-admin-views-node .form-item-items-per-page select {
	width: 200px;
}



/*
 * Button fixes
 */

form#user-profile-form .group-profile a.button {
 	font-family: "Karla","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline-block;
    min-width: 140px;
    font-size: 15px;
    line-height: 34px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 0 18px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
}

form#user-profile-form .group-profile button.form-submit,
form#user-profile-form .group-profile a.button,
form#user-profile-form #edit-field-care-telephones button.form-submit {
	border: 1px #fbb040 solid;
	background-color: #fff;
	color: #000;
}

form#user-profile-form .group-profile button.form-submit:hover,
form#user-profile-form .group-profile a.button:hover,
form#user-profile-form #edit-field-care-telephones button.form-submit:hover {
	border: 1px #fbb040 solid !important;
	background-color: #fbb040 !important;
	color: #fff !important;
}

form#user-profile-form .group-profile button.form-submit:active,
form#user-profile-form .group-profile a.button:active,
form#user-profile-form #edit-field-care-telephones button.form-submit:active {
	border: 1px #fdaf17 solid !important;
	background-color: #fdaf17 !important;
	color: #fff !important;
}

body.page-user.page-user-register button.form-submit:hover,
form#user-profile-form .btn-success:hover {
	border-color: #fbb040 !important;
	background-color: #fbb040 !important;
}

body.page-user.page-user-register button.form-submit:active,
form#user-profile-form .btn-success:active {
	border-color: #fdaf17 !important;
	background-color: #fdaf17 !important;
}

body.hide-user-menu-tabs .navtab-wrapper {
    display: none;
}



/*
 * Avatars
 */

form#user-profile-form .panel .form-item-files-picture-upload {
	margin-top: 30px;
	margin-bottom: 30px;
}

#edit-select-avatar .form-item-select-avatar {
	display: inline-block;
}

#edit-select-avatar .user-avatar-select {
	display: inherit !important;
	top: -6px;
	margin-left: 0px;
}

#edit-select-avatar img {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

body.page-user .field-name-ds-user-picture div.field-items {
	left: 0 !important;
}

body.page-user .field-name-ds-user-picture img {
	border-radius: 110px;
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	margin: 0 auto;
}