/*Client CSS Code Here*/

@font-face {
    font-family: 'Helvetica';
    src: url('/spacelat/media/SpaceLAtMedia/fuentes/HelveticaNowText.ttf');
  
    font-weight: normal;
    font-style: normal;
 
}

* {
font-family: 'Helvetica';
}

:root {

	--main-header: #0099cd;
	--main-footer: #c5c7b947;
	--button-def: #0099cd;
	--main-button-sel: #bfd732;
	--colorContraste: #ffffff;
	--backgroundContenido: #eee;
	--login-footerFirst: #0000003b;

}

/*Client Custom CSS Code Here*/

/* LOGO */

.online-three#home #terminator #header.header-fullwidth #logo {
  background: url(/ecolabmx/media/media/ren2024/2024-Ecolab_Logo_Blue_RGB-PNG-1024x196.png) no-repeat 10px center/180px
  /*
background: url(/spacelat/media/SpaceLAtMedia/Imagenes/Client-Logo.png) no-repeat 5px center/120px;
*/
}

#logo {
    background: url(/ecolabmx/media/media/ren2024/2024-Ecolab_Logo_Blue_RGB-PNG-1024x196.png) no-repeat 10px center/180px;
} 

.online-two-iso.login .LoginPageContainer #header{
  display: none
}

.online-two-iso.login body {
    background: url(/ecolabmx/media/media/ren2024/Aon_Ecolab_Login.jpg)no-repeat;
    background-size: 100%;
    background-position: top;
}


#login-modules-container{
  background-color: #000000b5;
}

#login-module-aonIm{
	background: url(/ecolabmx/media/media/aon_logo_white_rgb.png) no-repeat;
    background-size: contain;
    background-position: center center;
    height: 10rem

   }

#login-module-aoniH{
	background: url(/ecolabmx/media/media/ren2024/2024-Ecolab_Logo_Blue_RGB-PNG-1024x196.png) no-repeat;
    background-size: contain;
    background-position: center center;
  height: 5rem
   }


.online-two-iso #terminator #footer.footer-fullwidth{
  
    background-color: white;
    color: #000000;
    width: 65%;
    float: right;
 
}

.online-three #terminator #header.header-fullwidth{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 97%, rgb(255 255 255) 97%, rgb(155 155 155) 100%);
    height: 8rem;
}
    

.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected {
  text-transform: uppercase;
  color: #333;
}

#personalTab{
    background: var(--main-header);
    
}

#login-modules-container{
  display: flex; 
  justify-content: center; 
  align-items: center
}

#benefit-overview .img.BenefitImage_260351eb-b54a-41c1-9d4f-71ebd3266e5d{
                background-image: url("/spacelat/media/SpaceLAtMedia/913649020_e.jpg");
                background-size: contain;
}

.online-two-iso .modal-content {
  border-radius: 20px;
}
.online-two-iso .modal-large .tab-body{
    border-radius: 20px;
}

.online-two-iso .modal-large .tab-header{
  border-radius: 20px;
}
.benefitselect .links-group.four-links A.link-checkbox {
  display:none;
}

.online-two-iso .modal-large .modal-body .pannel-body-full{
  border-radius: 20px;
}
.bootstrap-iso .modal-content{
border-radius: 20px;
}

/* Botones*/
.bootstrap-iso .btn-primary, .bootstrap-iso .btn-danger, .bootstrap-iso .btn-info, .bootstrap-iso .btn-default, .bootstrap-iso .btn-warning, .bootstrap-iso .btn-success, .bootstrap-iso .btn-popup{
    border-radius:20px;
    background-color: #bfd732;
    font-weight: bold;
    color: white;
}

.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
  border-radius: 20px;
}
/* Cuadro de idiomas*/
.online-two-iso input, .online-two-iso select, .online-two-iso .form-control{
    border-radius: 20px;
}
/* Login usuario y contraseña*/
.online-two-iso.login .LoginPageContainer .input-group input, .online-two-iso.login .LoginPageContainer .input-group .input-group-addon{
    border-radius: 2px 2px;
}

