/*Verson 8.5*/
.bold{	
	font-weight:bold;
}

/*BOOTSTRAP OVERIDES---------*/

input, textarea, .btn{
  border-radius: 2px!important;
  border: none !important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}

.form-control{
  height: 31px;
}

.form-group{
  margin-bottom: 15px;
  position: relative;
}

.error-no-margen .error{
  right: 15px!important;
}


.btn-file {
  overflow:visible!important;
}

.form-group label{
  margin-bottom: 0;
}

.form-control[readonly]{
  background-color: white;
  cursor: default;
}

.modal-backdrop{
  background-color: transparent;!important;
}

.modal, .modal-backdrop{
  height: calc(100vh - 28px);
}

.btn-default:not(.dropdown-toggle),
.btn-primary,
.exepcion.dropdown-toggle{
  color: #fff!important;
}

.btn-default:not(.dropdown-toggle),
.exepcion.dropdown-toggle,
.modal .dropdown-toggle.exepcion{
  background-color: #bbb!important;
}

.btn-default:not(.dropdown-toggle):hover,
.exepcion.dropdown-toggle:hover,
.modal .dropdown-toggle.exepcion:hover,
.open .exepcion.dropdown-toggle{
  background-color: #aaa!important;
}

.btn-primary{
  background-color: #8cc63f;
}

.btn-primary:hover{
  background-color: #7ab728;
}


.btn-info{
  background-color: #5bc0de!important;
}

.btn-info:hover{
  background-color: #31b0d5!important;
}


.btn-primary:active, .btn-primary:focus{
  background-color: #6ea920!important;
}

.btn{
  min-width: 100px;
}

.btn-link{
  color: black!important;
}

label{
  font-weight: normal;
  margin-bottom: 2px;
}

.dropdown{
  position: relative;
}

button.dropdown-toggle,
button.dropdown-toggle:hover{
  background-color: white!important;
}

.dropdown button{
  width: 100%;
  height: 31px;
  text-align: left;
}

.dropdown button .caret{
  position: absolute;
  right: 10px;
  top:13px;
  border-top: 6px dashed;
  border-top: 6px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.dropdown .dropdown-menu{
  width: 100%;
  border-radius: 0;
  border: none;
}

.dropdown-menu.menu-derecha{
  left: initial;
  right: 0;
}



.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ccc;
}

/*INTERFAZ-------------------*/

/*Global*/



/*GENERICOS------------------*/

.ellipsis-td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1px;
}

  .td-desplegado .desplegado,
  .desplegado.en-tabla{
    top: 29px;
    right: 4px;
  }


.input-compacto input,
input.input-compacto{
  padding: 2px 7px;
  height: 26px;
}


  .input-compacto.input-icono input{
    padding-right: 26px;
  }


  .input-datepicker input{
    cursor: pointer;
  }

  .input-datepicker i{
    pointer-events: none;
  }

  .input-compacto.input-icono i{
    padding: 6px 6px;
    top: -8px;
  }

.clickeable{
  cursor: pointer;
  padding: 3px;
}

/*Grupo Info*/
.grupo-info{
  line-height: 15px;
}

.grupo-info label{
  margin: 0;
  color: #808080;
  font-size: 13px;
}

.grupo-info label.sub-label{
  color: inherit;
  display: block;
  font-weight: bold;
  font-size: 12px;
}

.grupo-info p{
  margin: 0;
  font-size: 15px;
  display: block;
  height: 21px;
}

.seccion-panel .grupo-info{
  margin-bottom: 5px;
}


.gg-opciones{
  color: #808080;
  font-size: 12px;
}

textarea{
  resize: none;
  line-height: 18px!important;
  height: 72px!important;

}

.checkbox-linea .radio{
  display: inline-block!important;
  margin-right: 25px;
  margin-top: 0;
}

.boton{
  cursor: pointer;
}
.boton:active, .btn:active{
  transform: translateY(2px);
}

.no-click{
  pointer-events: none;
}

i.gg-flecha-abierto,
i.gg-flecha-cerrado{
  width: 18px;
  font-size: 16px;
  height: 18px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}

.divisor, .divider, .division{
  border-top: 1px solid lightgray;
} 

.fila-division{
  border-top: 1px solid lightgray;
  padding-top: 12px;
  float: left;
}

.separador{
  border-top: 1px solid #ccc;
  padding-top: 12px;
}

.separador-vertical{
  border-right: 1px solid #ccc;
  margin-top: -12px;
  padding-top: 12px;
  margin-bottom: 0;
  padding-bottom: 15px;
}


