/*---HTML:: Etiquetas básicas------*/
*{
	margin:0;
	padding:0;
}
body{ 
	margin: 0px;

}
body, td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px!important;
	color: #000000!important;
}
a:link {
    text-decoration: none;
    font-family   : Arial, Helvetica, sans-serif;
    font-size     : 13px;
    font-style    : normal;
    line-height   : normal;
    font-weight   : normal;
    font-variant  : normal;
    color         : #D56E2B;
    text-align    : left;
}
a:visited {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #D56E2B;
}
a:hover {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #333333;
}
h1 {
  font-size: 2rem; /* ? 32px */
  font-weight: 600;
  color: #343a40;
  margin-bottom: 0.75rem;
}

h2 {
  font-size: 1.75rem; /* ? 28px */
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.75rem;
}

h3 {
  font-size: 1.5rem; /* ? 24px */
  font-weight: 500;
  color: #495057;
  margin-bottom: 0.5rem;
}

h1, h2, h3 {
  line-height: 1.2;
}

h3.separator {
  font-size: 1rem;
  font-weight: 500;
  color: #6c757d;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/*---CSS:: ------*/
.clear{clear:both;}

/*---SIEV:: Elementos basicos del sistema ------*/
.mensajes{ 
width:88%;
padding: 15px 10px 15px 50px;
margin: 10px auto;
font-size:14px;
font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; 
color:#333333;
border:#ed872e thin solid;
background-color:#FFFFCC;
background-image:url(../images/alert.png);
background-position:5px 5px;
background-repeat:no-repeat;
}
.mensajes h3{
margin:0 0 10px 0;
}
.mensajes ul{
margin:0;
}
.mensajes ul li{
}
.top_paginacion , .paginacion_top {
background-color: #666;
margin: 0;
padding:5px;
}
.paginacion_inf{
margin-top: 10px;
border-top:#605d5c thin solid;
text-align: right;
}
.top_paginacion p, .paginacion_top p{
color: #FFF!important;
padding:0;
margin:0;
}
a.pagNum{
border: #F3F3F3 thin solid;
color: #FFFFFF!important;
padding:0 3px;
margin: 0 1px;
}
a:hover.pagNum, a.pageCurrent{
background-color:#FFFFFF;
border: #F3F3F3 thin solid;
color: #333333!important;
}
a:hover.pageCurrent{
background-color:#FFFFFF;
border: #F3F3F3 thin solid;
color: #333333!important;
}
#contenedor{
width:100%;
}

#contenedor .main #izquierda{
    float         : left;
    margin-right  : 15px;
    width         : 18%;
    position      : relative;
    z-index       : 1;
}

#contenedor .main #centro{
    float     : left;
    width     : 80%;
    overflow  : hidden;
}


#contenedor .main .menu_ppal{
padding:5px;
border:#CCCCCC thin solid;
}

.caja_izquierda{
	float:left;	
	width:45%;
}
.caja_derecha{
	float:right;	
	width:45%;
}

/*---ELEMENTO:: Cabezote------*/
.cabezote{
    padding-bottom:0px;
    background-color:#FFF;
    clear:both;
    display:block;
	margin-top:12px !important;
}
.raya_gris{
border-bottom:#605d5c 5px solid;
margin-top:5px;
}
.raya_naranja{
border-bottom:#e46713 10px solid;
}

.cabezote_main{
    width:100%;
    margin: 0 auto 0 auto;

    /*height:20px;*/
}

.cabezote_main .box_left {
    padding : 20px 20px 10px 10px;
    float   : left;
}
.cabezote_main .box_center {
    float   : left;
}

.cabezote_main .box_right {
    padding : 20px 20px 10px 10px;
    float   : left;
}

.cabezote_main .bloque_derecha {
float:right;
text-align:center;
width:20%;
padding: 8px 0px 10px 20px;
}
.cabezote_main .logo{
float:right;
}
.cabezote .info_user{
width:98%;
margin: 0 auto 0 auto;
}
.cabezote .info_user .izquierda{
float:left;
margin-right:10px;
border-right: #E2E2E2 thin solid;
}
.cabezote .info_user .centro{
float:left;
}
.cabezote .info_user .derecha{
float:right;
margin-left:10px;
}
.cabezote .info_user .izquierda .info {
float:left;
padding:5px;
font-size:18px;
color:#e46713;
}
.cabezote .info_user .derecha .menu {
float:right;
}
.cabezote .info_user .derecha .menu ul li{
    background-color:#e46713;
    color:#FFF;
    margin:0 2px;
    list-style-type: none;
    float: left;
    padding:6px;
}
.cabezote .info_user .derecha .menu ul li a{
    color:#FFF;
}
.cabezote .info_user .centro .roi_cliente{
    float:left;
    padding:5px;
    font-size:14px;
}


