root { 
    display: block;}

.ui-panel .ui-panel-content {
    padding: 0px;

}

.ui-datagrid-no-border .ui-datagrid-content {
    border: none;
}

.panelColumns td {
    vertical-align: top; 
} 
.contenedorabso{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    top: 55px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4%
}
.estatusajax{
    width:64px;
    height:64px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    left:0;
    right:0; 
    top: 200px
}

/*para el estilo del boton*/
.StiloBoton{

    font-size: 14px !important; 
    font-weight:bold
}

.user{
    background: url(../images/logoWeb.png) no-repeat;
    height:16px;
    width:16px;

}

/*PARA EL TAMAÑO DEL MENU DEL NAVBAR*/
.ui-menu .ui-menu-parent .ui-menu-child {
    width: 250px;
}

.ui-menu.ui-widget a {
    color: black;
    font-size: 13px;
}

/*PARA EL NAVBAR*/
.ui-notificationbar {
    /*position: fixed;*/
    /*width: 100%;*/
    height: 35px;
    /*display: none;*/
    padding: 0px;
}

#navbar{
    position: fixed;
    /*width: 100%;*/
    height: 0px;
    /*display: none;*/
    padding: 0px;

}

#hover:hover{
    border-width: 1px;
    border-color: #81BDEB;
}
#hover{
    font-size: 10px !important
}

body{

    margin-top:0px;
    margin-right:0px;
    margin-left:0px;
    padding: 0px;
     background: #dcdddd url(http://clientes.nisira.com.pe/facturacionPDF/fondo_clientes2.jpg) no-repeat center bottom;
background-size: 100%;

}

/*fondo del panel*/
.rpta.ui-panel, .ui-panel-content{
    font-size: 12px !important;
    /*background-color: rgba(232, 232, 250, 0.3) !important;*/
    border: 0 solid !important; 
}

.ui-widget-content {
    background: white;
}


.tablaaa tr, .tablaaa td {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;

}
.tablita{
    font-size: 12px !important;
    background-color: #9F6000 !important;
    background-repeat: no-repeat !important;
    background: none !important;

}






.menuEdicion{
    background-color: rgb(232,235,241) ; 
    position: relative ; top:0px;
    border: 1px solid #e2e4e7 ;

}
.menuEdicionPanel{
    background-color: white ; 
    position: relative ; top:0px;
    border: 0px solid #e2e4e7 ;

}

.ui-datatable-data{
    background-color: rgb(232,235,241) !important; 

}



.inputbuton-nuevo{
    width: 30px !important;
    height: 30px !important;
}
.inputbuton-editar{
    width: 30px !important;
    height: 30px !important;
}
.inputbuton-eliminar{
    width: 30px !important;
    height: 30px !important;
}

.inputbuton-guardar{
    width: 30px !important;
    height: 30px !important;
}
.inputbuton-cancelar{
    width: 30px !important;
    height: 30px !important;
}

/*.ui-widget, .ui-widget .ui-widget {
    font-size: 86% !important;
}*/

.ui-widget{
    font-size: 86%;
}


/*.ui-widget .ui-widget {
    font-size: 86% !important;
}*/


/*.btnmenu3{
    width: 98%;
    font-size: 12px !important;
    text-align: left
}*/


#Header{
    text-align: right;
    width: 280px;
    height: 170px;
    position: absolute;
    top: 3px;
    right: 5px;
}
#HeaderIndex{

    border-color: red;
    position:absolute;
    top: 1%;
    left: 38%;
}
#support{


    position:absolute;
    top: 1%;
    left: 1%;
}


#visual_reporte{
    font-weight:bold;
    color: blue;

}

.registrada{
    background: white !important;
    padding: 5px;
    font-size: 10px;
}

.sincolor{
    background: window !important;

}
.leida{
    background: #fffc00 !important;
    padding: 5px;
    font-size: 10px;
}

.cerrada{
    background: #41e63c !important;
    padding: 5px;
    font-size: 10px;
}

.asignada{
    background: #96B8FF !important;
    padding: 5px;
    font-size: 10px;
}
.en_proceso{
    background: orange !important;
    padding: 5px;
    font-size: 10px;
}


.botonLink{
    -webkit-border-radius: 6px;
    border-radius: 6px;

}