.contenedor-tabla{
  margin-left: -8px;
  margin-right: -8px;
}

.ayuda{
  text-decoration: none!important;
  cursor: default;
}

  .ayuda i{
    position: relative;
    top: 1px;
  }

.desactivado{
  opacity: .5!important;
  pointer-events: none;
}

/*tables*/

.table{
  border-top:1px solid #ccc!important;
  background: white;
}

.table thead{
  background-color: #ddd;
}

  .table thead th{
    border-color: #ccc!important;
    border-width: 1px!important;    
  }


i.gg-calendar{
  pointer-events: none;
}

.toggle{
  float: left;
}

.gg-direccion{
  color:#9e9e9e
}
.gg-alto{
  color:#FF0000
}
.gg-exceso-velocidad{
  color:#FF7F00;
}
.gg-encendido{
  color:#0049FF;
}
.gg-puerta{
  color:#1F8B95;
}
.gg-cinturon{
  color:#3A4D5D;
}

.gg-encendido.apagado{
	 color:#808080
}

.gg-encendido.relenti{
	 color:#e6ac00f0
}

/*tabla scroll*/

.tabla-scroll .table{
  margin-bottom: 0;
}


/*Margins*/

.mar-0{margin:0!important}

.mar-t-0{margin-top: 0px!important}
.mar-b-0{margin-bottom: 0px!important}
.mar-l-0{margin-left: 0px!important}
.mar-r-0{margin-right: 0px!important}

.mar-t-5{margin-top: 5px!important}
.mar-b-5{margin-bottom: 5px!important}
.mar-l-5{margin-left: 5px!important}
.mar-r-5{margin-right: 5px!important}

.mar-t-10{margin-top: 10px!important}
.mar-b-10{margin-bottom: 10px!important}
.mar-l-10{margin-left: 10px!important}
.mar-r-10{margin-right: 10px!important}

.mar-t-15{margin-top: 15px!important}
.mar-b-15{margin-bottom: 15px!important}
.mar-l-15{margin-left: 15px!important}
.mar-r-15{margin-right: 15px!important}

.mar-t-20{margin-top: 20px!important}
.mar-b-20{margin-bottom: 20px!important}
.mar-l-20{margin-left: 20px!important}
.mar-r-20{margin-right: 20px!important}


/*Grid 100%*/

.col-desk-c, .col-desk-5, .col-desk-10, .col-desk-15,
.col-desk-20, .col-desk-25, .col-desk-30, .col-desk-35,
.col-desk-40, .col-desk-45, .col-desk-50, .col-desk-55
.col-desk-60, .col-desk-65, .col-desk-70, .col-desk-75,
.col-desk-80, .col-desk-85, .col-desk-90, .col-desk-95,
.col-desk-100{
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  float: left;
}

.last.col-desk-c, .last.col-desk-5, .last.col-desk-10, .last.col-desk-15,
.last.col-desk-20, .last.col-desk-25, .last.col-desk-30, .last.col-desk-35,
.last.col-desk-40, .last.col-desk-45, .last.col-desk-50, .last.col-desk-55
.last.col-desk-60, .last.col-desk-65, .last.col-desk-70, .last.col-desk-75,
.last.col-desk-80, .last.col-desk-85, .last.col-desk-90, .last.col-desk-95,
.last.col-desk-100{
  padding-right: 10px;
}

.col-desk-5{width: 5%}
.col-desk-10{width: 10%}
.col-desk-15{width: 15%}
.col-desk-20{width: 20%}
.col-desk-25{width: 25%}
.col-desk-30{width: 30%}
.col-desk-35{width: 35%}
.col-desk-40{width: 40%}
.col-desk-45{width: 45%}
.col-desk-50{width: 50%}
.col-desk-55{width: 55%}
.col-desk-60{width: 60%}
.col-desk-65{width: 65%}
.col-desk-70{width: 70%}
.col-desk-75{width: 75%}
.col-desk-80{width: 80%}
.col-desk-85{width: 85%}
.col-desk-90{width: 90%}
.col-desk-95{width: 95%}
.col-desk-100{width: 100%}




/*MAPA-----------------------*/

#nuevoViaje{
  position: absolute;
  bottom: 17px;
  right: 44px;
  background-color: #8cc63f;
  color: white;
  line-height: 54px;
  border-radius: 50%!important;
  z-index: 1;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 33px;
}

/*Listado*/

.listado{
  height: auto;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
}

.listado .body{
  padding: 10px 0px 10px 10px;
  height: calc(100vh - 130px);
}



