@charset "utf-8";
html, body, div, table {
	margin: 0;
	/*padding: 0;*/
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'Roboto', sans-serif;
	color: #545454;
	
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}
	
*{
  margin: 0;
  padding: 0;
  

}
body {
	-webkit-text-size-adjust: none;
	background: #FFF;
}

mark {
	background-color: transparent;
	color: inherit;
}


/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	@-ms-viewport {
		width: device-width;
	}



	body, input, select, textarea {
		font-family: 'Roboto', sans-serif;
		color: #545454;
		font-size: 10pt;
	}

	a {
		color: inherit;
		text-decoration: none;
	}

		a:hover {
			text-decoration: none;
		}



/* Container */

	.container {
		margin: 0 auto;
		/*max-width: calc(100% - 100px);*/
		width: 100%;
	}

		@media screen and (max-width: 1400px) {

			.container {
				width: 100%;
			}

		}

		@media screen and (max-width: 980px) {

			.container {
				width: 100%;
			}

		}

		@media screen and (max-width: 736px) {

			.container {
				width: 100%;
				max-width: 100%;
			}

		}

/* Section/Article */
.login{

	 width:100%;
	 padding:0.9%;
	 display:block;
	 float:right;
	 position: relative;
	 margin:0;
	 border:1px solid #000;
}

.formlogin{

	 width:50%;
	 padding:0.9%;
	 display:block;
	 position: relative;
	 margin:0 auto;
	 border:1px solid #000;
	 background-color:#FFF;
	 border-radius:5px;
}

#contenido{
	 width:100%;
	 padding:0;
	 display:block;
	 margin:0;
}

 section{
	 width:100%;
	 padding:0.9%;
	 display:block;
	 float:right;
	 margin:0;
	 min-height:780px;
}
@media all and (max-width: 1400px) {
	 section{
	 width:100%;
	 padding:0.9%;
	 display:block;
	 float:right;
	 margin:0;
	}
}
@media all and (max-width: 860px) {
	 section{
	 width:100%;
	 padding:0.9%;
	 display:block;
	 float:right;
	 margin:0;
	}
}
#content{
	 width:100%;
	 display:block;
}
	 
	 
#menusecund{
	width:100%;
	background-color: #ecf6fb;
	}
#menusecund h2{
	padding:8px;
	color: #0070a0;
	font-size:16px;
	font-weight:bold;
}

#icoshome2{
	margin-top:50px;
	padding: 0;

}
#icoshome2 .icocontent{
	/*width:175px;  */
	text-align:center;
	margin: 0;
}
#icoshome2 .icoh{
	margin:0 auto !important;
	height:175px;
	width:175px;
	background-color:#eaf0e7;
	text-align: center;
}
#icoshome2 .icoh:hover{
	height:175px;
	/*width:175px;  */
	background-color:#b5dfa3;
}
#icoshome2 .icoh:active{
	height:175px;
	/*width:175px;  */
	background-color:#b5dfa3;
}




#iconoshome{
	  margin-top: 30px;
	  width:100%;
	  list-style: none;
	  position: relative;
	  display:table;
	  text-align:center;
	  
}
#iconoshome li{
	float:left;
	margin:70px;
	width:178px;
	text-align:center;
	color: #0070a0;
}

#iconoshome li .icoh{
	height:178px;
	width:178px;
	background-color:#eaf0e7;
}
#iconoshome li .icoh:hover{
	height:178px;
	width:178px;
	background-color:#b5dfa3;
}
#iconoshome li .icoh:active{
	height:178px;
	width:178px;
	background-color:#b5dfa3;
}
@media all and (max-width: 1400px) {
	#iconoshome li{
	margin:50px;
	}
}
@media all and (max-width: 860px) {
	#icoshome2{
		margin-top:10px;
	}
	#iconoshome li{
	margin:20px;
	}
}
@media all and (max-width: 460px) {
	#iconoshome{
	  margin-top: 10px;
	  width:100%;
	  list-style: none;
	  position: relative;
	  display:table;
	}
	#iconoshome li{
		width:90%;
		text-align:center;
		margin:3.3%;
	}
	#iconoshome li .icoh{
	height:178px;
	width:178px;
	margin:0px auto;
	background-color:#eaf0e7;
	}
}

/* HEADER */

	header {
		margin:0;
		box-shadow: 0px 2px 5px #c1c1c1;
		-webkit-box-shadow: 0px 2px 5px #c1c1c1;
	  	-moz-box-shadow: 0px 2px 5px #c1c1c1;
		padding:0.9em;
		height:auto;
		width:100%;
		line-height:0;
		z-index:10;
		/*position: absolute;*/
		top:0;
		background-color:#FFF;
		display: table;
		border-bottom:1px solid #c0c0c0;

	}
	#header{
		display: table;
		width:100%;
		height:auto;
	}
	#header .logo{
		width:104px;
		height:60px;
		margin:0px;
		padding:0;
		float:left;
		background-image:url(../images/logo.svg);
		background-size:100%;
	}
