﻿#logo{height: auto;}
#wrapper #logo{ clear: both; float: none;  }
#wrapper h1{clear: left;font-size: 44px;}

#lnkDetViaje{position:absolute; right:20px}
#frmViaje{min-width: 700px; width:840px;}
#frmViaje .botoneraMnto{float:none; width:auto}
#frmViaje .bloqueMnto{float: left;}
#frmViaje h2 {margin-right:20px; }
#frmViaje h2 span{margin-right:20px; }
#viajeCabCont1 h2 {position:relative}
#viajeCabCont2 #btnAccionConfirm {    position: absolute;    top: 8px; right:5px;}
#viajeCabCont2 {    height: 410px;}
#viajeCabCont1,#viajeCabCont3,#viajeCabCont5{width: 380px; }
#viajeCabCont2,#viajeCabCont4{width: 415px;}
#viajeCabCont3,#viajeCabCont4{margin-top:10px}
#viajeCabCont5{margin-top:20px}
#viajeCabCont5{width: 780px;}
#frmViaje select{ width:198px}
#frmViaje .fecha{ width:80px;}
#frmViaje .frmMnto{display:inline-block}
#viajes-tabs .frmMnto{overflow:auto}
.frmMnto ul li {    clear: left;}
#viajes-tabs .frmMnto{float:none}

.observaciones{width:195px;}
.txt{width:195px;}
.tablaListado .filaDias th {text-align:right; text-transform:none; font-weight:normal}
#frmViaje .bloqueMnto span{width: 135px;}
#frmViaje .bloqueMnto label{display:inline-table;}
#viajes-tabs .bloqueMnto span{width: 145px;}
#viajeTipoLiqCont{margin-bottom:30px}
#viajeZona{margin-bottom:30px}

#viajes-tabs{ width:840px }
#viajes-tabs ul{ border-bottom:none !important}
/*#viajes-tabs-1,#viajes-tabs-2,#viajes-tabs-3{height:150px; }*/
.ui-tabs .ui-tabs-panel {padding:10 !important}
#viajes-tabs-1-dietas{ width:700px}
#lblextranjero{float:none}
#viajes-tabs-1-cont1 .bloqueMnto span {width: 200px;}
#viajes-tabs-1-dietas .botoneraMnto{float:none; width:auto}
#lblextranjero{ color: #777777; padding-left:10px; margin: 10px 0px 10px 0px; float:none}
#viajes-tabs-1-gastos{ width:700px}
#gastos-tabla .tdinput{width:110px}
#gastos-tabla .tdinputlong{width:150px}
#viajes-tabs-1 .bloqueMnto{float:left}
#viajes-tabs-2-pluses{ width:410px}
#viajes-tabs-2-anticipos{ width:360px; margin-left:15px;}
#viajes-tabs-2 .bloqueMnto{float:left}
#viajes-tabs-2-anticipos .botoneraMnto{float:none; width:auto}
#viajes-tabs-1-cont2{margin-top:10px}
#viajes-tabs-2-pluses span {
    width: 180px !important;
    height:25px;
}
#anticipObs {
    width: 100%
}


#OSFviajeQry {
    display: none
}
#OSFviajeQry p{color: #888;    padding: 5px 0 0;}
#cfOSF-qry-viaje{top:70px}
#frmViaje .bloqueMnto #filtroOSFLista-viaje span {    width: 280px;}