.listado .cerrado ul.items-carpeta{
  display: none;
}

.listado .items-carpeta{
  margin-left: 12px;
}

.carpeta-elementos-mapa {
  width: 100%;
}

.elemento-mapa{
  position: relative;
  padding: 2px 20px 2px 5px;
}

.elemento-mapa .ellipsis{
  width: calc(100% - 58px);
  text-overflow: ellipsis;
  vertical-align: middle;
}

  .elemento-mapa .indicador{
    /*visibility: hidden;*/
    position: relative;
    top: 2px;
    width: 13px;
    display: inline-block;
  }
  
  .elemento-mapa .indicador-mtto{
    /*visibility: hidden;*/
    position: absolute;
    top: 6px;
    left:-8px;
    width: 13px;
    display: inline-block;
  }
  

  .elemento-mapa .indicador.gg-bateria,
  .elemento-mapa .indicador.gg-voltage-bajo{
    color: #e74d3d;
  }

.elemento-mapa .estado{
  font-size: 17px;
  position: absolute;
  right: 3px;
  top: 3px;
}

.gg-circulando{color:#2dcc70}
.gg-sin-transmitir{color:#e74d3d}
.gg-detenido{color:#666666}
.gg-detenido.ambar{color:#f39c11}
.gg-detenido.verde{color:#2dcc70}

.vehiculo{
    font-size: 17px;
    top: 3px;
    position: relative;
}

.listado .items-carpeta li:hover,
.listado .items-carpeta li.seleccionado{
  background-color: #e6f7db;
}

.gg-folder{
  color: #8cc63f;
}



#listado-catalogos .nav-tabs li.active a{
  border-bottom: none;
  background-color: transparent;
}

#listado-catalogos .nav-tabs a{
  padding: 4px 0;
  width: 100%;
  margin: 0;
  border: none;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-radius: 0;
  text-align: center;
  color: #333;
  font-size: 12px;
  background-color: #f2f2f2;
}

#listado-catalogos .nav-tabs .last a{
  border-right: none!important;
}


#listado-catalogos .input-compacto{
  margin-right: 10px;
}

.listado input[type='text']{
  width: 100%;
  margin-bottom: 9px;
}

#listado-catalogos.listado{
  width: 300px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  overflow: hidden;/*puede afectar otra funcionalidad*/
}

@media only screen and (max-width: 767px) {
  #listado-catalogos.listado{
    width: calc(100% - 20px);
    position: absolute;
    top: 45px;
    left: 10px;
  }

  .listado .body{
    height: calc(100vh - 167px);
  }
}



.numero-folder{
  position: relative;
}

 .numero-folder i{
  font-size: 22px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
 .numero-folder label{
  font-size: 9px;
  position: absolute;
  top: 2.5px;
  left: .5px;
  text-align: center;
  width: 20px;
  color: white;
}

/*Barra de tareas*/

#barra-tareas{
  position: fixed;
  z-index: 1000;
  width: 100%;
  background-color: #4d4d4d;
  overflow: hidden;
  bottom: 0px;
}

  #barra-tareas li a{
    border-radius: initial;
    border: none;
    border-right: 1px solid #999999!important;
    color: white;
    height: 28px;
    font-size: 12px;
    padding: 6px 14px 6px 5px;
    cursor: pointer;
    margin: 0;
  }

  #barra-tareas li.fijo a{
    padding: 6px 10px 6px 7px;
  }


  #barra-tareas li a:hover{
    color: #8cc63f;
  }

  #barra-tareas li a:hover,
  #barra-tareas li a:focus{
    background-color: transparent!important;
  }

  #barra-tareas li.active a{
    background-color: #8cc63f!important;
    color: white!important;
  }

  #barra-tareas li i.gg-cerrar{
    display: inline-block;
    color: white;
    position: absolute;
    top: 6px;
    font-size: 8px;
    right: 1px;
    padding: 5px 3px;
    cursor: pointer;
  }
  #barra-tareas li i.gg-cerrar:hover{
    color: #fd4c4c;
  }



/*Panel*/

.panel{
  position: absolute;
  background-color: #4d4d4d;
  color: white;
  padding: 4px 0;
  line-height: 14px;
}

.panel .tabs-unidades{
  position: absolute;
  top: -20px;
  left: 0px;
}

  .panel .tabs-unidades li{
    background: #80b52d;
    padding: 1px 3px;
    display: inline-block;
    font-size: 11px;
  }

