.my-projects-icon {
	background-image: url("/binaries/content/gallery/behrbrxm/pyp/my-projects.png");
	background-repeat: no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
	margin: 5px;
}

#register-login-modal .modal-dialog,
#forget-password-modal .modal-dialog {
	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;	
    margin-top: 0;
}   

#register-login-modal .modal-dialog .modal-content,
#forget-password-modal .modal-dialog .modal-content {
	border-radius: 0;
    border: 0;
    -webkit-box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    -moz-box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
    box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    background-clip: padding-box;
    height: 100vh;
    overflow-x: hidden;
}

#register-login-modal p.error-msg,
#forget-password-modal p.error-msg,
.pyp-change-password p.error-msg,
.pyp-contact-info p.error-msg,
.reset-password-form p.error-msg {
    color: #BD483C !important;
}

#register-login-modal p.success-msg,
#forget-password-modal p.success-msg,
.pyp-change-password p.success-msg,
.pyp-contact-info p.success-msg,
.reset-password-form p.success-msg  {
    /*color: green;*/
    font-weight: var(--behr-bold);
}

#register-login-modal .modal-dialog,
#forget-password-modal .modal-dialog {
	max-width: 500px;
	/*margin: 1.75rem auto;*/
}

#forget-password-modal .modal-header,
#register-login-modal .modal-header {
	border-bottom: 1px solid black !important;
}

#register-login-modal .modal-title, 
#forget-password-modal .modal-title {
    font-family: var(--behr-heading-font);
	font-size: 30px;
	line-height: 25px;
	font-weight: var(--behr-normal);
}


#register-login-modal .modal-header .close span, #register-login-modal .modal-header .close span:hover,
#forget-password-modal .modal-header .close span, #forget-password-modal .modal-header .close span:hover {
	font-size: 30px;
	line-height: 50px;
	font-weight: var(--behr-bold);
	color: #465058 !important;
}

#register-login-modal .sign-up-description-wrapper {
	background-color: #F6F5F0;
    margin-top: 3px;
}

#register-login-modal .pyp-form-toggle-btn a {
	font-family: var(--behr-body-and-label-font--bold) !important;
	color: #212529;
	font-size: 15px;
	line-height: 20px;
	font-weight: var(--behr-bold);
}

#register-login-modal .pyp-form-toggle-btn a:hover {
	text-decoration: none;
}

#register-login-modal .orange-link, #register-login-modal .orange-link:hover,
#forget-password-modal .orange-link, #forget-password-modal .orange-link:hover {
	font-size: 15px;
	line-height: 18px;
	font-weight: var(--behr-bold);
	color: #BD483C;
	
}

#register-login-modal .form-group label,
#forget-password-modal .form-group label,
.pyp-change-password .form-group label,
.pyp-contact-info .form-group label {
	font-size: 15px;
	line-height: 20px;
	font-weight: var(--behr-bold);
}

#register-login-modal input[type=checkbox],
#forget-password-modal input[type=checkbox],
.pyp-change-password input[type=checkbox],
.pyp-contact-info input[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
	height: 20px;
	width: 20px;
	min-width: 20px;
	border: 1px solid  black !important;
}

#register-login-modal input[type='text'], 
#register-login-modal input[type='password'], 
#register-login-modal select,
#forget-password-modal input[type='text'], 
#forget-password-modal input[type='password'], 
#forget-password-modal select,
.reset-password-form input[type='text'], 
.reset-password-form input[type='password'],
.pyp-change-password input[type='text'], 
.pyp-change-password input[type='password'], 
.pyp-change-password select
.pyp-contact-info input[type='text'], 
.pyp-contact-info input[type='password'], 
.pyp-contact-info select  {
    width: 100% !important;
    border-radius: 20px;
    padding: 7px 12px;
    border: 1px solid black !important;
}

#register-login-modal input#zip-code {
    width: 40% !important;
}

#register-login-modal select.country {
    width: 60% !important;
}

#register-login-modal .pyp-form-toggle-btn a.active {
	border-bottom: 2px solid black;	
}

#register-login-modal a:hover {
	text-decoration: none;
}

.pyp-contact-info #behr-news + label,
#register-login-modal #behr-news + label,
#register-login-modal #remember-me + label {
    background-color: white;
    border: 1px solid #465058;
    padding: 0px 5px;
    display: block;
    position: relative;
    margin-right: 7px;
    min-width: 20px;
    min-height: 20px;
    max-width: 20px;
    max-height: 20px;
    margin-top: 3px;
}

.pyp-contact-info #behr-news:checked + label:before,
#register-login-modal #behr-news:checked + label:before,
#register-login-modal #remember-me:checked + label:before {
    content: '\2713' !important;
    font-size: 16px;
    color: #465058;
    opacity: 1 !important;
    transform: rotate(0deg) !important;
}

.sign-up-description p b {
    text-transform: none !important;
    font-size: 18px !important;
    line-height: 24px !important;
}