.bootstrap-iso .panel-group{
    border-radius: 5px 10px;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .box-left-bg{
   border-radius: 20px 20px;
   background-color: var(--main-footer);
}

html#profile body#profile .profile #profile-online-2 .box-border{
   border-radius: 20px 20px;
}

html#profile body#profile .profile #profile-online-2 span.label, html#profile body#profile .profile #profile-online-2 label:not(.ui-button){
text-transform: capitalize;
}


#benefit-overview #overviewAccordion .panel-default>.panel-heading{
  border-radius: 20px 20px;
  background-color: var(--main-header);
}

.bootstrap-iso .panel-group .panel{
  border-radius: 20px 20px;
}

#benefit-overview #overviewAccordion .panel-body{
 border-radius: 20px;
 background-color: var(--backgroundContenido);
}

.online-two-iso .modal-large .modal-body{
  border-radius: 20px;
}

#benefit-overview .tableCell {
  border-radius: 20px;
 }

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
 border-radius: 7px;
    border: solid 2px #73c5f96b;
}

#headerResources #links LI:first-child select#ddlLanguage{
  text-transform:capitalize;
}

#floating-header-content .search-btn {
  border-radius: 5px 10px;
  background-color: var(--button-def)
}
.benefit-matrix .totalcost {
    border-radius: 20px;
}


.benefit-matrix .benefitheader.benefitheader-border{
  border-radius: 20px;
  color:black;
}

.benefitheader-fixed div#followup-items a.btn:hover{
   border-radius: 20px;
}

.benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn{
   border-radius: 20px;
   background-color: var(--button-def);
   color: black;
}

.benefit-matrix .benefit-category .panel-default>.panel-heading{
  border-radius: 20px;
  background-color: var(--main-header);
}

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue {
  border-radius: 20px;
  background-color: var(--button-def);
  color: black;
}

.overlay-no-height-limit {
  border-radius: 20px;
}

.online-two-iso .header-overlay{
  border-radius: 20px;
  background-color: var(--main-header);
}

#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {
background-color: #daf9ff;
}

.benefitselect .products .box-border.sel{
border-radius: 20px;
}

.benefitselect .products .box-border.sel .header {
border-radius: 20px;
}
.benefitselect .content-box-border{
border-radius: 20px;
}
.benefitselect .products .box-border.sel {

  border-radius: 20px;
}

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green{
   border-radius: 20px;  
}

.benefit-matrix .benefit-category .benefitline{
   border-radius: 20px;  

}
.bootstrap-iso .btn-primary, .bootstrap-iso .btn-danger, .bootstrap-iso .btn-info, .bootstrap-iso .btn-default, .bootstrap-iso .btn-warning, .bootstrap-iso .btn-success, .bootstrap-iso .btn-popup{
    background-color: var(--button-def);
  }

.benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn {
    background-color: #3e95a6;
  }

#home-online-three #left-side .expand-buttons .expand-dashboard{
  background-color: #666;
}

.bootstrap-iso .input-group-addon:not(:first-child):not(:last-child), .bootstrap-iso .input-group-btn:not(:first-child):not(:last-child), .bootstrap-iso .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0PX 10px 18px 0PX;  
}

.benefit-matrix .row .btn-success:hover{
  border-radius: 5px 10px;
  background-color: var(--main-button-sel);
}

.benefitselect .box-border {
  border-radius: 5px 10px;
}
/*
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content{
  border-radius: 5px 10px;
}
*/
#home-module-welcome .jssort101 .t, .home-module-integrated .jssort101 .t {
 border-radius: 5px 10px;
}

#home-module-welcome #slider .thumb .rect, .home-module-integrated #slider .thumb .rect{
  border-radius: 5px 10px;
}

#home-module-welcome #slider .thumb, .home-module-integrated #slider .thumb{

  background-color: #ffffff;
}
/*
#home-module-welcome #slider .sliderContainer, .home-module-integrated #slider .sliderContainer{
  border-radius: 5px 10px 10px 5px;
}
*/
#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {
    background-color: #ffffff;
}

#benefit-overview .overview-component .input-group-addon{
  border-radius: 5px 0px 0px 10px;
}

