html{
		color: #424242 !important;
		/*line-height: 1.15; */
		-webkit-text-size-adjust: 100%;
		font-family: Montserrat,sans-serif;
		font-weight: 400;
	}

	.transparentBG {
		background-color: rgba(0,0,0,0);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0), 0 3px 1px -2px rgba(0,0,0,0), 0 1px 5px 0 rgba(0,0,0,0);
	}

	.flag img {
		width: 30px;
		padding: 0px;
	}

	.dropdown-content {
		margin: 10px 20px 0px 0px !important;
		/*height:auto !important;*/
		border-radius: 10px;
		min-width: auto;
		max-height: 300px !important;
	}
	.dropdown-content li {min-height: auto;}

	body.noscroll .dropdown-content {
		position: fixed;
	}

	#languageDropdown {
		margin: 0px !important;
		top: 65px !important;
		width:62px !important;
	}

	.dropdown-content li>a {
		/*	padding: 8px 8px !important;*/
	}

	.seleccionado, .flag:hover {
		background-color: #e0e0e0;
		color: white;
	}

	.borderRadius {
		border-radius: 5px;
	}

	.colorgris {
		color: #424242 !important;
	}

	.contenedor {
		width: 100%;
	}

	.input-field label {
		color: #000;
	}

	.file-field .btn, .file-field .btn-large, .file-field .btn-small {
	    height: auto;
	    line-height: 1.3rem;
	}

	.btn {font-family: Montserrat,sans-serif; height: auto; line-height:     height: auto;     line-height: 1.3rem;     padding: 8px 16px;}

	.inputlogin {opacity: 0.5 !important;background-color: white !important; width: 90% !important;}
	.iconovercontrasenalogin {padding-right: 10% !important	;}
	.avisoerrorlogin {margin-left: 10%;}
	.navbarlogin {background-color:Transparent !important; box-shadow: 0 0 0 0 rgb(0 0 0 / 0%), 0 0 0 0 rgb(0 0 0 / 0%), 0 0 0 0 rgb(0 0 0 / 0%) !important;}
	.btnaceptar {font-weight: bold !important; width: 90%;}
	.btnaceptar:hover {	background-color: #409eff !important; color: white !important;}
	.btncontrasenna {width: 90%;}
	.btnsignupgoogle {width: 90%;}
	.logo {margin-bottom: 2rem;text-align: center;max-width: 100%;}
	.login {background: linear-gradient(180deg,#fff,rgba(0,146,255,0) 100%);
		box-shadow: 0 2px 5px -1px rgb(50 50 93 / 25%), 0 1px 3px -1px rgb(0 0 0 / 30%); width: 30%;	max-width: 350px; min-width: 350px;margin-left: 15rem;}
	.helpModal {width: 80%;	max-width: 1500px;min-width: 1400px;margin-left: 15rem;}

	.sidenav li>a { height: 43px; 	}
	nav .sidenav-trigger i {  height: 64px;   line-height: 64px; }

	.btnsubirdocumento {
		line-height: 25px !important;
	}

	.btnayuda {
		margin-right: 5px;
		display: inline-block;
		position: relative;
	}

	.fontweight500 {
		font-weight: 500px !important;
	}

	.primera { margin:0px; }
	.primera .card-panel {    padding: 0px 23px;}

	.card-panel i { flex-grow: 0; flex-basis: 0%; flex-shrink: 0; }
	.card-panel div,.card-panel span { flex-grow: 1; flex-basis: 0%; flex-shrink: 1; }


	span.field-icon {
		float: right;
		position: absolute;
		right: 0px;
		top: 10px;
		cursor: pointer;
		z-index: 2;
	}

	#spinner {
		/*  background: #000000a6;*/
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		text-align: center;
		vertical-align: middle;
		z-index: 1000;
	}

	#spinner .preloader-wrapper {margin:auto;}

	#content {width: auto; overflow: hidden; display: block; width:100%; max-width: 100%; position:sticky;}
	.pages {overflow-y: visible; overflow-x: hidden; display: block; /*min-height:100vh;*/ position: relative; }
	.page {display: none; width: 100%; position: relative; }
	.page.active { display: block; }
	#backbar {    position: absolute;     top: 0px;     left: 80px;     z-index: 1000; }
	#backbar, #backbar .backbar-nav {display:block; overflow: hidden; }
	#backbar,#backbar .backbar-nav {height:0px !important; transition-property: height; transition-duration: 0.3s; }
	#backbar.vista, #backbar.vista .backbar-nav { height: 64px !important; transition-property: height;  transition-duration: 0.3s;  }
	#backbar a {display: none;  color: black; line-height: 64px; font-weight: 500; padding: 0px;}
	#backbar a:last-child {display: block;}

	nav {background: white; color:grey;     height: 64px;     line-height: 64px;}
	nav ul a {color:#686868;}

	p {
		font-weight: 400;
		font-size: 16px;
	}
	.row .col {
		/*padding: 0; */
	}

	.btnguardar {
		background: red;
		padding: 16px;

	}

	#toast-container {

		/*
	    top: 20px;
	    right: 50%;
	    /*
	    transform: translateX(50%) translateY(50%);
	    */
	}

	.titulo {
		background-color: #ebebeb;
		font-size: 32px;
	}

	.titulo h4 {
		padding: 15px 0px;
		font-weight: 600;
		font-size: 30px;
		margin-top:0px;
	}

	.titulo .headerprincipal h4 {
		padding: 0px 0px;
	}
	.titulo .row {margin-bottom: 0px;}



	.tarjeta {
		padding: 5px;
		border-radius: 10px;
		background: linear-gradient(left,#fff,#e4e4e4);
		border: 1px solid #ebebeb;
		width: 100%;
		margin: 10px 0;
	}

	.tarjetatitulo {
		font-weight:bold;
	}

	/*.card{display: flex;}*/

	.card .card-content {
		padding: 0px;
	}

	.card .card-title {
		font-weight: 500;
		font-size: 16px;
		margin: 10px;
	}

	.card .card-image img{
		    border-radius: 2px 2px 0 0;
    position: relative;

    width: 100%;

	}

	.card .card-image{
		margin: 30px 70px 24px 70px;
	    display: flex;

	    justify-content: center;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    align-items: center;

	}

	.notis {
		color: #28a745;
	    font-size: 12px;
	    background-color: #ebebeb;
	    border-radius: 0px 0px 10px 10px;
	    margin: 0px 0px -5px -5px;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    padding: 5px;
	    position: absolute;
	    bottom: 5px;
	    width:100%;
	}
	.notis .row { margin-bottom: 0px; }

	.iconos {
		position: absolute;
		top: 0px;
		right: 0px;
		border-bottom: solid 1px #d3d1d1;
		border-top-right-radius: 3px;
		border-bottom-left-radius: 3px;
		padding: 5px 12px;
		font-size: 18px;
		z-index: 1;
	}

	.sub-categoria {
		height: 10px;
		box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 20%);
		position: absolute;
		border-radius: 0 0 10px 10px;
		bottom: -15px;
		z-index: 0;
		width: 85%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	nav .botonera-superior i {
		line-height: 40px;
	}

	.atras {
		box-shadow: 0 0 0 0 rgb(0 0 0 / 0) !important;
	}

.titulomisdatos {font-weight: 500;}
.lineaverticalmisdatos {border-left: solid 1px lightgrey; padding:10px; margin-left: 15px; padding: 30px 0px 30px 30px;}
.menulateral { border-bottom-right-radius: 80px!important; box-shadow: 0 5px 15px 0 rgba(0,0,0,.15)!important; padding-bottom: 0px;}
.fotoperfil{object-fit: cover; height: 100px; width: 100px; line-height: 100px; margin: 20px 0 0px 0;}
.logoempresa {width: 60%; margin: 10px 0 0px 0;}
.logomarca {max-width: 70%; margin: 20px 0 10px 0; max-height: 75px;}
.header {background-color: #ebebeb;}
.headerprincipal {align-items: center; border-right: 2px solid #bfbfbf; display: flex;}
.headertitulo {font-weight: 600; font-size: 28px;}
.headerpropiedades {font-size: 14px; font-weight: 300;}
.headerpropiedades a { color:inherit;     margin: 8px 0px;     display: block;}
.headerpropiedadesicon {font-size: 15px; vertical-align: baseline; margin-right: 10px; font-weight: 300;}
.headernotificaciones {margin: 0; padding: 3px; font-weight: 500;}
.headernotificacionesicon{font-size: 15px !important; font-weight: 600;}
.headerfoto {padding: 7px; border-radius: 10px; width: 170px; background: white;}
.paddingleft30 {padding-left: 30px;}
.paddingleft10 {padding-left: 10px;}
.padding10 {padding: 10px;}
.padding-reducido {    padding: 2px 10px;}
.displayflex {display: flex !important;}
.strong {font-weight: bold;}
.subtitulo {font-size: 24px; border-bottom: 2px solid #ebebeb; width: 50%; margin-bottom: 0px; padding-bottom: 0px;}
.backgroundeb {background-color: #ebebeb !important;}
.width80 {width: 80%;}
.widthauto {width: auto !important;}
.imgbienvenida {width: 100%;}
.cajafondo {padding: 20px 20px; background: #ededed; border-radius: 8px; width: 100%;}
.cajafondo .gray-text { color:#515151 !important; }
.cajafondo.media {padding: 10px 10px; }
.cajafondo .row:last-child, .collapsible .row:last-child {margin-bottom: 0px;}
.summary {background: #ededed; border-radius: 8px; min-height: 125px;}
/* .cajafondo > a {color:#424242 !important;}*/
.cajafondo h5 {margin-top: 0px;font-size: 1.3rem !important;display: flex; align-items: center; flex-wrap: wrap;}
.botoncajagris {border-radius: 10px; padding: 0 20px; font-size: 15px; border: 2px solid #bfbfbf; cursor: pointer; transition: all .3s;}
#install-prompt {display: none}
#install-prompt-ios {display: none}
.tituloinput{font-size: 18px; margin: 0; font-weight: 600;}
.borderRadius8{border-radius: 8px;}
.grid{display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.grid .col {margin-left:initial !important;}
.valign-wrapper{flex-wrap: wrap;}
.iconosvalidacion{position: absolute;top: 0px;right: 0px;padding: 5px;font-size: 18px;z-index: 1;}
.iconoborrarbeneficiario{top: 0px;right: 0px;padding: 5px;font-size: 18px;z-index: 1;text-align:right;}
.displaynone{display: none;}
.borrarbeneficiario {cursor: pointer;}
.modal {top: 20% !important;}
.cont-modal{max-height: 80% !important; padding: 15px !important; width: 60% !important; max-width: 600px !important; top: 20% !important;}
.bodyModal{width: 95% !important; padding: 0 !important;}
.imagenModal{max-width: 600px;float: none !important;}
.footerModal{width: 60% !important; padding: 0	!important; background-color: white !important;}
.footerModal a {    line-height: initial;     padding: 10px !important;     font-weight: normal;}
#spinner .modal-overlay { z-index: 1004; display: block; opacity: 0.5;}
.modal .modal-footer {text-align: left !important; height: auto;}
.modal-content p {font-weight: 400;font-size: 16px;line-height: 25px;}
.noleido {font-weight: bold;}
.textalignleft {text-align: left;}
.textalignright {text-align: right;}
.cabeceratablas {background-color: #f3f3f3; vertical-align: bottom;}
.cabeceratablas th {vertical-align:text-top;}
.tablalineablanca {border-collapse: collapse;}
.tablalineablanca th {border-right: solid 1px white;border-left: solid 1px white;}
.noborder {border: 0px !important;}
/* .select-wrapper + .helper-text {display: none;}*/
/* .helper-text {white-space: nowrap;} */

.input-field { /* margin-top: 0.5rem;     margin-bottom: 0rem; */}
.titulo-subseccion {border-bottom: solid 2px #dfdfdf; width: 50%; padding-right: 65px; margin-bottom: 20px;}
.margen {padding: 0px 10px;}
.lineavertical {border-left: solid 1px lightgrey; padding:10px; margin-left: 15px;     padding: 30px 0px 30px 30px;}
.lineahorizontal {border-bottom: solid 1px lightgrey; margin: 0 0 15px 0;}
.fechatablas {font-size: 12px;}
.metric .grande { font-size: 42px; text-align: center; /*margin: 22px !important;*/ display: block;}
.cajablancaresumen {padding: 0px !important;}
.metric .card-title {text-align: center; font-size: 1.2em;}
.metric .card-action .texto {color: white !important; font-weight: bold; margin:0px !important; text-transform: uppercase; }
.metric .card-action .texto:hover {color: black;}
.metric .card-action {background: #0000001c; border-radius: 0 0 5px 5px; margin: 12px -4px -4px -4px; position: absolute;border: 0px; bottom: 0px; width: 100%; text-align: center;}
.metric .card-action + .card-content { padding-bottom: 70px; }
.metric p {line-height: auto;}
.nomarginright {margin-right: 0px !important;}
.tabulado {    margin: 10px 20PX; padding-left: 0.5rem; }
.enlaceresaltable {color: #039be5!important; font-weight: bold!important;}
th {padding-bottom: 3px !important; padding-top: 3px !important;}
.frasealladoinput {padding-top: 12px !important;  padding-bottom: 38px !important;}
.inputgrande {    font-size: 25px !important; }
.cantidadmes {text-align: right;}
.btn-estandar {font-size: 13px; }
.btn-estandar i {color: #424242 !important;}
.btn-cien {width:100%;}
.rellena {align-items: stretch;}
.btn-descargar {background-color: transparent !important;}
.nopadding {padding: 0px !important;}
.cont-cantidad { margin:-5px 0px !important; }
#cont-precios .valign-wrapper{ justify-content: center; }
.nowrap { white-space: nowrap; }
.tr-especial { display: none; border:none; }
.td-especial { background: #0000000a;   border: none; padding:5px !important;}
.cajablanca { padding: 20px 10px 0px 10px !important; }
.cajafondo .cajablanca input, .cajafondo .cajablanca input[type=number]:not(.browser-default):focus:not([readonly])+label, .cajafondo .cajablanca label { color:#2e2e2e !important; }
.colapsible-header-right {    flex-grow: 1;}

.tooltipmisdatos {font-size: 15px; vertical-align: baseline; margin-left: 10px; font-weight: 300;color: #424242 !important;}
.datepicker-day-button { color:initial; }
.is-disabled .datepicker-day-button { color: rgba(0,0,0,0.3); }

.vermasmenos {text-align: center;     background: #0000001c;     height: fit-content;    padding: 2px;}
.vermasmenos a { justify-content: center;}
.btn-corporativo {margin:7px 0px;}

.informacion {background: #ffffff6e; font-size: 0.9rem; color: #585858; padding: 9px;  border: solid 1px #5858583b; margin: 10px 0px 0px 0px;}

.material-tooltip { max-width: 350px;   background: #ffffff;   color: #000000;   box-shadow: 1px 2px 6px 0px #20202094;   border-radius: 5px;}
.backdrop { background-color: purple; }

#errors { display: none; }

#modallegal.modal {
	max-height: 98% !important;
    width: 80% !important;
    top: 82px !important;
    text-align: justify;
    height: calc(80% - 82px);
}
#modallegal h2 { font-size: 1.5rem;}

#modallegal .modal-content{ padding: 20px !important; }

.subvencionMovil {display: none;}

.dropdown-content {
    transform: none !important;
}

.texto-grande {font-size: 23px;}

.resumen-ahorro .card-content .card-title {    display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: flex-start;     line-height: 1.5em;}

.fieldformulario .helper-text.hide {display: block !important;}

.derecha {text-align: right;;}

@media (max-width: 1600px) and (min-width: 993px) {
	.metric .grande { font-size: 25px; }
}

@media (max-width: 992px) and (min-width: 0px) {
	.subtitulo {width: 100%;}
	.textobienvenida {border: none;padding-left: 0px;}
	.headerprincipal {display: block; margin: auto;}
	.headertitulo, .headerprincipal {float: none !important; text-align: center; border: none;}
	.cont-modal{padding: 15px 0px 0px 0px !important; width: 75% !important;}
	.footerModal{width: 75% !important;}
	.lineavertical {margin-left: 0px; border-left: none; padding: 0px;}
	.titulo-subseccion {border-bottom: solid 2px #dfdfdf; width: 100%; }
	.logos-contacto {text-align: center;}
	.modal { width: 93%; }
	.inputlogin {width: 90% !important;}
	.subvencionMovil {display: contents!important;}
	.subvencionPC {display: none!important;}
}

@media (max-width: 768px) and (min-width: 0px) {
	.login {width: 100%;max-width: 350px;max-width: 100%;min-width: 1%;margin-left: 0rem;}
	.helpModal {width: 100%;max-width: 100%;min-width: 1%;margin-left: 0rem;}
}

@media (max-width: 600px) {
	.headerpropiedades {text-align: center; }
	.container { width: 95% !important;}
	.cajafondo {margin-left: 0px; margin-right: 0px; }
	.cont-modal{padding: 15px 5px 5px 5px !important; width: 95% !important;}
	.footerModal{width: 90% !important;}
	.fieldformulario { margin-bottom: 0px !important;     margin-top: 35PX;}
	.tr-especial { display: table-row !important;  }
	.navbar-fixed {height: 64px;}
	.titulo h4 { text-align: center; padding: 0px 0px !important; }
	.left-small {text-align: left !important;}
}

.input-field > label:not(.label-icon).active {
    -webkit-transform: translateY(-14px) scale(0.8)!important;
    transform: translateY(-20px) scale(0.8)!important;
    -webkit-transform-origin: 0 0!important;
    transform-origin: 0 0!important;
}
.select-month{
	text-decoration: underline !important;
}
.select-year{
	text-decoration: underline !important;
}

@media screen and (max-width: 600px) {
	.esconder {
	display: none;
	}
	.top{
		padding-top: 0.5rem !important;
		padding-bottom: 0rem !important;
		}
}

@media screen and (min-width: 600px) {
	.mostrar {
	display: none;
	text-align: center;
	}
	.top{
		padding-top: 0.5rem !important;
		padding-bottom: 0rem !important;
		}
		.row.col.mostrar{
			text-align: center !important;
		}
}