.nt-body-div {
	min-height:unset;
	margin-bottom:0; /*var(--minus-footer-height);*/
	position:relative;
}

.ui-icon {
	margin-top: -6px;
	height: 32px;
	}

.nt-warning-dialog{
	background: #eee /*var(--lightest-warning)*/
}
.nt-warning-dialog .ui-dialog-titlebar{
	background:#00aa79;
	color:var(--white);
	border: 0;
    border-bottom: 0px solid;
    border-radius: 0;
}
.nt-warning-dialog >.ui-dialog-titlebar>.ui-dialog-title{
	justify-content:flex-start;
	height:2em;/*nt14*/
}
.nt-warning-dialog .ui-dialog-buttonpane{
	background:#ddd;
}
.nt-warning-dialog .ui-dialog-titlebar-close{
	background: var(--dialog-close-background-warning);
}
.nt-warning-dialog .nt-warning-button{
	background: var(--dialog-button-background-warning);
	color:var(--dialog-button-text-warning);
	border-color:var(--dialog-button-border-warning);
}



/* TODO está prefijado con act-footer */
.act-footer {
  position: relative;
  bottom: 9px;
  width: 100%;
  background: #428bca;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  /*margin-top: 20px;  */
  backdrop-filter: blur(10px);
  /*z-index: 999;*/
  border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.act-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}

.act-footer-left strong {
  color: #fff;
  margin-right: 10px;
}

.act-footer-left span {
  opacity: 0.7;
}

.act-footer-right a {
  color: #ccc;
  margin-left: 15px;
  text-decoration: none;
  transition: 0.2s;
}

.act-footer-right a:hover {
  color: #333;
}

@media (max-width: 600px) {
  .act-footer-content {
    flex-direction: column;
    gap: 5px;
    text-align: center;
  }
}


.aa {display: block;}

.imageheaderesponsive {   
    width: 55%;
    max-width: 400px;
    height: auto;
}

/* Móviles */
@media (max-width: 768px) {
    .imageheaderesponsive {
        width: 100%;
        max-width: 100%;
    }
}

.nt-entry-error {background-color: #ee7a2317 !important;}

.nt-rounded-header{
	padding:0.5rem;
	margin-bottom: 1rem;
	margin-top: 0rem;
	color: white;
	background: #7792af;
	background-image: unset;
	border:var(--rounded-header-border);
	border-bottom:var(--rounded-header-border-bottom);
	border-radius: var(--header-radius);
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}

.nt-nav-button-set{
	margin-top:0.3rem;
	margin-left: 0rem;
	flex-wrap: wrap;
}

.nt-back-button:hover{
	background-color: unset;
	background-image: unset;
    border: unset;	
}

.Next {
  background-color: #607d8b;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: black;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: inherit;
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;
  border-left-color: black;
}

.Back {
  background-color: #3f51b5;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: black;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: inherit;
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;
  border-left-color: black;
}

.pad {
  position: relative;
  top: 0.1em;
}

.current{
	width:100%;
}
.ui-button{
	text-shadow:unset;
}

.ui-tabs-tab {
	text-shadow: unset;	
}

/* =========================
   FIX radio YES/NO 2FA
========================= */

#Loc__Remember .ui-button {
  opacity: 1 !important;
  filter: none !important;
}

#Loc__Remember .ui-button:hover {
    color:white;
	background: white;
	border:var(--button-default-border-hover);
	background-image: unset;
}

#Bil5__Hazard .ui-button {
  opacity: 1 !important;
  filter: none !important;
}

#Bil5__Stackable .ui-button {
  opacity: 1 !important;
  filter: none !important;
}

/* Estado NO seleccionado */
#Loc__Rememberle .ui-button:not(.ui-state-active) {
  background: #444 !important;
  color: #fff !important;
  border: 1px solid #666 !important;
}

#Bil5__Hazard .ui-button:not(.ui-state-active) {
  background: #444 !important;
  color: #fff !important;
  border: 1px solid #666 !important;
}

#Bil5__Stackable .ui-button:not(.ui-state-active) {
  background: #444 !important;
  color: #fff !important;
  border: 1px solid #666 !important;
}


/* Estado seleccionado */
#Loc__Remember .ui-state-active {
  background: #ee7a23 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}

#Bil5__Hazard .ui-state-active {
  background: #ee7a23 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}

#Bil5__Stackable .ui-state-active {
  background: #ee7a23 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}


/* Hover */
#Loc__Remember .ui-button:hover {
  background: #222 !important;
}

#Bil5__Hazard .ui-button:hover {
  background: #222 !important;
}

#Bil5__Stackable .ui-button:hover {
  background: #222 !important;
}


/* =========================
   RADIO DOT COLOR FIX
========================= */

/* círculo externo */
#Loc__Remember .ui-icon {
  border-color: #fff !important;
}

#Bil5__Hazard .ui-icon {
  border-color: #fff !important;
}

#Bil5__Stackable .ui-icon {
  border-color: #fff !important;
}

/* punto interno cuando está seleccionado */
#Loc__Remember .ui-state-active .ui-icon {
  background: radial-gradient(circle, #000 50%, transparent 55%) !important;
}

#Bil5__Hazard .ui-state-active .ui-icon {
  background: radial-gradient(circle, #000 50%, transparent 55%) !important;
}

#Bil5__Stackable .ui-state-active .ui-icon {
  background: radial-gradient(circle, #000 50%, transparent 55%) !important;
}

.mymargin{
	margin-left:  5px;
    margin-right: 6px;
	background-color: #868686;
	border-radius: 4px;
	color:white;
}
	
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: unset;
	
}

.ui-dialog .ui-dialog-buttonpane button{
	min-width:7em;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
}

.mymessage {
  font-size: large;  
}



#athmOpenModal .athm-waiting-input-label-with-mark-color {
  font-size: 0.9rem !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
}

#usernameATHM::-webkit-contacts-auto-fill-button,
#usernameATHM::-webkit-credentials-auto-fill-button {
  visibility: hidden !important;
  pointer-events: none !important;
}

#ATHMovil_Checkout_Button_payment > div:first-child {
  width: 100% !important;
}

#buttonATHMBP {
  width: 100% !important;
  min-width: 0 !important;
  height: 55px !important;
  min-height: 55px !important;
  padding: 0 !important;
  box-shadow: none !important;
  background-size: auto 21px !important;
}

@media (max-width: 579px) {
  #buttonATHMBP {
    height: 45px !important;
    min-height: 45px !important;
  }
}

#athmOpenModal {
  z-index: 100000 !important;
}

/* INPUTS */
#Loc__Login,
#Loc__Password {
  padding: 12px 12px 12px 40px !important;
  border-radius: 8px !important;
  border: 1px solid #ddd !important;
  background-color: white !important;
  font-size: 17px;
  height:50px;
  box-shadow: 0 0 0 3px #a2c1dc;
}

input[type="submit"]:hover {
  filter: brightness(0.95);
}

