.font-grid {
	font-size: 1.2em; 
	font-weight: 500;
}

.font-labels {
	font-size: 2.0em;
	font-weight: 600;
	color: blue;
}

.font-labels-datos {
	font-size: 1.4em;
	font-weight: 600;
	color: black;
	font-style: 'Lato', sans-serif;
	background-color: #DDD;
	border-radius: 4px;
	box-shadow:  2px 2px 4px grey;
	margin: 0px 2px;
}

.font-labels-datos-padding {
	padding: 2px 8px;
}

.font-label-data-ro {
	font-size: 1.4em;
	font-weight: 600;
	/*color: #001F1F;*/ /*gris claro*/
	color: darkblue;
	/*background-color: #EEE ;*/
	/*background-color: #F6F6F6;*/
	width: 100%;
	padding: 0.4em;
	margin: 0.1em;
	border-radius: 6px;
	background-color: #F3F3F3;
	/*border-style: solid; */
	/*border-width: 0.5px; */
}

.font-label-dato {
	font-size: 1.2em;
	font-weight: 600;
	color: darkblue;
}

.estilo-datos {
	color: red;
	border-style: solid; 
	border-width: thin;
	border-color: green; 
}

/* .form-group {margin-bottom: 0px;}*/

.font-status {
	font-size: 1.4em;
	font-weight: 500;
	text-align: center;
	padding: 0.1em;
}
.font-label {
	text-align: center;
}

.padding-01 {
	padding: 0.5em;
}


/* 
	Para centrar 3 divs lado a lado
	lo uso en el cliente.status.php para el status actual y las flechas para cambio de estatus.
*/
/* * {
  box-sizing: border-box;
}
 */
/* Create three unequal columns that floats next to each other */
.column-x {
  float: left;
  /*padding: 10px;*/
  /*height: 300px;  Should be removed. Only for demonstration */
  height: 20px;  
}

.left-x, .right-x {
  width: 15%;
}

.middle-x {
  width: 70%;
}

/* Clear floats after the columns */
.row-x:after {
  content: "";
  display: table;
  clear: both;
}

.padding-05 {
	padding: 0.5em;
}

.padding-15 {
	padding: 0.5em;
}

/* Para controlar border de form-control */
/*.form-control:focus{border-color: red; border-width: 2px;  xbox-shadow: none; -xwebkit-box-shadow: none;} */
/*.form-control:focus{border-width: 2px;} */
/*.has-error .form-control:focus{box-shadow: none; -webkit-box-shadow: none;}*/
/*.form-control{border-width: 2px; border-color: red;}  */


/* 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
 */


fieldset {
	border: 1px solid #ddd !important;
	margin: 0;
	xmin-width: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	background-color:#f9f9f9;
	padding-left:10px!important;
}	
 	
legend
{
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 0px; 
	width: 35%; 
	border: 1px solid #ddd;
	border-radius: 4px; 
	padding: 5px 5px 5px 10px; 
	background-color: #ffffff;
}

/* Para el encabezado de la ficha del cliente */
.px-5 {
	padding-left: 5px;
	padding-right: 5px;
}


/* para controles peque;os */
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.form-group-xs>.form-control,
.form-group-xs>.form-group-addon,
.form-group-xs>.form-group-btn>.btn {
    height: 26px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.form-group-xxs>.form-control,
.form-group-xxs>.form-group-addon,
.form-group-xxs>.form-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}


.border-radius-3 {border-radius: 3px;}
.border-radius-5 {border-radius: 5px;}
.border-radius-7 {border-radius: 7px;}
.border-radius-9 {border-radius: 9px;}

.pt-05 {
	padding-top: 0.5rem;
}

.pt-1 {
	padding-top: 1rem;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.encabezado-reportes {
	margin: 3px; 
	font-family: 'Lato', sans-serif; 
	font-size: 1.8em;
	font-weight: 400;
}

.encabezado-catalogo-clientes {
	margin: 3px; 
	font-family: 'Lato', sans-serif; 
	font-size: 1.8em;
	font-weight: 400;
}

.encabezado-catalogo-clientes-links {
	margin: 3px; 
	font-family: 'Lato', sans-serif; 
	font-size: 1.6em;
	font-weight: 400;
}

.encabezado-catalogo-estandar {
	margin: 0px; 
	font-family: 'Lato', sans-serif; 
	font-size: 1.6em;
	font-weight: 400;
}

.titulo-nombre-cliente {
	margin: 3px; 
	font-familiy: 'Lato', sans-serif; 
	font-size: 1.6em;
	font-weight: 500;
}


.va-middle {
    /*vertical-align: middle;*/
}

.lato-titulo {
	font-family: 'Lato', sans-serif;
	font-size: 1.4em;
	font-weight: 600;
}

.encabezado-std {
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: solid 1px lightgray;
}

.btn-new:hover {
  /*background-color: #ff8a17;*/
  background-color: #e16e0a;
  /*color: yellow;*/
  color: white;
}

.btn-new-item:hover {
  /*background-color: #ff8a17;*/
  /*background-color: #e16e0a;*/
  /*color: yellow;*/
  color: red;
  font-weight: 500;
}

.machin:hover {
  color: red;
  font-weight: 500;
}

.btn-primary-outline {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
}

.btn-primary-outline-new {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    /*font-weight: bold;*/
    /*font-family: 'Lato', sans-serif;*/
}


/*.panel-body > padding-x-0 {*/
.panel-body {
	padding-left: 0px !important; 
	padding-right: 0px !important;
}

.padding-X-1em {
	padding-left: 1em !important; 
	padding-right: 1em !important;
}