<!--SIEV >> PRINCIPAL-->
#siev_principal{
width:95%;
margin: 0 auto;
}

#siev_login{
width:650px;
margin: 10px auto;
}

#siev_login .cabezote{
text-align:right;
border: #F2F2F2 2px solid;
padding:10px;
margin: 0 auto;
}

#siev_login .main{
    padding:10px;
    margin: 10px auto;
}

#siev_login h1{
font-family:Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS";
font-size:25px;
color:#333333;
text-align:center;
}

#siev_login h2{
font-family:Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS";
font-size:18px;
color: #333333;
text-align:center;
}

#siev_login .pie{
border: #F2F2F2 2px solid;
padding:10px;
margin: 10px 0 0  0; 
}

#siev_form_recordar{
margin-top:15px;
padding-top:15px;
border-top:#666666 thin solid;
}

/*---ELEMENTO:: Main------*/
.main{
width:98%;
margin: 0 auto 0 auto;
padding-top:2px;
}
#accesos_rapidos{
width:98%;
margin:3px auto 10px auto;}
#siev_principal .main .ppal_page{
width:100%;
}


/*---ELEMENTO ---------*/
.block{
margin-top:5px;
}
/*---ELEMENTO:: Pie >> Centar------*/
#footer{	
	width:100%;
	height:200px;
	padding-top:50px;
	background-image:url('../images/bg-footer.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFF;
	z-index:2000;
}
	#btn-up{
		position:absolute;
		display:block;
		width:31px;
		height:37px;
		top:64px;
		left:50%;
		margin-left:-15px;
		/*background-image:url('../images/web-todoventa.png');
		background-repeat:repeat-x; */
	}                            
		#btn-up a{
			display:block;
			width:31px;
			height:37px;
		}

	#menu-footer{
		position:relative;
		width:auto;
		top:110px;
		float:right;
	}

		#menu-footer ul{
			list-style:none;
		}

			#menu-footer li{
				width:auto;
				float:left;
				padding-left:10px;
				padding-right:10px;
				/*background-image:url('../images/Separador-menu.jpg');
				background-repeat:no-repeat;
				background-position:right center;*/
			}

				#menu-footer li a{
					font-family:Tahoma, Verdana, Arial;
					font-size:14px;
					color:#d6d2ce;
				}

					#menu-footer li a:hover{
						color:#CCC;
					}

	#footer p{
		position:relative;
		text-align:center;
		line-height:18px;
		top:130px;
		font-family:Tahoma, Verdana, Arial;
		font-size:14px;
		color:#d6d2ce;
		text-shadow:1px 1px 0px #000;
		float:right;
		margin:0 15px 0 0;
	}

	#footer .logo-verde{
		position:relative;
		display:block;
		width: 98%;
		margin: 0 auto 0 auto;
		height:86px;
		top:-50px;
		right:30px;
		background-image:url('../images/mas-internet.png');
		background-repeat:no-repeat;
		background-position:right;
	}
	
#caja_footer { 
    width: 178px;
    position: absolute;
    margin-left: 50px;
    margin-top:  -20px;
}

/*--------SIEV:: Portafolio >> Albumes---------*/
#albumes{
	height:150px;
	overflow:scroll;
}
/*---MODULOS:: Estadisticas ------*/
.mod_estadisticas{
}
.mod_estadisticas h2{
	display:inline;
	font-size:14px;
}

/*---MODULOS:: Reporte ------*/
.mod_reporte{}
.listado{
	border: #605d5c thin solid;
	
}
.mod_reporte .itemCabeceras{
	text-align:right;
	background-color: #FFFFFF;
}
.mod_reporte .itemCabecera{
	font-size:14px;
	color: #333333;
	font-weight:bold;
	padding:2px;
}
.mod_reporte .item{
	background-color: #EEEEEE;
}
.mod_reporte p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS";
	color: #000000;
	line-height:1.5em;
	text-align:justify;
}
.mod_reporte hr{
	color:#605d5c;
}

/*---ELEMENTO:: ROI------*/
.roi{
	padding-top:5px;
}
.roi h1{
	font-size:18px;
	color:#666666;
}

/*ToolTip*/

a.Ntooltip {
	position: relative; /* es la posición normal */
	text-decoration: none !important; /* forzar sin subrayado */
	color: #000000 !important; /* forzar color del texto */
	font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
	z-index:999; /* va a estar por encima de todo */
	background-color: #999999; /* DEBE haber un color de fondo */
}

