/* ZEDOnet CSS for responsive design with w3.css */

/* basic font */

html, body {
  font-family:Segoe UI,Avenir,sans-serif;
  font-size: 15px;
  line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
  font-family:Segoe UI,Avenir,sans-serif;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 28px;
}
 
h3 {
  font-size: 22px;
}

h4 {
  font-size: 19px;
}

/* color schemes */

/* override for better contrast */
/*.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}*/
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#00847c!important}
/*.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}*/
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607886!important}
/*.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}*/
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#e6140a!important}

/* header area */
.w3-zedo-header-blue {
  color:#000;
  background: linear-gradient(to bottom right, #96b3ed, #e3eeff); 
  background-color: #a1b4df;
}

/* table headers */
.w3-zedo-table-blue {
  color:#000;
  background-color:#becff3;
}

/* left navigation */
.w3-zedo-light-blue {
  color:#000;
  background-color:#dbe5f6;
}

.w3-sidebar {
  position:absolute !important; /* fixed would not scroll with page */
  overflow:visible; /* no scrollbar for sidebar */
  min-height:100%; /* grow with menu length */
  height:auto; /* grow with menu length */
}

/* active button in top navigaion */
.w3-zedo-active {
  color:#fff;
  background-color:#25408e;
}

/* modify shadow in top navigation */
.w3-zedo-shadow {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
}

/* top navigaion */
.w3-zedo-menu {
  font-size: 16px;
}

/* override w3css first child rule */
.w3-zedo-menu:first-child {
	background-color: #f1f1f1 !important;
}
* top navigaion dropdown */
.w3-zedo-menu-drop {
  font-size: 14px;
}

/* underline links only while hovering */

#content a {
  color:#0020f0;
  text-decoration:none; /* no underline */
}

#content a:hover {
  text-decoration:underline;
}

#footerContent a {
  color:#0020f0;
  text-decoration:none; /* no underline */
}

#footerContent a:hover {
  text-decoration:underline;
}

/* left navigaion <div id="zedo-left-nav"> */

.zedo-left-nav a:hover {
  text-decoration:none !important; /* no underline */
  color: #000 !important;
  background-color:#becff3 !important; /* a bit darker blue background */
}

/* TODO: list indent */

.zedo-left-nav ul ul ul ul li.sub_no a,
.zedo-left-nav ul ul ul li.sub_no a,
.zedo-left-nav ul ul li.sub_no a,
.zedo-left-nav ul li.sub_no a {
  font-weight: normal; /* make subitems of selected nav item non-bold */
  color: #000;
  background-color: #dbe5f6;
}

.zedo-left-nav ul ul ul ul li.active a,
.zedo-left-nav ul ul ul li.active a,
.zedo-left-nav ul ul li.active a,
.zedo-left-nav ul li.active a {
  font-weight: bold; /* make selected nav item bold, overwrite previous */
  color: #fff;
  background-color: #25408e;
}

.zedo-left-nav ul li a {
  width: 100%;
  display:block;
  padding: 0 0 0 15px; /* top right bottom left */
}

.zedo-left-nav ul ul li a {
  padding: 0 0 0 30px; /* 15px indent for each ul */
}

.zedo-left-nav ul ul ul li a {
  padding: 0 0 0 45px; /* 15px indent for each ul */
}

.zedo-left-nav ul ul ul ul li a {
  padding: 0 0 0 60px; /* 15px indent for each ul */
}

/* redefine <ul> list appearance */

.zedo-left-nav ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /* padding: 1px 0 0 15px; */ /* less indent */
  list-style-type:none; /* no list bullet */
  font-size: 14px;
  line-height: 1.7;
}

/* redefine <ul><li> list item appearance */
.zedo-left-nav ul li a,
.zedo-left-nav ul li a:link,
.zedo-left-nav ul li a:visited,
.zedo-left-nav ul li a:active {
  text-decoration:none; /* no underline */
}

/* underline while hover */
.zedo-left-nav ul li a:hover {
  text-decoration:underline;
}

/* top navigation <div id="zedo-top-nav"> */

/* currently not used
 * todo: 
 * - if window is small and menu in two lines,
 *   the menu bar area doesn't become higher
 * - transparent drop downs
 */

#zedo-top-nav { 
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px;
  position: absolute; /* with "relative" z-index didn't work, however, with "absolute" the top menu area dosn't grow if the window becomes smaller */
  z-index:1;
} 

#zedo-top-nav ul {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  list-style:none;
  display:block;
  width:auto;
}

#zedo-top-nav ul ul {
  display:none; /* sub menu = drop down invisible by default */
  position: absolute; 
  width: 192px; 
  border-left: 1px solid #B1C2E6;
  border-bottom: 1px solid #B1C2E6;
  top: 22px; 
  left: 0px; 
}

#zedo-top-nav ul ul ul {
  display:none; /* sub sub menu inivisble by default */
  position: absolute; 
  left: 192px; 
  top: 0px; 
}

#zedo-top-nav ul li {
  margin: 0px 4px 0px 0px; 
  padding: 4px 0px 4px 0px; 
  float:left;
  position: relative; 
}

#zedo-top-nav ul li li {
   margin: 0px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
   float: none; 
   display: block; 
}

#zedo-top-nav ul li a {
  padding: 5px 20px 5px 5px; 
  display:inline;
  text-decoration:none; /* no underline */
}

#zedo-top-nav ul li li a {
   padding: 5px 10px 5px 10px; 
   display: block; 
   width: 170px;
}

/* make dropdown lists visible during hover */

#zedo-top-nav li:hover ul ul,
#zedo-top-nav li:hover ul ul ul { 
  display: none; 
} 
    
#zedo-top-nav li:hover ul,
#zedo-top-nav li li:hover ul, 
#zedo-top-nav li li li:hover ul { 
  display: block; 
} 

#zedo-top-nav li.sfhover ul ul,
#zedo-top-nav li.sfhover ul ul ul,
#zedo-top-nav li li.sfhover ul ul { 
  display: none; 
} 
    
#zedo-top-nav li.sfhover ul,
#zedo-top-nav li.sfhover ul
#zedo-top-nav li li.sfhover ul,
#zedo-top-nav li li li.sfhover ul { 
  display: block; 
}