/* ICONOS ROJOS */
#Loc__Login {
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23098508' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 100-6 3 3 0 000 6z'/%3E%3Cpath d='M14 14s-1-4-6-4-6 4-6 4 1 1 6 1 6-1 6-1z'/%3E%3C/svg%3E");*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232563eb' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 100-6 3 3 0 000 6z'/%3E%3Cpath d='M14 14s-1-4-6-4-6 4-6 4 1 1 6 1 6-1 6-1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 26px;
}

#Loc__Password {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232563eb' viewBox='0 0 16 16'%3E%3Cpath d='M4 8V6a4 4 0 118 0v2h1a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1V9a1 1 0 011-1h1zm2 0h4V6a2 2 0 10-4 0v2z'/%3E%3C/svg%3E");
  
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 26px;
}

/* FOCUS */
#Loc__Login:focus,
#Loc__Password:focus {
  border-color: #7d99ba !important;
   box-shadow: 0 0 0 2px #337ab7 !important;
}

/* LABELS LIMPIOS */
label[for="Loc__Login"],
label[for="Loc__Password"] {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  color: #555;
}

/* ===== ACTIVE MENU ===== */

.NavigateMenu.active-menu {
  background: #3f51b5 !important;
  color: #fff !important;
}

.NavigateMenu.active-menu i {
  color: #fff !important;
}

#contentbody_div {
  transition: transform 0.2s ease;
  will-change: transform;
}


/* ===== NETWORK STATUS ===== */

#network_status {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  padding: 10px;
  text-align: center;

  color: #fff;
  font-size: 14px;
  font-weight: 500;

  display: none;

  z-index: 9999;
}

/* ===== SKELETON ===== */

.spa-skeleton {
  height: 100vh;
  background: linear-gradient(
    90deg,
    #2b2b2b 25%,
    #3a3a3a 37%,
    #2b2b2b 63%
  );
  background-size: 400% 100%;
  animation: skeleton-loading 1.2s ease infinite;
}

@keyframes skeleton-loading {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

/* ===== LOADER FIXED ===== */
#spa_loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.25);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* 🔥 cuando esté visible */
#spa_loader.show {
  display: flex !important;
}

/* SPINNER */
.spa-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255,255,255,0.2);
  border-top: 4px solid #ffffff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
/* ===== SKELETON ===== */

.spa-skeleton {
  height: 100vh;
  background: linear-gradient(
    90deg,
    #2b2b2b 25%,
    #3a3a3a 37%,
    #2b2b2b 63%
  );
  background-size: 400% 100%;
  animation: skeleton-loading 1.2s ease infinite;
}

@keyframes skeleton-loading {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

/* ===== SUAVIZAR TRANSICIONES ===== */

#contentbody_div {
  transition: transform 0.2s ease;
}

/* =========================
   MENU APP STYLE (REUTILIZABLE)
   UserNavigate + AdminNavigate
   ========================= */

@media (max-width: 768px) {

  /* ===== CONTENEDORES ===== */

  #UserNavigate_container,
  #AdminNavigate_container {
    display: block;
    flex-direction: column;
    gap: 14px;
    padding: 12px;
  }

  /* ===== AISLAR NETTALK SOLO A ESTOS MENUS ===== */

  #UserNavigate_container .nt-form-flex-row,
  #AdminNavigate_container .nt-form-flex-row {
    display: block !important;
  }

  #UserNavigate_container .nt-form-flex-cell,
  #AdminNavigate_container .nt-form-flex-cell {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
  }

  /* ===== BOTONES ===== */

  #UserNavigate_container .NavigateMenu,
  #AdminNavigate_container .NavigateMenu {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 70px;
    padding: 0 16px;
    gap: 12px;
    border-radius: 6px !important;
    /*background: #2b2b2b !important;*/
    /*color: #000 !important;*/
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease;
    will-change: transform;
  }

  /* ===== ICONOS ===== */

  #UserNavigate_container .NavigateMenu i,
  #AdminNavigate_container .NavigateMenu i {
    width: 26px;
    text-align: center;
    font-size: 18px;
    margin: 0 !important;
  }

  /* ===== FLECHA ===== */

  #UserNavigate_container .NavigateMenu::after,
  #AdminNavigate_container .NavigateMenu::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    transform: rotate(45deg);
    margin-left: auto;
	transition: transform 0.2s ease, border-color 0.2s ease;
  }

  /* ===== EFECTOS ===== */

  #UserNavigate_container .NavigateMenu:hover,
  #AdminNavigate_container .NavigateMenu:hover {
    box-shadow: 0 8px 18px rgba(0,0,0,0.35);
    transform: rotate(45deg) translateX(3px);
	border-color: #000;
	
  }

  #UserNavigate_container .NavigateMenu:active,
  #AdminNavigate_container .NavigateMenu:active {
    transform: scale(0.96);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }

  #UserNavigate_container .NavigateMenu:active::before,
  #AdminNavigate_container .NavigateMenu:active::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.08);
  }

  /* ===== ANIMACIÓN ===== */

  #UserNavigate_container .NavigateMenu,
  #AdminNavigate_container .NavigateMenu {
    opacity: 0;
    transform: translateY(10px);
    animation: fadeSlideUp 0.4s ease forwards;
  }

  #UserNavigate_container .NavigateMenu:nth-of-type(1),
  #AdminNavigate_container .NavigateMenu:nth-of-type(1) { animation-delay: 0.05s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(2),
  #AdminNavigate_container .NavigateMenu:nth-of-type(2) { animation-delay: 0.1s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(3),
  #AdminNavigate_container .NavigateMenu:nth-of-type(3) { animation-delay: 0.15s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(4),
  #AdminNavigate_container .NavigateMenu:nth-of-type(4) { animation-delay: 0.2s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(5),
  #AdminNavigate_container .NavigateMenu:nth-of-type(5) { animation-delay: 0.25s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(6),
  #AdminNavigate_container .NavigateMenu:nth-of-type(6) { animation-delay: 0.3s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(7),
  #AdminNavigate_container .NavigateMenu:nth-of-type(7) { animation-delay: 0.35s; }

  #UserNavigate_container .NavigateMenu:nth-of-type(8),
  #AdminNavigate_container .NavigateMenu:nth-of-type(8) { animation-delay: 0.4s; }

  @keyframes fadeSlideUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ===== COLORES ICONOS ===== */

  #transyqFF i { color: #4CAF50; }
  #payWcnu i { color: #2196F3; }
  #receiptikgW i { color: #FF9800; }
  #histSViS i { color: #9C27B0; }
  #custzLYf i { color: #00BCD4; }
  #logRXVW i { color: #607D8B; }
  #changepassV8Ro i { color: #FFC107; }
  #LogoutForm6qsj i { color: #F44336; }

  /* ===== LOGOUT ===== */

  #LogoutForm6qsj {
    background: #3a3a3a !important;
    color: #ff4d4d !important;
  }

}

/* =========================
   TIMELINE MODERNO (SEGURO)
   ========================= */

/* =========================
   PROGRESS BAR
   ========================= */

