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

.img-btn-sol{
    background:         url("../imagenes/document-edit.png") no-repeat left center #EEF1F5;
    padding-left:       20px;
}

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

.img-btn-pdf-r, button.img-btn-pdf-r span{
    background:         url("../imagenes/pdf_r.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px !important;
}

.img-btn-xls, button.img-btn-xls span{
    background:         url("../imagenes/scroller/application-vnd.ms-excel.gif") no-repeat scroll left center #EEF1F5;
    padding-left:       20px !important;
}

.img-btn-return{
    background:         url("../imagenes/back.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-save{
    background:         url("../imagenes/filesave.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.imb-btn-cancel{
    background:         url("../imagenes/dialog-cancel.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-propose{
    background:         url("../imagenes/finish.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-rebuild{
    background:         url("../imagenes/rebuild.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-docedit{
    background:         url("../imagenes/document-edit.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-savelight{
    background:         url("../imagenes/save_lightning.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-doc-firm{
    background:         url("../imagenes/doc_firm.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-filter{
    background:         url("../imagenes/filter_by_criteria.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-clear{
    background:         url("../imagenes/edit-clear.png") no-repeat scroll left center #EEF1F5;
    padding-left:       20px;
}

.img-btn-lightning{
    background:         url("../imagenes/lightning.png") 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("../imagenes/menu/pdf_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-registro{
    background:         url("../imagenes/menu/books_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-cancel{
    background:         url("../imagenes/menu/Cancel_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-sign{
    background:         url("../imagenes/menu/signature_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-handshare{
    background:         url("../imagenes/menu/Sell_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-pcshare{
    background:         url("../imagenes/menu/Workstation_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-larrow{
    background:         url("../imagenes/menu/Left-Arrow_32.png") no-repeat scroll 4px 4px transparent;
}

.btn-black-home{
    background:         url("../imagenes/menu/Home_32.png") 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("../imagenes/check-box.png") no-repeat transparent;
    width:              16px;
    height:             16px;
    vertical-align:     middle;
    margin-right:       10px;
}

.check-unselected{
    background:         url("../imagenes/check-box_un.png") 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("../resources/imagenes/close.png") 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("../resources/imagenes/close_hover.png") no-repeat scroll 0 0 transparent !important;
}

.explorer-found-preview > .header > .close_button {
    background:         url("../resources/imagenes/close.png") 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("../resources/imagenes/close_hover.png") 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("../imagenes/check-box.png") left center no-repeat;
}

.explorer > .explorer-container > .menu > div.preview{
    background:         url("../imagenes/search-16.png") left center no-repeat;
}

.explorer > .explorer-container > .menu > div.download{
    background:         url("../imagenes/file-download-16.png") 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("../imagenes/ajax-loader.gif") 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("../imagenes/arrow_down.gif") no-repeat right 0px;
}

table th a.orderby.desc{
    background:         url("../imagenes/arrow_up.gif") 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;
}

/*SPEECH BUBBLES..........................................................*/

.quote {
    position:relative;
    width: 40%;
    padding:15px 25px 20px;    
    font: 26px/1.4 Georgia, serif;
    color:#000000;
    border-radius: 25px;
    
}

.quote:after{
    content:"";
    position:absolute;
    top:100%;
    /*right:25px;*/
    border-width:30px 30px 0 0;
    border-style:solid;
    /* css3 extras */
    -webkit-transform:skewX(-15deg);
       -moz-transform:skewX(-15deg);
        -ms-transform:skewX(-15deg);
         -o-transform:skewX(-15deg);
           /* transform:skewX(-15deg);*/
}

.quote-ticketero {    
    background:#99ccff;
    float: left;
}

.quote-ticketero:after {    
    border-color:#99ccff transparent;
    transform:skewX(-15deg);
}

.quote-gestor {    
    background:#ffcc99;
    float: right;
}

.quote-gestor:after {
    right: 10px;
    border-color:#ffcc99 transparent;
    transform:skewX(+50deg);

}

.credit {
    margin:1em 0 0;
    font:0.8 sans-serif;
}

.credit:before {
    content:"—";
}

.ticket-gestor {
    background:#ccffcc;
}

.ticket-noAsig {
    background:#ffd6cc;
}

.ticket-noGestor {
    background:#cceeff;
}

.tckCat-has{
   font-weight: bold; 
}

.tckCat-hasnt{
   font-weight: normal; 
}

.tckEst-open{
    color: #ff0000 !important;
}

.tckEst-asig{
    color: #0040ff !important;
}

.tckEst-wait{
    color: #cc00cc !important;
}

.tckEst-closed{
    color: #009933 !important;
}

.tckEst-reOp{
    color: #ff9933 !important;
}

.appStatus-enabled{
}

.appStatus-disabled{
    opacity:        0.5;
    filter:         alpha(opacity=50);
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}


/* overrided styles */
.autoComplete{
    position: relative;
}
.autoComplete > ul {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #4567a6 !important;    
    background-color: #FFFFFF !important;
    width: 100% !important;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif !important;
    font-size: 1em !important;
    margin-left: 2px !important;
    height: 50px !important;    
}
/*.autoComplete > ul:disabled{
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #4567a6 !important;    
    background-color: #F0F0F0 !important;
    width: 95% !important;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif !important;
    font-size: 1em !important;
    margin-left: 2px !important;
    height: 20px !important;
}*/

.autoComplete > ul >li .ui-autocomplete-item .ui-autocomplete-list-item .ui-corner-all{
    border: #000000 !important;
    background: #FFFFFF !important;
    color: #000000 !important;
    
    
}

.autoComplete > ul > li .ui-state-active, .ui-widget-content .ui-state-active{
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #4567a6 !important;
    background-color: #FFFFFF !important;
    margin: 0 !important;
}

.autoComplete > ul > li .ui-state-highlight, .ui-widget-content .ui-state-highlight{
    border: #000000 !important;
    background: #3399ff !important;
    color:#FFFFFF !important;
}

.autoComplete > ul > li > input {
    margin: 0 !important;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif !important;
    font-size: 1em !important;
}

.autoComplete > ul > li > span {
    
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif !important;
    font-size: 1em !important;
    color: #000000 !important;
}

.upload {
    position: relative !important;
}

.upload > div > span > input {
    /*position: absolute !important;*/
    /*height: 300% !important;*/
    font-size: 32px !important;
}


.ticket-select{
    background-color: #00B2A9;
    color: white !important;
}

.pSelectOneAutocomp {
    width: 90% !important;
}

.pregFrecTexto {
    border-color: #3399ff;
}

.dialog1200px{
    left: -600px !important;
    width: 1200px !important;
}

.dialogMaxPv{
    /*left: -495px !important;*/
    /*width: 980px !important;*/
    display: block !important;
    height: 100vh !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
}

.ancho35 { width: 35%; }
.ancho30 { width: 30%; }

.deshabilitado {
    opacity: 0.5;
}

.ui-picklist.contrato .ui-picklist-list{
    width: 460px;
}

.inputTooltip{
	--content: 'Descargar archivo';
}