#textContenido{
    width: 98%;
    border: 1px solid;
    background-color: white;
    padding: 10px;
    border-color: lightgray;
}
#textContenidoDialogo{

    width: 580px;height: 350px;

    overflow:auto;
    border: 1px solid;
    background-color: white;
    padding: 10px;
    border-color: lightgray;
}
#textContenidoDialogo2{

    width: 580px;height: 400px;

    overflow:auto;
    border: 1px solid;
    background-color: white;
    padding: 10px;
    border-color: lightgray;
}

#textContenidoTablaDialogo{

    width: 97%;height: 290px;

    overflow:auto;
    border: 1px solid;
    background-color: white;
    padding: 10px;
    border-color: lightgray;
}

#editor-box { border: 1px solid lightgray; 
              width: 100px;
              height: 400px;
              overflow: auto;

}
#editor-box2 { border: 1px solid lightgray; 
               width: 55px;
               height: 250px;
               overflow: auto;

}
.old{
    background: red !important;
}




.tTest{
    border: 0 Solid !important;
}

.cda{
    width: 100%;font-size: 12px !important;text-align: left;border: 0 Solid;background-color: none !important; 
} 
.linkbtnmenu{
    width: 100%;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: black !important;
    border: 0 Solid;
    font-weight: bold; 
    text-decoration: none;
}
.linkbtnmenu:hover{
    width: 100%;
    font-size: 11px !important;
    text-align: left;
    color:white !important;
    border: 0 Solid;
    background-color: #5ca2db !important;
    text-decoration: none;

}
.linkbtnmenu:visited{
    width: 100%;
    font-size: 12px !important;
    text-align: left;
    border: 0 Solid;
    color: black;
    background-color: #5ca2db !important;
    text-decoration: none;

}
.divmenu{
    width: 100%;
    height: 24px;
    vertical-align: middle;
}
.divmenu:hover {
    background-color: #5ca2db !important;
}
.divmenuTop{
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: gray !important;
    border: 0 Solid;
    font-weight: bold; 
}

.TextGrilla{
    width: 100%;
    /*    width: 140px !important;*/
    height: 20px;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    color: gray !important;
    border: 0 Solid;
    font-weight: bold;
    /*    background-color: #e2e4e7 !important;*/
}

.TextGrillaDetalle{
    width: 100%;
    /*    width: 200px !important;*/
    height: 20px;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: dimgrey !important;
    border: 0 Solid;
    font-weight: bold;
    background-color: whitesmoke !important;
    padding-left: 5px;
}

.TituloGrilla{
    width: 100%;
    /*    width: 200px !important;*/
    height: 20px;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: dimgrey !important;
    border: 0 Solid;
    font-weight: bold;
    background-color: whitesmoke !important;
    padding-left: 5px;
}

.GrillaAct{

    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-size: 12px;
    color: dimgrey !important;
    border: 0 Solid;
    font-weight: bold;
    background-color: whitesmoke !important;
    padding-left: 5px;padding-right: 5px;
    padding: 5px;
}
.GrillaAct2{

    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
    color: dimgrey !important;
    border: 0 Solid;
    /*    font-weight: bold;*/
    background-color: white !important;
    padding-left: 5px;padding-right: 5px;
    padding: 5px;
}
.GrillaActInc{

    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-size: 12px;
    color: dimgrey !important;
    border: 0 Solid;
    font-weight: bold;
    background-color: whitesmoke !important;
    padding-left: 5px;padding-right: 5px;
    padding: 6px;
}
.GrillaActIncD{

    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
    color: dimgrey !important;
    border: 0 Solid;
    font-weight: bold;
    background-color: white !important;
    padding-left: 5px;padding-right: 5px;
    padding: 6px;
}



.info, .exito, .alerta, .error, .alertaSimple, .infoSimple {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    margin: 0px 0px;
    padding:3px 35px 3px 35px;
    background-repeat: no-repeat;
    background-position: 5px center;
    max-width:700px;
    position:relative;
}

.info {
    color: #00529B;
    background-image: url('../img/msginfo.png');
}
.exito {
    color: #4F8A10;
    background-image:url('../img/accept.png');
}
.alerta {
    color: #9F6000;
    background-image: url('../img/alert.png');
}
.error {
    color: #D8000C;
    background-image: url('../img/decline.png');
}
.errorMsje {
    color: #D8000C;
}