.tracking-progress {
  margin-bottom: 20px;
}

.tracking-fill.completed {
  background: #22c55e;
}

.tracking-fill.inprogress {
  background: linear-gradient(90deg, #facc15, #eab308);
}

/* barra base */
.tracking-bar {
  width: 100%;
  height: 20px;
  background: #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}

/* progreso */
.tracking-fill {
  height: 100%;
  background: linear-gradient(90deg, #22c55e, #16a34a);
  border-radius: 6px;
  transition: width 0.3s ease;
}

/* texto */
.tracking-text {
  font-size: 20px;
  margin-top: 6px;
  color: #374151;
  font-weight: 500;
  text-align:center;
}


/* CONTENEDOR */
#Loc__HTML ol {
  position: relative;
  /*padding-left: 10px;*/
  margin: 0;
  list-style: none;
  
}

/* LINEA VERTICAL */
#Loc__HTML ol::before {
  display: none;
  content: '';
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #e5e7eb;
  background: transparent;
}

.tracking-list {
  position: relative;
  padding-left: 0;
}

.tracking-list::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  background: #e5e7eb;
  width: 2px;
}

/* ITEM */
.myli {
  position: relative;  
  background: #ffffff;
  border-radius: 12px;
  /*margin-bottom: 18px;*/
  /*padding: 12px 14px;*/
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all 0.15s ease;  
  padding: 12px 16px;
  margin-bottom: 10px;  
}

.myli.pending .step-circle {
  background: #ef4444;
  opacity: 0.85;
}

.myli.current .step-circle {
  box-shadow: 0 0 0 4px rgba(245,158,11,0.2);
  border-left: 4px solid #f59e0b;
  background: #fffbeb;
  transform: scale(1.01);
}

/* CIRCULO */
.myli::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 14px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #d1d5db;
}

/* TEXTO */
.myli h4 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}

.myli p {
  font-size: 11px;
  /*color: #6b7280;*/
  margin: 2px 0;
}

/* =========================
   ESTADOS
   ========================= */

/* COMPLETED */
.myli.completed {
   border: 1px solid rgba(34,197,94,0.4);
  box-shadow: 0 0 0 2px #57a957;
}

.myli.completed::before {
  background: #22c55e;
}

/* CURRENT */
.myli.current {
  border: 1px solid rgba(245,158,11,0.6);
  box-shadow: 0 0 0 3px rgba(245,158,11,0.12);
}

.myli.current::before {
  background: #facc15;
  box-shadow: 0 0 0 4px rgba(250,204,21,0.2);
}

/* PENDING */
.myli.pending {
  border: 1px solid rgba(239,68,68,0.4);
  box-shadow: 0 0 0 2px #f44336;
}

.myli.pending::before {
  background: #ef4444;
  opacity: 0.5;
}

/* =========================
   EFECTO APP
   ========================= */

.myli:active {
  transform: scale(0.98);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 480px) {
  .myli {
    padding: 10px;
  }

  .myli h4 {
    font-size: 12px;
  }

  .myli p {
    font-size: 10px;
  }
}


/* =========================
   WRAPPER
   ========================= */

#tracking-wrapper {
  /*max-width: 800px;*/
  margin: auto;
  /*padding: 10px;*/
  font-family: system-ui, -apple-system, Segoe UI, Roboto;
}

/* =========================
   SHIPMENT CARD
   ========================= */

.shipment-card {
  background: rgba(255,255,255,.15);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 15px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  text-align: center;
  border-color: black;
  border: 1px solid #333;
}

.shipment-status {
  font-size: 15px;
  font-weight: 600;
  color: #16a34a;
}

.shipment-step {
  font-size: 18px;
  color: black;
  margin-top: 3px;
}

.shipment-bar {
  margin-top: 10px;
  height: 6px;
  background: #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}

.shipment-fill {
  height: 100%;
  background: #22c55e;
  transition: width 0.3s ease;
}

/* estado dinámico */
.shipment-card.current .shipment-fill {
  background: #facc15;
}

.shipment-card.pending .shipment-fill {
  background: #ef4444;
}

/* =========================
   TIMELINE
   ========================= */

.tracking-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* card step */
.myli {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
}

/* círculo */
/* BASE */
.step-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: bold;
  color: white;
  position: relative;
  font-size: 0;
}

/* COMPLETED */
.myli.completed .step-circle {
  background: #22c55e;
}
.myli.completed .step-circle::before {
  content: "✓";
  font-size: 16px;
}

/* CURRENT */
.myli.current .step-circle {
  background: #f59e0b;
}

/* PENDING */
.myli.pending .step-circle {
  background: #ef4444;
  font-size: 14px;
}

/* =========================
   ICONOS POR TIPO
   ========================= */

/* TERMINAL */
.myli.terminal .step-circle::before {
  content: "🏢";
  font-size: 16px;
}

/* RECEIVED */
.myli.received .step-circle::before {
  content: "📥";
  font-size: 16px;
}

/* TRANSIT  VESSEL*/
.myli.transit.current .step-circle::before {
  content: "🚢";
  font-size: 16px;
  display: inline-block;
  animation: truckMove 0.8s infinite ease-in-out;
  
}

/* TRANSIT TRUCK */
.myli.land.current .step-circle::before {
  content: "🚚";
  /*animation: truckMove 0.8s infinite ease-in-out;*/
  animation: truckMove 1.2s infinite ease-in-out;
}

@keyframes truckMove {
  0%   { transform: translateX(-3px) scale(1); }
  50%  { transform: translateX(3px) scale(1.05); }
  100% { transform: translateX(-3px) scale(1); }
}

/* PENDING */
.myli.pending .step-circle::before {
  content: "⏳";
  font-size: 16px;
  display: inline-block;
  animation: hourglassSpin 3s ease-in-out infinite;
}

@keyframes hourglassSpin {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(180deg); }
  100% { transform: rotate(180deg); }
}


/* DELIVERED */
.myli.delivered .step-circle::before {
  content: "🚚";
  font-size: 16px;
}



@keyframes truckMove {
  0%   { transform: translateX(-2px); }
  50%  { transform: translateX(2px); }
  100% { transform: translateX(-2px); }
}

/* =========================
   ICONOS POR ESTADO
   ========================= */

/* COMPLETED → check */
.myli.completed .step-circle {
  background: #22c55e;
  font-size: 0; /* oculta el número */
}

.myli.completed .step-circle::before {
  content: "✓";
  font-size: 16px;
}

/* CURRENT → punto */
.myli.current .step-circle {
  background: #f59e0b;
  font-size: 0;
  
}

.myli.current .step-circle::before {
  content: "●";
  font-size: 12px;
}

/* PENDING → número normal */
.myli.pending .step-circle {
  background: #ef4444;
}

/* contenido */
.step-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* 🔥 clave */
}

/* resetear márgenes */
.step-content p {
	 font-size: 12px;
	 font-weight: bold;
	 color: #000;
 
}

