﻿body {
}
/* Estilos Acciones Cabecera */
.botonActualizar
{
     background: url('../Content/Imagenes/Navigation/arrow_right_blue.png') no-repeat 50% top;
    height: 34px;
    width: 34px;
    border: none;
      cursor:pointer;
}
botonNuevo .botonExcel {
    background: url('../Content/Imagenes/Navigation/arrow_left_blue.png') no-repeat 50% top;
    height: 34px;
    width: 34px;
    border: none;
    cursor: pointer;
}
.botonTabSiguiente
{
    background: url('../Content/Imagenes/Acciones/16x16/next-tab.png') no-repeat 50% top;
    height: 17px;
    width: 17px;
    border: none;
    cursor:pointer;
}
.botonTabAnterior
{
    background: url('../Content/Imagenes/Acciones/16x16/previous-tab.png') no-repeat 50% top;
    height: 17px;
    width: 17px;
    border: none;
    cursor:pointer;
}
.Titulo
{
	font-family: 'Palatino Linotype';
	font-size: x-large;
	background-color: #618DC4;
	color: #FFFFFF;
}
.Linea
{
	font-size: 2px;
	color: #85b2d3;
}



.TablaComando
{

}
.TablaComando td
{
	border: 2px solid #FFFFFF;
}
.TablaComando td:hover
{
	border: 2px solid #618DC4;
}
.botonNuevo
{
	background: url('../Content/Imagenes/Acciones/document_add.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonNuevoDirectorio
{
	background: url('../Content/Imagenes/Acciones/folder_blue_new_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonProcesar
{
	background: url('../Content/Imagenes/Acciones/gear_find.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonEditar
{
	background: url('../Content/Imagenes/Acciones/document_edit.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonGuardar
{
	background: url('../Content/Imagenes/Acciones/disk_blue.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonEliminar
{
	background: url('../Content/Imagenes/Acciones/document_delete.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonMaximizar
{
	background: url('../Content/Imagenes/Acciones/document_zoom_in.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonMinimizar
{
	background: url('../Content/Imagenes/Acciones/document_zoom_out.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonExportar
{
	background: url('../Content/Imagenes/Acciones/document_view.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonDescargar
{
	background: url('../Content/Imagenes/Acciones/download_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonArea
{
	background: url('../Content/Imagenes/Acciones/chart.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonLinea
{
	background: url('../Content/Imagenes/Acciones/line-chart.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonSimular
{
	background: url('../Content/Imagenes/Acciones/line-chart.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonColumna
{
	background: url('../Content/Imagenes/Acciones/column-chart.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonDocArriba
{
	background: url('../Content/Imagenes/Acciones/document_up.png') no-repeat 50% top;
	height: 24px;
	width: 24px;
	border: none;
}
.botonCargar {
    background: url('../Content/Imagenes/Acciones/24x24/arrow_up_blue_24x24.png') no-repeat 50% top;
    height: 24px;
    width: 24px;
    border: none;
}
.botonDocDerecha
{
	background: url('../Content/Imagenes/Acciones/document_out.png') no-repeat 50% top;
	height: 24px;
	width: 24px;
	border: none;
}
.botonEnviarCorreo {
    background: Url("../Content/Imagenes/Acciones/mail_forward.png") no-repeat 50% top; 
    height: 32px;
	width: 32px;
	border: none;   
}
.botonMostrarVigentes {
    background: Url("../Content/Imagenes/Acciones/usuario_vigente.png") no-repeat 50% top; 
    height: 32px;
	width: 32px;
	border: none;   
}
.botonMostrarNoVigentes {
    background: Url("../Content/Imagenes/Acciones/usuario_eliminado.png") no-repeat 50% top; 
    height: 32px;
	width: 32px;
	border: none;   
}
.botonRefrescar {
    background: Url("../Content/Imagenes/Acciones/refresh_32x32.png") no-repeat 50% top; 
    height: 32px;
	width: 32px;
	border: none;   
}
.botonValidar {
    background: Url("../Content/Imagenes/Acciones/check-blue 32x32.png") no-repeat 50% top; 
    height: 32px;
	width: 32px;
	border: none;   
}
.botonDeshacer
{
	background: url('../Content/Imagenes/Acciones/undo_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonDetalle
{
	background: url('../Content/Imagenes/Acciones/detail_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonResumen
{
	background: url('../Content/Imagenes/Acciones/Resume_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonCalendario
{
	background: url('../Content/Imagenes/Acciones/calendar_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonVolver
{
	background: url('../Content/Imagenes/Acciones/undo_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonProcesar
{
	background: url('../Content/Imagenes/Acciones/process.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonControles
{
	background: url('../Content/Imagenes/Acciones/controles.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonAprobar
{
	background: url('../Content/Imagenes/Acciones/accept.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonBloquear
{
	background: url('../Content/Imagenes/Acciones/block.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonArea2D
{
	background: url('../Content/Imagenes/Acciones/Chart-Area-2D_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonColumn2D
{
	background: url('../Content/Imagenes/Acciones/Chart-Column-2D-Clustered_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonLine2D
{
	background: url('../Content/Imagenes/Acciones/Chart-Line-2D-Dots_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonPie2D
{
	background: url('../Content/Imagenes/Acciones/Chart-Pie-2D-Exploted_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonInfo
{
	background: url('../Content/Imagenes/Acciones/DocInfo_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}


.botonNotas
{
	background: url('../Content/Imagenes/Acciones/Note_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonBuscar
{
	background: url('../Content/Imagenes/Acciones/document_view.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonProcesarBusqueda
{
	background: url('../Content/Imagenes/Acciones/find_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonFiltrar {
    background: url('../Content/Imagenes/Acciones/filtros.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonVisor
{
	background: url('../Content/Imagenes/Acciones/Resume_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonGauge
{
	background: url('../Content/Imagenes/Acciones/gauge_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}


/*Botones Para ProjectGantt*/
.botonNuevaTarea
{
	background: url('../Content/Imagenes/Acciones/task_add_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonEliminarTarea
{
	background: url('../Content/Imagenes/Acciones/task_del_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonIndentIzquierda
{
	background: url('../Content/Imagenes/Acciones/IndentLeft32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonIndentDerecha
{
	background: url('../Content/Imagenes/Acciones/IndentRight32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonInsertarAbajo
{
	background: url('../Content/Imagenes/Acciones/task_ins_under_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonInsertarHija
{
	background: url('../Content/Imagenes/Acciones/task_ins_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonMoverArriba
{
	background: url('../Content/Imagenes/Acciones/task_up_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonImprimir
{
	background: url('../Content/Imagenes/Acciones/Print32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonCaminoCritico
{
	background: url('../Content/Imagenes/Acciones/critical_path_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonMSProjectXML
{
	background: url('../Content/Imagenes/Acciones/ms_project_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonGanttFind {
    background: url('../Content/Imagenes/Acciones/gantt_chart-find_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonGanttChartTeam {    
    background: url('../Content/Imagenes/Acciones/gantt_chart-team_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonGanttChart {    
    background: url('../Content/Imagenes/Acciones/gantt_chart_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonGanttChartLock {
    background: url('../Content/Imagenes/Acciones/gantt_chart-lock_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonResourceTeam {
    background: url('../Content/Imagenes/Acciones/resource_team_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}
.botonRedo {
    background: url('../Content/Imagenes/Acciones/redo_32x32.png') no-repeat 50% top;
	height: 32px;
	width: 32px;
	border: none;
}

.botonAyuda {
    background: url('../Content/Imagenes/Acciones/ayuda.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonReglas {
    background: url('../Content/Imagenes/Acciones/reglaNegocio_32x32.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonDetallesModelo {
    background: url('../Content/Imagenes/Acciones/24x24/lifetime24x24.png') no-repeat 50% top;
    height: 24px;
    width: 24px;
    border: none;
}

.botonDetallesModelo2 {
    background: url('../Content/Imagenes/Acciones/24x24/percentage24x24.png') no-repeat 50% top;
    height: 24px;
    width: 24px;
    border: none;
}

.botonMasDetalles {
    background: url('../Content/Imagenes/Acciones/mas_detalle_24x24.png') no-repeat 50% top !important;
    height: 24px !important;
    width: 24px !important;
    border: none !important;
}
.botonEnviarIzq {
    background: url('../Content/Imagenes/Acciones/send_left.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonEnviarDer {
    background: url('../Content/Imagenes/Acciones/send_right.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonAdjunto {
    background: url('../Content/Imagenes/Acciones/attachment_32x32.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonAdjuntoVerde {
    background: url('../Content/Imagenes/Acciones/attachment_green_32x32.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.botonAsignar {
    background: url('../Content/Imagenes/Acciones/24x24/CampoLista_24x24.png') no-repeat 50% top !important;
    height: 24px !important;
    width: 24px !important;
    border: none !important;
}

.botonAsignarProceso {
    background: url('../Content/Imagenes/Acciones/24x24/CampoRango_24x24.png') no-repeat 50% top !important;
    height: 24px !important;
    width: 24px !important;
    border: none !important;
}

/*Estilos para listado de Estructuras*/

.td_activo
{
    background-image: Url("../Content/Imagenes/Estructuras/td-activo.png");
    background-repeat: no-repeat;
    height:52px;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    vertical-align:middle;
    color:White;
        
    }        
.td_noactivo
{
    background-image: Url("../Content/Imagenes/Estructuras/td-noactivo.png");
        
    background-repeat: no-repeat;
    height:52px;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    vertical-align:middle;
    color: #136c9a;
    }
.spanEstructuras
{            
    display:table-cell;
    vertical-align: middle;
    padding-left: 15px;
    height: 45px;
    }

.spanDocumento {
    background: url('../Content/Imagenes/Acciones/document_view.png') no-repeat 50% top;
    height: 32px;
    width: 32px;
    border: none;
}

.ulEstructuras
{cursor:pointer; 
    padding:0;
    margin:0; 
    }        
/*#navcontainer ul li:hover
{
    background-image: Url("../Content/Imagenes/Estructuras/td-hover.png");        
    background-repeat: no-repeat;
    color:White;
}*/    
.td_hover
{
    background-image: Url("../Content/Imagenes/Estructuras/td-hover.png");        
    background-repeat: no-repeat;
    color:White;
}
    
/*Estilos para enlaces*/

a
{
    color: rgb(43, 138, 190);
}
a:hover
{
    color:#136c9a;
}
a:visited
{
    color: rgb(43, 138, 190);
}

/*Estilos botones grilla*/
.abutton,
div.k-grid .k-grid-edit,
div.k-grid .k-grid-delete,
div.k-grid .k-grid-cancel,
div.k-grid .k-grid-update,
div.k-grid .k-grid-Detalles,
div.k-grid .k-grid-Procesar,
div.k-grid .k-grid-Info,
div.k-grid .k-grid-Column2D,
div.k-grid .k-grid-Gantt,
div.k-grid .k-grid-eliminar,
div.k-grid .k-grid-campo,
div.k-grid .k-grid-campolista {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    text-indent: -400px;
    min-width: 0;
    border: 0;
}
.k-grid-add, .k-grid-add:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/document_add.png");     
}
.k-grid-edit, .k-grid-edit:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/document_edit.png");    
}
.k-grid-eliminar, .k-grid-eliminar:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/document_delete.png");    
}
.k-grid-update, .k-grid-update:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/disk_blue_24x24.png");    
}
.k-grid-cancel, .k-grid-cancel:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/undo_24x24.png");    
}
.k-grid-delete, .k-grid-delete:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/document_delete.png");    
}
.k-grid-Detalles, .k-grid-Detalles:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/document_preferences.png");    
}
.k-grid-Procesar, .k-grid-Procesar:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/process.png");
}
.k-grid-Info, .k-grid-Info:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/table_preferences.png");    
}
.k-grid-Column2D, .k-grid-Column2D:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/Chart-Column-2D-Clustered_24x24.png");    
}
.k-grid-Gantt, .k-grid-Gantt:hover  {
    background: Url("../Content/Imagenes/Acciones/24x24/Gantt24x24.png");    
}
.k-grid-campo, .k-grid-campo:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/CampoRango_24x24.png");
}
.k-grid-campolista, .k-grid-campolista:hover {
    background: Url("../Content/Imagenes/Acciones/24x24/CampoLista_24x24.png");
}

.abutton.delete {
    background: Url("../Content/Imagenes/Acciones/24x24/document_delete.png");    
}

.abutton.detalles {
    background: Url("../Content/Imagenes/Acciones/24x24/mas_detalle_24x24.png");
}

.abutton.edit {
    background: Url("../Content/Imagenes/Acciones/24x24/document_edit.png");    
}
.abutton.update {
    background: Url("../Content/Imagenes/Acciones/24x24/document_delete.png");    
}
.abutton.cancel {
    background: Url("../Content/Imagenes/Acciones/24x24/undo_24x24.png");    
}
.abutton.create {
    background: Url("../Content/Imagenes/Acciones/24x24/document_add.png");    
}
.abutton.save {
    background: Url("../Content/Imagenes/Acciones/24x24/disk_blue_24x24.png");    
}
.abutton.undo {
    background: Url("../Content/Imagenes/Acciones/24x24/undo_24x24.png");    
}
.abutton.restore {
    background: Url("../Content/Imagenes/Acciones/24x24/recuperar_usuario.png");    
}
.abutton.detalle {
    background: Url("../Content/Imagenes/Acciones/24x24/document_preferences.png");    
}
.abutton.info {
    background: Url("../Content/Imagenes/Acciones/24x24/DocInfo_24x24.png");    
}
.abutton.notas {
    background: Url("../Content/Imagenes/Acciones/24x24/Note_24x24.png");    
}
.abutton.procesar {
    background: Url("../Content/Imagenes/Acciones/24x24/process.png");
}
.abutton.campo {
    background: Url("../Content/Imagenes/Acciones/24x24/CampoRango_24x24.png");
}
.abutton.adjunto {
    background: Url("../Content/Imagenes/Acciones/24x24/attachment_24x24.png");
}
.abutton.adjuntoVerde {
    background: Url("../Content/Imagenes/Acciones/24x24/attachment_green_24x24.png");
}
.abutton.gantt {
    background: Url("../Content/Imagenes/Acciones/24x24/Gantt24x24.png");
}
    
/* Estilos Score*/
    
.score.check {
    background-image: Url("../Content/Imagenes/Calificacion/check-blue 24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}    
.score.green {
    background-image: Url("../Content/Imagenes/Calificacion/bullet_ball_green_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: auto;
    padding: 0;
    border: none;
}
.score.yellow {
    background-image: Url("../Content/Imagenes/Calificacion/bullet_ball_yellow_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    padding: 0;
    border: none;
    margin: auto;
}
.score.red {
    background-image: Url("../Content/Imagenes/Calificacion/bullet_ball_red_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: auto;
    padding: 0;
    border: none;
}
.scorebig.green {
    background-image: Url("../Content/Imagenes/Calificacion/bullet_ball_green_128x128.png");
    background-repeat: no-repeat;
    width: 128px; 
    height: 128px;
    margin: 0;
    padding: 0;
    border: none;
}
.scorebig.red {
    background-image: Url("../Content/Imagenes/Calificacion/bullet_ball_red_128x128.png");
    background-repeat: no-repeat;
    width: 128px; 
    height: 128px;
    margin: 0;
    padding: 0;
    border: none;
}

/*Estilo indicador filas moviles en grid*/

.cell.updown {
        background-image: Url("../Content/Imagenes/Acciones/24x24/up_down.png");
        background-repeat: no-repeat;
        width: 24px; 
        height: 24px;
        margin: auto;
        padding: 0;
        border: none;
    }
.TextoNoEditable{
       border:0px solid; 
     }

/*Estilo imagen check*/

.indicador.check {
        background-image: Url("../Content/Imagenes/Acciones/check-blue 32x32.png");
        background-repeat: no-repeat;
        width: 32px; 
        height: 32px;
        margin: auto;
        padding: 0;
        border: none;
    }

/* Estilos grid documentos*/
    
.documento.dir {
    background-image: Url("../Content/Imagenes/Acciones/24x24/folder_blue.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}    

.documento.pdf {
    background-image: Url("../Content/Imagenes/Acciones/24x24/Pdf_File_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}

.documento.imagen {
    background-image: Url("../Content/Imagenes/Acciones/24x24/Image_File_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}

.documento.word {
    background-image: Url("../Content/Imagenes/Acciones/24x24/File_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}

.documento.excel {
    background-image: Url("../Content/Imagenes/Acciones/24x24/File_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}

.documento.pivot {
    background-image: Url("../Content/Imagenes/Acciones/24x24/Pivot_File_24x24.png");
    background-repeat: no-repeat;
    width: 24px; 
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}


/*Estilos para pagina de Inicio de sesión*/

.botonInicioSesion{
        width:100px;
        height:30px;
        background:#bed6e8;
        border:none; 
        color:#136c9a;
        cursor:pointer;
}    
.botonInicioSesion:hover
    {
    background:#136c9a;
    color:white;

}
.etiquetaLogin
{
    padding-left:2em;
    color:#136c9a;
    font-weight:bold;
}
.contenedorIzquierda
{
    float: left; 
    display: block; 
    text-align: left;
}
.contenedorLogo
{
    margin-left: 100px; 
    line-height: 142%;
    display: block; 
    text-align: left; 
    color:#136c9a; 
    height:50px; 
    width:320px
}
.contenedorCentro
{ 
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
    text-align: center;
}
.contenedorLogoPie
{
    width: 300px; 
    height: 16px;
    margin-top: 10px;
    float: right;
    background-position: left -774px; 
    font-weight:bold;
    color:#136C9A;
}
.contenedorPie
{
    clear: both; 
    border-top: 1px solid #bed6e8;
}

/*Estilos para Formularios*/

.CeldaEtiquetaTitulo
{
    background-color: #FFFFFF;
    height: 35px;
    color: rgb(43, 138, 190);
    /*color: #000000;*/
    font-size: medium;
    font-family: Verdana;
    /*font-family: 'Palatino Linotype';*/
    text-align: center;
    width: 149px;
    padding-right:1px;
} 
.CeldaEtiqueta
{
    background-color: #FFFFFF;
    height: 35px;
    color: rgb(43, 138, 190);
    /*color: #000000;*/
    font-size: small;
    font-family: Verdana;
    /*font-family: 'Palatino Linotype';*/
    text-align: right;
    width: 147px;
    padding-right:3px;
}
.CeldaEtiquetaIzquierda
{
    background-color: #FFFFFF;
    height: 35px;
    color: rgb(43, 138, 190);
    /*color: #000000;*/
    font-size: small;
    font-family: Verdana;
    /*font-family: 'Palatino Linotype';*/
    text-align: left;
    width: 148px;
    padding-left:2px;
}

.CeldaEtiquetaParametro
{
    background-color: #FFFFFF;
    height: 35px;
    color: rgb(43, 138, 190);
    /*color: #000000;*/
    font-size: small;
    font-family: Verdana;
    /*font-family: 'Palatino Linotype';*/
    text-align: right;
    width: 180px;
    padding-right:3px;
}

.TextoIzquierdaMayor
{
    text-align: left;
    font-family: Verdana;
    color: rgb(43, 138, 190);
    font-size: 20px;
    letter-spacing: -2px;
}


.TextoIzquierdaMenor
{

    background-color: #FFFFFF;
    /*height: 35px;*/
    color: rgb(43, 138, 190);
    /*color: #000000;*/
    font-size: small;
    font-family: Verdana;
    /*font-family: 'Palatino Linotype';*/
    text-align: left;
    font-weight: bold;
}


.CeldaEntrada
{
    width: 200px;
    height: 30px;
}
.tablaFormulario
{
    width: 1100px;
}
.tablaFormularioMediano
{
    width: 1050px;
}
.tablaFormularioMedio
{
    width: 550px;
}
.controlTextBoxGrande
{
    width: 930px;
}
.controlTextBoxMediano
{
    width: 380px;
}
.controlTextBoxMedianoInfo
{
    width: 360px;
}
.controlTextBoxPequenio
{
    width: 180px;
}

.controlTextBoxMedianoNoEdit
{
    width: 380px;
	border: 1px solid #367BB5;
    color: #367BB5;
}
.controlTextBoxMedianoNoEdit:first-child,.controlTextBoxMedianoNoEdit:first-child:hover{
  background-color : #BDE5F8;
  color: #367BB5;
}

.controlTextBoxPequenioNoEdit
{
    width: 180px;
}

.TextBoxNoEdit,.TextBoxNoEdit:hover
{
    width: 200px;
	border: 1px solid #367BB5;
    color: #367BB5;
}

.TextBoxNoEdit:first-child,.TextBoxNoEdit:first-child:hover{
  background-color : #BDE5F8;
  color: #367BB5;
}

.controlTextBoxGrandeNoEdit
{
    width: 930px;
	border: 1px solid #367BB5 !important;
    color: #367BB5 !important;
}

.controlTextBoxGrandeNoEdit:first-child,.controlTextBoxGrandeNoEdit:first-child:hover{
  background-color : #BDE5F8 !important;
  color: #367BB5 !important;
}

.controlNumericTextBoxPequenio
{
    width: 180px;
    text-align: right;
}

.controlNumericTextBoxMediano
{
    width: 380px;
    text-align: right;
}


.controlTextAreaMediano
{
    width: 380px; 
    height:60px;
}

.controlTextAreaGrande
{
    width: 930px; 
    height:60px;
}

.controlTextAreaMedianoNoEdit
{
    width: 380px; 
    height:50px;
    border-width: 0px;
}

.controlTextAreaGrandeNoEdit
{
    width: 930px; 
    height:60px;
    border-width: 0px;
}

/*Tamanio de control mayor al mediano y menor al grande*/

.controlTextBoxMediano1
{
    width: 740px;
}

.controlTextAreaMediano1
{
    width: 740px; 
    height:60px;
}

/*Estilos ParametroGeneral*/
.divContenedorDetalleParametro
{
    height:24px; 
    width:24px; 

    display:inline-block; 
    vertical-align:middle;
}
.tablaParametroGeneral
{
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
}
.botonDetalleParametro
{
    background: Url("../Content/Imagenes/Acciones/24x24/doc_mostrar.png");   
    width:24px; 
    height:24px; 
    padding:0px; 
    margin:0px;
    border:none;
    cursor:pointer;
}
.CeldaTextoParametro
{
    width:205px; 
    height:30px; 
}
.divColorRiesgoGrid
{
    width:100%;
    height:30px;
}

/* Estilos para Calendario     */

.feriadoLocal, .feriadoNacional, .feriadoOtro {
		width: 25px;
		height: 25px;
        margin-left: 2px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 50%;
		/*line-height: 40px*/
            
}
.feriadoLocal {
	background-color: #99CC33;
}
.feriadoNacional {
	background-color: rgb(17,178,235);
}
.feriadoOtro {
	background-color: #FFCC00;
        
}
.feriadoValor{
    text-align: right;
    display: block;
    margin: 0 4px;
}
.ContenedorCalendario
{
    width: 300px;
	height: 250px;
    margin: 10px auto 0 40px;
	padding: 70px 0 0 16px;
	background: Url("../Content/Imagenes/Calendario/calendar.png") transparent no-repeat 0 0;
}

/*Estilos para Sortable Panels  */

    /* Estilo del contenedor de paneles */                
    .panel-wrap {
        display: table;
        margin: 0 0 5px;
        width: 100%;
    }
    /* Estilos de panel */
    .widget {
        margin: 0 0 10px;
        padding: 0;
        background-color: #ffffff;
        border: 1px solid #C3DAEB;
        border-radius: 3px;
    }
    .widget:hover {
        background-color: #fcfcfc;
        border-color: #85b2d3;
    }                
    /* Estilos cabecera del panel*/                
    .widget h3 {
        padding: 0px 10px 10px 10px;
        border-bottom: 1px solid #C3DAEB;
        color: rgb(43, 138, 190);
        font-size: medium;
        font-family: Verdana;
        cursor: move;
    }    
    
    /* Hover de los botones del panel */
    .widget h3 span:hover {
        cursor: pointer;
        background-color: #e7e7e7;
        border-radius: 5px;
        border: 1px solid #C3DAEB;
    }            


    /* Estilos de panel dentro de un split */
    .widgetSplit {
        /*margin: 0 0 2px;*/
        padding: 0;
        background-color: #ffffff;
        /*border: 1px solid #C3DAEB;
        border-radius: 3px;*/
    }
    /* Estilos cabecera del panel*/                
    .widgetSplit h3 {
        padding: 0px 10px 10px 10px;
        border-bottom: 1px solid #C3DAEB;
        color: rgb(43, 138, 190);
        font-size: medium;
        font-family: Verdana;
        cursor: move;
    }                

    .spanCollapse {
        float: right;
    }
    .spanCollapse:hover {
        cursor: pointer;
        background-color: #e7e7e7;
        border-radius: 20px;
    }

    .spanCambiarGrafico {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/column-chart.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }


    .spanExport {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/download_24x24.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }

    .spanProcesar {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/process.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }

    .spanGuardar {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/disk_blue_24x24.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }

    .spanCalendario {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/calendar_24x24.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }



    .spanAmpliar {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/document_zoom_in.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }

    .spanVolver {
        float: right;
        background: url('../Content/Imagenes/Acciones/24x24/undo_24x24.png') no-repeat 50% top;
        height: 26px;
        width: 26px;
        border: none;
        margin-right: 5px;
    }
    
           


    /* Estilo contenido del panel */
    .widgetContent {
        /*margin: 0px;*/
        padding: 0px;
        margin: 0 3px 3px;
        /*text-align:center;*/
    }
    /* Estilo tipo marca de agua para indicar el espacio donde se va a 
        colocar un panel al arrastrarlo */
    .widget.placeholder {
        opacity: 0.4;
        border: 1px dashed #a6a6a6;
    }
    .hint {
        width: 250px;
        height: 100px;
        overflow: hidden;
    }
    .hint > h3 {
        padding-left: 20px;
    }

/*Estilo tooltip*/

    .k-tooltip {
        /*background: #daecf4 !important;*/
        background: #ffffff !important;
        padding:0px;
        -moz-box-shadow:    3px 3px 5px 6px #999999;
        -webkit-box-shadow: 3px 3px 5px 6px #999999;
        box-shadow:         3px 3px 5px 6px #999999;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border:none;
    }

    .k-callout-w
    {
        border-right-color:#FFFFFF;
    }

    .cabeceraTooltip
    {
        background-color: #2B83BE;
        color: #ffffff;
        padding:10px 3px 0px 3px;
        height:25px;
        font-size: 14px;
        font-family: Verdana;
        font-weight:700;
        text-align:left;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .cuerpoTooltip
    {
        padding:3px;
    }


    .cuerpoTooltip table
    {
         width: 100%; 
         font-size:90%;          
    }

    .celdaEtiquetaTooltip
    {
        font-weight:bold;
        text-align:left;
        vertical-align:top;
    }


    .celdaEtiquetaTooltipInteract
    {
        font-weight:bold;
        text-align:center;
        vertical-align:middle;
        width:30px;
        height:25px;
        cursor:pointer;
    }


    .celdaEtiquetaTooltipInteract:hover
    {
        background-color:#99CC33;
    }

    /*Estilos para visualizacion de Informacion adicional*/
.botonInformacion
{
	background: url('../Content/Imagenes/Portal/information.png');
	height: 16px;
	width: 16px;
	border: none;
}

/* Estilos para paneles colapsables */

.slider{
	display:block;
}
.expandSlider{
	display:none;
}

.sliderExpanded .collapseSlider{
    display:none;
}
.sliderExpanded .expandSlider{
    display:block;
}


/* Estilos para diagrama de procesos */

   
    .itemNivel1 {
                    margin: 5px;
                    padding: 8px 10px 0 5px;
                    min-width: 640px;
                    background-color: #c9ecfa;
                    border: 1px solid rgba(0,0,0,.1);
                    border-radius: 3px;
                    font-size: 15px;
                    line-height: 20px;
                    height:50px;
                    cursor:pointer;
    }

    .itemNivel2 {
                    margin: 5px;
                    padding: 8px 10px 0 5px;
                    min-width: 640px;
                    background-color: #ffcb00;
                    border: 1px solid rgba(0,0,0,.1);
                    border-radius: 3px;
                    font-size: 15px;
                    line-height: 20px;
                    height:50px;
                    cursor:pointer;
    }

    .itemNivel3 {
                    margin: 5px;
                    padding: 8px 10px 0 5px;
                    min-width: 640px;
                    background-color: #aad104;
                    border: 1px solid rgba(0,0,0,.1);
                    border-radius: 3px;
                    font-size: 15px;
                    line-height: 20px;
                    height:50px;
                    cursor:pointer;
    }

    .itemNivel4 {
                    margin: 5px;
                    padding: 8px 10px 0 5px;
                    min-width: 640px;
                    background-color: #F59C5D;
                    border: 1px solid rgba(0,0,0,.1);
                    border-radius: 3px;
                    font-size: 15px;
                    line-height: 20px;
                    height:auto;
                    cursor:pointer;
    }
    
    .contenedor-lista {
        padding: 30px;
        width: 740px;
    }
   
    .itemNivel1 p {
        visibility: hidden;
    }

    .itemNivel2 p {
        visibility: hidden;
    }

    .itemNivel3 p {
        visibility: hidden;
    }

.itemNivel4 p {
    visibility: hidden;
    margin-block-start: 0;
    margin-block-end: 0;
}

    .itemNivel1:hover {
        color:#fff;
        background-color: rgb(43,138,190);
    }
    .itemNivel2:hover {
        color:#fff;
        background-color: rgb(43,138,190);
    }
    .itemNivel3:hover {
        color:#fff;
        background-color: rgb(43,138,190);
    }
    .itemNivel4:hover {
        color:#fff;
        background-color: rgb(43,138,190);
    }

    .k-listview:after, .item dl:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }


/* Estilos para lista de opciones reproceso */

.itemOpcionReproceso {
                    margin: 3px;
                    padding: 8px 0 0 5px;
                    width: 92%;
                    /*min-width: 640px;*/
                    /*background-color: #ffffff;*/
                    /*border: 1px solid rgba(0,0,0,.1);
                    border-radius: 3px;*/
                    font-size: 15px;
                    line-height: 20px;
                    height:auto;
                    cursor:pointer;
                    border-bottom: 1px solid rgba(0,0,0,.1);
}


.itemOpcionReproceso:hover {
        color:#fff;
        background-color: #6FA7D1;
 }

.itemOpcionReproceso .k-state-selected { 
        /*background-image: none,linear-gradient(to bottom,#D5D5D5 0,#D5D5D5 100%);*/ 
        background-color: #488AA6;
    }

.itemPeriodo {
                    padding: 0 15px 2px 0;
}

.itemNombreOpcion {
                    padding: 0 15px 2px 0;
                    font-weight: bold;
}

.itemResultadoOpcionExito {
    background-image: Url("../Content/Imagenes/Acciones/accept.png");
    background-repeat: no-repeat;
    width: 34px; 
    height: 32px;
    margin: auto;
    padding: 0;
    border: none;
    display: inline-block;
}

.itemResultadoOpcionError {
    background-image: Url("../Content/Imagenes/Acciones/block.png");
    background-repeat: no-repeat;
    width: 34px; 
    height: 32px;
    margin: auto;
    padding: 0;
    border: none;
    display: inline-block;
}

.itemResultadoOpcion {
    width: 34px; 
    height: 32px;
    margin: auto;
    padding: 0;
    border: none;
    display: inline-block;
}

.itemObservacionesOpcionExito {
                    padding: 0 15px 0 0;
                    font-size: 12px;
                    color:#0e8a04;
                    line-height: 10px;
                    height:20px;
                    font-weight: bold;
                    /*display:inline-block;*/
}

.itemObservacionesOpcionError {
                    padding: 0 15px 0 0;
                    font-size: 12px;
                    color:#f00;
                    line-height: 10px;
                    height:20px;
                    font-weight: bold;
                    /*display:inline-block;*/
}
.itemObservacionesOpcion {
                    padding: 0 15px 0 0;
                    font-size: 12px;
                    line-height: 10px;
                    height:20px;
                    width:0;
                    /*display:inline-block;*/
}

.itemOpcionReproceso p {
        display: none;
}


.itemOpcionResumen {
                    margin: 5px;
                    padding: 2px 2px 0 5px;
                    min-width: 60px;
                    width: 80px;
                    background-color: #ffffff;
                    border: 1px solid rgba(0,0,0,.1);
                    border-radius: 3px;
                    font-size: 14px;
                    line-height: 20px;
                    height:auto;
                    cursor:pointer;
}

.itemOpcionResumen p {
        display: none;
}



/* Gif Carga */
.gif-carga {
    background: url('../Content/Imagenes/Status/loading-image.gif') no-repeat 50% top;
	height: 48px;
	width: 48px;
	border: none;
    margin-left: auto;
    margin-right: auto;
}

/* Componetes Syncfusion*/
.e-grid .e-headercelldiv {
    font-weight: normal !important;
}

.e-grid .e-rowcell {
    border-width: 0 0 0 1px !important;
}