.mnto-tabla th{color: #4B75A9;    font-weight: normal;}
.mnto-tabla td{padding:0}
.mnto-tabla .tdIcos{width:60px}
.mntoNum{width:50px;text-align:right;}
.mntoNumLong {
    width: 80px;
    text-align: right;
}
.mntoDate{width:80px}
.mntoMotivo{width:85%}
.mnto-tabla select{width:110px}
.mnto-tabla tbody tr:nth-child(2n) {
    background-color: #F5F5F5;
}
.mnto-fila{background:-webkit-linear-gradient(top, #FFFFFF 0%, #cdcdcd 100%) ;background: -moz-linear-gradient(top, #FFFFFF 0%, #cdcdcd  100%);background: -ms-linear-gradient(top, #FFFFFF 0%, #cdcdcd  100%) ;}
.tfoot th{ font-weight: bold !important; text-align:right; }
.viajeFecha1,.viajeFecha2{ color:#4B75A9}
.viajeFecha2{margin-left:30px}
.tablaListado tbody th { height:auto;}
.titNombre{ text-transform: capitalize}
.filaFechas span{margin-right:5px;}
.filaFechas input{margin-right:7px;}
#viajes-tabs-5-resumen{  width: 95%;}
.h2resumen{margin-top:10px}
#viajes-tabs-5 .bloqueMnto{ margin-top:10px}
#viajes-tabs-5 .bloqueResumen{ box-shadow:none; border:none}
#viajes-tabs-5-resumen .bloqueResumen span{width: 350px;}
#viajes-tabs-5-resumen .bloqueResumen .spanresumen{text-align:right;width: 100px;}
#viajes-tabs-5-resumen .bloqueResumen .spantotal{ width: 570px;}
.printvisible {display:none
}

.bloqueResumen {
    margin: 0 15px 15px 0;
    overflow: auto;
    padding: 10px;
    position: relative;
    border: 1px solid #DCDCDC;
    box-shadow: 5px 5px 5px #999999;
}
.bloqueTotal {
    margin: 0 15px 15px 0;
    overflow: auto;
    padding: 10px;
    position: relative;
}
.ulresumen
{
    margin-bottom:10px;
}

#viajes-tabs-4{position:relative;min-height: 600px;}
#listasHorasViajeCont {   position: absolute;
    top: 0px;
    left: 310px;
    width: 465px;}
/*#horasViajeT_mnto{border: 1px solid #dcdcdc;    padding: 10px;}
#horasViajeT_mnto th{border-bottom:none}
#horasViajeT_mnto td{ text-align:center}*/

#listasHorasViaje div, #listasHorasViajeCont div{  margin: 12px 5px 0 0;text-align: center;    }
.thTotal{text-align:right}
#listasHorasViaje table{  border-collapse: collapse;     float: left;    margin-bottom: 20px;    padding: 5px;    width: 100%;    }
#listasHorasViaje table tfoot td{padding:5px}
#listasHorasViaje table tbody td{padding:5px; text-align:center; border:1px solid #DCDCDC}
#listasHorasViaje table thead th{padding:5px;border:1px solid #DCDCDC}
#listasHorasViaje table thead .titulo1{border:none}
#listasHorasViaje .tdTipo{ width: 180px;}
#listasHorasViaje .tdIcos,#gastos-tabla .tdIcos{padding:2px 0px; width: 60px; text-align:center}
#listasHorasViaje .tdIcos img, #gastos-tabla .tdIcos img{margin-right:0}
#listasHorasViaje .tdIcos a, #gastos-tabla .tdIcos a{float:none}
.ui-dialog-content #listasHorasViaje {    left: auto;    position: relative;   top: auto;}
#listasHorasViaje tfoot th{border-bottom:none}
#listasHorasViaje tfoot .indic{display:none}
#frmViaje input[type="number"]{width:37px;}

#tJustificarIncis .colFecha {
    width: 120px;
    max-width: 120px;
}
#tJustificarIncis .colFecha .boton{    margin-top: 5px;}
.liFichajes {width: 180px;}

#viajeCabCont4 .filaHoras {margin-top:8px;}
.filaHoras span{margin-right:5px;}
.indic {
    color: #888;
    font-size: 12px;
    font-style: italic;
    margin-top: 0 !important;
}

.quiz-item{overflow:initial;}
.quiz-item .listaIcosGDOC{display:none}

.datos0635 .fichaTrab{box-shadow:none; border-color:#888}
.datos0635 .tabla-datosTrab{border: 1px solid #888; margin-bottom:20px}
.datos0635 .tabla-datosTrab thead th{background-color:#dcdcdc; text-transform:uppercase}
.datos0635 .tabla-datosTrab tbody th{background-color:#eeeeee}

.lnkFichaTrab{float:left;*text-align: left;*width: 30px;}
.lnkFichaTrab a{display:inline; padding:0px;}
.lnkFichaTrab img{margin-right: 5px;margin-top: -5px;cursor:pointer;}

.datos0635 #fichaTrab{width:420px; height: 380px;}
.datos0635 #fichaTrab ul li{width: 400px;}
.datos0635 #fichaTrab span{width:130px; }
.datos0635 #frmTrabDatos{padding: 0 80px}
.datos0635 #fichaTrabFoto {    left: 560px;}
#tResumenHorasViaje{width: 200px;    border-collapse: collapse; margin-top:20px}
#tResumenHorasViaje th,#tResumenHorasViaje td{    border: 1px solid #DCDCDC;padding:5px}

#filtroAnioCont{clear:none}

#mjeHorasDelDia{    height: 35px;    width: 100%;    text-align: center; clear:both; margin-bottom:10px}
	#horasViajecont2 {position:relative;}

/*Forzamos a que se muestre el botón de impresión de los Viajes*/
#lnkDoc {
	display:inline;
}

/*Forzamos que en la lista de documentos de la home , vayan un documento por línea*/
ul.DOCGrupoLista li {
	width:80%;
}

/*Logotipo Danobat en Menu Usuario */

div#leyendaFichajeWeb { 
    padding: 0px 0px 10px 04px; 
    font-weight:bold;
} 

/* Estilos para hace Responsive Logo Danobat */

#usuContLogo {
    background-color: #000 !important;
    border-bottom: 3px #000 solid !important; 
    width:390px!important;
}

#usuImgContLogo {
    margin-top: 5.5px;
}


@media only screen and (max-width: 1450px) { 

  #usuContLogo{
      width:60px!important;
   }

    #usuImgContLogo > img {
      display:none;
   }
  
    #usuImgContLogo::before {
        content: url("../imgCustom/logo2.png");
    }

    #usuImgContLogo {
         margin-top: 5.5px;
    }

}