.vacio {
    color: #FFFFFF;
}
.alertaSimple{
    color: #9F6000;
    padding:0px !important;
}
.infoSimple{
    color: #00529B;
}

.inputtext20 {
    width: 30px !important;
}

.inputtext40{
    width: 50px !important;
}

.inputtext50{
    width: 60px !important;
}

.inputtext60 {
    width: 80px !important;
}

.inputtext80{
    width: 100px !important;
}

.inputtext100{
    width: 260px !important;
}

.TextInput-Normal{
    font-size: 13px !important;
    font-family: Arial,Helvetica, sans-serif !important;
    font-weight: normal !important;  
}

.dataGridNoticias.ui-datagrid .ui-datagrid-row{
    background: white !important;
}
.dataGridNoticias.ui-datagrid .ui-datagrid-content{
    background: white !important;
}




/*.mystyle.ui-datatable .ui-datatable-header{
background: #003946 !important;
}*/

.mystyle.ui-datatable .ui-datatable-even{
    background: white ;
}

.mystyle.ui-datatable .ui-datatable-odd.ui-state-hover{
     background: #F4E7C1 ;
    /*background: #F4E7C1 ;*/
}

.mystyle.ui-datatable .ui-datatable-even.ui-state-hover{
    background: #F4E7C1 ;
    
}

.mystyle.ui-datatable .ui-datatable-even.ui-state-highlight{
    background: #ACA899 ;
    color:white;
/*    background: #fff9e5 ;*/
}

.mystyle.ui-datatable .ui-datatable-odd.ui-state-highlight{
     background: #ACA899 ;
     color:white;
/*    background: #fff9e5 ;*/
}

.mystyle.ui-datatable .ui-datatable-data-empty td {
    color:red;
    font-weight:bold;
}
.ui-datatable.mystyle th {
    background: EAAB00;
    font-family: verdana;
    font-size: 1em;
}

.mystyle.ui-datatable .ui-expanded-row-content{
    background:white;
}

.acordionPanel.ui-accordion, .ui-accordion-content{
    background:white !important; 
    border: 0 solid !important;   
}

.acordPrincipal.ui-accordion, .ui-accordion-content{

    border: 0 solid !important;
    padding: 0px !important;
}

.acordionPanel.ui-accordion, h3.ui-accordion-header{

    border: 1px solid rgb(232,235,241) !important;
    color: gray !important;
}

/*
.acordionPanel.ui-accordion,.ui-accordion-header{
    background:rgb(232,235,241) !important;
    border: 1px solid rgb(232,235,241) !important;
    color: #41e63c !important;
    
}*/

.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1;}
.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em 2.2em;}
.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}
.ui-accordion .ui-accordion-content{
    padding:1em 2.2em;
    border-top:0;
    margin-top:-2px;
    position:relative;
    top:1px;
    margin-bottom:2px;
    overflow:auto;
    zoom:0 !important;}





.PanelActividad{
    min-width: 355px;
    min-height: 250px;
    width: 100%;
    height: 100%;
    background-color:white;
    /*    background-color: rgb(242,245,247);*/
    border-radius: 0.5em; 
    border:1px solid gainsboro;
}


/*.respuestasAsociadas.ui-datatable, .respuestasAsociadas.ui-datatable-even,.respuestasAsociadas.ui-datatable-odd{*/

.respuestasAsociadas.ui-datatable {
    background: white !important;
    border: 0 solid white !important;
}

.tablaListaEstados tr td{
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-size: 11px;
    color: dimgrey !important;
    border: 0 Solid;
    font-weight: bold;
    padding: 5px;
}

#LEregistrada{background-color:white !important; padding: 5px !important;border:1px solid gray; width: 30px}
#LEleida{background-color:#fffc00 !important; padding: 5px;border:1px solid gray; width: 30px}
#LEasignada{background-color:#96B8FF !important; padding: 5px;border:1px solid gray; width: 30px}
#LEenProceso{background-color:orange !important; padding: 5px;border:1px solid gray; width: 30px}
#LEcerrada{background-color:#41e63c !important; padding: 5px;border:1px solid gray; width: 30px}