.panel .espacios{
  margin-bottom: 0;
}

  .panel .espacios > li{
    line-height: 12px;
    display: inline-block;
    padding-left: 35px;
    position: relative;
  }

  .panel .espacios li > i{
    font-size: 22px;
    float: left;
    position: absolute;
    top: 0px;
    left: 5px;
  }

  .panel .etiqueta{
    font-size: 11px;
    width: 100%;
  }

  .panel .info{
    font-size: 12px;
    font-weight: bold;
  }

/*Filtro-mapa*/

#filtro-mapa{
  top:10px;
  right: 10px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #filtro-mapa{
    top: 4px;
    width: calc(100% - 20px);
  }

  #filtro-mapa .desplegado{
    right: initial;
    left: 0;
  }

}

#filtro-mapa .espacios li{
  padding-right: 30px;
  cursor:pointer;
  position: relative;
}

#filtro-mapa .gg-flecha-abierto,
#filtro-mapa .gg-flecha-cerrado{
  left: initial;
  right: 4px;
  top: 4px;
  font-size: 14px;
}

#filtro-mapa .desplegado{
  top: 29px;
  right: 0;
  width: 200px;
  padding-right: 15px;
}

  #filtro-mapa .desplegado li{
    padding-right: 0;
  }
    #filtro-mapa .desplegado li label{
      width: 100%;
    }
    #filtro-mapa .desplegado li input{
      margin-top: 6px;
    }
    #filtro-mapa .desplegado li i{
      float: right;
      font-size: 15px;
      margin-top: 2px!important;
    }




#filtro-mapa .rango-fechas{
  width: 250px;
  padding: 12px 3px 10px;
}

  #filtro-mapa .rango-fechas .divisor > label{
    display: block;
    line-height: 12px;
    margin: 0;
    font-weight: bold;
  }

  #filtro-mapa .rango-fechas input[type="text"]{
    width: 100%;
  }

  #filtro-mapa .rango-fechas .form-group label{
    margin-bottom: 0;
    position: relative;
    top: 3px;
  } 

  #filtro-mapa .rango-fechas .btn{
    min-width: 70px;
  }
 
  #filtro-mapa .rango-fechas i{
    pointer-events: none;
  }


/*MODAL FORMULARIO-----------*/

.modal-content{
  border:none;
  box-shadow: 0px 4px 12px rgba(128, 128, 128, 0.6);
}

.modal .modal-body{
  background-color: #f2f2f2;
  padding: 12px 15px 12px;
  border-radius: 0 0 5px 5px;
}

.modal.doble-columna .modal-body{
  padding: 0;
  margin: 0;
  border-radius: none;
  background-color: white;
}/*trabajando*/

.modal .row, 
.modal form.
.modal .listado{
  padding: 0;
}

.modal-header .close{
  display: none;
}

.modal .panel-izquierdo,
.modal .panel-derecho{
  padding-top: 15px;
  padding-bottom: 15px;
  height: 100%;
}

.modal .panel-izquierdo{
  background-color: white;
  border-bottom-left-radius: 5px;
}

.modal .panel-izquierdo.gris{
  background-color: #f2f2f2!important;
}

.modal .panel-derecho{
  background-color: #f2f2f2;
  border-bottom-right-radius: 5px;
}

.modal .modal-header{
  background-color: #4d4d4d;
  color: white;
  padding: 7px 15px;
  border-radius: 5px 5px 0 0;
}

.modal .modal-header h4 {
  font-size: 15px;
  font-weight: normal!important;
}

