a:hover{
	text-decoration: none;
}

/* Comunes */
body{
	padding-top:80px;
	font-family: Open Sans,sans-serif;
	font-size: 15px;
}
.btn-primary{
	border-color: #181E4B;
    background-color: #181E4B;
}
.boton{
	border-color:transparent;
	border-radius: 6px;	
	background-color: #ecf0f7;	
	box-shadow: 0 4px 9px 0 rgba(0,0,0,0.02); 
	padding:15px 30px;
	color: #323C47;	
	font-family: 'Open Sans';	
	font-size: 16px;	
	font-weight: 300;	
	letter-spacing: 1px; 
	cursor:pointer;
}
	.boton:hover{
		text-decoration:none;
		color: #323C47;	
	}
	.boton i.icon{
	
		font-size:28px;
		vertical-align:sub; 
		margin-right:10px;
		color:#007AFF;
	}
	
	.boton.btn-blue{
		background: #007AFF;
		color: #fff;
	}
	
.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link:focus, .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover{
	background-color: #181E4B;
}
.table td, .table th{
	vertical-align:middle;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: Open Sans,sans-serif;
	color: #323C47;
}


.brand svg{
	height: 60px;
	width:100%;
}

/* Cabecera */
.navbar{
    height:80px;
}
.site-navbar {
    background-color: #FAFBFC;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-header{
	text-align: center;
	height:69px;
	position: relative;
	z-index: 999999;
}
.navbar-brand{
	float:none;
	padding:0;
	height:100%;
	margin-top: 8px;
	position: relative;
}

.navbar-brand svg{
	height: 50px;
}	
.site-navbar .navbar-header .navbar-brand a:hover{
	text-decoration:none;
}

.site-navbar .navbar-header .navbar-brand svg path#Fill-1 {
    fill: #181E4B;
}

.navbar-brand-text{
	color:#fff;
}
.navbar-inverse .navbar-toolbar .nav-link:focus, .navbar-inverse .navbar-toolbar .nav-link:hover{
	background-color:transparent;
}
.navbar-avatar{
	text-align: center;
    margin: 0 20px !important;
    border-bottom: 0;
    padding: 0 !important;
}
.navbar-avatar .avatar {
    width: 55px;
}

.navbar-toggler{
	display: none;
}
	.avatar img {
		width: 100%;
		max-width: 100%;
		height: auto;
		border: 1px solid #eee;
		border-radius: 6px;
		padding: 0;
		background: #fff;
	}

	.navbar-avatar .avatar i{
		width: 15px;
		height: 15px;
	}

.navbar-avatar .nombre{
	padding: 10px 0 0 0;
	color: #333;
	font-weight: 400;
	font-size: 14px;
}	

.navbar-toolbar{
	margin-top: 12px;
}

.navbar-toolbar .dropdown.show {
	padding-bottom: 10px;	
}
.navbar-toolbar .dropdown.show .dropdown-menu{
	display: block;
	background: #FAFBFC;
}
	
	
.navbar-inverse .navbar-toolbar .nav-link .icon.md-power{
	color: #ccc;
    font-size: 30px;
    padding: 0 30px;
}

.dropdown-menu{
	border: none;
	-webkit-box-shadow: 0 0px 10px rgba(100,100,100,.05);
    box-shadow: 0 0px 10px rgba(100,100,100,.05);
}

.navbar-toolbar .dropdown-menu {
	padding: 10px 20px;
}

.dropdown-item .icon{
	color: #007AFF;
    font-size: 24px;
    vertical-align: text-bottom;
	margin-right: 8px;
}

.dropdown-item{
	color: #323C47;
	font-size: 16px;
	margin: 10px 0;
}

/* Menú */
.site-menubar{
	border-top: 2px solid #eee;
	top:80px;
	font-family: Open Sans,sans-serif;
	background-color: #FAFBFC;
	width: 218px;
}
.site-menu-title{
	color: rgba(50,60,71,1);
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size:0.9em;
}
	.site-menu>.site-menu-item.disabled .site-menu-title{
		color:#bdbcbc;
	}
