.imagenppal{
    text-align:center;
}
.ordenamiento{
    cursor:pointer;
}
.ordenamiento th{
    background-image: url(../../image/ordenamiento.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right:15px;
}
th.headerSortUp{
    background-image: url(../../image/ordenamientoabajo.png);
}
th.headerSortDown{
    background-image: url(../../image/ordenamientoarriba.png);
}
th{
    white-space: nowrap;
}
.container {
    width: 95%;
}
.grande{
    max-width: 95%;
}
.mediano{
    max-width: 90% !important;
    margin-right: 0;
}
.dropdown-menu{
    right: 0;
    left: auto;
}
.btn_busqueda > button{
    width: 100%;
}
.centrar{
    text-align: center;
}
body{
    overflow: hidden;
    background-color: #f4f5f7;
}
.sidebar-container{
    min-height: 100vh;
    background-color: white;
}
.sidebar-container .logo{
padding: 0.875rem 1.25rem;
	width: 13rem;
}

.sidebar-container .logo img{
    width: 100%;
}

.sidebar-container .menudash{
    width: 13rem;
    color: #a7a8aa;
}

.menudash a, .menudash a:hover, .fondo-blanco a, .fondo-blanco a:hover{
    text-decoration: none;
    color: #8b8b8c;
}

.menudash a{
    padding: 0.3rem 0.8rem;
    font-size: 0.9em;
}

.menudash .d-block:hover, .menudash .d-block.active {
    color: rgb(0, 180, 79);
    background-color: rgba(222, 247, 236, 0.5);
}

.fondo-blanco{
    background-color: white !important;
    color: #8b8b8c;
}

#d_contenedor{
    overflow-y: auto;
    /*height: calc(100vh - 56px);
    padding-bottom: 5rem;*/
    height: 90vh;
}

.ususesion{
    background-image: url("../../image/bg-login.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.btn{
    border-radius: 50px !important;
}

.btn-primary{
    background-color: #009a44 !important;
}

input, select{
    border-radius: 1rem !important;
}

#inicio_sesion{
    background-color: white;
    padding: 2rem 2rem;
    margin-top: 15vh;
    border-radius: 1rem;
}

.imglogo{
    text-align: center;
}
.imglogo img{
    width: 80%;
}


.menudash a.opcionSB:after {
    content: "\F0CE0";
    font-family: "Material Design Icons";
}

.menudash a.opcionSB[aria-expanded="true"]:after {
    content: "\F0CDC";
    /* fa-chevron-up */
}

.opcionesSB{
    padding-left: 1rem;
}

.input-group.mb-3 input, .input-group.mb-3 select {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.imagenLogoCel{
    height: 36px;
}

.navbar-toggler{
    padding: 0;
}

#cerrarPanel{
    display: none;
}

#opcionesSB{
    color: #8b8b8c;
}

.pantallacompleta{
    width: 100%;
    height: 100%;
    position: absolute;
}
.pantalla{
    width: 900px !important;

}

@media (orientation: portrait) {
    .sidebar-container {
        position: absolute;
        left: -13rem;
        z-index: 2;
    }

    #bloquear_pantalla{
        z-index: 1;
        background: rgba(0,0,0,0.6);
    }

    .aparecerSB{
        left: 0 !important;
        z-index: 1;
    }

    #cerrarPanel{
        display: block;
        position: absolute;
        right: 1px;
        top: -4px;
        font-size: 28px;
        color: #8b8b8c;
        cursor: pointer;
    }
}
.img_flecha{
    width: 100%;
}
.verde {
    background-color: rgba(0,255,68,0.10) !important;
}
.verde_fondo {
    background: rgba(0,255,68,0.10) !important;
}
#tbl_sobreAnticipo, #tbl_sobreAnticipo2{
    font-size: 11px;
}
.rojo {
    background-color: rgba(255,0,0,0.10) !important;
}
.rojo2 {
    background-color: red;
    color: white;
    font-weight: bold;
}

.ciudades_mostrar .card-body {
    padding: 0.25rem;
}
.div_general {
    position: relative;
    /*min-height: 100px;*/
}
.texarea_resultado_chequeo{
    display: none;
}

html, body {
    min-height: 100%;
}

.chequeo_titulo{
    font-weight: bolder;
}

#chequeo_resultadoListar .custom-control-label::before, #chequeo_resultadoListar .custom-control-label::after {
    width: 2rem;
    height: 2rem;
    top: 0;
}
#chequeo_resultadoListar .div_subcategoria{
    height: 35px;
    padding-top: 3px;
}