/* RESET SOLO PARA TRACKING */
#tracking-wrapper p {
  margin: 2px 0 !important;
  padding: 0 !important;
}

/* EVITA INDENTACIÓN */
#tracking-wrapper .step-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ALINEACIÓN PERFECTA */
#tracking-wrapper .step-content h4 {
  margin: 0 0 4px 0 !important;
}

/* 🔥 CLAVE: quitar sangría rara */
#tracking-wrapper .step-content p {
  margin-left: 0 !important;
  text-indent: 0 !important;
}

/* estados */
.myli.completed .step-circle {
  background: #22c55e;
}

.myli.current .step-circle {
  background: #facc15;
}

.myli.pending .step-circle {
  background: #ef4444;
}

/* highlight current */
.myli.current {
  border-left: 4px solid #facc15;
}

/* delivered highlight */
.myli.completed:last-child {
  background: #f0fdf4;
  /*border: 1px solid #bbf7d0;*/
}

/* ===== ICONOS ===== */
.NavigateMenu i {
  opacity: 0.85;
}

/* ===== TOUCH ===== */
.NavigateMenu:active {
  transform: scale(0.96);
  opacity: 0.9;
}

/* ===== BASE iOS ===== */
body {
  background: #f2f2f7;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;*/
}

/* ===== TITLE ===== */
.title_center {
  font-size: 13px;
  color: #fff;
  letter-spacing: 1px;
}

.nt-button {
  /*border-radius: 8px;*/
  font-weight: 500;
}

.nt-close-button{
	color:var(--button-close-text);
	background:unset;
	/*border:var(--button-close-border);*/
	background-image: unset;
}

.nt-close-button:hover{
	color:var(--button-close-text-hover);
	background:var(--button-close-background-hover);
	border:var(--button-close-border-hover);
	background-image: unset);
}
.nt-default-button{
	color:var(--button-default-text);
	background:var(--button-default-background);
	border:var(--button-default-border);
	background-image: var(--button-default-background-image);	
}
.nt-default-button:hover{
	color:var(--button-default-text-hover);
	background:unset;
	border:var(--button-default-border-hover);
	background-image: unset;
}

.nt-button{
	color: #000;
	background: whitesmoke;
	background-image: unset;
	border:var(--button-border);
	min-width: unset;
	height:var(--button-height);
	border-radius: 6px;/*moved from below*/
	
}

.nt-button:hover{
	color:var(--button-default-text-hover);
	background: white;
	border:var(--button-default-border-hover);
	background-image: unset;
	border:var(--button-border-hover);
}

/*.NavigateMenu {
  background-color: #101010;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: black;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: inherit;
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;
  border-left-color: black;
  border-radius:6px;
}*/

/* ===== BOTONES iOS ===== */
.NavigateMenu {
  background-color: whitesmoke;
  display: block;
  align-items: center;
  justify-content: center;
  gap: 10px;  
  color: #000;
  border-radius:6px;
  /*border: none !important;*/
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  font-size: 14px; 
  transition: all 0.15s ease;
  width: 100%;
  height: auto;
  font-size: x-large;
  padding: 14px 20px;
  margin: 8px 0;
  background-image: none;
  opacity: 0.9;
  border-color:#337ab7;
}

/* iconos */
.NavigateMenu i {
  opacity: 0.8;
}

/* ===== TOUCH (iOS feel) ===== */
.NavigateMenu:active {
  transform: scale(0.96);
  opacity: 0.9;
}

/* ===== BOTON PRINCIPAL (iOS accent) ===== */
#tracking_row .NavigateMenu {
  grid-column: span 2;
  height: 60px;
  background: #ee7a23;
  color: white;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(220,38,38,0.3);
}

/* ===== LOGOUT (menos agresivo) ===== 
#logoutform_row .NavigateMenu {
  background: #2c2c2e;
  opacity: 0.9;
}*/



:root{
  --md-primary:#ff0100;
  --md-primary-dark:#3700b3;
  --md-background:#f5f5f5;
  --md-surface:#ffffff;
  --md-text:rgba(0,0,0,0.87);
  --md-text-light:rgba(0,0,0,0.6);
}

.nt-entry{
  border:none;
  border-bottom:2px solid #ccc;
  background:transparent;
  border-radius:0;
}

.nt-entry:focus{
  outline:none;
  border-bottom:2px solid var(--md-primary);
}

.mynt-left {
    float: left;
    width: 100%;
}

.nt-lookup > input{
	flex: 0 1 100%;
	min-width: 1em;
	border:var(--entry-border);
	padding: 0.1em 0.1em 0.1em 0.1em;	/* same as small button padding*/
	width:calc(100% - var(--entry-height));
	height: 32px;
}

.nt-progress-hyperlink a{
	padding:1rem;
	color:white;
	background:#ee7a23;
	border:var(--nt-progress-hyperlink-border);
	text-align: center;
	border-radius:6px;
}

.hyperlink {
  background-color: #ee7a23;
  color: white;
  /*padding: 14px 20px;*/
  /* margin: 8px 0; */
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: 6px;
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;
  align-items: center;
  border-radius:6px;
}
hyperlink:hover,hyperlink:focus {
    color: black;
    text-decoration: underline
}

a:hover,a:focus {
    color: black;
    text-decoration: underline
}

.nt-export-button{
	color:var(--button-export-text);
	background: #ee7a23;
	border: unset;
	background-image: unset;
	width: 100%;
}

.nt-browse-empty{
	padding:1em;
	color: white;
	background-color: #428bca;
	border: var(--browse-empty-border);

}

.ATHMovil {
    background: url(../images/athm-jsbutton-es.svg) no-repeat center;
    background-color: #f57c00;
    background-size:60%;
    display: inline-block;
    width: 100%;
    padding: 7% 4%;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    min-width: 250px;
    min-height: 50px;
}


.nt-deleteb-button,.nt-deletef-button,.nt-delete-button{
	color:var(--button-delete-text);
	background:var(--button-delete-background);
	border:var(--button-delete-border);
	background-image: var(--button-delete-background-image);
	width:100%;
}

.Pay {
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  display: block;
  font-size: medium;
  height: auto;
  background-image: none;
  border-radius: 6px;
  border-color: #262424;
  } 


.Export {
  background-color: #FF5722;
  color: white;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  display: block;
  font-size: medium;
  height: auto;
  background-image: none;
  border-radius: 0px;
  border-color: #262424;
  } 


.upper {
	text-transform: uppercase;
}

.nt-deletef-button{
	background-color: #a94442;
    color: white;
    padding: 0px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    border-radius: 0;
    display: block;
    font-size: large;
}
.nt-deleteb-button:hover,.nt-deletef-button:hover,.nt-delete-button:hover{
	color:var(--button-delete-text-hover);
	background:var(--button-delete-background-hover);
	border:var(--button-delete-border-hover);
	background-image: unset;
}


.nt-entry-readonly {background-color: rgba(0,0,0,.075);}

