@charset "utf-8";

@font-face { 
    font-family: 'Ubuntu';
    src: url('../../fonts/Ubuntu_Sans/static/UbuntuSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../../fonts/Ubuntu_Sans/static/UbuntuSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../../fonts/Ubuntu_Sans/static/UbuntuSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../../fonts/Ubuntu_Sans/static/UbuntuSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../../fonts/Ubuntu_Sans/static/UbuntuSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/Open_Sans/static/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
.showDesktop{display:block;}
.hideDesktop{display:none;}
.showMobile{display:none;}
.hideMobile{display:block;}
/*Webkit*/

html, body {
    height: 100%;
}

footer, .doBody:after {
    height: 80px; 
}

body {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	color: #4B4F54;
        background-color:#F5F5F7;
}


p, span, ul.list-texto li, input, label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

p b, p strong, ul.list-texto li b, ul.list-texto li strong{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

#wrapper{
        width:1280px;
        margin:0 auto;
    }

.doBody{
    /*margin-top:80px;*/
    background-color:#F5F5F7;
    display:inline-block;
    width: 100%;
    overflow-y:auto;
    /*flex-direction:row;
    justify-content: space-between;
    align-items:stretch;*/
}

.noMargin{
    margin:0 !important;
    padding:0 !important;
}
.noMarginLeft{
    margin-left:0 !important;
    padding-left:0 !important;
}
.noMarginTop{
    margin-top:0 !important;
}
.noMarginBottom{
    margin-bottom:0 !important;
}
.posLeft{
    float:left;
}
.posRight{
    float:right !important;
}
.width100{
    width:100% !important;
}
.padding20{
    padding:20px !important;
}
.padding16{
    padding:16px !important;
}
.padding12{
    padding:12px !important;
}
.margin12{
    margin:12px auto !important;
}
.center{
    margin:0 auto;
}
.ocultar {
    display:none;
    height:0;
}
.inlineBlock{
    display:inline-block !important;
    margin:0 10px;
}
.inlineAbsolute{
    display:inline-block;
    position:absolute;
}
.flexContainer{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    gap:20px;
}

.breakSpace{
    white-space: nowrap;
}
input[type="text"],select,textArea{background:#ffffff;}
.form_field {position: relative; padding: 6px 5px 6px 0;}
.form_field label.inside{position: absolute; float:left; display:inline-block; top:10px; left:10px; font-size:12px; font-weight:normal; color:#747474;z-index:1;}
.form_field label.outside{position: absolute; float:left; display:inline-block; top:0; left:10px; font-size:12px; font-weight:normal; color:#747474;z-index:1;}
.form_field.filter {padding:0 !important; border-right:2px solid #fff;}
.form_field.filter:last-child {padding:0 !important; border-right:0px;}
.form_field.filter:first-child {padding-left: 10px !important;}
.form_field.filter label.inside{top:10px !important;left:10px !important; font-size:11px;line-height:10px;}
.form_field.filter:first-child label.inside{left:20px !important;}
.form_field.filter input,.form_field.filter select,.form_field.filter .form_select{
    border:0; 
    background-color:transparent;
    font-size:12px; 
    height: 30px;
    padding: 0px 16px 0 10px;
    margin-top: 25px;
}
.form_field.filter select,.form_field.filter .form_select{
    margin-top: 25px;
}
.form_field.filter input:focus,.form_field.filter select:focus,.form_field.filter .form_select:focus{outline: none !important;}
.form_field.filter input[type="submit"]{background-color:#C1C6C8; color:#fff; height:40px; font-size:12px; width:80%; padding:10px; margin:9px auto;}
.form_field.filter span.showData{
    display: block;
    padding-top: 25px;
    padding-left: 10px;
    font-weight:700;
    font-size:14px;
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_light_grey_256x240.png");
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url("../images/ui-icons_light_grey_256x240.png")
}

.form_field.top0 {margin-top:-17px;}
.embed-responsive iframe{
    width: 90%;
    margin: 0 auto;
    position: relative;
    display: block;
}
a.btnRegular, input.btnSubmit, input.btnRegular, .form_container input.btnSubmit, input.btnRegular, .form_container input.btnRegular, span.btnRegular, input[type="submit"].btnRegular, input[type="button"].btnRegular, .btn-aceptar-upload-modal > button {
    color: #ffffff !important;
    background:#3A913F;
    border: 0 solid transparent;
    border-radius: 48px;
    /*padding: 14px 40px !important;*/
    width: auto;
    padding:0 20px;
    text-align: center;
    font-size: 14px;
    font-weight:700;
    margin:0 3px;
    text-transform:capitalize;
    text-decoration: none;
}
a.btnRegular:hover, input.btnSubmit:hover, .form_container input.btnSubmit:hover, input.btnRegular:hover, .form_container input.btnRegular:hover, span.btnRegular:hover,input[type="submit"].btnRegular:hover, input[type="button"].btnRegular:hover, .btn-aceptar-upload-modal > button:hover {
    background:#154734 !important;
}

#modalUpload svg circle#Oval{fill: #3A913F;}
#modalUpload svg path#icon-cloud{fill: #fff;}
a.btnCancel, input.btnCancel{
    color: #747474 !important;
    background:#ffffff;
    border: 2px solid #747474;
    border-radius: 48px;
    padding:11px 30px;
    text-align: center;
    font-size: 16px;
    font-weight:700;
    /*margin:0 auto;*/
    text-decoration: none;
}
a.btnCancel:hover, input.btnCancel:hover{
    border: 2px solid #154734;
    color:#154734 !important;
    border-style:inset;
}
.btnForm{
    padding:12px 30px !important;
}
.btnInline{
    display: inline-block !important;
    padding: 14px 40px !important;
    width: fit-content !important;
    margin:10px !important;
}
.btnSmall{
    color: #ffffff !important;
    background:#3A913F;
    border: 0 solid transparent;
    border-radius: 48px;
    padding: 7px 15px !important;
    width: auto;
    text-align: center;
    font-size: 12px;
    /*font-weight: bold;*/
    margin:5px auto;
    text-transform:capitalize;
    cursor:pointer;
}
.btnSmall:hover{
    background:#154734   !important;
}

.btnRegular:hover{
    background:#154734;
}

h1, h2, h3, strong{
	font-weight: 700;
	color: #111111;
	
}
h1{font-size: 48px;letter-spacing: -1px;line-height: 44px;}
h2{font-size: 36px; line-height: 40px; font-weight:700;}
h2.claim{text-align:center; padding-top:30px; color:#9b9b9b;}
h3{font-size: 24px; letter-spacing: -0.42px; line-height: 29px; margin:0; padding:0 0 15px 0;}
h4{font-size: 18px; font-weight: normal; line-height: 21px; color: #111111; padding:0 0 15px 0;}

.dataShadow h3:before{
content:'';
-webkit-mask: url(../../images/new/h3-arrow.svg) no-repeat 50% 52%;
mask: url(../../images/new/h3-arrow.svg) no-repeat 50% 52%;
mask-size:10px;
-webkit-mask-size:10px;
padding:20px;
margin-left:20px;
background:#111111;
}


.preTitle{font-size: 16px; text-transform: uppercase;}
.intro{font-size: 18px; line-height: 26px;}
.underlined{border-bottom: 1px solid #e3e5e5;}
.uText{border-bottom: 1px solid #000000;}
.text-center{
    width: 100%;
    text-align: center;
    float: left;
    }
.text-right{
    float: right;
    padding:10px;
    }

a{
	color:#4B4F54;
	text-decoration:none;

}
a:focus, a:hover{
	color:#3A913F;
}
ul.disc{
    list-style-type: disc;
}
.divider{
    width:100%;
    height:1px;
    padding:0;
    margin:32px auto;
    border-top:1px solid #F5F5F7;
}

.dividerDouble{
    width: 70%;
    padding:0;
    margin:0 auto;
    margin-top: 50px;
    border-top: 1px solid #AAAAAA;
}
.v-divider{
    width:1px;
    height:300px;
    padding:0;
    margin:0 auto;
    border-left:1px solid #F5F5F7;
}



#wrapper:after{
        display:block;
        content:' ';
        clear:both;
}
.row{
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
    /*border-top: 1px solid #cccccc;*/
}
fieldset{
    margin:0 !important;
    padding:0 !important;
}
fieldset .row{
    width:100%;
    padding:0 !important;
}
.buttonArea{
    margin: 25px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.buttonArea.buttonsSimulation{
    column-gap: 20px;
    row-gap: 0;
    text-align:center;
}
.buttonAreaSB{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap:20px;
}

/*.hovertext {
  position: relative;
  border-bottom: 1px dotted black;
}

.hovertext:before {
  content: attr(data-hover);
  visibility: hidden;
  opacity: 0;
  width: 350px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  transition: opacity 1s ease-in-out;

  position: absolute;
  z-index: 1;
  left: 0;
  top: 110%;
}

.hovertext:hover:before {
  opacity: 1;
  visibility: visible;
}
*/
.buttonAreaClickAndGo{
    display : flex;
}
#page-wrapper{
	position:relative;
        display:block;
        float:left;
        left:0;
        min-height:fit-content;
        margin:0;
        padding:0;
        border-left: 0px;	
        width:100%;
        background-color: #F5F5F7;
         box-shadow: 0 0 4px 0 rgb(0 0 0 / 24%);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 24%);
       
       
}
.contentSide{
    /*position:relative;*/
    padding-top:80px;
    padding-left:250px; /*=width .sidebar*/
    z-index:1;
    width:100%;
    height:auto;
    min-height:720px;
}
.contentBlock{
    padding:0 40px;
}
.page-header{
    padding:0 10px;
    margin-top:56px;
    width:fit-content;
    font-size:30px;
    color:#111111;
    border-bottom:0px;
}
.page-migas{
    margin-top:50px;
    font-size:14px;
}
/*.doBody{
    padding:20px;
    padding-bottom:200px;
}*/


/*------ HEADER -----*/
.navbar{
    width:1280px;
    height:80px;
    position:fixed;
    background:#ffffff;
    box-shadow: 0px 8px 16px rgba(0,0,0,.07);
    border-radius: 0;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items:center;
    z-index:10;
}
.navbar:before, .navbar:after{
    display:none;
}
.logo{
    padding:0 54px;
    max-width: 250px;
 }
.navbar-top-links{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items:center;
    height:inherit;
    margin:0;
    padding:0;
}

.navbar-top-links .dropdown{
    display:flex;
    align-items: center;
    height:inherit;
    border-right:1px solid #F5F5F7;
    font-size:14px;
    padding:0 20px;
}

.navbar-top-links .dropdown:last-child{
    border-right:0px;
}

.navbar-top-links li a {
    padding: 0;
    min-height: fit-content;
    text-decoration:none;
}
.navbar-top-links li a:hover,.navbar-top-links a:visited,.navbar-top-links a:active{
    text-decoration:none;
}
.navbar-top-links span{
   padding:0;
   color:#111111;
}
.navbar-top-links .dropdown.submenu{
    height: auto;
}
/*.navbar-top-links .dropdown a{
    text-decoration:none;
    padding:20px;
}

.navbar-top-links .dropdown span{
    position:relative;
    top: 25px;
}
.navbar-top-links .dropdown span#vndName{
    top: 0;
}
.navbar-top-links .dropdown span.descargas, .navbar-top-links .dropdown span.help{
    top: 26px;
    padding:0;
}*/
.icoInfo{
    width: 40px;
    cursor: pointer;
    text-decoration: none; 
}

.icoInfo:before{
    padding:14px;
    margin: 0 auto;
    content: " ";
    display: block;    
    -webkit-mask: url("../../images/new/ic-info.svg") no-repeat 50% 50%;
    mask: url("../../images/new/ic-info.svg") no-repeat 50% 50%;
     mask-size:80%;
    -webkit-mask-size:80%;
    background:rgba(21,71,52,1);
    animation: info-gif 1.5s steps(5) infinite;    
}
@keyframes info-gif { 
  0% { background:rgba(21,71,52,1); }
  50% { background:rgba(21,71,52,.2); }
  100% { background:rgba(21,71,52,1); }
 }
.navbar-top-links .dropdown span.vendor{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:10px;
}
.navbar-top-links .dropdown span.vendor:before{
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url(../../images/new/ic-market.svg) no-repeat 50% 40%;
    background-color: rgba(245, 245, 247, 1);
}
.navbar-top-links .dropdown span.vendor.greenVendor:before{
    background-color: rgba(58,145,63,0.20);
}
.navbar-top-links .dropdown span.vendor.yellowVendor:before{
    background-color: rgba(255,236,136,0.50);
}
.navbar-top-links .dropdown span.vendor.blueVendor:before{
    background-color: rgba(109,200,226,0.30);
}
.navbar-top-links .dropdown span.vendor.orangeVendor:before{
    background-color: rgba(251,198,125,0.50);
}
.navbar-top-links .dropdown span.vendor.redVendor{
    color: rgba(221,112,134,1);
}
.navbar-top-links .dropdown span.vndBlocked{
    position: absolute;
    top: 15px;
    left: 38px;
    font-size: 11px;
    color: rgba(221,112,134,1);
}
.navbar-top-links .dropdown span.vendor.redVendor:before{
    background-color: rgba(221,112,134,0.30);
}
.navbar-top-links .dropdown span.vendor:after{
    content:'';
    width:9px;
    height:9px;
    border-right:2px solid #111;
    border-bottom:2px solid #111;
    background:#ffffff;
    -webkit-transform:  translate(0px,-3px) rotate(45deg);
    -moz-transform: translate(0px,-3px) rotate(45deg);
    -ms-transform: translate(0px,-3px) rotate(45deg);
    -o-transform: translate(0px,-3px) rotate(45deg);
    transform:translate(0px,-3px) rotate(45deg);
    -webkit-transition: all .5s;		
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.rotated:after {
    
    -webkit-transform: translate(0px,2px) rotate(225deg)!important;
    -moz-transform: translate(0px,2px) rotate(225deg)!important;
    -ms-transform: translate(0px,2px) rotate(225deg)!important;
    -o-transform: translate(0px,2px) rotate(225deg)!important;
    transform: translate(0px,2px) rotate(225deg)!important;
    -webkit-transition: all .5s;		
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}



.navbar-top-links i:first-child{
   font-size:30px;
   position:relative;
   top:4px;
   color:#c1c6c8;
}

.navbarButton{
    color:#3A913F !important;
    border: 2px solid #111111;
    border-radius:18px;
    padding:5px 20px !important;
    width:auto;
    text-align:center;
    font-size:14px;
    font-weight:700;
}


.navbar-top-links li.dropdown .dropdown-menu{
    border-color:rgba(238, 238, 238, 1);
    padding:10px 20px;
    width: fit-content;
    top:60px;
    right:13px;
}
.navbar-top-links li.dropdown:last-child .dropdown-menu{
    top:50px;
    right:6px;
  
}

.navbar-top-links .dropdown-menu:before{
    content:'';
    position:absolute;
    right:12px;
    top:-7px;
    width:11px;
    height:11px;
    border-top:1px solid rgba(238, 238, 238, 1);
    border-left:1px solid rgba(238, 238, 238, 1);
    background:#ffffff;
    transform:rotate(45deg);
}


.navbar-top-links .dropdown-menu li a{
    padding:10px 0;
    font-weight:600;
    text-decoration:none !important;
}
.navbar-top-links .dropdown-menu li a:hover, .navbar-top-links .dropdown-menu li a:active,.navbar-top-links .dropdown-menu li a:visited{
    text-decoration:none;
    color:#3A913F;
    background:#fff;
}
/*.navbar-top-links li.dropdown:first-child .dropdown-menu, .navbar-top-links li.dropdown:nth-child(2) .dropdown-menu {
    position:absolute;
    width:fit-content;
    float: right;
    right: 15px;
    border-color: rgba(238, 238, 238, 1);
    top: 55px;
    left: 0px;
}*/

.navbar-top-links li.dropdown.submenu .dropdown-menu {
    
    top: 45px;
}
.navbar-top-links li.dropdown.submenu .dropdown-menu:before {
    float:left;
    left:15px;
    right:0;
}

.dropdown-menu .divider {
    
    margin: 4px 0;
    
}
.clearfix{
    margin:10px auto;
}
.clearfix:after {
    content:' ';
    display:block;
    clear:both;
    height:0;
    font-size:0;
    visibility:hidden;
}
.infoBox{
    border:1px solid #3A913F;
    border-radius:8px;
    background-color: rgba(116, 116, 116, 0.15);
    margin:15px auto;
    padding:15px;
    font-style: italic;
    font-size:13px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.14);
}

.infoBox p:before{
    content: " ";
    padding: 0 15px; 
    background:#3A913F;
    -webkit-mask: url(../../images/new/dialog.svg) no-repeat 20% 20%;
    mask: url(../../images/new/dialog.svg) no-repeat 20% 20%;
    mask-size:16px;
    -webkit-mask-size:16px;
}
.infoBox .dataBox{
    width: 80%;
    padding: 10px;
    margin: 18px auto;
    box-shadow: none;
    justify-content: space-between;
    align-items:center;
}
.infoBox .dataBox img{
    width:20%;    
}
.infoBox .dataBox .qrText{
    font-style:normal;
    padding:18px;    
}
.infoBox .dataBox .qrText h4{
    font-size:16px;
    line-height:24px;
    font-weight:700;
    margin-bottom:8px;
    padding:0;
}
.infoBox .dataBox .qrText p:before{
    display:none;
}
.infoBox .dataBox .qrText p{
    font-size:12px;
    line-height:16px;
}



.infoBlock{
    margin:15px auto;
    overflow-y: scroll;
}
.infoBlock h5{
    font-weight:700;
}
.infoBlock p{
    font-size:14px;
    margin:10px auto;
}


.menuBox{
    border:0;
    border-radius:5px;
    background-color:white;
    
}

.sidebar{
    /*position:relative;*/
    margin:0;
    padding:80px 0;
    background: #ffffff;
    width:250px;
    /*min-height:720px;*/
    height:100%;
    z-index:2;
    float:left;
}

.sidebar-nav{padding:30px 0; height:auto;}
/* menu productos*/
.nav li a {
    display: flex;
    border-bottom: 0px solid #fff; 
    color: #757676;
    position: relative;
    width: 100%;
    text-decoration: none !important;
    background-size: 30px;
    font-size:13px;
    padding:14px 24px;
    margin:9px 0;
}

.nav li a.menu-encuotas{
    background:#3A913F1A;
}

.nav li a.active, .nav li.active a{
    /*font-size:14px;*/
    color:#3A913F;
    font-weight:600;
    background-color: #ffffff !important;
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 14%);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 0 16px 0 rgb(0 0 0 / 14%); 
}


.nav li a.active:after, .nav li.active a:after{
    content: '';
    position: absolute;
    right: -5px;
    top: 0;
    width: 5px;
    height: 100%;
    background: #3A913F;
    border-radius: 0 8px 8px 0;
}
.nav li a.menuBanner{
    padding:12px;
}
.nav li a.menuBanner .menuImage{
    width:225px;
    text-align: center;
}
.sidebar li a span{
    padding-left:12px;
}

.sidebar li a:active span , .sidebar li a:hover span, .sidebar li a:focus span{
    font-weight:600;
}

.sidebar li a[class*="menu-"]:before{
    content: " ";
    padding: 1px 8px; 
    background:#000;
    width:16px;
    mask-size:16px;
    -webkit-mask-size:16px;
}


.sidebar li .nav-second-level{
    display:none;
}
.sidebar li.active .nav-second-level{
    display:block;
}

.sidebar ul.nav-second-level{
    padding: 8px 0;
    margin: 0;
    margin-left: 52px;
}

.sidebar ul.nav-second-level li a{
    padding: 8px 0;
    margin: 0;  
    color:#4B4F54;
    font-weight:normal !important;
    box-shadow: none;
}
.sidebar ul.nav-second-level li a:hover span,.sidebar ul.nav-second-level li a:active span,.sidebar ul.nav-second-level li a:focus span,.sidebar ul.nav-second-level li a.active span
{
    color:#3A913F;
    font-weight:normal !important;
}
.sidebar ul.nav-second-level li a:after{
    content:none;
}
.sidebar ul.nav-second-level li a span{
    padding-left:0;
}

/*.sidebar li a:active:before, .sidebar li a:hover:before, .sidebar li a:focus:before{
    background: url(../../images/new/arrow-right-solid.svg) no-repeat 51% 50%;
}*/


/*.fa.arrow:before{
    font-size:10px;
    position: relative;
    top: -2px;
}
.sidebar li.active .nav-second-level li a, .sidebar li.active .nav-second-level li.active a{
    border: none !important;
    color:#757676;
    padding:5px 0 5px 15px;
   
}
.sidebar li.active .nav-second-level li:first-child, .sidebar li.active .nav-second-level li.active:first-child{
    padding-top:0;
    
}
.sidebar li.active .nav-second-level li a span, sidebar li.active .nav-second-level li.active a span{
    padding-left:0;
    margin-left:-5px;
    display:inline-block;
}
.sidebar ul li .nav-second-level li a:before, .sidebar ul li .nav-second-level li.active a:before{
    content: " ";
    margin-left:10px;
    padding: 0 10px;
}
.sidebar ul li .nav-second-level li a:active:before, .sidebar li .nav-second-level li a:hover:before,.sidebar li .nav-second-level li a:focus:before,.sidebar ul li .nav-second-level li.active a:active:before, .sidebar li .nav-second-level li.active a:hover:before,.sidebar li .nav-second-level li.active a:focus:before{
    mask: url(../../images/new/arrow-tree-line.svg) no-repeat 10% 10%;
    -webkit-mask: url(../../images/new/arrow-tree-line.svg) no-repeat 10% 10%;
    background:rgba(0,0,0,.3);
    mask-size:38%;
    -webkit-mask-size:38%;
}
.sidebar ul li .nav-second-level li a:active span , .sidebar ul li .nav-second-level li a:hover span, .sidebar ul li .nav-second-level li a:focus span, .sidebar ul li .nav-second-level li.active a:active span , .sidebar ul li .nav-second-level li.active a:hover span, .sidebar ul li .nav-second-level li.active a:focus span{
    color:#3A913F;
    font-weight:normal;
}

.sidebar ul li a.active {
    background-color: transparent;
    font-weight:600;
}*/

/*menu productos*/
a.menu-inicio:before {
    /*background: url(../../images/new/ico_tarjeta.png) top left no-repeat;*/
    -webkit-mask: url(../../images/new/ic-home.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-home.svg) no-repeat 20% 20%;
}
a.menu-solTarjeta:before {
    -webkit-mask: url(../../images/new/ic-card.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-card.svg) no-repeat 20% 20%;
}
a.menu-financiacion:before {
    -webkit-mask: url(../../images/new/icon-loan.svg) no-repeat 20% 20%;
    mask: url(../../images/new/icon-loan.svg) no-repeat 20% 20%;
}
a.menu-encuotas:before {
    -webkit-mask: url(../../images/new/icon-loan-express.svg) no-repeat 20% 20%;
    mask: url(../../images/new/icon-loan-express.svg) no-repeat 20% 20%;
}

a.menu-bike:before {
    -webkit-mask: url(../../images/new/bicicleta.svg) no-repeat 20% 20%;
    mask: url(../../images/new/bicicleta.svg) no-repeat 20% 20%;
}


a.menu-simulador:before {
    -webkit-mask: url(../../images/new/icon-filters.svg) no-repeat 20% 20%;
    mask: url(../../images/new/icon-filters.svg) no-repeat 20% 20%;
}

a.menu-operaciones:before {
    -webkit-mask: url(../../images/new/ic-transfer.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-transfer.svg) no-repeat 20% 20%;
}


a.menu-campanias:before {
   -webkit-mask: url(../../images/new/ic-favourites.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-favourites.svg) no-repeat 20% 20%;
}

a.menu-formaciones:before {
   -webkit-mask: url(../../images/new/ic-file.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-file.svg) no-repeat 20% 20%;
}

a.menu-demoOperativa:before {
   -webkit-mask: url(../../images/new/ic-play.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-play.svg) no-repeat 20% 20%;
}

a.menu-atiende:before {
   -webkit-mask: url(../../images/new/ic-atiende.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-atiende.svg) no-repeat 20% 20%;
}

a.menu-telesales:before {
   -webkit-mask: url(../../images/new/ic-telesales.svg) no-repeat 20% 20%;
    mask: url(../../images/new/ic-telesales.svg) no-repeat 20% 20%;
}
/*
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent !important;
}

ul.nav-second-level li a:hover, ul.nav-second-level li a.active {
    border: none !important;
    background-color: transparent !important;
    color:#428bca !important;
}
*/
.navbar-top-links .dropdown-messages{
    width:auto;
}
.nav.navbar-top-links li a {
    border-bottom: 0px solid #ffffff;    
    padding:10px;
    color: #757676 !important;
    font-size:14px;
}
.nav.navbar-top-links li a:before {
    width: 0;
    height: 0;
    margin-right: 0;
    content: " ";
    
}


a.nolink{
    cursor:auto;
}
.gray{
   color: #757676 !important;
}

/*.nav li.active a, .nav li a:hover {
    color: #111111;
    background-color: transparent;
    border-bottom:0px solid #fff; 
    
}

.nav.in li.a:target{color: #79B51C}*/

/*.navbar .fa{
	color:#79B51C;
	font-size:24px;
       
}
.navbar .fa:hover{color: #558806}*/


/*.nav>li>a{position:relative;display:block;padding:20px 0 5px 0;
}*/

.nav>li>a>.fa{padding-top:5px; }
.nav.navbar-top-links>li>a>.fa{position: relative; top: 6px; padding-right:5px;color:#757676; font-size:28px;}
.nav.navbar-top-links>li>a>.fa.fa-caret-down{top: .06em; padding-left: 8px; font-size: 18px;}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent;
    border-color: transparent;
}

/*-------- Página de inicio > píldoras -----*/
.pillsContainer{
    margin:40px auto;
}
.pillBox{
    display:block;
    width:284px;
    margin:0;
    padding:20px 5px 20px 20px;
    border:1px solid #C1C6C8;
    border-radius:8px;
    background:#fff;
    text-decoration: none;
}
.pillFlex{
    display:flex;
    flex-direction:column;
}
[class*="pill-"]{
     flex-direction:row;
}
.pillFlexLC{
    display:flex !important;
    flex-direction:row;
    width:fit-content;
    align-items:flex-start !important;
    padding:20px !important;
    margin:0 !important;
}
.pillFlexLC .pillTitle{
    white-space:nowrap;
    text-align:left;
    padding:12px 15px;
}
.pillBox.wider{
    width:100%;
    margin-left:0;
}
.pillBox:hover{
    cursor:pointer;
    border:1px solid rgba(116, 116, 116, 1);
    transition: box-shadow .1s linear;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    -o-transition: box-shadow .1s linear;
    transition-delay: .3s;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
}
.pillBox.active{
    border-color:#3A913F;
    cursor:auto;
}
.pillBox.active:hover{
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    box-shadow: none;
}
.buttonAreaSB .pillBox.active{
    border-width: 2px;
}
.greenPill{
    border:0;
    background:#c4d600;
}


.pillBox span{
    position: relative;
    float:left;
    padding:12px 10px 12px 15px;
    font-size:16px;
    color:#111111;
    font-weight:600;
}

.choosetin{
	padding:0px !important;
	font-size: 14px !important;
	font-weight:400px !important;
	color: #4B4F54 !important;
	
}

.choosetae{
	padding:0px !important;
	font-size: 14px !important;
	font-weight:bold !important;
	text-decoration: underline !important;
	color: #4B4F54 !important;
	margin-left:4px !important;
	
}



.pillBox .pillTitle{
    font-size:14px;
}


.pillBox .pillSubtitle{
    font-size:12px;
    font-weight:normal;
    color:#747474;
    padding:0;
}
.pillBoxPrincipal{
    padding: 20px;
    display: inline-block;
    width: 100%;
}

.pillBoxPrincipal .prodSostenible{
    width:15%;
    float:left;
    margin-top:0;
}
.greenPill:hover{
    box-shadow: none;
    border:0;
}
.pillBox.greenPill .pillTitle{
    font-size: 18px;
    line-height: 25px;
    position: absolute;
    top: 20%;
}

.pillBoxSummary{
    display:block;
    background: #FFEC881A 0% 0% no-repeat padding-box;
}

.pillSummaryLast{
    width: fit-content;
    margin:0 auto;
}
.pillSummaryLast span{
   font-size:12px;
   font-weight:normal;
}




.btnIconPrincipal{
    position: relative;
    display: block;
    float:left;
    width: 48px;
    height: 48px;
    border-radius:24px;
    cursor: pointer;
    text-decoration: none;
    color:#111111;
}
.pillBox .btnIconPrincipal{
    background:#F5F5F7;
}
.pillBox.pill-1 .btnIconPrincipal{
    background:rgba(255, 236, 136, 0.5);
}
.pillBox.pill-2 .btnIconPrincipal{
    background:rgba(221, 112, 134, 0.2);
}
.pillBox.pill-3 .btnIconPrincipal{
    background:rgba(215, 233, 216, 1);
}

.btnIconPrincipal:before {
    padding:20px;
    margin: 0 auto;
    content: " ";
    display: block;
}
.btnIconPrincipal[class*="ico"]:before{
    background:#111111;
}

.icoPrestamo:before{
    -webkit-mask: url("../../images/new/ic-income.svg") no-repeat 55% 65%;
    mask: url("../../images/new/ic-income.svg") no-repeat 55% 65%;
}

.icoPrestamoInteres:before{
    -webkit-mask: url("../../images/new/ic-incomeFee.svg") no-repeat 60% 70%;
    mask: url("../../images/new/ic-incomeFee.svg") no-repeat 60% 70%;
    mask-size:65%;
    -webkit-mask-size:65%;
} 
.icoSimulador:before{
    -webkit-mask: url("../../images/new/icon-filters.svg") no-repeat 51% 65%;
    mask: url("../../images/new/icon-filters.svg") no-repeat 51% 65%;
}
.icoTransferencias:before{
    -webkit-mask: url("../../images/new/ic-transfer.svg") no-repeat 52% 60%;
    mask: url("../../images/new/ic-transfer.svg") no-repeat 52% 60%;
}
.icoConsultaOp:before{
    -webkit-mask: url("../../images/new/ic-search.svg") no-repeat 50% 60%;
    mask: url("../../images/new/ic-search.svg") no-repeat 50% 60%;
}
.icoCampanias:before{
    -webkit-mask: url("../../images/new/ic-favourites.svg") no-repeat 50% 60%;
    mask: url("../../images/new/ic-favourites.svg") no-repeat 50% 60%;
}
.icoTelesales:before{
    -webkit-mask: url("../../images/new/ic-telesales.svg") no-repeat 50% 75%;
    mask: url("../../images/new/ic-telesales.svg") no-repeat 50% 75%;
    mask-size:55%;
    -webkit-mask-size:55%;
}
.icoCreditLine{
   margin-top:5px;
}
.icoCreditLine:before{
    -webkit-mask: url("../../images/new/icon-wallet.svg") no-repeat 50% 60%;
    mask: url("../../images/new/icon-wallet.svg") no-repeat 50% 60%;
}

[class*="icoEye"]{
    position: relative;
    display: block;
    margin:0 auto;
    width: 20px;
    cursor: pointer;
    text-decoration: none;
    color:#111111;
}

[class*="icoEye"]:before{
    padding:10px;
    margin: 0 auto;
    content: " ";
    display: block;    
    background:#111111;
}
.icoEyeOpened:before{
    -webkit-mask: url("../../images/new/eye.svg") no-repeat 15%;
    mask: url("../../images/new/eye.svg") no-repeat 15%;
     mask-size:90%;
    -webkit-mask-size:90%;
    
}
.icoEyeClosed:before{
    -webkit-mask: url("../../images/new/slashed-eye.svg") no-repeat 15%;
    mask: url("../../images/new/slashed-eye.svg") no-repeat 15%;
     mask-size:90%;
    -webkit-mask-size:90%;
    
}
.icoWarning{
    position: relative;
    display: block;
    margin:0 auto;
    width: 20px;
    cursor: pointer;
    text-decoration: none;    
}

.icoWarning:before{
    padding:10px;
    margin: 0 auto;
    content: " ";
    display: block;    
    -webkit-mask: url("../../images/new/ico-warning.svg") no-repeat 50% 50%;
    mask: url("../../images/new/ico-warning.svg") no-repeat 50% 50%;
     mask-size:80%;
    -webkit-mask-size:80%;
    background:rgba(249,6,6,1);
    animation: warning-gif 1.5s steps(5) infinite;    
}

.icoWarning.msgWarning{
    width:60px;
    height:60px;
}

.icoWarning.msgWarning:before{
    padding:30px;
}

@keyframes warning-gif { 
  0% { background:rgba(249,6,6,1); }
  50% { background:rgba(249,6,6,.2); }
  100% { background:rgba(249,6,6,1); }
 }
 
 .warningAlert{
     display:inline-block;
     position:relative;
     top:-5px;
     color:rgba(249,6,6,1);
     padding-left:5px;     
 }
/*.panel






blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #79B51C;}*/

/*FORMS*/
.formDatos{
    margin-top:70px;
}
.formDatosSummary{
    margin-top:40px;
}
.form-inline .form-control{
   width:100%; 
}
.form-group{
    position:relative;
    padding-left:5px;
    padding-right:5px;
}
.form_field span.nota{font-size:.7em;color:#3A913F;}

.txtClausulado {font-size:14px;}
.txtClausulado p{font-size:14px; padding-bottom:10px;}
.txtClausulado p.small{font-size:11px;}
/*.form_field_period {position:absolute;display:inline-block; float:left;padding-left:5px; top: 45px;}
.form_field_legend {position:absolute;display:inline-block; float:left;padding-left:5px; top: 35px;}*/
.notaHeader{
    font-size:14px;
}
.notaCheck{
    position:relative;
    left:48px;
    top:-22px;
    width:96%;
}
.check-row{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.check-row input.e_estado_consentimiento[type=checkbox] {
    width: 24px;
    height: 24px;
    appearance: auto;
    -webkit-appearance: auto;
    border-radius: 2px;
    border: 2px solid #3a913f;
    margin: 0 12px 0 0;
    min-width: 24px;
    min-height: 24px;
    outline: 0;
    position: relative;
    cursor:pointer;
}


.check-row input.e_estado_consentimiento[type=checkbox]:checked {
    border-color: #3a913f;
    accent-color: #3A913F;
}

.check-row input.e_estado_consentimiento[type=checkbox]:disabled {
    opacity: 0.6; filter: alpha(opacity=60);
    cursor: default;
}



.panel-default>.panel-heading{
	color:#79B51C;
	background-color:#fff;
	border-color:#79B51C; 
	font-size:18px;
	padding:0;
}

.panel-default{border-color:#fff;padding:0;}

.bs-wizard {margin-top: 40px;}

label, label abbr{
    font-size: 14px;
    font-weight:700;
}
input.highlighted{
    display:inline-block !important;
    width:35% !important;
    border:2px solid #3A913F !important;
    font-size:1.2em !important;
    text-align:right !important;
    font-weight:600;
    height: 50px !important;
    padding: 16px !important;
}
label.highlighted{
    float:left !important;
    display:inline-block !important;
    width: 50%;
    margin-top: 8px;
    /*font-size:1.3em !important;
    text-align:left;
    font-weight:600 !important;
    width:60%;*/
}
span.highlighted{
    position: relative;
    top: 4px;
    font-weight:600;
    
}
.loadedData{
    color:#111111 !important;
    background:#f8f8f8 !important;
    padding:0 !important;
    text-transform:uppercase;
    font-size:0.95em !important;
}

.dataShadow{
    box-shadow: 3px 3px 8px rgba(0,0,0,.175);
    border: 0;
    background-color:#ffffff;
}
.dataOverflow{
    border: 1px solid #cdcdcd;
    background-color:#ffffff;
    padding:20px;
    height:300px;
    overflow-y: scroll;
    margin-bottom:50px;
}
/********* paneles formaciones *******/
/* paneles formacion */
.btnFormacion{
    position: relative;
    display: block;
    margin: 40px auto;
    border: 1px solid transparent;
    border-radius: 100px;
    height: 60px;
    width: 60px;
    box-shadow: 0 3px 8px rgba(113,162,196,.175);
    background-color: #f4f3f8;
    cursor: pointer;
    text-decoration: none; 
}
.btnFormacion:hover{
    transform: translate(3px, 3px);
    box-shadow: 0 3px 8px rgba(113,162,196,.85);
    text-decoration:none;
    background:rgba(113,162,196,100);
 }


.btnFormacion:hover{
    transform: translate(3px, 3px);
    box-shadow: 0 3px 8px rgba(113,162,196,.85);
    text-decoration:none;
    background:url(../../images/new/fondo_botones.png) no-repeat;
 }
 
.btnFormacion:before {
    width: 50px;
    height:50px;
    margin: 55px auto 5px;
    content: " ";
    display: block;
}
.btnFormacion span{
    text-align: center;
    display: block;
    width: 100%;
    font-size:20px;
    color:#58585A;
    text-decoration:none;
    padding:5px;
}
.btnFormacion:hover span{
    color:black;
}

.btnFormacion[class*="ico"]:before{
    background:#000;
}

.btnFormacion:hover[class*="ico"]:before{
    background: black; 
}

.icoconocenos:before{
    -webkit-mask: url(../../images/new/conocenos.svg) no-repeat 20% 20%;
    mask: url(../../images/new/conocenos.svg) no-repeat 20% 20%;
}

.icoinfo:before{
    -webkit-mask: url(../../images/new/informacion.svg) no-repeat 20% 20%;
    mask: url(../../images/new/informacion.svg) no-repeat 20% 20%;
      width:357px;
}

 

.icoprocesoOperativo:before{
  -webkit-mask: url(../../images/new/procesoOperativo.svg) no-repeat 20% 20%;
  mask: url(../../images/new/procesoOperativo.svg) no-repeat 20% 20%;
    width:340px;
}
 .icoecredit:before{
  -webkit-mask: url(../../images/new/ecredit.svg) no-repeat 20% 20%;
  mask: url(../../images/new/ecredit.svg) no-repeat 20% 20%;
  width:332px;
}
/***************** operaciones ico filtro*************/
.icoFiltro:before{
    -webkit-mask: url(../../images/new/filtro.svg) no-repeat 20% 20%;
    mask: url(../../images/new/filtro.svg) no-repeat 20% 20%;
}
.Filtro{
    background: url(../../images/new/filtro.svg) no-repeat 20% 20%;
}

/***** SIMULADOR FINANCIERO: BOTONES MATERIALES *****/
.iconosSimulador{
    margin-bottom:20px;
    width:100%;
    margin:0 auto;
    height:100%;
    position:relative;
    z-index:1;
}
.flex-center{
  display: flex;
  flex-wrap: nowrap;
  align-items:center;
}
.flex-container{
  display: flex;
  flex-wrap: nowrap;
  align-items:flex-start;
  justify-content: space-between;
}
.pillBoxPrincipal .flex-container{
    justify-content: space-between;
}
.flex-container.simulator{
  width:95%;
  /*height:40px;
  overflow:hidden;*/
  display:inline-block;
}
.controls{
  width:4%;
  height:40px;
  display:inline-block;
}
.bloques{
    position:relative;
}
.plusMaterial{
    position:relative;
    float:right;
    width: 34px;
    height:34px;
    border: 1px solid #C1C6C8;
    border-radius: 18px;
    cursor: pointer;
    color: #C1C6C8;
}
.plusMaterial:hover {
    border-color:#3A913F;
    color: #3A913F;
}
.plusMaterial span{
    position: absolute;
    top: -14px;
    left:.2em;
    font-size: 36px;
}
.plusMaterial.Up{
    height:17px;
    -moz-border-radius: 34px 34px 0 0;
     -webkit-border-radius: 34px 34px 0 0;
     border-radius: 34px 34px 0 0;
}
.plusMaterial.Down{
    height:17px;
    -moz-border-radius: 0 0 34px 34px;
     -webkit-border-radius: 0 0 34px 34px;
     border-radius: 0 0 34px 34px;
}
.plusMaterial.Up:after,.plusMaterial.Down:after{
    position: absolute;
    display: inline-block;
    right: 12px;
    content: '';
    width: 7px;
    height: 7px;
    background: #ffffff;
    -webkit-transform: rotate(45deg) skew(-18deg,-18deg);
    -moz-transform: rotate(45deg) skew(-18deg,-18deg);
    -ms-transform: rotate(45deg) skew(-18deg,-18deg);
    -o-transform: rotate(45deg) skew(-18deg,-18deg);
    transform: rotate(45deg) skew(-18deg,-18deg);
}
.plusMaterial.Up:after{
    top: 6px;
    border-left: 2px solid #C1C6C8;
    border-top: 2px solid #C1C6C8;
}
.plusMaterial.Down:after{
    top: 2px;
    border-right: 2px solid #C1C6C8;
    border-bottom: 2px solid #C1C6C8;
}
.plusMaterial.Up:hover:after{
    border-left: 2px solid #3A913F;
    border-top: 2px solid #3A913F;
}
.plusMaterial.Down:hover:after{
    border-right: 2px solid #3A913F;
    border-bottom: 2px solid #3A913F;
}




.simulatorGird{
   position:relative;
   display:inline-block;
   width:auto;
   border:1px solid #C1C6C8;
   border-radius:18px;
   margin-right:12px;
   cursor:pointer;
}


.simulatorGird.linkMaterial.active, .simulatorGird:hover{
   border:1px solid #3A913F;
   background:#F5F5F7;
}

.simulatorGird span{
    position: relative;
    float: left;
    margin: 0 10px 0 6px;
    font-size: 11px;
    line-height: 36px;
}
.simulatorGird.linkMaterial.active span, .simulatorGird:hover span{
   font-weight:600;
}


.simulatorGird .btnSimulador{
    position: relative;
    display: block;
    float:left;
    margin: 2px;
    border: 0;
    border-radius: 16px;
    height: 32px;
    width: 32px;
    /*box-shadow: 0 3px 8px rgba(0,0,0,.175);*/
    background-color: #F5F5F7;
    cursor: pointer;
    text-decoration: none;
}

.simulatorGird:hover .btnSimulador, .simulatorGird.linkMaterial.active .btnSimulador{
    /*transform: translate(-3px, -3px);
    box-shadow: 3px 3px 5px rgba(0,0,0,.15);*/
    text-decoration:none;
    background:#3A913F;
 }

 .linkMaterial{
    color:#111;
    text-decoration:none !important;
}
.linkMaterial:hover{
    color:#111;
    font-weight:700;
    text-decoration:none !important;
}
.btnSimulador:before {
    width: 23px;
    height: 23px;
    margin: 15% auto;
    content: " ";
    display: block;
}

.btnSimulador[class*="ico"]:before{
    background:#747474;
}

.simulatorGird:hover .btnSimulador[class*="ico"]:before, .simulatorGird.active .btnSimulador[class*="ico"]:before{
    background: #ffffff; 
}

.icoMuebles:before{
    -webkit-mask: url(../../images/new/muebles.svg) no-repeat 50% 50%;
    mask: url(../../images/new/muebles.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}

.icoG2:before{
    -webkit-mask: url(../../images/new/g2.svg) no-repeat 50% 50%;
    mask: url(../../images/new/g2.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
 .icoG3:before{
    -webkit-mask: url(../../images/new/g3.svg) no-repeat 50% 50%;
    mask: url(../../images/new/g3.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
 }
.icoSofa:before{
    -webkit-mask: url(../../images/new/sofa.svg) no-repeat;
    mask: url(../../images/new/sofa.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoElectro:before{
    -webkit-mask: url(../../images/new/electrodomesticos.svg) no-repeat 50% 50%;
    mask: url(../../images/new/electrodomesticos.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}

.icoBici:before{
  -webkit-mask: url(../../images/new/bicicleta.svg) no-repeat 50% 50%;
  mask: url(../../images/new/bicicleta.svg) no-repeat 50% 50%;
  mask-size:100%;
  -webkit-mask-size:100%;
}
.icoGafas:before{
   -webkit-mask: url(../../images/new/gafas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/gafas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoColchones:before{
   -webkit-mask: url(../../images/new/colchones.svg) no-repeat 50% 50%;
    mask: url(../../images/new/colchones.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoImagen:before{
   -webkit-mask: url(../../images/new/imagenysonido.svg) no-repeat 50% 50%;
    mask: url(../../images/new/imagenysonido.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoPatinete:before{
    -webkit-mask: url(../../images/new/patinete.svg) no-repeat 50% 50%;
    mask: url(../../images/new/patinete.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAudifonos:before{
    -webkit-mask: url(../../images/new/audifonos.svg) no-repeat 50% 50%;
    mask: url(../../images/new/audifonos.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoCocina:before{
    -webkit-mask: url(../../images/new/cocinas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/cocinas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoInformatica:before{
    -webkit-mask: url(../../images/new/informatica.svg) no-repeat 50% 50%;
    mask: url(../../images/new/informatica.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoDeportes:before{
  -webkit-mask: url(../../images/new/viajes.svg) no-repeat 50% 50%;
    mask: url(../../images/new/viajes.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoJardineria:before{
    -webkit-mask: url(../../images/new/jardineria.svg) no-repeat 50% 50%;
    mask: url(../../images/new/jardineria.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoSolar:before{
    -webkit-mask: url(../../images/new/panelessolares.svg) no-repeat 50% 50%;
    mask: url(../../images/new/panelessolares.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoInsMusica:before{
    -webkit-mask: url(../../images/new/instrumentos.svg) no-repeat 50% 50%;
    mask: url(../../images/new/instrumentos.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoReformas:before{
    -webkit-mask: url(../../images/new/reformas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/reformas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoReformasVentanas:before{
    -webkit-mask: url(../../images/new/reformasVentanas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/reformasVentanas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoReformasAislamiento:before{
    -webkit-mask: url(../../images/new/reformasAislamiento.svg) no-repeat 50% 50%;
    mask: url(../../images/new/reformasAislamiento.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoReformasAireacion:before{
    -webkit-mask: url(../../images/new/reformasAireacion.svg) no-repeat 50% 50%;
    mask: url(../../images/new/reformasAireacion.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoGas:before{
    -webkit-mask: url(../../images/new/instalacion_gas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/instalacion_gas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAire:before{
    -webkit-mask: url(../../images/new/aireacondicionado.svg) no-repeat 50% 50%;
    mask: url(../../images/new/aireacondicionado.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAireA:before{
    -webkit-mask: url(../../images/new/aireacondicionadoA.svg) no-repeat 50% 50%;
    mask: url(../../images/new/aireacondicionadoA.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoCaldera:before{
    -webkit-mask: url(../../images/new/caldera_gas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/caldera_gas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoCalderaA:before{
    -webkit-mask: url(../../images/new/caldera_gasA.svg) no-repeat 50% 50%;
    mask: url(../../images/new/caldera_gasA.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAlarmas:before{
    -webkit-mask: url(../../images/new/alarmas.svg) no-repeat 50% 50%;
    mask: url(../../images/new/alarmas.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoCerramientos:before{
    -webkit-mask: url(../../images/new/cerramientos.svg) no-repeat 50% 50%;
    mask: url(../../images/new/cerramientos.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoOtros:before{
    -webkit-mask: url(../../images/new/otros.svg) no-repeat 50% 50%;
    mask: url(../../images/new/otros.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoProdApple:before{
    -webkit-mask: url(../../images/new/informatica.svg) no-repeat 50% 50%;
    mask: url(../../images/new/iconApple.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoIPhone:before{
    -webkit-mask: url(../../images/new/iconIPhone.svg) no-repeat;
    mask: url(../../images/new/iconIPhone.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoApplePromo:before{
    -webkit-mask: url(../../images/new/iconApple.svg) no-repeat;
    mask: url(../../images/new/iconApple.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoDental:before{
    -webkit-mask: url(../../images/new/icoOdontologia.svg) no-repeat;
    mask: url(../../images/new/icoOdontologia.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoOftalmologia:before{
    -webkit-mask: url(../../images/new/icoOftalmologia.svg) no-repeat;
    mask: url(../../images/new/icoOftalmologia.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoMatReciclado:before{
    -webkit-mask: url(../../images/new/material_reciclado.svg) no-repeat;
    mask: url(../../images/new/material_reciclado.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoElectroA:before{
    -webkit-mask: url(../../images/new/etiquetaA.svg) no-repeat;
    mask: url(../../images/new/etiquetaA.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoElectroNoA:before{
    -webkit-mask: url(../../images/new/etiquetaNoA_1.svg) no-repeat;
    mask: url(../../images/new/etiquetaNoA_1.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoBiciElectrica:before{
    -webkit-mask: url(../../images/new/bicicleta_electrica.svg) no-repeat;
    mask: url(../../images/new/bicicleta_electrica.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoBiciElectricaReacond:before{
    -webkit-mask: url(../../images/new/bicicleta_electrica_reacondicionada.svg) no-repeat;
    mask: url(../../images/new/bicicleta_electrica_reacondicionada.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoBiciReacond:before{
    -webkit-mask: url(../../images/new/bicicleta_reacondicionada.svg) no-repeat;
    mask: url(../../images/new/bicicleta_reacondicionada.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoPuntoRecarga:before{
    -webkit-mask: url(../../images/new/punto_recarga.svg) no-repeat;
    mask: url(../../images/new/punto_recarga.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoMejoraEficiencia:before{
    -webkit-mask: url(../../images/new/reforma_eficiencia.svg) no-repeat;
    mask: url(../../images/new/reforma_eficiencia.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAerotermia:before{
    -webkit-mask: url(../../images/new/aerotermia.svg) no-repeat;
    mask: url(../../images/new/aerotermia.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAerotermiaA:before{
    -webkit-mask: url(../../images/new/aerotermiaA.svg) no-repeat;
    mask: url(../../images/new/aerotermiaA.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}

.icoLucesLed:before{
    -webkit-mask: url(../../images/new/lucesLed.svg) no-repeat;
    mask: url(../../images/new/lucesLed.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}

.icoPiscina:before{
    -webkit-mask: url(../../images/new/piscina.svg) no-repeat;
    mask: url(../../images/new/piscina.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoArtNuevo:before{
    -webkit-mask: url(../../images/new/articuloNuevo.svg) no-repeat;
    mask: url(../../images/new/articuloNuevo.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoBano:before{
    -webkit-mask: url(../../images/new/bano.svg) no-repeat;
    mask: url(../../images/new/bano.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoComplementos:before{
    -webkit-mask: url(../../images/new/complementos.svg) no-repeat;
    mask: url(../../images/new/complementos.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoJuvenil:before{
    -webkit-mask: url(../../images/new/juvenil.svg) no-repeat;
    mask: url(../../images/new/juvenil.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoSalon:before{
    -webkit-mask: url(../../images/new/salon.svg) no-repeat;
    mask: url(../../images/new/salon.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoDormitorio:before{
    -webkit-mask: url(../../images/new/dormitorio.svg) no-repeat;
    mask: url(../../images/new/dormitorio.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoMueblesCasa:before{
    -webkit-mask: url(../../images/new/mueblesCasa.svg) no-repeat;
    mask: url(../../images/new/mueblesCasa.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAccesoriosBici:before{
    -webkit-mask: url(../../images/new/accesoriosBici.svg) no-repeat;
    mask: url(../../images/new/accesoriosBici.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoAccesoriosOptica:before{
    -webkit-mask: url(../../images/new/accesoriosOptica.svg) no-repeat;
    mask: url(../../images/new/accesoriosOptica.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
#prestamoDetail{
    position:absolute;
    top:0;
    right:0;}

#simuDetail, #prestamoDetail{
    margin-top:40px;
    float:right;
    max-width:300px;
    z-index: 3;
}
.simulatorGird.linkMaterial.greenMaterial{
   border:1px solid #c4d600;
}
.simulatorGird.linkMaterial.greenMaterial.active{
   border:1px solid #c4d600 !important;
   background:rgba(196,214,0,.5);
}
.greenMaterialPoint{
    display:none;
    position:absolute;
    height:auto;
    font-size:13px;
    color:#838906;
    background:#fff;
    padding:10px;
    text-align:center;    
    border:1px solid #c4d600;
    border-radius:5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.175);
}
.greenMaterialPoint:before{
    position:absolute;
    display: inline-block;
    top:-5px;
    left:47%;
    content:'';
    width:9px;
    height:9px;
    border-left:1px solid #c4d600;
    border-top:1px solid #c4d600;
    background:#ffffff;
    -webkit-transform: rotate(45deg) translate(0px,0px);
    -moz-transform: rotate(45deg) translate(0px,0px);
    -ms-transform: rotate(45deg) translate(0px,0px);
    -o-transform: rotate(45deg) translate(0px,0px);
    transform:rotate(45deg) translate(0px,0px);
    -webkit-transition: all .5s;		
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.greenMaterialPoint:after{
    position:relative;
    display: block;
    top:0;
    left:0;
    content:'';
    width: 45px;
    height: 50px;
    padding:20px;
    margin: 10px auto 3px;
    background: url(../../images/new/icoEco3_colors.svg) no-repeat 50% 50%;;
    /* -webkit-mask: url(../../images/new/icoEco3.svg) no-repeat 50% 50%;
    mask: url(../../images/new/icoEco3.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;*/
}
.prodSostenible{
    display:block;
    padding:10px;
    background:#ffffff;
    color:#838906;
    border-radius:4px;
    margin-top:10px;
    font-size:14px;
    text-align:center;
    border:1px solid #c4d600;
    border-radius:5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.175);
}
.prodSostenible:after{
    display:block;
    margin:10px auto;
    content: '';
    padding:20px;
    width:60px;
    height:60px;
    background:url(../../images/new/icoEco3_colors.svg) no-repeat 50% 50%;
    /*background: #c4d600;
    -webkit-mask: url(../../images/new/icoEco3_colors.svg) no-repeat 50% 50%;
    mask: url(../../images/new/icoEco3_colors.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;*/
}
fieldset.simulador{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}
.simulador .optionalFilters{
    width:35%;
}


#setSimulation .form_field{
    display:flex;
    flex-direction:row;
    align-items: center;
    gap:10px;
}
.btnSelPromo{
    position: relative;
    display: block;
    margin:0 auto;
    width: 30px;
    cursor: pointer;
    text-decoration: none;
}
.btnSelPromo:before{
    padding:10px;
    margin: 0 auto;
    content: " ";
    display: block;    
    background:#747474;
    -webkit-mask: url("../../images/new/ic-double-arrow.svg") no-repeat 15%;
    mask: url("../../images/new/ic-double-arrow.svg") no-repeat 15%;
     mask-size:90%;
    -webkit-mask-size:90%;
}
.btnSelPromo:hover:before,.btnSelPromo.active:before{
    padding:10px;
    margin: 0 auto;
    content: " ";
    display: block;    
    background:#3A913F;
    -webkit-mask: url("../../images/new/ic-double-arrow.svg") no-repeat 15%;
    mask: url("../../images/new/ic-double-arrow.svg") no-repeat 15%;
     mask-size:90%;
    -webkit-mask-size:90%;
}

.notaComision{
    font-size:12px;
    margin-left:10px;
    text-transform:none !important;
}
/*-------   IMPRESION PLV , BANNER , ETIQUETA PRECIO -------*/
.overlay_promo {position: fixed; top:0; left:0; display: none; margin:auto auto; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);  }
.overlay_promo h3 {padding-bottom:0; }
/*.overlay_promo p {text-align:justify;}*/
.overlay_wrapper_promo {position: relative; height: auto; background-color: #fff; -ms-border-radius: 4px;-o-border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; width: 890px; margin: 2% auto; padding-bottom: 20px; zoom:85%;}

.overlay_content_promo {padding: 30px 28px 0px; overflow: auto; }
.btn_close_overlay_promo {position: absolute; z-index: 100; display: block; cursor: pointer; top: 20px; right: 20px; text-decoration: none !important; color: #333333; font-weight: 600; font-size: 1.2em; }
.btn_close_overlay_promo:hover{color: #333333;}
#printPlv{
    overflow:auto;
}

.showPrintable{
    position:relative;
}
.waterMark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-mask: url(../../images/new/waterMark.svg) repeat;
    mask: url(../../images/new/waterMark.svg) repeat;
    mask-size: 40%;
    -webkit-mask-size: 40%;
    background: #cccccc99;
    z-index:1;
}
.showPrintable img{
    width:100%;
}
.mainOferta h3{
    font-weight:700;
    color:#FFFFFF;
    text-align:center;
    padding:0;
}
.mainOferta p{
    font-weight:700;
    color:#b4cb01;
    text-align:center;
}
.detailOferta{
    position:absolute;
    color:#000000;
    line-height:16px;
}
.detailOferta span{
    font-size:105%;
    font-weight:700;
}

.detailOferta span.underline{
    text-decoration:underline;
}

/* pongo un !important para pisar style para probar a nivel general */
.plvOferta{
    position:absolute;
    top: 405px;
    left: 210px;
}
.plvOferta h3{
    font-size:70px;
    line-height:95px;
}
.plvOferta h3:first-of-type{
    font-size:88px;
}

.plvOferta p{
    font-size:55px;
    height:80px;
}
.plvPie{
    left: 25px;
    width: 93%;
    padding-bottom:20px;
    text-align: justify;
    top: 1092px;
    font-size: 14px;
}
/*  pongo important para probar el RITM0149918 que hay que cambiar todos los banner de las personalizaciones (rocio) */
.bannerOferta{
    position:absolute;
    top: 125px;
    left: 300px;
    text-align:center;
}
.bannerOferta h3{
    font-size:40px;
    line-height:50px;
}
.bannerOferta h3:first-of-type{
    font-size:50px;
    line-height:50px;
}
.bannerOferta p{
    font-size:30px;
    height:30px;
}
.bannerPie{
    top: 368px;
    left: 20px;
    line-height: 12px;
    width: 80%;
    text-align:justify;
    font-size: 10px;
}

.titEtiqueta{
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    top: 58px;
    width: 725px;
    padding: 40px 40px 0 25px;
    left: 54px;
}


.titEtiqueta h2{
    position:relative;
    font-size:110px;
    line-height:140px;
}
.titEtiqueta h2 span{
    position:absolute;
    top:60px;
    right:5px;
    font-size:20px;
}
.titEtiqueta h3{
    /*display: flex;*/
    text-align:center;
    text-transform:uppercase;
    /*width:auto;*/
    width:330px;
    max-height:200px;
    overflow:hidden;
    font-size:44px;
    font-weight:normal;
    line-height:50px;
}
.mainEtiqueta{
    position: absolute;
    top: 300px;
    left: 85px;
    line-height: 18px;
    width: 38%;
    font-size: 15px;
}
.mainEtiqueta strong{
    font-size:16px;
}
.mainEtiqueta .leftBlock{
    position:relative;
    left:0;
}
.mainEtiqueta .rightBlock{
    position: relative;
    float: right;
    right: 0;
}
.detailEtiqueta{
    position: absolute;
    top: 544px;
    left: 85px;
    line-height: 15px;
    width: 38%;
    font-size: 13px;
    color: #fff;
    background:#11111180;
    padding:5px 10px;
}


/*@media print {
   
@page vertical{size: A4 portrait; margin:0cm;}
@page horizontal {size: A4 landscape; margin:0cm; page-break-before: right;}
.printablePlv{
    page: vertical;
}

.plvOferta{
    top:340pt;
    left:225pt;
    width:370pt;
}

.plvOferta h3{
    font-size:60pt;
    font-weight:700;
    color:#3A913F !important;
    line-height:60pt;
    text-align:center;
    padding:0;
    color-adjust:exact;
    -webkit-print-color-adjust: exact;
}
.plvOferta p{
    font-size:40pt;
    font-weight:700;
    line-height:60pt;
    color:#000000;
    text-align:center;
}
.plvPie{
    text-align: justify;
    position:absolute;
    top:820pt;
    left:60pt;
    width:500pt;
    font-size:10pt;
    line-height:12pt;
}
.detailOferta{
    line-height:10pt;
}
.detailOferta .uText{
    
}

.printableBanner{
    page: vertical;
}
.bannerOferta{
    top:10pt !important;
    left:100pt !important;
    width:210pt;
}
.bannerOferta h3{
    font-size:20pt !important;
    font-weight:700;
    color:#3A913F !important;
    line-height:35pt;
    text-align:center;
    padding:0;
    color-adjust:exact;
    -webkit-print-color-adjust: exact;
}
.bannerOferta p{
    font-size:25pt;
    font-weight:700;
    line-height:30pt;
    color:#000000;
    text-align:center;
}
.bannerPie{
    position:absolute;
    top:260pt;
    left:12pt;
    width:480pt;
    line-height:6pt !important;
    font-size:6pt !important;
}


.printableEtiqueta{
    page: horizontal;
}
.printableEtiqueta img{
   width:838pt;
}
.titEtiqueta{
    position:absolute;
    top:0;
    width:830pt;
    height:300pt;
}
.titEtiqueta h2{
    display: inline-block;
    position:absolute;
    float:right;
    top:140pt;
    right:40pt;
    width:420pt;
    font-size:150pt;
    line-height:28pt;
    text-align:right;
}
.titEtiqueta h2 span{
    font-size:26px;
}
.titEtiqueta h3{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    position:relative;
    top:65pt;
    float:left;
    text-align:center;
    text-transform:uppercase;
    width:220pt;
    height:200pt;
    left:85pt;
    font-size:32pt;
    font-weight:normal;
    line-height:32pt;
}
.mainEtiqueta{
    position:absolute;
    top: 315pt;
    left: 40pt;
    line-height: 18pt;
    width:300pt;
    font-size:15pt;
}
.mainEtiqueta strong{
    font-size:16pt;
}
.mainEtiqueta .leftBlock{
    position:relative;
    left:0;
}
.mainEtiqueta .rightBlock{
    position: relative;
    float: right;
    right: 0;
}
.detailEtiqueta{
    position:absolute;
    top: 550pt;
    left: 15pt;
    line-height: 16pt;
    width:320pt;
    font-size: 13pt;
}

}*/

/*--------fin simulador financiero ------*/
.iconFa{
    padding:10px;
    border:2px solid #3A913F;
    border-radius:8px;
    margin:auto 20px;
    overflow:hidden;
    text-align: center;
    font-weight:700;
    font-size:20px;
    display:inline-block;
    width:100px;
    height:90px;
}

.iconFa:hover{
    border-color:#154734;
}

.fa-chevron-right{
    height:200%;
    width:50%;
}
.iconFa i{
    position:relative;
    left:-5px;
    padding:8px;
    font-size:30px;
}
a.cotitSI, a.cotitNO{
    text-decoration:none;
    font-weight:700;
    text-indent:10px;
    cursor:pointer;
    color:#3A913F;
} 
a.cotitSI:hover, a.cotitNO:hover{
    color: #154734;
}  

.error_list{
    list-style-type: square;
    margin:10px 55px;
    padding-left:10px;
    
}

.chip {
    display: inline-block;
    padding: 0 25px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #f1f1f1;
}

.chip img {
    float: left;
    margin: 0 10px 0 -25px;
     
}


/* Alert documentación
.upload_document_form input[type="button"] {
    width: 100%;
    height: 50px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #009EE0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
}
.upload_document_form input[type="button"]:hover {
    background-color: #79B51C;
}
*/

#dialogEnvioPago {
    padding: 0;
    margin: 0;
}

  /* Popover */
  .popover {
      border: 1px solid #757676;
      padding:0;
      width:170%;
      z-index:3;
  }
  /* Popover Header */
  .popover-title {
      text-align:center;
      font-weight:700;
      font-size:1em;
  }
  /* Popover Body */
  .popover-content {
      font-size:.8em;
      white-space: pre-line;
  }
  /* Popover Arrow */
  .arrow {
      border-right-color: #111111 !important;
  }

  

/*----- Acceso directo chat ----*/

.c-chat-launcher {
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*background: url("../../images/chat_icon.png") no-repeat;
	background-size: 100%;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.directChat{
    position:fixed;
    float:right;
    right:15px;
    width: 110px;
    height: 80px;
    bottom:15px;
    z-index: 80000;
    background-color:rgba(215, 233, 216, 1);
    border-radius:10px;
    box-shadow: 0 3px 5px rgba(0,0,0,.175);
}
.directChat a{
    cursor:pointer;
    text-decoration:none;
    position:absolute;
    padding:22px 19px;
    top:2px;
    left:15px;
    /*color:rgba(113,162,196,100);*/
}
.directChat a:before{
    content:" ";
    padding:10px 20px;
    -webkit-mask: url(../../images/new/dialog.svg) no-repeat 50% 50%;
    mask: url(../../images/new/dialog.svg) no-repeat 50% 50%;
    mask-size:100%;
    -webkit-mask-size:100%;
    background:#3A913F;
}
.directChat a:after{
    content:"¿Te ayudamos?";
    position: absolute;
    top: 55px;
    left: -5px;
    width: 120px;
    font-size: 14px;
    color:#3A913F;
}


.directChat a:hover:before{
    background:#154734;
}
.directChat a:hover:after{
    color:#154734;
}

.suggestionsTab{
    position:fixed;
    float:right;
    right:0;
    width: 27px;
    height: 110px;
    top:118px;
    z-index: 80000;
    /*border:1px solid #3A913F;*/
    /*background-color:rgba(215, 233, 216, 1);*/
    background-color:#3A913F;
    border-radius:6px 0 0 6px;
    box-shadow: -2px 0 6px 2px rgba(0,0,0,.18);
}
.suggestionsTab:hover{
    cursor:pointer;
    background-color:#154734;
    transition: box-shadow .1s linear;
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    -o-transition: box-shadow .1s linear;
    transition-delay: .02s;
    box-shadow: -4px 0 10px 2px rgba(0,0,0,.48);
}
.suggestionsTab a{
    cursor:pointer;
    text-decoration:none;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position:absolute;
    padding:0;
    top:45px;
    right:-27px;
    font-size:14px;
    font-weight:normal;
    color:#ffffff;
}

.suggestionsTab a:hover{
    color:#ffffff;
}

/*.directChat a span{
    font-size:14px;
    font-weight:700;
    display:block;
    position:relative;
    top:-4px;
    padding-left:14px;
    margin:0 auto;
    }
.if-ie{
    right:16px !important;
}

.icon-chatDirect{
    display: block;
    width: 50px;
    margin: 0 auto;
    font-family: 'FontAwesome';
}
.icon-chatDirect:after{
    content:'\f086';
    text-align:center;
    font-size:30px;
}
.icon-chatDirect:hover {
    cursor: pointer;
}
*/


/*----- Simulador -----*/
.dataBox{
    display:flex;
    flex-direction:column;
    background:#ffffff;
    width:100%;
    margin:0 auto;
    margin-bottom:20px;
    padding:32px;
    border:0;
    border-radius:8px;
    box-shadow: 0 3px 6px rgba(0,0,0,.175);
}
.borderBox{
    border:1px solid #C1C6C8;
}

.greyBox{
    background:#f5f5f7;
}

.borderReference{
    border:1px solid #000000;
    border-radius:4px;
    font-size:12px;
    line-height:12px;
    color:#111111;
    padding:8px 12px;
    width:fit-content;
}

.borderReference strong{
    font-size:12px;
    font-weight:700;
}

.dataBoxHeader{
    width: 100%;
    display: inline-block;
    height: auto;
    padding:0;
    margin:0;
}
.dataBoxContent{
    display: flex;
    flex-direction: column;
}
.dataBox.smallBox{
    padding:24px;
    min-width:240px;
}
.smallBox .details label{
    font-weight:normal;
}
.smallBox .details span{
    font-size:14px;
    font-weight:600;
}
.barPrestamo.dataBox{
    border:1px solid #3a913f;
    background:#ffffff;
    width:80%;
    height:90px;
    margin:0 auto;
    padding:0;
}
.promoDetail{
    position:relative;
    display:inline-block;
    width:25%;
    height:88px;
    float:left;
    text-align:center;
    /*padding-top:8px;*/
    color:#111111;
}
.cajaTitle{
    background:#faf5d5;
    border-radius:4px 0 0 4px;
    white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
}
.caja1st{
    background:rgba(0,0,0,.10);
    padding-top:8px;
    
}
.caja2nd{
   background:rgba(0,0,0,.05);
   padding-top:8px;
    
}
.cajaLast{
    background:#ffffff;
    border-radius:0 4px 4px 0;
    padding-top:8px;
}



.cajaDato{
    text-align:center;
    font-size:40px;
    color:#3a913f;
}

.cajaDatoSmaller{
    text-align:center;
    font-size:22px;
    color:#3a913f;
    padding-top:18px;
    line-height:25px;
}

.cajaDatoSmaller .fa{
   cursor:pointer;
}



.navThumb{
    position:absolute;
    width:70% !important;
    margin:0 auto !important;
    float:left;
}
.navItem{
    display:none;
    padding:0 10px;
    font-size:14px;
    margin-bottom:48px;
    
}
.navItem.selected{
    color:#3A913F;
    font-weight:600;
    display:block;
}

.navProgress{
    width:100%;
    height:8px;
    background: #D7E9D8 0% 0% no-repeat padding-box;
}
[class*="step"]
{
    position:absolute;
    display:inline-block;
    height:8px;
    background: rgba(58,145,63,100) 0% 0% no-repeat padding-box;
}
.step1-5{
    width:20%;
}
.step2-5{
    width:40%;
}
.step3-5{
    width:60%;
}
.step4-5{
    width:80%;
}
.step5-5{
    width:100%;
}
.step1-4{
    width:25%;
}
.step2-4{
    width:50%;
}
.step3-4{
    width:75%;
}
.step4-4{
    width:100%;
}
.step1-3{
    width:33%;
}
.step2-3{
    width:66%;
}
.step3-3{
    width:100%;
}

/*-----CONSULTA OPERACIONES  -----*/

[class*="iconEstado"]{
    display:block;
    font-size:11px;
    border-radius: 30px;
    height: 20px;
    padding:2px 10px;
    position: relative;
    text-align:center;
    color:#111111;
    
}
[class*="iconEstado"]:before{
    font-family:'FontAwesome';
    font-size:12px;
    padding-right:5px;
    position: relative;
}
.iconEstadoPRE-APROBADO:before{
    content:'\f040';
    
}
.iconEstadoPRE-APROBADO{
    background-color:rgba(196,214,0,0.50);
    white-space: nowrap;
    
}
.iconEstadoAPROBADO{
    background-color:#40bf5c;
    
}
.iconEstadoFINANCIADO:before{
    content:'\f087';
    
}
.iconEstadoFINANCIADO{
     background-color:rgba(58,145,63,0.33);
     
}
.iconEstadoRECHAZADO:before{
    content:'\f05e';
    
}
.iconEstadoRECHAZADO{
    background-color:#747474;
    color:#ffffff;
    
}
.iconEstadoPENDIENTE:before{
    content:'\f059';
    
}

.iconEstadoPENDIENTE{
    background-color:rgba(255,236,136,0.80);
    
}
.iconEstadoEN:before{
    content:'\f017';
    
}
.iconEstadoEN{
    background-color:#fff27f;
    
}
.iconEstadoRETENIDO:before{
    content:'\f059';
    
}

.iconEstadoRETENIDO{
    background-color:rgba(221,112,134,0.80);
    
}

.iconEstadoRECIBIDO:before{
    content:'\f090';
    
}
.iconEstadoRECIBIDO{
    background-color:#66ccf2;
    
}

.iconEstadoANULADO:before{
    content:'\f12d';
    
}
.iconEstadoANULADO{
    background-color:#e8806e;
    
}


/******* footer *******/
footer{
    width: 100%;
    margin:0 auto;
    padding:20px;
    border-top:1px solid #cccccc;   
    height:fit-content;
    position:relative;
    bottom:0;
    background:#F5F5F7;
    z-index:3;
    clear:both;
}
footer ul{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.85em;
    color: #aaa;
    list-style-type: none;
}
footer .bnp_paribas_logo{
    text-align: center;
    padding-top: 20px;
}

/*.footerImage{
    display:inline-block;
    float:left;
    margin:0 auto;
    width:15%;
    padding-top:10px;
}*/

/*.footerText{
    display:inline-block;
    float:left;
    text-align:center;
    margin:0 auto;
    width:100%;
    height:inherit;
}*/

/*footer ul li{margin: 15px !important; }

footer img{
    padding-top:10px;
    float:left;
}*/

.notaPie{
    font-size:.8em;
    line-height:20px;
}
/*popup promo*/
#overlayPromo, #overlayPromoSimulador{
  position: fixed;
  top:0;
  left:0;
  display:none;
  z-index: 100000;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,.6);
}

#overlayPromoSimulador{
  background-color: rgba(80,80,80,.6);                       
}

/*Efecto latido en promo retail black friday*/
/*@keyframes imgPromoSimu {
        0% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
        100% {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }
    }

    .imgPromoSimulador {
        animation: imgPromoSimu 1s ease-in-out infinite alternate;
        -webkit-animation: imgPromoSimu 1s ease-in-out infinite alternate;
    }*/


.promo_container{
  position: relative;
  margin: 2% auto;
  width:70%;
}
.promo_container2{
  position: relative;
  height: auto;
  margin: 3% auto; 
  padding-bottom: 20px;
  width:100%;
  /*max-width:565px;*/
  max-width:800px;
  
  /* display: inline-block; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
  
}

.promo_container img, .promo_container2 img{width:100%;}

/*
#check-ok{
    position: relative;
    width: 17px;
    height: 17px;
    left: 79px;
    bottom: 68px;
    pointer-events: none;
}
.oculto{
    display:none;
}
*/
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	height:65px;
        border-radius:5px;
}


.cont_banner{
        font-family: sans-serif;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /*user-select: none; 
        background-color: #ffffff;*/
        width:800px;
        height:600px;
    }
    .cont_bannerFormacionGenerico{
        background-image: url(../../images/promos/formacionGenerico.png);
        background-repeat: no-repeat;
        margin:auto;
    }
    .cont_bannerFormacionCadena1{
        background-image: url(../../images/promos/formacionCadenas1.png);
        background-repeat: no-repeat;
        margin:auto;
    }
    .cont_bannerFormacionCadena2{
        background-image: url(../../images/promos/formacionCadenas2.png);   
        background-repeat: no-repeat;
        margin:auto;
    }
    .cont_banner label{
        display: flex;
        flex-direction:row;
        gap:12px;
        align-items: flex-start;
        cursor: pointer;
        padding-bottom:15px
    }
    .cont_banner a{
        color: #04b6e0;
        font-weight:700;
    }
    .cont_banner .checker span{
        background: none;
    }
    .cont_banner input[type="checkbox"]{
        appearance: checkbox;
        -moz-appearance: checkbox;
        -webkit-appearance: checkbox;
        height: 18px;
        width: 18px;
        opacity:1;
    }
    .cont_banner .bannerLogo{
        background-image: url(../../images/logo.png);
        background-repeat: no-repeat;
        background-position: 40px;
        height: 70px;
        background-size: 130px;
    }
    .cont_banner .bannerAltavoz{
        position: absolute;
        right: 50px;
        margin-top: -24px;
        width: auto;
        height: 150px;
    }
    .cont_banner .bannerTexto1{
        margin-left: 40px;
        margin-top: 25px;
        color: #ffb734;
        font-weight:700;
        font-size: 25px;
        margin-right: 320px;
    }
    .cont_banner .bannerTexto2{
        margin-left: 40px;
        margin-bottom: 25px;
        color: #ffb734;
        font-size: 20px;
        margin-right: 320px;
    }
    .cont_banner .bannerMensaje1{
        background-color: #ededed;
        overflow: hidden;
    }
    .cont_banner .bannerTexto3{
        background-image: url(../../images/cuadernoLapiz.png);
        background-repeat: no-repeat;
        margin-left: 30px;
        padding-left: 50px;
        margin-top: 40px;
        margin: 40px 30px 0 30px;
    }
    .cont_banner .bannerTexto4{
        background-image:url(../../images/balanza.png);
        background-repeat: no-repeat;
        padding-left: 50px;
        margin: 20px 30px 30px 30px;
    }
    .cont_banner .bannerTexto5{
        position: relative;
        top: 460px;
        left: 0;
        padding: 25px 30px;
    }
    .cont_banner b{
        color: #535353;
    }
    .cont_banner .franjaInferior{
        background-color: #ffb734;
        height: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        margin-top: 30px;
    }
    /*@media (max-width: 740px) {
        .cont_banner .bannerTexto3{
            margin-right: 30px;
        }
        
    }
    @media (max-width: 540px) {
        .cont_banner .bannerTexto3{
            margin-right: 30px;
        }
        .cont_banner .bannerAltavoz{
            height: 100px;
            margin-top: -70px;
        }
        .cont_banner .bannerTexto1{
            font-size: 25px;
            margin-right: 30px;   
        }
        .cont_banner .bannerTexto2{
            font-size: 20px;
            margin-right: 30px;   
        }
    }*/
    
    
    
/*** Resumen ***/
.pillBoxPrincipal.summary{
    padding: 15px;
    justify-content: flex-start;
    align-items: center;
    cursor:auto;
}
.pillBoxPrincipal.summary .pillTitle{
    position:relative;
    top:0;
}
.pillBoxSummary .pillTitle{
    padding:0 12px;
}


.prodSosteniblePill{
    display:inline-block;
    width:12%;
    padding:10px;
    background:#ffffff;
    margin-top:5px;
    border:1px solid #c4d600;
    border-radius:5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.175);
}
.prodSosteniblePill:after{
    display:block;
    margin:10px auto;
    content: '';
    padding:20px;
    width:60px;
    height:60px;
    background:url(../../images/new/icoEco3_colors.svg) no-repeat 50% 50%;
}
.pillInput{
    padding: 12px 5px 12px 0 !important;
    font-size: 14px !important;
}

.pillInput input{
    border: 1px solid #C1C6C8;
    border-radius: 5px;
    font-size: 12px;
    height: 25px;
    text-align: left;
    padding: 0 5px;
    position: relative;
    top: -2px;
} 
.pillInput input:focus{outline: none !important;}

.pillBoxSummary .pillSummaryCol:before{
    content:'';
    float:left;
    left:-2px;
    position:relative;
    padding:1px;
    width:1px;
    height:20px;
    background: #3A913F no-repeat padding-box;    
}
.pillSummaryCol{
    display: inline-block;
    width: 32%;
    padding: 0;
    margin:12px 0;
    border-left:2px solid #D2D2D7;
}
.cols2{
    width: 49.2%;
}
.cols3{
    width: 33%;
}
.cols4{
    width: 24.6%;
}

.btnResumen{
    position: relative;
    display: block;
    margin: 20px auto;
    border: 1px solid transparent;
    border-radius: 60px;
    height: 100px;
    width: 100px;
    background-color: #fff5c3;
}
.btnResumen:before {
    width: 43px;
    height: 50px;
    margin: 23px auto;
    content: " ";
    display: block;
}

.btnResumen[class*="icoSummary"]:before{
    background:#3a913f;
}

.icoSummaryCli:before{
    -webkit-mask: url(../../images/new/user-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/user-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryCredit:before{
    -webkit-mask: url(../../images/new/wallet-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/wallet-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummarySafe:before{
    -webkit-mask: url(../../images/new/umbrella-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/umbrella-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryContact:before{
    -webkit-mask: url(../../images/new/mail-bulk-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/mail-bulk-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryPersonalData:before{
    -webkit-mask: url(../../images/new/id-card-regular.svg) no-repeat 50% 70%;
    mask: url(../../images/new/id-card-regular.svg) no-repeat 50% 70%;
   -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryProf:before{
    -webkit-mask: url(../../images/new/user-tie-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/user-tie-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryCotit:before{
    -webkit-mask: url(../../images/new/user-friends-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/user-friends-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryBank:before{
    -webkit-mask: url(../../images/new/university-solid.svg) no-repeat 50% 70%;
    mask: url(../../images/new/university-solid.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}
.icoSummaryEco:before{
    background: url(../../images/new/icoEco3_colors.svg) no-repeat 50% 70%;
    mask: url(../../images/new/icoEco3_colors.svg) no-repeat 50% 70%;
    -webkit-mask-size: 50%;
    mask-size: 50%;
}

   
    
/*** Resultado operación ****/

[class*="imgResult_"]{
    width:fit-content;
    height:220px;
    margin:30px 0 20px 0;
}
[class*="imgResult_"]:before {
    content:" ";
    width:190px;
    height:190px;
    border-radius: 100px;
    position: absolute;
}
.imgResult_success:before {
    background: url(../../images/new/illustration-checklist.svg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_finish:before {
    background: url(../../images/new/imgResultSuccess.jpg) no-repeat -16px;
    background-size: 120%;
}

.imgResult_ko:before {
    background: url(../../images/new/imgResultRejected.jpg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_estudio:before {
    background: url(../../images/new/imgResultWait.jpg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_download:before {
    background: url(../../images/new/imgResultDescarga.jpg) no-repeat -16px;
    background-size: 120%;
}

.imgResult_EnvioPin:before {
    background: url(../../images/new/illustration-pin.svg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_serverError:before {
    background: url(../../images/new/illustration-desert.svg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_outSession:before {
    background: url(../../images/new/imgOutSession.svg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_newKeyOk:before {
    background: url(../../images/new/imgResult_newKeyOk.svg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_utilizacionTpt:before {
    background: url(../../images/new/illustration-plane.svg) no-repeat -16px;
    background-size: 120%;
}
.imgResult_invoice:before {
    background: url(../../images/new/illustration-invoice.svg) no-repeat 0px;
    background-size: 100%;
}

.btnProcesoFirma{
    position: relative;
    display: block;
    margin: 5px auto;
    border: 2px solid #3A913F;
    border-radius: 5px;
    height: 120px;
    width: 120px;
    box-shadow: 0 3px 8px rgba(21,71,52,.175);
    background-color: white;
    cursor: pointer;
    text-decoration: none;
}
.btnProcesoFirma:hover{
    transform: translate(3px, 3px);
    box-shadow: 0 3px 8px rgba(21,71,52,.85);
    text-decoration:none;
    background:#154734;
    border: 2px solid transparent;
 }
 
.btnProcesoFirma:before {
    width: 60px;
    height: 60px;
    margin: 15px auto 0;
    content: " ";
    display: block;
}
.btnProcesoFirma span{
    text-align: center;
    display: block;
    width: 100%;
    font-size:13px;
    color:#3A913F;
    text-decoration:none;
    padding:0;
}
.btnProcesoFirma:hover span{
    color:white;
}

.btnProcesoFirma[class*="ico"]:before{
    background:#3A913F;
}

.btnProcesoFirma:hover[class*="ico"]:before{
    background: white; 
}

.icoWebPin:before{
    -webkit-mask: url(../../images/new/pinMovil.svg) no-repeat;
    mask: url(../../images/new/pinMovil.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}

.icofirmaTablet:before{
    -webkit-mask: url(../../images/new/firmaTablet.svg) no-repeat;
    mask: url(../../images/new/firmaTablet.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}

.icofirmaManual:before{
    -webkit-mask: url(../../images/new/firmaManual.svg) no-repeat;
    mask: url(../../images/new/firmaManual.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.icoGestionCliente:before{
    -webkit-mask: url(../../images/new/gestionCliente.svg) no-repeat;
    mask: url(../../images/new/gestionCliente.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
}
.infoBox.greyBox{
    width:100%;
}
.greyBox .link{
    text-decoration:none;
    cursor:pointer;
    color:#111111;
    font-size:12px;
    line-height:16px;
    display:flex;
    align-items: center;
}
.greyBox .link:before{
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    content: " ";
    background:#111111;
    -webkit-mask: url(../../images/new/ic-info.svg) no-repeat;
    mask: url(../../images/new/ic-info.svg) no-repeat;
    mask-size:90%;
    -webkit-mask-size:90%;
}
.greyBox .link:after{
    width: 9px;
    height: 9px;
    position: absolute;
    right:16px;
    content: " ";
    border-top:2px solid #111111;
    border-right:2px solid #111111;
    -webkit-transform: rotate(45deg) translate(0px,0px);
    -moz-transform: rotate(45deg) translate(0px,0px);
    -ms-transform: rotate(45deg) translate(0px,0px);
    -o-transform: rotate(45deg) translate(0px,0px);
    transform:rotate(45deg) translate(0px,0px);
}

#infoCalculoCuotas .overlay_wrapper{
    width:98%;
    height:90%;
    max-height:650px;
}
.regularTable{
    width:98%;
    margin:0 auto;
}

.regularTable tr{
     border-bottom:1px solid #C1C6C8;
     /*cursor:pointer;*/
}
.regularTable tr.cuotasBlue{
     background:#f0f9fc !important;
     /*cursor:pointer;*/
}
.regularTable.total tr{
     border-top:1px solid #C1C6C8;
}
.regularTable th{
    text-transform:uppercase;
    font-size:12px;
    text-align:left;
    color:#747474;
    padding:10px 5px;
}
.regularTable.total th{
    background:#D7E9D8;
}
.regularTable td{
    text-transform:capitalize;
    font-size:12px;
    text-align:left;
    color:#747474;
    padding:10px 5px;
}
.regularTable.total td{
    background:#F5F5F7;
}
.regularTable.narrowTable{
    width:50%;
    float:unset;
}
/*---Consulta de operaciones---*/
/*.form_search_filter {min-height:90px;}*/
.operations_filter{ 
    width: 100%;
    height: 56px;
    background: #F5F5F7 0% 0% no-repeat padding-box;
    border-radius: 56px;
    opacity: 1;
}
.operations_filter.transferTitle{ 
    width: 31%;
    display:inline-block;
    margin-top:35px;
}


.operations_filter .form_field.filter{height: 56px;}
.query_result_data_header{
    display:block;
}

/*-----Documentación-----*/
h3.doc_title{
    display:none;
    padding:0;
    margin:0 0 15px 0;
    position:relative;
    top:18px;
    width:100%;
}
.form_field label.inside_doc{
    position: absolute; 
    float:left; 
    display:inline-block; 
    top:22px;
    font-size:12px; 
    font-weight:normal; 
    color:#747474;
    z-index:1;}

.form_field label.inside_doc span{
    margin: 0 8px 0 4px;
    border-radius: 8px;
    background: #f4f3f8;
    padding: 14px 0;
    
    }
.form_field label.inside_doc span:before{
    content:'';
    padding: 14px 22px;
    -webkit-mask: url(../../images/new/ic-file.svg) no-repeat 50% 52%;
    mask: url(../../images/new/ic-file.svg) no-repeat 50% 52%;
    mask-size:25px;
    -webkit-mask-size:25px;
    background:#C1C6C8;
}
.form_field label.inside_doc.doc_ok span:before{
    -webkit-mask: url(../../images/new/post-ok.svg) no-repeat 40% 50%;
    mask: url(../../images/new/post-ok.svg) no-repeat 40% 50%;
    mask-size:25px;
    -webkit-mask-size:25px;
    background:#3A913F;
}
.form_field label.inside_doc.NIF_ANVERSO_TIT span:before,
.form_field label.inside_doc.NIF_ANVERSO_COTIT span:before,
.form_field label.inside_doc.NIE_ANVERSO_TIT span:before,
.form_field label.inside_doc.NIE_ANVERSO_COTIT span:before{
    -webkit-mask: none;
    mask: none;
    background: url(../../images/new/ic-dni.svg) no-repeat 40% 50% #ffffff;
    background-size:95%;
}
.form_field label.inside_doc.NIF_REVERSO_TIT span:before,
.form_field label.inside_doc.NIF_REVERSO_COTIT span:before,
.form_field label.inside_doc.NIE_REVERSO_TIT span:before,
.form_field label.inside_doc.NIE_REVERSO_COTIT span:before{
   -webkit-mask: none;
    mask: none;
    background: url(../../images/new/ic-dni-back.svg) no-repeat 40% 50% #ffffff;
    background-size:95%;
}
.form_field label.inside_doc.NIF_ANVERSO_TIT.doc_ok span:before,
.form_field label.inside_doc.NIF_ANVERSO_COTIT.doc_ok span:before,
.form_field label.inside_doc.NIE_ANVERSO_TIT.doc_ok span:before,
.form_field label.inside_doc.NIE_ANVERSO_COTIT.doc_ok span:before{
    -webkit-mask: none;
    mask: none;
    background: url(../../images/new/ic-dni-ok.svg) no-repeat 40% 50% #ffffff;
    background-size:95%;
}
.form_field label.inside_doc.NIF_REVERSO_TIT.doc_ok span:before,
.form_field label.inside_doc.NIF_REVERSO_COTIT.doc_ok span:before,
.form_field label.inside_doc.NIE_REVERSO_TIT.doc_ok span:before,
.form_field label.inside_doc.NIE_REVERSO_COTIT.doc_ok span:before{
   -webkit-mask: none;
    mask: none;
    background: url(../../images/new/ic-dni-back-ok.svg) no-repeat 40% 50% #ffffff;
    background-size:95%;
}

.form_field label.inside_doc.JUSTIFICANTE_BANCARIO_TIT span:before,
.form_field label.inside_doc.JUSTIFICANTE_BANCARIO_COTIT span:before{
    -webkit-mask: url(../../images/new/ic-justif-banco.svg) no-repeat 50% 52%;
    mask: url(../../images/new/ic-justif-banco.svg) no-repeat 50% 52%;
    mask-size:80%;
    -webkit-mask-size:80%;
}

.form_field label.inside_doc.JUSTIFICANTE_BANCARIO_TIT.doc_ok span:before,
.form_field label.inside_doc.JUSTIFICANTE_BANCARIO_COTIT.doc_ok span:before{
     -webkit-mask: url(../../images/new/ic-justif-banco-ok.svg) no-repeat 50% 52%;
    mask: url(../../images/new/ic-justif-banco-ok.svg) no-repeat 50% 52%;
    mask-size:80%;
    -webkit-mask-size:80%;
}
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_TIT_UNO span:before,
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_TIT_DOS span:before,
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_CNY_UNO span:before,
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_CNY_DOS span:before,
.form_field label.inside_doc.PENS_TIT_UNO span:before,
.form_field label.inside_doc.PENS_TIT_DOS span:before{
    -webkit-mask: url(../../images/new/ic-nomina.svg) no-repeat 50% 52%;
    mask: url(../../images/new/ic-nomina.svg) no-repeat 50% 52%;
    mask-size:80%;
    -webkit-mask-size:80%;
}

form_field label.inside_doc.JUSTIFICANTE_INGRESOS_TIT_UNO.doc_ok span:before,
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_TIT_DOS.doc_ok span:before,
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_CNY_UNO.doc_ok span:before,
.form_field label.inside_doc.JUSTIFICANTE_INGRESOS_CNY_DOS.doc_ok span:before,
.form_field label.inside_doc.PENS_TIT_UNO.doc_ok span:before,
.form_field label.inside_doc.PENS_TIT_DOS.doc_ok span:before{
    -webkit-mask: url(../../images/new/ic-nomina-ok.svg) no-repeat 50% 52%;
    mask: url(../../images/new/ic-nomina-ok.svg) no-repeat 50% 52%;
    mask-size:80%;
    -webkit-mask-size:80%;
}


.form_field .btn_upload{
    background-color: #fff;
    border: 2px dotted #3A913F;
    border-radius: 8px;	
    color: #58585a;
    display: block;
    float: right;
    font: 15px/19px Arial, sans-serif;
    height: 50px;	
    transition: border-color 300ms ease-out;
    width: 100%;
    -webkit-appearance: none; /* for box shadows to show on iOS */
    position: relative;
    display: block;
}
.form_field .btn_upload label.inside{position: absolute; float:left; display:inline-block; top:16px; left:16px; font-size:12px; font-weight:normal; color:#747474;z-index:1;}
.btn_upload input[type="file"] {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height:100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor:pointer;
}
.form_field .btn_upload.doc_ok{
    border: 2px solid #e1e1e2;
}
.btn_upload span{
    display:inline-block;
    float:right;
    padding:12px;
}
#showOtros{
    cursor:pointer;
    font-weight:700;
    /*font-size:20px;*/
    color:#3A913F;
    text-decoration:none;
    width: 22px;
    height: 22px;
    border: 1px solid #3a913f;
    border-radius: 20px;
    padding: 0;
    margin-left:15px;
}
#showOtros:hover{
    color:#747474;
}
#showOtros:before{
    content:' ';
    padding: 15px;
    -webkit-mask: url(../../images/new/add-file.svg) no-repeat 50% 52%;
    mask: url(../../images/new/add-file.svg) no-repeat 50% 52%;
    mask-size:20px;
    -webkit-mask-size:20px;
    background:#3a913f;
    }
    
.smallBox h4{
    display:block;
    padding:10px;
    background:#F5F5F7;
    border-radius:8px;
    color:#3a913f;
} 
.smallBox p.ok{
    display:inline-block;
    margin-top:12px;
    font-size:15px;
}
.smallBox p.ok strong{
    margin-left:30px;
}
.smallBox p.ok.bold{
   font-weight:700;
}
.smallBox p.ok img.tick{    
    width: 30px;
    height:30px;
    -webkit-mask: url(../../images/new/ic-tick.svg) no-repeat 40% 50%;
    mask: url(../../images/new/ic-tick.svg) no-repeat 40% 50%;
    mask-size:15px;
    -webkit-mask-size:15px;
    background:#3a913f;
}
.icoEyeDocu{
    display:inline-block;
    margin-right:10px;
}
.icoEyeDocu:before{
    -webkit-mask: url("../../images/new/eye.svg") no-repeat 15% 100%;
    mask: url("../../images/new/eye.svg") no-repeat 15% 100%;
     mask-size:90%;
    -webkit-mask-size:90%;
}
.icoEyeDocu:hover:before{
    background:#3a913f;
}

.rqfuDocs{
    font-weight:900;
}

.icoEyeReview{
    display:inline-block;
    margin-right:10px;
    margin-bottom: -5px;
    font-weight:700;
}
.icoEyeReview:before{
    -webkit-mask: url("../../images/new/eyeReview.svg") no-repeat 15% 100%;
    mask: url("../../images/new/eyeReview.svg") no-repeat 15% 100%;
     mask-size:90%;
    -webkit-mask-size:90%;
    background:#3a913f;
}

.icoEyeReview:hover:before{
    background:#3a913f;
}
.regularTable td.docAlert{
     color:#3a913f;
     padding:6px 0;
}

.smallBox p.ok.bold img.icoEyeReview{    
    width: 30px;
    height:30px;
    -webkit-mask: url(../../images/new/eyeReview.svg) no-repeat 40% 50%;
    mask: url(../../images/new/eyeReview.svg) no-repeat 40% 50%;
    mask-size:17px;
    -webkit-mask-size:17px;
    background:#3a913f;
    margin:0;
}

#appApple:hover .rightSide img, #appGoogle:hover .rightSide img{
    transform:scale(2.1) translate(5px,5px);
    -webkit-transition: all .5s;		
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


/*----Utilizacion LineaCredito ----*/
.form_field .icoCreditLine{
    position: absolute; 
    float:left; 
    display:inline-block; 
    top:26px;
    font-size:12px; 
    font-weight:normal; 
    color:#747474;
    z-index:1;}

.form_field .disponibleCredit{
    position: absolute; 
    float:right; 
    display:inline-block; 
    top:26px;
    font-size:12px; 
    font-weight:normal; 
    color:#747474;
    z-index:1;}

.form_field .icoCreditLine span{
    margin: 0 8px 0 4px;
    border-radius: 8px;
    background: #f4f3f8;
    padding: 14px 0;
    
    }
.form_field .icoCreditLine span:before{
    content:'';
    padding: 14px 22px;
    -webkit-mask: url(../../images/new/ic-file.svg) no-repeat 50% 52%;
    mask: url(../../images/new/ic-file.svg) no-repeat 50% 52%;
    mask-size:25px;
    -webkit-mask-size:25px;
    background:#C1C6C8;
}
.form_field .btn_utilizacion{
    background-color: #fff;
    border: 1px solid #C1C6C8;
    border-radius: 8px;	
    color: #58585a;
    display: block;
    float: left;
    font: 15px/19px Arial, sans-serif;
    height: 82px;
    width: 100%;
    position: relative;
    display: block;
}
.btn_print{
    color:#3A913F;
    font-size:12px;
    text-decoration:none;
    margin:10px;
}
.btn_print:before{
    content:'';
    padding: 14px;
     -webkit-mask: url(../../images/new/ic-print.svg) no-repeat 40% 50%;
    mask: url(../../images/new/ic-print.svg) no-repeat 40% 50%;
    mask-size:18px;
    -webkit-mask-size:70%;
    background:#154734;
}
#hiddenVendor{
    float: right;
    font-size: 14px;
    font-weight:700;
    padding-bottom: 10px;
}

/* carrousel formación */

#formacion{
  max-width:100%;
  padding:50px 75px 50px 45px;
  position:relative;
}
.modal-lg{
    margin: 5% auto;
    width: 55%;
}
.modal-lg.modalAttVirtual{
   width:30%; 
   margin: 2% auto;
}
.modal-lg.modalGesCliente{
   width:50%; 
   margin: 2% auto;
}


button:focus {outline:0 !important;}


.left-controls{
  
  position:absolute;
  top:99;
  left:0;
  width:4%;
  height:350px;
  z-index:9;
  background:#3a913f;
  opacity:1;
  cursor:pointer;
  text-align:center;
  -webkit-justify-content: center;
  justify-content:center;
  display: webkit box;
  display: webkit flex;
  display: moz box;
  display:ms flexbox;
  display:flex;
  color:#fff;

}

.fa-chevron-left-extra
{
  align-self:center;
  position:relative;
  height:auto;
  top:-250px;
  transform-origin: 55% 50%;
  font-style:normal;
  font-weight:400;
  line-height:1;
  font-variant:normal;
  text-transform:none;
  font-size:2.5vw;
  transition:transform .1s ease-out 0s;
  transition-property: transform;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  color:blue;
  opacity:.1;
}


.right-controls{
  position:absolute;
  top:0;
  right:23px;
  width:4%;
  height:350px;
  z-index:9;
  background:#6d902f;
  opacity:1;
  cursor:pointer;
  text-align:center;
  -webkit-justify-content: center;
  justify-content:center;
  display: webkit box;
  display: webkit flex;
  display: moz box;
  display:ms flexbox;
  display:flex;
  color:#fff;
}

.fa-chevron-right-extra
{
  align-self:center;
  position:relative;
  height:auto;
  top:-250px;
 transform-origin: 55% 50%;
  font-style:normal;
  font-weight:400;
  line-height:1;
  font-variant:normal;
  text-transform:none;
  font-size:2.5vw;
  transition:transform .1s ease-out 0s;
  transition-property: transform;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  color:blue;
  opacity:.1;
}

.title{
  color:#eee;
}

.modulo-section{
  max-width: 100%;  
  overflow: hidden;
  overflow-x:scroll;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  
}

.formax{
width:600em;
list-style-type:none;
padding:50px 0 50px 0;



}

#contenido{
  position:relative;
}

/*
.arrow-guides, .arrow-guides:hover{

font-size:29px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
float:left;
position:relative;
top:80px;
left:-10px;
padding: 10px 5px 5px 2px;
background:#999;
color:#fff;
}
*/

/*
.arrow-guides-right, .arrow-guides-right:hover{

font-size:29px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
float:right;
position:relative;
bottom:185px;
right:-40px;
padding: 10px 2px 5px 5px;
background:#999;
color:#fff;
}

*/




.bloque{
  width: 9em;
  height:185px;
  background:#fff;
  float:left;
  margin-right:10px;
  margin-bottom:50px;
  cursor:pointer;
  transform: scale(1);
  visibility:visible;
  -moz-box-shadow: 0px 1px 5px 0px #676767;
  -webkit-box-shadow: 0px 1px 5px 0px #676767;
  box-shadow: 0px 1px 5px 0px #676767;
  
}

.bloque:hover{
  cursor:pointer;
  transform: scale(1);
  visibility:visible;
  transition: all .2s ease-in-out;
  transform: scale(1.1); 
  z-index:100;
  position:relative;
  transition-timing-function:cubic-bezier(0.5, 0, 0.1, 1);
  transition-duration:400ms;
 
  
}

 .inside-top{
  width:100%;
  height:65px;
  background:#3a913f;
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}



.espaciador {
  overflow: auto;
  zoom: 1;
}


 /* carrusel estatico*/
 .imgCarrusel{
     border-radius: 5.5rem;
     width:75%;
 }
 .imgDemos{
     width:75%;
 }
 .titleCarrusel {
    display: flex;
    flex-direction: column;
    top: 18px;
 }
 .titleDemos {
    display: flex;
    flex-direction: column;
 }
 [class*="demoIco"]:before{
    content:'';
    padding:20px;
    margin-left:0;
    background:#4B4F54;
 }
 .demoIcoHome:before{
    -webkit-mask: url(../../images/new/ic-home.svg) no-repeat;
    mask: url(../../images/new/ic-home.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
 }
 .demoIcoLoan:before{
    -webkit-mask: url(../../images/new/icon-loan.svg) no-repeat;
    mask: url(../../images/new/icon-loan.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
 }
 .demoIcoCard:before{
    -webkit-mask: url(../../images/new/ic-card.svg) no-repeat;
    mask: url(../../images/new/ic-card.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
 }
 .demoIcoSimu:before{
    -webkit-mask: url(../../images/new/icon-filters.svg) no-repeat;
    mask: url(../../images/new/icon-filters.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
 }
 .demoIcoOper:before{
    -webkit-mask: url(../../images/new/ic-transfer.svg) no-repeat;
    mask: url(../../images/new/ic-transfer.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
 }
   .demoIcoFavourites:before{
    -webkit-mask: url(../../images/new/ic-favourites.svg) no-repeat;
    mask: url(../../images/new/ic-favourites.svg) no-repeat;
    mask-size:100%;
    -webkit-mask-size:100%;
   }
 .contenedorCarrusel {
  display: flex;
  margin-top: 15px;
  height:120px;
}
.contenedorCarrusel.banner {
  height:auto;
  box-shadow: 0px 8px 16px rgba(0,0,0,.2);
}

.itemcarrusel {
  width: 100%;
  position: relative;
  display: block;
  flex: 1 1 0px;
  transition: transform 500ms;
  margin-right:2px;
}

.itemcarrusel[class*="itemdemo"]{
    margin:0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size:100%;
}
.itemcarrusel.itemdemoInicio{
    background-image: url(../../images/new/inicioXD.jpg);
}
.itemcarrusel.itemdemoOneclick{
    background-image: url(../../images/new/oneClickXD.jpg);
}
.itemcarrusel.itemdemoGratuito{
    background-image: url(../../images/new/gratuitoXD.jpg);
}
.itemcarrusel.itemdemoInteres{
    background-image: url(../../images/new/interesXD.jpg);
}
.itemcarrusel.itemdemoDocupago{
    background-image: url(../../images/new/docuPagoXD.jpg);
}
.itemcarrusel.itemdemoTarjeta{
    background-image: url(../../images/new/tarjetasXD.jpg);
}
.itemcarrusel.itemdemoSimulador{
    background-image: url(../../images/new/simuladorXD.jpg);
}
.itemcarrusel.itemdemoMSimulador{
    background-image: url(../../images/new/misimulacionXD.jpg);
}
.itemcarrusel.itemdemoOperaciones{
    background-image: url(../../images/new/operacionesXD.jpg);
}

.itemcarrusel[class*="itemdemo"] span{
    width: 50px;
    height: 50px;
    padding: 4px;
    font-size: 30px;
    font-weight:700;
    background: rgba(225, 225, 225, .9);
    color: #000000;
    border-radius: 30px;
    box-shadow: 0 0 4px gray;
}

.contenedorCarrusel .itemcarrusel[class*="itemdemo"] span:focus,
.contenedorCarrusel .itemcarrusel[class*="itemdemo"] span:hover {
    transform: scale(1.1);
    transition: transform 500ms;
    z-index: 1;
    box-shadow: 0 0 6px grey;
}

.contenedorCarrusel.banner .itemcarrusel{
  margin-right:0;
}
.itemcarrusel span{
    width: 100%;
    position: absolute;
    padding:3px 0;
    display:block;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    font-weight:700;
    background: rgba(0, 0, 0, .07);
    color: #000000;
    border-radius: 0 0 4px 4px;
}
.itemcarrusel img{
 border-radius: 4px 4px 0 0;
}
.contenedorCarrusel.banner .itemcarrusel img{
  border-radius: 4px;
}

.contenedorCarrusel .itemcarrusel:focus,
.contenedorCarrusel .itemcarrusel:hover {
  transform: scale(1.3);
  z-index: 1;
}

.contenedorCarrusel.banner .itemcarrusel:focus,
.contenedorCarrusel.banner .itemcarrusel:hover {
  box-shadow: 0px 8px 16px rgba(0,0,0,.2);
}

/** INIT Estilos cookies **/
#modalCookies.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
 
.fondo-negro {
	background: rgb(68 68 68 / 50%);
    width: auto;
    height: auto;
    z-index: 999;
}
.dk-modal-cookies-variante-C {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 30px #000000CC;
	border-radius: 6px;
	opacity: 1;
	top: 50%;
	left: 50%;
	width: 758px;
	height: auto;
	position: absolute;
	transform: translate(-50%, -50%) !important;
}
.illustration-cookie {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
	margin-bottom: 24px;
}
.configuracion-cookies-text h2 {
	text-align: center;
	font: normal normal 900 24px/26px Arial;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
	margin: 0px;
}
.configuracion-cookies-text p {
	text-align: center;
	font-size: 14px;
	letter-spacing: 0px;
	color: #333333;
	margin: 16px 0px 0px 0px;
    padding: 0px 102px;
}
.configuracion-cookies-text a {
	text-align: center;
	text-decoration: underline;
	font: normal normal bold 14px/21px Arial;
	letter-spacing: 0px;
	color: #3A913F;
}
.btn-aceptar-cookie-modal {
	display: flex;
	justify-content: center;
	margin: 56px 0px;
}
.btn-aceptar-cookie-modal button {
	height: 50px;
	background: #3A913F;
	border: 0px;
	border-radius: 25px;
	text-align: center;
	font: normal normal bold 16px/14px Arial;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 0px 52px;
	cursor: pointer;   
}
.btn-aceptar-cookie-modal button.continuar-cookie {background: #558806;}
article.dk-modal-cookies-variante-C footer {padding: 0px;}
 


/*syles index cadenas-grupos*/
.dvVentajasVideoAsiFunciona {
    margin-bottom: 0px;
    position:relative;
    top:40px;
    background-color: #3A913F;
   
}
.dvVentajasVideoAsiFunciona, .dvAsiFuncionaLanding {
    color: #fff;
    /*overflow: hidden;*/
    width: 100%;
}
    .dvVentajasVideoAsiFunciona .dvImg, .dvAsiFuncionaLanding .dvImg {
    background-blend-mode: multiply;
    background-color: #3A913F;
    background-size:cover;
    overflow:hidden;
    width:100%;
    height:500px;
}            
.dvVentajasVideoAsiFunciona .dvImg:before, .dvAsiFuncionaLanding .dvImg:before {
    background-color: rgba(58, 145, 63, 0.6);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
}
.dvVentajasVideoAsiFunciona .dvImg img, .dvAsiFuncionaLanding .dvImg img {
    opacity: 0;
}
.portlet-journal-content .journal-content-article img, .portlet-journal-content .journal-content-article .cke_widget_image {
    max-width: 100%;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}
.dvVentajasVideoAsiFunciona .dvContenido, .dvAsiFuncionaLanding .dvContenido {
    position: absolute;
    top: 30px;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo {
    overflow: hidden;
    padding-left: 4.94%;
    padding-right: 4.7%;
    width: 100%;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo > div, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo > div {
    float: left;
    width: 47.3%;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo > div h2, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo > div h2 {
    font-size: 36px;
    line-height: 40px;
    padding: 0;
    color: #fff;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo > div .dvVentajas02 > div, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo > div .dvVentajas02 > div {
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo > div .dvVentajas02 > div img, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo > div .dvVentajas02 > div img {
    float: left;
    width: 42px;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo > div .dvVentajas02 > div img + div, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo > div .dvVentajas02 > div img + div {
    float: right;
    width: calc(100% - 72px);
}
.dvVentajasVideoAsiFunciona .dvContenido .dvVentajasVideo > div.dv-video, .dvAsiFuncionaLanding .dvContenido .dvVentajasVideo > div.dv-video {
    float: right;
    height: 0;
    right:0;
    left:60px;
    margin-top: 60px;
    overflow: hidden;
    position: relative;
    padding-bottom: 24%;
    padding-top: 30px;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvAsiFunciona, .dvAsiFuncionaLanding .dvContenido .dvAsiFunciona {
    margin-top: 30px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
    width: 100%;
    background-color: #3A913F;
}

.dvVentajasVideoAsiFunciona .dvContenido .dvAsiFunciona h3, .dvAsiFuncionaLanding .dvContenido .dvAsiFunciona h3 {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    color: #111;
    margin-bottom: 15px;
    margin-top: 0;
    padding-top: 25px;
    text-align: center;
    color: #fff;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvAsiFunciona .dvMod4, .dvAsiFuncionaLanding .dvContenido .dvAsiFunciona .dvMod4 {
    border: 2px solid #fff;
    border-radius: 6px;
    display: table;
    float: left;
    margin-right: 20px;
    padding: 20px;
    width: calc(33.33% - 20px);
}
.dvVentajasVideoAsiFunciona .dvContenido .dvAsiFunciona .dvMod4 div span, .dvAsiFuncionaLanding .dvContenido .dvAsiFunciona .dvMod4 div span {
    font-size: 24px;
    line-height: 30px;
    background-color: #fff;
    border-radius: 100%;
    color: #3A913F;
    float: left;
    height: 32px;
    margin-right: 0;
    padding-top: 2px;
    text-align: center;
    width: 32px;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvAsiFunciona .dvMod4 div, .dvAsiFuncionaLanding .dvContenido .dvAsiFunciona .dvMod4 div {
    display: table-cell;
    vertical-align: middle;
    width: 52px;
}
.dvVentajasVideoAsiFunciona .dvContenido .dvAsiFunciona .dvMod4 div + div, .dvAsiFuncionaLanding .dvContenido .dvAsiFunciona .dvMod4 div + div {
    width: calc(100% - 82px);
}
/*-- fin styles index cadenas-grupos--*/



.tf-v1-popup{
    z-index:1111111 !important;
} 
.tf-v1-iframe-wrapper{
    width:70% !important;
    height:75% !important;
}

/*-- modelos contratos--*/
.form_field label.inside_pdf{
    position: relative; 
    float:left; 
    display:inline-block; 
    top:42px;
    font-size:14px; 
    font-weight:700; 
    color:#747474;
    z-index:1;}

.form_field label.inside_pdf span{
    margin: 0 8px 0 4px;
    border-radius: 8px;
    background: #f4f3f8;
    padding: 12px 0;
    
    }
.form_field label.inside_pdf span:before{
    content:'';
    padding: 14px 22px;
    background: url(../../images/new/PDF_file_icon.svg) no-repeat 50% 52%;
    background-size:45%;
}
.form_field .btn_upload_pdf{
    position: relative;
    float:right;
    background-color: #fff;
    border: 2px solid #3A913F;
    border-radius: 8px;	
    color: #58585a;
    display: block;
    height: 50px;	
    width: 100%;
}
.form_field .btn_upload_pdf img{
    float:right;
    padding:15px;
}

/*-- nuevo bloque Banner campañas periodicas--*/
.bBanner{
    padding:6px;
    cursor:pointer;
}
/* Modales */
.u-modal {
	height: 100svh;
    width: 100vw;
    position: fixed;
    background: #000000B3;
    display: grid;
    place-content: center;
    top: 0;
    z-index: 99999;
}
 
.u-modal article {
	width: 343px;
    border-radius: 8px;
    background: #fff;
    overflow-y: auto;
    position: relative;
}

.u-padding-modal {
		padding: 16px;
}

/*@media (width > 992px) */
@media only screen and (min-width: 992px){
	.u-modal article {
		width: 480px;	
	}
}
 
.u-flex-center {
	display: flex;
    align-items: center;
    justify-content: center;
}

.infoScroll{
    height: 288px; 
    overflow: auto; 
    padding:0 20px 0 0;
}
.infoScroll::-webkit-scrollbar {
    width: .3em;
}
.infoScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 4px;
}
.infoScroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 2px solid darkgrey;
  border-radius: 4px;
}


/*------spin cargador --------*/
/*.caja_alerta{
    position:fixed;
}*/