@media screen and (max-width: 860px) {
	header {
		margin:0;
		box-shadow: 0px 2px 5px #c1c1c1;
		-webkit-box-shadow: 0px 2px 5px #c1c1c1;
	  	-moz-box-shadow: 0px 2px 5px #c1c1c1;
		padding:0.1em;
		height:auto;
		width:100%;
		line-height:0;
		z-index:10;
		/*position: absolute;*/
		top:0;
		background-color:#FFF;
		display: table;
		border-bottom:1px solid #c0c0c0;

	}
	#header .logo{
		width:54px;
		height:31px;
		margin:7px;
		padding:0;
		float:left;
		background-image:url(../images/logo.svg);
		background-size:100%;

	}

}
	
/* MENU HEADER*/
#botmenuHeader{
	display: none;
}
#menutopmini{
	display:none;
}
#menutop{
  background: #FFF;
}
#menutop ul{
  float: right;
  top: 20px;
  margin-right: 15px;
  list-style: none;
  position: relative;
  
}
#menutop ul li{
  display: inline-block;
  margin: 0px 0px;
  /*float: left;*/
}
#menutop ul li a{
  line-height: 30px;
  text-decoration: none;
  padding: 10px 10px;

}
#menutop ul li a.active{
	color: #00AD2E;
}
#menutop ul li a:hover{
  background-color:#d9f2fe;
  border: 0px !important;
  border-radius: 5px;
}
@media screen and (max-width: 800px) {
	#botmenuHeader{
		display: block;
		width: 30px;
		padding:8px;
		float:right;
		font-size: 24px;
		position: absolute;
		top:5px;
		right:5px;
	}
	#menutop{
		display:none;
	}
	#menutopmini{
		display:block;
		width:100%; 
		clear:both;
	}
	#menutopmini ul li{
		line-height:40px;
	}
	#menutopmini ul li a.active{
		line-height:40px;
		color: #00AD2E;
	}
	
}

.content{
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
	
	
/* FOOTER */

	footer {
		margin: 0 0 0 0;
		background-color:#2d4d60;
		padding:1.5em;
		height:auto;
		width:100%;
	  	left: 0;
	  	bottom: 0;
	  	color: white;
		display:table;
		position: relative;
		z-index:5;
				
		
	}
	#footer{
		padding:0;
		width:100%;
		display:table;
		color: #FFF;
		
	}
	#footer .row{
		width:100%;
		color: #FFF;
		
	}
	#footer .texto-footer{
		float:left;
		color: #FFF;
	}
	#footer .logos-footer{
		float:right;
	}
	#footer .logos-footer .logo-gbc{
		float:left;
		margin-right:10px;
		margin-top:5px;
	}
	#footer .logos-footer .logo-gbc img{
		width:150px !important;
		height:59px !important;
		max-width:150px !important;
		max-height:59px !important;
	}
	#footer .logos-footer .logo-ctec{
		float:left;
		margin-right:10px;
	}
	#footer .logos-footer .logo-ctec img{
		width:130px !important;
		height:50px !important;
		max-width:130px !important;
		max-height:50px !important;
	}
	#footer .logos-footer .logo-plat{
		float:left;
		margin-top:5px;
	}
	#footer .logos-footer .logo-plat img{
		width:auto;
	}




#contCentral{
	padding: 0px;
	margin:0px;
	width:85%;
}
/*
@media screen and (max-width: 1780px) {
	#contCentral{
		max-width:88% !important;
	}
}
@media screen and (max-width: 1735px) {
	#contCentral{
		max-width:85% !important;
	}
}
@media screen and (max-width: 1349px) {
	#contCentral{
		max-width:84.5% !important;
	}
}
@media screen and (max-width: 1300px) {
	#contCentral{
		max-width:84.2% !important;
	}
}
@media screen and (max-width: 1265px) {
	#contCentral{
		max-width:83.333% !important;
	}
}*/
@media screen and (max-width: 1200px) {
	#contCentral{
		width:100% !important;
		max-width:100% !important;
		flex:0 0 100% !important;
	}
}

/* MENU PRINCIPAL */
#menuLeft{
	background-color:#f0f0f0;
	box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	/*max-width:15% !important;
	min-width:200px !important;*/
	width:15%;
	/*flex:0 0 15%;*/
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#menuMini{
	display:none;
}


.sidebarmini{
		display:none;
	}