.modal .modal-header i{
  font-size: 17px;
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.modal .modal-body h4 {
  font-weight: normal!important;
  color: #666666;
  margin-top: 0;
  font-size: 14px;
}

.modal .listado{
  padding: 0;
}

.modal .listado .body{
  padding-top: 0;
}

.row.footer{
  padding: 5px 15px 0;
}

.modal .fileinput .thumbnail{
  width: 100%!important;
  height: auto!important;
  max-width: initial!important;
  max-height: initial!important;
}

  .modal .fileinput .thumbnail img{
    width: 100%;
    height: initial;
    max-width: initial!important;
    max-height: initial!important;
    min-width: initial!important;
    min-height: initial!important;
  }

.modal .fileinput .btn-link{
  padding: 0;
  text-align: left;
  min-width: initial;
  margin-right: 8px;
}

.modal .checkbox{
  margin: 6px 0;
}

.modal-viajes .panel-derecho{
  height: 528px;
}

.modal .selector-mapa{
  height: 420px;
}

.modal .selector-mapa.rutas,
.modal-viajes .selector-mapa{
  height: 477px;
}

.modal .selector-mapa.clientes{
  height: 517px;
}

.modal .bootstrap-tagsinput {
	display: block;
  border: none;
  padding: 6px;
}
.modal .bootstrap-tagsinput input {
	width: 100px;
  background: #f1f1f1;
}
.modal .bootstrap-tagsinput .label-info.label.tag {
  padding: 3px 5px !important;
  font-size: inherit;
  font-weight: normal !important;
  background: #7AB728;
  line-height: 24px;
}

.modal .bootstrap-tagsinput .tag [data-role="remove"]{
  position: relative;
  top: -1px;
  margin-left: 1px;
}

.email-list input{
  width: 150px!important;
}

.bootstrap-tagsinput{
  line-height: 24px;
}

/*Tabs modal*/

.modal-body .nav-tabs li a{
    padding: 4px 17px;
    width: 100%;
    margin: 0;
    border: none !important;
    border-right: 1px solid lightgray!important;
    border-bottom: 1px solid lightgray!important;
    border-radius: 0;
    text-align: center;
    color: #333;
    font-size: 12px;
    background-color: #f2f2f2;
}

.modal-body .nav-tabs li.active a{
  background-color: white;
  border-bottom-color: white!important;
}

/*Crop it*/

.image-cropper{
  width: 220px;
  text-align:center;
  margin: 0 auto;
  position: relative;
}

.cropit-preview{
  width: 220px; 
  height: 165px;
  display: inline-block;
  background-color: #e6e6e6;
}

.cropit-image-input{
  display: none!important;
  width: 109px;
  background: red;
  height: 26px;
  position: relative;
  top: 6px;
  right: 1px;
}

.file-input-holder #cargar-imagen{
  position: absolute;
  top: 0px;
  left: 0;
}

/*Select*/

/*.bootstrap-select .dropdown-menu{
  max-height: 250px!important;
  padding: 3px 0;
}*/

.bootstrap-select .dropdown-menu .bs-searchbox{
  margin-bottom: 3px;
  padding: 7px 8px 7px;
  background-color: #eaeaea;
  /*margin-top: -3px;*/
}

.bootstrap-select .dropdown-menu .bs-searchbox input{
  height: 24px;
  border-style: solid;
}

.bootstrap-select .dropdown-menu .divider{
  margin: 3px 0;
}


/*doblelinea*/
.select-doblelinea .bootstrap-select{
  height: 38px;
}

.select-doblelinea .bootstrap-select button{
  height: 100%;
}

.select-doblelinea .bootstrap-select .col-sm-9{
  position: relative;
  top: -3px;  
}

.bs-container.btn-group.bootstrap-select .col-sm-9,
.select-doblelinea .bootstrap-select .col-sm-9{
  white-space: initial;
  line-height: 16px;
}

.bs-container.btn-group.bootstrap-select .col-sm-3,
.select-doblelinea .bootstrap-select .col-sm-3{
  line-height: 14px;
  height: 30px;
}

/*Rutas y Paradas*/

.contenedor-tabla-paradas{
   height: 465px;
}

.tabla-paradas{
  margin-top: 15px;
}

.tabla-paradas table{
  background: white;
  margin: 0;
}

.tabla-paradas .tabla-body tr:first-child td{
  border-top: none!important;
}

.tabla-paradas .tabla-body table{
  border-top: none!important;
  border-bottom: none!important;
}

.tabla-paradas td{
  position: relative;
  vertical-align: middle!important;
  padding: 5px 6px!important;
  line-height: 14px!important;
  font-size: 13px;
  height: 37px;
  border-bottom: none!important;
}

.tabla-paradas tbody tr:hover{
  cursor: pointer;
  background-color: #e6f7db;
}

.tabla-paradas .tabla-body{
  overflow: auto;
  max-height: 194px;
}

.tabla-paradas.viajes .tabla-body{
  max-height: 365px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
}

.tabla-paradas.viajes table{
  border-left: none;
  border-right: none;
}

.tabla-paradas.viajes .tabla-body td{
  border-left: none!important;
}

.tabla-paradas.viajes .tabla-body tr td:last-child{
  border-right: none!important;
}

.tabla-paradas.viajes .tabla-body tr:last-child{
  border-bottom: 1px solid #ccc;
}

.tabla-paradas .seleccionado .apuntador{
  position: absolute;
  top: 8px;
  left: -10px;
  width: 10px;
  height: 22px;
  overflow: hidden;
}

.tabla-paradas .seleccionado .apuntador:after{
  content: "";
  display: block;
  background: white;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  margin-top: 4px;
  margin-left: 3px;
}

