/*New Slidebar CSS*/
.body {
	overflow-x:hidden!important;
}
.sidebar {
  height: 100%;
  width: 350px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0px;
  background-color: #f1f2f2;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {

}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
  margin-top:20px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  margin-left:350px;
  padding: 16px;
}







/* --

.content-container {
	width:100%; margin:0px auto; padding:70px 20px 20px 20px;
}




.slideout-sidebar {
  position: absolute;
  top: 0;
  left: -390px;
  z-index: 0;
  width: 350px;
  height: 100%;
  padding: 20px; overflow-y:scroll; z-index:9998;
  background-color: #f1f2f2;
  transition: all 300ms ease-in-out;
}


#breadcrumbs {
    padding-bottom: 20px;
    position: absolute;
    left: 150px;
    top: 17px;}


.pagecontent label {
  display: inline-block;
  padding: 7px 10px;
  background-color: transparent;
  cursor: pointer;
  margin: 10px;
  z-index: 9999;
  position: absolute; 
}

.bar {
  display: block;
  background-color: #4aa966;
  width: 30px;
  height: 3px;
  border-radius: 5px;
  margin: 5px auto;
  transition: background-color .5s ease-in, transform .5s ease-in, width .5s ease-in;
}



input[type="checkbox"]:checked ~ label .menutext {
 display:none;
}


input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked ~ .content {
  transform: translateX(20%);
}

input[type="checkbox"]:checked ~ label .bar {
  background-color: #4aa966; margin-left:250px;
}

input[type="checkbox"]:checked ~ label .top {
  -webkit-transform: translateY(0px) rotateZ(45deg);
  -moz-transform: translateY(0px) rotateZ(45deg);
  -ms-transform: translateY(0px) rotateZ(45deg);
  -o-transform: translateY(0px) rotateZ(45deg);
  transform: translateY(0px) rotateZ(45deg);
}

input[type="checkbox"]:checked ~ label .bottom {
  -webkit-transform: translateY(-15px) rotateZ(-45deg);
  -moz-transform: translateY(-15px) rotateZ(-45deg);
  -ms-transform: translateY(-15px) rotateZ(-45deg);
  -o-transform: translateY(-15px) rotateZ(-45deg);
  transform: translateY(-15px) rotateZ(-45deg);
}

input[type="checkbox"]:checked ~ label .middle {
  width: 0;
}

.middle {
  margin: 0 auto;
}
#menu-toggle:checked ~ .slideout-sidebar {
  left: 0px;
}


#menu-toggle:checked + .menu-icon {
  left: 410px; 
}

-- */































button#toggleNavButton.navbar-toggler {
	margin:0px; width:auto; min-width:0px;
}






.s4-skipribbonshortcut {
    display: none;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
    padding: 5px 10px;
}

.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    }
.mobile-title {

}
.menu-list {
    list-style: none;
    padding-left: 0;
}

.menu-list-item {
    padding-left: 15px;
}

.menu-toggle {
    padding-top: 5px;
    padding-left: 10px;
    display: inline;
    cursor: pointer;
    text-decoration: none;
    float: left;
    width: 30px;
}

    .menu-toggle:hover {
        text-decoration: none;
    }

.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
        background-color: #4aa966;
    border: 1px solid transparent;
    color: white;
}

li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
    background-color: #ef9954;

}

.ms-core-listMenu-item:hover {
    background-color: #ef9954;
}

.ms-core-listMenu-item:hover {
    color: black;
}

#nav {
    float: left;
    width: 100%;
    background: #f1f2f2;
    margin-right: 0em;
    padding-left: 0em;
    padding-top: 0em; border-right:0px;
    height: auto;
}

.welcome {
    margin-left: 30%;
}

.skip {
    display: none;
}
@media screen and (max-width: 1200px){
	

.menu-list-item {
	padding-left:8px;
}
}
@media only screen and (max-width: 767px) {
































.sidebar {
  height: 100%;
  width: 0px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0px;
  background-color: #f1f2f2;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {

}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
  margin-top:20px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  margin-left:0px;
  padding: 16px; overflow-x:hidden;
}


}