@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700&display=swap');
html {background: #009be3 ; height: 100%; }
body {font-family: 'Roboto', sans-serif;font-size: 14px !important;line-height: 1.42857143 !important; color: #58595b !important; background-color:transparent !important;}
a { color: #171669 !important;}
h1, h2, h3{font-family: 'Roboto', sans-serif;}	
::-webkit-input-placeholder { /* Edge */color: #666666;}
:-ms-input-placeholder { /* Internet Explorer */color: #666666;}
::placeholder {color: #666666;}
#forgot-password-text { font-size: 12px;}
.well { padding: 0px !important;}
.portal-login .portal-title small {  display: none;}
.portal-login .portal-title { margin: 30px auto 0px; text-align: center; border-bottom: 0px; background: rgb(0,183,235) !important; background: linear-gradient(63deg, rgba(0,183,235,1) 0%, rgba(33,219,170,1) 84%) !important;}
    /* modifica a mano color de Cuadro Login */
.home-wrapper_login-container .col-sm-4 div:nth-child(1) {
    background: #fff !important;
}
snap.logo-welcome { background-image: url("https://s3-us-west-2.amazonaws.com/ym2-static-repository-ar-prod/logo/164/catalog_logo.png") !important;
    background-size: contain; margin-top: 30px; width: 188px !important; height: 50px !important; display: inline-block; background-repeat: no-repeat;}

span.logo-welcome { background-image: url("https://s3-us-west-2.amazonaws.com/ym2-static-repository-ar-prod/logo/164/catalog_logo.png") !important;
    background-size: contain; margin-top: 30px; width: 188px !important; height: 50px !important; display: inline-block; background-repeat: no-repeat;}


.portal-login .portal-title img { width: auto !important;margin-top:20px;}
/*.portal-login { background: #009be3 !important; margin-top: 0px !important; min-height: 1200px;}*/
#app-beneficia>div:nth-child(1) {   background-color: #009be3 !important; min-height: 650px;}
#app-beneficia div:nth-child(2) div:nth-child(1){    background: #ffffff !important;
    max-height: 550px !important;}
#app-beneficia div:nth-child(2) div:nth-child(1) p{color: #171669; text-transform: uppercase; font-weight: 600;font-family: 'Roboto', sans-serif;}
label { color: #0e0e2c !important; padding: 5px !important; font-weight: normal !important;}
.jss34:hover:not(.jss33):not(.jss32):not(.jss35):before { border-bottom: 1px solid #cacaca !important;}
.jss34:after { border-bottom: 1px solid #cacaca !important;}
span.icon-formulario_email { color: #171669 !important;}
.icon-log {color: #171669 !important;}
.btn-primary{font-family: 'Roboto', sans-serif;   text-align: center; margin: 30px auto 10px auto; width: 40% !important; color: #ffffff;   background-color: #052c50; border: 1px solid #052c50; border-radius: 4px; max-width: 52%; height: 40px;font-size: 14px;}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:active:focus {color: #fff; border:0px !important; background-color: #171669;}
#app-beneficia button.btn.btn-sm.btn-link.btn-block {color: #171669;font-weight: bold;}
footer { background: rgb(0,183,235); background: linear-gradient(63deg, rgba(0,183,235,1) 0%, rgba(33,219,170,1) 84%)!important; padding-top: 20px; margin-top: 0px !important; position: absolute;bottom: 0px; height: 60px !important;}
footer .copyright span a {color:#fff !important; padding: 0 8px; }
footer .copyright span {margin-right: 10px;}
p.copyright>span:nth-child(2) { display: none;}
/*Usuario ya registrado*/
.portal-page {
  margin-top: 0px !important;
  max-height: 1200px;
  background: hsla(199, 100%, 45%, 1);
	background: linear-gradient(180deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
	background: -moz-linear-gradient(180deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
	background: -webkit-linear-gradient(180deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#009BE3", endColorstr="#0080D6", GradientType=1 );}
#app {
    background: #0098e4;
    background: hsla(199, 100%, 45%, 1);
    background: linear-gradient(181deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%) !important;
    background: -moz-linear-gradient(270deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
    background: -webkit-linear-gradient(270deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#009BE3", endColorstr="#0080D6", GradientType=1 );
}

.portal-page>div:nth-child(1) { height: 100vh;}
.borderHome p{ background-color: #19cf90; padding: 10px; max-width: 410px; text-align: center; margin: 0px auto; color: #fff500;}
#app button.btn.btn-sm.btn-link.btn-block {  color: #fff !important; font-weight: 400 !important; text-align: right; padding-right:30px; padding-top:30px;}

/*.home-wrapper_container>div:nth-child(2) {height: 70px; width: 250px; background: transparent url(https://ym2-static-repository-ar-demo.s3.us-west-2.amazonaws.com/logo/100/logo-de-programa-club-motivados.png) !important; background: no-repeat;
    background-position: center; text-align: center; margin: 10px auto;}*/

.borderHome { background-color: transparent !important; border: 0px !important; border-radius: 0px !important; padding: 0px !important;}
.portal-page .portal-selector-item.logo-tu-look_mas { width: 100% !important;}
.portal-page .portal-selector-item.logo-tu-eleccion_mas{ background: none !important; display:grid; border: none; height: 101px;  margin: 0 15px;
    text-indent: initial; width: 148px; overflow: hidden; color: #ffffff !important; text-align: center;}
.portal-page .portal-selector-item.logo-tu-momento_mas { background: none !important; display: inline-block; border: none; height: 101px;  margin: 0 15px;
    text-indent: initial; width: 148px; overflow: hidden; color: #ffffff !important; text-align: center;}

.saludo { font-size: 24px !important; font-weight: 400 !important; font-family: 'Roboto', sans-serif !important; padding: 30px !important; color: #fff !important; margin-bottom: 60px !important; margin-top: -20px;    text-align: center;}
.portal-page .portal-title { margin: 0px auto 0px !important;}
@media (max-width: 424px) and (min-width: 320px),(max-width: 768px) and (min-width: 425px){
	.portal-page .portal-title {margin: 0px auto !important}
	.saludo { padding-top: 30px !important;}
	.borderHome { margin: 0px auto;}
	.portal-page .portal-selector-item.logo-tu-momento_mas { margin: 0px auto !important; width: 100%;}
	.portal-page .portal-selector-item { margin: 0px auto !important; width: 100%;}
	/* botones se ajustan en mobile*/
	.home-wrapper_catalog-groups{display: block !important; width: 100% !important;  margin: 0px auto !important;  text-align: center !important;}
.home-wrapper_catalog-groups>div:nth-child(1){display: block;  width: 100% !important;}
.home-wrapper_catalog-groups>div:nth-child(2){display: block;  width: 100% !important;}


}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.portal-page .portal-selector-item.logo-tu-momento_mas { margin: 0px -15px 0px !important;}
.portal-page .portal-selector-item.logo-tu-eleccion_mas { width: 151px !important; margin-left: 10px !important;}
.portal-page .portal-selector-item.logo-tu-look_mas {width: 151px !important;}
.portal-page .portal-selector-item {margin: 0px 10px !important;}
}

.portal-benefits-list h2{ background:#ffffff !important; color: #3131d3 !important; border: 1px solid #7622c6 !important;font-weight: 400 !important;}
.panel panel-benefits { background: #ffffff !important; ; color: #19cf90 !important;border-bottom: 1px solid #19cf90 !important; ;font-weight: 600 !important; ;}
#app mail.portal-benefits-list .panel-benefits .panel-title > a.collapsed .fa { color: #0090e0 !important;}
#app mail.portal-benefits-list .panel-benefits .panel-title > a .fa { border: 1px solid #0090e0 !important; background: #ffffff !important}
body#app{ margin-top:0px !important}
#app.bg_tumomento { background: #ffffff !important; background-image:none !important;}
.container.tumomento { background-image: url(/img/portal/54/background_gris.png) !important;}
.portal-main .portal-benefits-list .panel-benefits .panel-collapse { border-top: 1px solid #fff !important;}
.portal-main .portal-benefits-list .panel-benefits .panel-title a { border-bottom: 1px solid #171669 !important; border-top: 0px !important;   background-color: transparent; color: #19cf90 !important; font-weight: 600;}
.portal-main .portal-benefits-list .panel-benefits .panel-title a:hover { background: #d4f6ea;}
.portal-main .portal-benefits-list .panel-benefits .panel-title a:active { background: #d4f6ea;}
.portal-main .portal-benefits-title .btn-primary { background-color: transparent !important; text-align: right !important; margin-right: 0px!important; color: #0090e0 !important;}
.portal-main .portal-benefits-title .btn-primary:hover {color: #19cf90 !important;}
.panel-body a{color: #19cf90 !important; font-weight: 600;}
.panel { border: none !important;}
form#loanForm { margin-top: 20px;}
#loanForm select { padding-left: 10px;margin: 10px 0px; border: 1px solid #a436e5 !important;}
#loanForm input { padding-left: 10px; margin: 10px 0px !important; border: 1px solid #a436e5 !important}
#loanForm button { background-color: #a436e5; color: #ffffff; padding: 10px 15px; border-radius: 20px; box-shadow: none; text-shadow: none;
border: 0px; float: left; margin: 30px 0px; width: 30%;}
#loanForm .form-group { margin-bottom: 0px !important;}
#loanForm label { margin-top: 15px !important;}
.portal-benefits-list .panel-benefits .panel-title>a .fa{border: 1px solid #19cf90 !important; background: transparent !important; color:#19cf90 !important}
.portal-benefits-list .panel-benefits .panel-title>a .fa:hover { background-color:#0090e0; color:#ffffff; }
button.survey-button.btn.btn-sm.btn-primary {
    width: unset !important;
    margin-left: 5px;
    margin-right: 5px;
}

.center-footer {
  background-color: #19cf90;
  color: #fff;
  border: none;
}

ul.footer {
  color: #fff;
}

.navbar-inverse .navbar-nav li a {
  color: #fff !important;
}

a.navbar-brand {
  color: #fff !important;
}
.navbar-brand {
  font-size: 14px !important;
}

nav.main.navbar.navbar-inverse {
  background-color: #19cf90;
}

.catalog-logo {background-image: url("https://s3-us-west-2.amazonaws.com/ym2-static-repository-ar-prod/logo/164/catalog_logo.png") !important;    background-size: 100%;margin: 7px auto;width: 188px !important; height: 50px !important;}

.panel-group .panel+.panel { margin-top: 0px;}
.ymlite-modal-login-email { background-color: #ffffff!important;}
.modal-header { border-bottom: 0px; background: rgb(0,183,235); background: linear-gradient(63deg, rgba(0,183,235,1) 0%, rgba(33,219,170,1) 84%)!important;}
/*imagenes login*/
.login-wrapper_logo-group {
    height: 70px;
    width: 250px;
    background: transparent url("https://ym2-static-repository-ar-uat.s3.us-west-2.amazonaws.com/logo/164/logo-de-programa-club-motivados.png") !important;
    background: no-repeat;
    background-position: center;
    text-align: center;
    margin: 0px auto;
}
.portal-login {
    margin-top: 0px !important;
    max-height: 1200px;
   /* background: #009be3 url("https://ym2-static-repository-ar-prod.s3.us-west-2.amazonaws.com/banner/164/bg-login-telecom.jpg")!important;
    background-size: cover !important;
    background-repeat: no-repeat;*/
	background: hsla(199, 100%, 45%, 1);
	background: linear-gradient(270deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
	background: -moz-linear-gradient(270deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
	background: -webkit-linear-gradient(270deg, hsla(199, 100%, 45%, 1) 0%, hsla(204, 100%, 42%, 1) 54%, hsla(298, 46%, 59%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#009BE3", endColorstr="#0080D6", GradientType=1 );}

.login-wrapper_logo-footer {
  background: transparent url("https://ym2-static-repository-ar-prod.s3.us-west-2.amazonaws.com/img/upload/telecom/logo-telecom.png");
  height: 50px;
  width: 270px;
  padding: 10px;
  margin: 10px auto;
}
.passw {
  text-align: center !important;
  cursor: pointer;
}
.home-wrapper_catalog-groups { display: flex ; min-height:200px;}
.home-wrapper_catalog-box {width: 260px !important;}

.home-wrapper_logo-footer {
  background: transparent url("https://ym2-static-repository-ar-uat.s3.us-west-2.amazonaws.com/img/upload/telecom/logo-telecom.png");
  height: 50px;
  width: 270px;
  padding: 10px;
  margin: 10px auto;
}
	
button.home-wrapper_button-catalog.catalog-logo-165 {
    background-image: url(https://ym2-static-repository-ar-uat.s3.us-west-2.amazonaws.com/img/upload/telecom/terminales_button.png) !important;
    height: 150px !important;
    width: 260px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


button.home-wrapper_button-catalog.catalog-logo-166{
    background-image: url(https://ym2-static-repository-ar-uat.s3.us-west-2.amazonaws.com/img/upload/telecom/customer_button.png) !important;
    height: 150px !important;
    width: 260px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.home-wrapper_button-catalog p { text-indent: -1000000px;}
.home-wrapper_button-catalog {height: 5rem;background: transparent !important;}
.home-wrapper_catalog-groups button {background: transparent !important;}
footer { 
	margin-bottom:0px !important;
	width: 100%;
    text-align: center;}

/*oculta para mostrar el popup de resetear contrasea*/
.carousel { display: none !important;}
.high-category.container {  display: none !important;}
.wrapper-featured-bg {   display: none !important;}
section.wrapper-featured-bg + section { display: none !important;}
div.wrapper-featured-bg ~ section { display: none !important;}
div#root:has(.wrapper-featured-bg) { display: none;}
/* Colores Loaders  */
#loader {
	background-color: #052c50;
}
#loader>div:first-child {
	border-top: 16px solid #21DBAA; 
}
#loaderMenu>div:first-child {
	border-top: 16px solid #21DBAA; 
}

#contact-us-fab {
  background-color: #21dbaa;
  color: #000000;
}

.contact-us-footer {
  background-color:  #000000;
  color: white;
}