.sidebar{
  width: 100%;
  float:left;
}
.sidebar .sidebarcont{
	margin-top:0px;
}
.sidebar a{
  display: block;
  height: 65px;
  width: 100%;
  line-height: 65px;
  padding-left: 15px;
  box-sizing: border-box;
}
.sidebar a.active, .sidebar a:hover{
  color: #29abe2;
}
.sidebar a i{
  font-size: 14px;
  margin-right: 10px;
  width:20px;

}

#check{
  display: none;
}
label #btn,label #cancel{
  top:60px;
  left:170px;
  position: absolute;
  cursor: pointer;
  color: #4D4D4D;
  border-radius: 5px;
  margin: 15px 30px;
  font-size: 14px;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  z-index:2;
}
label #cancel{
  opacity: 0;
  visibility: hidden;
}
#check:checked ~ .sidebar{
  left: -210px;
}
#check:checked ~ label #btn{
  margin-left: -170px;
  opacity: 0;
  visibility: hidden;
}
#check:checked ~ label #cancel{
  margin-left: -170px;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1200px) {
	#menuLeft{
		display:none;
	}

	#menuMini{
		display:block;
		width:100%;
		background-color:#f0f0f0;
		margin:0 auto 10px auto;
		text-align: center;
		box-shadow: 2px 2px 5px #999;
		-webkit-box-shadow: 2px 2px 5px #999;
		-moz-box-shadow: 2px 2px 5px #999;
	}
	#botmenu{
		width:100%;
		text-align: center;
		font-size: 24px;
	}
	.sidebarmini{
		display: table;
		width:100%;
		text-align: left;
	}
	.sidebarmini ul{
		float: left;
		width:100%;
	}	
	.sidebarmini ul li{
		display: block;
		width: 100%;
		padding:7px;
	}	
	.sidebarmini .sidebarcont{
		margin-top:0px;
	}
	.sidebarmini a{
	  display: block;
	  height: 65px;
	  width: 100%;
	  padding-left: 15px;
	  box-sizing: border-box;
	}
	.sidebarmini a.active, .sidebar a:hover{
	  color: #29abe2;
	}
	.sidebarmini a i{
	  font-size: 14px;
	  margin-right: 10px;
	  width:20px;
	
	}
	
}

#table{
	color: #545454;
}
.fixed-table-toolbar{
	margin-bottom:2px;
	background-color:#ecf6fb;

}
#table thead{
	border-bottom:5px solid #0070a0;
}
.fixed-table-pagination{
	border-top:5px solid #0070a0;
}
.btn-add {
    color: #FFF;
	float:right;
	background-color:#1079a6;
	margin-right:10px;
}
.btn-add i{
	color: #FFF;
	margin-right:5px;
}
.btn-add:hover, .btn-add:active {
    color: #FFF;
	background-color:#29abe2;
}
.btn-add a:hover, .btn-add a:active {
    color: #FFF;
}

#table .fa-solid{
	color: #1079a6;
	margin-right:10px;
	font-size:18px;
}
#table .fa-solid:hover,#table .fa-solid:active{
	color: #29abe2;

}
.page-item.active .page-link{
	background-color:#29abe2;
	border-color:#29abe2;
}
.page-link {
	color:#545454
}
.alertstatus{
	color: #FFF;
	 border-radius: 5px;
	 text-align:center;
	 width:90px;
}
.opcionestabla{
	min-width:100px;
	text-align:center;
}

