/* CSS Document */
/* Temlate para el formulario de registro, de parUsuarios.html*/
#customForm {
    display: flex;
    flex-flow: row wrap;
}
 
#customForm fieldset {
    flex: 1;
    border: 1px solid #aaa;
    margin: 0.5em;
}
 
#customForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-weight: bold;
}
 
#customForm fieldset.div1 {
    flex: 2 100%;
}
 
#customForm fieldset.div1 legend {
    background: #bfffbf;
}

#customForm fieldset.div2 {
    flex: 2 100%;
}
 
#customForm fieldset.div2 legend {
    background: #ffffbf;
}

#customForm fieldset.div3 {
    flex: 2 100%;
}
 
 
#customForm fieldset.div3 legend {
    background: #ffbfbf;
}
 
#customForm div.DTE_Field {
    padding: 5px;
}

/* opastor 09/05/2017
Para permitir la edicion en linea de algunos campos y otros no en datatables*/
td.editable {
        font-weight: bold;
    }

/* opastor 16/05/2017
Permite adicionar un header agrupado a los datatables y cuando la pantalla sea pequeña, este se oculte*/
th {
        position: relative;
        min-height: 41px;
    }
    th span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/*opastor 18/05/2017
Permite centrar una columna en los datatables*/
th.dt-center, td.dt-center { text-align: center; }

/*opastor 14/06/2017
Permite hacer row grouping en datatable
*/
tr.group,
tr.group:hover {
    background-color: #ddd !important;
}

/* opastor 23/08/2017
Para permitir la edicion en linea de algunos campos y otros no en datatables*/
td.editable_right {
        font-weight: bold;
		text-align: right;
    }

td.text_right {
		text-align: right;
	}
/* opastor 23/08/2017 
Para el footer del sitio
*/
.footer-bottom {
    /*background-color: #475689;*/
	/*efefef*/
    width: 100%;
}
.copyright {
    color: #475689;
	text-align: center;
}

.copyright a {
    color: #349121;
}

.nav-tabs > li {
  font-size: 13px;
}