.ui-tabs-nav{
	border: unset;
	background: var(--tab-background);
	background-image: var(--tab-background-image);
	color: var(--tab-text);
	font-weight: var(--tab-header-font-weight);
}	

.nt-checkbox{
	height:var(--checkbox-height);  /*nt14 changed from entry-height*/
	margin:var(--checkbox-margin);  /* new in nt14 */
	padding-left:0;
	margin-left:0; /* removed in nt 14 */
}


.nt-back-button{
	background-color: var(--button-back-background);
	 background-image: unset; 
	border: var(--button-back-border);
	border-radius:var(--radius);
}

.ui-button:hover{
	color:var(--button-default-text-hover);
	background: white;
	border:var(--button-default-border-hover);
	background-image: unset;
}

button:hover {
  opacity:1;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.nt-browse-grid-cell-prompt,.nt-browse-flex-cell-prompt{
	margin-right:1em;
	color: unset;
	background-color: var(--browse-prompt-background);
	border-color:var(--browse-prompt-border);
	font-weight:var(--prompt-font-weight);
}


.nt-contentpanel{float:left;overflow-x: unset;}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
	max-height: unset;
}

.nt-locator-row > div{
	margin-right: 0em;
}

.nt-lookup-button{
	border-radius: 0 var(--entry-radius) var(--entry-radius) 0!important;
	border: var(--entry-border);
	border-left:0;
	height:	var(--entry-height);
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	height: 32px;
}

.Closebutton2 {
    background-color: #428bca;
    color: white;
    padding: 0px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    border-radius: 0px;
    display: block;
    font-size: large;
}

.Cancelbutton {
    background-color: #a94442;
    color: white;
    padding: 0px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    border-radius: 0;
    display: block;
    font-size: large;
}

.nt-entry{
	height: 32px;
	vertical-align:	top;
	color:	var(--entry-text);	
	border:	var(--entry-border);
	border-radius:	var(--entry-radius);		
	background-clip: padding-box;
	border: 1px solid #ced4da;	
}

.nt-entry:focus {
  border-color: #428bca;
  outline: transparent;
  z-index: 2;
  
}

.nt-formcell {
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.Dispatch {
  background-color: #428bca;
  color: white;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  display: block;
  font-size: medium;
  height: auto;
  background-image: none;
  border-radius: 6px;
  border-color: #428bca;
  
  }
  
 .Adjust {
  background-color: #0a609e;
  color: white;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  display: block;
  font-size: medium;
  height: auto;
  background-image: none; 
  border-radius: 6px;
  } 


/*.NavigateMenu {
  background-color: whitesmoke;
  color: black;
  padding: 14px 20px;
  margin: 8px 0;  
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: inherit;
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;  
  --bs-border-opacity: 1;
    border-color: black;
	border-radius: 6px;
}*/


.error {    
	background-color:#ff9800;
	color: white;
    border-color: #d6e9c6;
    text-align: center;    
    display: block;   
    width: 100%;    
    max-width: 100%;   
    transition: all 0.3s ease 0s;
    display: inline-block !important;    
    border-bottom: 0px !important;    
}

.nt-button:hover{
	color:var(--button-default-text-hover);
	background: white;
	border:var(--button-default-border-hover);
	background-image: unset;
}

.nt-insert-button{
	color:var(--button-insert-text);
	background: rgb(0 0 0 / 50%);
	border: none;
	background-image: none;
	border-radius: unset;
	width: 100%;
}
.nt-insert-button:hover{
	color:var(--button-insert-text-hover);
	background:var(--button-insert-background-hover);
	border:var(--button-insert-border-hover);
	background-image: unset;
	border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important;
	border-radius: unset;
}

.nt-cancel-button{
	color:var(--button-cancel-text);
	background:var(--button-cancel-background);
	border:var(--button-cancel-border);
	/*background-image: var(--button-cancel-background-image);*/
	width: 100%;
}
.nt-cancel-button:hover{
	color:var(--button-insert-text-hover);
	background:var(--button-insert-background-hover);
	border:var(--button-insert-border-hover);
	background-image: unset);
}

.nt-save-button{
	color:var(--button-save-text);
	background: unset;
	border: unset;
	background-image:unset;
}
.nt-save-button:hover{
	color:var(--button-insert-text-hover);
	background:var(--button-insert-background-hover);
	border:var(--button-insert-border-hover);
	background-image: unset;
}

.successPayment {
    color: black;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: center;
    /*border-radius: 6px;*/
    display: block;
    /*font-size: x-large;*/
    width: 100%;
    /*padding: 14px 5px;*/
	
}



.SearhScanbutton {
  
  background-color:#FF5722;
  color: white;
  padding: 9px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  /*border-radius: 6px;*/
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;
  border-radius: unset;
 
}

.CancelScanButton {
  background-color:#a94442;
  color: white;
  padding: 9px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  /*border-radius: 6px;*/
  display: block;
  font-size: x-large;
  height: auto;
  background-image: none;
  border-radius: unset;
    
}


button:hover {
  opacity:1;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

/* Extra styles for the cancel button */
.cancelbtn {
  padding: 14px 20px;
  background-color: #f44336;
}

.NewQuote {
    background-color: #57a957;
    color: white;
    padding: 14px 5px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    border-radius: 6px;
    display: block;
    font-size: large;
}

.nt-checkbox{width:auto;}

.nt-browse-selected .nt-naked-checkbox:checked::after{
    color: black;
    top: -0.2em;
	padding-left:0em;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #e65100;
}
.nav-pills .nav-link {
    border-radius: 0.25rem;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}		

.ui-dialog-titlebar{
	font-size:var(--dialog-title-text-size);
	font-weight:var(--dialog-title-text-weight);
	color: white;
	background: #337ab7;
	background-image:var(--dialog-title-background-image);
	border:var(--dialog-title-border);
	/*border-bottom:var(--dialog-title-border-bottom);*/
}



.nt-alert {
    font-weight: var(--font-weight-bold);
    padding: 1em;
    text-align: center;
    width: 100%;
    margin-top: 0em;
    border-radius: 0px;
    background-color: grey;
    color: white;
    border-color: unset;
	opacity: 0.8;
}


.ui-checkboxradio-label{
	color: white;
	background: #0cc57f;(
	--radio-border); */
	/* background-image:var(--radio-background-image); */
	font-weight:var(--button-font-weight);
}


.nt-radio{width: 100%;}


.ui-checkboxradio-checked{
	color:var(--radio-checked-text);
	/*background:var(--radio-checked-background);*/
	background:#0ca633;
	/*background-image:var(--radio-checked-background-image);*/
	border:var(--radio-checked-border);	
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #333;
	background-color: var(--entry-background);
}

.ui-accordion-tab-header.ui-state-active{
	color: white;
	background: #ee7a23;
	border:var(--accordion-active-border);
	/* background-image:var(--accordion-active-background-image); */
}

.nt-browse{
	margin: 0; 
	padding: 0;
}

.headerblock2 {
	padding-left: 0px;
	padding-right:0px;
	}
