@import url('contextMenu.css');
@import url('main.css');
@import url('forms.css');

/*  !PROTECTED!
 *  above:  CSS import for generated stylesheets. LEAVE THEM ALONE. They ensure CSS updates are
            delivered to all projects and CANNOT BE PROTECTED.
            (@import-statements have to be at the very beginning of a file to work in older browsers)
 *  below:  print styles (Feel free to export to a separate file if you feel it neccessary. Keep in mind IEs trouble
            with specific media and the @import statement.)
 *  further below: custom styles
**/

@media print {
  html { background:#fff; font-size:12pt; line-height:14pt; }
  html * { background:transparent; }
  body { width:100%; }
  .leftNav, .topNav { display:none; }
}

/* Overwrite styles specifically for console */

/* PAGE SETTINGS + LAYOUT */
html { min-height:100.1%; overflow:scroll; text-align:center; background-color: #fcfcfc; }
.container { /*position:relative;*/ width:1200px; padding:0; margin:0 auto; text-align:left; background-color:#FFF;
  color: #333; border:1px solid #999; font-family: Segoe UI, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
nav { width:1200px; border:0; }
.mainContent { margin-left:0; margin-right:0; min-height:300px; padding:6px 10px; background-color: #eee; color:#333; }
.pageLabel { padding:4px 8px; margin:0 8px; font-weight:bold; color:#69C; border-bottom:1px solid #69C; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; text-decoration:none; padding:0px; margin:0px 0px 5px 0px; }
h1 { font-size:14px; font-weight:bold; display:inline; }
h2 { font-size:16px; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:14px; color:#666; }
h5 { font-size:14px; color:#999; }
h6 { font-size:14px; color:#CCC; }
a {color: #000; text-decoration:none;}
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration:underline;}


/* HEADER */
.header .mainheading { display:inline; }
/*.header { position:relative; height:100px; vertical-align: top; color:#FFF; background:scroll #fff url(../images/hintergrund_breit.jpg) top right repeat-y; }
.header a img { border:0px; outline:0px; }
.header a { color:#FFF; }
.app_logo { position:absolute; top:0px; left:0px; }
.header .mainheading, .header .subheading { text-align:right; padding-right:25px; }
.header .mainheading { padding-top:30px; }
.header .subheading {  }
.konsole .mainheading { color:#cb363c; } */


/* NAVIGATION: TOP */
.topNav { width:100%; background-color:#F29400; color:#FFF; padding:6px 0px;}
.topNav a { color:#FFF; font-weight:bold; }
.topNav a span { text-decoration: underline; }
.topNav a.navi_aktiv { text-decoration:underline; }

a.shortcut { display:block; float:left; height:15px; margin:5px 30px 30px 0px; color:#D27A00; vertical-align:middle; padding:0; }
a.shortcut:hover { text-decoration:none; }
a.shortcut img { float:left; margin-right:4px;  }
a img { border:0; }

/* PAGINATION */
.mainContent div.paginateButtons {  }
.mainContent .paginateButtons span, .paginateButtons a { display:block; float:left; min-width:20px; text-align:center; height:100%; border:1px solid #999999; padding:2px; margin-right:4px; }
.mainContent .paginateButtons span { background-color:#DDD; font-weight:bold; }


/* FOOTER */
.footer { width:100%; background-color:#f29400; color:#FFF; border-top:1px solid #48234E; text-align:center; padding:4px 0px; }
.footer a { color:#FFF; text-decoration:none; }


/* blocks and columns */
.row {  border-top:1px solid #fff; width:100%; display:table;}
.firstRow { border-top:0 }
.lastRow { border-bottom:0 }


/* HELPERS */
abbr { text-decoration:none; cursor:help; }
hr { margin:16px 0; background-color:#D3D3D3; border-bottom:1px solid #D3D3D3; height:1px; }
.clearing { clear:both; }
.hairline { display:block; height:0px; border-top:1px solid #000; }
.quote { border: 3px solid #daa520; background-color: #FFF080; font-family: 'Comic Sans MS'; font-style: italic; color: GRAY; margin: auto; text-align: center; vertical-align: middle; }
.code { position:relative; max-width:540px; white-space:nowrap; overflow:auto; padding:4px; margin:auto; border: 1px solid #daa520; background-color:#FFF0C0; font-family: 'Courier New'; color:#404040; }
.hidden { /*Korr THE 22.11.11*/ visibility: hidden; display: none; }
.almanac { color: red !important;}
.found { background-color: yellow }
input.errors, input.errors:active, input.errors:focus, textarea.errors
{ border: 1px solid red !important; background-color:#fff3f3 !important; }


/* TABELLE */
.mainContent form table tr { height:auto; /*cursor:pointer;*/ }
.mainContent form table tr td, .mainContent form table tr th { padding-top:4px; padding-bottom:4px; }

.intro a.active { font-weight:bold; }
.rightAdj { text-align: right }
td.rightAdj span { float: right }
th.rightAdj a { text-align: right }
.mainContent th.rightAdj.asc a {
  background-position: left;
}
.mainContent th.rightAdj.desc a {
  background-position: left;
}

/* AKKORDEON */
/*.ac-container { padding: 2px; }*/
section { padding-bottom: 4px; }
.ac-container > div > input + label,
.ac-container > div > input + label:hover {
  min-height: 24px;
}

/* TAB for YEARPLAN */
.tabLeft {      width:20px; font-size: 10px;background-color:#BDF }
.tabLeft table td { padding: 0 !important; }
.tabHdrLeft {   width:20px; height:12px; font-size: 10px; background-color:#AFF }
.tabHdr {       width:16px; height:12px; font-size: 10px; background-color:#AFF; text-align:center; }
.tabHdrSum {       width:16px; height:12px; font-size: 10px; background-color:#AFF; text-align:right; }
.tabUpper {     width:16px; height:auto; font-size: 10px; background-color:#CCC; text-align:center; }
.tabLower {     width:16px; height:22px; font-size: 20px; position:relative; /*cursor:pointer;*/ border:1px solid #CCC;
  padding:0 !important; text-align: center; /*padding-bottom:10px;*/ }
.tabLowerEmpty {width:16px; height:22px; font-size: 20px; position:relative; }
.tabSum {       width:16px; height:22px; font-size:12px; text-align: right !important; padding-top:12px; font-weight:bold; }
.tabOvernight { height:7px; width:100%; margin:0; }
.tabSchool {    height:7px; width:100%; margin:0; position: absolute; top: 10px; background-color: #0087ff; }
.tabNightwatch { width:4px; height:4px; position:absolute; top:1px; left:5px; }
.tabLetter {    margin-left:auto; margin-right:auto; padding-top:4px; }
.tabFood {      height:7px; width:7px; position:absolute; bottom:1px; }
.tabBreakfast, .tabLgMorning  { left:1px; }
.tabLunch, .tabLgLunch, .tabDivLunch { left:10px; }
.tabDinner, .tabLgEvening     { left:19px; }
.tabLgMorning, .tabLgLunch, .tabLgEvening  { background-color: #0087ff !important; }
.tabFoodYes {    }
.tabSpacer {    height:4px; margin:0; padding:0; }
.tabText { font-size: 9px !important; text-align:center !important; }
.tabSep { height: 20px; border-top: 2px solid #888; border-bottom: 2px solid #888;background-color:#EEE; margin-bottom:8px}
td.internat { background-color: #ffe1aa; }


/* --- TOOLBAR/MENU --- */
/*#planningTable, #childTable, #staffTable, #extStaffTable, #yearPlanTable*/
.iconTable { height: 100%; border-collapse: separate; border-spacing: 0px 0px; float: left; }

.bigTd { min-width: 100px; }
.topButton { position: relative; margin-top:3px !important; }
.bottomButton { position: relative; margin-top:-8px !important; }

#tab1 td.recentChange {
  -webkit-box-shadow: 0px 0px 0px 2px rgba(255,0,0,1);
  -moz-box-shadow: 0px 0px 0px 2px rgba(255,0,0,1);
  box-shadow: 0px 0px 0px 2px rgba(255,0,0,1);
}

#tab1 td.highlighted {
  background-color: #dee7e8;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(103,173,229,1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(103,173,229,1);
  box-shadow: 0px 0px 2px 2px rgba(103,173,229,1);
}
#tab1 td.internat.highlighted {
  background-color: #c7cec6;
}
#tab1 td.highlighted .tabOvernight { background-color: #ad750d !important; }
#tab1 td.highlighted .tabSchool { background-color: #0059a8 !important; }
#tab1 td.highlighted .tabFood.tabLgMorning, #tab1 td.highlighted .tabFood.tabLgLunch, #tab1 td.highlighted .tabFood.tabLgEvening
{ background-color: #0059a8 !important; }
#tab1 td.highlighted .tabFood.tabBreakfast, #tab1 td.highlighted .tabFood.tabLunch, #tab1 td.highlighted .tabFood.tabDinner
{ background-color: #ad750d !important; }

.desc { font-size: larger; font-weight:bold; }
.choose .name { border-right: 4px solid #999; padding:2px; }
.choose .value { padding:2px; padding-left: 5px; }

.flexBox { display: flex; }
#setupWindow .block.left { flex: 0.5; }
#setupWindow .block.right { flex: 0.5; }
#setupWindow .name { margin-left: 0; padding: 0; margin-top: 8px; }
#setupWindow .value { margin-left: 50px; padding: 0; }
#setupWindow .name input, #setupWindow .value input { margin-top: 4px; }
#setupWindow .name label, #setupWindow .value label { font-weight: bold; margin:0; padding:0; }

#legendWindow .example { flex: 0.2; }
#legendWindow .legend { flex: 0.8; padding-top:1px;}
#legendWindow .example table, #legendWindow .example tr { width:33px !important; height:30px; padding:0; margin:0; border:0; }
#legendWindow .example td { width:100% !important; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #legendWindow .tabFood { bottom:-28px; }
}

#selectionWindow {  }


/* --- YEAR PLAN --- */
/* Sim Data display */
.editView.Year.Plan .dialog { margin: 0 !important; }
.editView.Year.Plan .body { margin: 0; padding: 0;  }
.editView.Year.Plan legend { background-color: #2b6184; color:white; font-size:10px; font-weight:bold; }
.editView.Year.Plan input[type="checkbox"] { width:16px; height:16px; }
.editView.Year.Plan #fs3 { display: none; }
.editView.Year.Plan #fs1, .editView.Year.Plan #fs2 { float: left; display: inline-table; width: 50%; height: 100%; }
.editView.Year.Plan #fs2 { width: 45%; margin-left: 5px; }
.editView.Year.Plan #fs2 input[type="checkbox"] { width: 16px; height: 16px; }
.editView.Year.Plan #fs1 .name { width: 240px; }
.editView.Year.Plan #fs2 .name { width: 180px; }
/* Hide Sim-Data in plannings where it's not needed */
.planA.editView.Year.Plan #fs2, .planP.editView.Year.Plan #fs2 { display: none; }
.planA.listView.Year.Plan .list td:first-child, .planP.listView.Year.Plan .list td:first-child,
.planA.listView.Year.Plan .list th:first-child, .planP.listView.Year.Plan .list th:first-child
{ display: none; }

/* YearPlan / Tab */
.editView.Year.Plan #fs4 { display: block; left: 0; clear: both;  }
.editView.Year.Plan #fs4, .editView.Year.Plan #fs4 table { margin: 0; padding: 0;  }
.editView.Year.Plan #fs4 legend, .editView.Year.Plan #fs4 label[for="tab"] { display: none; }

/* STAFFPLAN */
.tabPPImport {  height:7px; width:100%; margin:0; }
.tabSum {       width:16px; height:22px; font-size:12px; text-align: right !important; padding-top:12px; }
.tabHdrRight {  text-align: right !important; }

/* CHART */
.chart { width:550px; height:400px; position: relative; display:inline-block; margin:10px; }

/* FOOTER */
.footer_0 { background-color: #e8e8e8; font-weight:bold; font-style:italic; }
.footer_1 { background-color: #d3d3d3; font-weight:bold; font-style:italic; }
.footer_0 td span, .footer_1 td span { font-weight:bold;  }
.footer_0 td span { font-style:italic; }

.actPlanning td, actPlanning.hover td { font-weight: bold; color: red; }

/* Highlighting of table rows */
.plainBG { background-color: #FFA !important }
.centralBG { background-color: #AFB !important }
.archBG { background-color: #FAA !important }

.workflowActive { font-weight: bold; background-color: #888; height: 19px; padding: 2px; margin-left: 4px}
.workflowPassive { font-weight: bold; background-color: #DDD; height: 19px; padding: 3px; margin-left: 4px}
.workflowArrow { font-family: Wingdings; height: 19px; color: #666; padding: 3px; padding-right: 0}
.intNotice { background-color: lightyellow }

/* Article highlighting */
.notice { color: darkorange; font-weight: 700 !important; }
.priority { color: red; font-weight: 700 !important; }
.protected { color: #999; font-weight: 700 !important; }
.checkState { color: #0000ff; font-weight: 700 !important; }
.okState { color: #00cc00; font-weight: 700 !important; }

/* Article highlighting */
.hlFolio { color: black; font-weight: 700 !important; }
.hlPaper { color: blue; font-weight: 700 !important; }
.hlNews { color: blue; font-weight: 700 !important; }
.hlInternal { color: #00aa00; font-weight: 700 !important; }
.hlUnassigned { color: red; font-weight: 700 !important; }

.textBlockExecute { color:blue; text-decoration: underline; cursor: default }