/*
* LAWA-Projektverwaltung
* Stylesheet für den öffentlichen Bereich.
* Diese Datei ist unter der GPL 3.0 lizensiert. Eine Kopie der Lizenz findest Du unter LICENSE
*/

@font-face {
    font-family: AlatsiRegular;
    src: url(Alatsi-Regular.ttf);
}

@font-face {
  font-family: 'Bowlby One SC';
  font-style: normal;
  font-weight: 400;
  src: url(./bowlby-one-sc-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

a:link, a:visited, a:hover, a:active { color:aqua; }
a.no-ident, a.no-ident:visited, a.no-ident:hover, a.no-ident:active { color: white; text-decoration: none;}
a.no-ident-black, a.no-ident-black:visited, a.no-ident-black:hover, a.no-ident-black:active { color: #444444; text-decoration: none; text-shadow: 2px 2px #999999;}

body {background-color: #335f99; color: #ffffff; padding: 0px; margin: 0px; font-family: sans-serif; text-shadow: 2px 2px #666666; min-width: 1420px; }

div { visibility: inherit; text-align: center; }
h1 { text-align: center; vertical-align: middle; padding: 20px; margin: 0px; }
h2 { text-align: center; vertical-align: middle; padding: 20px 5px; margin: 0px; visibility: inherit; }
h3 { text-align: center; vertical-align: middle; padding: 5px 5px; padding-bottom: 13px; margin: 0px; visibility: inherit; }


table { border: 0px; margin: 0px; border-collapse: collapse; visibility: inherit; }
td { padding: 5px 20px; }
th { padding: 10px 20px; }
td.mapLink, th { cursor:default}
th { background-color: #003780; }
tr.bright { background-color: #99c5ff; height: 41px; }
tr.dark { background-color: #1a7dff; height: 41px; }

.thSmall { font-size: 16px; padding: 0px; margin: auto; text-align: center;}
.tdBig { font-size: 35px; text-align: center; cursor: pointer; }

.data_center { position: relative; }
.fpmStats { padding: 5px; border-radius: 10px; }
.fpmStatsContainer { padding: 0px; width: 100%; margin: 0px; position: relative; display: none; }
.listViewPaxPilotContainer { position: fixed; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); visibility: hidden; }
.menu_bar { background-color: #b54200; text-align: center; height: 60px; margin: 0px; padding: 0px; }
.menu_item { display:inline-block; height: 20px; width: 200px; padding: 16px 5px ; margin-top: 4px; margin-bottom: 2px; font-size: 20px; }
.menu_item:hover { background-color: white; color: #080000; font-weight: bold; cursor: pointer; }
.qlPiloten, .qlPax, .qlFluege, .qlFpmStats { border-radius: 10px; margin: 10px; margin-top: 10px; padding: 10px; font-size: 20px; display: inline-block; box-shadow: 3px 3px rgba(0, 0, 0, 0.3); }

.qlPiloten { background-image:linear-gradient( rgb(8, 0, 0) 15%, #1a7dff 95%, white 100%); }
.qlPax { background-image:linear-gradient( rgb(8, 0, 0) 15%, #1a7dff 95%, white 100%); }
.qlFluege { background-image:linear-gradient( rgb(8, 0, 0) 15%, #1a7dff 95%, white 100%); }
.qlFpmStats { background-image:linear-gradient( rgb(8, 0, 0) 15%, #1a7dff 95%, white 100%); }

.qlBack { border-radius: 10px; margin: 30px 0px 40px 0px; padding: 10px; font-size: 20px; display: inline-block; box-shadow: 3px 3px rgba(0, 0, 0, 0.3); background-image:linear-gradient( grey 5%, lightgray 90%, white 100%); }
.spanFluginfo { cursor: pointer; }
.ZierleisteOben { background-color: #003780; height: 13px; margin-bottom: 15px; }
.ZierleisteUnten { height: 62px; background-image: url('./symbols/trim_grass_wide.png'); background-position:bottom left; background-repeat: repeat-x; opacity: 0.85; }

.Rangliste_Legende { position: relative; margin: auto; margin-bottom: 0px; margin-top: 0px; border-collapse: collapse; border-width: 0px; }
.Rangliste_Legende_Spalten { width: 166px; margin: 0px; padding: 0px; font-size: 16px; padding-top: 5px; padding-bottom: 5px; }

.resizeTable { width: 830px; margin:auto; margin-bottom: 50px; padding: auto; text-align: center; }
.btnExpandCollapse { border-radius: 10px; margin: 10px; margin-bottom: 0px; padding: 10px; font-size: 18px; display: inline-block; box-shadow: 3px 3px rgba(0, 0, 0, 0.3); background-image:linear-gradient( rgb(8, 0, 0) 5%, #1a7dff 95%, white 100%); }
#resizePilotTable, .resizePaxTable {cursor: pointer}

#projektFluege { position: relative; width: 100%; }
.projektRangliste, #projektListe, #projektRanglistePilotenDetail, #projektFluegeListe, #projektRanglistePassagiereDetail, #fluegeHighlights, #flugInfos, #flugMenue { text-align: center; margin: auto; font-size: 20px; }
#Fluguebersicht { text-align: center; margin: auto; font-size: 20px; margin-bottom: 40px; }
#projektRanglistePiloten, #projektRanglistePassagiere { position: relative; width: 100%; }
#projektStatistik { visibility: collapse; position: relative;}
#projektUebersicht { visibility: collapse; position: absolute; width: 100%; }
#SeatMapContainer { position: fixed; visibility: hidden; margin: 0px; padding: 15px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; }
#listViewPaxPilot { padding: 10px; width: 400px; background-color: #333333; overflow: auto; z-index: 10; border-radius: 25px; }
#QuickLinks { margin-bottom: 20px; }
#flugMenue { width: 1290px; }

#SeatMapCurrentContainer { visibility: inherit; display: inline; margin-top: 25px; margin-bottom: 21px; pdding: 0px; border-width: 0px; overflow: hidden; }
#menuCurrentFlight { visibility: inherit; display: inline; margin: 25px 5px 21px; }

.canvasBoardingPass { border: 2px solid black; border-radius: 10px; background-color: #080000; box-shadow: 3px 3px 5px #333; margin: 5px; }
.curFlightInfoTable { margin: auto; }

.card { width: 330px; height: 202px; margin: auto; padding: 5px; position: relative; border: 2px outset gold; border-radius: 15px; box-shadow: 7px 7px 4px rgba(0,0,0,0.35); font: bold 25px sans-serif; text-shadow: 1px 1px 1px rgba(24, 24, 24, 0.502), -1px -1px 1px rgba(255, 255, 255, 0.9); }
.cardCompanyLogo { position: absolute; top: 20px; left: 20px; opacity: 0.66; filter: alpha(opacity=66); font-size: 20px; color: black; text-shadow: none; font-weight: normal; }
.cardFlightsCount { position: absolute; top: 86px; right: 20px; font-size: 26px; color: black; text-shadow: none; }
.cardFlightsTitle { position: absolute; top: 70px; right: 20px; font-size: 14px; color: black; text-shadow: none; }
.cardNumber { margin: 0px; padding: 0px; position: absolute; bottom: 47px; left: 20px; font: normal 24px monospace; text-align: center; }
.cardUserName { position: absolute; bottom: 20px; left: 20px; font: normal 18px monospace; }

.customBadge {
    position: relative; top: -5px;  padding: 0px 4px;
    font-family: 'Bowlby One SC'; font-size: 8px; text-align: center; text-shadow: 0px 0px #ffffff;
    border: 2px outset #000000; border-radius: 5px;  box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
    margin-right: 2px;
}