body
{
	margin-bottom:100px;
}

.navbar-brand 
{
  padding: 0px;
}
.navbar-brand>img 
{
  height: 100%;
  padding: 5px 10px 5px 25px;
  width: auto;
}

ul.dropdown-menu 
{
	min-width: 200px;
}

.line-height-60
{
	line-height: 60px;
}

.Image-Fixed
{
	max-width: 100px;
	/*max-height:120px;
	min-height:80px;
	width: auto;*/
	height: auto;
}

.Image-Fixed-2
{
	max-height: 180px;
	width: auto;
	margin: 0 auto;
}



/*
 * Off Canvas
 * --------------------------------------------------
 */

/* adjust body when menu is open */
body.slide-active 
{
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top 
{
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active 
{
    padding-top: 0
}



/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle 
{
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) 
{ 
	a.navbar-toggle.slide-active .icon-bar:nth-child(1) 
	{
		-webkit-transform:  rotate(45deg) translate(6px, 6px); 
		transform: rotate(45deg) translate(6px, 6px); 
	}

	#slide-nav .navbar-toggle.slide-active .icon-bar:nth-child(2) 
	{
		opacity: 0;
	}

	#slide-nav .navbar-toggle.slide-active .icon-bar:nth-child(3) 
	{
		-webkit-transform: rotate(-45deg) translate(5px, -5px); 
		transform: rotate(-45deg) translate(5px, -5px); 
	}



	#slide-nav .container 
	{
	    margin: 0!important;
	    padding: 0!important;
	    height:100%;
	}
	#slide-nav .navbar-header 
	{
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	    
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 70%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index:  3; 
	    top: -8px;
	    margin: 0;
   	    margin-top: 70px;
   	    margin-bottom: 100px;
   	      
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 100%;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: #333
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
		bottom:0;
	    width: 70%; /* 80%; */
	    left: -80%;
	    background: #f7f7f7;
	}
	#navbar-height-col.inverse {
	    background: #333;
	    z-index: 3;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
	
	
	.row-offcanvas 
	{
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
		
	}

	.row-offcanvas-right 
	{
		right: 0;
	}

	.row-offcanvas-left 
	{
		left: 0;
	}

	.row-offcanvas-right .sidebar-offcanvas 
	{
		right: -50%; /* 6 columns */
	}

	.row-offcanvas-left .sidebar-offcanvas 
	{
		left: -50%; /* 6 columns */
	}

	.row-offcanvas-right.active 
	{
		right: 50%; /* 6 columns */
	}

	.row-offcanvas-left.active 
	{
		left: 50%; /* 6 columns */
	}

	.sidebar-offcanvas 
	{
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
		display: none;
	}
	
	li.dropdown.dropdown-submenu  ul.dropdown-menu  li  a
	{
		padding-left: 45px;
	}
	
	li.dropdown.dropdown-submenu  ul.dropdown-menu  li.dropdown-header
	{
		padding-left: 45px;
	}
	
	li.dropdown.dropdown-submenu.open a.dropdown-toggle,
	li.dropdown.dropdown-submenu.open a.dropdown-toggle:hover,
	li.dropdown.dropdown-submenu.open a.dropdown-toggle:focus
	{
		background-color: #181818;
	}
	
}
@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
}

/*   Tabs */
.tab-pane {

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}


.margin-bottom-5 
{ 
	margin-bottom:5px; 
}
.margin-bottom-7 
{ 
	margin-bottom:7px; 
}

.margin-bottom-10 
{ 
	margin-bottom:10px; 
}

.margin-bottom-15 
{ 
	margin-bottom:15px; 
}

.margin-bottom-17 
{ 
	margin-bottom:17px; 
}

.margin-bottom-20 
{ 
	margin-bottom:20px; 
}

.margin-bottom-30 
{ 
	margin-bottom:30px; 
}

/* Sub menu related */

.dropdown-submenu
{
	position:relative;
}

.dropdown-submenu >.dropdown-menu
{
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after
{
	display:block;
	/* content:" "; */
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}

.dropdown-submenu:hover>a:after
{
	border-left-color:#555;
}

.dropdown-submenu.pull-left
{
	float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu
{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}