@charset "UTF-8";
@font-face{
    font-family: 'SanaSansAlt-Black';
    src: local('SanaSansAlt-Black'),
         url('../font/SanaSansAlt-Black.woff') format('woff'), 
    	 url('../font/SanaSansAlt-Black.woff2') format('woff2');    
    font-style: normal;
}

@font-face{
    font-family: 'SanaSansAlt-Medium';
    src: local('SanaSansAlt-Medium'),
         url('../font/SanaSansAlt-Medium.woff') format('woff'), 
    	 url('../font/SanaSansAlt-Medium.woff2') format('woff2');
    font-style: normal
}

@font-face{
    font-family: 'SanaSansAlt-Book';
    src: local('SanaSansAlt-Book'),
         url('../font/SanaSansAlt-Book.woff') format('woff'), 
    	 url('../font/SanaSansAlt-Book.woff2') format('woff2');
    font-style: normal
}

body{
    font-family: 'SanaSansAlt-Medium', 'SanaSansAlt-Black', 'SanaSansAlt-Book';
    font-size: 14px;
    background-color: #fff;
}

header, footer{
    background-color: #fff;
    border-bottom: 1px solid #E6E7EB;
    margin: 0 auto;
}

footer{
    margin-top: 2rem;
}

#close-reducido{
    position: absolute;
    top: 2.5rem;
    right: 0px;
    margin: 0px 20px;
}

#close-reducido>a{
    color: inherit;
    text-decoration: none;
}

#close-reducido>a>img{
    padding-right: 5px;
}

#logo-alcampo{
    height: 100px;
    width: 215px;
    padding: 15px;
}

.card{
    border: 0px;
}

.card-header{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: inherit;
    border-bottom: 0px;
}

.card-header>.mb-0{
    color: #333333;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 38px;
}

.intl-tel-input{
    display: inherit !important;
}

label{
    color: #7C808C;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
}

select{
    font-size: inherit !important;
    height: 41px !important;
    box-sizing: border-box;
    border: 1px solid #7C808C !important;
    border-radius: 2px !important;
}

.form-control{
    height: 41px;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #7C808C;
    border-radius: 2px !important;
}

.form-control.is-invalid{
    background: none;
}

.form-control:focus{
    box-shadow: none !important;
    border: 1px solid #7C808C;
}

select:focus{
    border: 1px solid #7C808C !important;
}

a:focus{
    outline: none;
    text-decoration: underline;
}

input:focus, 
button:focus,
.custom-control-input:focus~.custom-control-label::before, 
.custom-select:focus,
.btn-success:focus{
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.3);
}

button#toRegistration:focus{
    box-shadow: none !important;
}

#loyaltyBox{
    font-size: 16px;
    margin-bottom: 50px;
}

#loyaltyBox>label{
    color: #333333;
    margin-bottom: 20px;
}

#loyaltyCardNumberBox{
    font-size: 14px;
    margin-top: 20px;
}

#loyaltyTeCBox{
    margin-top: 20px;
}

#passwordBlock #newPwd.form-control,
#passwordBlock #confirmPwd.form-control{
    border-right-style: none;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#passwordBlock .input-group-append>.input-group-text{
    background-color: inherit;
    border: 1px solid #7C808C;
    border-left-style: none;
    border-radius: 2px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.is-invalid + .input-group-append>.input-group-text{
    border-color: #dc3545 !important;
}

#passwordBlock .fa{
    color: #7C808C;
}

/* fa-times-circle */
#passwordBlock .fa-times:before{
    content: "\f057";
}

/* fa-check-circle */
#passwordBlock .fa-check:before{
    content: "\f058";
}

#passwordBlock .password-rules>ul>li:first-child{
    margin-top: 0.2rem;
}

#passwordBlock .password-rules>ul>li{
    margin-left: 0.5rem;
}

#passwordBlock .password-rules>ul>li>i{
    padding-right: 0.2rem;
}

