/* CSS Document */

.swipmenu{display:none;}
      .swiped {
          position: relative;
          height: 100%;
          width: 100%;
          left: 0;
		  
          -webkit-transition:  left 0.4s ease-in-out;
          -moz-transition:  left 0.4s ease-in-out;
          -ms-transition:  left 0.4s ease-in-out;
          -o-transition:  left 0.4s ease-in-out;
          transition:  left 0.4s ease-in-out;
		
      }
   /*   .swiped.open-sidebar {
          left: 250px;
		  overflow:initial;
      }*/
      .swipcontainer {
height: 50px;
}
      .swipe-area {
          position: absolute;
          width: 50px;
          left: 0;
     		 top: 0;
          height: 100%;
          background: #f3f3f3;
          z-index: 0;
      }
     #sidebar {
display: none;
position: absolute;
width: 240px;
height: 100%;
right: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: 20;
top: 50px;
}
	  .swiped.open-sidebar #sidebar{
         display: table; 
      }
     #sidebar ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
position: static;
}
#sidebar ul.nav.menu >li > ul {
opacity: 1;
}
	  #sidebar ul li {
margin: 0;
background: #000;

width: 100%;
padding: 0;
text-align: center;
}
      #sidebar ul li a {
          padding: 10px 15px;
          font-size: 16px;
          font-weight: 100;
          color: #ffa208;
          text-decoration: none;
          display: block;
          
          -webkit-transition:  background 0.3s ease-in-out;
          -moz-transition:  background 0.3s ease-in-out;
          -ms-transition:  background 0.3s ease-in-out;
          -o-transition:  background 0.3s ease-in-out;
          transition:  background 0.3s ease-in-out;

      }
      #sidebar ul li a:hover {
         

      }
#sidebar ul li li {
padding-left: 0px;
text-indent: 30px;
background: #333;
text-align: right;
}
      .main-content {
          width: 100%;
          height: 100%;
          padding: 10px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: relative;
      }
      .main-content .content{
          box-sizing: border-box;
          -moz-box-sizing: border-box;
      padding-left: 60px;
      width: 100%;
      }
      .main-content .content h1{
          font-weight: 100;
      }
      .main-content .content p{
          width: 100%;
          line-height: 160%;
      }
      .main-content #sidebar-toggle {
      
          border-radius: 3px;
          display: block;
          position: relative;
          padding: 10px 7px;
          float: left;
      }
      .main-content #sidebar-toggle .bar{
           display: block;
          width: 18px;
          margin-bottom: 3px;
          height: 2px;
          background-color: #ffa208;
          border-radius: 1px;   
      }
      .main-content #sidebar-toggle .bar:last-child{
           margin-bottom: 0;   
      }
	  .swipemenu-module {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 2;
			width: calc(100% - 55px);
			}
		

@media (max-width: 769px) {
	.swipmenu {
display: block;
float: right;
width: 50px;
height: 50px;
margin-bottom: 10px;
position: relative;
margin-right: 1%;
margin-top: 7%;
}
	.navbar .nav>li>a, .navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .navbar .nav>.active>a, .navbar .nav>.active>a:hover {
		color: #ffa208;
		line-height: 32px;
	}
	.nav>li:not(:first-child) a:before {
		
		direction: ltr;
		font-size: 1.2em;
		padding: 0 10px 0 0px;
		}
	.moduletable_menu.navbar {
	float: left;
}
.search {
	padding: 7px;
}
.form-search:hover .input-prepend, .form-inline:hover .input-prepend {
	margin-bottom: 0;
	position: absolute;
	right: 0;
	z-index: 3;
	width: 198px;
	top: -11px;
}
.form-search:hover #mod-search-searchword, .form-inline:hover #mod-search-searchword { width:140px;}
.moduletable {
			display: inline;
			float: left;
			}
.moduletable.swipsrc {
float: right;
position: absolute;
right: 0;
}
}
@media (max-width: 369px) {
.form-search:hover .input-prepend, .form-inline:hover .input-prepend {
	margin-bottom: 0;
	position: absolute;
	right: 0;
	z-index: 3;
	width: 120px;
	top: -11px;
}
.form-search:hover #mod-search-searchword, .form-inline:hover #mod-search-searchword { width:62px;}
}