@media screen and (max-width: 600px) {
	.opcionestabla{
		text-align:left;
	}
}
#mapanav{
	width:99%;
	margin-bottom: 10px;
	color: #1079a6;
	font-weight:bold;
}
#mapanav a:hover{
	width:99%;
	margin-bottom: 10px;
	color: #1079a6;
	font-weight:bold;
	text-decoration: underline;
}

	#formulario{
		width:99%;
	}
	#formulario input, #formulario select, #formulario textarea, #formulario file{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		border:1px solid #ced4da;
		color: #545454 !important;
	}

	#formulario .custom-file{
		margin-bottom:15px;
	}
	#formulario .form-check-input {
		margin-top:2px;
	}
	.custom-select{
		color: #545454 !important;
	}
	.form-control{
		color: #545454 !important;
	}
	.form-control-file{
		padding: 3px;
		border:0px solid #ced4da !important;
		border-radius:5px;
	}
	#sustox{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		border:1px solid #ced4da;
		color: #545454 !important;
		background-color: #f7f6f6 !important
	}
	h3{
		padding: 8px;
		font-size: 10pt;
		font-weight: bold;
		width: 100%;
		background-color: #f7f6f6;		
	}
	h2{
		padding: 8px;
		color: #0070a0;
		font-size: 14px;
		font-weight: bold;
		width: 100%;
		background-color: #ecf6fb;
	}
	h1{
		padding: 8px;
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		width: 100%;
		background-color: #29abe2;
	}

	#formulario .activostit{
		padding: 8px;
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		width: 100%;
		background-color: #af1485;
	}
	#removeItem{
		float:right; 
		font-size:20px;
		cursor: pointer;
	}
	#removeItem:hover{
		color: #29abe2;
	}
	.activosh2{
		padding: 8px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		width: 100%;
		background-color: #29ABE2;
		margin-top:5px;	
	}
	.activosh3{
		padding: 8px;
		color: #0070a0;
		font-size: 14px;
		font-weight: bold;
		width: 100%;
		background-color: #ecf6fb;
	}
	
	#formulario .tititem{
		padding: 8px;
		color: #0070a0;
		font-size: 14px;
		font-weight: bold;
		width: 100%;
		background-color: #ecf6fb;
		margin-bottom:5px;
	}

	#formulario .col{
		margin:0;
		border-bottom:0px solid #f0f0f0;
		width:20%;
	}
	#formulario .col-5{
		margin:10px 0 0 0;
		border-bottom:1px solid #f0f0f0;
		width:40%;
	}


	#formulario .col-.alertObserv{
		cursor:pointer;
		display: none;
	}
	#formulario .fa-solid.fa-circle-exclamation{
		color:#ff8f22; 
		font-size:30px;
		margin-top: 3px;
	}
	#formulario .fa-solid.fa-circle-exclamation:hover{
		color:#fe5a01; 
	}
	#tab-exclamation1, #tab-exclamation2, #tab-exclamation3, #tab-exclamation4, #tab-exclamation5, #tab-exclamation6{
		color:#ff8f22; 
		font-size:14px !important;
		margin-top: 3px;
		margin-right: 5px;
		display: none;

	}
	#umedidas2{
		background-color: #f7f6f6;
		margin:0px 0px 10px 0px;
		
	}
	#umedidas2 .col-5, #umedidas2 .col, #umedidas2 .col-6{
		margin:0;
		padding:6px;
	}
	#umedidas2 span{
		font-weight:bold;
		font-size: 8pt;
		font-weight: bold;
		line-height:0;
	}


	#umedidas{
		background-color: #f7f6f6;
		margin:0px 0px 10px 0px;
		
	}
	#umedidas .col-5, #umedidas .col, #umedidas .col-6{
		margin:0;
		padding:6px;
	}
	#umedidas span{
		font-weight:bold;
		font-size: 12px;
		font-weight: bold;
		line-height:0;
	}
	#formulario .titetiquetados{
		background-color: #f7f6f6 !important;
		margin-bottom:10px;
		border:1px solid #ced4da;
		border-radius:5px;
	}

	#formulario .titetiquetados2{
		background-color: #F0F2F4 !important;
		margin-bottom:10px;
		border:1px solid #ced4da;
		border-radius:5px;
	}

	
	#formulario .btn-info {
		color: #FFF !important;
		background-color: #1079a6;
		border-color: #1079a6;
		width:100px;
	}
	#formulario .btn-success{
		color: #FFF !important;
		padding:9px;
		margin-bottom:2px !important;
	    width:100px;
	}

	#editarprod{
		margin:10px !important;
		color: #FFF !important;
		background-color: #1079a6;
		border-color: #1079a6;
	}
	#volverprod{
		margin:10px !important;
	}

	
	.opcionesform{
		width:100%; 
		border:0px solid #000; 
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
		
	}
	.opcionesform2{
		width:100%; 
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
		padding: 10px;
		border-top: 3px solid #016fa2;
		
	}
	#etiqueta1, #etiqueta2, #etiqueta3, #etiquetareporteACV3ro, #etiquetaCirc1, #etiquetaCirc2, #etiqueta3Circ, #fichaPV1, #fichaSGP1{
		display:none;
	}
	#opciones_partida_obragruesa, #opciones_partida_envolvente, #opciones_partida_tabiquesyplacas, #opciones_partida_techosycubiertas, #opciones_partida_terminaciones{
		display:none;
	}
	#listadeCerts{
		padding: 7px; border:1px solid #ced4da; border-radius:5px;
	}
	#etiqueta1 .custom-file, #etiqueta2 .custom-file, #etiqueta3 .custom-file, #etiqueta4 .custom-file, #etiqueta5 .custom-file{
		margin-bottom:0px;
	}
	#etiqueta1 .col, #etiqueta2 .col, #etiqueta3 .col, #etiqueta4 .col, #etiqueta5 .col {
		margin:0;
		border:0;
	}
	#etiqueta1 .form-control-file, #etiqueta2 .form-control-file, #etiqueta3 .form-control, #etiqueta4 .form-control-file, #etiqueta5 .form-control-file{
		border:1px solid #ced4da;
		border-radius:5px;
	}
	#etiqueta1 .ecoetiqueta1filecheck, #etiqueta2 .ecoetiqueta2filecheck, #etiqueta3 .ecoetiqueta3filecheck, #etiqueta4 .ecoetiqueta4filecheck, #etiqueta5 .ecoetiqueta4filecheck{
		padding: 0px;
		border:1px solid #ced4da;
		border-radius:5px;
		margin-bottom:15px;
		
	}
	#etiqueta1 .titgrupselect, #etiqueta2 .titgrupselect, #etiqueta3 .titgrupselect, #etiqueta4 .titgrupselect, #etiqueta5 .titgrupselect{
		font-weight:bold;
		margin-bottom:7px;
	}
	
	#etiqueta1 .ecoetiqueta1filecheck label{	
		margin-left:6px;	
		margin-top:7px;		
	}
	#etiqueta2 .ecoetiqueta2filecheck label{
		margin-left:6px;
		margin-top:7px;		
	}
	#etiqueta3 .ecoetiqueta3filecheck label{
		margin-left:6px;
		margin-top:7px;		
	}
	#etiqueta4 .ecoetiqueta4filecheck label{
		width:160px;
		margin-left:6px;
		margin-top:7px;		
	}
	#etiqueta5 .ecoetiqueta4filecheck label{
		width:200px;
		margin-left:6px;
		margin-top:7px;		
	}
	
	#formulario fieldset:not(:first-of-type) {
	display: none;
	}

	#upload-demo, #upload-demo2{
		height:auto !important; 
		border:0px solid #000;
	}
	
	#formulario .upload-demo-wrap, #formulario .upload-demo-wrap2{
		width:49%;
		border:1px solid #000;
		float:left; 
		font-size:20px;
		border:1px solid #ced4da;
		border-radius:5px;
		margin-bottom:15px;
		margin-right:10px;
		display: table;
		height: 360px;
	}
	#formulario .upload-demo-wrap3, #formulario .upload-demo-wrap4{
		width:49%;
		border:1px solid #000;
		float:left; 
		font-size:20px;
		border:1px solid #ced4da;
		border-radius:5px;
		margin-bottom:15px;
		margin-left:10px;
		display: table;
		height: 360px;
	}