#chequeo_resultadoListar .custom-control-label{
    padding-left: 12px;
    font-size: 20px;
}

#chequeo_resultadoListar .row {
    min-height: 35px;
}

.tabla_informe_chequeo{
    overflow: auto;
    height: 500px;
}
#tbl_chequeoMantenimiento{
    font-size: 12px;
}
.titulo_conproblemas{
    margin-top: 12px;
}

.btn_chequeo_inicio{
    margin-top: 15px;
}
.amarillo {
    background-color: rgba(248,255,0,0.10);
}

.resultado_ocr{
    width: 100%;
    border: 1px solid black;
    border-radius: 15px;
}

pre {
    background-color: white;
    padding: 10px;
    margin: 0;
    border-radius: 15px;
}
#iniciarLabor, #finalizarLabor{
    font-size: 40px;
}
.margenbotonfinchequeo{
    margin-bottom: 50px;
}
#mensajeHojaEnviada{
    margin-top: 50px;
    font-size: 30px;
}
.borde_rojo{
    border: 1px solid red;
}
#margenDocumentoPersona{
    margin-top: 20px;
}
#crearAnticipobtn{
    margin-top: 170px
}
.btn_crearAnticipowebservice{
    font-size: 45px;
}
#tablagastoviaje, #tbl_gastosDetalle{
    font-size: 12px;
}
.visualizacion_imagen{
    max-width: 100%;
}
#tbl_viaje_gasto2{
    font-size: 13px;
}
.e_anticipoInformeAprobar{
    font-size: 8pt;
}
.e_anticipoInformeRechazar{
    font-size: 8pt;
}
.botonesInforme{
    width: 50%;
    float: left;
}
.tdInforme{
    width: 300px;
}

.tarjeta label{
    margin-bottom: .2rem;
}

.tarjeta-titulo{
    background-color: #27B965;
    padding: 0.1em;
    text-align: center;
    padding-top: 0.6em;
    border: 2px solid #17954E;
}

.tarjeta-contenido{
    padding-top: 0.5em;
    border: 1px solid #E4E4E4;
}

.ciudades-viaje{
    border-right: 1px solid #E4E4E4;
}

#negociacionCliente_viaje{
    min-height: 125px;
}

#negociacionTransportador_viaje{
    min-height: 125px;
}

.mdi:hover{
    cursor: pointer;
}
.eletrasytraaactproveedor{
    font-size: 12px;
}
.ajustar th{
    white-space: normal;
    text-align: center;
    font-size: 11px;
    vertical-align: middle !important;
}
#tbl_letrapequesytruta{
    font-size: 12px;
}
#e_cargarProveedores{
    width: 14px;
    height: 16px;
    text-align: left;
    padding: 0px;
    float: right;
}
#e_editarRuta{
    width: 14px;
    height: 16px;
    text-align: left;
    padding: 0px;
    float: right;
}
.icono_infoCar{
    font-size: 16pt;
    padding-right: 10px;
}
.btn_informeGas{
    background:rgba(222, 247, 236, 0.5);
    padding: 15px;
    border-radius: 10px;
    font-size: 11pt;
    font-weight: bold;
    color: rgb(0, 180, 79);
    text-decoration: none;
    transition: background-color 0.4s ease;
    border: 1px solid rgb(0, 180, 79);
}
.btn_informeGas:hover{
    background: rgb(0, 180, 79);
    padding: 15px;
    border-radius: 10px;
    font-size: 11pt;
    font-weight: bold;
    color: white;
    text-decoration: none;
}
.menudash{
    height: 70vh;
    overflow: scroll;
}
.ico_color{
    color:#009a44;
}
.card_gastos{
    border: 1px solid #009a44;
    border-radius: 0px 1px 10px 10px;
}
.card_gastos_r{
    border: 1px solid #009a44;
    border-radius: 10px 10px 10px 10px;
}
.card_gastos p{
    margin-bottom: 2px;
}
.alert_gastos{
    font-size: 11pt;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10pt;
    margin-bottom: 10px;
}
.card_gastos p{
    font-size: 9pt;
}
.card_gastos_2{
    border-radius: 10pt;
    margin-bottom: 15px;
}
.card_cabecera{
    background: #009a44;
    color: white;
    font-size: 10pt;
    padding: 5px 0px 4px 0px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px !important;
}
.card_cabecera p{
    color: white;
    font-size: 12pt;
    margin: 0;
}
.ico_color_w{
    color: white;
}
.ico_plus{
    color: orange;
    font-size: 16pt;
}
.ico_plus_green{
    color: green;
    font-size: 16pt;
}
.ico_close{
    color: #ea2626;
    font-size: 18pt;
    margin: 50x;
}
.ico_check{
    color: green;
    font-size: 18pt;
    margin: 50x;
}
.bot_apro_rec{
    font-size: 10pt;
}

