html, body {
  min-height: 100%;
}

/*
.left-slide-panel,
.right-slide-panel {
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #efefef;
  overflow-y: auto;
  transition: width 0.3s ease;
  color: #0062d9;
}
*/

.left-slide-panel,
.right-slide-panel {
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #efefef;
  overflow-y: auto;
  transition: width 0.3s ease;
  color: #0062d9;
}




.right-slide-panel {
  right: 0;
}
.container {
  float: right;
  width: 100%;
  transition: width 0.3s ease;
}

.left-slide-panel a,
.right-slide-panel a {
  display: block;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #efefef;
  color: #0062d9;
  padding: 10px;
}

.close-slide-menu {
  display: none;
}
#left-slide-panel:target {
  width: 40%;
}


#right-slide-panel:target {
  width: 90%;
}
#left-slide-panel:target + #container,
#right-slide-panel:target + #container {
}
#left-slide-panel:target + #container .open-slide-menu,
#right-slide-panel:target + #container .open-slide-menu {
  display: none;
}
#left-slide-panel:target + #container .close-slide-menu.left-slide-panel-anchor,
#right-slide-panel:target + #container .close-slide-menu.right-slide-panel-anchor {
  display: block;
}
#left-slide-panel:target + #container .main-header {
  left: 40%;
}

.main-header {
  background-color: #6a93e6;
  text-align: left;
  position: fixed;
  width: 100%;
  height: 40px;
  left: 0;
  transition: all 0.3s ease;
  border-bottom:solid 1px #2574A9;  

  
}
.main-header .left-slide-panel-anchor {
  position: absolute;
  left: 20px;
  top: 10px;
  color: white;
  font-size: 2.0rem;
}
.main-header .right-slide-panel-anchor {
  position: absolute;
  right: 20px;
  top: 10px;
  color: white;
  font-size: 2.0rem;
}

.right-slide-panel label,
.right-slide-panel .search-item{
  color: #0062d9;
  padding: 10px;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #aaaaaa;
  background-color: #efefef;
}
.right-slide-panel .search-item{
	font-size: 2.0rem;
}
.right-slide-panel .accordion label{
	background-color: #ffffff;
	border-bottom: none;
}

.footer {
  border-top:solid 2px #2c3e50;  
  background-color: #6e93e6;
  padding: 5px;
  min-height: 20px;
}

div#footer.footer dl{margin:0;}
div#footer.footer dl dt,
div#footer.footer dl dd{
  color:white;
  text-align:center;
  font-weight:normal;
  margin:0.2em;   
}


#logo {
  position: absolute;
  left: 0;
  /* width: 100%;
     text-align: center; */
  padding: 10px 10px 10px 0;
  border: none;
  border-bottom: none;
  font-size: 1.9rem;
  font-weight: bold;
  color: #ffffff;
}

div#logo.clearfix a#title{
    color:white;
}
div#logo.clearfix a#title:hover{color:#CCC; text-decoration:none;}



#content {
  padding: 40px 0px 0px 0px;
  margin-bottom: 10px;
}

#content_bak {
  padding: 50px 8px 5px 8px;
  margin-bottom: 10px;
}

span.myback{
  font-size:0.8em;
  padding:0 1em 0 0;
  cursor:pointer;   
}

div#message div.errors div.error{
    margin:1em;
    color:#c0392b;
}
div#message div.message{
    margin:1em;
    color:#1e824c;
}