/**
 * Layout:
 *  - Baseline resets
 *  - Page Structure
 *  - Content
 *    - Headings
 *    - Text
 *  - Forms
 *  - Navigation
 *    - Main Menus
 *    - Submenu (tabbed pages)
 *  - Comments
 *  - Page Specific
 *    - Included in each page (separate style sheet included with the page - see /include/template.inc.php)
 *
 *
 * $Id: vzacommon.css,v 1.4 2009/06/15 10:29:05 cvs Exp $
 *
 * $Log: vzacommon.css,v $
 * Revision 1.4  2009/06/15 10:29:05  cvs
 * Most css files brought under this one file.
 * Added support for new pages.
 *
 * Revision 1.3  2006/08/11 15:32:38  cvs
 * Changed the background and merged in the contact list styles
 *
 */

@page {
  /* size: 190mm 277mm; */
  size: A4 landscape;
}

/** >>>>> BASELINE RESETS >>>>> ----------------------------------------------*/
/* define HTML5 Std elements for older browsers */
header,
main,
footer,
section,
article,
aside,
nav,
figure {
  display: block;
}

* {
  margin:0;
  padding:0;
  font-family:"arial", "verdana", "helvetica", sans-serif;
  font-size: 8pt;
  box-sizing: border-box;
}

a           {text-decoration:none;}
a img       {border:none;}


h1          {font-size:2.5em;}
h2          {font-size:2.0em;}
h3          {font-size:1.8em;}
h4          {font-size:1.5em;}
h5          {font-size:1.3em;}
h6          {font-size:1.1em;}
.main-title {
  font-size:2.5em;
  letter-spacing: .1em;
}


h1,h2,h3,
h4,h5,h6    {padding:.2em .4em;}

h1, h2, h3, h4, caption, legend  {color:#D50;}
h5 {color:#800;}
h6 {background-color:#800; color:#FFF;}

blockquote  {margin:.3em 3em;}

dd,
ul,ol,li    {margin:.3em 0 .3em 3%;}
p           {margin:.3em 0;}

hr {
  margin:.3em auto;
  color: #AAA;
}

.no-print {
  display: none;
}

.bold         {font-weight:bold;}
.block {
  display:block;
}

.frame        {background-image:none; background-color:transparent; border:none; margin:0;}
.left         {text-align:left;}
.number,
.right        {text-align:right;}
.tip          {color:#444; font-size:1em; text-align:right; margin:0 4px}
.title        {text-shadow:.05em .05em .08em #778;}
.underline    {text-decoration:underline;}
.valid        {color:#0A0;}
.invalid,
.user-hilite  {color:#F00;}
.form-error,
.bad-entry    {outline: 3px solid #F00}

.guide        {color: #888;}

.danger       {background-color:#F66;}
.warning      {background-color:#ED0;}
.ok           {background-color:#6C6;}

/* .feestday {background-color:#F8F8E0;} */
.feestday {color:#A84;}
/* tr.feestday td {padding:2px 0;} */
.saturday {color:#44D;}
.sunday {color:#0B0;}

.na {
  background: repeating-linear-gradient( 315deg, #EEE, #EEE 8px, #DDD 8px, #DDD 16px );
}

.note {
  padding:2px 4px;
  background-color:white;
  border:1px solid #888;
  border-radius: 8px;
}

/**
* TODO: this style disable an earlier style
*/
.warning {
  padding:2px 4px;
  background-color:#FDC;
  border:2px solid #F88;
}


.errormsg
{
  background-color:#FFF;
  border:2px solid #F00;
  color:#000;
  text-align:left;
  width:80%;
  margin:auto;
}

.envelope {
  min-width: 28em;
  overflow: auto;
}

.icao-airfield {
  text-transform: uppercase;
  width: 4em;
}

.vignette {
  opacity:0.85;
  filter:alpha(opacity=85);
}


.cosy-wrap {
  display: inline-block;
  height: inherit;
}

.cb       {clear:both;}
.cl       {clear:left;}
.cr       {clear:right;}

/* .tcell {
  display: flex;
  vertical-align:top;
  margin:0;
  padding:1px 4px;
} */

.tcell {
  display: flex;
  margin:0;
  padding:1px;
  width: 100%;
}


.tcell dd {
  margin-top:0;
  margin-bottom:0;
}

.flex-fs-wrapper {
  max-height: none;
  overflow: visible;
  flex: auto;
}

fieldset
{
  width: 100%;
  height: 100%;
  border:1px solid #AAA;
  border-radius:8px;
  padding: 2% 1%;
}

fieldset.tgroup {
  border: 1px solid red;
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
  padding: 0;
}

.A4-portrait {
  height: 297mm;
  width: 210mm;
}

.A4-landsacape {
  height: 210mm;
  width: 297mm;
}

body,
html
{
  height: 210mm;
  width: 297mm;
}

main {
  height:100%;
  width:100%;
/*   background: linear-gradient(#2F4679 1em, transparent 10%); */
  text-align:center;
  /* border: 1px solid blue; */
}

#main_frame {
  /* border: 1px solid red; */
}

.assistance,
nav,
#page_header,
#page_footer {
  display: none;
}

.page {
  width: 100%;
  margin: auto;
  /* border: 1px solid purple; */
}

#page {
  top: 0px;
  height: 100%;
  width: 100%;
  /* box-shadow: none; */
  margin: 0;
}

.content {
  display: flex;
  height:100%;
  width:100%;
  margin:auto;
  padding: .2em;
  background:#EEE;
  border: 1px solid black;
}

.content-inner {
  display: flex;
  flex: 1;
}

.content-left,
.content-right {
  display:flex;
  height:inherit;
  width:calc(50% - 1mm);
  min-width: 50mm;
  margin:.2em;
  flex: 1;
  flex-flow: column;;
}

.overview {
  display: flex;
  justify-content: space-around;
}

input,
output.output {
  display: inline-block;
  height: 1.3em;
  padding: .1em .3em;
  color: initial;
  background-color: white;
  letter-spacing: normal;
  border: 1px solid silver;
}

.trow-head {
  display: flex;
  justify-content: flex-start;
}

.trow-head-group {
  display: flex;
  justify-content: flex-start;
}

.trow-head > div {
  margin-left: 1%;
  margin-right: 1%;
}

.decimal999 {
  width: 10mm;
}


/* .tgroup {
  margin: 1px;
  border-color: black;
  flex-wrap:wrap;
  flex: 1;
} */

.tgroup {
  display: flex;
  margin: 2px;
  border-radius: 4px;
  padding: 1px;
  flex-wrap:wrap;
  flex: 1;
  min-height: -webkit-fit-content;
  min-height: fit-content;
}

.trow-group {
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  border: 1px solid silver;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: transparent;
}

textarea {
  resize: none;
  width: 100%;
}

#menu_wrap {
  display: none;
}