@import "/legacy/css/global.css";

/* 
  25%:  #F4F4F4  RGB(242,249,243)  CMYK(3,0,2,2) 
  50%:  #EAEAEA  RGB(229,242,231)  CMYK(5,0,4,5)
  Sec:  #D3D3D3  RGB(201,228,206)  CMYK(11,0,9,11)
  1     #A9A9A9  RGB(128,207,158)
  2     #9C9C9C  RGB(143,172,154
  3     #7F7F7F  RGB(96,155,119)
  PRI:  #B3B3B3  RGB(0,159,60)     CMYK(62,0,39,38)
  5     #505050  RGB(0,119,45)
  6     #363636  RGB(0,79,30)
  7     #282828  RGB(0,59,22)
  Out1: #2D0077  RGB(45,0,119)
  Out2: #772D00  RGB(119,45,0) 
*/

body { font-family:Arial; }
#Lienzo { background:#EAEAEA; }
#Cabecera { height:16px; }
#ContenidoReal { background:#FFF url(fondou.png) left bottom repeat-x; }
h2 { display:block; position:absolute; top:32px; left:114px; margin:0; padding:0; text-align:right; color:#F4F4F4; letter-spacing:1px; font:italic bold 12pt Arial; text-shadow: 2px 2px 4px #282828; } 
#Pie { width:890px; }

#Indice li { width:176px; } 
#Indice #In1 { left:36px; } #Indice #In2 { left:216px; } #Indice #In3 { left:396px; } #Indice #In4 { left:576px; } #Indice #In5 { left:756px; width:96px; } 

.Bloque { background:#EAEAEA; padding:0; border:1px solid #B3B3B3; margin:32px 40px; width:816px; border-radius:6px; }
.Bloque h3 { background-color:#B3B3B3; padding:2px 8px; margin:0 0 16px; color:#EAEAEA; border-radius:4px 4px 0 0; }
.Bloque table, .Bloque form	 { margin:16px; }
.Bloque hr { border:1px solid #B3B3B3; } 
.Bloque p, .Bloque dl, .Bloque hr { margin:16px 22px; }
.Bloque p, .Bloque dl, .Bloque td { font:10pt Arial; color:#000; }
.Bloque form { border:0; margin:24px 16px 16px; padding:0; width:784px; }

.Bloque table { width:774px; margin:16px 20px; border:2px solid #B3B3B3; border-collapse:collapse; } 
.Bloque form table { margin:16px 0; border:1px solid #000; } 
.Bloque th { background:#A9A9A9; color:#363636; font-size:9pt; border:1px solid #B3B3B3; border-bottom-width:2px; }
.Bloque tr { background:#FFF; }
.Bloque td { border:1px solid #D3D3D3; }
.Bloque form td, .Bloque form th { border:1px solid #000;  }
.Bloque form th { border:1px solid #000; color:#000; }

.Bloque td.Numerico { text-align:right; padding-right:4px; padding-left:4px; }
	.Bloque td.Numerico:first-child { text-align:left; }
.Bloque table a { margin:0 3px; }
.Bloque table .Acciones a, .Bloque table a.Pod { background:#B3B3B3; border-radius:6px; padding:1px 6px; margin:1px; font:bold 9pt Arial; vertical-align:top; color:#EAEAEA; text-decoration:none;  cursor:pointer; }
.Bloque table .Acciones a:hover, .Bloque table a.Pod:hover { background:#505050; color:#F4F4F4; }

.Bloque dl { border-top:1px solid #B3B3B3; }
.Bloque dt { color:#B3B3B3; font:bold 9pt Arial; }

#Indice li { font-size:11pt; text-transform:none; background:#F4F4F4; color:#B3B3B3; cursor:pointer; } 
#Indice li:hover { background:#FFF; } 
#Indice li:hover a { color:#505050; } 
#Indice a { color:#B3B3B3; } 
#Indice a:hover { color:#505050; } 
#Indice .Actual { cursor:default;  } 
#Indice .Actual:hover { background:#B3B3B3;  } 
#Indice .Actual a { color:#D3D3D3; } 
#Indice .Actual a:hover { color:#FFF; } 


#Menu, #Menu li, #Menu button { text-align:center; } 
#Menu { margin:16px; padding:0; list-style-type:none; } 
#Menu li { margin:4px; padding:0; list-style-type:none; } 
#Menu button { width:136px; border:2px solid #B3B3B3; border-radius:15px; background:#F4F4F4; padding:4px 8px; font:bold 12pt Arial; color:#B3B3B3; cursor:pointer; }
#Menu button:hover { background:#FFF; color:#505050; border-color:#505050; }

fieldset { margin:0; border:0; padding:0; clear:both; }
.Bloque textarea, #FormAnomATC #Nombre  { width:762px; border:1px solid #B3B3B3; background:white; font:10pt Arial; color:#000; padding:4px 6px; margin-left:4px; }
#InicioSesion { margin:16px 22px; }
#InicioSesion fieldset { text-align:center; }
#InicioSesion label { padding-left:32px; font:10pt Arial; }
#InicioSesion p, #FormCambio p { margin:0 0 16px; }
#Usuario, #Clave, #Nombre, #nClave1, #nClave2 { border:1px solid #B3B3B3; background:white; font:10pt Arial; color:#000; }
#Clave { margin-right:32px; }
#FormCambio { margin:16px 22px; }
#FormCambio label { font:10pt Arial; line-height:24px; width:64px; margin-left:160px; }
#FormAnomATC label { padding-left:4px; font:10pt Arial; }
.ControlB { visibility: hidden; }


#ContenidoReal .Bloque p.Acciones { text-align:center; margin:16px; padding:0; /* background:#B3B3B3; */ }
#ContenidoReal .Bloque p.Acciones + p.Acciones { padding-top:12px; border-top:1px solid #9C9C9C; }

.Bloque td.Acciones { width:0; padding:1px 4px; }
.Bloque td.Checks { width:0; padding:1px 0px; }
#ContenidoReal .Bloque form p.Acciones { margin:16px 0 0; }
.Acciones button, .Acciones input { margin:0 8px; border:0; border-radius:12px; background:#B3B3B3; padding:4px 8px; font:bold 10pt Arial; color:#EAEAEA; text-decoration:none; cursor:pointer; }
.Acciones button:hover, .Acciones input:hover { background:#505050; color:#F4F4F4; }
.Tracking { margin-top:18px; border-top:1px solid #B3B3B3; padding-top:4px; font:9pt Arial; }
.Tracking a { color:#B3B3B3; text-decoration:none; }
.Tracking small { font:8.5pt Arial; }

.Alerta { padding-top:70px; background:url(alerta.png) center top no-repeat;}
.Crisis { padding-top:70px; background:url(crisis.png) center top no-repeat;}

#TablaResumida tbody { display:none; }
#TablaResumida tbody.Selector, #TablaResumida #TB0 { display:table-row-group; }
#TablaResumida .Selector th, #TablaResumida tfoot th { text-align:right; background:#D3D3D3; }
#TablaResumida td { padding:0 3px; }

#TablaExtendida { visibility:hidden; z-index:98; background:#EAEAEA; position:fixed; left:3%; top:5%; width:94%; height:90%; overflow:auto; border:3px solid #B3B3B3; border-radius:32px 0 0 32px; background:#FFF; box-shadow:2px 1px 8px 2px #282828;}
#TablaExtendida table { margin:32px auto; border:2px solid #B3B3B3; border-collapse:collapse; }
#TablaExtendida th { background:#A9A9A9; color:#363636; font-size:9pt; border:1px solid #B3B3B3; border-bottom-width:2px; }
#TablaExtendida td { background:#FFF; font:10pt Arial; color:#000; border:1px solid #D3D3D3; padding:0 3px; }
#TablaExtendida td.Numerico { text-align:right; }
	#TablaExtendida td.Numerico:first-child { text-align:left; }
#TablaExtendida table .Acciones a { background:#B3B3B3; border-radius:6px; padding:1px 6px; margin:1px; font:bold 9pt Arial; vertical-align:top; color:#EAEAEA; text-decoration:none; cursor:pointer; }
#TablaExtendida table .Acciones a:hover { background:#505050; color:#F4F4F4; }
#TablaExtendida tbody { display:none; }
#TablaExtendida tbody.Selector, #TablaExtendida #TBe0 { display:table-row-group; }
#TablaExtendida .Selector th, #TablaExtendida tfoot th { text-align:right; background:#D3D3D3; }
#TablaExtendida div { position:fixed; right:3%; top:5%; margin:5px 20px; padding:0; text-align:right; }
#TablaExtendida div a { margin:0; padding:0; }
#TablaExtendida div a img { border:0; margin:0; }

#TablaEnviosGuardados td { font-size:9pt; }

#Pantalla { visibility:hidden; z-index:99; position:fixed; left:50%; top:50%; width:734px; height:500px; margin-left:-383px; margin-top:-250px; padding:16px; text-align:center; border:3px solid #B3B3B3; border-radius:32px 0 32px 32px; background:#FFF; box-shadow:2px 1px 8px 2px #282828; }
#Pantalla div { position:absolute; right:2px; top:2px; padding:2px 2px 4px 2px; text-align:right; }
#Pantalla div img { border:0; }
#Pantalla #Marco { margin:24px 16px 16px; display:none; width:700px; height:450px; border:1px solid #B3B3B3; }
.InPantalla { background:#EAEAEA; padding:0; height:auto; }
.InPantalla table, .InPantalla form, .InPantalla div { margin:32px; font:10pt Arial; } 
.InPantalla img { cursor:pointer; border:0; }
.InPantalla h3 { background-color:#B3B3B3; padding:2px 8px; margin:0 0 16px; color:#EAEAEA; }
.InPantalla table { width:640px; border:2px solid #B3B3B3; border-collapse:collapse; font:10pt Arial; } 
.InPantalla th { background:#A9A9A9; color:#363636; font-size:9pt; border:1px solid #B3B3B3; border-bottom-width:2px; }
.InPantalla tr { background:#FFF; }
.InPantalla td { border:1px solid #D3D3D3; }
.InPantalla td.Detalles { width:450px; }
.InPantalla #Datos{ width:626px; border:1px solid #B3B3B3; background:white; font:10pt Arial; color:#000; padding:4px 6px; }
.InPantalla p.Acciones { text-align:center; }
.InPantalla p.Pod { margin:16px; padding:0; text-align:center; }

.Bloque { position:relative; }
#ContenidoReal .Bloque .R3C { position:absolute; top:8px; right:8px; text-align:right; margin:0; padding:0; line-height:0; }
#ContenidoReal .Bloque .R3C button { border:1px solid #EAEAEA; border-radius:48pt; background:#B3B3B3; padding:2px 16px 4px; font:bold 9pt Arial; color:#EAEAEA; text-decoration:none; text-transform:uppercase; cursor:pointer; }
#ContenidoReal .Bloque .R3C button big { font-size:22pt; }
#ContenidoReal .Bloque .R3C button:hover { background:#505050; color:#F4F4F4; }

div.TableListScroll { display:inline-block; max-height:65vh; width:auto; overflow-y:auto; padding:0; margin:0; border:2px solid #B3B3B3; clear:both; }
div.TableListScroll table { border:0; }
div.TableListScroll table th { position:sticky; top:0; }

.TrackingPerm	 { margin:16px; font-size:8pt; }