.v-head-left{
	padding-left:5px;
	color: white;
    background-color: #428bca;
	}

.v-right{
	float:right;
	padding-right:5px;
	color: white;
    background-color: #428bca;

}

.nt-browse-table-footer{
	color: var(--browse-footer-text);
	background-color: var(--browse-footer-background);
	border:var(--browse-footer-border);
	border-top:var(--browse-footer-border-top);
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size: x-large;
}

.onblock2 {
    background-color: #fff;
    width: 100%;
    display: inline-block;
    border-radius: 5px;
	padding-left: 0px;
	padding-right:0px;
}

.scan {    
    background-color: #FFFFFF;
    border-bottom-color: #CACACA;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;    
    border-top-color: #CACACA;   
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 0 10px #D1D1D1;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.Navigatebutton {
  background-color: whitesmoke;
 color: black;
 padding: 14px 20px;
 margin: 8px 0;
 /*border: black;*/
 cursor: pointer;
 width: 100%;
 opacity: 0.9;
 border-radius: inherit;
 display: block;
 font-size: x-large;
 height: auto;
 background-image: none;
 /*border-left-color: black;*/
 --bs-border-opacity: 1;
 border-color: black;
 border-radius: unset;
}

.nt-body {
    margin: 1em;
    height: 96%;
	/*background-color: #f5f7fb;*/
}

.nt-hidden{display:none;}
.nt-flexwidth-13{flex-grow:1.4;}
.nt-flexwidth-11{flex-grow:1.2;}
.nt-flexwidth-15{flex-grow:1.5;}
.nt-comment{color: black;}