#viajes-tabs {
    width: unset;
    clear:both;
}

#viajes-tabs-1-dietas {
    width: 400px;
    margin-right: 10px;
}

#viajes-tabs-1-gastos {
    width: unset;
}

.tdvgtipomotivo, .tdvgtipopago {
    width: 210px;
}
    .tdvgtipomotivo select, .tdvgtipopago select {
        width: 175px;
    }

.tdvgmotivo {
    min-width: 220px;
}

#vgMotivo {
    min-width: 350px;
}

#vgImporte, #vgDivisa {
    width: 110px;
}

#viajes-tabs-1-cont2 {
    margin-top: unset;
}

.colNumRight {
    text-align: right;
    padding-right: 10px !important;
}

.mntoDate {
    width: 95px;
}
#viajes-tabs-1 .bloqueMnto {
    float: unset;
}
#gastos-tabla .tdIcos1 {
    padding: 2px 0px;
    width: 30px;
    text-align: center;
}


#mnto-ztravel th {
    color: #4B75A9;
    font-weight: normal;
}

#mnto-ztravel tr {
    height: 25px;
}

#mnto-ztravel tr {
    height: 25px;
}

#frmGST_modal {
}
#divGST_modal {
    width:350px;
}
.ligst_modal {
    width: 500px;
    padding: 4px 0px;
}
 .ligst_modal span {
        width: 150px;
        margin-right: 15px;
        display: inline;
        float: left;

    }
#ligst_vgImporte, #ligst_vgDivisa {
    width: 110px;
    height: 20px;
}
#ligst_tipoMotivo {
    width: 175px;
    height: 25px;
}
#ligst_vgMotivo {
    min-width: 250px;
    height: 29px;
}