.circle-link {
    width: 20px; /* Tamaño del círculo */
    height: 20px; /* Tamaño del círculo */
    background-color: #4CAF50; /* Color de fondo del círculo */
    border-radius: 50%; /* Hace el círculo perfecto */
    margin: 2px;
}
.colorNaranja{
    color: orange;
}
.colorVerde{
    color: green;
}
.colorRojo{
    color: red;
}
.totalFuente{
    font-size: 9pt;
    margin: 2px;
}
.fuenteDelgada{
    font-weight: 400;
}
.padd_total{
    padding: 5px;
}
#tablagastoviaje2 tr td{
    border: 1px solid #009a44;
    background: #fff;
}
#tablagastoviaje2 tr th{
    border: 1px solid #009a44;
    background: #fff;
}
.tamannoTable{
    min-height: 350px;
    overflow-y: scroll;
}
.heigth_d{
    height: 100%;
    margin-bottom: 5px;
}
.heigth_d_1{
    height: 100%;
}
.firmaEstado{
    font-weight: 400;
}
.firmaEstado2{
    font-size: 9pt;
}
.fuenteTabla{
    font-weight: 400;
}
.fuenteTabla2{
    font-size: 9pt;
}
.editar{
    font-size: 14pt;
    color: darkgreen;
}
.tbl_gastosDetalle1 tr th{
    border: 1px solid #009a44;
    background: #fff;
}
.tbl_gastosDetalle1 tr td{
    border: 1px solid #009a44;
    background: #fff;
}
#tbl_viaje_doc{
    font-size: 12px;
}
#tablagastoviaje3{
    font-size: 12px;
}
.azul{
    background-color: #B0C4DE;
}
#div_boni{
    overflow: auto;
    height: 520px;
}

.oculto{
    display:none;
}

/* Mapa */
#mapaBase {
    height: 100%;
    position: relative;
}
#listaPuntos {
    height: 100%;
    position: relative;
    overflow: auto;
}

.mostrarPunto {
    background-color: yellow;
}

#mapa_centrar{
    font-size: 40px;
}

.range-output {
    margin-top: 10px;
    font-size: 1.2em;
}

#tbl_puntosMapa{
    font-size: 12px;
}

#cont-mapa{
    width: 98%;
    max-width: none;
}

.container-map{
    position: relative;
    height: calc(100vh - 200px);
}

.map-context-menu {
    position: absolute;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
}
.map-context-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.map-context-menu ul li {
    padding: 5px 10px;
    cursor: pointer;
}
.map-context-menu ul li:hover {
    background: #eee;
}
#tblproceso_boni{
    font-size: 12px;
}
#tbl_ultimosviajes{
    font-size: 11px;
}
#overflowviajesultimos{
    overflow: auto;
    height: 140px;
}
#tblprocesosMani{
    font-size: 11px;
}
#tbl_manifiestoCerrarNomina{
    font-size: 12px;
}
.e_checkedManifiesto{
    height: calc(1.25rem + 2px) !important;
}
.letraverde{
    color: green !important;
}
.letrarojo{
    color: red !important;
}
.letraNaranja{
    color: orange !important;
}
#fechaviajeAct{
    position: relative;
}
.modal-xxl {
    max-width: 90%;
}
#info_viaje_documentoRecepcion{
    overflow: auto;
    height: 400px;
}
#tbl_consultaDocumentos{
    font-size: 10px;
}
#tbl_viaje_usuarios{
    font-size: 10px;
}
.nombreresponsable{
    font-size: 7pt;

}
.e_col_misviajes{
    padding: 0px !important;
}
.e_bodycardmisviajes{
    padding: 10px !important;
    text-align: center;
    cursor: pointer;
}
#tbl_monitoreoUsu{
    font-size: 12px;
}