.tabla-paradas .formulario{
  background: #f2f2f2!important;
}


.tabla-paradas .formulario td{
  position: relative;
}

.tabla-paradas .gg-plus{
  background: #8cc63f;
  color: white;
  padding: 10px 8px 9px;
  position: absolute;
  top: 2px;
  left: 2px;
}

.tabla-paradas .desplegado{
  top: 29px;
  right: 4px;
}

/*Tabla tanque*/
.tabla-tanque{
  margin-top: 0;
}

.row.tabla-2{
  margin-top: 15px;
}


/*Nuevo viaje*/

ul.radio{
  border: 0px;
  margin: 0;
  display: block;
  margin-bottom: 10px;
}

ul.radio .checkbox{
  margin: 0;
  line-height: 20px;
  text-align: left;
}

/*ul.radio li {
  float: none;
}*/

.input-ruta{
  height: 117px;
}

.eventos-notificar{
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

.eventos-notificar .checkbox{
  margin-top: 7px!important;
}

.eventos-notificar > label{
  margin-left: 15px;
}

.eventos-notificar .col-md-6{
  margin-top: 0;
  margin-bottom: 0;
}

/*.eventos-notificar, .set-alerts{
  display: none;
}*/

.viajes-alertas{
  min-height: 80px;
}



/*Agregar categoria o grupo*/


.modal-generico .modal-body,
.modal.tabla-grupos .modal-body{
  background-color: #f2f2f2;
  padding: 12px 15px 12px;
  border-radius: 0 0 5px 5px;
}

.modal-sm textarea{
  height: 50px!important;
}

.modal.tabla-grupos table{
  background-color: white;
  margin-top: 6px;
  margin-bottom: 13px;
}

  .modal.tabla-grupos table .boton{
    padding: 10px;
    font-size: 16px;
  }

  .modal.tabla-grupos table .gg-pencil-square-o{
    position: relative;
    top: 1px;
  }

 .modal .input-group-addon{
  background: white;
  border: none;
  border-left: 1px solid lightgray;
}


/*Rutas*/


/*LOGIN----------------------*/

#login{
  background: url("../img/fondo-login.png") #303234 center center no-repeat;
  color: white;
}

#login form{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -160px;
  margin-top: -155px;
  width: 320px;

}

#login input{
  box-shadow: 0px 3px 10px rgba(0,0,0, 0.4);
}

#login label{
  color: #cccccc;
}

#login img{
  margin: 0 auto;
  display: block;
}


/*CATALOGOS------------------*/

.catalogo{
  overflow: auto;
  position: relative;
}

.catalogo-header{
  background-color: white;
  padding-top: .1px;
  border-bottom: 1px solid #ddd;
}

  .tools-holder{
    text-align: right;
    padding: 8px 20px 7px;
    height: 47px;
  }

  .tools-holder .btn{
    height: 31px!important;
    vertical-align: top;
  }

  .tools-holder .gg-plus{
    position: relative;
    top: 1px;
  }



.barra-grupos{
  margin: 0px 20px 0 20px;
  position: relative;
  top: 1px;
  margin-top: 2px;
}

  .barra-grupos a{
    padding: 4px 11px!important;
    color: #333!important;
    height: 32px;
  }

  .barra-grupos li.active a{
    background-color: #f2f2f2!important;
  }

  .barra-grupos .administrar a{
    padding: 5px 7px!important;
    margin: 0;
  }

  .barra-grupos .administrar a:hover{
    background: transparent;
    border-color: transparent;
  }




  .ficha-catalogo i.gg-opciones,
  .listado-fichas .ficha i.gg-opciones
  {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px;
    z-index: 10;
  }

  .ficha-catalogo .desplegado,
  .listado-fichas .ficha .desplegado{
    position: absolute;
    top: 25px;
    right: 4px;
    display: none;
    z-index: 11;
  }

  .ficha-catalogo .foto{
    display: inline-block;
    width: 120px;
    height: 90px;
    background: lightgray;
    vertical-align: top;
  }

  .ficha-catalogo .informacion{
    width: calc(100% - 130px);
    min-height:90px;
    display: inline-block;
    vertical-align: top;
  }

  .ficha-catalogo .informacion h5{
    margin: 0;
    margin-bottom: 3px;
    font-size: 19px;
    line-height: 23px;
    margin-top: -3px;
  }

  .ficha-catalogo .informacion h5,
  .ficha-catalogo .informacion .grupo-info{
    padding-left: 5px;
    padding-right: 5px; 
  }

  .ficha-catalogo table{
    margin-bottom: 0;
  }

    .ficha-catalogo table tr th:first-child,
    .ficha-catalogo table tr td:first-child{
      padding-left: 12px;
    }

    .ficha-catalogo table td{
      position: relative;
    }

    .ficha-catalogo table i.clickeable{
      top: 4px;
    }  

    .ficha-catalogo table .desplegado{
      top: 28px;
    }   

    .tarjeta.turno{
      padding-bottom: 0;
      margin: 0 auto;
      margin-top: 5px;
      margin-bottom: 20px;
      float: none;
      width: 80%;
    }

    .tarjeta.turno .informacion{
      width: 100%;
    }