.site-menu>.site-menu-item{
	position: relative;
}
.site-menu>.site-menu-item:hover,.site-menu>.site-menu-item.active {
    background: none;
}
.site-menu>.site-menu-item.hover>a, .site-menu>.site-menu-item:hover>a{
	background: none;
}
.site-menu>.site-menu-item:hover:before,.site-menu>.site-menu-item.active:before{
	content: "";
    display: inline-block;
    border-right: 5px solid rgba(0, 122, 255, 0.7);
    position: absolute;
    left: 0px;
    top: 14px;
    height: 45px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,123,255,0.7);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,123,255,0.7);
	box-shadow: 0px 0px 10px 0px rgba(0,123,255,0.7);
	
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}
.site-menu>.site-menu-item.disabled:hover:before{
	display: none;
}
.site-menu>.site-menu-item>a{
	text-align: left;
	padding: 22px 30px;
}
	.site-menu>.site-menu-item.disabled>a{
		cursor:default;
	}
		.site-menu>.site-menu-item.disabled>a:hover{
			background-color:transparent;
		}
.menu-icon{
	height: 40px;
    float: left;
    vertical-align: top;
    display: inline-block;
    margin-right: 15px;
    padding: 4px 0;
}
	.menu-icon svg{
		width: auto;
		height: 100%;
		padding: 10%;
	}
		.menu-icon svg g, .menu-icon svg polygon, .menu-icon svg path, .menu-icon svg polyline{
			stroke:#007AFF;
			stroke-width: 8px;
		}	
			.site-menu>.site-menu-item.disabled .menu-icon svg g, .site-menu>.site-menu-item.disabled .menu-icon svg polygon, .site-menu>.site-menu-item.disabled .menu-icon svg path, .site-menu>.site-menu-item.disabled .menu-icon svg polyline{
				stroke:#bdbcbc;
			}
		.menu-icon use{
			fill:#007AFF;
		}
			.site-menu>.site-menu-item.disabled .menu-icon use{
				fill:#bdbcbc;
			}

/* Página */
.page{
    padding: 0;
	background: #f2f4f8;
	background-size: 100%;
    background-repeat: no-repeat;
	background-position: top;
    background-image: url(../images/bg-pattern.png);
}
.page-container{
	padding: 75px 85px;
}
		
.page, .site-footer {
    margin-left: 218px;
}
.page-content, .page-header{
	background-color:#fff;
}

.page.home .page-content{
	background:none;
}
.page-header{
	border-bottom: 1px solid #F2F4F8;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 30px 40px;
}
	.page-header .breadcrumb-item, .page-header .breadcrumb-item a{
		color: #323C47;
	}
	
	.page-header .breadcrumb-item, .page-header .breadcrumb-item.active a{
		color: #007AFF;
	}
	
.page-block{
	border-radius: 6px;
	-webkit-box-shadow: 0 0px 10px rgba(100,100,100,.05);
    box-shadow: 0 0px 10px rgba(100,100,100,.05);
}	

.page-flex{
	display: flex;
}

.page-flex .page-container{
	width: 80%;	
}
.page-flex .page-lateral{
	background: #fff;
	width: 20%;	
}

	.page-flex .page-lateral .icon{
		color: #007AFF;
	}
	
	.page-flex .page-lateral .total{
		border-bottom: 1px solid #eee;
		font-weight: 500;
		font-size: 24px;
		padding-bottom: 20px;
		color: #323C47;
	}
	
	.page-flex .page-lateral .total span{
		font-size: 14px;
	}
	.page-flex .page-lateral .total strong{
		font-size: 32px;
		font-weight: 600;
	}
	.page-flex .page-lateral .eleccion{
		color: #007AFF;
	}
	
	


.panel-body {
    position: relative;
    padding: 30px 10px;
}

	.panel-body .panel-body{
		padding: 0 !important;
	}
		