.CColInicio
{
    font-weight: bold;
    font-size: 10px;
    cursor: auto;

    text-align: left;
    background:rgb(232,235,241);
    /*    border: 1px solid #FAFBFC;*/
}
.CColFinal
{
    font-weight: bold;
    font-size: 10px;

    text-align: right;
    background:#FAFBFC;
    cursor: auto;
    /*    border: 1px solid #FAFBFC;*/
}
.CColVacac
{
    font-size: 10px;
    text-align: left;
    color: blue;
    /*    background:#FAFBFC;*/
    cursor: auto;
    /*    border: 1px solid #FAFBFC;*/
}


.CColAmarillo
{
    font-size: 10px;
    cursor: pointer;
    text-align: left;
    background:lightyellow;
}
.CColVerde
{
    font-size: 10px;
    cursor: pointer;
    text-align: left;
    background:palegreen;
}
.CColRojo
{
    font-size: 10px;
    cursor: pointer;
    text-align: left;
    background:lightsalmon;
}




.CTopTablaFes, .CTopSobre
{

    background:rgb(232,235,241);
    cursor: auto;
    font-size: 12px !important;
    color: steelblue;
    font-family: arial;
    font-weight: bold;
    text-align: left;
}

.primeraFila
{

    background:rgb(232,235,241);
    cursor: auto;

    font-family: arial;
}

.demasFila
{
    font-size: 11px !important;
    color: #5ca2db;

}



.CTopTabla
{
    text-align: center;
    background:lightgray;
    cursor: auto;
}



.CTopTabla:hover
{
    text-align: center;
    background:lightgray;
    cursor: auto;
}

.CNormal, .CAlter,  .CSobre
{
    text-align: left;
    font-size: 10px;
}

.CNormal
{
    background:#FAFBFC;
    border:1px solid red !important;

    /*    border-bottom:1px solid #FFF*/
}

.CAlter
{
    background:FFF;

}

.CSobre
{
    background: rgb(232,235,241);
    cursor: pointer;
}



/*  mensa growl*/
.ui-growl {  
    position:fixed;
    top: 0%;
    left: 40%;
    z-index:9999;
}

.ui-growl-item-container {
    position:relative;
    margin:0 0 10px 0;
    opacity:1;
    filter:alpha(opacity=100);
}

/*ICON*/
.icn_administrador {
    margin-left: 0px !important;
    top:15px !important;
    left: 1px !important;
    width: 75px !important;   
    height: 75px !important;   
    background-image: url('../img/administrador.png') !important;
}

.icn_banco {
    margin-left: 0px !important;
    top:15px !important;
    left: 1px !important;
    width: 75px !important;   
    height: 75px !important;   
    background-image: url('../img/banco.gif') !important;
}

.icn_home {
    margin-left: 0px !important;
    top:15px !important;
    left: 1px !important;
    width: 75px !important;   
    height: 75px !important;   
    background-image: url('../img/home.png') !important;
}

.icn_form {
    margin-left: 0px !important;
    top:15px !important;
    left: 1px !important;
    width: 75px !important;   
    height: 75px !important;   
    background-image: url('../img/form.jpg') !important;
}

.icn_calendar {
    margin-left: 0px !important;
    top:15px !important;
    left: 1px !important;
    width: 75px !important;   
    height: 75px !important;   
    background-image: url('../img/calendar.png') !important;
}

.icn_time {
    margin-left: 0px !important;
    top:15px !important;
    left: 1px !important;
    width: 75px !important;   
    height: 75px !important;   
    background-image: url('../img/time.png') !important;
}

.linkbtnmenuReportes{
    width: 100%;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: black !important;
    border: 0 Solid;
    font-weight: bold; 
    text-decoration: none;
}
.linkbtnmenuReportes:hover{
    width: 100%;
    font-size: 11px !important;
    text-align: left;
    color:#ACA899 !important;
    border: 0 Solid;
   
    text-decoration: none;

}
.linkbtnmenuReportes:visited{
    width: 100%;
    font-size: 12px !important;
    text-align: left;
    border: 0 Solid;
    color: black;
    background-color: #5ca2db !important;
    text-decoration: none;

}
.linkbtnmenuReportes:active{
    width: 100%;
    font-size: 12px !important;
    text-align: left;
    border: 0 Solid;
    color: black;
   
    text-decoration: none;

}

/*.ui-growl-image {
        width:49px;
        height:49px;
        float:left;
    margin:0;
    padding:0;
    display: block; 
    background: url('logoWeb21.png') no-repeat;
    background: url("#{resource['primefaces:messages/messages.png']}") no-repeat;
}*/