@media screen and (max-width: 1110px) {
	
	#formulario .upload-demo-wrap, #formulario .upload-demo-wrap2{
		width:100%;
		border:1px solid #000;
		float:left; 
		font-size:20px;
		border:1px solid #ced4da;
		border-radius:5px;
		margin-bottom:15px;
		margin-right:0px;
	}
	#formulario .upload-demo-wrap3, #formulario .upload-demo-wrap4{
		width:100%;
		border:1px solid #000;
		float:left; 
		font-size:20px;
		border:1px solid #ced4da;
		border-radius:5px;
		margin-bottom:15px;
		margin-left:0px;
	}
	
}
	#formulario .upload-demo-wrap .titlogo{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		font-weight:bold;
		color: #545454 !important;
		margin-left:10px;
	}
	#formulario .upload-demo-wrap2 .titlogo{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		font-weight:bold;
		color: #545454 !important;
		margin-left:10px;
	}
	#formulario .upload-demo-wrap3 .titlogo{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		font-weight:bold;
		color: #545454 !important;
		margin-left:10px;
	}
	#formulario .upload-demo-wrap4 .titlogo{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		font-weight:bold;
		color: #545454 !important;
		margin-left:10px;
	}	

	#formulario .menueditorimg{
		width:160px;
		height:20px;
		margin:10px auto;
		/*border:1px solid #000;*/
		
	}
	#upload-demo-i, #upload-demo-iCurr{
		border:0px solid #000;
		text-align:center;
		margin-bottom:10px;
	}
	#upload-demo-i img, #upload-demo-iCurr img{
		border:5px solid #ced4da;
		min-width: 210px;
		min-height: 190px;
	}
	#upload-demo-i2, #upload-demo-i2Curr{
		border:0px solid #000;
		text-align:center;
		margin-bottom:10px;
	}
	#upload-demo-i2 img, #upload-demo-i2Curr img{
		border:5px solid #ced4da;
		min-width: 210px;
		min-height: 190px;
	}

	#fileeviIG1B, #fileeviSUS1B, #fileeviTOX1B, #fileeviCIR1B{
		background-color:#f7f6f6; 
		border:1px solid #ced4da !important;
		border-radius: 5px;
		height: 30px;
		width: 200px !important;
		margin:3px !important;
		padding: 3px;
	}

	#fichaProd{
		width: 100%;
		/*border: 1px solid #000;*/
	}
	#titFichaProd{
		color: #016fa2;
		background:none;
		border-bottom: 3px solid #016fa2 ;
		margin-bottom: 20px;
		margin-top: 20px;
		font-size: 18px;
	}
	#fichaProd .container{
		float:left;
		/*border: 1px solid #000;*/
	}
	#fichaProd .col{
		text-align: left;
		padding: 0;
		margin: 0;
		
	}

	#fichadeproducto .info{
		padding: 10px;
		display:table;

	}


	#infomain{
		width:100%; 
		margin:0px !important;
	}
	#infomain .row{
		padding: 8px;
		border-bottom:1px solid #DEE2E6;
		margin:0px !important;

	}
	#infomain h3{
		width:100%;
	}

	#infoDash{
		width:100%; 
		margin:0px !important;
		padding:0px !important;
	}
	#infoDash .row{
		padding:0px !important;
		margin-left:-7px !important;
		margin-right:-7px !important;
	}

	#InfoGeneralDash{
		background-color: #FFF;
		padding: 0px !important;
		border-radius: 10px;
		border-bottom:2px solid #dee2e6;
		width:100%; 
		margin:0px 0px 10px 0px !important;
	}
	#InfoGeneralDash .nombreEmpresa{
		padding:10px !important;
	}
	#InfoGeneralDash .col{
		padding:10px !important;
		margin:0px !important;
	}
	#DashID{
		background-color:#29abe2; 
		border-radius:10px;
		padding: 8px;
		color:#FFF;
		font-weight: bold;
		float: left;
		margin-right: 10px;
		height: 35px !important;
	}

	#InfoProductoDash{
		width: 100% !important;
		background-color:#ecf6fb;
		padding: 10px !important;
		border-radius: 10px;
		margin-bottom: 20px !important;
	}
	#InfoProductoDash .row{
		padding:7px !important;
		margin-left: -3px !important;
	}
	#InfoProductoDash .col{
		padding:10px !important;
		margin:0px !important;
	}

	#unidadesdemedidacompo, #propiedadesfisicas, #propiedadesopticas{
		width:100%; 
	}
	#unidadesdemedidacompo .row, #propiedadesfisicas .row, #propiedadesopticas .row{
		padding: 5px;
		border-bottom:1px solid #DEE2E6;

	}
	
	#fichadeproducto .infoecoet1, #fichadeproducto .infoecoet2, #fichadeproducto .infoecoet3 , #fichadeproducto .infoecoet3b, #fichadeproducto .inforeporteACV3rob , #fichadeproducto .infoecoet3c{
		padding: 10px;
	}
	#fichadeproducto .infoecoet1 p, #fichadeproducto .infoecoet2 p, #fichadeproducto .infoecoet3 p, #fichadeproducto .infoecoet3b p, #fichadeproducto .inforeporteACV3rob p, #fichadeproducto .infoecoet3c p{
		padding: 5px;
		margin: 0px;
	}
	#fichadeproducto .infoecoet1circ, #fichadeproducto .infoecoet2circ{
		padding: 10px;
	}
	#fichadeproducto .infoecoet1circ p, #fichadeproducto .infoecoet2circ p{
		padding: 5px;
		margin: 0px;
	}

	#fichadeproducto .contentecoetiqueta3, #fichadeproducto .contentreporteACV3ro, #fichadeproducto .contentecoetiqueta1, #fichadeproducto .contentecoetiqueta2, #fichadeproducto .contentecoetiqueta3circ, #fichadeproducto .contentecoetiqueta1Toxi, #fichadeproducto .contentecoetiqueta2Toxi{
		display:none;
	}


	#infofichaPortalVerde, #infoecoet1, #infoecoet2, #infoecoet3b, #inforeporteACV3rob, #infoecoet1circ, #infoecoet2circ, #infselloGreenProduct2{
		width:100%; 
		margin-bottom:10px;
	}
	#infofichaPortalVerde .row, #infoecoet1 .row, #infoecoet2 .row, #infoecoet3b .row, #inforeporteACV3rob .row, #infoecoet1circ .row, #infoecoet2circ .row, #infselloGreenProduct2 .row{
		padding: 5px;
		border-bottom:1px solid #DEE2E6;

	}

	#fotoProd, #logoProd{
		width: 100%;
		text-align: center;
		display:table;
	}
	#fotoProd img, #logoProd img{
		width: 100%;
		max-width:300px;
	}
	#infoGen{
		width: 60%;
		float: left;
		padding-left: 10px;
	}
	#divSubpart{
		display:none;
	}
	#colleft{
		padding:0;
	}
	#colright{
		margin-left: 20px !important;
	}
	@media screen and (max-width: 600px) {
		#colleft{
			padding:0;
			width: 100%;
		}
		#colright{
			margin-left: 0px !important;
		}
	}
	#infogeneral .txtFichaprod{
		margin-bottom: 10px !important;
	}
	#sustentabilidad .txtFichaprod{
		margin-bottom: 10px !important;
	}
	#circularidad .txtFichaprod{
		margin-bottom: 10px !important;
	}
	#menuTopver{
		background-color: #caeafc;
		width: 100%;
		padding:5px 0px 0px 5px;
		display: table;
	}
	.linkmenutopver{
		float: left;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		padding: 8px;
		margin-left:1px;
		margin-right:1px;
		background-color:#d9f0fd;
		cursor: pointer;
	}
	#observacionesIG, #observacionesSust, #observacionesToxi, #observacionesCirc{
		background-color: #ff8f22;
		color: #FFF;
		cursor: pointer;
		display: none;
		border-radius: 5px;
	}
	#observacionesIG:hover, #observacionesSust:hover, #observacionesToxi:hover ,#observacionesCirc:hover{
		background-color: #d76a00;
		color: #FFF;
		border-radius: 5px;
	}
	#myModalAlert .modal-header{
		background-color: #ff8f22;
		color: #FFF;
	}
	#myModalAlert .modal-body{
		background-color: #fce3d5;
	}
	#myModalAlertNewProd .modal-header{
		background-color: #ff8f22;
		color: #FFF;
	}
	#myModalAlertNewProd .modal-body{
		background-color: #fce3d5;
	}
	#myModalAlertNewVer .modal-header{
		background-color: #ff8f22;
		color: #FFF;
	}


	#pdfexport{
		background:#1079A6; 
		border:0px; 
		display:none; 
		cursor:pointer;
		width:200px;
		margin:0 auto;
	}
	#pdfexport:hover{
		background:#29ABE2; 
	}
	#loadingPDF{
		margin:auto 20px auto 20px;
		display:none;
	}
	#tipodeuso1, #tipodeuso2{
		display:none;
	}

	#items0300 .itemactivos, #items0400 .itemactivos, #items0500 .itemactivos, #items0710 .itemactivos, #items0720 .itemactivos{
		border:1px solid #c8e8f8; 
		padding:3px; 
		margin-bottom:3px;
	}

	#items0300 .btn.btn-outline-secondary, #items0400 .btn.btn-outline-secondary, #items0500 .btn.btn-outline-secondary, #items0710 .btn.btn-outline-secondary, #items0720 .btn.btn-outline-secondary{
		font-size:12px; 
		font-weight:bold;
		border:1px solid #ced4da;
	}

	#items0810 .itemactivos, #items0840 .itemactivos, #items0850 .itemactivos, #items0860 .itemactivos{
		border:1px solid #c8e8f8; 
		padding:3px; 
		margin-bottom:3px;
	}

	#items0810 .btn.btn-outline-secondary, #items0840 .btn.btn-outline-secondary, #items0850 .btn.btn-outline-secondary, #items0860 .btn.btn-outline-secondary{
		font-size:12px; 
		font-weight:bold;
		border:1px solid #ced4da;
	}

	#items0741 .itemactivos, #items0761 .itemactivos, #items073313 .itemactivos{
		border:1px solid #c8e8f8; 
		padding:3px; 
		margin-bottom:3px;
	}

	#items0741 .btn.btn-outline-secondary, #items0761 .btn.btn-outline-secondary, #items073313 .btn.btn-outline-secondary{
		font-size:12px; 
		font-weight:bold;
		border:1px solid #ced4da;
	}

	#items0920 .itemactivos{
		border:1px solid #c8e8f8; 
		padding:3px; 
		margin-bottom:3px;
	}

	#items0920 .btn.btn-outline-secondary{
		font-size:12px; 
		font-weight:bold;
		border:1px solid #ced4da;
	}

	#items0950 .itemactivos, #items0960 .itemactivos, #items0970 .itemactivos, #items0990 .itemactivos{
		border:1px solid #c8e8f8; 
		padding:3px; 
		margin-bottom:3px;
	}

	#items0950 .btn.btn-outline-secondary, #items0960 .btn.btn-outline-secondary, #items0970 .btn.btn-outline-secondary, #items0990 .btn.btn-outline-secondary{
		font-size:12px; 
		font-weight:bold;
		border:1px solid #ced4da;
	}

	#sumatorias{
		border:1px solid #ced4da; 
		padding:3px; 
		margin-bottom:3px;
	}

	#sumatoriasTotal{
		border:1px solid #AF1485; 
		padding:3px; 
		margin-bottom:3px;
		margin-top:5px;
	}

	#IndicadoresTotal{
		border:1px solid #AF1485; 
		padding:3px; 
		margin-bottom:3px;
		margin-top:5px;
		display: none;
	}

	#confirmaInfo{
		padding:6px; 
		margin-bottom:3px;
		margin-top:5px;

	}


	#agregaitems0300, #agregaitems0400, #agregaitems0500, #agregaitems0710, #agregaitems0720{
		background-color: #ecf6fb;
		border:1px solid #29abe2;
		font-size:14px;
		color: #0070a0;
		margin-bottom:8px;
		margin-top:8px;
	}
	#agregaitems0300:hover, #agregaitems0400:hover, #agregaitems0500:hover, #agregaitems0710:hover, #agregaitems0720:hover{
		background-color: #bfe3f5;
	}

	#agregaitems0810, #agregaitems0840, #agregaitems0850, #agregaitems0860{
		background-color: #ecf6fb;
		border:1px solid #29abe2;
		font-size:14px;
		color: #0070a0;
		margin-bottom:8px;
		margin-top:8px;
	}
	#agregaitems0810:hover, #agregaitems0840:hover, #agregaitems0850:hover, #agregaitems0860:hover{
		background-color: #bfe3f5;
	}

	#agregaitems0741, #agregaitems0761, #agregaitems073313{
		background-color: #ecf6fb;
		border:1px solid #29abe2;
		font-size:14px;
		color: #0070a0;
		margin-bottom:8px;
		margin-top:8px;
	}
	#agregaitems0741:hover, #agregaitems0761:hover, #agregaitems073313:hover{
		background-color: #bfe3f5;
	}

	#agregaitems0920{
		background-color: #ecf6fb;
		border:1px solid #29abe2;
		font-size:14px;
		color: #0070a0;
		margin-bottom:8px;
		margin-top:8px;
	}
	#agregaitems0920:hover{
		background-color: #bfe3f5;
	}
	#agregaitems0950, #agregaitems0960, #agregaitems0970, #agregaitems0990{
		background-color: #ecf6fb;
		border:1px solid #29abe2;
		font-size:14px;
		color: #0070a0;
		margin-bottom:8px;
		margin-top:8px;
	}
	#agregaitems0950:hover, #agregaitems0960:hover, #agregaitems0970:hover, #agregaitems0990:hover{
		background-color: #bfe3f5;
	}
	.subpartidas{
		border:1px solid #29ABE2; 
		padding:3px; 
		margin-bottom:5px;
	}
	#Observ0300, #Observ0400, #Observ0500, #Observ0710, #Observ0720, #Observ0810, #Observ0840, #Observ0850, #Observ0860, #Observ0741, #Observ0761, #Observ073313, #Observ0920, #Observ0950, #Observ0960, #Observ0970, #Observ0990{
		display: none;
		font-size:22px !important;
	}
	.list-group-item h4{
		font-size:14px;
		font-weight: bold;

	}
	.list-group-item:hover {
		background-color: #ecf6fb;

	}
	.list-group-item.active {
		background-color: #d9f0fd;
		border-color: #d9f0fd;
		color:#0070b4;

	}
	.DashSelectItems{
		width: 100%;
		padding: 10px;
		font-size: 14px !important;
		font-weight: bold;
		margin-bottom:4px;
		border-radius: 5px;
		background-color:#d9f0fd;
		border:1px solid #29abe2 !important;
	}
	#ItemPasaporte{
		width:100%;
		padding:5px;
		border-radius: 5px;
		background-color:#ecf6fb;
		border:1px solid #ceebfa !important;
		color:#29abe2 !important;
		cursor: pointer;
		
	}
	#myList{
		overflow-y: scroll;
		max-height: 605px;
		padding-right: 5px;
		margin-bottom:5px;
	}
	/* width */
	#myList::-webkit-scrollbar {
		width: 15px;
		margin-left:20px ;
  	}
  
  /* Track */
	#myList::-webkit-scrollbar-track {
		box-shadow: inset 0 0 0px #FFF;
		margin-left: 10px;
		background-color: #ecf6fb;
	}
   
  /* Handle */
  #myList::-webkit-scrollbar-thumb {
	background: #d9f0fd; 
	border-radius: 0px;
  }
  
  /* Handle on hover */
  #myList::-webkit-scrollbar-thumb:hover {
	border:1px solid #29abe2;
  }
  .ItemsDashboard{
	margin-bottom:-1px !important;
  }
  .subpartidasDash{
	margin-bottom:3px !important;
  }
  #retaurarList{
	background-color: #d9f0fd !important;
	border: 1px solid #29abe2;
	color: #29abe2;
	margin-left: 0px;
	margin-top: 5px;
  }
  #retaurarList:hover{
	background-color: #29abe2 !important;
	border: 1px solid #29abe2;
	color: #FFF;

  }