a.Ntooltip div {
	display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover div {
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top:1em; left:1em; /* donde va a estar */
	width:200px; /* el ancho por defecto que va a tener */
	padding:5px; /* la separación entre el contenido y los bordes */
	background-color: #EAEAEA; /* el color de fondo por defecto */
	color: #000000; /* el color de los textos por defecto */
	border: #333333 solid 1px;
	text-align:left;
}

/*---ELEMENTO:: MEnu >> Componente MENU------*/
.menu_com{
	background-color:#605d5c !important;
	padding:3px;
}
.menu_com ul{
	width:auto;
	margin: 0;
	padding:0;
	text-align:center;
	float:left;
}
.menu_com li{
	display:block;
	margin: 0 2px;
	float: left;
	line-height:20px;
}
.menu_com li.current{
	background-color:#C60;
}
.menu_com li.current a{
	color:#FFF!important;
}
.menu_com li h1.current{
	background-color: #C60;
}
.menu_com h1 a{
	color: #FFF!important;
	font-size:20px;
	font-weight:bold;
}
.submenu_com{
background-color:#F3F3F3;

}

/*---ELEMENTO:: MEnu >> Componente submenu------*/
.com_submenu  {
	background-color : #e46713;
	padding          : 0px;
	margin           : 0px;
	color            : #CCCCCC;
}
.com_submenu2{
	background-color:#e46713;
	padding:2px;
	margin-bottom:0px;

}
.com_submenu2 p{
	color:#FFFFFF!important;
}
.com_submenu ul{
	float      : left;
	width      : auto;
	/*height     : 100%;*/
	padding    : 3px;
	margin     : 0;
	background : #e46713;
}

.com_submenu li{
	display:block;
	margin: 0 3px;
	float: left;
}
.com_submenu li a{
	display:block;
	line-height:25px;
	padding: 0 8px;
	color:#FFFFFF;
}
.com_submenu li a:hover{
	display:block;
	line-height:25px;
	color:#FFFFFF;
	background-color: #a2a3a4;
	text-decoration:none;
	padding:0 8px;
}

.tab_active{
	display:block;
	line-height:25px;
	color:#FFFFFF;
	background-color: #a2a3a4;
	text-decoration:none;
	padding:0 8px;
}

.tab_inactive{
	display:block;
	line-height:25px;
	padding: 0 8px;
	color:#FFFFFF;
	
}

/*---MODULO:: MENU >> Comunicaciones TODOVENTA ------*/
.menu_gralSiev{}
.menu_gralSiev ul{
	list-style-type:none;
	margin-bottom:10px;
}
.menu_gralSiev ul li{
	float: left;
	background-color:#CCCCCC;
	margin: 0 10px;
}
/*----- -------*/
.listado_into{
border: #605D5C thin solid;
}
/*---MODULO:: Buscar ------*/
.com_buscar{
	float:right;
	padding:3px;
	border-left: #CCCCCC thin solid;
}
com_buscar_total{
	width:100%;
}
.com_buscar_totalf fieldset legend{
	background-image: url(../images/iconos/registro_buscadores.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
	line-height:30px;
}
.com_buscar fieldset{}
.com_buscar fieldset legend{
	background-image: url(../images/iconos/registro_buscadores.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
	line-height:30px;
}
.com_buscar .lbl_buscar{
	margin:0; display:block; padding:0; text-transform:capitalize; text-align:center; width:100%; font-weight:bold;
	background-color:#EBEBEB;
}
.com_buscar .bgItemBuscar{}


/*---MODULO:: Reporte >> Portafolio------*/
.com_reporte fieldset{
	margin     : 0px !important;
	text-align : center;
	background : #fff;
}

.com_reporte fieldset legend{
	background-image: url(../images/iconos/registro_buscadores.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
	line-height:30px;
}

.com_reporte fieldset embed{
	margin: 0 auto;
}
/*---MODULO:: Tabla >> Listado------*/
tr.item:hover{
	background-color: #e46713;
	color:#FFFFFF;
}

tr.item a:hover{
	background-color: #e46713;
	color:#FFFFFF;
	text-decoration:none;
}

.iluminar_fila {
	background-color: #e46713;
}
tr.item:hover td{
	color:#FFFFFF;
}

tr.item:hover td a {
	color:#FFFFFF;
}

.item{
	background-color:#F7F7F7;
}
.itemCabeceras{
	background-color: #CCC;
}
.itemCabecera{
	font-size:14px;
	color:#333;
	font-weight:bold;
	padding:2px;
}
.itemNum{
	display:block;
	padding:5px;
	background-color: #CCC;
	color:#333;
}
/*---Menu:: Tabla >> Acciones ------*/
.herramientas{	
	float:right;
	
}
.herramientas ul{
	width:auto;
	margin: 0 auto;
}
.herramientas li{
	display:block;
	margin: 0 0px;
	float: left;
	float:left!important;
}
.herramientas a{
	display:block;
	padding: 0 0px;
	color:#FFFFFF;
}
.bgItemForm{
	background-color:#EBEBEB;
}
/*---ELEMENTO:: H1 >> Titulos de componente------*/
h1.draghandle{
	padding:5px!important;
	margin:0;
	background-color:#605D5C;
	
	
}
h1.draghandle a{
	color:#FFF;!important;
	font-size:20px;
	font-weight:bold;
}
h1.com_ttl, h1.com_ttl a {
	padding:5px!important;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF!important;
}


/*---ELEMENTO:: H... >> Titulos de componente iconos------*/
h1.ico_1{
	background-image:url(../images/iconos/portafolio.png);
	
	
	
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_2{
	background-image: url(../images/iconos/mensajes.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_3{
	background-image: url(../images/iconos/preguntas.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_4{
	background-image: url(../images/iconos/info_corporativa.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:30px;
}

h1.ico_5{
	background-image: url(../images/iconos/menudinamico.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_6{
	background-image: url(../images/iconos/galeria.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_7{
	background-image: url(../images/iconos/recomendacion.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_8{
	background-image: url(../images/iconos/estado_actual.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_9{
	background-image: url(../images/iconos_siev/buscadores.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_10{
	background-image: url(../images/iconos/cambiar_clave.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_11{
	background-image: url(../images/iconos/lista_correos.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_12{
	background-image: url(../images/iconos/invitar.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_13{
	background-image: url(../images/iconos/usuarios.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_14{
	background-image: url(../images/iconos/lista_correos.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_15{
	background-image: url(../images/iconos/boletines.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_16{
	background-image: url(../images/iconos/diseno.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_17{
	background-image: url(../images/iconos/plantillas.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_18{
	background-image: url(../images/iconos/imagenes.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}

h1.ico_20{
	background-image: url(../images/iconos/documentos.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_21{
	background-image: url(../images/iconos/comentarios.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_22{
	background-image: url(../images/iconos/testimonios.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_23{
	background-image: url(../images/iconos/sugerencias.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_24{
	background-image: url(../images/iconos/quejas.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_25{
	background-image: url(../images/iconos/cotizaciones.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_26{
	background-image: url(../images/iconos/pedidos.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_27{
	background-image: url(../images/iconos/simulador.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_28{
	background-image: url(../images/iconos/aliados.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
h1.ico_29{
	background-image: url(../images/iconos_siev/logo.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent: 30px;
}
/*---ELEMENTO:: MENU >> Arbol de categorias------*/
#arbol_categorias{
	margin:20px!important;
}
#arbol_categorias ul li{
    list-style-type: none;
    font-weight:bold;
    font-size:14px;
    font-family:Verdana, Arial, Helvetica, Tahoma, "Trebuchet MS";
    margin-left: 15px;
    padding:3px;
    background-color: #F4F4F4;
    border: #CCCCCC thin solid;
}
#arbol_categorias ul li ul li{
    background-color: #FFF;
	border: #CCCCCC thin solid; 
}
/*---ELEMENTO:: COMPONENTE>> Herramienta usuarios------*/
.comHerrUsuarios{
	width:50%;
	margin: 0 auto;
	float:left;
	clear:left;
	margin-right:5px;
}
.comHerrUsuarios select.text{
	float:left;
	margin:0 3px 0 0;
}

/********** FORMULARIOS **********/
form * {}
form { 
	margin:0 auto;
	text-align:left;
}
form ol { 
	margin:0; 
	padding:0; 
	list-style:none;
}
form label.tipo2{
	background-color:#EBEBEB;
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:capitalize;
	width:100%;
}
form li { 
	margin:0;
	padding:0;
	background:none;
	border:none;
	display:block;
	
}
form li.buttons {
	margin:5px 0;
}

fieldset.modulos{
	width:auto;
	margin-left:10px;
	padding:0px;
	border: 0px;
	margin:0;
}
form#ingDetallesForm li {
	margin:0;
	padding:0;
	background:none;
	border:none;
	display:block;
	clear:both;
}
form label {
  margin: 0 0.5rem 0 0;
  width: 11.25rem; /* 180px */
  display: block;
  padding: 0.5rem 0;
  font-size: 0.9rem;
  font-family: Arial, Helvetica, sans-serif;
  color: #212529;
  text-align: right;
  float: left;
}

form label.w_100 {
  width: 6.25rem; /* 100px */
  text-transform: capitalize;
}

form label.amplio {
  width: 18.75rem; /* 300px */
  text-transform: capitalize;
}

form label.normal {
  width: auto;
  text-transform: capitalize;
}

.minitext {
  color: #dc3545; /* rojo Bootstrap moderno */
  font-size: 0.85rem;
  font-weight: 500;
}

form input.text {
  border: 1px solid #ced4da;
  margin: 0.25rem 0;
  padding: 0.375rem 0.5rem;
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

input.text {
  border: 1px solid #ced4da;
  margin: 0.5rem 0;
  padding: 0.375rem 0.5rem;
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

input.text_3 {
  border: 1px solid #ced4da;
  margin: 0.25rem 0;
  padding: 0.375rem;
  background-color: #f8f9fa;
  float: left;
  border-radius: 0.375rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
input[type="checkbox"] {
  width: 1.1rem;
  height: 1.1rem;
  accent-color: #0d6efd; /* color moderno al marcar */
  margin-right: 0.5rem;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}

input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}


input[type="file"] {
  display: block;
  width: 100%;
  max-width: 400px;
  font-family: Arial, sans-serif;
  font-size: 0.95rem;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

input[type="file"]:hover {
  background-color: #f8f9fa;
  border-color: #86b7fe;
}

input[type="file"]:focus {
  outline: none;
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}


form select.text {
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  margin: 0.5rem 0;
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

form textarea {
  border: 1px solid #ced4da;
  margin: 0.5rem 0;
  padding: 0.5rem;
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  resize: vertical;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.morefields { 
	text-align:left;
	color: #003366;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:auto;
}
p.response { 
	text-align:center;
	color:#505050;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:auto;
}
form p.info { 
	text-align:left;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:auto;
}
p.aclaracion {
	color: #990000;
	font: bold 11px Arial, Helvetica, sans-serifa;
}
.button {
  background-color: #f8f9fa; /* Bootstrap light */
  border: 1px solid #ffc107; /* Bootstrap warning color */
  color: #212529; /* Bootstrap text-dark */
  font-size: 16px;
  padding: 6px 12px;
  border-radius: 0.375rem; /* Rounded corners */
  transition: all 0.2s ease-in-out;
}

.button:hover {
  background-color: #fff3cd; /* Light warning hover */
  border-color: #e0a800;
  color: #000;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.button_3{
	margin-top:2px;
	background-image:url(../images/ico_buscar.jpg);
	border:none;
	width:25px;
	height:22px;
}
.form_info{
	text-align:left;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding:8px;
	margin:10px 10px 10px 10px;
	border:#F00 dashed 1px;
	width:auto;
}
input.ico_1{
/*
	background-image:url(../images/iconos/guardar.png);
	background-repeat: no-repeat;
	background-position:center left;  */
/*	text-indent:20px;*/	
/*	padding:2px;*/

}
.formButtons{	
	padding:10px 10px 10px 10px;
}
/********** Ayudas ? **********/
a.ayuda{
margin-left:5px;

}

/*---HTML:: estilos drag and drop imagenes atributos de producto------*/

#trash, #itemsdd, .itemdd {
        height: 50px;
        width: 50px;
}

#trash {
        color: #354e62;
}

#itemsdd {
       margin-top: 10px;
       width: 100%;
}

.itemdd {
        background: #cdcdcd;
        color: #3b3b3b;
        float: left;
        margin-right: 10px;
}

.overdd {
    background-color: #cedae3;
}

.outdd {
    background-color: #a6bcce;
}




select {
  width: 100%;
  max-width: 300px;
  padding: 0.5rem 0.75rem;
  font-size: 0.95rem;
  font-family: Arial, sans-serif;
  color: #212529;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  appearance: none; /* Oculta flecha por defecto */
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolygon points="70,100 25,40 115,40" fill="%23808080"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 0.65rem auto;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

select:focus {
  outline: none;
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}


.d-flex.flex-wrap.align-items-center.gap-2.text-secondary {
  font-size: 1rem; /* o 1.125rem para un poco más grande */
  color: #6c757d;  /* si quieres mantener el tono secundario */
	margin-left: 10px;;
}


fieldset legend { 
	
  font-size: 1.25rem;        /* tamaño más grande (?20px) */
  font-weight: 600;          /* negrita moderada */
  color: #343a40;            /* gris oscuro legible */
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  background-color: #f8f9fa; /* fondo suave */
  border-radius: 0.375rem;
  border: 1px solid #dee2e6;
  display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;;
}