/*loggin*/
#loginDefaultHeading {
	font-size: 40px;
	text-align: center;
}
/*
#loginDefaultHeading,
#fieldCreateAccount .information,
#pwd_forgot,
#fieldLogin .information,
#fieldLogin legend
{
	color: #fff !important;
}
*/
#loginDefault > .row {
	background-image: url('/images/login_bienvenido_1.jpg');
	width: 100%;
	margin: auto;
	margin-top: 20px
}
span.spr.c-mn-logo-2.visible-xs{
	zoom: .8;
	-moz-transform: scale(.8);
}
#fieldLogin legend{
	text-align: center;
	border-color: #ed362a;
}
#fieldCreateAccount{
	color: #003c81;
}
#fieldCreateAccount legend{
	text-align: center;
	color: #ed362a;
	border-color: #003c81;
}
.btn-payment-style-group.card{
    margin-bottom: 20px;	
}
@media(min-width:768px){
    #productGeneral > form[name="cart_quantity"] > .row > div:first-child{
        z-index:6;
    }
    
}
@media (max-width:768px){
	/*bof css para formulario create_account*/
	#createAcctDefault .information.termsdescription {
		margin-top: -10px;
	}
	#createAcctDefault button.submit_button{
		margin-top: 20px;
	}
}

/* login b2b redisign 2026*/
:root {
  --skyblue-mn: #34A8E1;
  --login-font-size: 18px;
  --login-font-size-btn: 24px;
}

.col-wrapper{
	padding: 20px 15px;
}
.modal-page-login:not(.modal-page-password-forgotten) .modal-body:not(.modal-body-login),
.modal-page-login .container-fluid{
	padding: 0;
}
#loginDefault_01Heading{
	color: var(--skyblue-mn);
	margin-top: 0;
	margin-bottom: 4px;
}
#loginDefault_01Heading,
#pwd_forgot{
	font-size:var(--login-font-size);
}
.row-login-btns .btn:not(.btn-link),
#createAccountForm .btn:not(.btn-link, .toggle-password){
    outline: 2px solid #ffffff;
    outline-offset: -5px;
	font-size:var(--login-font-size);
	font-family: 'Roboto-Bold';
}
.col-img-wrapper{
	padding: 0;
}
.modal-page-create-account #createAcctDefaultHeading{
	display: none;
}
#createaccountBody legend{
	border:none;
}
.member_price > span{
background-color: var(--brand-gray-100);
padding: 10px 15px;
width: fit-content;
border-radius: 14px;
}
.member_price a{
	color: var(--skyblue-mn);
}
@media(max-width: 991px){
	.row-login-btns .btn{
		margin-bottom: 8px;
	}
}
@media(min-width: 768px){
	#createaccountBody #createAccountForm{
		max-width: 50%;
		margin: 0 auto;
	}
}
@media(min-width: 992px){
	.modal-body-login form > fieldset{
		max-height: 42vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.row-login-btns .btn:not(.btn-link),
	.modal-body-login .btn:not(.toggle-password){
		font-size:var(--login-font-size-btn);
	}
	.col-wrapper{
		padding: 40px 30px;
	}
}