.bootstrap-iso .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
   border-radius:  5px 0px 0px 10px;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .benefit-matrix .confirmchoice .btn-default.active {
    border-radius: 0px 5px 10px 0px;
    background-color: var(--main-header);
}

.benefit-matrix .confirm-checkout-button .btn-success:hover {
    border-radius: 10px 5px;
    background-color: var(--button-def);
}

.benefit-matrix .confirm-checkout-button .btn-success {
    background-color: var(--button-def);
    border-radius: 10px 5px;
}


/*Beneficios de Mexico*/

/*Beneficios de Mexico*/
/*Exceso de Gastos medicos*/
#benefit-overview .img.BenefitImage_a7afb8fe-c4cc-42ae-ab56-df1c8c8c77e2,
.benefit-matrix .img.La7afb8fe-c4cc-42ae-ab56-df1c8c8c77e2{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/01_EGM.png");
                background-size: contain;
                background-position: right;
  
}

/*Graves Enfermedades*/
#benefit-overview .img.BenefitImage_7a7a83e8-e063-4f25-b039-6cb5f677da8f,
.benefit-matrix .img.L7a7a83e8-e063-4f25-b039-6cb5f677da8f{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/10_Graves%20enfermedades.png");
                background-size: contain;
                background-position: right;
  
}

/*Plan Dental*/
#benefit-overview .img.BenefitImage_a64cef98-9e72-45f2-a531-53e5f9873a79,
.benefit-matrix .img.La64cef98-9e72-45f2-a531-53e5f9873a79{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/07_Dental.png");
                background-size: contain;
                background-position: right;
  
}


/*VRIM*/
#benefit-overview .img.BenefitImage_dd3e0a0e-a3e8-4f7e-b138-3b57dbb5974d,
.benefit-matrix .img.Ldd3e0a0e-a3e8-4f7e-b138-3b57dbb5974d{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/06_VRIM.png");
                background-size: contain;
                background-position: right;
  
}


/*Plan Educacion*/
#benefit-overview .img.BenefitImage_f9ba983f-0537-435c-9b1c-83f86584569e,
.benefit-matrix .img.Lf9ba983f-0537-435c-9b1c-83f86584569e{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/11_Vida%20educacion.png");
                background-size: contain;
                background-position: right;
}

/*Plan pension*/
#benefit-overview .img.BenefitImage_aad916fa-86a4-4216-8307-58590913a834,
.benefit-matrix .img.Laad916fa-86a4-4216-8307-58590913a834{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/04_Pensiones.png");
                background-size: contain;
                background-position: right;
  
}



/*Exceso de Vida*/
#benefit-overview .img.BenefitImage_74540a29-96e6-4704-97c1-43a8ef30d985,
.benefit-matrix .img.L74540a29-96e6-4704-97c1-43a8ef30d985{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/03_ESVida.png");
                background-size: contain;
                background-position: right;
  
}


/*CheckUp*/
#benefit-overview .img.BenefitImage_f47191dd-26d6-4ca9-b1e1-52436e46c227,
.benefit-matrix .img.Lf47191dd-26d6-4ca9-b1e1-52436e46c227{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/09_Check%20Up.png");
                background-size: contain;
                background-position: right;
  
}

.benefit-matrix .img.L718a0968-1df5-451a-b3f9-9c618a9f37c9{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/09_Check%20Up.png");
                background-size: contain;
                background-position: right;
  
}

/*Gastos Funerarios*/
#benefit-overview .img.BenefitImage_9e54b655-268a-47e7-96d2-31a915cc3ab2,
.benefit-matrix .img.L9e54b655-268a-47e7-96d2-31a915cc3ab2{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/08_Gastos%20Funerarios.png");
                background-size: contain;
                background-position: right;
  
}

/*Gastos Funerarios Depdientes directos*/
.benefit-matrix .img.Lee8dcc70-65e7-4ce0-b704-a725c8ef3bf7{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/08_Gastos%20Funerarios.png");
                background-size: contain;
                background-position: right;
  
}


