@font-face{
    font-family: 'NeueHaasUnicaProBlack';
    src: url('/dammcorporate/s/sfsites/c/resource/NeueHaasUnicaProBlack');
  }
html, body {
    height:100%;
}



body#BDVLoginBody {
    background-image: url('/dammcorporate/file-asset-public/esBDVBackgroundpng');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    /*position: relative;*/
    left: 10267px;
    top: -17976px;
    background-position: center;
    border-radius: 0px;
    background-color:#EEEEEE;

}

#auraErrorMessage {
    display:none;
}
body#BDVLoginBody .apexp .bPageBlock.apexDefaultPageBlock {
    margin: 0;
    border: none;
}
body#BDVLoginBody .apexp .bPageBlock.apexDefaultPageBlock .pbBody {
    margin: 0;
}
#BDVbackgroundVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
    filter: brightness(0.9);
}
#BDVLoginWrapper {
    min-height: 100vh;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}
#BDVLoginColForm {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: normal;
    align-content: normal;
    width: 50%;
    min-height: 100vh;
    margin: 0 20px;
}

.cBDVLoginForm div#sfdc_username_container {
    padding-top: 100px;
}

#BDVLoginColLegal {
    width: 40%;
    position: fixed;
    bottom: 35px;
    right: 44px;
    text-align: right;
}
.BDVFooterColLegal {
    /* width: 70%; */
        /* margin-top: -57px; */
        /* padding: 0px; */
        max-width: 1160px;
        margin: 0 auto;
        padding: 40px 0 0 45px;
}
#BDVLoginComp {
    width: 475px;
    min-height: 85vh;
    padding: 40px 0 0 0;
    background-color: #fff;
    /* position: relative;*/


}
#BDVLoginLogo {
    padding: 0 0 40px 50px;
}
#BDVLoginLogoImg {
    width: 112px;
    height: 33px;
    left: 135px;
    left: 135px;
    top: 82px;
    /* border-radius: 0px;*/
}
#BDVLoginTitle {
    margin: 0 50px;
    font-family: 'NeueHaasUnicaProBlack' !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 51px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    color: black;
}
#loginNewErrorBlock {
    height: auto;
    position: absolute;
}

#BDVLoginLegal {
    float: right;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #fff;
}
.BDVFooterLegal {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    /* margin: 0% 36%; */
    /* width: 100%; */
    /* padding: 40px 0 0 45px; */
    /* margin-left: 0%; */
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: rgb(255, 255, 255);
}
#BDVLoginLegal a,
.legalFooter a,
.BDVFooterp1 {
    display: inline-block;
    line-height: 12px;
    height: 16px;
    /* width: 70px; */
    left: 1102px;
    top: 852px;
    border-radius: nullpx;
    text-decoration: none;
}
#BDVLoginLegal a{
    border-right: 1px solid #9EA0A5;
    margin: 0px 5px 0px 0px;
    padding: 0px 8px 0px 0px;
    color: #9EA0A5;


}
.legalFooter a,
.BDVFooterp1 {
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 8px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    


}
.legalFooter a{
    border-left: 1px solid #9EA0A5;

}

#BDVLoginLegal a:last-child {
    margin: 0;
    padding: 0;
    border-right: none;
}
#BDVFooter1{
	display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 8px 0 0;
    line-height: 12px;
    /*border-right: 1px solid #fff;*/
    color: #9EA0A5;
    
}
.legalFooter{
    margin-top: 10px;
}
body.O1012{
    background: black;
    background-position: 100% -130px !important;
  }