/*RUTAS, TURNOS, PARADAS-----*/

.contenedor-rutas{
  background: white;
  padding: 0;
  margin: 0 5px;
  height: calc(100vh - 185px);
}

.contenedor-rutas .contenedor-listado-fichas{
 width: 28%;
  height: 100%;
  float: left;
  border-right: 1px solid #ddd;
  position: relative;
}

.contenedor-rutas .listado-fichas{
  height: 100%;
}

  .contenedor-rutas .listado-fichas .ficha{
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 10px 0px 2px;
    position: relative;
  }

  .contenedor-rutas .listado-fichas .ficha.activo{
    background-color: #e6f7db;
  }


    .contenedor-rutas .listado-fichas .ficha .nombre{
      font-size: 18px;
      font-weight: bold;
      padding: 0 15px;
      width: 100%;
      min-height: 25px;
    }


.contenedor-rutas .detalles{
  width: 72%;
  min-height: 100px;
  float: left;
}

.contenedor-rutas .detalles .tools-holder{
  padding: 0 0 9px 0;
}

.contenedor-rutas .detalles .tools-holder h4{
  display: inline-block;
  width: calc(100% - 440px);
  margin: 0;
  float: left;
  text-align: left;
  padding-top: 6px;
  height: 30px;
}

  .contenedor-rutas .detalles .nav-tabs{
    background: #F8F8F8;
    padding-left: 15px;
    padding-top: 5px;
  }

    .contenedor-rutas .detalles .nav-tabs a{
      padding: 6px 14px;
      color: #333;
      font-size: 18px;
    }

      .contenedor-rutas .detalles .nav-tabs a i{
        font-size: 20px;
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin-right: 3px;
      }

    .contenedor-rutas .detalles .nav-tabs li:active{
      background: white;
    }

    .contenedor-rutas .detalles .nav-tabs .badge{
      background-color: #c1c1c1;
      padding-left: 3px;
      padding-right: 3px;
      width: 20px;
      text-align: center;
      border-radius: .25em;
      font-weight: normal;
      margin-left: 7px;
    }

.contenedor-rutas .detalles .tab-pane{
  padding: 10px 15px 15px;
  height: calc(100vh - 229px);
  /*background: red;*/
}

  .contenedor-rutas .detalles .tab-pane .tabla-anidada{
    padding: 0;
  }

/*    .contenedor-rutas .detalles .tab-pane .tabla-anidada table,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table tr,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table td{
      border-color: red!important;
    }*/

    .contenedor-rutas .detalles .tab-pane .tabla-anidada table,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table tr td:first-child{
      border-left:none!important;
    }

    .contenedor-rutas .detalles .tab-pane .tabla-anidada table,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table tr td:last-child{
      border-right:none!important;
    }


    .contenedor-rutas .detalles .tab-pane .tabla-anidada table tr:last-child td,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table tr:last-child,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table{
      border-bottom:none!important;
    }

    .contenedor-rutas .detalles .tab-pane .tabla-anidada table,
    .contenedor-rutas .detalles .tab-pane .tabla-anidada table tr:first-child td{
      /*border-top: none!important;*/
    }

  .contenedor-rutas .detalles .tab-pane .tabla-anidada .unidad{
    width: 100px;
  }

  .contenedor-rutas .detalles .tab-pane .tabla-anidada .dia{
    width: 29px;
    text-align: center;
  }

  .contenedor-rutas .detalles .tabla-scroll .gg-check{
    color: #2DCC70;
    font-size: 16px;
  }

  .contenedor-rutas .detalles .dias-header{
    margin-left: -5px;
    float: left;
    width: calc(100% + 6px)!important;
    border-top: 1px solid #ccc;
    margin-top: 2px;
  }

  .contenedor-rutas .detalles .dias-header span{
    display: inline-block;
    float: left;
    width: 30px;
    text-align: center;
    border-right: 1px solid #ccc;
    font-size: 10px;
    padding: 2px;
  }
  
  .contenedor-rutas .detalles .dias-header span:last-child{
    border-right: none;
  }


    