#toRegistrationBox>div{
    display: inline-block;
}

#toRegistrationBox>div *{
    font-size: inherit;
}

#toRegistration{
    margin-top: -0.25rem;
    color: #00985F;
}

#toRegistration:hover, #toRegistration:focus{
    text-decoration: underline;
}

.custom-control>label{
    color: #333333;
}

#companySelectorbox>.form-group{  
    margin: 50px 0px !important;
}

.custom-control-label::before {
    color: #fff;
    width: 20px;
    height: 20px;
    top: 0px !important;
    border: 1px solid #4A4A4A;
}

.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before, 
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border: 1px solid #4A4A4A;
    background-color: #fff;
}

.custom-control-label::after{
    width: 12px;
    height: 12px;
    left: -1.25rem;
}

.custom-radio>.custom-control-label::after{
    border-radius: 50%;
}

.custom-control-input:checked~.custom-control-label::after { 
    background-image: none !important;
    background-color: #00985F;
}

#companySelectorbox>.form-group>.form-inline>.custom-radio>.custom-control-input:checked~.custom-control-label::after {
    background-image: none !important;
    background-color: #00985F;
}

#registrationDataBox>.form-group:last-child{
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 16px;
}

#termsAndConditions + label>a, #loyaltyTeC+ label>a{
    color: #00985F;
}

.custom-checkbox .custom-control-label{
    border-radius: 2px;
    padding-left: 5px;
}

.custom-control.custom-checkbox{
    margin-bottom: 20px;
}

#submitBox{
    width: 277px;
    margin: auto;
}

.form-group>.btn, #toLogin.btn {
    background-color: #E0001A !important;
    border-color: #E0001A !important;
    border-radius: 30px;
    font-family: 'SanaSansAlt-Black';
    font-size: 16px;
    font-weight: 900;
    height: 42px;
    width: 277px;
    padding: 0px;
}

footer .navbar-nav{
    margin: 0px auto;
}

.copyright{
    height: 135px;
    padding-top: 20px;
    background-color: #333333;
}

.text-color-grey{
    color: #9B9B9B;
}

.card-common-properties>.card>.card-header{
    padding-top: 10%;
}

.card-login a{
    color: #00985F;
}

.alert{
    text-align: left;
}

.alert-warning-custom{
    color: #E98F3A;
    background-color: #fff3cd;
    border-color: #E98F3A;
}

.alert-danger-custom{
    color: #E0001A;
    background-color: #f8d7da;
    border-color: #E0001A;
}

.alert>.fa-exclamation-circle:before,
.alert>.fa-exclamation-triangle:before{
    font-size: 1.25rem;
    margin-right: 1rem;
}

#btn-standard.btn{
    background-color: white;
    border-color: #212529;
    border-radius: 30px;
    color: #212529;
    font-size: 14px;
    height: 32px;
    width: 197px;
    padding: 0px;
}

#btn-standard.btn:focus{
    box-shadow: none;
}

#div-actualiza-pwd{
    width: 197px;
}

.text-alert{
    margin-bottom: 10px;
    margin-top: -20px;
    margin-left: 3rem;
}

input + label{
    font-size: 16px;
}

.modal-body{
    padding-bottom: 0px;
    padding-top: 2rem;
}

.modal-footer{
    border: none;
    padding-bottom: 2rem;
}

.modal-open .modal{
    overflow-y: hidden;
    padding-left: 0px !important;
}

#captchaBox>#html_element>div {
    margin: auto;
}

#divSpinner{
    width: 100px !important;
    height: 100px !important;
    margin: auto;
    background-image: url("https://ar-customerdiamond-es--c.eu18.content.force.com/servlet/servlet.ImageServer?id=0151n000003Pl2k&oid=00D0Y000002HWIo&lastMod=1594889965000");
}

#legalAreaText{
    padding: 5px 10px;
    resize: none;
    width: 100%;
    cursor: auto;
}

