@charset "UTF-8";

.documentacion .inner {
	overflow-y: auto;
    max-height: 100%;
}

@media screen and (max-width: 1024px) {
	body {
		/*padding-top: 56px;*/
		position: relative;
	}
	body.mobile-default main {
		min-height: 100%;
	}
	header.header {
		height: 56px;
		border: none;
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		right: 0;
		background: #ffffff;
	}
	header.header .col.col-aside {
	    padding: 0px 15px;
	    width: calc(100vw - 65px);
	    border-left: none;
	}
	header.header .col.col-aside p {
		width: 100%;
		padding-right: 30px;
		display: flex;
		justify-content: center;
	}
	header.header .col.col-aside p .ico {
		display: none;
	}
	header.header .col.col-brand {
	    padding: 10px 10px;
	    width: 65px;
	    height: 56px;
	}
	header.header .col.col-brand img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 40px;    
		max-height: 40px;
	}
	header.header .col.col-brand:first-child ul li {
		padding: 0px;
	}
	header.header .col.col-brand:first-child ul li:first-child a {
		display: block;
	    width: 45px;
	    height: 40px;
	    position: relative;
	    overflow: hidden;
	}
	header.header .col.col-brand:first-child ul li:first-child a img {
		/*
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 40px;
		max-width: initial;
		*/
	}
	header.header .col.col-brand:first-child ul li:last-child {
		display: none;
	}

	/*	====================================
		MENU
	======================================== */
	header.header .nav {
	    width: 100%;
	    right: -100%;
	}
	header.header .nav .user {
		position: relative;
		padding: 20px 15px;
		margin-bottom: 15px;
	}
	header.header .nav .user::after {
		content: '';
		display: block;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
	}
	header.header .nav .user i {
		opacity: 1;
		margin: 0 20px 0 0;
	}
	header.header .nav .user i img {
		width: 45px;
	    height: 45px;
	}
	header.header .nav ul li a {
		padding: 13px 10px;
	}
	header.header .nav ul li a span:first-child {
		margin: 0 10px 0 0;
	}
	main {
		overflow-y: auto;
		/*overflow: hidden;*/
		/*padding-top: 56px;*/
	    /*height: calc(100vh - 56px);*/
	    height: 100vh;	    
	}
	main #barba-wrapper {
		height: initial;
	}
	main #barba-wrapper,
	main #barba-wrapper .barba-container {
		/*height: 100%;*/
		/*height: calc(100vh - 56px);*/
		/*height: calc(100vh + 100px);*/
		height: auto;
	    min-height: 100vh;
	}
	main #barba-wrapper .barba-container section {
	    min-height: 100%;
	    display: flex;
	    flex-direction: column;
	    overflow: auto;
	    position: initial;
	}
	main #barba-wrapper .barba-container section.config-wrapper {
		height: 100%;
		overflow-x: hidden;
		display: none;
	}
	main #barba-wrapper .barba-container section.config-wrapper.is-active {
		display: block;
	}
	main #barba-wrapper .barba-container.home {
		position: fixed;
	    top: 57px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: calc(100% - 57px);
	    min-height: auto;
	}
	/*
		.home section {
			position: initial;
		    top: initial;
		    left: initial;
		    -webkit-transform: translate(0%, 0%);
		    transform: translate(0%, 0%);
		}
	*/
	main #barba-wrapper .barba-container.home .inner.form-wrap {
		-webkit-transition: none;
		transition: none;
	}
	main #barba-wrapper .barba-container.home section {
		-webkit-transition: none;
	    transition: none;
	    /*transition-delay: 1s;
	    transition-delay: 1s;*/
		opacity: 0;
		display: none;
	}
	main #barba-wrapper .barba-container.home section.is-active {
		opacity: 1;
		display: block;
	}
	main #barba-wrapper .barba-container.home section.login {

	}
	main #barba-wrapper .barba-container.home section.login,
	main #barba-wrapper .barba-container.home section.welcome {
		position: fixed;
	    top: 57px;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: calc(100% - 57px);
	    min-height: auto;
	    overflow-y: auto;
	    background: #006396;
	    background: -webkit-gradient(linear, left top, right top, from(#006396), to(#003764));
	    background: linear-gradient(to right, #006396, #003764);
	}
	/*
	main #barba-wrapper .barba-container.home section.login.is-active,
	main #barba-wrapper .barba-container.home section.welcome.is-active {
		opacity: 1;
	}
	*/
	main #barba-wrapper .barba-container.home section.login .login-wrap,
	main #barba-wrapper .barba-container.home section.login .pass-wrap {
		padding: 40px 15px;
		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    overflow: auto;
	}
	main #barba-wrapper .barba-container.home section.login input[type=text],
	main #barba-wrapper .barba-container.home section.login input[type=password] {
		width: 100%;
		max-width: 340px;
		padding: 15px;
		-webkit-transition: none;
		transition: none;
	}
	main #barba-wrapper .barba-container.home section.login .submit span {
		-webkit-transition: none;
		transition: none;
	}
	main #barba-wrapper .barba-container.home .inner {
		position: initial;
	    top: initial;
	    left: initial;
	    -webkit-transform: translate(0%, 0%);
	    transform: translate(0%, 0%);	    
	}
	main #barba-wrapper .barba-container.home section.welcome .inner {
		padding: 40px 15px;
	}

	/*	====================================
		PANTALLA BIENVENIDA
	======================================== */
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex {
		flex-direction: column;
	}
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex li {
		border: solid 1px #ffffff;
	    border-radius: 8px;
	    margin-bottom: 15px;
	    width: 100%;
	}
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex li a {
	    display: flex;
	    justify-content: flex-start;
	    align-items: center;
	    width: 100%;
	    margin: 0px;
	    padding: 10px 15px 10px 80px;
	    height: 80px;
	    border: none;
	    border-radius: 0px;
	}
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex li a .ico {
		display: inline-block;
	    margin: 0px;
	    position: absolute;
	    left: 15px;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);   
	    width: 44px;
	}
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex li a .ico img {
		height: initial;
	    max-height: 44px;
	    width: 44px;
	}
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex li a p {
		text-align: left;
		line-height: 1;
		margin: 0 15px 0 0;
	}
	main #barba-wrapper .barba-container.home section.welcome nav.nav-user ul.__flex li a p.status {
		margin-top: 4px;
	}

	/*	====================================
		CONFIGURADOR
	======================================== */
	.configurador .viewer {
		display: block;
		height: initial;
		min-height: 100vh;
	}
	.configurador .viewer .popup {
		position: fixed;
	}
	.configurador .viewer .popup-cover {
		position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}
	.configurador .viewer .col-left {
		width: 100%;
		height: 300px;
		padding-top: 56px;
		position: fixed;
		z-index: 2;
		background: #ffffff;
		border-bottom: solid 1px #dddddd;
	}
	.configurador .viewer .col-left .nav-sections ul {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.configurador .viewer .col-left .nav-sections ul li {
		/*width: 25%;*/
		margin: 0px;
	}
	.configurador .viewer .col-left .nav-sections ul li:last-child {
		margin-right: 0px;
	}
	.configurador .viewer .col-left .nav-sections ul li:last-child a {
		border-right: none;
	}
	.configurador .viewer .col-left .nav-sections ul li a {
		font-size: 0.8rem;
		line-height: 1;
		color: #ffffff;
		padding: 5px 5px 5px 5px;
		background-color: #006396;
		border-top: none;
		border-right: 1px solid #fff;
		display: flex;
	}
	.configurador .viewer .col-left .nav-sections ul li a::after {
		display: none;
	}
	.configurador .viewer .col-left .nav-sections ul li a img {
		width: 20px;
		height: 20px;
		margin: 0 5px 0 0;
		top: 0px;
		-webkit-filter: grayscale(1)brightness(10);
		filter: grayscale(1)brightness(10);
	}
	.configurador .viewer .col-left .nav-sections ul li a span {
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: auto;
	}
	.configurador .viewer .col-right {
	    width: 100%;
	    height: initial;
	    padding-top: 300px;
	    background: #ffffff;
	}
	.configurador .viewer .col-right .config-sidebar {
		height: initial;
		position: relative;
		padding-bottom: 80px;
	}
	.configurador .viewer .col-right .config-sidebar .section-steps {
		background-color: #ffffff;

		width: 100%;
	    z-index: 1;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	}	
	.configurador .viewer .col-right .config-sidebar .sections-wrap {
		height: initial;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section {
		padding-top: 0px;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section,
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .subsection ul li a {
		color: rgba(0,0,0,1);
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .subsection .option-group.is-visible .option {
		position: relative;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .subsection .option-group.is-visible .option::before {
		content: '';
		display: block;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		position: absolute;
		z-index: 1;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .subsection .option-group.is-visible .option.is-active::before {
		background-color: #006396;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .subsection .option-group .option .option-img,
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .subsection .option-group .option.is-active .option-img {
		border: none;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .inner {
	    padding-bottom: 60px;
	    /*overflow: visible;*/
	    min-height: initial;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .section-header {
		width: 100%;
	    position: initial;
	    margin-top: 0px;
	    border: none;
	    min-height: 40px;
	    max-height: 40px;
	    padding: 5px 10px 5px 5px;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .section-header .ico-wrap {
		width: 40px;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .section-header .header-txt {
		line-height: 1;
		display: inline-block;
		padding: 0 5px 0 0;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .section-header .subsections-counter {
		display: inline-block;
		white-space: nowrap;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .section-header .ico-wrap img {
		width: 35px;
		max-height: 20px;
	}
	.configurador .viewer .col-right .config-sidebar .sections-wrap .section .nav-subsections-bullets {
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	}
	.configurador .viewer .col-right .config-sidebar .section-steps button.btn-confirm {
		right: 0;
		opacity: 0;
		visibility: hidden;
	}
	.configurador .viewer .col-right .config-sidebar .section-steps button.btn-confirm.is-active {
	    visibility: visible;
	    opacity: 1;
	}
	.configurador .viewer .config-images .section .subsection {
		overflow: auto;
	}
	.configurador .viewer .config-images .section .subsection .descr {
		position: absolute;
		height: auto;
		min-height: 100%;
		background-color: #ffffff;
        bottom: -100%;
	}
	.configurador .viewer .config-images .section .subsection .descr.is-active {
		bottom: initial;
	}
	.configurador .viewer .pedido-fin .wrap .inner {
	    padding: 0px 25px;
	}
	.configurador .viewer .pedido-fin .wrap .inner h2 {
		font-size: 1.6rem;
		color: #444;
		margin: 0px;
		padding: 15px 0 5px;
		border: none;
	}
	.configurador .viewer .pedido-fin .wrap .inner .resume .pedido-section .section-info {
		margin: 12px 0;
	}

	/*	====================================
		DOCUMENTACIÓN
	======================================== */
	main #barba-wrapper .barba-container.documentacion {
		/*height: 100%;*/
		/*min-height: calc(100vh - 56px);*/
		padding: 76px 15px 20px;
	}
	main #barba-wrapper .barba-container.documentacion .inner {
	    position: initial;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(0%, 0%);
	    transform: translate(0%, 0%);
	    max-width: 100%;
	    height: 100%;
	}

	/*	====================================
		POSTVENTA
	======================================== */
	
	main #barba-wrapper,
	main #barba-wrapper .barba-container.postventa {
		height: 100%;
		overflow: hidden;
	}
	.formulario-postventa .inner,
	.listado-postventa .inner,
	.formulario-postventa-resultado .inner,
	.incidencia-detalle .inner {
		position: initial;
		top: 0%;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.formulario-postventa .inner .inner-wrap,
	.listado-postventa .inner .inner-wrap,
	.formulario-postventa-resultado .inner .inner-wrap,
	.incidencia-detalle .inner .inner-wrap {
		padding: 50px 15px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul {
		overflow: auto;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li {
		border-top: none;
		align-items: flex-start;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li,
	.postventa .listado-postventa .postventa-resumen-data ul li:first-child {
		padding: 0px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li:first-child span {
		border-top: none;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span {
		padding: 10px 5px;
		border-top: 1px dotted rgba(0, 0, 0, 0.2);
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span.fecha-alta {
		min-width: 150px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span.numero {
		min-width: 200px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span.descripcion {
		min-width: 210px;
		width: 210px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span.estado {
		min-width: 110px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span.ver {
		min-width: 60px;
		padding-right: 0px;
	}
	.postventa .listado-postventa .postventa-resumen-data ul li span.fecha-alta {
		padding-left: 0px;
	}
	.postventa .incidencia-detalle p.datos-incidencia span {
		padding-left: 10px;
	}
	.postventa .form-incidencia .adjunto-label {
		font-size: 1rem;
	}

}