/* RESPONSIVE ==================================== */
@media screen and (max-width: 1024px) {
    #BDVLoginColForm {
        width: auto;
        margin: 0 90px;
    }
    #BDVLoginLogo {
        padding: 20px 0 20px 50px;
    }
    #BDVLoginLogoImg {
        height: 33px;
        width: 112px;
        left: 135px;
        top: 82px;
        border-radius: 0px;
    }
    #BDVLoginComp {
        height: auto;
        min-height: calc(85vh - 25px);
    }
    #BDVLoginColLegal {
        width: 475px;
        margin: 0;
        text-align: center;
        position: relative;
        right: auto;
        bottom: auto;
    }
    .BDVFooterColLegal {
        /* width: 70%; */
        /* margin-top: -57px; */
        /* padding: 0px; */
        max-width: 1160px;
        margin: 0 auto;
        padding: 40px 0 0 45px;
    }
    #BDVLoginLegal  {
        width: 475px;
        margin: 0 5px 0 0;
        padding: 0 10px 10px 10px;
        background-color: #fff;
        color: #949494;
        float: none;
    }
    #BDVLoginLegal a {
        color: #949494;
        border-right: 1px solid #949494;
    }
    #BDVFooter1,
    .BDVFooterp1 {
        display: inline-block;
    	float: none;
        margin: 0 5px 0 0;
        padding: 0 8px 0 0;
    }
    
}
@media screen and (max-width: 820px) {
    body.sgzy7s4h #BDVLoginWrapper {
        background: -moz-linear-gradient(top,  rgba(162,147,119,0) 10%, rgba(162,147,119,1) 20%, rgba(162,147,119,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(162,147,119,0) 10%,rgba(162,147,119,1) 20%,rgba(162,147,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(162,147,119,0) 10%,rgba(162,147,119,1) 20%,rgba(162,147,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060767d', endColorstr='#60767d',GradientType=0 ); /* IE6-9 */
      }
    body.O1010 #BDVLoginWrapper {
        background-size: 100% !important;
    	background-position: 30% -10px !important;
       	/*background: -moz-linear-gradient(top,  rgba(243,52,51,0) 10%, rgba(243,52,51,1) 20%, rgba(243,52,51,1) 100%);*/ /* FF3.6-15 */
        /*background: -webkit-linear-gradient(top,  rgba(243,52,51,0) 10%,rgba(243,52,51,1) 20%,rgba(243,52,51,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
        background: /*linear-gradient(to bottom,  rgba(243,52,51,0) 10%,rgba(243,52,51,1) 20%,rgba(243,52,51,1) 100%),*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        url(/dammid/file-asset-public/BackgroundMLF2023Mobile) center/cover;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f33433', endColorstr='#f33433',GradientType=0 ); /* IE6-9 */
      }
    body.O1011 #BDVLoginWrapper {
        background: -moz-linear-gradient(top,  rgba(27,155,216,0) 10%, rgba(27,155,216,1) 20%, rgba(27,155,216,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(27,155,216,0) 10%,rgba(27,155,216,1) 20%,rgba(27,155,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(27,155,216,0) 10%,rgba(27,155,216,1) 20%,rgba(27,155,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b9bd8', endColorstr='#1b9bd8',GradientType=0 ); /* IE6-9 */
      }
      body.O1012 #BDVLoginWrapper {
        background: -moz-linear-gradient(top,  rgba(27,31,41,0) 10%, rgba(27,31,41,1) 20%, rgba(27,31,41,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(27,31,41,0) 10%,rgba(27,31,41,1) 20%,rgba(27,31,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(27,31,41,0) 10%,rgba(27,31,41,1) 20%,rgba(27,31,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1f29', endColorstr='#1b1f29',GradientType=0 ); /* IE6-9 */
      }
    
      body.O1011 {
          background-position: 100% -40px !important;
      } 
      body.O1012 {
        background: black;
        background-position: 100% -130px !important;
      } 

    #BDVLoginColForm {
        margin: 0 auto;
        padding: 0 20px;
    }
    #BDVLoginComp {
        width: 100%;
        margin: 0 auto;
    }
    #BDVLoginLogo {
        width: 100%;
        max-width: 475px;
        margin: 0 auto;
    }
    body.O1010 #BDVLoginComp {
        width: 100%;
        max-width: 475px;
        margin: 0 auto;
        margin-top: 10px;
    }
    body.O1010 #BDVLoginLogo {
        width: 100%;
        max-width: 475px;
        margin: 0 auto;
        padding-bottom: 290px;
    }
    #BDVLoginColLegal {
        width: 100%;
        margin: -1px auto 0 auto;
    	padding: 0;
    }
    .BDVFooterColLegal {
        width: 100%;
        margin: -1px auto 0 auto;
    	padding: 0;
    }
    #BDVLoginLegal {
    	width: 100%;
        max-width: 475px;
        margin: 0 auto;
        font-size: 9px;
    }
    
    .cBDVLoginForm div#sfdc_username_container {
    	padding-top: 45px;
	}
    
    
    .cBDVLoginForm #sfdc_register {
        text-align: center;
        margin: 50px 0 30px 0;
    }
}

