div.head{
	font-size:30px;
}
div.vcenter{
	display:flex;
	align-items:center;
}
input.menu[type=button]{
	width:100%;
}
.red{/* Pinta fondo*/
	background-color:rgb(255,60,60);
}
.error{/* Pinta fondo*/
	background-color:rgb(255,60,60);
}
.fred{/*font*/
	color:rgb(255,60,60);
}
.green{/* Pinta fondo*/
	background-color:lightgreen;
}
.fgreen{/*font*/
	color:lightgreen;
}
.blue{/* Pinta fondo*/
	background-color:blue;
}
.fblue{/*font*/
	color:blue;
}

.pointer{
	cursor:pointer;
}
img.icon16{/* menu icons height 16 */
	height:16px;
}
img.icon20{/* menu icons height 16 */
	height:20px;
}
img.icon24{/* menu icons height 16 */
	height:24px;
}
img.icon32{/* menu icons height 32 */
	height:32px;
}
.resaltar1{/* fondo de color letra blanca */
	background-color:lightseagreen;
	color: white;
}
.activo1{/* Para mostrar tilde verde en un div */
	background: url(../images/tilde_verde.png);
	background-size: contain;
	background-repeat: no-repeat;
	height:16px;
	position: relative;
	background-position: center;
}
.activo0{/* Para mostrar X roja*/
	background: url(../images/s_error.png);
	background-size: contain;
	background-repeat: no-repeat;
	height:16px;
	position: relative;
	background-position: center;
}
span.round_counter{/* Muestra la cantidad en un box fondo rojo redondeado*/
	min-width: 20px;
	font-weight: 700;
	text-align: center;
	display: grid;
	place-items: center;
	border-radius: 10px;
	/*background-color:red; poner color de fondo con propiedad del color*/
	color:white;
}
/* Drag & Drop de Acciones y TLL flow */
 /* ul.flowactions{list-style-type: none;padding: 0;display: flex; */
        /*justify-content: space-between;*/
ul.flowactions{list-style-type: none;padding: 0;}
ul.flowactions li{border: 1px solid #ccc;padding:5px;margin:10px;cursor:pointer;z-index:100;}

ul.flowsteps{list-style-type: none;padding: 0;display: flex;
        /*justify-content: space-between;*/
 }
ul.flowtrash{list-style-type: none;padding:0;margin:3px;display: flex;}
ul.flowsteps li.flowarrow{border: 0px solid #ccc;padding:5px;margin-right:10px;cursor:pointer;z-index:99;}
ul.flowsteps li.flowaction{border: 0px solid #ccc;padding:5px;margin-right:10px;cursor:pointer;z-index:99;}
ul.flowtrash li{padding-right:15px;display: flex;align-items:center;}

/* Para condiciones columnas TLL flow */
.campo,.operador,.valor,.operbool {padding:5px;margin:3px}
div.linea-comparacion,div.divoperbool{display:flex;padding:5px}
/* para textos */
.recuadrosombreado{
	border: 2px solid gray;
    border-radius: 10px; /* Bordes redondeados */
    padding: 5px; /* Espaciado interno */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); /* Sombra arriba y derecha */
    display: block; /* Asegura que abarque todo el contenido */
    background-color: #f9f9f9; /* Fondo claro para resaltar */
}