/*! 
 *  Document    : General STRSB styles
 *  Copyright (c) 2016 SOFTWARE GRUPO V (http://www.sgv.es) 
 */

.img-btn-sol{
    background:         url(/siraw/javax.faces.resource/document-edit.png.xhtml?ln=imagenes) no-repeat left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-pdf, button.img-btn-pdf span{
    background:         url(/siraw/javax.faces.resource/pdf.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px !important;
}

.img-btn-pdf-r, button.img-btn-pdf-r span{
    background:         url(/siraw/javax.faces.resource/pdf_r.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px !important;
}

.img-btn-xls, button.img-btn-xls span{
    background:         url() no-repeat scroll left center #EEF1F5;
    padding-left:       20px !important;
}

.img-btn-return{
    background:         url(/siraw/javax.faces.resource/back.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-save{
    background:         url(/siraw/javax.faces.resource/filesave.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.imb-btn-cancel{
    background:         url(/siraw/javax.faces.resource/dialog-cancel.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-propose{
    background:         url(/siraw/javax.faces.resource/finish.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-rebuild{
    background:         url(/siraw/javax.faces.resource/rebuild.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-docedit{
    background:         url(/siraw/javax.faces.resource/document-edit.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-savelight{
    background:         url(/siraw/javax.faces.resource/save_lightning.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-doc-firm{
    background:         url(/siraw/javax.faces.resource/doc_firm.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-filter{
    background:         url(/siraw/javax.faces.resource/filter_by_criteria.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-clear{
    background:         url(/siraw/javax.faces.resource/edit-clear.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-lightning{
    background:         url(/siraw/javax.faces.resource/lightning.png.xhtml?ln=imagenes) no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn{
    width:              16px;
    height:             16px;
    border:             1px solid transparent;
    padding:            1px;
    border-radius:      2px;
}

.img-btn:hover{
    box-shadow:         0px 0px 2px #4567a6;
    background-color:   #eef1f5;
    border:             1px solid #4567a6;
}

input.frmValorCampo:focus, select.frmValorCampo:focus{
    border:             1px solid #39f;
    box-shadow:         0 0 2px #39f;
}

input[disabled='disabled']{
    cursor:             default !important;
}

.formCursorSelect{
    background-color: #EFEFEF;
    border-radius:      2px;
}

.formCursorSelect label{
    color:  black;
}

.formFocusSelect{
    background-color:   #DCF1F5 !important;
    border-radius:      2px;
}

.formFocusSelect label{
    color: black !important;
}

div.selectManyCheckbox{
    padding:            10px;
}

div.selectManyCheckbox > label{
    display:            block;
    vertical-align:     middle;
    padding:            2px 0px;
    cursor:             pointer;
    cursor:             hand;
}

div.selectManyCheckbox > label > input {
    vertical-align:     middle;
}

ul.list-style-none{
    list-style: none;
}

.list-style-none li{
    list-style: none;
}

.table-row-selector{
    background-color: #e4e7eb !important;
}

/* Estilos de botones con icono en negro con fondo transparente .............................................. */

.btn-black-pdf:disabled, .btn-black-registro:disabled, .btn-black-cancel:disabled, .btn-black-sign:disabled, .btn-black-handshare:disabled, .btn-black-pcshare:disabled, .btn-black-larrow:disabled, .btn-black-home:disabled{
    opacity:            0.2;
    cursor:             default;
}

.btn-black-pdf, .btn-black-registro, .btn-black-cancel, .btn-black-sign, .btn-black-handshare, .btn-black-pcshare, .btn-black-larrow, .btn-black-home{
    padding-left:       40px;
    height:             40px;
    cursor:             pointer;
    box-shadow:         0px 0px 3px #dddddd;
    border-radius:      2px;
    font-weight:        bold;
    color:              #4567a6;
}

.btn-black-pdf:hover, .btn-black-registro:hover, .btn-black-cancel:hover, .btn-black-sign:hover, .btn-black-handshare:hover, .btn-black-pcshare:hover, .btn-black-larrow:hover, .btn-black-home:hover{
    box-shadow:         0 0 5px #484848;
    background-color:   #fafafa;
}

.btn-black-pdf{
    background:         url(/siraw/javax.faces.resource/pdf_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-registro{
    background:         url(/siraw/javax.faces.resource/books_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-cancel{
    background:         url(/siraw/javax.faces.resource/Cancel_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-sign{
    background:         url(/siraw/javax.faces.resource/signature_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-handshare{
    background:         url(/siraw/javax.faces.resource/Sell_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-pcshare{
    background:         url(/siraw/javax.faces.resource/Workstation_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-larrow{
    background:         url(/siraw/javax.faces.resource/Left-Arrow_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-black-home{
    background:         url(/siraw/javax.faces.resource/Home_32.png.xhtml?ln=imagenes/menu) no-repeat scroll 4px 4px transparent;
}

.btn-filter1:hover {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0px 0px 5px rgba(230, 69, 69, 1);
  transition: all 0.7s ease;
}

.btn-filter1Marcado{
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0px 0px 5px rgba(230, 69, 69, 1);
  transition: all 0.7s ease;
}

/* Estilos para el menú principal .............................................. */

.menu-principal{
    /*padding:            20px;*/
}

.menu-principal .option-column{
    float:              left;
    margin-top:         20px;
/*    border-top:         1px solid #eaeaea;
    border-left:        1px solid #eaeaea;*/
    box-shadow:         -2px -2px 2px #efefef;
    border-top-left-radius: 2px;
}

.menu-principal .option, .menu-principal .optionnbg{
    border-radius:      2px;
    height:             40px;
    width:              46%;
    cursor:             hand;
    cursor:             pointer;    
    margin:             25px 10px 0px 10px;
/*    border-top:         1px solid #eaeaea;
    border-left:        1px solid #eaeaea;*/
    box-shadow:         -2px -2px 2px #efefef;
    border-top-left-radius: 2px;
}

.menu-principal .option:hover{
    color:              #1e3f71;
    font-weight:        bold;    
    text-decoration:    none !important;    
}

.menu-principal .option > div:hover{
    background-color:   #eef1f5;
}

.menu-principal .option > div, .menu-principal .optionnbg > div, .menu-principal .option-column > div{
    padding:            5px;
    border:             1px solid lightgrey;
    height:             100%;
    border-radius:      0px 0px 5px 0px
}


.menu-principal .option-column ul{
    list-style:         none outside none;
    padding:            0;
}

.menu-principal .option-column ul li{
    /*border-bottom:      1px solid grey;*/
    border-top:         1px dashed #bbb;
    list-style:         none outside none;
    cursor:             hand;
    cursor:             pointer;
    
}

.menu-principal .option-column ul li > div.selected{
    cursor:             default;
}

.menu-principal .option-column ul li > form > div{
    padding:            10px 0 10px 30px;
}

.menu-principal .option-column ul li:before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 1px;
  position: relative;
  top: -1px;
}

.menu-principal .option-column ul li.notselected:hover{
    box-shadow:         1px 1px 2px lightgrey;    
    background-color:   #FAFBFB;
}


.menu-principal .option-column ul li.selected{
    background-color:   #FAFBFB;
}

.menu-principal .option-column ul li.selected  > form > div > .listConvocatoria{
    font-weight:        bold;
}

.listConvocatoria{
    color:              #1e3f71;
    font-weight:        bold;
}


.check-selected{
    background:   url(/siraw/javax.faces.resource/check-box.png.xhtml?ln=imagenes) no-repeat transparent;
    width:              16px;
    height:             16px;
    vertical-align:     middle;
    margin-right:       10px;
}

.check-unselected{
    background:         url(/siraw/javax.faces.resource/check-box_un.png.xhtml?ln=imagenes) no-repeat transparent;
    width:              16px;
    height:             16px;
    vertical-align:     middle;
    margin-right:       10px;
}

.check-unselected:hover{
    box-shadow:         0px 0px 2px #39f;
}

.check-selected:hover{
    box-shadow:         0px 0px 2px #39f;
}

/* Estilos para la pagina inicial de selección de colectivo, convocatoria,... */

.colectconv{
    margin-left:    10px;
}

.colectconv .colectivos{
    float:  left; 
    width:  48px;
    margin-top: 5px;
    margin-left: 10px;
}

.colectconv .colectivos > div{
    float:              left; 
    height:             48px;
    width:              48px;
    border:             1px solid black;
    border-radius:      4px 0 0 4px;
    box-shadow:         0 0 2px lightgrey;
    background-color:   lightgrey;
    text-align:         center;
    font-size:          10px;
    font-weight:        bold;
    position:           relative;
    cursor:             hand;
    cursor:             pointer;
}

.colectconv .colectivos div.selected div.flotante {
    background-color: white;
    border-right: 1px solid white;
    height: 48px;
    margin-left: 1px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
}

.colectconv .colectivos > div:hover{
    background-color:   lightblue;
    box-shadow:         0 0 2px lightblue;
    color:              #1e3f71;
}

.colectconv .colectivos > div > img{
    margin-top: 8px; 
}


.colectconv .colectivos > div.selected{
    background-color:   white;
    box-shadow:         0 0 2px grey;
    margin-left:        -5px;
    width:              53px;
}

.colectconv .convocatorias{
    background-color:   white;
    border:             1px solid black;
    float:              left;
    width:              85%;
    margin-left:        1px;
    min-height:         210px;
    padding-left:       20px;
    padding-top:        10px;
    padding-bottom:     10px;
    border-radius:      0px 2px 2px 0px;
    box-shadow:         1px 1px 2px lightgray;
}

.colectconv .convocatorias .convall{
    padding:            10px;
    text-align:         center;
}

.colectconv .convocatorias .convall > div{
    float:              left;
    width:              100px;
    height:             60px;
    padding:            8px;
    margin:             5px;
    border-top:             1px solid lightgray;
    border-bottom:             1px solid lightgray;
    box-shadow:         0px 0px 1px lightgray;
    border-radius:      3px;
    cursor:             hand;
    cursor:             pointer;
}

.colectconv .convocatorias .convall > div:hover{
    background-color:   #EFEFEF;
    box-shadow:         1px 1px 3px #4567a6;
    border-top:             1px solid grey;
    border-bottom:             1px solid grey;
}

.colectconv .convocatorias .convall > span{
    display:            block;
    padding-bottom:     10px;
}

.convSelectionDiv > div{
    margin-left: 15px;
}

/* ..............................*/
.nivel1_800_gest{
    background-color: #FFDEAD !important;
    border-bottom: 1px solid #816231 !important;
    border-top: 1px solid #816231 !important;
    color: #1e3f71 !important;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0;
    padding: 0.5em 0 0.3em 3em;
}

.nivel1_800_gest li.nivel1_800_Inactivo a, .nivel1_800_gest li.nivel1_800_Inactivo a:visited, .nivel1_800_gest li.nivel1_800_Inactivo {
    color: black !important;
}

.nivel1_800_gest li.nivel1_800Activo {
  border-left: 1px solid #816231 !important;
  border-right: 1px solid #816231 !important;
  border-top: 1px solid #816231 !important;
  border-bottom-width: 4px !important;
  color: #1e3f71 !important;
  
}

.nivel1_800_gest .nivel1_800Inactivo input.btn-no-style{
    color: black !important;
}

.nivel1_800_gest_pie{
    border-top: 1px solid #816231 !important;
    border-bottom: 1px solid #816231 !important;
}

/* Estilos para el Explorador de documentos .................................... */
.background-explorer, .background-explorer-found{
    position:           fixed;
    top:                0px;
    left:               0px;
    right:              0px;
    bottom:             0px;
    z-index:            6000;
}

.background-explorer-trans{
    position:           absolute;
    top:                0px;
    left:               0px;
    right:              0px;
    bottom:             0px;
    background:         grey;
    z-index:            6001;
    opacity:            0.6;
    filter:             alpha(opacity=60);
}

.explorer-wraper { /* para que consiga centrarse el div*/
    position:           absolute;
    top:                10%;
    bottom:             15%;
    left:               5%;
    right:              5%;
    z-index:            6002;

}

.explorer-found-wraper{
    position:           absolute;
    top:                15%;
    bottom:             15%;
    left:               15%;
    right:              15%;
    z-index:            6002;
}

#explorer-loader{
    /*border:             3px solid #003153;*/
    height:             100%;
    width:              100%;
    background:         rgba(0,0,0,0.1);
    position:           absolute;
    z-index:            20;
}

#explorer-loader > div.loader{
    background-color:   white;
    border:             1px solid black;
    border-radius:      2px;
    box-shadow:         1px 1px 5px grey;
    width:              240px;
    height:             80px;    
    padding:            10px;
    text-align:         center;
    color:              grey;
    position:           absolute;    
    left:               50%;    
    top:                50%;
    margin-left:        -120px;
    margin-top:         -50px;
}

.explorer, .explorer-found-docs, .explorer-found-preview { /* es el bloque general de la ventanita */
    border:             3px solid #003153;
    border-radius:      3px;
/*    height:             100%;
    width:              100%;*/
    background:         #FFFFFF;
    position:           absolute;
    z-index:            10;
    top:                0px;
    left:               0px;
    right:              0px;
    bottom:             0px;
}

.explorer > .explorer-header, .explorer-found-docs > .header, .explorer-found-preview > .header { /* es la barra superior */
    display:            block;
    border-bottom:      1px solid black;
    padding-top:        5px;
    padding-left:       5px;
    font-weight:        bold; 
    font-size:          110%; 
    height:             20px; 
    background:         #EEEEEE;
    color:              #004276;
    text-align:         left;
    cursor:             pointer;
    cursor:             hand;
}

.explorer > .explorer-header:hover, .explorer-found-docs > .header:hover, .explorer-found-preview > .header:hover {
    background:         #DDDDDD;
}

.explorer > .explorer-header > .close_button, .explorer-found-docs > .header > .close_button {
    background:         url(/siraw/javax.faces.resource/close.png.xhtml?ln=imagenes) no-repeat scroll 0 0 transparent !important;
    border:             none;
    width:              18px;
    height:             16px;
    cursor:             pointer;
    top:                5px;
    right:              5px;
    position:           absolute;
}

.explorer > .explorer-header > .close_button:hover, .explorer-found-docs > .header > .close_button:hover {
    background:         url(/siraw/javax.faces.resource/close_hover.png.xhtml?ln=imagenes) no-repeat scroll 0 0 transparent !important;
}

.explorer-found-preview > .header > .close_button {
    background:         url(/siraw/javax.faces.resource/close.png.xhtml?ln=imagenes) no-repeat scroll 0 0 transparent !important;
    border:             none;
    width:              18px;
    height:             16px;
    cursor:             pointer;
    top:                5px;
    right:              5px;
    position:           absolute;
}

.explorer-found-preview > .header > .close_button:hover{
    background:         url(/siraw/javax.faces.resource/close_hover.png.xhtml?ln=imagenes) no-repeat scroll 0 0 transparent !important;
}

.explorer > .explorer-container, .explorer-found-docs > .container{ /* es el bloque inferior con el contenido */
    display:            block;
    padding:            10px;
    font-weight:        bold; 
    text-align:         center;
    left:               0px;
    right:              0px;
    top:                26px;
    bottom:             38px;
    position:           absolute;
}

.explorer-found-preview > .container{
    display:            block;
    font-weight:        bold; 
    text-align:         center;
    left:               0px;
    right:              0px;
    top:                26px;
    bottom:             0px;
    position:           absolute;
}

.explorer-found-preview > .container > .doc-loading{
    color:              #484848;
    font-size:          14px;
    font-weight:        bold;    
    margin-left:        -230px;
    position:           absolute;
    text-align:         center;
    top:                45%;
    left:               50%;
    width:              460px;
    z-index:            1000;
}

.explorer-found-preview > .container > object{
    z-index:            10000;
    position:           absolute;
    left:               0px;
    top:                0px;
    right:              0px;
    bottom:             0px;
}

.explorer > .explorer-container > .menu{
    background-color:   #ebf2fc;
    border:             1px solid #cddcf9;
    box-shadow:         1px 1px 2px lightgray;
    position:           fixed;
    width:              180px;
}

.explorer > .explorer-container > .menu > div{
    font-size:          11px;
    font-weight:        normal;
    padding:            2px 0px 2px 20px;
    text-align:         left;
    border:             1px solid transparent;
    cursor:             pointer;
    cursor:             hand;
    border-radius:      2px;
}
.explorer > .explorer-container > .menu > div:hover{
    border:             1px solid #E05E00;
    background-color:   #fef9e4 !important;
}

.explorer > .explorer-container > .menu > div.select{
    background:         url(/siraw/javax.faces.resource/check-box.png.xhtml?ln=imagenes) left center no-repeat;
}

.explorer > .explorer-container > .menu > div.preview{
    background:         url(/siraw/javax.faces.resource/search-16.png.xhtml?ln=imagenes) left center no-repeat;
}

.explorer > .explorer-container > .menu > div.download{
    background:         url(/siraw/javax.faces.resource/file-download-16.png.xhtml?ln=imagenes) left center no-repeat;
}


.explorer > .explorer-container > .tree{
    position:           absolute;
    left:               0px;
    top:                0px;
    bottom:             0px;
    width:              40%;
    background-color:   #fefefe;
    /*border-right:       3px solid #003153;*/
    overflow:           auto;
    text-align:         left;
    font-size:          10px;
    font-weight:        normal;
    /*box-shadow:         0px 0px 2px #CCCCCC inset;*/
}


.explorer > .explorer-container > .tree *{
    font-size:          10px;
}

.explorer > .explorer-container > .tree ul{
    padding-left:       0px;
    margin-left:        0px;
    list-style:         none;
}

.explorer > .explorer-container > .tree ul li{
    padding-left:       16px;
    list-style:         none;
    margin:             3px 0px;    
}

.explorer > .explorer-container > .tree ul li > div{
    border:             1px solid transparent;
    cursor:             hand;
    cursor:             pointer;
}

.explorer > .explorer-container > .tree ul li > div:hover{
    border:             1px solid #FFAD37;
    box-shadow:         1px 1px 3px #FFFF80;
    background-color:   lightyellow;
}

.explorer > .explorer-container > .tree ul li > div.selected{
    background-color:   #3399ff;
    border-radius:      3px;
    color:              white;
}

.explorer > .explorer-container > .preview{
    position:           absolute;
    right:              0px;
    top:                0px;
    bottom:             5px;
    width:              60%;
    overflow:           auto;
    box-shadow:         0px 0px 2px #CCCCCC inset;
    z-index:            50;
    background:         url(/siraw/javax.faces.resource/ajax-loader.gif.xhtml?ln=imagenes) no-repeat scroll center center white;
}

.explorer > .explorer-container > .preview:after {
    content:            "Cargando, espere por favor...";
    font-size:          12px;
    left:               250px;
    position:           absolute;
    top:                190px;
}


.explorer > .explorer-container > .content *{
    font-size:          10px;
    font-weight:        normal;
}

.explorer > .explorer-container > .content{
    position:           absolute;
    right:              0px;
    top:                0px;
    bottom:             5px;
    width:              60%;
    overflow:           auto;
    padding-top:        10px;
    /*box-shadow:         1px 1px 2px #CCCCCC inset;*/
    z-index:            40;
    border-left:        1px solid #8bbcd8;
}

.explorer > .explorer-container > .content > .item{
    margin:             2px;
    text-align:         left;
    height:             16px;
    overflow:           hidden;
    border-radius:      2px;
    border:             1px solid transparent;
    padding:            2px 1px;
    position:           relative;
}


.explorer > .explorer-container > .content > .item:hover{
    background-color:   lightyellow;
    border:             1px solid #FFAD37;
    box-shadow:         1px 1px 3px #FFFF80;
    cursor:             hand;
    cursor:             pointer;
    color:              black;
}

.explorer > .explorer-container > .content > .itemselected{
    background-color:   #39f;
    /*border:             1px solid #8bb8db;*/
    /* box-shadow:         1px 1px 3px #cfe7e6; */
    font-weight:        bold;
    color:              white;
}

.explorer > .explorer-container > .content > .item .item-btn{
    background-color:   white;
    border-radius:      2px;
    margin-top:         -1px;
    padding:            1px;
}


.explorer > .explorer-container > .content > .item > .menu{
    background-color:   #ebf2fc;
    border:             1px solid #cddcf9;
    box-shadow:         1px 1px 2px lightgray;
    height:             32px;
    left:               24px;
    position:           absolute;
    top:                14px;
    width:              200px;
}


.explorer > .explorer-footer, .explorer > .explorer-footer-gestor{
    background-color:   #eeeeee;
    /*border-top:         1px solid #6d770e;*/
    position:           absolute;
    bottom:             0px;
    left:               0px;
    font-size:          10px;
    font-weight:        normal;
    height:             32px;    
    padding-top:        10px;    
    width:              100%;
}

.explorer > .explorer-footer input[type="button"]{
    background-color:   #2c5885;
    border-radius:      2px;
    box-shadow:         0px 0px 3px grey;
    color:              white;
    font-weight:        bold;
    cursor:             hand;
    cursor:             pointer;
}


/* Estilos del explorador de documentos encontrados ............................ */
div.explorer-found-docs{
    
}

/* Estilos para las tablas............................................................................. */

table th a{
    text-decoration:    underline !important;
}

table th a.orderby{
    padding-right:      12px;
}

table th a.orderby.asc{
    background:         url(/siraw/javax.faces.resource/arrow_down.gif.xhtml?ln=imagenes) no-repeat right 0px;
}

table th a.orderby.desc{
    background:         url(/siraw/javax.faces.resource/arrow_up.gif.xhtml?ln=imagenes) no-repeat right 0px;
}

/* Estilos para modales */

.modal-cuadro400-scrollable{
    max-height:         400px; 
    overflow-y:         auto; 
    border:             1px solid grey;
    border-radius:      2px; 
    box-shadow:         1px 1px 4px lightgrey;
}


.modal-expestado-scrollable{
    overflow-y:         auto; 
    position:           absolute;
    top:                180px;
    bottom:             15px;
    left:               15px;
    right:              15px;
    border:             1px solid grey;
    border-radius:      2px; 
    box-shadow:         1px 1px 5px lightgrey;
}

.modal-expestado-buttons{
    position:           absolute;
    bottom:             20px;
    left:               0px;
    right:              0px;
}

.modal-expestado-importesben{
    border:             1px solid grey; 
    border-radius:      4px; 
    position:           relative; 
    box-shadow:         1px 1px 5px lightgrey;
}

.modal-expestado-importesben > .arrow{
    position:           absolute;
    top:                -16px; 
    left:               50px;
}

.modal-expestado-subpaneltitle{
    background-color:   grey; 
    border-radius:      0px 3px; 
    color:              white;
    font-size:          10px; 
    padding:            1px 5px;    
    position:           absolute; 
    right:              0px; 
    top:                0px;
}

.modal-expestado-propuesto{
    border-radius:      3px;
    position:           absolute; 
    top:                0px; 
    left:               0px; 
    right:              0px; 
    padding:            2px 10px;
    box-shadow:         1px 1px 3px #EEEEEE inset; 
    border:             1px solid lightgrey;
}


.table-tr-hover:hover{
    background-color: #eef1f5 !important;
}

.table-tr-hover-grey:hover{
    background-color: lightgrey !important;
}

/* Estilos del árbol............................................................ */
ul.tree, ul.tree ul {
  list-style:           none;
  margin:               0;
  padding:              0;
}

ul.tree ul {
  margin-left:          10px; /* indentation */
  position:             relative;
}

ul.tree ul:before {
  content:              "";
  display:              block;
  width:                0;
  position:             absolute;
  top:                  0;
  bottom:               0;
  left:                 6px;
  border-left:          1px solid;
}

ul.tree li {
  margin:               0;
  padding:              0 12px; /* indentation + 2 */
  font-size:            14px;
  line-height:          20px; /* default list item `line-height` */
  color:                #369;
  font-weight:          bold;
  position:             relative;
}

ul.tree ul li:before {
  content:              "";
  display:              block;
  width:                10px; /* same with indentation */
  height:               0;
  border-top:           1px solid;
  position:             absolute;
  top:                  10px;
  left:                 6px;
}

ul.tree ul li:last-child:before {
  background:           white; /* same with body background */
  height:               auto;
  top:                  10px; /* (line-height/2) */
  bottom:               0;
}



.msg-advertencia{
    border:1px solid grey; 
    padding:10px; 
    margin: 0px auto; 
    margin-top: 20px; 
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    width:  80%;
}



.override-datalist .ui-datalist-data{
    border: none !important;
    background: transparent !important;
    background-image: none !important;
}

.override-presentado .ui-button span{
    color: grey;
}

.override-presentado .ui-button:nth-child(1).ui-state-active span{
    color: green !important;
    background-color: #edfce1;
}
.override-presentado .ui-button:nth-child(2).ui-state-active span{
    color: red !important;
    background-color: #fff6f6;
}
.override-presentado .ui-button:nth-child(3).ui-state-active span{
    color: darkviolet !important;
}
.override-presentado .ui-button:nth-child(4).ui-state-active span{
    color: blue !important;
}

.override-presentado .ui-button:nth-child(5).ui-state-active span{
    color: orange !important;
    background-color: linen;
}

.override-enlace{
    color: #1e3f71 !important;     
    text-decoration: underline !important;
}

.override-presentado .ui-state-disabled{
    opacity:    0.65 !important;
}

/* Estilos para modificar comportamiento de componentes de Primefaces */

.override-small > div > span{
    padding: 0.2em 0.5em !important;
}

.override.ui-inputfield, .override.ui-inputtext, .override .ui-inputfield{
    background:         none repeat scroll 0 0 white !important;
    border:             1px solid #4567a6 !important;
    border-radius:      0 !important;
    color:              black !important;
    font-weight:        normal !important;
    height:             12px;
}

.tabview-override{
    border:             none !important;
}

.tabview-override > ul{
    background:         white !important;
    border-radius:      0px !important;
    padding-left:       10px !important;
    border:             none !important;
    border-bottom:      1px solid #888888 !important;
}

.tabview-override > ul li.ui-state-default{
    border-bottom:      1px solid #888888 !important;
}

.tabview-override > ul li.ui-state-default a{
    color:              #888888;
}

.tabview-override > ul li.ui-state-default a:hover{
    color:              #2e6e9e;
}

.tabview-override > ul li.ui-state-active{
    border-bottom:      1px solid white !important;
}

.tabview-override > ul li.ui-state-active a{
    color:              #e17009;
}

.override-tooltip{
    background:         #1e3f71 !important; 
    color:              white !important; 
    box-shadow:         1px 1px 4px grey !important;
}

.tabmenu-override ul li a span{
    color:              grey;
}

.tabmenu-override ul li.ui-state-active a span{
    color:              inherit;
}


.sssSubtable{
    border-collapse:    collapse;
}

.sssSubtable tr{
    border-bottom:      1px solid lightgray;    
}

.sssSubtable tr td{
    padding:            2px;
}


.until-last-coma:after{
    content: ", ";
}

.until-last-coma:nth-last-child:after{
    content: " ";
}

ul.listados-gestor{
    
}

ul.listados-gestor li.link{
    border: 1px solid lightgray;
    border-radius: 2px;
    color: black;
    list-style: none;
    margin-bottom: 10px;
    padding: 5px;
    float:  left;
    margin-left: 10px;
    width: 46%;
}

ul.listados-gestor li.link:hover{
    background-color: #EFEFEF;
}

ul.listados-gestor li a{
    
}

ul.listados-gestor li.bar{
    list-style: none;
    width: 100%;
    clear: both;
}

.listados-plantillas-boton{
    position:           absolute;
    bottom:             -1px;
    right:              0px;
    background-color:   #eeeeee;
    border:             1px solid grey;
    margin-top:         -2px;
    padding:            2px 10px;
    border-radius: 3px 3px 0px 0px;
}

.listados-plantillas-boton:hover{
    background-color: #cccccc;    
    color: black;
}

.listados-gestor-fijos{
    background-color:   #f8f8f8;
    border-bottom:      1px solid grey;
    display:            none;
    margin-top:         -10px;
    padding-bottom:     20px;
    padding-top:        20px;
    position:           absolute;
    top:                0px;
    left:               0px;
    text-align:         left;
    width:              100%;
    z-index:            10000;
    box-shadow:         1px 2px 10px gray;
}

div.ui-button, .ui-splitbutton{
    *display: inline;
}



.filterAppliedMessage{
    position:           absolute; 
    right:              0px; 
    top:                22px; 
    background-color:   #c71313; 
    color:              white; 
    padding:            1px 8px; 
    z-index:            1000; 
    font-size:          10px; 
    font-weight:        bold; 
    border:             1px solid black; 
    border-radius:      2px; 
    box-shadow:         1px 1px 3px white;
}





divdiv.admConvContainer{
    position:           relative;
}

div.admConvContainer div.admConvTab{
    
}

div.admConvTabMenu{
    border-bottom:      1px solid grey;
    padding:            0px 10px;
}

div.admConvTabMenu > span.title{
    color:              black;
    background-color:   lightgray;
    font-size:          1.1em;
    font-weight:        bold;
    margin:             5px 0 10px;
    padding:            0px 15px;
    border:             1px solid grey;
    border-radius:      2px 2px 0px 0px;
}


div.admConvContainer div.admConvTab > div.content{
    display:            none;
    clear:              both;
    padding-top:        10px;
}










.adminConvSubheader a{
    font-size:          10px;
}

.contenedor750{ margin: 0 auto; width: 750px; }

#consola {
	position: relative;
        background-color: black;
        width: 70%;
        color: white;
  	font: 1.2rem Inconsolata, monospace;
        border-style: inset;
}
#contentConsola {
    position: relative;
    padding-bottom: 120px;
    height: auto;
}
#leyendaConsola {
    position: absolute;	
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    height: 120px;
}
#consola li.parent ul>li.child {
    margin: 10px 0px 0px 0;
}
#consola li.child ul>li.thread {
    margin: 5px 0px 5px 0;
}
.parado {
    color: red;
}
.esperando {
    color: yellow;
}
.procesando {
    color: green;
}

.detalle{
    font: 0.8rem Inconsolata, monospace;
}

li.thread span.detalle, li.thread ul > li.detalle {
    font: 0.8rem Inconsolata, monospace;
    color: white;
    font-style: italic;
}

label.elementoLeyenda {
    display: inline-block;
    margin-top: 5px;
}