@media screen and (max-width: 480px) {
    
    .cBDVLoginForm .moreText {
    font-size: 18px;
}
    #BDVLoginTitle {
    margin: 0 50px;
    font-family: 'NeueHaasUnicaProBlack' !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 51px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    color: black;
}
    
    
    body#BDVLoginBody {
        background-size: 550px;
        background-position: 70% -140px;
        background-image: url('/dammcorporate/file-asset-public/BDVmovil') !important;

    }
    #BDVLoginColForm {
        padding: 0 20px;
    }
    #BDVLoginLogo {
        padding: 0 0 20px 40px !important;
        margin-top: -35px;
    }
    body.O1010 #BDVLoginLogo {
        padding: 20px 0 200px 40px !important;
    }
    #BDVLoginLogoImg {
        height: 33px;
        width: 112px;
        left: 135px;
        top: 82px;
        border-radius: 0px;
    }
    #BDVLoginTitle {
        margin: 0 50px;
        font-family: 'NeueHaasUnicaProBlack';
        font-size: 34px;
        font-weight: 900;
        line-height: 51px;
        letter-spacing: 0px;
        text-align: left;
        color: black;
    }
    #BDVLoginLegal {
        display:block;
        font-family: Arial, sans-serif;
        font-size: 9px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 16px;
        letter-spacing: normal;
    }
    .cBDVLoginForm div#sfdc_username_container {
        padding-top: 60px;
    }
}
@media screen and (min-width: 1920px) {
    #BDVLoginWrapper {
        max-width: 75%;	
    }
    #BDVLoginComp {
        min-height: 80vh;
	}
}
@media screen and (max-height: 660px) {
    #BDVLoginComp {
        min-height: 80vh;
    }
    #BDVLoginLogo {
        padding: 20px 0 20px 50px;
    }
    #BDVLoginLogoImg {
        width: 112px;
        height: 33px;
        left: 135px;
        margin-top: 82px;
        left: 135px;
        top: 82px;
        border-radius: 0px;
    }
    #BDVLoginTitle {
        margin: 0 50px;
        font-family: 'NeueHaasUnicaProBlack';
        font-size: 34px;
        font-weight: 900;
        line-height: 51px;
        letter-spacing: 0px;
        text-align: left;
        color: black;
    }
}
@media (max-height: 800px) and (max-width: 768px) {
    body#BDVLoginBody {
        background-position: 70% -260px;
        background-image: url('/dammcorporate/file-asset-public/BDVmovil') !important;
    }
}
@media (max-height: 800px) and (max-width: 480px) {
    body#BDVLoginBody {
        background-position: 70% -140px;
        background-image: url('/dammcorporate/file-asset-public/BDVmovil') !important;
    }
}
@media (max-height: 660px) and (max-width: 480px) {
    body#BDVLoginBody {
        background-position: 80% -160px;
        background-image: url('/dammcorporate/file-asset-public/BDVmovil') !important;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    body.sgzy7s4h#BDVLoginBody {
        background-image: url('/dammcorporate/file-asset-public/BDVmovil') !important;
        background-position: 65% -0px;
    }
}