html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
a{background-color:transparent}a:active,a:hover{outline-width:0}
img{border-style:none; vertical-align:middle;}a{color:inherit}
html,body{font-family:Verdana,sans-serif;font-size:16px;line-height:1.5}html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

.navigation_path {	
	display: flex; align-items: center; justify-content: space-between; padding-right: 2em; width:100%; font-size: 1.5em; line-height: 2em; margin-top:0; background-color:#3f51b5;  color:white; padding-left:5px;
}


.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-container{padding:0.01em 16px}
.w3-top{position:fixed;width:100%;z-index:1;top:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}
.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}
.w3-margin-right{margin-right:16px!important}
.w3-padding{padding:8px 16px!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-indigo{color:#fff!important;background-color:#3f51b5!important}
.w3-close {border:2px solid white; font-size:10px; border-radius:50%; height:20px; width:20px; cursor: pointer;}
.w3-close:hover {background-color:white; color:#3f51b5;}
 .w3-main {
      text-align:center;

}
.w3-contentbar  {
 } 
.w3-content {
  width: 100%; 

  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 992px) {
  .w3-sidebar.w3-collapse {
    display: none; 
  }

  .w3-sidebar {
    position: fixed !important;
    height: 100vh;
    width: 300px;
    z-index: 3;
    flex-shrink: 0;

    z-index:3;
  }


  .w3-main {
    margin-left: 0 !important;
    margin-top: 60px;

  }

  .page-container {
    display: block;
    height: 100vh;
  }
}


@media (min-width: 993px) {
  .page-container {
    display: flex;
    height: 100vh;
  }

  .w3-sidebar.w3-collapse { display: block !important; }
  .w3-sidebar {
    position: relative !important;
    height: 100vh;
    width: 300px;
    flex-shrink: 0;
    background-color:green;
  }

  .w3-main {
    flex-grow: 1;
    overflow-y: auto; 
  }
  

  .w3-hide-large { display: none !important; }
}