/*Renta Hospitalaria*/
#benefit-overview .img.BenefitImage_e5633e43-eed0-4ab2-8534-57c291cfff64,
.benefit-matrix .img.Le5633e43-eed0-4ab2-8534-57c291cfff64{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/05_Indemnizacion%20Hospitalaria.png");
                background-size: contain;
                background-position: right;
  
}

/*Gastos Medicos Menores*/
#benefit-overview .img.BenefitImage_d9f6385d-e46b-4ded-a117-46f22e76c5b7,
.benefit-matrix .img.Ld9f6385d-e46b-4ded-a117-46f22e76c5b7{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/12_Gastos%20Medicos%20Menores.png");
                background-size: contain;
                background-position: right;
  
}

/*Vida Conyuge*/
#benefit-overview .img.BenefitImage_fd755703-bee2-42c9-b55c-66a1074212cd,
.benefit-matrix .img.Lfd755703-bee2-42c9-b55c-66a1074212cd{
                background-image: url("/ecolabmx/media/media/ren2024/ICONOS/02_Conyuge.png");
                background-size: contain;
                background-position: right;
  
}

#benefit-overview .summaryImage {
    border-radius: 15px 0px 0px 15px;
  /*padding: 10px 10px 10px 30px;*/
}


#benefit-overview .summaryContent {
  border-radius: 0px 20px 20px 0px;
}

.benefit-matrix .benefit-category .panel-body {
  border-radius: 20px 20px;
  background-color: var(--backgroundContenido);
}

.available-options .links-group.four-links {
  display: none;
}

.benefit-matrix .benefit-active-benefits{
display: none

}

.election-info-collect .modal-body.election-modal-body{
  max-height: 70vh;
}

.bootstrap-iso * {
    border-radius: 5px 5px;
   
}

.modeller-links li a.unchecked {
    background-color: #487a6b;
    border-radius: 20px;
}

.modeller-links li a:hover {
    background-color: #c1586d;
    border-radius: 20px;
}

.modeller-links li a.checked {
    background-color: #cc7c93;
    border-radius: 20px;
}

.online-two-iso .white-popup-block {
    border-radius: 20px;
  }

.online-two-iso .steps-container {
    border-radius: 0px 0px 10px 10px;
  }

.benefit-matrix .benefit-category .panel-body {
    
    background-color: #dff4fb;
}

.benefit-matrix .group-default {
    background-color: var(--backgroundContenido);
    color: var(--main-header);
  
}

html#profile body#profile .profile #profile-online-2 .box-left-bg {
    background: #eee;
  }

#home-online-three .dashboard-controls #greeting-message{
  color: #000;
  font-weight: bold;
}

#home-online-three #right-side .module-content-header-container h3.module-content-header, #home-online-three #home-integrated .module-content-header-container h3.module-content-header{
  color: #333;
  font-weight: bold;
}

#home-module-welcome .welcome-items .menu-header span.toggle-control .bar1, #home-module-welcome .welcome-items .menu-header span.toggle-control .bar2, #home-module-welcome .welcome-items .menu-header span.toggle-control .bar3, .home-module-integrated .welcome-items .menu-header span.toggle-control .bar1, .home-module-integrated .welcome-items .menu-header span.toggle-control .bar2, .home-module-integrated .welcome-items .menu-header span.toggle-control .bar3{
     background-color: #bfd732;
}

#home-module-welcome .welcome-items .menu-header #selected-slide, .home-module-integrated .welcome-items .menu-header #selected-slide{
  color: #333;
  font-weight: bold;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {

    color: var(--main-header);
    border-bottom: solid .5em var(--main-header);
}

.online-two-iso .modal-large a.tab-selector-link:hover, .online-two-iso .modal-large .tab-selector-link.active {
    color: var(--main-header);
    border-bottom: solid .5em var(--main-header);
}

.online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active {
    color: var(--main-header);
    border-bottom: solid .5em var(--main-header);
}

.dependant-list a.dependant-edit {
    color: var(--main-header);
}

.dependant-list a.dependant-remove{
  color: var(--main-header);
}

.dependant-list-top a.dependant-add-link {
  color: var(--main-header);
}

.benefit-matrix .employee-cost .cost-number {
  color: var(--main-header)
}