/*GRAFICA--------------------*/

.contender-grafica .grafica{
  background: lightgray;
  height: calc(100vh - 180px);
}

.contender-grafica .bloque{
  background: white;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  padding-bottom: 4px;
}

.contender-grafica .bloque .titulo{
  text-align: center;
  color: #808080;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 13px;
}

.contender-grafica .bloque .titulo.titulo-unidad{
  text-align: left;
  padding-left: 15px;
  font-weight: normal;
  color: #333;
  font-size: 18px;
  margin-bottom: 8px;
}

.contender-grafica .bloque .titulo.titulo-unidad i{
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.contender-grafica .bloque .divisor{
  width: 100%;
  float: left;
  padding-top: 3px;
  padding-bottom: 1px;
}

.contender-grafica .bloque .titulo-division{
  padding-left: 15px;
  padding-right: 15px;
  color: #808080;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
}

.contender-grafica .bloque .grupo-info .titulo-division{
  padding: 0;
}

.contender-grafica .bloque.bloque-alertas .resumen{
  color: #c1272d;
  font-size: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 7px;
  margin-top: -6px;
}

.contender-grafica .bloque.bloque-alertas .cantidad{
  font-weight: bold;
  font-size: 20px;
}

.contender-grafica .porcentaje{
  font-size: 13px;
}

.contender-grafica .porcentaje.alto{color:#39b54a}
.contender-grafica .porcentaje.medio{color:#f7931e}
.contender-grafica .porcentaje.bajo{color:#c1272d}


/*REPORTES-------------------*/

.reporte-body {
	margin: 0px;
  margin-right: 15px;
}
.reporte-body div {
	padding: 0px !important
}
.reporte-body table {
	margin: 0px !important;
}
.cell-move {
	font-size: 14px !important;
	text-align: right;
	vertical-align: middle !important;
	font-weight: bold;
}
.reporte-body table td :not(.cell-move), .col-head  table > tbody > tr td {
	font-size: 12px !important;
	font-weight: 700 !important;
	text-align: center !important;
}
.col-head {
	overflow: hidden;
}

.col-body-fix table,
.col-body-move table,
.col-body-fix tr:first-child td,
.col-body-move tr:first-child td{
  border-top: none!important;
}

.col-head-move, .col-body-move{
  margin-left: -1px;
}

.col-head-move table,
.col-body-move table,
.col-head-move tr td:last-child,
.col-body-move tr td:last-child{
  border-right: none!important;
}

.col-head-move, .col-body-move{
  border-right: 1px solid #ccc;
}

.col-body-fix td, .col-body-move td {
	height: 31px !important;
}

.col-body-fix, .col-body-move {
	overflow-y: scroll;
}
.col-body-fix {
	overflow-y: hidden;
}
.col-body-move {
	overflow-y: scroll;
	overflow-x: scroll;
}

.tabla-reporte thead td{
  text-align: center;
  vertical-align: middle!important;
}

.tabla-reporte td li b{
  font-size: 12px;
  color: gray;
}


/*MOBILE---------------------*/

.navbar-toggle{
  display: none;
  
}

#botonSalir{
  display: none;
  position: absolute;
  top: 5px;
  right: 49px;
  color: white;
  vertical-align: middle;
  line-height: 12px;
  font-size: 11px;
  cursor: pointer;
  padding: 1px 8px 4px 6px;
  text-align: center;
  text-decoration: none!important;
}

#botonSalir i{
  vertical-align: middle;
  font-size: 17px;
  display: block;
  margin-left: 2px;
}

@media only screen and (max-width: 767px) {

  #nuevoViaje{
    display: none!important;
  }

  #listado-catalogos.listado{
    background-color: rgba(255, 255, 255, 0.7);
  }

  .listado .items-carpeta{
    line-height: 24px;
  }

  #menu-recorrido, #menu-indicadores{
    width: calc(50% - 2px);
  }

  #menu-indicadores .desplegado{
    right: -1px;
    left: initial;
  }

  .desplegado{
    line-height: 35px!important;
  }

  .desplegado input[type="checkbox"]{
    margin-top: 10px;
  }

  #listaDeUnidades .gg-flecha-abierto,
  #listaDeUnidades .gg-flecha-cerrado{
    margin-top: -6px;
    margin-right: 4px;
  }

  #botonSalir{
    display: inline-block;
  }


}


/* bricklayer column sizer */


  .bricklayer-column-sizer {
      width: calc(50% - 10px);
  }