/*
 CARGODEC LEGACY STYLE
 ORDEN=87
 ID=cargo_visor_yolka_capture_v2_css
 EXTRAIDO_DE=index.html
*/


#cargoYolkaViewerV2{
  position:fixed;
  inset:0;
  z-index:1000001;
  display:none;
  align-items:stretch;
  justify-content:flex-end;
  background:rgba(6,18,38,.70);
}

#cargoYolkaViewerV2.open{
  display:flex;
}

#cargoYolkaViewerV2 .cgViewerPanel{
  width:min(1080px,88vw);
  height:100vh;
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:-20px 0 55px rgba(0,0,0,.30);
}

#cargoYolkaViewerV2 .cgViewerHead{
  height:58px;
  flex:0 0 58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
  background:#17375e;
  color:#fff;
}

#cargoYolkaViewerV2 .cgViewerHead small{
  display:block;
  margin-bottom:2px;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  opacity:.65;
}

#cargoYolkaViewerV2 .cgViewerHead b{
  display:block;
  font-size:14px;
}

#cargoYolkaViewerV2 .cgViewerClose{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:9px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:23px;
  cursor:pointer;
}

#cargoYolkaViewerV2 .cgViewerBody{
  flex:1;
  min-height:0;
  background:#3b3b3b;
}

#cargoYolkaViewerV2 iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}

/* VOBO COMO ICONO */
#dash .opTripCardV2 .pedimentoCell .cargoPrBtn{
  width:30px!important;
  min-width:30px!important;
  height:28px!important;
  padding:0!important;
  font-size:0!important;
}

#dash .opTripCardV2 .pedimentoCell .cargoPrBtn::before{
  content:'📄';
  display:block;
  font-size:15px!important;
  line-height:1!important;
}

/* INDICAR QUE SON CLICKABLES */
#dash .opTripCardV2 .pedimentoCell .pedNumber,
#dash .opTripCardV2 .pedimentoCell .mPedIcon,
#dash .opTripCardV2 .pedimentoCell .cargoPrBtn{
  cursor:pointer!important;
}