.dataGrid{
    overflow-y:scroll;
    /*border:1px solid grey;*/
}
.dataGrid table{
    width:100%;
    border-collapse:collapse;
    margin:0px;
}
.dataGrid tr{
    min-height:29px;
}
.dataGrid td{
    padding:7px 10px;
    /*border-right:1px solid #e2e2e2;*/
    border-right:1px dotted #926b2f;
}
.dataGrid td.action{
    width: 70px;/*width:62px;*/
    padding:0px;
    text-align: center;
}
.dataGridHeader{
    /*border-bottom:1px solid grey;*/
}
.dataGridHeader td{
    /*font-weight:bold;*/
    background:#1986C9;
    color:#FFFFFF;
}
.dataGridContent .trip,
.dataGridContent .reservation{
    display:block;
    padding-bottom:5px;
    padding-left:5px;
    padding-top:5px;
    padding-right:50px;
    /*border-bottom:1px groove #e2e2e2;*/
    margin-right: 5px;
}
.dataGridContent .trip .quantity,
.dataGridContent .reservation .quantity{
    font-size: 32px;
    color: #2e6e9e;
    line-height: 32px;
    vertical-align: top;
    width: 40px;
}
.dataGridContent .trip .quantity,
.dataGridContent .trip .contactInfo,
.dataGridContent .trip .contactAddresses,
.dataGridContent .trip .action,
.dataGridContent .reservation .quantity,
.dataGridContent .reservation .contactInfo,
.dataGridContent .reservation .contactAddresses,
.dataGridContent .reservation .action{
    display:inline-block;
    padding:5px;
}

.dataGridContent .reservation .action{
    float:right;
    margin-right:-50px;
}

.dataGridContent .trip .action{
    float:right;
    margin-right:-100px;
}

.dataGridContent .reservation,
.dataGridContent tr{
    cursor:pointer;
    border-bottom:1px dotted #926b2f;
}
.dataGridContent tr.evenRow{
    background-color:#FFFFFF;/*#F7F7F7;*//*#E8F3FA;*/
}
.dataGridContent tr.oddRow{
    background-color:#FFFFFF;
}
.dataGridContent .reservation:hover,
.dataGridContent tr.oddRow:hover,
.dataGridContent tr.evenRow:hover{
    background-color:#C4E3F5;
}

.grid-viaje-id{ width:70px; }
.grid-viaje-hora{ width:60px; }
.grid-viaje-unidad{ width:50px; }
.grid-viaje-chofer{ min-width:60px; }
.grid-viaje-pasajeros{ width:20px; }
.grid-viaje-total{ width:50px; }

.grid-chofer-nombre{min-width:50px;}
.grid-chofer-licencia{width:75px;}
.grid-chofer-telefono{width:85px;}
.grid-chofer-activo{width:30px;}

.deletedRow{color: #cccccc;}

/**********************************************************************************************************/


/* dark */
.dataGrid.dark{
    overflow-y:scroll;
    /*border:1px solid grey;*/
    background-color: #666666;
}
.dataGrid.dark table{
    width:100%;
    border-collapse:collapse;
    margin:0px;
}
.dataGrid.dark tr{
    min-height:29px;
}
.dataGrid.dark td{
    padding:7px 10px;
    /*border-right:1px solid #e2e2e2;*/
    border-right:1px dotted #222222;
}
.dataGrid.dark td.action{
    width: 38px;/*width:62px;*/
    padding:0px;
    text-align: center;
}
.dataGrid.dark .grid-header{
    /*border-bottom:1px solid grey;*/
    border-color: #222;
    background-color: #444;
  background: -webkit-linear-gradient(top,#4c4c4c 0,#3f3f3f 100%);
  background: -moz-linear-gradient(top,#4c4c4c 0,#3f3f3f 100%);
  background: -o-linear-gradient(top,#4c4c4c 0,#3f3f3f 100%);
  background: linear-gradient(to bottom,#4c4c4c 0,#3f3f3f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c,endColorstr=#3f3f3f,GradientType=0);
}
.dataGrid.dark .grid-header th{
    border-color: #222;
    border-width: 0 1px 1px 0;
    border-style: dotted;
    /*background:#1986C9;*/
    color:#FFFFFF;
}
.dataGrid.dark .dataGridContent .trip,
.dataGrid.dark .dataGridContent .reservation{
    display:block;
    padding-bottom:5px;
    padding-left:5px;
    padding-top:5px;
    padding-right:50px;
    /*border-bottom:1px groove #e2e2e2;*/
    margin-right: 5px;
}
.dataGrid.dark .dataGridContent .trip .quantity,
.dataGrid.dark .dataGridContent .reservation .quantity{
    font-size: 32px;
    color: #2e6e9e;
    line-height: 32px;
    vertical-align: top;
    width: 40px;
}
.dataGrid.dark .dataGridContent .trip .quantity,
.dataGrid.dark .dataGridContent .trip .contactInfo,
.dataGrid.dark .dataGridContent .trip .contactAddresses,
.dataGrid.dark .dataGridContent .trip .action,
.dataGrid.dark .dataGridContent .reservation .quantity,
.dataGrid.dark .dataGridContent .reservation .contactInfo,
.dataGrid.dark .dataGridContent .reservation .contactAddresses,
.dataGrid.dark .dataGridContent .reservation .action{
    display:inline-block;
    padding:5px;
}

.dataGrid.dark .dataGridContent .reservation .action{
    float:right;
    margin-right:-50px;
}

.dataGrid.dark .dataGridContent .trip .action{
    float:right;
    margin-right:-100px;
}

.dataGrid.dark .dataGridContent .reservation,
.dataGrid.dark .dataGridContent tr.bodyrow{
    cursor:pointer;
    border-color: #222;
    border-width: 0 1px 1px 0;
    border-style: dotted;
}
.dataGrid.dark .dataGridContent tr.evenRow{
    /*background-color:#F7F7F7;*//*#E8F3FA;*/
    background-color: #666666;
}
.dataGrid.dark .dataGridContent tr.oddRow{
    /*background-color:#FFFFFF;*/
    background-color: #666666;
}
.dataGrid.dark .dataGridContent .reservation:hover,
.dataGrid.dark .dataGridContent tr.oddRow:hover,
.dataGrid.dark .dataGridContent tr.evenRow:hover{
    /*background-color:#C4E3F5;*/
    background-color:#777777;
}

.grid-name{
    width:200px;
}

.grid-quantity{
    width:21px;
    min-width:21px;
}

.grid-phone{
    width:80px;
    min-width:80px;
}

.grid-destity,
.grid-address{
    width:auto;
    min-width: 150px;
}

.grid-header{
    font-weight:700;
}

.grid-header{
    border: 1px solid #c1c1c1;
    background-color: #e9e9e9;
}

.grid-header th{
    padding: 7px 10px;
    border-right: 1px solid #c1c1c1;
    color: #777;
}