@keyframes anim_online{0%{border:2px solid #29f906;}25%{border: 2px solid #4DC13B;}50%{border:2px solid #3BA327;}75%{border: 2px solid #4DC13B;}100%{border: 2px solid #29f906;}}
@keyframes anim_nombre_online{0%{color: #29f906; }25%{color: #4DC13B;}50%{color: #3BA327;}75%{color: #4DC13B;}100%{color: #29f906;} }
@keyframes anim_letra_roja{0%{color: #fd010438; }25%{color: #fd030663;}50%{color: #ff00046b;}75%{color: #fd030663;}100%{color: #fd010438;} }
@keyframes anim_back{0% {background-color: #29f906;}25% {background-color: #4DC13B;}50% {background-color: #3BA327;}75% {background-color: #4DC13B;}100% {background-color: #29f906;}}
@keyframes anim_codigo_alerta{0%{background-color: #fd010438;}25%{background-color: #fd030663;}50%{background-color: #ff00046b;}75%{background-color: #fd030663;}100%{background-color: #fd010438;}}
@keyframes anim_badge_morado{0%{border-color: black;color: black;}25%{border-color: #57008d;color: #57008d;}50%{border-color: #e400ff;color: #e400ff;}75%{border-color: #57008d;color: #57008d;}100%{border-color: black;color: black;}}



@keyframes anim_icono_alerta{0%{filter: none;}25%{filter: opacity(0.5);}50%{filter: none;}75%{filter: opacity(0.5);}100%{filter: none;}}
@keyframes alerta{0%{border: 1px solid #FB0004;}25%{border:1px solid #FF363A;}75%{border: 1px solid #FF4447;}100%{border: 1px solid #FB0004;}}
@keyframes prueba{50%{transform: translateX(-50%)}60%{opacity:0; display:none}}
@keyframes anim_ap{0% {background-color: #3BA327;}25% {background-color: #4DC13B;}50% {background-color: #3BA327;}75% {background-color: #4DC13B;}100% {background-color: #3BA327;}}

/**************************************************************************/
/**********************  MEDIA SCREEN   ***********************************/
/**************************************************************************/
@media screen {
#printSection {display: hide;}	
}
/**************************************************************************/
/********************** ESCRITORIO DESKTOP  *******************************/
/**************************************************************************/
.logo_principal{    
width: 280px;
height: 70px;
background-image: url(../img/Logo_blanco_gris.jpg);
background-size: cover;

}
a{text-decoration: none;}
/*a:link, :visited, :hover, :active{color:black;}*/
select{font-weight: bold!important; font-size:20px;}
body{background-color: #dddddd52;}
#encabezado_fijo {position: fixed;z-index: 1050;background-color: #ffffff;margin-top: 0px !important;}
.hora{background-color: #8700d9;border-radius: 18px;padding: 2px 5px 0px 8px;font-size: 12px;margin: 4px 20px 0px 0px;color: #ffffff;border: 2px solid #c860ff;min-width: 64px;min-height: 26px;}
.nav-link:hover{color:#009f22;}
link:focus {color: #000000;}
.tam_switch{width: 36px;height: 13px;margin: 2px 0px 0px 0px;}
.pl{padding-left: 26px;}
.padding_card{padding:15px 15px 5px 15px;}
.margin_card{margin: 0px 0px 0px 10px;}
.ventana-menu{position: absolute;background-color: #ffffff;font-size: 12px;padding: 10px 5px 10px 10px;border-radius: 5px;border: 1px solid rgb(221 221 221);box-shadow: 0px 8px 8px 1px rgb(0 0 0 / 34%);}
.negrita{ font-weight: bold;}
.marcador_punto{width: 7px;height: 7px;background-color: #00f100;border-radius: 20px;position: absolute;margin-top: 13px;}
.nav-link{ color:black;}
.nav-link a:hover{ color:#009f22;}
.sombra{box-shadow: 0px 3px 6px 1px #78787875;border: 1px solid rgb(221 221 221 / 0%);}
.btn-verde {background-color: #8dd3a6;animation-name: anim_back;animation-duration: 1s;animation-iteration-count: infinite;color: white;}
.btn-negro{color: #03a509;background-color: #080808;border-color: #51585e;}
.btn-gris{color: #fff!important;background-color: #525252!important;border-color: #000000!important;}
.no_oculto{display: none;}
.oculto2 {display: none;}
.jGrowl-notification {width: 545px!important;height: 70px;font-size: 13px!important;color: white;}
.div.ubi.perf.movil{color: #898989;background-color: #f1f1f1;border-radius: 12px;width: fit-content;padding: 0px 5px 0px 7px;font-size: 14px;margin: 0px auto 0px auto;}
.motivo_ingreso {margin: 3px 0px 0px -16px;font-size: 12px;background-color: #ff6767;border-radius: 0px 12px 12px 0px;color: white;padding: 5px;}
.fecha_ingreso {margin: 31px 0px 0px -16px;font-size: 11px;background-color: #000000;border-radius: 0px 12px 12px 0px;color: white;padding: 5px;width: 141px;}
.cuentas-usuarios{padding: 0px 0px 0px 10px;color: #787878;font-size: 18px; margin: 10px 0px 10px 0px;height: 40px;}
.efecto_hover:hover{background-color: #f9f9f9 ;height: 60px;}
.foto-lista-cuentas-usuarios{width: 50px;height: 50px;border-radius: 10px;margin-top: -6px;padding: 4px;}
.foto-usuarios-card{width: 60px; height:60px;border-radius: 30px;}
.menu-2023 {background-color: #bfbfbf;position: absolute;width: max-content;height: 70px;border-radius: 0px 0px 15px 15px;transition: height .4s;box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 64%);top: -20px;}
.texto-mantencion-sitio-off{margin-left: 6px;font-weight: 600;color: darkgray;font-size: 11px;}
.texto-mantencion-sitio-on{margin-left: 6px;font-weight: 600;color: red;font-size: 11px;}
.sub-menu2023{width: 130px;background-color: #bfbfbf;height: fit-content; position: absolute;top: -382px;z-index: -1;border-radius: 0px 0px 10px 10px;padding: 5px;text-align: center;box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 64%);}
.ver{transition: top 1s cubic-bezier(0.47, 1.29, 1, 1.01);Top: 57px;}
.no-ver{transition: top 1s cubic-bezier(0.79, 1.22, 1, 0.99);Top: -382px;}
.menu-ver{transition: top 1s cubic-bezier(0.04, 0.57, 0.23, 1.16);Top: 50px;}
.menu-no-ver{transition: top 1s cubic-bezier(0, 0.67, 0, 1.24);Top: -20px;}
#firma_recepcion_entrega{background-color: #fbfbfb;border-radius: 15px;border: 2px solid rgb(211 211 211);}
#firma_recepcion_recibe{background-color: #e9e9e9;border-radius: 15px;border: 2px solid rgb(86 86 86);}
.btn-menu2023{color: black;font-size: 13px}
.div_ubi_perf_movil{background-color: #f3f0f08f;border-radius: 14px;}
.color_celda_historial_perfil{padding: 3px 3px;border-radius: 5px;;cursor: pointer;border-bottom: 1px solid #d7d7d7;}
.color_celda_historial_perfil:hover{ zoom: 105%;}
.blanco_celda_historial_perfil{ padding: 3px 3px;border-radius: 5px;cursor: pointer;border-bottom: 1px solid #d7d7d7;}
.blanco_celda_historial_perfil:hover{zoom: 105%;}
.marcador{border-bottom: 3px solid rgb(9 255 105);border-radius: 26px;margin-top: -7px;}
.marcador_tranparente{border-bottom: 3px solid rgb(9 255 105 / 0%);border-radius: 26px;}
.btn-desplegar-menu {background-color: black;color: #6a9f19;border-radius: 0px 0px 15px 15px;margin-left: 23px;height: 23px;font-size: 16px;text-align: center;cursor: pointer;margin-top: 5px;}
.pagination {font-size: 12px;}
.hora-menu{color: #787878;margin: 6px 27px 0px 0px;font-size: 14px;font-weight: 500;}
.dropdown-menu-dark{background-color:white!important; color:dark!important;}
.efecto-menu{top:0px;transition: top .4s;}
.badge-estamento{display: inline-block;padding: 2px 4px 1px 4px;font-size: 11px;color: #7c7c81;white-space: nowrap;vertical-align: baseline;border-radius: 3px;margin: 0px 0px 0px 2px;position: absolute;background-color: #d1d1d187;}
.badge3{display: inline-block;padding: 2px 5px 2px 5px;font-size: 17px;line-height: 1;color: #f3f0f0c;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 1.25rem}
.btn-editar_qr{border: 1px solid #0b9f23f5;text-align: center;border-radius: 0.25rem;background-color: #3dc36d;color: beige;padding: 12px;box-shadow: 0px 3px 2px #a2a5a2;}
.marco {border-radius: 5px;width: auto;background-color: #00000017;padding: 10px 10px 0px 16px;height: 120px;box-shadow: 0px 1px 3px 1px #adadada1;}
.centrar-btn{width: 97px;margin-top: 9px;}
.thead-dark{border-style: none!important;border: #e1e1e1;}
.row-nombres-modal-moviles-asignados{margin-top: 8px;width: 300px;}
.tbody-dark{border: #42424200;color: #6a5f5f!important;font-weight: bold;}
.contenedor-detalles-mov-asignados-swal{background-color: white;border-radius: 9px;margin: 0px 0px 4px 0px;	}
.swal-wide{width:900px!important;}
/*.form-switch .form-check-input {width: 69px!important;height: 26px!important;}*/
.icono-alerta{position: absolute;right: 2px;top: 26px;}
.registro-actividad-perfil-usurio{width: 100%;height: 27px;padding: 0px;color: black;font-size: 10px;}
.tam-icono-alerta{width: 27px;height: 24px;animation-name: anim_icono_alerta;animation-duration: 2s;animation-iteration-count: infinite;}
.lapiz-foto{float: right;color: red;cursor: pointer;position: relative;}
.dimension-form-rem {width: 936px;height: auto;border-radius: 15px;border: 1px solid rgb(86 86 86 / 32%);margin-left: auto;margin-right: auto;box-shadow: 2px 2px 5px 0px #1a1a1a42;background-color: white;}
.porta_foto_rem{width: 378px;margin-left: 5px;}
.foto_rem_movil{ }
#canvas_rem{background:url("../img/foto_chasis_furgon.jpg");border: 1px solid rgb(173 172 172);border-radius: 0.25rem;}
.input_detalle{width: 434px;margin: 0px 0px 2px 0px;border: 1px solid rgb(165 165 165);border-radius: 0.25rem;font-weight: bold;padding: 0px 0px 0px 3px;color: red;font-size: 13px;}
.barra-buscador{background-color: #fbfbfb;border-radius: 13px;padding: 5px 7px 5px 10px;width: 280px;border: 1px solid rgb(131 131 131 / 13%);}
input:focus{outline:0px;}
.nombre_taller{background-color: #060606;width: fit-content;height: 24px;font-size: 11px;color: #f7f7f7;box-shadow: 3px 2px 4px 0px #9f9e9d78;border-radius: 0px 9px 10px 0px;padding: 3px 7px 4px 7px;border: 4px 0px 0px 0px;margin: 4px 0px 0px -16px;position: absolute;}
.table > tbody {vertical-align: middle!important;}
.tbody-dark:hover{color: blue!important;}
.input-editar-usuario {width: fit-content;height: 22px;font-size: 15px;margin-top: 5px;border-radius: 6px;border: 1px solid #ced4da;color: #000000;padding: 3px 0px 2px 4px;}
.select-editar-usuario{margin-top: 6px;height: 22px;border-radius: 6px;border: 1px solid #ced4da;width: fit-content;font-size: 13px;font-weight: 100;}
.btn-clave_qr{border: 1px solid #0b9f23f5;text-align: center;border-radius: 0.25rem;background-color: #3dc36d;color: beige;padding: 12px;box-shadow: 0px 3px 2px #a2a5a2;}
.fondo_menu{background-color: cadetblue;margin-top: 47px;border: 1px solid rgb(4 142 147);box-shadow: 1px 0px 3px 0px #1a1a1ac7;}
.btn-eliminar_qr{border: 1px solid #0b9f23f5;text-align: center;border-radius: 0.25rem;background-color: #3dc36d;color: beige;padding: 12px;box-shadow: 0px 3px 2px #a2a5a2;}
.btn-multimenu{border: 2px solid #000000f5;text-align: center;border-radius: 0.25rem;background-color: #fbfbfb;color: black;font-weight: bold;font-size: 20px;padding: 12px;box-shadow: 0px 3px 2px #a2a5a2;margin: 10px 0px 10px 0px;-cursor: pointer;}
.btn-multimenu:hover{background-color: black;color: white;box-shadow: 3px 4px 2px #454845;}
.card_recordatorio {max-width: 220px;min-height: 100px;font-size: 12px;font-weight: 500;color: #655b70;padding: 0px 0px 0px 0px;border: 1px solid rgb(104 104 104);margin: 0px 0px 6px 6px;border-radius: 0.25rem;}
.card_recordatorio_qr {max-width: 220px;min-height: 100px;font-size: 12px;font-weight: 500;color: #ff0000;padding: 0px 0px 0px 0px;border: 1px solid rgb(255 6 6);margin: 0px 0px 6px 6px;border-radius: 0.25rem;}
.card_autoprestamo{border-radius: 0.25rem;border: 1px solid rgb(104 104 104);color: #050505;padding: 5px 0px 0px 7px;width: 93px;height: 32px;}
.autor{border-radius: 0.25rem;background-color: #098083;height: fit-content;padding: 0px 3px 0px 3px;color: white;font-weight: bold;margin-left: 4px;}
.autor_qr {border-radius: 0.25rem; background-color: #9b0c0c; height: fit-content;padding: 0px 3px 0px 3px;color: white;font-weight: bold;margin-left: 4px;}
.header_recordatorios{margin-bottom: 0;background-color: rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.125);padding: 0px 0px 0px 5px;}
.footer_recordatorio{background-color: rgba(0, 0, 0, 0.03);border-top: 1px solid rgba(0, 0, 0, 0.125);}
.foto-full{width: -webkit-fill-available;}
.btn_mas{border: 1px solid transparent;font-size: 14px;color: #fff;background-color: #3dc36d;border-color: #3dc36d;border-radius: 0.25rem;}
.btn_close{height: 7px;margin: 0px 3px 0px 0px;color: white;border: 0px;float: right;background-color: #f5f5dc00;}
.btn_close:hover {color: black;}
.targetas-status-siniestros{width: 200px;height: 82px;padding: 4px;color: #040404;margin-top: 7px;border-radius: 0.25rem;border: 2px solid rgb(86 86 86);}
.targetas-status-usuarios{width: 90px;height: 51px;padding: 0px;color: #000000;margin-top: 0px;border-radius: 0.25rem;border: 1px solid #a1a1a100;background-color: #f9f9f9;box-shadow: 2px 2px 5px 0px #cfcfcf;}
.targetas-status-siniestros:hover{background-color: #3E3E3E;color:white;}
.targetas-status2-alerta{width: 100%;animation-name: anim_codigo_alerta;animation-duration: 1s;animation-iteration-count: infinite;color: white;margin-top: 4px;padding: 10px 3px 0px 0px;font-size: 13px!important;border-radius: 10px;}
.cod-peligro{color: #ffffff;padding-left: 7px;font-weight: bolder;font-size: 25px;width: 79px; background-color: firebrick;border-radius: 0px 0px 15px 0px;}
.aviso_online{animation-name: anim_online;animation-duration: 1s;animation-iteration-count: infinite;}
.msj_alerta{font-size: 12px;min-height: 100px;margin-bottom: 40px;}
.size_icono_menu{width: 19px;padding: 0px 0px 0px 0px;margin-top: 0px;margin-left: 0px;}
.ambu_asignada{border: 1px;background-color: #3d63c3;color: white;padding: 1px 5px 1px 5px;font-size: 13px;border-radius: 9px;}
.conductores_asignados{width: 100%;height: 20px;padding: 0px 0px 0px 0px;color: black;margin-top: 4px;margin-right: 10px;font-size: 12px;margin: 2px 0px 2px 0px;}
.card_conductores{width: 90%;padding: 9px;}
.card_conductores_dos{background-color: #f1f1f1;border-radius: 10px;padding: 2px;margin:0px;height: 130px}
.fondo_modal{background-color: #fbfbfb;border-radius: 8px;box-shadow: 0px 1px 1px 0px #6e6e6e26;border: 1px solid rgb(233 233 233);}
/*.targetas-filtro {width: 139px;padding: 3px;margin: 0px 2px 0px 2px;color: #000000;margin-top: 5px;border-radius: 0.3rem;cursor: pointer;text-align: center; height: min-content;border: 1px solid #de00e3;}
*/.targetas-filtro{width: 107px;padding: 0px 6px;margin: 0px 3px 0px 2px;margin-top: 4px;border-radius: 5px 20px 5px 20px;cursor: pointer;height: 25px;border: 1px solid #de00e3;text-align: center;color: #de00e3;}
.n1{font-size: 40px; font-weight: bold; /*text-shadow: 0.1em 0.1em 4px #00000045;*/}
.letra-blanca-black{color: black;font-weight: bold;width: fit-content;}

.f-p{width: 167px;height: 167px;box-shadow: 0px 2px 7px 0px #3e3e3e8a;border-radius: 100px;border: 1px solid rgb(151 151 151);}
.fotoUsuario {width: 122px;border-radius: 100px;}
.foto_rem{width: 100px;height: 100px;border-radius: 3px;border: 1px solid rgb(237 237 237);}
.foto_rem2{width: 200px;height: 200px;border-radius: 3px;border: 1px solid rgb(237 237 237);}
.icono-svg:hover{fill: red;}
.text_alerta_swal_bienvenida {font-size: 1.0em;font-weight: bold;}
.alerta_roja{animation-name: anim_letra_roja;animation-duration: 1s;animation-iteration-count: infinite;color: #ffffff;font-size: 1.0em;font-weight: bold;}
.swal-bienvenida{width: 80%;}
.icono_peligro{fill:red;}
.btn-menu-movil{color: #0a0a0a!important;border-color: #ced4da!important;}
.btn-menu-movil:hover{color: black!important;border-color: black!important;}
.dropdown-menu-dark .dropdown-item {color: #080808;font-size: 10px!important;}
.dropdown-menu-dark .dropdown-item:hover {font-weight: bold; color: black;}
#spinner2{position: absolute;z-index: 1001;top: 0;left: 0;right: 0;bottom: 0;margin: auto;padding-top: 8em;background-color: #ffffff96;}
.msj{background-color: #cb6622;padding: 3px 7px 4px 7px;margin-top: 4px;width: fit-content;height: 26px;font-size: 10px;color: #fdfffc;border-radius: 10px;}
.modal_rem{background-color: #ffffff;color: #8d8d8d;}
.input_rem{border-radius: 10px;font-size: 30px;text-transform: capitalize;}
.btn-pasos{width: 200px;height: 50px;font-size: 22px;}
.caja-liberar{min-height: 265px;width: 90%;margin-left: 2%;}
.circulo {border: 1px solid rgb(225 225 225);border-radius: 50px;height: 50px;width: 50px;padding: 11px;margin-left: 2px;box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 8%);font-weight: bold;font-size: 18px;background-color: #fdfdfd;color: #bbbbbb;}
.flecha{padding: 0;width: 13px;height: 10px;margin: 15px 0px 0px 8px;color: #e3e3e3;}
.fondo-verde{animation-name: anim_ap!important;animation-duration: 2s;animation-iteration-count: infinite;border: 1px solid rgb(36 169 2);color: white;font-size: 1.5em;padding: 7px;}
.flecha-verde{animation-name: anim_nombre_online!important;animation-duration: 1s;animation-iteration-count: infinite; font-weight: bold;}
.movil_asignado {border: 1px;background-color: #3dc36d;color: white;padding: 1px 5px 1px 5px;font-size: 13px;border-radius: 9px;}
.marco_input_rojo{border: 2px solid rgb(251 0 0);}
#spinner_rem_libera{position: absolute;z-index: 1001;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #ffffff00;width: 16%;}
#spinner_rem_asigna{position: absolute;z-index: 1001;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #ffffff00;width: 16%;}
.patente-card-rem{position: relative;background-color: black; padding: 2px 10px 2px 10px; font-weight: bold; border-radius: 0px 0px 9px 0px;width: 50px;}
#msj{color: yellow;font-style: italic;font-size: 13px;padding: 3px 0px 0px 7px;position: absolute;}
#div-card{border-radius: 5px;box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 10%);border: 1px solid rgb(221 221 221);}
#div-card_asignar{border-radius: 5px;box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 10%);border: 1px solid rgb(221 221 221);}
.porta-formulario{width: 100%; overflow: hidden;}
.porta-formulario form{display: flex;width: 500%;}
.pagina-rem-box{width: 479px;transition: margin-left 0.3s ease-in-out;}
.caja-liberar2{min-height: 166px;width: 465px;}
.contenedor{width: 465px;}
.mensajito{color: red;font-size: 12px;font-style: italic;}
form input{border-radius: 10px!important;}
form select{border-radius: 10px!important;}
.prox_cod{font-size: 37px;padding: 0px 10px;font-weight: bold;margin-left: 2px;background-color: black;border-radius: 8px;width: 107px;}
.linkBajoSelect{color: blue!important; font-size: 10px;margin-left: 11px;position: absolute; cursor: pointer;}
span img{width: 13px; margin-bottom: 4px;}
.input-editar{position: relative;border-radius: 5px;margin-left: -3px;margin-top: -2px;font-weight: 500;height: 28px;box-shadow: 2px 2px 5px 0px #adadada6;border: 1px solid rgb(90 90 90 29%);}
#div_input_oculto{position:absolute;}
.texto-aceptar{color:green; cursor: pointer;}
.texto-cancelar{color:red; cursor: pointer;}
.rowconbordeysombra{box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 10%);border-radius: 12px;padding:0px;border: 1px solid rgb(221 221 221);}
.rowconbordeysombra:hover{box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 31%);}
.div-usuario-pc{background-color: #9ff725f2;;color: black;font-weight: 500;border-radius: 0px 0px 40px 0px;height: 40px;}
.div-usuario-pc-taller{background-color: red;;color: white;font-weight: 500;border-radius: 0px 0px 40px 0px;height: 40px;}
.div-usuario-pc-disponible{background-color: #005dffc2;color: white;font-weight: 500;border-radius: 0px 0px 40px 0px;height: 40px;}
.casilla-roja{border: 2px solid #ff00002e;background-color: #f7030330;}
.casilla-verde{border: 2px solid #41d527;background-color: #06ff4830;}
.marca_pc{height: 30px;color: #7c7c7c;font-size: 13px;margin-top: 6px;}
.cod_pc{background: #464646c7;color: #ffffff;font-weight: 500;font-size: 18px;width: 71px;border-radius: 10px 0px 15px 0px;}
.r15{color: #979797;font-size: 12px;}
.vina{width: 50px;height: 18px;padding: 0px 0px 0px 5px;color: #f4f5f1;background-color: #db9515db;border-radius: 0px 0px 10px;font-size: 13px;}
.stgo{width: 50px;height: 18px;padding: 0px 0px 0px 5px;color: #f4f5f1;background-color: #aab50f;border-radius: 0px 0px 10px;font-size: 13px;}
.en_taller{width: 50px;height: 18px;padding: 0px 0px 0px 5px;color: #f4f5f1;background-color: #a10000a6;border-radius: 0px 0px 10px 0px;font-size: 13px;}
.de_baja{width: 50px;height: 18px;padding: 0px 0px 0px 5px;color: #f4f5f1;background-color: #db9515;border-radius: 0px 0px 10px;font-size: 13px;}
.marco_notifi_menu{font-size: 11px!important;border: 1px solid #46989b;box-shadow: 1px 1px 3px 0px #3a3a3a47;border-radius: 0px 11px 11px 0px;background-color: #ffffff00;width: 300px;height: 35px;margin: 2px 0px 2px -6px;padding: 7px 0px 0px 0px;}
.marco_notifi_menu:hover {color: blue!important;font-weight: bold;}
.btn-card-pc{display: inline-block;padding: 0.35em 0.65em;font-size: 9px;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 10px 0 10px 0;}
.btn-card-pc:hover{box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 10%); background-color: #c6e7bd!important;}
.text_cookies {margin-top: 5px;margin-left: 6px;font-weight: bold;}
.fondo_tabla {background-color: lightyellow;}
.cond_pareja {color: #5870c7;}
.cond_pareja2 {color: #9f3333;}
.estamento1 {background-color: white;}
.estamento2 {background-color: #e7e7e7;}
.baja_card{filter: opacity(0.3);}
.popup_card{font-size: 9px;border-radius: 3px;color: white;padding: 0px 0px 0px 2px;max-width:125px; width: auto;margin: 1px 0px 0px 81px;}
.popup_card:hover{background-color: black;color: white;}
.foto-perfil {position: relative;width: 200px;margin-top: 10px;}
.record {background-color: #fbff00;border-radius: 5px 5px 5px 5px;width: fit-content;font-size: 11px;height: 14px;padding: 0px 5px 0px 5px;margin-left: 196px;box-shadow: 0px 1px 3px 1px #1a1a1a2e;cursor: pointer;}
.estrella_card{width: 27px;height:27px; margin-left: 173px;}
.nom_foto_galeria{color: white;background-color: black;font-size: 10px;border-radius: 5px 0px 15px 0px;margin: 0px 0px 0px -12px;padding: 0px 3px;}
.marco_foto_galeria{width: 120px;border-radius: 5px 5px 0px 0px;border: 1px solid rgb(237 237 237);}
.input_vacio{background-color: #ff000014;border: 1px solid #fb0303;}
#lista{font-size: 12px;}
.motivoLista{width: 160px;margin-top: 8px;}
.codMovilLista{width: 70px; margin-top: 8px;}
.fechaLista{width: 150px; margin-top: 8px;}
.nombreLista{width: 178px; margin-top: 8px;}
.notaLista{width: 360px; margin-top: 8px;}
.iconoLista{width: 65px; margin-top: 2px;}
.form-floating{font-size:13px;}
.tamLetraSelect{font-size: 12px;}
.form-floating > .form-select {padding: 11px 0px 0px 15px;height: 40px;}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {padding: 11px 0px 0px 17px;height: 40px;}
.f20{font-size: 20px!important;}
.inputRojo{background-color: #ffe5e5;border-color: #ff0000;color: red;}
.casillaFotoRoja{background-color: #df2e2e;border-color: #ff0000;color: red;padding: 2px;}
.lapiz{background-image: url(../img/lapiz.png);width: 27px;height: 25px;background-repeat: no-repeat;zoom: 65%;float: inline-end;cursor: pointer;margin-top: 5px;}
.agendar {width: 50px;height: 18px;padding: 0px 5px 0px 5px;color: #f4f5f1;background-color: #000000;border-radius: 0px 5px 5px 0px;font-size: 9px; cursor:pointer;}
.inputRt{height: 70px;font-size: 21px;}
.enc{font-style: italic;font-size: 12px;padding: 0px 0px 0px 8px;font-weight: 600;}
.lEi{font-style: italic;font-size: small;height: 11px;margin: 0px 0px 6px 7px;}
.statusCuentaUsuarioActiva{width: fit-content;height: fit-content;font-weight: bold;padding: 3px 8px 2px 10px;color: #838080;font-size: 10px;border-radius: 0px 0px 10px 0px;box-shadow: 1px 1px 5px 0px #6ba764;}
.statusCuentaUsuarioDesactiva{width: fit-content;height: fit-content;font-weight: bold;padding: 3px 8px 2px 10px;color: #bfbfbf;font-size: 10px;border-radius: 0px 0px 10px 0px;box-shadow: 1px 1px 5px 0px #a7a7a7;background-color: #ffffff;}
.vehiculoAsignadoCard{font-size: 12px;background-color: #e7e7e7;padding: 3px 4px;width: fit-content;border-radius: 1px 6px 6px 0px;color: #8d8d8d;}
.swal2-container {z-index:1099;}
.cajaFoto{width: 70px;height: 70px;border: 1px solid rgb(221 221 221);margin:20px 0px;position: absolute;}
.espera-img{width: 50px;height: 50px;position: relative;margin: 28px 0px 0px 10px;}
.marcoStatus{width: fit-content;height: 18px;font-weight: 600;padding: 0px 8px 0px 8px;background-color: #3b3b3b;font-size: 11px;border-radius: 0px 0px 10px 0px;}
.cod-baja{background: #818181;color: #b7b7b7;padding-left: 7px;font-weight: bolder;font-size: 25px;width: 90px;border-radius: 0px 0px 15px 0px;}
.lt1{color: #000000;font-size: 13px;font-weight: 500;margin: 3px 0px 0px 10px;}
.marcoImgSiniestro{width: 70px;height: 70px;border: 1px solid rgb(221 221 221);margin: 19px 0px;}
.cardTituloArticulos {font-size:15px;padding: 5px 0px 0px 8px;background-color: #f3f3f3bd;font-weight: bold;width: -webkit-fill-available;height: 37px;color: black;box-shadow: inset 0px -6px 6px 3px #cdcdcd73;}
.cardInventario{margin-bottom: 25px;}
.cardInventario:hover{box-shadow: 0px 0px 6px 3px #cdcdcd73;border: 1px solid rgb(179 179 179);}
.tamano-icono-menu {width: 35px;margin: 5px 21px 5px 4px;}
.tamano-icono-menu:hover {filter:contrast(0.5);}
.miniSombra{box-shadow: rgb(120 120 120 / 46%) 1px 1px 2px 0px;border-width: 1px;border-style: solid;border-color: rgba(221, 221, 221, 0);border-image: initial;}
.alertas_correctivas2 {width: 100%;min-height: 30px;padding: 6px 0px 0px 10px;color: black;margin-top: 4px;margin-right: 10px;font-size: 12px;margin: 2px 0px 2px 0px;}
.barra-verde{border-left: 3px solid rgb(9 255 105);}
.badgeAlerta{background-color: #ff6464;color: white;padding: 3px 12px;border-radius: 15px 0px 15px 0px;width: fit-content;height: fit-content;margin: 3px 3px 3px 3px;box-shadow: 1px 2px 3px 0px #3c3c3c94;}
.cod{background: black;color: white;padding-left: 7px;font-weight: bolder;font-size: 25px;width: 79px;border-radius: 0px 0px 15px 0px;}
.codCompu{    /* background: black; */
    color: #000000;
    t: 7px;
    /* font-size: 25px; */
    /* width: 79px; */
    /* border-radius: 0px 0px 15px 0px; */
    /* text-shadow: 0px 1px 15px #60baec; */
    font-weight: bold;}
.codCelu{background: #e5e5e5;color: #959595;font-weight: bolder;font-size: 20px;width: 110px;border-radius: 0px 0px 15px 0px;}
.cajaCardCel {font-size: 10px;border-radius: 10px 3px 12px 3px;padding: 2px 7px;font-style: italic;}
.badgeMotivoIngreso {background-color: #ff0f0f;color: white;font-size: 11px;padding: 3px 12px;border-radius: 15px 0px 15px 0px;width: fit-content;height: fit-content;margin: 3px 3px 3px 3px;box-shadow: 1px 2px 3px 0px #3c3c3c94;}
.portaResultado{font-size: 12px;margin: 2px 0px 2px 0px;}
.tamIconoMasInfo {width: 18px;}
.borde-ventana {border-radius: 8px!important;background-color: #fff;}
.imagen {-webkit-transform:scale(1.3);transform:scale(1.3);}
.card {overflow:hidden;border-radius: 15px;}
.card:hover{box-shadow: 0px 3px 6px 1px #78787875;}
.disp{width: 45px;height: 22px;font-weight: 600;padding: 0px 0px 0px 7px;color: #f4f5f1;background-color: #2D9C20;}
.de-baja {background: black;color: grey;padding-left: 7px;font-weight: bolder;font-size: 25px;width: 79px;border-radius: 0px 0px 15px 0px;}
.cod-taller{ background: black;color: #9f0000;padding-left: 7px;font-weight: bolder;font-size: 25px;width: 79px;border-radius: 0px 0px 15px 0px;}

.en-taller { width: 47px; height: 21px; font-weight: 600;padding: 0px 0px 0px 4px;color: #f4f5f1;background-color: #ff0000;}
.marco-km-peligro {animation-name: anim_codigo_alerta;animation-duration: 1s;animation-iteration-count: infinite;padding: 3px 7px 4px 7px;width: fit-content;height: 25px;font-size: 12px;color: #ffffff;border-radius: 0px 9px 10px 0px;box-shadow: 3px 2px 4px 0px #9f9e9d78;margin: 4px 0px 4px -16px;}
.marco-km-actualizado_hoy {font-style: italic;margin-left: -13px;margin-bottom: 5px;margin-top: 0px;font-size: 14px;color: #2c8d06;font-weight: 600;}
.marco-km-actualizado {font-style: italic;margin-left: -13px;margin-bottom: 5px;margin-top: 0px;font-size: 14px;color: #ff9547;font-weight: 600;}
.marco-km-actualizado-peligro { font-style: italic;margin-left: -13px;margin-bottom: 5px;margin-top: 0px;font-size: 14px;color: #ff2424;font-weight: 600;}
.footer {height: 100px;margin: 20px 0px 0px 0px;text-align: center;color: #FFF;font-weight: bold;padding-top: 32px;font-size: 12px;border: 1px solid rgb(30 32 32);}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
.tamEstPaginadoLg{font-size: 13px;font-style: italic;}
.tamEstPaginadoSm{font-size: 12px;font-weight: bold;}
/*.minHeightCard{min-height: 670px;}*/
.cajaSpinner{width: -webkit-fill-available;height: -webkit-fill-available;position: absolute;z-index: 1000;background-color: #ffffffd1;}
.cajaSpinnerDashboard{width: -webkit-fill-available;height: -webkit-fill-available;position: absolute;z-index: 1000;background-color: #ffffffd1;padding-top: 44px;}
.spinerTurno {color: white;font-size: 10px;padding: 2px 4px;width: 54px;border-radius: 0px 6px 6px 0px;}
.btnMas{border: solid 1px #ced4da;border-radius: 8px;color: #000000;height: 20px;width: fit-content;font-size: 12px;}
.btnMas:hover{border: solid 1px black;font-weight: bold;}
.fotoInventario{display:flex;justify-content:center;align-items:center;height:157px;}
.absolute{position:absolute;}
.tituloSeccion {font-size: 27px;color: #c7c7c7;}
.fotoCard{width: auto;height: 133px;}
.subtitulo{font-style:italic;font-size: 11px;color:black;}
.nombreAsignado{font-size: 12px;color: #a38800;}
.sombraLogo{box-shadow: rgb(0 0 0 / 78%) 3px 3px 5px 0px; border-radius: 7px 7px 7px 7px;}
.tam-numero{font-size: 18px;}
/*.modalSwal{z-index: 1055;}*/
.cajaDetalleInforme{height: fit-content;padding: 10px 0px;width: 200px;margin: 0px 5px 0px 5px;}
.cajaTablaInforme{padding: 10px;width: 870px;}
.container-flex{display: flex;background-color: #46424633;height: 65px;width: 65px;justify-content: center;align-items: center;border-radius: 40px;overflow: hidden;border: 1px solid #ff5ff3;margin-left: auto;margin-right: auto;}
.foto_conductor{height: 96%;border-radius: 40px;}
.left{text-align: left;}
.cardAyudaMemoria {position: relative;padding: 0.7rem 0.7rem;margin-bottom: 0.5rem;border: 1px solid transparent;border-radius: 0.25rem;}
.msjSinResultados{width: -webkit-fill-available;height: max-content;text-align: center;margin-top: 50px;font-style: italic;font-size: 12px;}
.listaSiniestrosCheck{font-size: 14px;border: 1px solid #ced4da;border-radius: 6px;padding: 7px 10px;margin: 21px;}
.msjRepa{color: #ff0000;border: 1px solid #ff0f0f;border-radius: 10px;padding: 5px 5px 5px 6px;margin: 5px 5px 5px 5px;text-align: justify;width: 455px;font-size: 12px;}
.cajaFotoMsjRetiro{width: 30px;height: 30px;border-radius: 15px;margin-left: -8px;border: 2px solid #ffffff;}
.liSiniestros{margin-left: 63px;background-color: #9d00ff;color: white;width: fit-content;border-radius: 16px;padding: 2px 2px;font-size: 12px;}
.alert-gris{color: #ffffff;background-color: #6a6a6a;}
.fotoVehiculos{display: flex;justify-content: center;align-items: center;height:157px;zoom:85%;margin-top: -15px;}
.areaDetallesCard{background-color: white;margin-top: -5px;padding: 0px 0px 0px 0px;}
.badgeConductores{background-color: black;width: stretch;margin: 0px 4px;border-radius: 0px 0px 10px 10px;color: white;}
.badgeUbicacion{background-color: white; color:black; border: 1px solid black; animation-name: anim_badge_morado; animation-duration: 2s;animation-iteration-count: infinite;border-radius: 10px;padding: 0px 6px;}
.opaco{filter: opacity(0.3);}
.centrarContenidoCard{display: flex;justify-content: center;align-items: center;height: 157px;}
.tamImgCard{min-height: 218px;zoom: 57%;align-content: center;text-align: center;}
.contenidoLog{background-color: #1e1e1e;color: #ffffff;padding: 15px;border-radius: 5px;max-height: 500px;overflow-y: auto;font-family: monospace;font-size: 10px;white-space: pre-wrap;word-break: break-all;width: max-content;}
/********** NEGRITA **********/
.negrita{font-weight: bold;}

/********** TAMAÑO LETRA **********/
.tl1{font-size:9px;}
.tl2 {font-size:10px;}
.tl3 {font-size:11px;}
.tl4 {font-size:12px;}
.tl5 {font-size:13px;}
.tl6 {font-size:16px;}
.tl8 {font-size:18px;}
.tl20{font-size: 20px;}
.tl28{font-size: 28px;}
.tl32 {font-size:32px;}
.tamLet{font-size: 12px;} 

.badgeCard{padding: 2px 9px;border-radius: 10px 0px 10px 0px;width: fit-content;margin: 2px 0px 0px 2px;font-weight: bold;}
.badgeVerde{background-color: #00a924;color: #f1f1f1;padding: 0px 9px;border-radius: 10px;}
.badgeVerdeOscuro{background-color: #00480f3b;color: #005a03;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeRojo{background-color: red;color: white;padding: 0px 9px;border-radius: 10px;width: fit-content; height: fit-content;}
.badgeAzul{background-color:blue;color: white;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeAzulOscuro{background-color: #92bde98c;color: #3956e9;padding: 0px 9px;border-radius: 10px;}
.badgeMorado{background-color: #8700d9;color: white;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeMoradoClaro{background-color: #d794ff;color: white;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeNaranjo{background-color: #ff6124;color: #ffffff;padding: 0px 9px;border-radius: 10px; width: fit-content; height: fit-content;}

#f7c17e
.badgeAmarillo{background-color:#ffff8d;color: black;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeGris{background-color: #bfbfbf;color: #000000;padding: 0px 9px;border-radius: 10px;}
.badgeCeleste{background-color:#00a1a9;color: white;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeLila{background-color:#f4d2ff;color: #cd06e5;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeNegro{background-color:#484848;color: #e9e9e9;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeNaranjoOscuro{background-color:#ddbb7c;color: #9f6918;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeAmarilloOscuro{background-color:#ffff8d;color: #9d9326;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeAmarilloOscuro2{background-color:#ffff8d;color: #9d9326;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgePistacho{background-color:#70e3e3a8;color: #0093d9;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeCodigo{background-color: #feecff;color: #b400b7;padding: 0px 9px;border-radius: 10px;width: fit-content;border: 1px solid #db00c07d;}
.badgeGrisClaro{background-color: #e5e5e5;color: #000000;padding: 0px 9px;border-radius: 10px;}
.badgeGrisClaro:hover{background-color: #d9e1ff;}
.badgeRojoClaro{background-color: #ffdede;color: #ff0000;padding: 0px 9px;border-radius: 10px;width: fit-content;height: fit-content;}
.badgeVerdeClaro{background-color: #ccffcc;color: #36c936;padding: 0px 9px;border-radius: 10px;width: fit-content;height: fit-content;}
.badgeNaranjoClaro{background-color: #ffe8cb;color: #ff994d;padding: 0px 9px;border-radius: 10px;width: fit-content;height: fit-content;}
.badgeNaranjoClaro2{background-color: #f7c17e;color: #ff994d;padding: 0px 9px;border-radius: 10px;width: fit-content;height: fit-content;}

.badgeGrisObalado{background-color: #7e7e7e;color: black;padding: 0px 9px;border-radius: 13px 0px 13px 0px;}
.badgeRojoObalado{background-color: #ff8f8f;color: white;padding: 0px 9px;border-radius: 13px 0px 13px 0px;}
.badgeVerdeObalado{background-color: #9bd996;color: #ffffff;padding: 0px 0px;border-radius: 13px 0px 13px 0px;}
.badgeCelesteObalado{background-color: #7e7e7e;color: #45caf5;border: 1px solid #77d9ff;padding: 0px 9px;border-radius: 13px 0px 13px 0px;}
.badgeNaranjoObalado{background-color: #7e7e7e;color: #f38b57;border: 1px solid #fdae88;padding: 0px 9px;border-radius: 13px 0px 13px 0px;}
.badgeAzulObalado{background-color: #7e7e7e;color: #4c71ff;border: 1px solid #0037ff;padding: 0px 9px;border-radius: 13px 0px 13px 0px;}

.posDetTall{position: absolute;margin: 27px 5px 0px 5px;}

/*********** BORDES BADGES *****************/
.bordeX2morado{border: 2px solid #f45aff;}


.badgeAmarilloDos {background-color: #12120573;border: 2px solid yellow;color: #e4ff00;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeVerdeDos {background-color: #12120573;border: 2px solid #31ef24;color: #31ef24;padding: 0px 9px;border-radius: 10px;width: fit-content;}
.badgeNegroDos {background-color: #12120a73;border: 2px solid black;color: #f5f5f5;padding: 0px 9px;border-radius: 10px;width: fit-content;}

/************ F L E C H A S ***********/
.flechaVerde {background-color: #1dab00;color: white;padding: 0px 6px;position: relative;border: solid 1px #1dab00;border-right: none;border-radius: 5px 1px 1px 5px;zoom: 82%;}
.flechaVerde:after {position: absolute;top: 3px;right: -5px;width: 10px;height: 10px;border-left: solid 1px #1dab00;border-top: solid 1px #1dab00;transform: rotate(134deg) skewX(-10deg) skewY(-10deg);content: '';background-color: #1dab00;}

.flechaVerdeApagado {background-color: #cadfc5;color: #898989;padding: 0px 6px;position: relative;border: solid 1px #c1c1c1;border-right: none;border-radius: 5px 1px 1px 5px;}
.flechaVerdeApagado:after {position: absolute;top: 3px;right: -5px;width: 10px;height: 10px;border-left: solid 1px #c1c1c1;border-top: solid 1px #c1c1c1;transform: rotate(134deg) skewX(-10deg) skewY(-10deg);content: '';background-color: #cadfc5;}

.flechaNegra {background-color: black;color: white;padding: 0px 6px;position: relative;border: solid 1px black;border-right: none;border-radius: 5px 1px 1px 5px;zoom: 82%;}
.flechaNegra:after{position: absolute;top: 3px;right: -5px;width: 10px;height: 10px;border-left: solid 1px black;border-top: solid 1px black;transform: rotate(134deg) skewX(-10deg) skewY(-10deg);content: '';background-color: black;}

.flechaLila {background-color: #006595;color: #ffffff;padding: 0px 11px;position: relative;border: solid 1px #006595;border-right: none;border-radius: 5px 1px 1px 5px;zoom: 82%;}
.flechaLila:after{position: absolute;top: 3px;right: -5px;width: 11px;height: 11px;border-left: solid 1px #006595;border-top: solid 1px #006595;transform: rotate(134deg) skewX(-10deg) skewY(-10deg);content: '';background-color: #006595;}

.flechaAbajoMorado {background-color: #b847cd;color: #ffffff;padding: 0px 4px;position: relative;border: solid 1px #e400ff00;border-radius: 5px 5px 1px 1px;width: 40px;font-size: 10px;font-weight: 100;z-index: 506;transform-style: preserve-3d;}
.flechaAbajoMorado:after{position: absolute;top: 8px;right: 10px;width: 18px;height: 18px;border: 1px solid #b847cd;transform: rotate(218deg) skewX(-26deg) skewY(344deg) translateZ(-1px);content: '';background-color: #b847cd;}

.flechaAbajoMoradoGrande {background-color: #b847cd;color: #ffffff;padding: 0px 6px;position: relative;border: solid 1px #b847cd;border-radius: 5px 5px 12px 14px;font-size: 10px;font-weight: 100;z-index: 506;transform-style: preserve-3d;}
.flechaAbajoMoradoGrande:after{position: absolute;top: -14px;right: 122px;width: 63px;height: 56px;border: 1px solid #b847cd;transform: rotate(208deg) skewX(113deg) skewY(50deg) translateZ(-1px);content: '';background-color: #b847cd;}



/********** COLORES DE FONDO **********/
.grisSuperClaro{background-color: #e5e5e5;}
.fondo-celeste-transparente:hover{color:#0c01b5;}
.fondo-semiblanco:hover{color:#0c01b5;}
.rojo-pistacho{background-color: #990000fa;}
.rojo-vivo{background-color: red;}
.color-gris-claro{background-color: #ebebeb!important;}
.fondo-semiblanco{background-color: white;}
.fondo-celeste-transparente{background-color: #cbcbcb4d;}
.fondo_menu_smart{background-color: #252525;}
.fondoVerdeClaro{background-color: #44a724c7;}
.fondoMoradoClaro{background-color: #b847cd;}
.fondoNegro {background-color: black;}
.fondoRojo{background-color: red!important;}
.fondoRojoClaro{background-color: #ff6464;}
.fondoRojoSuperClaro{background-color: #ffdbdb;}
.fondoCelesteOscuro{background-color: #4186a1;}
.fondoAzulOscuro{background-color: #4039ad;}
.fondoBlanco{background-color: white;}
.fondoAmarilloClaro{background-color:#f2f7a4;}
.fondoMoradoSuperClaro{background-color: #f1d6ff;}
.fondoGrisSuperClaro{background-color: #f7f7f7;}
.fondoNaranjo{background-color: orange;}
.fondoVariableNegroMorado{animation-name: anim_negro_morado;animation-duration: 2s;animation-iteration-count: infinite;}
.fondoCalipso{background-color: #007893;}
.fondoNaranjoOscuro{background-color: #c76500;}

.color-pistacho {background-color: #c0c30a;}
.color-calipso {background-color: #3dc36d;}
.color-rojo {background-color: #bd1818!important;}
.color-rojo-claro {background-color: #ff000029!important;}
.color-rojo-claro-variable {animation-name: anim_codigo_alerta;animation-duration: 1s;animation-iteration-count: infinite;}
.color-amarillo {background-color: #bdb122;}
.color-morado {background-color: #b97ac5;}
.color-lila{background-color: #8700d9;}
.color-celeste-claro {background-color: #88b4d3;}
.color-naranjo-claro {background-color: #ff4100b0;}
.color-rojo-claro-btn {background-color: #d75656;}
.color-azul-claro {background-color: #666ea3;}
.color-celeste-transparente{background-color: #6565bb1c;}
.color-rosa {background-color: #e543a4;}
.color-gris {background-color: #696a70;}
.color-celeste {background-color: #a0c2f9;}
.color-verde {background-color: #8cc57a ;}
.color-verde-claro{background-color: #8cc57a29;}
.color-azul {background-color: #2b47d1;}
.color-celeste-vivo{background-color: #00c0f9;}
.color-negro {background-color: black;}


/********** COLORES DE LETRAS **********/
.letraGris {color: #e7e1e1;}
.letraVerdeClaro{color: #61a96d;}
.letra-azul{color: #1f01ff;}
.letra-azul-claro{color: #4496ff;}
.letra-gris{color: #6c6c6c!important;}
.letraRojaClara{color:#ef9a9a;}
.letraBlanca{color:white;}
.letra-celeste{color: #87e9ff!important;}
.letra-oro{color: #d5c99c!important;}
.letra-verde-zulado{color: #498f9b!important;}
.letra-blanca{color: white!important;}
.letra-negra{color: #161616!important;}
.letra-roja{color: #ff0004!important;}
.letra-verde{color: #179F02!important;}
.letra-gris-claro{color: #cbcbcb!important;}
.letra-lila{color: #b833ff;}
.letra-naranja{color: orange;}
.letra-morada{color: #de00e3;}
.letraAzul{color: blue!important;}
.letraVerdeFluor{color:#6cff00;}
.letraAmarilla{color:#efff00;}

/********** COLOR DE BORDES  **********/
.borde-verde{border: 1px solid rgb(44 161 90 / 39%);}
.borde-rojo{border: 1px solid rgb(247 0 0 / 29%);}
.borde-naranjo{border: 1px solid rgb(247 0 0 / 29%);}
.borde-verde:hover {border: 1px solid rgb(0 217 85 / 73%);}
.borde-lila{border: 2px solid #b833ff;}
    

/************ BADGE BOTONES ****************************/
.btnMoradofluor{background-color: #fcf3ff;padding: 0px 5px;border-radius: 10px;border: 1px solid #ce6dff;color: #9300ff;}
.btnPerfilfluor{background-color: #fcf3ff00;padding: 0px 5px;border-radius: 10px;border: 2px solid #a900ff;color: #bd64ff;}
.btnAmarillofluor{background-color: #fcf3ff00;padding: 0px 5px;border-radius: 10px;border: 2px solid #a900ff;color: #bd64ff;}
.btnBlancoFluor{background-color: #fcf3ff00;padding: 0px 5px;border-radius: 10px;border: 2px solid #9f9f9f;color: #9f9f9f;}

/********** SOMBRAS  **********/
.sombraCardBody{box-shadow: 0px 0px 10px 0px #cbc9c9;padding-top: 9px;margin-top: -17px;}
.sombraCardBody:hover{box-shadow: 0px 0px 10px 0px #d090f1;}

/********** MARCO BADGE 2025  **********/
.marcoBadge{width: fit-content;height: fit-content;box-shadow: rgba(60, 60, 60, 0.58) 1px 2px 3px 0px;padding: 4px 13px;border-radius: 30px 2px;margin: 1px;}
.marcoHistrorialGral{margin-left: 1px; min-height: 240px;}
.marcoInvAsig{padding: 6px 0px;border: 1px solid #cdcdcd;border-radius: 15px;}


/********** MOVIMIENTOS LINK CARD ******/
.card-mueve {display: block;position: relative;overflow: hidden;}
.card-mueve span:first-child { display: inline-block;padding: 10px;}
.card-mueve span:last-child {position: absolute;height: 75px;background-color: black;color: gray;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;transform: translateY(-100%);}
.card-mueve span {transition: transform 0.2s ease-out;}
.card-mueve:hover span:first-child {transform: translateY(100%);}
.card-mueve:hover span:last-child {transform: none;}
/* FIN MOVIMIENTOS LINK CARD*/

.boton-chico-rojo {width: 47px;height: 21px;padding: 0px 0px 0px 0px;margin: 1px 0px 0px -7px;background-color: #cd3d0b;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 box-shadow: 0px 3px 2px #a2a5a2;font-size: 10px;color: white;border: 1px solid transparent;}
.porta_detalles_rem{width: 470px;margin-left: 14px;}
/*.btn-warning{color: #40ff60!important;background-color: #81818142!important;border-color: #000000!important;box-shadow: 2px 1px 1px 1px #1a1a1ac7;}
.btn-warning:hover {color: #40ff60!important;background-color: #81818142!important;border-color: #000000!important;box-shadow: 2px 1px 1px 1px #1a1a1ac7;}*/
.boton-celular {display: none;}	
.boton-tablet {display: none;}
.ancho-nombre {width: 170px;}
.resaltar:hover{font-weight: bold;cursor: pointer;color: red;}
.m_left{margin-left: 42px;}
.titulo-menu-smart{font-size: 26px;text-align: center;}
.numero_km_card_verde{font-style: italic;font-size: 18px;font-weight: 900;color: green;}
.numero_km_card_rojo{font-style:italic;font-size: 18px;font-weight: 900;color:red;}
.oculto_desktop {display: none;}
.margenSup {margin-top: 24px;}
.mano{cursor: pointer;}
.oculto{display: none;}
.cargando {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;opacity: .8;display: none;background-color: black;font-size: 25px;color: beige;background-repeat: no-repeat;padding-top: 251px;text-align: center;}
.foto_encabezado{width: 50px;height: 50px;border-radius: 30px;margin-right: 0px;}
.margen_top{margin-top: 93px;}
.accordion-item {border: 1px solid rgb(0 0 0 / 0%)!important; }
.nav-link {text-transform: none;}
.btn_login_rut {padding: 10px!important;font-size: 20px!important;}
.img_movil_qr{margin: auto;width: 60%;}
.marco-mini {font-size: 13px;height: 37px;margin-bottom: 6px;width: 191px;font-weight: 500;margin: 0px 27px 0px -16px;padding: 2px 0px 0px 6px;color: #7c7c7c;background-color: #e5e5e5a6;border-radius: 0px 9px 33px 0px;}
.logo_refresh{width: 20px;height: 20px;}
.cod_qr {margin-left: 1px;margin-top: 1px;font-size: 22px;padding: 2px;background-color: white;width: 24px;height: 24px;}
.marco-conductor-cfp{background: #ebebeb;color: #4e4e4e; width: fit-content; webkit-box-shadow: 1px 1px 0px 0px #929490;font-size: 12px;border-radius: 0px 7px 5px 0px;padding: 2px 3px 2px 2px;margin: 0px 0px 3px -17px;font-style: italic;}
.marco-conductor-cfp_ambu{background: #445295;color: #feffff;margin-top: 0px;margin-left: -16px;width: fit-content;webkit-box-shadow: 1px 1px 0px 0px #929490;font-size: 12px;border-radius: 0px 9px 10px 0px;padding: 3px 7px 4px 7px; }
.r15_qr {background: #ebebeb;color: #5700fb;padding: 2px 6px 0px 4px;width: fit-content;webkit-box-shadow: 1px 1px 0px 0px #929490;font-family: 'Baloo Da 2', cursive;font-size: 12px;border-radius: 0px 9px 10px 0px;margin: 2px 0px 2px -17px;font-style: italic;}
.marco-patente {width: 70px;height: 22px;font-weight: 600;padding: 0px 0px 0px 7px;color: #f4f5f1;background-color: #464545;}
.marco-patente_qr {width: 87px;height: 31px;font-weight: 600;padding: 0px 0px 0px 7px;color: #f4f5f1;background-color: #464545;font-size: 21px;}
.sombra_card {box-shadow: 0px 0px 10px 0px #e7e7e763;}
.alto-minimo{min-height: 324px;}

/******************* EFECTO CARD VEHICULOS *****************/
.image {box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 10%);overflow: hidden;position: relative;}
.image.fade1 figcaption {opacity: 0;visibility: hidden;}
.image.fade1:hover > img {opacity: 0;visibility: hidden;}
.image.fade1:hover > figcaption {opacity: 1;visibility: visible;}
.fg-card-movil:hover{min-height: 75px;left: 0px;line-height: 112px;position: absolute;text-align: center;font-size: 26px;text-transform: uppercase;top: 0px;transition: all 0.50s ease;width: 100%;background-color: #65666599;box-shadow: 1px 2px 3px 0px #9b9999c7;}
.fg-card-movil{color: transparent;}
figure img {border-radius: 5px;height: 100%;transition: all .23s ease;}
.image figcaption {height: 90px;left: 0px;line-height: 73px;position: absolute;text-align: center;font-size: 30px;text-transform: uppercase;color: #600078;top: 201px;transition: all 0.50s ease;width: 100%;background-color: black;}
.card-img-top{height: 136px;}
.fondo_acordeon{background-color:cadetblue;}
.menu-dark {padding: 0px;color: white!important;font-size: 13px;background-color: #252525;}
.accordion-header {margin: -1px!important;background-color: #2e8083a8;}
.accordion-header:hover{background-color: #2e8083a8;}
#color_modal_header {background-color: #3e3e3e;color: #818181;}
.minH{min-height: 1152px;}

/******** LETRA CALENDARIO ***************/
.fc-scrollgrid-sync-inner a{color:black;}
.fondoTablaPlanilla{ background-color: white;border: 1px solid #dddddd;padding: 21px;border-radius: 5px;min-height: 800px;}
.filaPlanillaAsignaciones {width: -webkit-fill-available;font-size: 12px;margin: 0px 10px;height: 35px;}
.lineaTr{border-bottom: 2px solid black;}
.fondoFila1{background-color: #efefef8f;}
.fondoFila2{background-color: white;}

.tamLogo{ width: 25px;margin-bottom: 5px;}
.fotoRedondaP { width: 47px; border-radius: 100px; border: 1px solid #d5d5d5;}


/*************** PROYECTO BADGE SLIDE *********************/
.badge-container {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge-slide {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
  white-space: nowrap;
}

/* Estado cuando el badge "sale" por arriba para prepararse */
.slide-up {
  transform: translateY(-100%);
  opacity: 0;
}

/* Estado cuando entra desde arriba */
.slide-down {
  transform: translateY(0);
  opacity: 1;
}








/****************************************************************************************************/	
/**********************************          TABLET          ****************************************/
/****************************************************************************************************/
@media screen and (max-width: 1000px){ /* PARA TABLET */
#ocultar_div_escritorio {display: block;}
#nombre_user {font-size: 35px;}
.boton-celular {display: block;}	
.no_oculto{display: block;}
.modal-dialog {max-width: 670px;}
.targetas-status {width: 57px;height: 61px;}
.x1{font-size: 30px;}
.x2{font-family: 'Baloo Da 2', cursive;font-size: 12px;}
.boton-celular {display: none;}	
.boton-tablet {display: block;}		
.dimension-form-rem {width: 770px;}
.disabled_movil{display: none;}
.size_icono2 {width: 28px;}
.tabla-perfil-movil{width: 120px;}
.oculto-div-para-smartphone{display: none;}
.input_detalle {width: 315px;}
.porta_detalles_rem {width: 390px;margin-left: 14px;}	
.porta_detalles_rem {width: 365px;margin-left: 14px;}	
.oculto-div-para-tablet{display: none;}			
.disabled_movil{display: none;}
.porte-btn{width: 66px;}
.punto_rojo{width: 40px;padding: 0px 0px 0px 7px;font-size: 23px;margin-right: 23px;}
.alertas_correctivas2 {height: 35px;padding: 2px 0px 0px 0px;font-size: 20px;margin: 2px 0px 2px 0px;font-weight: bold;}
.letra-tablet{font-size: 31px;}	
.badge{font-size: 14px;}	
.targetas-status{width: 230px;height: 130px;margin: 0px 0px 10px 0px;box-shadow: 2px 2px 4px 0px #999797c9;}
.numero{font-size: 60px;font-weight: bold;}
.numero2 {font-size: 20px;font-weight: bold;}
.form-control{font-size: 23px; }	
.letra-menu-tablet{font-size: 18px;}
.offcanvas-start{width: 300px;}
.text_alerta_swal_bienvenida {font-size: 1.0em;font-weight: bold;}

}
.alturaCard{min-height: 273px;}
.anchoCelu{margin: 6px 0px 6px 0px;}





/****************************************************************************************************/	
/**********************************        SMARTPHONE        ****************************************/
/****************************************************************************************************/
@media screen and (max-width: 500px){
#nombre_user {font-size: 25px;}
#ocultar_div{display: none;}
#encabezado_fijo {position:fixed;-webkit-backface-visibility: hidden;z-index: 999;background-color:#400062;}
#margin_body {padding-top: 0px;z-index: 999;}
#padding_extra {padding-top: 0px;}	
#efecto_card{margin-top: 10px;}
#refrescar_logeado{margin-top: 0px;min-height: 87px;}
#posicion_logo {margin-left: auto;margin-right: auto;float: initial;width: fit-content;}	
#sombra_encabezado {box-shadow: 0px 4px 6px 3px #302f2fc7;border-bottom: 1px solid #4578a5;}
#ocultar_div_escritorio {display: block;}
#nombre_user_smart {width: 220px;font-size: 18px;float: right;text-align: center;font-family: 'Baloo Da 2', cursive;color: #040404;border: 1px solid #69cf1d;border-radius: 0.25rem;background-color: #b2fff4;padding: 3px;margin-left: auto;margin-right: 7px;margin-bottom: 7px;}
body{background-color: #181818;}
#spinner2 {background-color: #00000073;}
span{color:black;}
.sombra_card {box-shadow: 0px 0px 10px 0px #34343400;}
.targetas-status {width: 102px;height: 57px;margin: 0px 0px 6px 6px;background-color: #1c1c1c;box-shadow: 2px 2px 4px 0px #00000000;}
.oculto{display: none;}
.oculto2{display: block;}
.oculto_desktop {display: block;}
.sombra{box-shadow: 0px 1px 4px 0px #0a0a0a;}
.punto_rojo{font-size: 15px;margin-right: -5px;}
.badge{font-size: 9px;}	
.letra-tablet{font-size: 18px;}
.ancho-nombre {width: 170px;}
.boton-celular {display: block;}	
.boton-tablet {display: none;}
.disabled_movil{display: none;}
.size_icono2{width: 28px;}
.tabla-perfil-movil{width: 120px;}
.alto-minimo {min-height: 310px;}
.oculto-div-para-tablet{display: block;}
.oculto-div-para-smartphone{display: none;}
.ancho_nombre_smartphone{width: 400px;}
.ancho_boton_estado_cuenta{width: 180px;	}
.foto-perfil {width: 100px;}
.f_qr{width: 380px;height: auto;}
.card_recordatorio{max-width: 384px;min-height: 75px;font-size: 12px;background-color: #007a9fc4;color: aliceblue;padding: 0px 0px 0px 0px;border: 1px solid rgb(0 156 159);margin: 3px 0px 3px 0px;}
.card_recordatorio_qr{max-width: 384px;min-height: 75px;font-size: 12px;background-color: #bd1818;color: aliceblue;padding: 0px 0px 0px 0px;border: 1px solid rgb(189 24 24);margin: 3px 0px 3px 0px;}
.boton-menu {margin-top: 8px;}
.porte-btn{width: 65px;height: 30px;}.mono-btn{width: 20px;height: 21px;padding-bottom: 0px;}
.x1{font-family: 'Baloo Da 2', cursive;font-size: 10px;}
.x2{font-family: 'Baloo Da 2', cursive;font-size: 12px;}
.status2 {width: 373px;font-size: 27px;}
.status3 {font-size: 21px;}
.accordion-body {background-color: #000000e8;color: #6c6c6c;margin: -1px;}	
.td-fecha {width: 82px;font-family: 'Baloo Da 2';font-size: 10px;}
.td-evento {width: 269px;height: 60px;float: left;font-family: 'Baloo Da 2';font-size: 10px;}
.enc1{text-align: left;}
.cuerpo_form {text-align:left;}
.py-5{padding-top: 0px !important;padding-bottom: 0px !important;}
.logo{margin: 0px;width: 200px;height: 50px;}
.oculto-smatphone {display: none;}
.ancho_smart{width: 320px;	}
.f-p {width: 85px;height: 85px;margin: 0px;box-shadow: 0px 1px 3px 1px #e3e3e3c7;}
.btn-editar{width: 70px;height: 70px;padding: 6px;border-radius: 2px;}
.btn-clave{width: 70px;height: 70px;padding: 6px;border-radius: 2px;}
.btn-eliminar{width: 70px;height: 70px;padding: 6px;border-radius: 2px;}
.tamano-input {width: 170px;}
.boton-ranking{width: 91px;margin-left: 5px;float: left;margin-top: 4px;}
.targetas-status2{width: 75px;height: 60px;margin: 9px 0px 0px 0px;/* background-color: #00036a; */color: #8d8d8d;padding: 2px;border-radius: 8px;border: 1px solid rgb(70 70 70);}
.targetas-status-siniestros {width: 110px;height: 63px;}
.ancho-titulo {width: 100px;}
.fecha{width: 120px;}
/*.n_siniestro{width: 150px;}*/
.foto-full {width: 340px;}
.porta-notificaciones {min-height: 147px;width: 394px;margin-left: 10px;margin-top: 9px;padding: 4px;}
.baner_mantencion {width: 156px;height: 75px;position: absolute;margin-top: 108px;background-color: red;text-align: center;font-weight: bold;color: white;}
.targetas-ap {width: 385px;margin-top: 7px;}
.num-ap{margin-top: 3px;}
.tam-iconos{margin-top: 6px;margin-left: 11px;width: 30px;height: 35px;}
.tam-let{font-size: 10px;}
.dimension-form-rem {width: 393px;}
.input_detalle {width: 338px;margin: 6px 0px 0px 0px;}
.ancho_input_tablet {width: 100%!important;}
.alertas_correctivas {width: 372px;height: 25px;padding: 5px 0px 0px 0px;margin-top: 3px;margin-right: 0px;font-size: 11px;margin-left: 11px;color: #0d871c;}
.alertas_correctivas2 {width: 372px;height: 25px;padding: 5px 0px 0px 0px;margin-top: 3px;margin-right: 0px;font-size: 11px;margin-left: 11px;color: #db5353;}
.jGrowl-notification {width: 300px!important;height: 40px;font-size: 10px!important;color: white;}
.margen_top {margin-top: 120px;}
.m_left{margin-left: 0px;}
.numero {font-size: 30px;font-weight: bold;}
.numero2 {font-size: 20px;font-weight: bold;}
.form-control {font-size: 23px; }	
.letra-menu-tablet {font-size: 10px;padding: 6px;margin: 0px -15px 0px 3px;}
.accordion-button {font-size: 13px;color: #ffffff!important;background-color: #252525!important;}
.text_alerta_swal_bienvenida {font-size: 0.8em;font-weight: bold;}
.swal2-title{ font-size:1em!important;}
.caja-liberar {min-height: 200px;width: 77%;margin-left: 1%;}	
.cod{padding-left: 4px;font-size: 20px;width: 70px;}	
.popup_card{font-size: 8px;width: 112px;margin: 1px 0px 0px 58px;}	
.marco-patente{width: 45px;font-size: 10px;height: 16px;padding: 0px 0px 0px 3px;}
.stgo{width: 34px;height: 18px;padding: 0px 0px 0px 5px;font-size: 10px;}
.marco-mini{font-size: 10px;width: 168px;color: #e5e5e5;background-color: #525252a6;}
.numero_km_card_verde{font-size: 16px;}
.numero_km_card_rojo{font-size: 16px;}
.r15_qr{font-size: 10px;}
.marco-conductor-cfp {background: #393939;color: #d1d1d1;font-size: 10px;}
.color-azul{background-color: 003791;}
.barra-buscador{background-color: #3e3e3e;color: floralwhite;font-size: 13px;width: 170px;border: 1px solid rgb(131 131 131 / 13%);}
.margenSup {margin-top: 12px;}
.card{background-color: #222222;background-clip: border-box;border: 1px solid rgb(0 0 0);}
.cod-peligro {color: #000000;padding-left: 7px;font-weight: bolder;font-size: 18px;width: 54px;border-radius: 0 0 10px 0;}
.card-img-top {height: 120px;}
.progress {background-color: #2c2c2c;}
.cod {background: #000000;color: #b833ff;}
.marco-conductor-cfp{background: #393939;color: #d1d1d1;}
.r15_qr {background: #004643;color: #cbcbcb;}
.marco-conductor-cfp_ambu{font-size: 10px;font-style: italic;padding: 2px 6px 2px 3px;font-weight: normal;color: #c7c7c7;background-color: #1a1a48;}	
#pud{right: -100px;top: -20px;border-radius: 5px 5px 5px 5px;font-size: 14px;}	
.borde-ventana {border-radius: 18px !important;}	
.f20{font-size: 15px!important;}
.p0 {padding: 0px;}
.anchoCelu{margin: 10px 0px 5px 0px;padding: 0px;border: 1px solid #400062;}
.cardInventario{background-color: white !important;border: 1px solid rgb(197 196 196) !important;}
.fondoGrisInput{background-color:#3e3e3e14}
.cardTituloArticulos {font-size: 12px;}
.form-check-label{font-size: 18px;}
.noPaddingSmart{padding: 0px;}
.fondoGrisSmart{background-color: #303030;}
.fondoBlancoSmart{background-color: white;}
.sombraCardBody {box-shadow: 0px -1px 4px 0px #585757;padding-top: 0px;margin-top: -17px;}
.codCelu {background: #000000;color: #037acf;padding-left: 0px;font-size: 20px;width: 90px;}
.color_celda_historial_perfil {background-color: #222222;font-size: 11px;padding: 4px 0px;}
.tamLet{font-size: 11px;} 
.color_celda_historial_perfil{background-color: #ebebeb;margin: 0px 0px 0px 0px;border-radius: 4px;padding: 5px 0px;}
.blanco_celda_historial_perfil{margin: 0px 0px 0px 0px;color: #505050;padding: 5px 0px;}
.accordion-item {border: 1px solid rgb(0 0 0 / 0%)!important; } 
.page-link{background-color: #590087;color: #e100ff;border: 1px solid #7a00b9;}
.page-item.disabled .page-link {color: #7d7d7d;pointer-events: none;background-color: #7800b5;border-color: #a901ff;} 
.fondoNegro {background-color: #55039f;}
.badge{font-weight: 100;}
.letraNombrePerfilSmart{color: #dbdbdb;font-weight: bold;}
.colorLetraEstamentoSmart{color: #ff38fb;}
.tamIconoMasInfo{width: 21px; filter: invert(0.8);margin: 0px -9px;}
.accordion-flush {background-color: #484183; }
.accordion-button {font-size: 13px;color: #ffffff !important;background-color: #484183 !important;}
.fondo_menu_smart {background-color: #484183;}
 #color_modal_header {background-color: #393463;color: #dfdfdf;}   
.borde-ventana {border-radius: 8px!important;background-color: black;}
.tamEstPaginadoSm { font-size: 12px;color: white;padding: 0px 0px 6px 35px;} 
.fondoBlanco{background-color: black;}
.minH{min-height: 0px;} 
.cajaSpinner{background-color: #000000e8;}
.cajaSpinnerDashboard {background-color: #000000e8;}
.cod_qr{font-size: 30px;width: 20px;height: 17px;padding: 0px 0px 0px 1px;color: white;}
.cardContactos{background-color: #e9e9e9;border: 1px solid rgb(205 205 205);box-shadow: 2px 2px 3px 0 rgb(0 0 0 / 10%);border-radius: 10px}
.msjRepa{color: #ff0000;border: 1px solid #ff0f0f;border-radius: 10px;padding: 5px 5px 5px 6px;margin: 0px 0px 5px 0px;text-align: justify;width: 348px;font-size: 11px;}
.fondoTablaPlanilla{ background-color: #272626;border: 1px solid #3b3b3b;padding: 21px;border-radius: 5px;min-height: 800px;}
.fotoVehiculos{display: flex;justify-content: center;align-items: center;height:157px;zoom:82%; background-color: white;}
/*.cajaFotoMsjRetiro{width: 37px;height: 37px;border: 1px solid rgb(221 221 221);}*/
.tl2{font-size: 9px;}
.tl3{font-size: 9px;}
.tl5{font-size: 11px;}
.tl6{font-size: 12px;}
.error-container {
    margin: 0px;
    float: left;
    padding: 10px;
    width: 284px;
}
.btnMas {
    border: solid 1px #ca28ff;
    color: #b660ff;
}
.btnMas {
    border: solid 1px #ca28ff;
    border-radius: 8px;
    color: #b660ff;
    height: 20px;
    width: fit-content;
    font-size: 12px;
}
.badge-container {
	width: 100%;
}
.tamImgCard {
    background-color: #fefefe;
    zoom: 50%;
}
.btnAsistencia {   
        font-size: 10px;
        background-color: #181818;
        border-color: #b833ff;
        color: #b833ff;
        width: 107px; 
    }
.btnMenu {    
    background-color: #b833ff;
    border-color: #b833ff;
}
.areaDetallesCard {
    margin-top: -19px;
}
.alturaCard{
        
   min-height: 230px;
        
}
.badgeConductores {
    width: 100%;
}
.anchoSmart{
     width: 92%;   
    }

    }