.page-content{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.page-title{
	font-size: 28px;
    font-weight: 300;
    color: #323C47;
}
		
.page-title .nombre_lista{
	border-radius: 4px;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    font-size: 16px;
    height: 40px;
    vertical-align: text-top;
    padding: 2px 10px;
    width: 30%;
    font-weight: 600;
}


.page-title .ion-ios-compose-outline{
	cursor: pointer;
}
		
/* Login */
body.login{
	padding-top:0;
}
	body.login .page.login{
		margin-left:0;
		min-height:100%;
	}
	body.login .page.login .page-content{
		border-radius:6px;
		padding:0px 15px;
	}
		body.login .page.login .brand img{
			max-height:60px;
		}

		body.login .page.login:before {
		  position: fixed;
		  top: 0;
		  left: 0;
		  z-index: -1;
		  width: 100%;
		  height: 100%;
		  content: '';
		  background: #3949ab;
		  /* Old browsers */
		  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
		  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYThlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTcxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#3949ab), to(#283593));
		  background-image: -webkit-linear-gradient(top, #3949ab 0%, #283593 100%);
		  background-image:      -o-linear-gradient(top, #3949ab 0%, #283593 100%);
		  background-image:         linear-gradient(to bottom, #3949ab 0%, #283593 100%);
		  background-repeat: repeat-x;
		  background-position: center top;
		  -webkit-background-size: cover;
				  background-size: cover;
		}

		body.login .page.login .panel {
		  width: 400px;
		  margin-bottom: 0px;
		  background: #fff;
		  margin:0 auto;
		}

		body.login .page.login .panel .panel-body {
		  padding: 50px 40px 40px;
		}

		body.login .page.login .panel .brand-text {
		  margin-top: 8px;
		}

		body.login .page.login form {
		  margin: 45px 0 30px;
		}

		body.login .page.login form a {
		  margin-left: 20px;
		}

		body.login .page.login form .form-material.floating + body.login .page.login form .form-material.floating {
		  margin-top: 30px;
		}

		body.login .page.login form .form-material label {
		  font-weight: 300;
		}

		@media (max-width: 479px) {
		  body.login .page.login .page-content {
			padding: 30px 20px;
		  }
		  body.login .page.login .panel {
			width: auto;
			padding: 10px;
		  }
		  body.login .page.login .panel .panel-body {
			padding: 35px 25px 35px;
		  }
		}		
		
/* Home */
.page.home{
}
	.page.home .box{
		text-align:center;
		margin-bottom:20px;
	}
		.page.home .box.calidades {	
			height: 394px;
			border-radius: 6px;	
			background: linear-gradient(135.4deg, #17EAD9 0%, #6078EA 100%);
		}
		.page.home .box.documentos {	
			height: 394px;
			border-radius: 6px;	
			background: linear-gradient(135deg, #23BCBA 0%, #45E994 100%);
		}
		.page.home .box.incidencias {	
			height: 394px;
			border-radius: 6px;	
			background: linear-gradient(135deg, #FFDEA7 0%, #EA6362 100%);
		}
			.page.home .box.incidencias .icon svg{
				width:145px;
			}
		
		.page.home .box.disabled{
			background: linear-gradient(135deg, #a09d9d 0%, #bab9b9 100%);
		}
			.page.home .box.disabled .txt{
				color: #dcdbdb;
				cursor:default;
			}
	
	.page.home .box a{
		text-decoration: none;
		display: block;
		height: 100%;
	}
	.page.home .box .icon{
		height:70%;
		padding-top:10%;
	}
		.page.home .box .icon svg{
			height:100%;
		}
			.page.home .box .icon svg g, .page.home .box .icon svg polygon, .page.home .box .icon svg path, .page.home .box .icon svg polyline{
				stroke:#fff;
			}		
				.page.home .box.disabled .icon svg g, .page.home .box.disabled .icon svg polygon, .page.home .box.disabled .icon svg path, .page.home .box.disabled .icon svg polyline{
					stroke:#dcdbdb;
				}
					.page.home .box.disabled .icon svg polygon.st1{
						fill:#dcdbdb;
					}
			.page.home .box .icon svg use{
				fill:#fff;
			}
				.page.home .box.disabled .icon svg use{
					fill:#dcdbdb;
				}
			
		
	.page.home .box .txt{
		color: #fff;
		font-size: 2em;
		padding-top: 2%;
		padding-left: 20px;
		padding-right: 20px;
	}

/* Collapses */
.panel-heading{

}

.panel.cat{
	opacity: 0.4;
	pointer-events: none;
}

.panel.cat.selected{
	opacity: 1;
	pointer-events: all;
}


.panel.subcat{
	opacity: 0.4;
	pointer-events: none;
}

.panel.subcat.selected{
	opacity: 1;
	pointer-events: all;
}

.panel-group .panel+.panel {
    margin-top: 35px;
}

.panel .collapse.show{
	border: none;
	border-top: 0;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
	.panel-heading .panel-title{
		color: #fff;
		padding: 30px 60px 30px 30px;
		text-transform: uppercase;
		font-size: 16px;
		background: #22967C;
		
		-webkit-border-top-left-radius: 6px !important;
		-webkit-border-top-right-radius: 6px !important;
		-moz-border-radius-topleft: 6px !important;
		-moz-border-radius-topright: 6px !important;
		border-top-left-radius: 6px !important;
		border-top-right-radius: 6px !important;
		
		transition: all ease .5s;
	}
	
	.panel-heading .panel-title.collapsed{
		
	}
	.panel-heading .panel-title.collapsed{
		border-radius: 6px !important;
		background: #22967C;
	}
	
	
	
	.panel-group .panel-title:focus, .panel-group .panel-title:hover {
		color: #fff;
		background: #22967C;
	}
		
	.panel-heading .icon {
		font-size: 30px !important;
		vertical-align: sub;
	}
	
	.panel-heading .ion-ios-circle-outline{
		display: inline-block;
		 vertical-align: middle;
	}
	
	.panel-heading .nombre{
	    display: inline-block;
		width: 80%;
		vertical-align: middle;
	}
	
	.clicked .ion-ios-circle-outline:before{ 
		content: "\f120";
	}
			
			.panel-body .panel-body .panel-group .panel{
				font-size: 0;
			}
			
			.panel-body .panel-body .panel-group .panel+.panel {
				margin-top: 0px;
				border-top: 1px solid #fff;
			}
			.panel-body .panel-body .panel-heading .panel-title{
				background: #F0C419;
				border-radius: 0px !important;
				padding: 20px 60px 20px 65px;
				font-size: 14px;
				font-weight: 500;
				text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
			}
			
			@media (max-width: 991px) {
				.panel-body .panel-body .panel-heading .panel-title{
					padding: 20px 60px 20px 30px;
				}
			}
			
			
			.panel-body .panel-body  .panel-heading .panel-title.collapsed{
					background: #F0C419;
				}
				
				.panel-body .panel-body  .panel-heading .panel-title{
					background: #22967C;
				}
				
			.panel-body .panel-body .clicked .panel-heading .panel-title{
				background: #1DBD90;
			}
			
			
				.panel-body .panel-body .panel-body .panel-heading .panel-title{
					background: #F2F4F8; 
					border-radius: 0px !important;
					padding: 20px 60px 20px 105px;
					font-size: 14px;
					font-weight: 500;
					text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
				}
				
				
				@media (max-width: 991px) {
					.panel-body .panel-body .panel-body .panel-heading .panel-title{
						padding: 20px 60px 20px 30px;
						
					}
				}
				
				
				.panel-body .panel-body .panel-body .calidad.clicked .panel-heading .panel-title{
					background: #7bb9a8;
					color: #fff;
				}

			.panel-body .panel-body .collapse.show{
					border: 0 !important;
			}
			
			.panel-body .panel-body .panel-body{
				padding: 0 !important;
				font-size: 0;
			}
				.panel-body .panel-body .panel-body .panel-heading .panel-title{
					background: #F2F4F8;
					border-radius: 0px !important;
					color: #999;
					text-shadow: none;
				}
				
				.panel-body .panel-body .panel-body  .panel-descripcion{
					    padding: 10px 15px 10px 90px;
						font-size: 14px;
						font-weight: 400;
						display: inline-block;
						width: 100%;
						background: #fafafa;
				}
				
				.panel-body .panel-body .panel-body  .panel-descripcion p{
					margin: 0;
				}
				
				.panel-body .panel-body .panel-body .collapse.show{
					border: 0 !important;
				}
				
				.panel .elemento{
					padding: 30px 0;
					display: inline-block;
					width: 100%;
					border-bottom: 1px solid #eee;
					font-size: 14px;
					transition: all ease .5s;
				}
				
				.panel .elemento.disabled,.panel .elemento.disabled:hover{
					pointer-events: none;
					opacity: 0.6;
					background: rgba(255, 255, 255, 0.7);
					color: #171717;
				}
				
				.panel .elemento.disabled:hover .line-60{
					color: #171717;
				}
				
				.panel .elemento .line-60{
					line-height: 60px;
					transition: all ease .5s;
				}
				
				.panel .elemento .col-xs-12{

				}
				
				@media (max-width: 991px) {
					.panel .elemento .col-xs-12{
						text-align: center !important;
					}
					
					.panel .elemento .checkbox-custom{
						margin: 0;
						padding: 0;
					}
					
					.panel .elemento .checkbox-custom label{
						margin-left: -10px;
					}
				}
				
				.panel .elemento span.precio { 
					color: #00D028;
					font-weight: bold;
				}
				
				.panel .elemento .icon.large {
					font-size: 35px !important;
					vertical-align: sub;
					border: 0;
					color: #fff;
					line-height: 60px;
					border-radius: 100%;
					border: 1px solid #edf0f7;
					width: 60px;
					background: #edf0f7;
					margin: 0 auto !important;
					transition: all ease .9s;
				}
				
				.panel .elemento div.large {
					font-size: 35px !important;
					vertical-align: sub;
					border: 0;
					color: #fff;
					line-height: 60px;
					border-radius: 100%;
					border: 1px solid #edf0f7;
					width: 60px;
					height: 60px;
					background: #edf0f7;
					margin: 0 auto  !important;
					transition: all ease .9s;
					background-size: cover;
					background-position: center center;
					background-repeat: no-repeat;
				}
				
				.panel .elemento .checkbox-custom{
					margin: 0;					
				}
				
				.panel .elemento .checkbox-custom label::before{
					position: absolute;
					left: 0;
					display: inline-block;
					width: 32px;
					height: 32px;
					margin-left: -20px;
					margin-top: -10px;
					content: "";
					background-color: #fff;
					border: 1px solid #007AFF	;
					border-radius: 50%;
					-webkit-transition: all .3s ease-in-out 0s;
					-o-transition: all .3s ease-in-out 0s;
					transition: all .3s ease-in-out 0s;
					
				}
				
				.panel .elemento .checkbox-custom label::after {
					position: absolute;
					top: 0;
					left: 0;
					display: inline-block;
					width: 32px;
					height: 32px;
					padding-top: 1px;
					margin-left: -20px;
					margin-top: -10px;
					font-size: 24px;
					line-height: 30px;
					color: #fff;
					text-align: center;
				}
				
					.panel .elemento .checkbox-primary input[type=radio]:checked+label::before, .panel .elemento .checkbox-primary input[type=checkbox]:checked+input[type=hidden]+label::before, .panel .elemento .checkbox-primary input[type=checkbox]:checked+label::before{
					    background-color: #007AFF;
						border-color: #007AFF;
				}
				
				@media (max-width: 1400px) {
					.panel .elemento .icon.large {
						font-size: 25px !important;
						line-height: 40px;
						width: 40px;
					}
					.panel .elemento .line-60{
						line-height: 40px;
					}
				}
				
				.panel .elemento .icon.large.circle {
					font-size: 22px !important;
					vertical-align: sub;
					border: 1px solid #007AFF;
					border-radius: 50%;
					width: 32px;
					height: 32px;
					color: #007AFF;
					line-height: 32px;
					background: #fff;
				}
				
				.panel .elemento:hover{
					background: #f2f2f2;
					cursor: pointer;
				}
				
				.panel .elemento:hover .line-60{
					color: #007AFF;
				}
					
				.panel .elemento:hover .icon.large{
					background: #007AFF;
					color: #fff;
				}
				.panel .elemento:hover .icon.large.circle{
					background: #007AFF;
					color: #fff;
				}
				
				.page-flex .page-container{
					width: 75%;
					-webkit-transition: all 0.5s ease;
					  -moz-transition: all 0.5s ease;
					  -o-transition: all 0.5s ease;
					  transition: all 0.5s ease;
				}
				
				.page-container.full{
					width: 100%;
					-webkit-transition: all 0.5s ease;
					  -moz-transition: all 0.5s ease;
					  -o-transition: all 0.5s ease;
					  transition: all 0.5s ease;
				}
				
				@media (max-width: 991px) {
					.page-container.full{
						padding: 0;
					}
				}
				
				.page-flex .page-lateral{
					-webkit-box-shadow: 0 0px 10px rgba(100,100,100,.05);
					box-shadow: 0 0px 10px rgba(100,100,100,.05);
						-webkit-transition: -webkit-transform .25s,top .35s,height .35s;
						-o-transition: -o-transform .25s,top .35s,height .35s;
						transition: transform .25s,top .35s,height .35s;
						
						position: absolute;
						
						top: 350px;
						right: 0;
						
						width: 25%;
					}
				
				.page-flex .page-lateral.slide-right{
					-webkit-transform: translate3d(0,0,0);
					-ms-transform: translate(0,0);
					transform: translate3d(0,0,0);
				}
				
				.page-flex .page-lateral .page-title{
					font-size: 20px;
				}
				
				.page-flex .page-lateral .panel-eleccion{
					padding: 20px;
				}
				
				.page-flex .page-lateral .panel-eleccion h5{
					font-size: 11px;
					color: #999;
					text-transform: none;
				}
				
				.page-flex .page-lateral .panel-eleccion p.media-text{
					font-size: 11px;
					color: #999;
					text-transform: none;
				}
				
				.page-flex .page-lateral .panel-eleccion .large{
					font-size: 35px !important;
					vertical-align: sub;
					border: 0;
					color: #fff;
					line-height: 60px;
					border-radius: 100%;
					border: 1px solid #edf0f7;
					width: 60px;
					height: 60px;
					background: #edf0f7;
					margin: 0 auto !important;
					transition: all ease .9s;
					background-size: cover;
					background-position: center center;
					background-repeat: no-repeat;
				}
				
				.page-flex .page-lateral .panel-eleccion .media-body{
					cursor: pointer;
				}
				
				
				
				@media (max-width: 1200px) {
					
					.page-container{
						width: 100%;
					}
					
					.page-flex .page-lateral{
							position: absolute;
							top: 350px;
							right: 0;
							
							width: 340px;
					}
				}
				
				@media (max-width: 768px) {
					.page .slick-slider{
						display: none;
					}
					
					.page-flex .page-lateral{
							position: absolute;
							top: 0px;
							right: 0;
							z-index: 99999;
							width: 340px;
					}
					
					
					.panel .elemento .line-60{
						text-align: center;
					}
					
					
				}
				
/* Documentos */
.page.documentos{
}
	.page.documentos a{
		text-decoration:none;
	}
	.page.documentos .icon{
		font-size: 16px;
		margin-right:10px;
	}

/* Calidades */
.page.calidades.vivienda{
	padding: 0;
}

.panel .elemento .line-60{
		text-transform: uppercase;
	}
	
	.panel .elemento .line-60.col-lg-6{
		line-height: 20px;
	}
	.panel .elemento .icon.large.circle{
		cursor: pointer;
	}
	.banner_slide{
		height: 350px !important;
		overflow: hidden;
		position: relative;
	}
	.banner{
		position: absolute !important;
		top: -50%;
		left: 0;
		margin: 0 0 0 0;
		width: 100%;
	}
	.banner_slide .titulo{
		position: absolute;
		bottom: 35px;
		left: 60px;		
		z-index: 99999;
		padding: 0;
		text-align: left;
	}
	.banner_slide .titulo h2{
		color: #fff;
		margin: 0 0 5px 0;
		font-weight: 100;
		font-size: 40px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	}
	.banner_slide .titulo h3{
		color: #fff;
		margin: 0;
		font-weight: 100;
		font-size: 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
		text-transform: uppercase;
	}
	.banner::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #181E4B57;
	}
	.panel .titulo{
		display: inline-block;
		vertical-align: middle;
	}
	.panel .titulo h2{
		color: #fff;
		margin: 0 0 5px 0;
		font-weight: 100;
		font-size: 25px;
	}
	.panel .titulo h3{
		color: #fff;
		margin: 0;
		font-weight: 100;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	.page-title .icon{
			color: #007AFF;
	}
	
	.lista_favoritos{
		
	}
		.lista_favoritos .line-60{
			padding: 18px 0;
			font-size: 12px;
			line-height: 22px;
			height: 50px;
		}
		
		.lista_favoritos .line-bottom{
			padding: 0 0 20px 0;
		}
		
		.lista_favoritos .thead{
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 500;
			color: #323C47;
		}	
		
		
		
		@media (max-width: 991px) {
			.lista_favoritos .thead{
				display: none;
			}	
		}
		
		
		.lista_favoritos .nombre{
			font-size: 13px;
			line-height: 20px;
		}
		
		.lista_favoritos .barra{
			width: 100%;
		}
		
		
		.lista_favoritos .progress{
			margin: 2px 0;
			width: 70%;
			height: 8px;
			background: #f2f2f2;
		}
		
		.lista_favoritos .barra .porcentaje-num{
			display: none;
		}
		
		.lista_favoritos .barra span{
			font-size: 12px;
		}
		
		.lista_favoritos .progress .progress-bar-striped, .lista_favoritos .progress  .progress-striped .progress-bar{
			-webkit-box-shadow: none;
			box-shadow: none;
	
			background: #00d028;
			background: -moz-linear-gradient(left, #00d028 0%, #b8e986 100%);
			background: -webkit-linear-gradient(left, #00d028 0%,#b8e986 100%);
			background: linear-gradient(to right, #00d028 0%,#b8e986 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d028', endColorstr='#b8e986',GradientType=1 );
		}
		
		.lista_favoritos strong{
			color: #323C47;
			font-size: 16px;
			font-weight: 600;
		}
		
		.lista_favoritos .icon{
			color: #007AFF;
			font-size: 22px;
			margin-top: -10px;
		}
		
		.lista_favoritos .list-group{
			display: inline-block;
			width: 100%;	
		}
		
		.lista_favoritos .media-body, .lista_favoritos .media-left, .lista_favoritos .media-right{
			vertical-align: middle;
		}
		
		.lista_favoritos .media-left .icon{
			background: #FF4070;
			height: 48px;
			width: 48px;
			color: #fff;
			border-radius: 50%;
			line-height: 44px;
			text-align: center;
			font-size: 26px;
		}
		
		.btn-primary{
			margin: 10px 0;
			padding: 12px 20px 12px 5px;
		}
		
		.btn-primary:hover{
			background: #f2f2f2;
			border-color: #f2f2f2;
			color: #323C47;
		}
		
		.btn-primary .icon{
			color: #;
			font-size: 48px;
			line-height: 12px;
			vertical-align: middle;
		}
		
		.btn-primary.btn-lista{
			vertical-align: middle;
			margin: 0;
			background: #fff;
			color: #007AFF;
			border-color: #007AFF;
			padding: 10px;
		}
		.btn-primary.btn-lista:hover{
			vertical-align: middle;
			margin: 0;
			background: #007AFF;
			color: #fff;
			border-color: #007AFF;
			padding: 10px;
		}
		.page-header-actions .icon{
			font-size: 28px;
			background: #007AFF;
			color: #fff;
			border-radius: 50%;
			height: 42px;
			width: 42px;
			text-align: center;
			line-height: 42px;
			border-radius: 50%;
			border: 1px solid #007AFF;
			margin-left: 10px;
		}
		
		
		.calidades .btn-primary{
			background: #fff;
			color: #323C47;
			border-color: #fff;
			margin: 10px 0;
			padding: 12px 20px 12px 5px;
			border: 0;
		}
		
		.calidades .btn-primary:hover{
			background: #007AFF;
			color: #fff;
			border-color: #fff;
			margin: 10px 0;
			padding: 12px 20px 12px 5px;
		}
		
		.page-header-actions .icon:hover{
			background: #fff;
			color: #007AFF;
			
		}
		
		
		
		.calidades .btn-primary.btn-lista{
			background: #fff;
			color: #007AFF;
			border: 1px solid #007AFF !important;
			margin: 0px 0;
			padding: 12px 20px 12px 20px;
			border: 0;
		}
		
		.calidades .btn-primary.btn-lista:hover{
			background: #007AFF;
			color: #fff;
			border: 1px solid #007AFF;
			margin: 0px 0;
			padding: 12px 20px 12px 20px;
			border: 0;
		}
		
		.waves-effect.back{
			position: absolute;
			left: 0;
			right: auto;
			float: none !important;
			top: -30px;
		}
		
		.calidades .btn-primary.btn-lista.btn-xs{
			background: #007AFF;
			color: #fff;
			border: 1px solid #007AFF !important;
			margin: 0px 0;
			padding: 10px 10px 10px 10px;
			border: 0;
			vertical-align: text-top;
		}
				
/* Incidencias */
.page.incidencias{
}

/* Loader */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #fff;
}

.panel-group .panel-title:after, .panel-group .panel-title:before{
	top: 50%;
	-ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}
.panel-group .panel-title:after {
    display: none;	
}
.panel-group .panel-title:before {
    content: '\f278';
	font-size: 30px;
	opacity: 1;
    text-shadow: none;
}
.panel-group .panel-title[aria-expanded=true]:before{
	content: '\f273';
	opacity: 1;
	-webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
	-ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.modal .modal-header{
	border-bottom: 1px solid #f0f0f0;
}

.modal .modal-body h3{
	color: #007AFF;
	text-align: center;
	margin: 0 0 20px 0;
	font-weight: 300;
}

.modal .modal-body{
	padding: 30px 20px 30px 20px;
	text-align: center;
}

.modal .modal-body table td{
	line-height: 12px;
}
.modal .modal-body table span.cat{
	font-size: 10px;
	font-weight: 600;
	color: #22967C;
}

.modal .modal-body table span.subcat{
	font-size: 10px;
	font-weight: 500; 
}

.modal .modal-body table span.cal{
	font-size: 10px;
	font-weight: 400;
	color: #007AFF;
}

.modal .modal-body table span.opt{
	font-size: 10px; 
	font-weight: 300;
}


.modal .modal-body table span.precio{
	font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}

.modal .modal-body table span.precio strong{
	font-weight: bold;
    font-size: 18px;
    color: #007AFF;
}

.modal .modal-footer {
	text-align: center;
	padding: 6px 20px 30px 20px;
}
.modal .modal-footer .btn-pure.btn-default{
	background: #007AFF;
	color: #fff;
}

.modal .modal-footer .btn-pure.btn-default.bg-dark{
	border: 1px solid #007AFF;
	background: #fff;
	color: #007AFF; 
}

.modal-sidebar {
    justify-content: flex-start;
}

.modal-sidebar .modal-content {
    background-color: #fff;
}

.modal.page-lateral .panel-eleccion .list-group{
	margin-bottom: 0;
	text-align: left;	
	
}

.modal.page-lateral .panel-eleccion .list-group .eleccion{
	padding: 0 0px;
}

.modal.page-lateral .panel-eleccion .list-group .cat{
	text-align: left;	 
	padding: 0;
}

.modal.page-lateral .panel-eleccion .large {
    font-size: 35px !important;
    vertical-align: sub;
    border: 0;
    color: #fff;
    line-height: 45px;
    border-radius: 100%;
    border: 1px solid #edf0f7;
    width: 45px;
    height: 45px;
    background: #edf0f7;
    margin: 0 auto !important;
    transition: all ease .9s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.modal.page-lateral .panel-eleccion h4{
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
    margin: 15px 0 10px 0;
	font-size: 14px;
	color: #22967C;
}

.modal.page-lateral .panel-eleccion h5{
	font-size: 12px;
	margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.modal.page-lateral .panel-eleccion .media-body{
	font-size: 10px;
}

.modal.page-lateral .panel-eleccion .media-body strong{
	font-size: 10px;
	color: #007AFF;
}

.modal.page-lateral .panel-eleccion .precio{
	color: #007AFF;
	text-align: right;
	margin: 0;
}	

.modal.page-lateral .total{
	border-bottom: 1px solid #eee;
	font-weight: 500;
	font-size: 24px; 
	padding-bottom: 20px;
	color: #323C47;
}

.modal.page-lateral .total span{
	font-size: 14px;
}
.modal.page-lateral .total strong{
	font-size: 32px;
	font-weight: 600;
}

.icon.ion-document-text{
	color: #e00070;
    font-size: 34px;
    line-height: 32px;
}

.icon.ion-document-text.download_ficha{
	color: #e00070;
    font-size: 58px;
    line-height: 46px;
    background: none;
    border: none;
    margin-right: 5px;
}
#generando{
    display: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #323C47;
}
#generando img{
	display: block;
    margin: 0 auto;
    max-width: 30px;
}
/* Botón para enviar email a postventa */
.page-container.con-boton-email-postventa{
	padding-top:13px;
}
.page-container.con-boton-email-postventa #contenedor-boton-email-postventa{
	width: 100%;
	text-align: center;
	margin-bottom:12px;
}
.page-container.con-boton-email-postventa #contenedor-boton-email-postventa #boton-email-postventa{
	text-decoration: none;
    display: inline-block;
    background-color: #153157;
    color: #fff;
    padding: 7px 25px;
    border-radius: 5px;
}
.page-container.con-boton-email-postventa #contenedor-boton-email-postventa #boton-email-postventa i{
	font-size: 28px;
    margin-right: 13px;
    float: left;
}
.page-container.con-boton-email-postventa #contenedor-boton-email-postventa #boton-email-postventa .text{
	display: inline-block;
    padding-top: 1px;
}
.page-container.con-boton-email-postventa #contenedor-boton-email-postventa #boton-email-postventa .text span{
	font-weight: 600;
	font-size:16px;
}
.pack .panel-heading .panel-title {
 background: #181E4B;
}
.pack .panel-body .clicked .panel-heading .panel-title {
		background: #2c44657a;
		color: #fff;	
}

.panel-title .small, .panel-title small {
    color: #ffffff;
	font-size: 10px;
	margin-left: 37px;
	text-transform: none;
}

.pack  .panel-body .panel-body .calidad.clicked .panel-heading .panel-title {
    background: #181E4Bc7;
    color: #fff;
}
h5.nombre-opcion{
	padding: 8px;
    text-align: center;
	background: #69979D;
    color: #fff;
    margin-bottom: 4px;
    font-size: 16px;
}
.panel-title .nombre small{
	margin-left: 0px;
}
.form-carga{
	padding: 20px;
    background-color: #ccc9;
}
.form-carga label{
	font-weight: bold;
    font-size: 15px;
}
.list-group .media .media-heading {
    font-size: 16px;
}
.calidades .btn-primary.btn-lista.btn-conf{
	background: #181E4B;
    color: #ffffff;
    border: 1px solid #ffffff !important;
    margin: 0px 0;
    padding: 12px 30px 12px 30px;
    font-weight: bold;
}