/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    overflow-x: hidden;
 }

.togglemenu {
    padding: 10px;
    position: absolute;/*ajr*/
    right: 2%;
    top: 10;
	z-index:99;
}

.togglemenu a {
	color:#FFF;
	font-size: 52px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
}


.togglemenu a:hover,
.togglemenu a:focus {
	text-decoration:none;
}

.togglemenu a.bar-icon {
	font-size: 42px;
	padding-bottom:75px;
}

.togglemenu-close {
    padding: 10px;
    right: 12%;
    top: 10;
    position: absolute;	
	transform: skewX(-7deg);
	z-index:99;
}


.togglemenu-close a {
	color:#0f3a5d;
	font-size: 52px;
}



.togglemenu-close a:hover,
.togglemenu-close a:focus {
	text-decoration:none;
}

.toggletext {
	margin-top:75px;
}
.toggletext a{
	line-height:50px;
}
/* Toggle Styles */

#sbwrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sbwrapper.toggled {
    padding-left: 0;
}

.sidebarContainer {
	margin-right:20%;
}

#sidebar-wrapper {
    z-index: 999999;
    position: fixed;
    right: 0;
    width: 0;
    height: 100%;
    margin-right: -60px;
    overflow-x: hidden;
    background: #f2f4f5;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
transform: skewX(7deg);
	
}
#sidebar-wrapper:before {
	 left: -20px;
	  width: 0; 
	height: 0; 
	position: absolute;
	border-right: 0px solid transparent;
	border-left: 20px solid transparent;
	border-top: 22px solid #f2f4f5;
    content: '';
	}




#sbwrapper.toggled #sidebar-wrapper {
    width: 540px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    /*padding: 15px;*/
}

#sbwrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -340px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 340px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #sbwrapper {
        padding-right: 340px;
		padding-left:0;
    }
	
#sbwrapper.toggled {
    padding-left: 0;
}

    #sidebar-wrapper {
        width: 540px;
    }
	
    #sbwrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        /*padding: 20px;*/
        position: absolute;/*ajr*/
    }

   *#sbwrapper.toggled #page-content-wrapper {
        position: absolute;/*ajr*/
        margin-right: 0;
    }
}

/* Desktop */
@media (min-width: 1200px) and (min-width: 992px) 
{}

/* Tablet */
@media (min-width: 768px) and (max-width: 992px) 
{
    #sbwrapper {
        padding-right: 340px;
		padding-left:0;
    }
	
#sbwrapper.toggled {
    padding-left: 0;
}

    #sidebar-wrapper {
        width: 340px;

    }
	
    #sbwrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        /*padding: 20px;*/
        position: absolute;/*ajr*/
    }

   *#sbwrapper.toggled #page-content-wrapper {
        position: absolute;/*ajr*/
        margin-right: 0;
    }
	}

/* Mobile */
@media screen and (max-width: 767px) 
{
    #sbwrapper {
        padding-right: 340px;
		padding-left:0;
    }
	
#sbwrapper.toggled {
    padding-left: 0;
}

    #sidebar-wrapper {
        width: 340px;
    }
	
    #sbwrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        /*padding: 20px;*/
        position: relative;
    }

   #sbwrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
	.float-panel.fixed { position: absolute!important;}
	.togglemenu-close {transform:none;}
	#sidebar-wrapper ul.navigation {transform:none!important;}
	#sidebar-wrapper {
		margin-right: 0;
		transform:none;
	}
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {}