body{
    background-color: #023859 !important;
}
.defaultbackground{
    background: #023859  scroll 0 0;    
    background-image:  url("/UTCD-Consultas/faces/javax.faces.resource/images/Slide-1-100-1024x460.jpg"); 
    background-repeat: no-repeat;
    background-size: cover;
        
        
}
@media screen and (min-width : 1000px) {
    .verticalmenu {
        display: none !important;
    }
    .botonFInalizar{
        margin-top: 0px;
    }
    .butonVM{
        display: none !important;
    }
    .ui-menubar{
        background-color: #023859 !important;
        background-image: none !important;
    }
    .ui-menuitem{
        height: 100% !important;
    }
    .ui-menubar .ui-menuitem-text{
        color: #ffffff;
    }
    .topMenu{
        margin-top: 15px !important;
    }
    .ui-menuitem-icon{
        color: #ffffff;
    }
    .ui-menu-list{
        background-color: #023859 !important;
    }
    .ui-menubar-options{
        height: 100% !important;
        margin-top: 15px !important;
    }
    .panelTopShort{
        display: none;
    }
    
    .hideWithVerticalMenu{
        display: block !important;
    }
    .hideWithHorizontalMenu{
        display: none !important;
    }
}
@media screen and (max-width : 1000px) {
    .butonVM{
        height: 30px;
        width: 30px !important;
        font-size: 15pt !important;
        background-color: #ffffff !important;
        background-image: none !important;
        color: 7aa3d7 !important;
        margin-left: 5px;
        
    }
    .butonVM .ui-icon{
        width: 20px;
        height: 20px;
        margin: 0px;
        font-size: 15pt;
        margin-top: -11px !important;
        margin-left: -10px !important;
        
    }
    
    .verticalmenu .ui-menu{
        width: 100% !important;
    }
    .ui-menu .ui-menu-list .ui-menuitem{
        height: 30px;
        
    }
    .ui-menu .ui-menu-list .ui-menuitem a{
        height: 30px;
    }
    
    .ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-icon{
       width: 20px;
       height: 20px;
       font-size: 12pt;
       margin-top: 7px;
    }
    .ui-menuitem-text{
        margin-top: 7px;
        font-size: 12pt !important;
    }
    
    .ui-sidebar-close{
        display: none;
    }
    .ui-menu.ui-widget{
        width: 100% !important;
        border: none !important;
        
    }
    .horizontalmenu {
        display: none !important;
    }
    .hideWithVerticalMenu{
        display: none !important;
    }
    .hideWithHorizontalMenu{
        display: block !important;
    }
    .panelsinPadding{
        padding: 0px !important;
        margin: 0px !important;
        width: 100% !important;
    }
    .panelsinPadding .ui-panel-content{
        padding: 2px !important;
    }
    .infoDetails{
        font-size: 8pt;
        color: #023859;
    }
    .inicioItemContenedor{
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .inicioItemContenedor .ui-widget-content{
        background: none !important;
        border: none !important;
    }
    .inicioItem{
        width: 100%;
        margin: 0 auto;
        padding: 0 auto;
    }
}

.panelgridverticalaligntop td{
    vertical-align: top;
}

.panelgridbasic td{
    padding-left: 10px;
    padding-top: 5px;
}
 .panelCentrado{
    margin: 0 auto;
    padding: 0 auto;
}

.boton{
    margin-top: 0px !important;
}
.panelTopShort{
    margin-top: 20px !important;
    width: 100%;
    
}
.panelTopShort tr{
    background: none !important;
    border: none !important;
}
.panelTopShort .ui-panelgrid-cell{
    border: none !important;
}

.ui-growl {
    margin-top:45px; 
}

.sedesIcon{
    width: 35px;
} 
.sedesCombo{
    height: 50px !important;
}
.titleBar{
    text-align: center;
    background-color: #c4f2be;
}
.bodybar{
    margin:0 auto 0 auto;
}

.layoutUnitCenter .ui-layout-unit-content{
   background: #c4f2be;
}
.indexcontainer{
    margin-top: 170px;
    width: 100%;
    height: 300px;
    padding-top: 20px;
}

.loginPanel{
    max-width: 650px;
    left: 50%;
    margin-left: -200px;
    text-align: center;
    background: #023859;
    margin-top: 10% !important;
}

.loginLogo{
    max-width: 250px;
    margin: 0 auto;
    padding: 0 auto;
}
.loginPanelGrid{
    max-width: 650px;
    top: 250%;
    left: 50%;
    margin-left: -200px;
    text-align: left;
}
.changePasswdPanelGrid{
    max-width: 650px;
    left: 50%;
    margin-left: -200px;
    text-align: left;
}
.loginLabel{
    color: #8cb7c7;
    height: 100%;
}
.loginPanelGrid .ui-widget-content{
    background: none;
    border: none;
    padding: 10px;
}

@media screen and (min-width : 1000px) {
    
}
@media screen and (max-width : 1000px) {
    
}

.loginTopLeft{
    position: fixed;
    top: 20px;
    left: 10px;
    width: 400px;
}

.loginTopCenter{
    margin: auto;
    margin-top: 20px;
    width: 400px;
}

.loginTopRight{
    position: fixed;
    top: 20px;
    right: 10px;
    width: 400px;
}
.loginMiddleLeft{
    position: fixed;
    top: 50%;
    left: 10px;
    width: 400px;
    transform: translateY(-80%);
}
.loginMiddleCenter{
    position: fixed;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translateY(-80%);
    margin-left: -200px;
}

.loginMiddleRight{
    position: fixed;
    top: 50%;
    right: 10px;
    width: 400px;
    transform: translateY(-80%);
}
.loginBottomLeft{
    position: fixed;
    bottom: 0px;
    left: 10px;
    width: 400px;
}
.loginBottomCenter{
    position: fixed;
    width: 400px;
    bottom: 0px;
    left: 50%;
    margin-left: -200px;
}

.loginBottomRight{
    position: fixed;
    bottom: 0px;
    right: 10px;
    width: 400px;
}

#footerlink{
    margin: auto;
    text-align: center;
}
.ui-layout-unit{
    padding: 0 !important;
}
.ui-menuitem{
    margin-right: 10px !important;
}
.combo{
    min-width: 200px !important;
    max-width: 210px !important;
} 
.ui-inputfield{
    /*min-width: 200px !important;*/
}
.personaInactiva{
    background-color: #ff6666;
}
.personaVacaciones{
    background-color: #ffcc66;
}

.actpanel{
     width: 98%; 
     margin-top: 10px !important; 
     margin:0 auto 0 auto;
     border-radius: 10px;
    background-color: #a6cba2 !important;
 }
 
 .actpanelGridCompra{
     
     margin-top: 10px !important; 
     margin:0 0 0 0;
     border-radius: 10px;
    background-color: #a6cba2 !important;
 }
 .actpanelgrid{
     text-align: left;
     
     margin-top: 0 !important; 
     margin-bottom: 0 !important; 
     margin: 0 auto 0 auto;
     
 }
 .actpanelgrid td {
     background-color: #a6b688 !important;
 }
 .actlabel{
     font-size: 8pt !important;
     color: black;
 }
  .actcampo{
     font-size: 8pt !important;
     width: 100px;
 }
 .actselectonebuttonx2 > .ui-button{
     font-size: 9pt !important;
     width: 73px;
       
 }
 .actcombo{
     font-size: 8pt !important;  
 }
  .actarea{
     font-size: 8pt !important;  
     width: 300px;
 }
 
 .titleBar{
     text-align: center;
     background-color: #c4f2be;
 }
 .actdatatable{
     font-size: 8pt !important;
     margin-bottom: 15px;
 }
 
 .actdatatableCompra{
     font-size: 8pt !important;
     margin-bottom: 15px;
    table-layout:auto;
    width:100%; 
 }
 .datatablebg1 td{
     background-color: #a6b688 !important;
 }
.datatablebg1 .ui-datatable-data tr.ui-state-hover{
	border-color:orange;
        background-color: #d6e674;
	font-weight:bold;
}
.datatablebg1 .ui-datatable-data tr.ui-state-hover td{
	
        background-color: #d6e674 !important;
}
 .actdatatable-md{
     font-size: 11pt !important;
     margin-bottom: 15px;
 } 
 
 .actdatatable-rowalert-hight{
     color: #f18585 !important;
 }
 .actdatatable-rowalert-medium{
     color: #eea12b !important;
 }
 .actdatatable-rowalert-medium-blue{
     color: #2e5993 !important;
 }
 .actdatatable-rowalert-good{
     color: #009900 !important;
 }
.ui-datatable-even {
    background: #E2DEDE !important;
    color: black;
}
.ui-datatable-odd {
    color: black;
}
.actbutton{
     font-size: 8pt !important;
 }
 .actcalendar{
     font-size: 10pt;
 }
 .actcalendar > .ui-inputfield{
     width: 80px !important;
     font-size: 8pt;
     text-align: center;
 }
    
 .actcalendar > .ui-datepicker-trigger{
     width: 20px !important;
     height: 30px !important;
     top: 50%;
 }
 .actcalendarhora{
     font-size: 10pt;
 }
 .actcalendarhora > .ui-inputfield{
     width: 100px !important;
     font-size: 8pt;
 }
    
 .actcalendarhora > .ui-datepicker-trigger{
     width: 20px !important;
     height: 30px !important;
     top: 50%;
 }
 
 .panelCentrado{
    margin: 0 auto;
    padding: 0 auto;
}
.panelHabilitado .ui-widget-header{
    background-color: #c4f2be;
}
.panelgridverticalaligntop td{
    vertical-align: top;
}
 
.topAligned {
    vertical-align: top;
}

.panelgridverticalalignmiddle td{
    vertical-align: middle;
}

 .datatablebg2 td{
     background-color: #ffffff !important;
 }
.datatablebg2 .ui-datatable-data tr.ui-state-hover{
	border-color:orange;
        background-color: #d6e674;
	font-weight:bold;
}
.datatablebg2 .ui-datatable-data tr.ui-state-hover td{
	
        background-color: #d6e674 !important;
}
.datatablebg2 .ui-state-highlight{
    color: #009900;
    font-weight: bold;
}
.panelgridbasic td{
    padding-left: 10px;
    padding-top: 5px;
}

.seguimientotitulo{
    color: #ffab00;
    font-size: 20pt !important; 
    font-weight: bold;
}
.seguimientosubtitulo1{
    color: #ff8206;
    font-size: 15pt !important; 
    font-weight: bold;
}
.info{
    color: #eea12b;
}
.boton{
    margin-top: 0px !important;
}
.botonCuadradoMedio .ui-button{
            width:30px;
            height:30px;
}

.botonSeleccionado .ui-state-active{
    background-color: #5d9655;
    background-image: none !important;
}
.botonSeleccionado .ui-button{
    margin-top: 0px !important;
}
.botonGrabar{
    width: 90px;
    background-color: #c5f2ae !important;
    background-image: none !important;
}
.botonAccion{
    min-width: 90px;
    background-color: #9999ff  !important;
    background-image: none !important;
}
.botonAnular{
    width: 90px;
    background-color: #f18585 !important;
    background-image: none !important;
}
.botonListo{ 
    width: 90px;
    background-color: #c5f2ae !important;
    background-image: none !important;
}
.botonGenerar{
    width: 90px;
    background-color: #c5f2ae !important;
    background-image: none !important;
}
.botonCancelar{
    width: 90px;
    background-color: #d9d2be !important;
    background-image: none !important;
}
.botonImprimir{
    width: 90px;
    background-color: #74c0fc !important;
    background-image: none !important;
}
.botonVolver{
    width: 90px;
    background-color: #9999ff !important;
    background-image: none !important;
}
.botonAmarillo{
    background-color: #ffffcc !important;
    background-image: none !important;
}
.botonAgregar{
    background-color: #ffffcc !important;
    background-image: none !important;
} 
.botonNuevo{
    background-color: #def8de!important;
    background-image: none !important;
}
.botonRojo{
    width: 90px;
    background-color: #ff9999 !important;
    background-image: none !important;
}

.tablaColLeft{
    text-align: left;
}
.tablaColRight{
    text-align: right;
}
.tablaColCenter{
    text-align: center;
}
.tablaColImporte{
    text-align: right;
    width: 100px;
}
.tablaColFecha{
    text-align: center;
    width: 120px; 
}
.tablaColFechaHora{
    text-align: center;
    width: 150px;
}
.tablaColHora{
    text-align: center;
    width: 120px;
}
.tablaColDocumento{
    text-align: left;
    width: 150px;
}
.tablaColEstado{
    text-align: left;
    width: 150px;
}
.tablaColRazonSocial{
    text-align: left;
    width: 200px;
}
.tablaColNombre{
    text-align: left;
    width: 200px;
}
.tablaColPersona{
    text-align: left;
    width: 400px;
}
.tablaColDocumentoCorto{
    text-align: left;
    width: 100px;
}
.tablaColTipo{
    text-align: left;
    width: 200px;
}
.tablaColCodigo{
    text-align: left;
    width: 100px;
}
.tablaColCantidad{
    text-align: right;
    width: 80px;
}
.tablaColItem{
    width: 50px;
    text-align: right;
    margin-right: 50%;
}
.tablaColAcciones{
    width: 80px;
    text-align: center;
    margin-right: 50%;
}
/*oscar*/
.seleccionarSedepanel{
    width: 400px;
    word-spacing: 2px;
    height: 200px;
    margin: auto;
}
/*oscar*/
.panleGridSedes tr{
  
    height: 40px;
}
.inputNUmberNroDoc input{
    min-width: 90px !important;
    width: 90px !important;
    text-align: center;
}
.inputCantidad{
    min-width: 60px !important;
    width: 60px !important;
    text-align: center;
}
.ui-timepicker a{
    width: 20px;
}

.barraPorgreso{
    vertical-align: middle;
}

.filaAnulado{
    background-color: #ffabab !important;
    background-image: none !important;
    color: #000000 !important;
} 
.presupuestoAnulado{
    background-color: #ffabab !important;
    background-image: none !important;
    color: #000000 !important;
} 
.presupuestoRechazado{
    background-color: #ffbc91 !important;
    background-image: none !important;
    color: #000000 !important;
}
.presupuestoFinalizado{
    background-color: #ccffcc !important;
    background-image: none !important;
    color: #000000 !important;
}
.presupuestoPendiente{
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}
.facturaAnulado{
    background-color: #ffabab !important;
    background-image: none !important;
    color: #000000 !important;
} 
.reciboAnulado{
    background-color: #ffabab !important;
    background-image: none !important;
    color: #000000 !important;
} 
.faltaCotizacion{
    background-color: #ffde9a !important;
    background-image: none !important;
    color: #000000 !important;
}
.faltaAutorizacion{
    background-color: #ccccff !important;
    background-image: none !important;
    color: #000000 !important;
}
.tablaFilaCorrecta{
    background-color: #5d9655 !important;
    background-image: none !important;
    color: #000000 !important;
}

.impresionFactura html body pre {
    font-size: 40pt;
}

.cobroMontoPagoInferior input{
    color: #ff0000 !important;
    
}
.cobroMontoPago input{
    color: #000000 !important;
}

.remisionNuevo{
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}
.remisionEnviado{
    background-color: #f1ed82 !important; 
    background-image: none !important;
    color: #000000 !important;
}
.remisionFinalizado{
    background-color: #ccffcc !important;
    background-image: none !important;
    color: #000000 !important;
}
.remisionAnulado{
    background-color: #ffabab !important;
    background-image: none !important;
    color: #000000 !important;
}
.panelesDetalles{
    background-color: #ccccff;
}
.tablaRowNormal{
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}
.tablaRowAnulado{
    background-color: #ffabab !important;
    background-image: none !important;
    color: #000000 !important;
}
.tablaRowAtencion{
    background-color: #eea12b !important;
    background-image: none !important;
    color: #000000 !important;
}
.sumary tbody tr{
    background: #f5f5f5;
    border: 1px solid #dddddd;
}
.readonly{
    background-color: #fdfda2 !important;
}
.readonly input{
    background-color: #fdfda2 !important;
}
.campoError{
    background-color: #ff9999 !important;
}
.campoError input{
    background-color: #ff9999 !important;
}
.campoConBotonera tr td{
    padding: 0px;
}
.campoConBotonera button{
    height: 100%
}
.panelGridCompacto td{
    margin: 0;
    padding: 0px !important;
}

.datePicker .ui-datepicker-year{
    width: 70px !important;
}

.informeNodePrincipal{
    background-color: #e6f7ed !important;
    background-image: none !important;
    color: #000000 !important;
    font-weight: bold;
} 
.informeNodeHijo{
    background-color: #f8fdf3 !important;
    background-image: none !important;
    color: #000000 !important;
}
.dialogH70{
    height: 70% !important;
}
#form\:tareasDLG_content{
    height: 90% !important;
    overflow-y:auto;
}
.panelGridSinBordes>tbody>tr{
    border: none !important;
}
.panelGridSinBordes>tbody>tr>td{
    border: none !important;
}

.panelCabecera1{
/*    background-color: #6b8ebe;*/
    background-color: #5c90d8;
}
.panelCabecera2{
    background-color: #8cb7c7;
}
.panelFondo1{
    /*background-color: #ebe6c6;*/
    background-color: #eed3a9;
    padding: 10px !important;
}
.homeScroolPanel{
    width:95%;
    height:50%;
    margin-left: auto;
    margin-right: auto;
}
.homeProyecto .ui-widget-content{
    background-color: #d7dbc9;
}

.homeProyectoItem{
    height:320px;
    overflow-y:auto;
}
.homeProyectoData{
    text-align: left;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.homeProyectoData > thead{
    text-align: center;
}
.homeProyectoImg{
    width: 150px;
}
.homeProgressBar .ui-progressbar-label{
    margin-top: 3px;
}
.homeProyectoDS tr td{
    background-color: #e9dfdf;
}
.homeTareaCompletada{
    text-decoration:line-through;
    color: #999999;
}
.dialogTareasHome{
    height: 80% !important;
}
#form\:tareasDLGHome_content{
    height: 80% !important;
    overflow-y:auto;
    background-color: #eed3a9;
}
#form\:tareasDLGHome_content{
    height: 80% !important;
    overflow-y:auto;
    background-color: #eed3a9;
}
.dialogScrollVertical .ui-dialog-content{
    height: 80% !important;
    overflow-y:auto;
}
.fileUploadMultiple{
    width: 60%;
    margin: 0 auto;
    padding: 0 auto;
}
.fileUploadMultiple .ui-fileupload-content{
    height: 200px;
}
.publicarComentarioGrid{
    width: 100%;
    text-align: center;
}
.publicarComentarioGrid>tbody>tr>td{
    width: 90%;
}
.publicarComentarioGrid button{
    height: 60px;
    margin-top: 0px !important;
}
.comentarioHiloMensajes{
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
.comentarioHiloMensajes .ui-panel-content{
    color: black;
}
.grillaImg{
    width: 100%;
}
.grillaImg>tbody>tr>td:first-child{
    width: 25%;
}
.movBancariosCompras{
    background-color: #ffdab5;
}
.movBancariosComprasCab{
    background-color: #ffdab5 !important;
    background-image: none !important;
    
}
.movBancariosVentas{
    background-color: #a9dbff;
}
.movBancariosVentasCab{
    background-color: #a9dbff !important;
    background-image: none !important;
}
.movBancariosTransferencia{
    background-color: #d6fff8;
}
.movBancariosTransferenciaCab{
    background-color: #d6fff8 !important;
    background-image: none !important;
}

#form\:listadoInfEDC .ui-datatable-headerrow{
    background-color: #a9dbff !important;
    background-image: none !important;
    height: 40px;
    font-size: 12pt;
}
#menuForm\:userButton{
    background-color: #c5f2ae !important;
    background-image: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#menuForm\:userPanel > div > table{
    text-align: center;
    width: 100%;
}
.userPanelSection{
    width: 92%;
    border-radius: 5px;
}
.userPanelSection label{
    font-weight: normal;
}
.userPanelSection table td{
    text-align: left;
}
.userPanelSection table td:first-child label{
    font-weight: bold;
}
#menuForm\:userMenu{
    width: 90%;
    padding-left: 5px;
    padding-right: 5px;
}
#menuForm\:userMenu > ul > li{

    width: 100%;
}

#form\:passwdPanel{
    width: 400px !important;
    margin: 0 auto;
    padding: 0 auto;
    border-radius: 10px;
}
#form\:passwdGrid2 tr:nth-child(4){
    text-align: right;
}
#form\:passwdGrid1 tr td:first-child{
    width: 150px;
}
#form\:passwdGrid1 img{
    width: 100px;
    margin-left: 20px;
}
.bottomInfoBar{
    padding: 0px !important;
    font-size: 8pt !important;
    margin-top: 0px !important;
}
.bottomInfoBar label{
    font-weight: normal;
}
.bottomInfoBar table td:first-child label{
    padding-right: 10px;
    font-weight: bold ;
    
}
.documentosRelacionadosItems td {
    padding-top: 0px;
}
.documentosRelacionadosItems label {
    margin-bottom: 0px;
}
.documentosRelacionadosItems a:not(:nth-child(1)){
    margin-left: 10px;
}