h3.dependantModalHeader{
  color: var(--main-header)
}
h3.modellersModalHeader{
  color: var(--main-header)
}

.modeller-container .row-header{
  color: var(--button-def)
}

#home-module-welcome .welcome-items .menu-header span.toggle-control .bar1, #home-module-welcome .welcome-items .menu-header span.toggle-control .bar2, #home-module-welcome .welcome-items .menu-header span.toggle-control .bar3, .home-module-integrated .welcome-items .menu-header span.toggle-control .bar1, .home-module-integrated .welcome-items .menu-header span.toggle-control .bar2, .home-module-integrated .welcome-items .menu-header span.toggle-control .bar3{
  background-color: var(--main-header)
}

#home-online-three #left-side .expand-buttons .expand-messages{
  background-color: #007ac9
}
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color{
  color: black;
}
.online-two-iso .datepicker-container .input-group-btn .btn {
    background-color: #a53838;
    border-color: #a53838;
  }

benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn {
    background-color: var(--button-def);
}

.benefit-matrix .benefit-category .panel-body {
    background-color: var(--backgroundContenido);
}


#home-online-three .modal-content .home-dashboard .modal-header .header {
 
    color: var(--main-header);
  }
#benefit-overview .benefit-overview-title H1 {
  color:black;
}

.online-two-iso .modal-normal .tab-selector-link, .online-two-iso .modal-large .tab-selector-link {
  color:black;
}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green {
    background-color: #666;
  }

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray, .online-two-iso A.button-style.gray {
    background-color: var(--button-def);
    border-color: var(--button-def);
    border-radius: 10px;
}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green {
    background-color: var(--button-def) ;
    color:black;
    font-weight:bold;
}
.online-two-iso P.sectionTitledimmed:focus, .online-two-iso P.sectionTitledimmed:hover, .online-two-iso P.sectionTitledimmedLeft:focus, .online-two-iso P.sectionTitledimmedLeft:hover, .online-two-iso P.sectionTitle{
  color: var(--main-header);
}
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name, html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name{
  color: var(--main-header);
}
.benefit-matrix .lineheader>a:link {
  color:var(--button-def);
}
.benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn{
  background-color: var(--button-def);
}

.online-two-iso #footer a{
  color: black;
  font-weight: bold;
}

.bootstrap-iso .btn-default:hover {
    color: #444444;
    background-color: #ffffff;
    border-color: #007ac9;
    border-radius: 20px;
    border-width: 2px;
    font-weight: bold;
}

.bootstrap-iso .btn-info:hover {
   
    background-color: #8cc63f;
    border-color: #8cc63f;
    border-radius: 20px;
    border-width: 2px;
    font-weight: bold;
}

.bootstrap-iso .btn-warning:hover{
    background-color: #8cc63f;
    border-color: #8cc63f;
    border-radius: 20px;
    border-width: 2px;
    font-weight: bold;
}

#benefit-overview .group-title {
    color: black;
}

#benefit-overview .know-more-link A{
    color: black;
    font-weight: bold;
}

.benefitheader-fixed div#resettodefaults a.btn:hover{
    border-radius: 20px;
    padding: 8px;
}

.benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#resettodefaults a.btn{
      border-radius: 20px;
  padding: 8px;
}

.online-two-iso .header-overlay h5 {
  color: black;
}

.header-overlay A.close {
  color: black;
 }

html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A{
  color: black
}

.online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth, .online-two-iso #terminator #header.header-fullwidth .eol-center, .online-two-iso #terminator #header.header-fullwidth .help-ico {
    display: none;
}

#home-module-welcome .welcome-items .menu-header, .home-module-integrated .welcome-items .menu-header {
  display: none;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .content-box-border .row .grid-cell P{
     text-transform: uppercase;
}

.benefit-matrix .benefitdate .data-addon {
  text-transform: initial;
}

.online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth, .online-two-iso #terminator #header.header-fullwidth .eol-center, .online-two-iso #terminator #header.header-fullwidth .help-ico {
  width: 75%;
  float: right;
  display: none;
}

/* Minification failed (line 668, error number 1039): Token not allowed after unary operator: '-button-def' */