#titDivGST {
    height: 28px;
    margin-bottom: 20px;
}
    #titDivGST h2 {
        height: 28px;
        line-height: 2.0;
    }

    #titDivGST h2 a{display:inline; cursor:pointer;}
#btnModoCatGST span {
    width: 200px;
    !important
}

    #divBtnModoCatGST {
        float: right
    }

#btnModoCatGST {
    display: inline-table
}
#btnModoCatGST li img {
    cursor: pointer;

}
#btnModoCatGST li {
    display: inline-block;
    padding: 0px 0px;
    vertical-align: top;
}

#gstMosaico1, #gstMosaico2, #gstMosaico3, #gstMosaico4, #gstMosaico5 {
    cursor: pointer;
    width: 30px;
    margin-left: 15px;
    display: inline;
    margin-right: 15px;
}


.list #divGST_lista {
    width: 100%;
    border: none;
    background-color: transparent;
    
}

.list #divGST_lista li {
    padding-top: 0
}

.list #divGST_lista .item-content, .list #divGST_lista .crop {
    padding-top: 15px;
    background-color: transparent;
        border: 1px solid blue;
}

.list #divGST_lista li:nth-child(2n) {
    background: none
}

.lieditgst{height: 30px; float:right}


.card-gst {
    /*
    position: absolute;
    width: 100%;
    min-height: 85px;
        */
    /*background: #bebebe;*/
    top: 0;
    left: 0;
    z-index: 0;
}
.card-gst > ul > li > span {
    clear: both;
    float: none;
    margin-left: 5px;
    white-space-collapse: break-spaces;
        
}

.card-gst ul {
    overflow-x: hidden;
}
.cropticket img, .cropticket div {
    /*border-radius: 100%;*/
    /*width: 95%;*/
    
    
}

.cropticket img {
    width: -webkit-fill-available;
    /*border: 1px solid black;*/
}
    .cropticket div {
        padding-top: 1px;
        clear: both;
    }

#btnModoCatGSTCols span{width:10px !important;}


#divGST_lista:after {
    width: 100%;
    display: inline-block;
}
.item-content_GST {
    display: inline-block;
    background-color: transparent;
    float: left;
    margin: 0px 2px 10px 2px;
    border: 1px solid #cdcdcd;
    text-wrap: initial;
    clear: inline-end !important;
}
.ligsttexto{
    padding-left:5px;
}

.col1 {
    /*height: 350px;*/
}

.col2 {
    /*height: 300px;*/
}
/*
.col3 {
    height: 250px;
}

.col4 {
    height: 200px;
}
.col5 {
    height: 100px;
}
*/

/*
.cols1 {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
}

.cols2 {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    
}

.cols3 {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.cols4 {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

.cols5 {
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;
    column-gap: 20px;
}

    */
.item {
    padding: 2px;
    clear: inline-end !important;
}
.licol1 {
    width: 99%;
}
.licol2 {
    width: 48%;
}
.licol3 {
    width: 32%;
}
.licol4 {
    width: 24%;
}
.licol5 {
    width: 18%;
}

.spanformatohonetan{width:200px !important;}

#verGaleria {
    color: #ffffff;
}

#visa-tabla .tdIcos {
    width: 100px;
    text-align: center;
}

    #visa-tabla .tdIcos a {
        float: none;
    }
#visa-tabla .colVV040 {
    width: 140px;
    max-width: 140px;
    text-align: center;
}
#visa-tabla .colVV050 {
    width: 250px;
}
#visa-tabla .colVV060 {
    width: 175px;
}
#visa-tabla .colVV060right {
    width: 140px;
    text-align: right;
    padding-right: 20px;
}

.mntoVV060 {
    width: 90px;
    text-align: right;
}

.mntoVV050 {
    width: 85%
}
.mntoVV040 {
    width: 70%
}



#lblzonas, #lbldestino, #lbldireccion, #lbldescTrab {
    width:200px;
}