.cont_descargue{
    padding: 20px;
    border: 1px solid #009a44;
    border-radius: 10px;
}
.fondoNaranja{
    background:orange;
    color: white;
}
.fondoVerde{
    background:green;
    color: white;
}
.fondoRojo{
    background:red;
    color: white;
}
.forma_info{
    border-radius: 15px;
    padding: 5px;
    margin: 20px;
}
.imagenProvDetalle{
    width: 100%;
}
.tituloPeq{
    color: #009a44;
    font-size: 9pt;
    margin-bottom: 1px;
}
.cajaProveedor{
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
}
.colorAprobacion{
    background: #51ff5147 !important;
}
.fuentePequ{
    font-size: 7pt;
    color: white;
    font-weight: bold;
    background: #009a44;
    border-radius: 8px;
}
.fuentePequ:hover{
    background: #017936;
}
.fuentePequ2{
    font-size: 8pt;
    color: white;
    font-weight: bold;
    background: #3f3f3f;
    border-radius: 8px;
}
.fuentePequ2:hover{
    background: #222;
}
.decoradoTit{
    border: solid 1px #28a745;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.texto_sup{
    font-size: 8pt;
    color: #009a44;
}
.card_documento{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tit_detalle{
    color: #009a44;
    font-weight: bold;
}
#letratrazabililidadProveedores{
    font-size: 12px;
}
.formularioTenedor{
    background: #f4f4f4;
    border-radius: 10px;
    padding: 15px 25px;
}
.formularioTenedor1{
    background: #f4f4f4;
    border-radius: 10px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 5px
}
.titulosVehi{
    color: #009a44;
    font-size: 7pt;
}
.fuenteCC{
    font-size: 9pt;
}
.fuenteDatos{
    font-size: 11px;
    font-weight: bold;
}
.vehiculo_propietarioCargar{
    cursor: pointer;
    transition: 0.2s;
}
.vehiculo_propietarioCargar:hover{

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.listarVehiculoProp{
    height: 100vh;
    overflow: auto;
}
#tbl_viaje_cuenta_pagar{
    font-size: 11px;
}

.prop_aprobado{
    border: 1px solid green;
}
.prop_rechazado{
    border: 1px solid red;
}
.prop_pendiente{
    border: 1px solid blue;
}
.prop_aprobadoL{
    color: green;
}
.prop_rechazadoL{
    color: red;

}
.prop_pendienteL{
    color: blue;
}
.circuloPrin{
    color: white;
    background: green;
    padding: 1px 5px;
    border-radius: 100px;
}
.estadoActivo{
    background: orange;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 5px 10px;
}
.estadoAprobado{
    background: #27B965;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 5px 10px;
}
.estadoRechazado{
    background: #51ff5147;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 5px 10px;
}
.fuente_pequ{
    font-size: 10pt;
}
.fondoGris{
    background: #f1f1f1;
    padding: 14px;
    border-radius: 10px;
}
.cajaCompra{
    background: white;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #009a44;
}

@media (min-width: 1200px) {
  .container {
    max-width: none !important;
  }
}
#manifiestoListaFacturacion{
    max-height: 250px;
    overflow: auto;
	font-size: 11px;
}
.header_facturacion{
    border: solid;
	font-size: 13px !important;
}
.e_letraDocumentalFacturacion{
	font-size: 11px !important;
}
tr.borde_negro > td, tr.borde_negro > th {
    border-top: 4px solid #000 !important;
}
.e_tablabloqueador{
   height: 400px;
   overflow: auto;
}
.buscador-sidebar {
	background-color: #fff;
	border: 1px solid #009a44;
	color: red;
	border-radius: 20px;
	font-size: 14px;
	padding-left: 15px;
}

.buscador-sidebar:focus {
	background-color: #fff;
	color: green;
	box-shadow: none;
	border-color: green;
}

.buscador-sidebar::placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.resultado-destacado {
	color: #b8860b !important;
	font-weight: 800;
	background-color: rgba(184, 134, 11, 0.1);
}
.resultado-destacado .mdi {
	color: #b8860b !important;
}
.buscador-sidebar::placeholder {
	color: #888888 !important;
	opacity: 1;
}
.chk_manifiesto,
#chk_manifiesto2 {
	width: 22px;
	height: 22px;
	cursor: pointer;
	accent-color: #007bff;
	transform: scale(1);
	transition: transform 0.2s ease;
}

.chk_manifiesto:hover,
#chk_manifiesto2:hover {
	transform: scale(1.1);
}

.chk_manifiesto:checked,
#chk_manifiesto2:checked {
	accent-color: #28a745;
}
#div_comentarios{
	border: solid 1px;
	border-radius: 10px;
	padding: 10px;
}
.e_checkedManifiestoCuentaPagar {
	transform: scale(1.3);
	margin: 3px;
	cursor: pointer;
}
.cell-red {
	background-color: #f8d7da !important;
	/* Rojo claro de alerta */
	color: #721c24;
	/* Texto rojo oscuro */
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
#tbl_noPagosCuentas {
	font-size: 11px;
}
.letradetalleManifiesto{
	font-size: 12px !important;
}