.nt-browse-mouseover{
	background-color: uset;
	color:white
}
.nt-browse-selected {background-color: #e25205; color: #fff; /*font-weight:bold;*/}
.bna-bg             {background-color: RED;COLOR: WHITE;}
.bav-bg				{background-color: #00FF00;color: black;}


.nt-browse-selected,.nt-browse-selected>
div{color: var(--browse-row-selected-text);
background-color: #777;}

.nt-save-button, .nt-insert-button, .nt-copy-button, .nt-close-button, .nt-select-button{
  color:#ffffff!important;
  background-color: #337ab7 !important;
  background-repeat: repeat-x!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  width:100%;
  background-image: unset;
}


.nt-busy {
	
   position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       transform: -webkit-translate(-50%, -50%);
       transform: -moz-translate(-50%, -50%);
       transform: -ms-translate(-50%, -50%);
    color:darkred;
   
}

.nt-header {
    color: #333;
    font-weight: bold;
    padding: 0.2em;
}


@media (min-width: 1024px) {
	
	.nt-form-flex-cell{
		display: grid;
	}	
}

@media (min-width: 1024px) {
	
	.nt-form-flex-cell3{
		display:flex; 		
	}	
}

@media (min-width: 100px){

   .nt-browse-grid-cell-prompt {
    font-weight: bold;
    min-width: 25%;   
    color: #000;
    padding-left: 0.3em; 
    padding-right: 0.3em;
   }
}

/*.nt-browse-selected {background-color: #e25205; color: #fff;}*/



.nt-left {
    /*float: none;*/
    margin-right: 5px;
}

/*.nt-embedded-procedure {    
    float: none;
    margin-right: 5px;
    margin-left: 15px;
}*/

.nt-prompt {
    font-weight: bold;
    text-align: left;
    /*width: 100%;*/
}

.nt-prompt2 {
    font-weight: bold;
    text-align: left;    
    width: auto;
    /*min-width:108px;*/
}


.headerblock{
width:100%;
background-color:#EDC254;	
color:white;
padding:1%;
border-top-right-radius: 5px;	
border-top-left-radius: 5px;	
/*font-weight:lighter;*/
display: inline-block;

}

.headerimage{
margin-right:1em;
}

.toolbar{

background: none repeat scroll 0 0 #049cdb;
display: inline-block;
float: none;
/*padding: 0.1em 1%;*/
padding: 0.6%;
width:100%;
border-bottom-right-radius: 5px;	
border-bottom-left-radius: 5px;	
margin:0px;  
height:auto;
}

.v-head-text{
font-size:1.5em;	
padding-left:5px;
text-align: center;
}

.v-head-subtext{
font-size:1.5em;
text-align: center;
color: #000;
}

.v-left{
float:left;

}


.v-none{
float:none;
margin-bottom:1em;
border-radius: 5px;	
}


.register-button{
background:#D01540;
padding:10px;
border-radius: 5px;
margin-left:10px;
width:7em;
}

.register-button:hover{
background:#D55C78;	
}

.register-button a{
color: #FFFFFF;
text-decoration: none;
}

.bigtext{
font-size:2em;			
}

.priceblock{
background-color:#C6FFc9;	
width:100%;
display:inline-block;
border-radius: 5px;	
}

.pricename{
padding:7px;
border-top-left-radius: 5px;	
border-top-right-radius: 5px;	
margin-bottom:5px;
font-size:2em;
color:white;
font-weight:lighter;
}

.pricename-lite{
background-color:#78CD78;
}

.price-details{
padding:7px;
border:1px;
border-color:gray solid;
border-bottom-left-radius: 5px;		
border-bottom-right-radius: 5px;		
background:#578856;
color:white;
}

.priceintro{
padding:1em;
font-size:1.5em;
font-weight:lighter;
color:#333333
}
.v-four{
width:23%;	
padding:1%;
}
.strike {
	text-decoration: line-through;
}

.onblock{
background-color:#e6e6e6;	
width:100%;
display:inline-block;
/*border-radius: 5px;	*/
border-radius: 0;
}



.onblock-header{
border-top-left-radius: 5px;		
border-top-right-radius: 5px;		
background-color:#049cdb;		
padding:0.3em;
font-size:1.5em;
color:white;
}

.onblock-header2 {   
    background-color: #f4511e;
    padding: 0.3em;
    font-size: 1.5em;
    color: white;
    opacity: 0.9;
    
}

.onblock-body{
padding:1em;
font-size: 12pt;
background: #f5f5f5;
}

.callblock{
background-color:#F8CFCF;	
width:100%;
display:inline-block;
border-radius: 5px;	
}

.callblock-header{
border-top-left-radius: 5px;		
border-top-right-radius: 5px;		
background-color:#ed5454;		
padding:1em;
font-size:1.5em;
}

.callblock-body{
padding:1em;
}

.trainingblock{
background-color:#c6e2ff;	
width:100%;
display:inline-block;
border-radius: 5px;	
}

.training-header{
border-top-left-radius: 5px;		
border-top-right-radius: 5px;		
background-color:#96bfff;		
padding:1em;
font-size:1.5em;
}

.training-body{
padding:1em;
}

.trainer{
border-top-left-radius: 5px;		
border-top-right-radius: 5px;		
background-color:#96bfff;		
padding:1em;
font-size:1.5em;
}
.trainday1{
padding:1em;
background-color:#c6e2ff;	
}
.trainday2{
padding:1em;
background-color:#c6e2ff;	
}


.section{
width:100%;
padding:7px;
margin-top:1em;
margin-bottom:1em;
border:1px;
border-color:gray solid;
border-radius: 5px;		
background:#578856;
color:white;
}

.subsection{
width:90%;
margin-left:5%;
margin-top:1em;
margin-bottom:1em;
padding:7px;

border:1px;
border-color:gray solid;
border-radius: 5px;		
background:#78cd78;
color:black;
}

.price{
margin-left:10%;
padding:7px;	
}

.bestvalue{
color:red;
font-weight:bold;	
font-size:1.1em;	
}

.pricingtext{
padding:7px;	
	
}

.accomodation{
background-color:#f4db99;	
width:100%;
display:inline-block;
border-radius: 5px;	
}

.accomodation-header{
border-top-left-radius: 5px;		
border-top-right-radius: 5px;		
background-color:#EDC254;		
padding:1em;
font-size:1.5em;
}

.accomodation-body{
padding:1em;
}

.provisional{
width:100%;
background:maroon;
color:white;
font-weight:bold;	
border-radius: 5px;		
margin-top:0.5em;
margin-bottom:0.5em;
}

.provisional-inner{
padding: 7px;
}

.schedule{
	
}

.training{
background:#c6e2ff;
padding:7px;
margin:1em;
border-radius: 5px;		
}

.conference{
background:#c6ffc9;
padding:7px;
margin:1em;
border-radius: 5px;		
}

.tdate{
padding:7px;
padding-left:2em;	
background:#96bfff;
border-radius: 5px;		
	
}
.cdate{
padding:7px;
padding-left:2em;	
background:#78cd78;
border-radius: 5px;		
}

.times{
padding:7px;
padding-left:4em;		
min-width:10em;
float:left;
}

.desc{
padding:7px;
float:none;	
}

.invite{
font-size:1.2em;
padding: 7px;	
margin:1em;
}

.onlinespan{
font-weight:bold;	
color:#F22E2E;
}

.loginbutton{
width:5em;
border-radius: 1em;		
padding:7px;
padding-left:40px;
background:#333333;
color:white;
margin:1em;	
}

.cidc-blue{
background-color:#B3DFF7;
}

.cidc-green{
background-color:#C3F7B2;
}

.cidc-red{
background-color:#F7B2B9;
}

.cidc-presenter{
font-weight:bold;
color:#08557E;
}

.cidc-presentation-title{
font-weight:bold;
color:#43922A;  
font-size:1.5em;
}

.cidc-pres-table td{            
border-width: 0;
}

.presblock-header{
border-top-left-radius: 5px;		
border-top-right-radius: 5px;		
border-bottom-left-radius: 5px;		
border-bottom-right-radius: 5px;		
background-color:#ed5454;		
padding:1em;
font-size:1.5em;
color:black;   
margin-top:1em;
margin-bottom:1em;
}


.pres-divide{
width:100%;
border-bottom: 2px solid #08557e;
}

.pres-name{       
float:right;
padding-right:2em;
color: #08557e;
font-weight: bold;
font-size:1.4em;
}

.pres-image{         
padding-top: 1em;
padding-bottom: 1em;
float:right;
}

.pres-title{         
padding-top: 2em;
font-weight:bold;
color:#43922A;  
font-size:1.5em;
}

.pres-synop{
font-size:1.2em;   
padding:2em;
}

.schedule-header{
/*border-radius: 5px;*/
background-color:#F99F64;		
padding:0.3em;
font-size:1.5em;
color:white;
}

.a1 {
    background-color: #c4453c;
    color: #f6f6f6;
    display: block;
    
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
}


.planner-header-data-height {
    height: 22px;
}                         

.planner-header-row-size {
    height: 28px;      
}     

.planner-row-size {
 border-top: 1px dotted #D3D3D3;
} 
 
.cidc-session{              
background: url(/images/speaker.png) bottom right no-repeat;
background-color:#7CBF7E;
border-radius:0;
border-color: #c6d2fc;
font-size: 0.9em; 
color:white;
z-index:5;
}
.cidc-session .planner-data-text {
padding:5px;   
padding-left:5px;
}

.cidc-short{
background: #7CBF7E;
font-size: 0.5em; 
}

.cidc-short .planner-data-text {
padding:0px;   
padding-left:3px;
}


.cidc-reg{
background: url(/images/reg.png) top left no-repeat, url(/images/diagonals-reg.png) repeat scroll 50% 50%;
font-size:1.3em;    
color:#FC54FB;  
border-radius:0;
font-weight: lighter;      
z-index:5;
}             
.cidc-reg .planner-data-text {
padding-left:30px;  
}

.cidc-show{
background: url(/images/show.png) top left no-repeat, url(/images/diagonals-show.png) repeat scroll 50% 50%;
font-size:1.3em;    
color:#2576F7;  
border-radius:0;
font-weight: lighter;     
z-index:5;
}             
.cidc-show .planner-data-text {
padding-left:30px;  
}

.cidc-recp{
background: url(/images/welcome.png) top left no-repeat, url(/images/diagonals-recep.png) repeat scroll 50% 50%;
font-size:1.3em;    
color:#192616;  
border-radius:0;
font-weight: bold;     
z-index:5;
}             
.cidc-recp .planner-data-text {
padding-left:30px;  
}

.cidc-train{
background: url(/images/train.png) bottom right no-repeat;
background-color:#96bfff;
font-size:1.3em;    
color:white;  
border-radius:0;
font-weight: lighter;   
z-index:5;
}             
.cidc-train .planner-data-text {
padding-left:10px;  
}

.cidc-tea{
background: url(/images/tea.png) top left no-repeat, url(/images/diagonals.png) repeat scroll 50% 50%;
font-size:2em;    
color:#87C576;  
border-radius:0;
font-weight: lighter;
}             
.cidc-tea .planner-data-text {
padding-left:30px;  
}
         
.cidc-breakfast{
background: url(/images/breakfast.png) top left no-repeat, url(/images/diagonals.png) repeat scroll 50% 50%;
font-size:2em;    
color:#A493E4;       
border-radius:0;   
font-weight: lighter; 
}
.cidc-breakfast .planner-data-text {
padding-left:30px;  
}

.cidc-lunch{
background: url(/images/lunch.png) top left no-repeat, url(/images/diagonals.png) repeat scroll 50% 50%;
font-size:2em;    
color:#A493E4;       
border-radius:0;   
font-weight: lighter; 
}
.cidc-lunch .planner-data-text {
padding-left:30px;  
}

.cidc-partytime{
background: url(/images/diagonals.png) repeat scroll 50% 50%;
font-size:2em;    
color:#A493E4;       
border-radius:0;   
font-weight: lighter; 
}
.cidc-partytime .planner-data-text {
padding-left:30px;  
}

.cidc-3p{
background: url(/images/3party.png) top left no-repeat, url(/images/diagonals-3p.png) repeat scroll 50% 50%;
color:#F72525;
}
.cidc-3p .planner-data-text {
padding-left:30px;  
}

.planner-names-width {
    width:6.5em;
}

.planner-header-names-text{
background: #cef5b6 none repeat scroll 0 0;
font-weight: lighter;
text-align: center;
}
.planner-names-text{
color: #dcdae4 !important;
font-size: 1.5em;
font-weight: lighter;
} 

.planner-data-text{
padding:3px;
}


/*.nt-rounded{background-color: #F99F64;margin-bottom: 0.5em;margin-top: 0.5em;padding: 5px;}*/

.nt-rounded {
   /* background-color: #FBF5D9;
   /* background-color:#F4DB99;*/
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    BORDER-BOTTOM-RIGHT-RADIUS: 5PX;
    BORDER-BOTTOM-RIGHT-RADIUS: 5PX;
    border-bottom-left-radius: 5px;

}


p.small {
    line-height: 90%;
}

p.big {
    line-height: 200%;
}


.art-footer {
    background: #fd8c35;
    padding: 25px;
    margin: 0 auto;
    position: relative;
    color: #E3E3E3;
    font-size: 11px;
    font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
    text-align: left;
}

.art-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
    color: #DBDBDB;
}


.headerblockfooter{
width:96%;
background-color:#e25205;	
color:white;
padding:2%;
/*border-top-right-radius: 5px;*/	
/*border-top-left-radius: 5px;*/	
font-weight:lighter;
display: inline-block;
}

.toolbarfooter{

background: #e25205;
display: inline-block;
float: none;
padding: 0.6%;
width:100%;
/*border-bottom-right-radius: 5px;*/	
/*border-bottom-left-radius: 5px;*/	
margin:0px;  
height:auto;
text-align: center;

}

.contentTitle2 {
    background-attachment: scroll;
    background-clip: border-box;
    /*background-color: #F6C600;*/
    background-color: #7190ae;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0;
    color: white;
    font-size: 1.5em;
    opacity: 0.9;
	text-align: center;
}

.solicitados {   
    background-color: #FFFFFF;
    border-bottom-color: #CACACA;    
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;    
    border-top-color: #CACACA;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;*/
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 0 10px #D1D1D1;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	
}

.footer-bottom {
    text-align: center;
    position: fixed;
    bottom: 0%;
    clear: both;
    margin: 0 auto;
    padding: 0 0 0 0;
    font-size: 0.95em;
    background: #f0d80c repeat-x;
    z-index: 999;
    width: 100%;
}



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/*.nt-browse-table {
    border: 0;
    border-color: #888;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    padding: 0px;
    border-spacing: 0px;
}*/

.nt-browse-table {
  background: white;
  border-radius: 10px;
  overflow: hidden;
}

.v-button{
background:#57a957;
/*padding:5px 10px!important;
border-radius: 5px;
margin: 5px 10px;
font-size:1em;	
font-weight:normal;
color:#FFF;   
text-shadow:none;
    

}
.v-button:hover{
background:#6883C6;
}
.v-button a{
color: #FFFFFF;
text-decoration: none;
}*/

.nt-margin-top-05 {
    margin-top: 0.5em !important;
}

.a1 {
    background-color: #c4453c;
    color: #f6f6f6;
    display: block;
    font: bold 16px/40px sans-serif;
    height: 40px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
}


.contentTitle {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F6C600;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    
}

.contentTitle3 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #DD5B25;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}

.solicitados {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-bottom-color: #CACACA;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CACACA;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CACACA;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #CACACA;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 0 10px #D1D1D1;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {  
  .if-large{display:none;}  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}

.nt-formcell2 {
    display: table-cell;
    vertical-align: top;
    border-collapse: collapse;
    padding: 4px;
    width: -webkit-fill-available;
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
}

.cardpading{
	padding-bottom: 22px;
}

.values .card {
  border: 0;
  padding: 160px 20px 20px 20px;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.values .card-body {
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  transition: ease-in-out 0.4s;
  border-radius: 5px;
}

.values .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.values .card-title a {
  color: #473d3a;
}

.values .card-text {
  color: #4b4949;
}

.values .read-more a {
  color: #656262;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.4s;
}

.values .read-more a:hover {
  text-decoration: underline;
}

.values .card:hover .card-body {
  background: #337ab7;
}

.values .card:hover .read-more a, .values .card:hover .card-title, .values .card:hover .card-title a, .values .card:hover .card-text {
  color: #fff;
}



section {
    padding: 8px 0;
    overflow: hidden;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	padding-bottom: 0px;
}

@media (min-width: 768px)
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}



.HomeTextLarge{
	text-align: center;color: 
	#ffffff;font-size: 30px;line-height: 1em;letter-spacing: -1.01px;background: #428bca;

}


@media (max-width: 767px){
.HomeTextLarge{
    font-size: 18px;
    line-height: 1.2em;
		}
}


.HomeTextSmall{
	color: var(--c-light);
	opacity: .7;
	/* margin-top: 27px; */
	/* padding: 0 15px; */
	/* font-weight: normal; */
	/* line-height: 1.4em; */
	font-size: 14px;
}

@media (max-width: 767px){
.HomeTextSmall{
    font-size: 10px;
    line-height: 1.2em;
		}
}


.tumejor {
	color: #B9BFC5;
	font-weight: bold;
}

.tumejor {
	width: 100%;
	background-color: #468;
	color: white;
	line-height: 1.5;
	height: 20px
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	text-align: center;
}


.nt-site-header, .nt-site-header-6 {
	border-color: #0C4867;
	border-color: #F3AB01;
}
.wp-clear-both1 {
	margin-left: auto;
  	margin-right: auto;
}
.wp-clear-both1 {
	width: 175px;
	height: 194px;
	overflow: hidden; /* Hide overlapping part of the imager */
	transition: all .7s
}
.wp-clear-both1 img {
width: 100%;
height: auto; /* Allows the image to adjust properly */
transition: all .7s;
}
@media only screen and (max-width: 601px) {

.wp-clear-both1 {
width: 80px;
height: 80px;
margin: auto; /* This should position it in the center */
transition: all .7s;
}
/* Logo cossec
.cosse {
	margin-left: auto;
  	margin-right: auto;
}
.cosse {
	width: 50%;
	height: 50%;
	overflow: hidden; /* Hide overlapping part of the imager */
	transition: all .7s
}
.cosse img {
	width: auto;
	height: auto; /* Allows the image to adjust properly */
	transition: all .7s;
	padding-top: 9px;
	padding-bottom: 9px;
}
@media only screen and (max-width: 601px) {

.cosse {
	width: 100%;
	height: 100%;
	margin: auto; /* This should position it in the center */
	transition: all .7s;
	padding-top: 2%;
}


.wp-col-center-websitelinks1 {
	width: 100%;
	background-color: #149347;
	color: white;
	line-height: 1.5;
	height: 20px display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	text-align: center;
}

.nt-browse-table-footer.RightJustify>div{
	width:100%;
	margin-left:auto;
}
#div351933125_div {
	margin-left: auto;
}