#loyaltyBox.custom-radio.custom-control-input:checked~.custom-control-label::after {
    background: none;
}

#loyaltyBox .custom-radio .custom-control-label::before {
    opacity: 0;
    width: 0;
    height: 0;
}

#loyaltyBox .custom-radio .custom-control-label::after {
    width: 40px;
    height: 24px;
    top: 0;
    left: 0;
	background: no-repeat 50%/50% 0%;
}

#loyaltyBox .custom-radio .slider {
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 24px;
    top: -3px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#loyaltyBox .custom-radio .slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    left: 1px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#loyaltyBox .custom-control-input:checked ~ .slider {
    background-color: #2196F3;
 }
  
#loyaltyBox .custom-control-input:focus ~ .slider {
    box-shadow: 0 0 1px #2196F3;
 }
  
#loyaltyBox .custom-control-input:checked ~ .slider:before {
   -webkit-transform: translateX(18px);
   -ms-transform: translateX(18px);
   transform: translateX(18px);
}

#loyaltyDigitalCardBox::after {
    content: url('../images/register-icon-myCLUB.png');
    position: absolute;
	margin-left: 20%;
}

#loyaltyDigitalCardBox .custom-control-label,#loyaltyPhysicalCardBox .custom-control-label {
    z-index: 1;
    padding-left: 3rem;
    cursor: pointer;
    display: inline;
}

#loyaltyDigitalCardBox {
	margin-bottom:6px;
	padding-left: 0;
}

#loyaltyPhysicalCardBox {
	padding-left: 0;
}

#loyaltyBox > label {
	font-size: 16px;
	display: block;
	text-align: center;
}

#loyaltyDigitalCardBox, #loyaltyPhysicalCardBox {
	margin-left: 9%;
}

.alert.alert-warning-custom{
	display:none;
}

@media screen and (min-width: 1190px){
    header, footer {
        width: 80%;
    }
    #close-reducido{
        right: 10%;
    }
}

@media screen and (max-width: 990px){
    footer {
        border-top: 1px solid #E6E7EB;
    }
    .footer-divider{
        display: none;
    }
}

@media screen and (min-width: 991px){
    footer>nav {
        margin-bottom: 1.5rem;
    }
    .footer-divider{
        padding: 0.5rem 1rem;
    }
}

@media only screen and (min-width: 900px){
    .password-rules {
        position: absolute;
        left: 100%;
        padding: 20px;
        margin-top: -50px;
        width: 50%;
        border-radius: 3px;
        box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    }

    .password-rules:before{
        content: "";
        position: absolute;                                   
        left:-15px;
        border: solid 8px transparent;
        border-right-color: #FFF;
        z-index: 1;
    }
}

@media only screen and (min-width: 500px){
    .card-common-properties>.card{
        margin-top: 1.5rem;
        border-radius: 3px;
        background-color: rgba(255,255,255,0.7);
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
    }

    .card-common-properties>.card>.card-body{
        padding: 5% 15%;
        padding-top: 2%;
    }

    .card-common-properties.card-registration>.card>.card-body,
    .card-common-properties.card-blocked-email>.card>.card-body,
    .card-common-properties.card-forgot-password-sent>.card>.card-body{
        padding-top: 5%;
    }
}
/*
@media only screen and (max-width: 500px){
    #logo-alcampo {
        margin-left: -30%; 
    }
}*/

@media screen and (max-width: 1199px){
    #loyaltyDigitalCardBox::after {
		content: url('../images/register-icon-myCLUB.png');
		position: absolute;
		margin-left: 25%;
	}
}

@media screen and (max-width: 390px){
	#loyaltyDigitalCardBox::after {
		margin-left: 15%;	
	}
}

@media only screen and (max-width: 420px){
	#loyaltyDigitalCardBox, #loyaltyPhysicalCardBox {
		margin-left: 0%;
	}
}