/* retoques menores - para cosas que no deberian cambiarse en TODAS las aplicaciones */

/* ejemplo de retoque menor; mantener el "Centro de Atención de Usuarios (CAU)" junto 
   evitando un salto de linea en mitad del nombre en el texto bajo el form de login   */
#info_entrada b { white-space: nowrap; } 

/* Otro ejemplo. unos retoques al calendario */
#ui-datepicker-div { z-index: 9999 !important; }
.datepicker-days	table,
.datepicker-months	table,
.datepicker-years	table { width: 100%; }
.datepicker-days	table tr:last-child,
.datepicker-months	table tr:last-child,
.datepicker-years	table tr:last-child { border-bottom: 1px solid #000000; }
.datepicker-days 	table tr th,
.datepicker-months	table tr th,
.datepicker-years	table tr th  { border-radius: 0px; }
.ui-datepicker .ui-widget-header select 
{
    color: #fff !important;
    font-weight: normal;
    background-color: #174894;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #1B4B95 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#1B4B95));
    background-image: linear-gradient(to bottom, #337ab7 0%, #1B4B95 100%);
    border: 1px solid #174894;
}
.table-responsive table.dataTable.fullWidth { width: 99%; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #337ab7; background: #5bc0de; color: #363636; }

.btn-grid .btn { text-shadow: none !important; }

.panel.listadoDataTable .dt-buttons { width: 50%; position: absolute; bottom: 3rem; }
.panel.listadoDataTable .panel-body { position: relative; }
.panel.listadoDataTable .panel-body .botonera_listado { position: absolute; top: -3.65rem; right: 0.15rem; }

#CrearFiltroForm #btnLDAP { margin-top: 2.75rem; }

.dialog-header-error {
    background-color: #d2322d;
}
.dialog-header-correct {
    background-color: #5cb85c;
}
.dialog-header-warning {
    background-color: #f0ad4e;
}

.text-alert {
	color: #ffffff;
}

/* estilos para pantalla de ejemplo... */

#pruebaBotones.panel button, #pruebaBotones.panel a { margin-bottom: 0.2rem; }
.btn.cajaPanelInformacion { height: 7rem; line-height: 5rem; }

/* ejemplo de ajuste de cajas a columna unica en ciertas dimensiones */
@media ( min-width: 1024px )
{
	#pruebaBotones.panel { width: 32%; min-height: 41.20rem; }
}

@media ( max-width: 1024px )
{
   #pruebaBotones.panel, #pruebaBotones2.panel, #pruebaBotones3.panel { width: 100%; height: auto; }
}

.gly:before {
	content: "\e101";
  	margin-right: 15px;
}

.custom-tabpanel[role=tabpanel]{
	margin: 30px 10px;
}

.custom-tabpanel .tab-content{
	padding: 0;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    border: 1px solid #337ab7;
    margin-top: -1px;
}
.custom-tabpanel .display-table{
	margin-left: 10px;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 30px;
    width:auto;
}
.custom-tabpanel .nav > li > a, .custom-tabpanel .nav > li > a:hover{
	border-bottom: 1px solid #337ab7;
}

.custom-tabpanel .nav > li.active > a{
	border-bottom: 1px solid #fff;
	background: #fff;
}
.custom-tabpanel .nav > li > a:hover, .custom-tabpanel .nav > li > a:focus {
	background-color:#fff;
}