#infoCaminhao{
    border: 1px #DDD solid;
    padding: 5px;
    /*font-family: "Open Sans";*/
    font-size: 14px;
}

#caminhoes{
    margin-top: 10px;
    width: 100%;
    /*height: 438px;*/
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0px 0px 0px #CCC;
    /*font-family: "Open Sans";*/
    font-size: 13px;
    /*border: 1px black solid;*/
}

.caixaDireita{
    border-radius: 4px;
    height: 23px;
    width: 23px;
    position: absolute;
    right: 0px;
    top: 4px;
}

.caminhao{
    padding-top: 2px;
    text-align: left;
    position: relative;
    width: 100%;
    height: 33px;
    cursor: pointer;
    /*background-color: blue;*/
}

.caminhao:hover{
    /*opacity: 0.8;*/
}

.caminhaoSelecionado{
    background-color: #DDD;
}

.roteiroEntrega{
    margin-top: 1px;
    margin-bottom: 10px;
    /*padding-left: 20px;*/
}

#selecaoRotas table{
    /*font-family: arial, sans-serif;*/
    border-collapse: collapse;
    width: 90%;
}

#selecaoRotas td, th {
    height: 42px;
    /*border: 1px solid #dddddd;*/
    text-align: left;
    padding: 8px;
}

#cabecalhoRota table{
    /*font-family: arial, sans-serif;*/
    border-collapse: collapse;
    /*width: 90%;*/
}

#cabecalhoRota td, th {
    height: 42px;
    width: 200px;
    /*border: 1px solid #dddddd;*/
    /*text-align: left;*/
    padding: 8px;
}

#entregaVeiculos table{
    /*font-family: arial, sans-serif;*/
    border-collapse: collapse;
    width: 90%;
    background-color: white;
}

#entregaVeiculos td {
    /*height: 40px;*/
    /*border: 1px solid #b9b2b2;*/
    text-align: center;
    /*padding: 3px;*/
    font-size: 11px;
}

#entregaVeiculos th {
    height: 24px;
    text-align: center;
    padding: 3px;
    font-size: 13px;
}

#entregaClientes th{
    height: 24px;
    padding: 3px;
    text-align: center;
    font-size: 13px;
}


/*#entregaClientesCabecalho table{
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 90%;
}*/

/*#entregaClientesCabecalho td, th {
    height: 42px;
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}*/

#entregaClientes table{
    /*font-family: arial, sans-serif;*/
    border-collapse: collapse;
    width: 90%;
    background-color: white;
    /*margin-top: -3px;*/
}

#entregaClientes td, th {
    /*height: 44px;*/
    border: 1px solid #b9b2b2;
    text-align: center;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    /*padding: 2px;*/
}

.font-20px{
    font-size: 20px!important;
}
.font-50px{
    font-size: 50px!important;
}
.font-70px{
    font-size: 70px!important;
}

.fa-battery-filling{
    position: relative;
}
.fa-battery-filling span{
    position: absolute;
    background: orange;
    top: 28%;
    height: 44%;
    left: 11%;
    border-radius: 2px;
    transition: 250ms ease;
}
.fa-battery-filling [style="width:calc(1% * 0.73)"],
.fa-battery-filling [style="width:calc(2% * 0.73)"],
.fa-battery-filling [style="width:calc(3% * 0.73)"],
.fa-battery-filling [style="width:calc(4% * 0.73)"],
.fa-battery-filling [style="width:calc(5% * 0.73)"],
.fa-battery-filling [style="width:calc(6% * 0.73)"],
.fa-battery-filling [style="width:calc(7% * 0.73)"],
.fa-battery-filling [style="width:calc(8% * 0.73)"],
.fa-battery-filling [style="width:calc(9% * 0.73)"],
.fa-battery-filling [style="width:calc(10% * 0.73)"],
.fa-battery-filling [style="width:calc(11% * 0.73)"],
.fa-battery-filling [style="width:calc(12% * 0.73)"],
.fa-battery-filling [style="width:calc(13% * 0.73)"],
.fa-battery-filling [style="width:calc(14% * 0.73)"],
.fa-battery-filling [style="width:calc(15% * 0.73)"],
.fa-battery-filling [style="width:calc(16% * 0.73)"],
.fa-battery-filling [style="width:calc(17% * 0.73)"],
.fa-battery-filling [style="width:calc(18% * 0.73)"],
.fa-battery-filling [style="width:calc(19% * 0.73)"],
.fa-battery-filling [style="width:calc(20% * 0.73)"]{
    background: red;
}
.fa-battery-filling [style="width:calc(90% * 0.73)"],
.fa-battery-filling [style="width:calc(91% * 0.73)"],
.fa-battery-filling [style="width:calc(92% * 0.73)"],
.fa-battery-filling [style="width:calc(93% * 0.73)"],
.fa-battery-filling [style="width:calc(94% * 0.73)"],
.fa-battery-filling [style="width:calc(95% * 0.73)"],
.fa-battery-filling [style="width:calc(96% * 0.73)"],
.fa-battery-filling [style="width:calc(97% * 0.73)"],
.fa-battery-filling [style="width:calc(98% * 0.73)"],
.fa-battery-filling [style="width:calc(99% * 0.73)"],
.fa-battery-filling [style="width:calc(100% * 0.73)"]{
    background: green;
}


.tableVeiculo tr{
    font-weight: 100 !important;
    font-size: 13px;
    line-height: 25px;
    font-weight: 500;
}

.tableVeiculo td{
    font-weight: 500;
}

/* Fixed Headers */

.tableHeaderFixed th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.tableHeaderFixed th[scope=row] {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}

.tableHeaderFixed th[scope=row] {
    vertical-align: top;
    color: inherit;
    background-color: inherit;
    background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%);
}

/*.tableHeaderFixed th:not([scope=row]):first-child {
  left: 0;
  z-index: 3;
  background: linear-gradient(90deg, #dadada 0%, #dadada calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);
}*/
.tablePreRotas tr{
    font-weight: 100 !important;
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
}

.headerSticky {
    background: #555;
    color: #f1f1f1 !important;
    position: fixed;
    width: 660px;
}

.contentSticky {
    padding-top: 120px;
}

th {
    vertical-align: central;
    background-color: #dadada;
    color: black;
}

#info_dialog{
    display: none !important;
}

#divCliente:hover{
    opacity: 0.5;
}

.eyeCheck {
    display:none;
}

#tableVeiculo input[type=checkbox] + label {
    /*content: 'icon-trash';*/
    /*background: #999;*/
    height: 24px;
    width: 24px;
    display:inline-block;
    padding: 0 0 0 0px;
    background: url("../img/sight.png");
}

#tableVeiculo input[type=checkbox]:checked + label {
    /*background: #0080FF;*/
    height: 24px;
    width: 24px;
    display:inline-block;
    padding: 0 0 0 0px;
    background: url("../img/eye.png");

    /*background: url("resources/img/auto.png") repeat-x top;*/
}