/*         
	     __                   .__        
	    |__|____ __________  _|__| ______
	    |  \__  \\_  __ \  \/ /  |/  ___/
	    |  |/ __ \|  | \/\   /|  |\___ \ 
	/\__|  (____  /__|    \_/ |__/____  >
	\______|    \/                    \/ 
	
	Copyright 2013 - Jarvis : Smart Admin Template
	
	 * This is part of an item on wrapbootstrap.com
	 * https://wrapbootstrap.com/user/myorange
	 * ==================================
	 */

	/* ---------------------------------------------------------------------- */
	/*	Responsive adjustments
	/* ---------------------------------------------------------------------- */		

	.contained {
		max-width: none;
	}
	
	#main {
		padding-left: 0;
		padding-right: 0;
	}
	
	aside.right {
		position:absolute;
		top:0px;
		right:0px;
		border-left:none;
		display: none;
	}
	
	.no-left-bar aside {
		display:none;
	}
	
	.no-left-bar #page-content {
		margin-left:15px;
	}
	
	/* fixed bars */
	
	.fixed-bars #header-toolbar {
		height:52px;
		background: #202020;
		position:fixed;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:border-box;
		z-index: 99999;
	}
	
	.fixed-bars #page-content {
		margin-top:67px;
		margin-left:249px;
	}
	
	.fixed-bars aside {
		position:fixed;
		z-index: 10;
	}
	.fixed-bars aside.right {
		margin-top:67px;
	}
	
	/* end fixed bars */
	
	/* new menu (resized) */
	.tabbed-menu aside > * {
		display:none; /* hides everything inside aside */
	}
	.tabbed-menu aside.right > * {
		display:block; /* shows the right aside */
	}
	.tabbed-menu aside > div.sidebar-nav-fixed{
		display:block; /* shows only the navigation */
	}	

	.tabbed-menu #page-content {
		border-radius: 0px 10px 10px 10px !important;
		-webkit-border-radius: 0px 10px 10px 10px !important;
		-moz-border-radius: 0px 10px 10px 10px !important;
	}

	.tabbed-menu aside {
		width:105px;
		padding:0 0 0 15px;
		margin-top:-2px;
	}	
	.tabbed-menu aside.right {
		width:249px;
		margin-top:0px;
		padding: 0 15px 20px 15px;
	}	
	.tabbed-menu.fixed-bars #page-content {
		margin-left:105px;
	}
	.tabbed-menu aside ul.menu label, .tabbed-menu aside ul.menu .badge {
		position:absolute;
	}
	
	.tabbed-menu aside ul.menu > li, .tabbed-menu aside ul.menu > li > a {
		-webkit-border-radius: 10px 0px 0px 10px !important;
		-moz-border-radius: 10px 0px 0px 10px !important;
		border-radius: 10px 0px 0px 10px !important;
	}
	.tabbed-menu aside ul.menu {
		background:none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border-color:transparent;
		border-right:none;
		-webkit-border-radius: 10px 0px 0px 10px !important;
		-moz-border-radius: 10px 0px 0px 10px !important;
		border-radius: 10px 0px 0px 10px !important;
	}
	
	.tabbed-menu aside ul.menu li {
		border-bottom: none;
		border-bottom: 0px solid rgba(255, 255, 255, 0);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.tabbed-menu aside ul.menu a {
		border-right:1px solid #333;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		text-indent:0px;
	}
	
	.tabbed-menu aside ul.menu > li > a {
		width: 100%;
		height: auto;
		padding: 10px;
		text-align: center;
		font-size: 10px;
		text-shadow: none;
		line-height: 14px;
		margin-bottom:5px;
	}.tabbed-menu aside ul.menu > li > a:hover, .tabbed-menu aside ul.menu > li.open > a {
		background: url('../img/backgrounds/bgnoise-10.png') #fff;
		-webkit-box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
    	box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
    	color:#333;
	}
	.tabbed-menu aside ul.menu > li.current > a {
		background: url('../img/backgrounds/bgnoise.png') #fff;
		color:#5F5F5F;
		border-right-color:transparent !important;
		-webkit-box-shadow: none;
    	box-shadow: none;
	}
	.tabbed-menu aside ul.menu > li {
		margin-bottom:10px;
	}

	.tabbed-menu aside ul.menu label, .tabbed-menu aside ul.menu .badge {
		position:absolute;
		display:none;
	}		
	.tabbed-menu aside ul.menu > li > ul {
		background:none;
		margin-top:10px;
		margin-bottom:15px;
	}
	.tabbed-menu aside ul.menu > li > ul > li, .tabbed-menu aside ul.menu > li > ul > li:first-child a {
		border-top:none;
		border-bottom:none;
	}
	.tabbed-menu aside ul.menu > li > ul > li a {
		text-indent:0;
		height:auto;
		line-height:normal;
		padding:10px;
		text-align:center;
		font-size:11px;
	}
	.tabbed-menu aside ul.menu > li > ul > li a.expanded {
		background: url('../img/backgrounds/bgnoise-5.png') #fff;
		border-right:none;
		border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		-moz-border-radius: 5px 0px 0px 5px;
		color:#333;
		-webkit-box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
    	box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
    	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	}
	.tabbed-menu aside ul.menu > li > a > i {
		font-size:30px;
		display:block;
		width:100%;
		text-indent:0px;
		margin-bottom:5px;
	}

	/* end new menu */

	@media screen and (min-width: 1279px) { /* was 1325 */
		#page-content {
			/*margin-right:249px;*/
			border-right-color: #DBDBDC;
			/*border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;*/
		}
		
		.no-right-bar #page-content {
			margin-right:15px !important;
		}
		
		.no-left-bar #page-content {
			margin-left:15px !important;
		}
		
		.no-left-bar aside {
			display:none;
		}
		
		aside.right {
			display:block;
		}
		
		.no-right-bar aside.right {
			display:none !important;
		}
	
		#page-content:after {
			/*content:"min-width: 1325px";*/
		}
	}
	
	@media screen and (min-width: 1150px) {

		#page-content:after {
			/*content:"min-width: 1150px";*/
		}
	}
	
	@media (min-width: 980px) {
				
		#page-content {
			/*border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			
			margin-right:15px;	*/
		
		}
		
		#page-content:after {
			/*content:"min-width: 980px";*/
		}
	}
	
	@media (min-width: 768px) and (max-width: 979px) {	

		#page-content {
			/*margin-right:15px;	*/
		
		}

		.dt-footer .span6 {
			display: block;
			float: none;
			width: 100%;
			margin-left: 0;
		}
		ul.all-icons-display li {
			width:33%;
		}
		
		aside {
			width:215px;
			}.easypie {
				display: inline-block;
				margin: 10px 6px 20px;
			}
			.my-profile{
				padding: 0 10px;	
			}
			.mini-inbox div.alert.inbox {
				max-height: 90px;
				}.mini-inbox div.alert.inbox a {
					font-size: 12px;
					}
			aside ul.menu a {
				font-size:13px;
				}aside ul.menu > li > ul > li a {
					font-size:12px; text-indent: 32px;
					}
			.number-stats ul li {
				width: 38px;
				padding: 0 9px;
			}
		
		
		#page-content {
			/*border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;			
			margin-right:15;*/
		}
		.fixed-bars #page-content {
			margin-left:215px;
		}
	
		#gague-chart > div {
			width: 80.5px;
			height: 55px;
			display: inline-block;
			margin: 0 0 20px 0;
		}
		
		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
		
		div#main #page-header {
			font-size:30px;
			line-height:30px;
		}
	
		/* big icons margin subtracted to align it with header */
		#start {
			margin: 0 -10px;
		}
	
		/* big icons resized */
		#start ul li, #start ul li:first-child, #start ul li:last-child {
			margin: 4px 1%;
			width: 30%;
		}
	
		#page-content:after {
			/*content:"(min-width: 768px) and (max-width: 979px)";*/
		}
		
	}
	
	@media (min-width: 768px) and (max-width: 880px) {	
		ul.all-icons-display li {
			width:50%;
		}
		
		/* new menu (resized) */
			aside > * {
				display:none; /* hides everything inside aside */
			}
			aside > div.sidebar-nav-fixed{
				display:block; /* shows only the navigation */
			}	
	
			#page-content {
				/*border-radius: 0px 10px 10px 10px !important;
				-webkit-border-radius: 0px 10px 10px 10px !important;
				-moz-border-radius: 0px 10px 10px 10px !important; */
			}
	
			aside {
				width:105px;
				padding:0 0 0 15px;
				margin-top:-2px;
			}		
			.fixed-bars #page-content {
				margin-left:105px;
			}
			aside ul.menu label, aside ul.menu .badge {
				position:absolute;
			}
			
			aside ul.menu > li, aside ul.menu > li > a {
				-webkit-border-radius: 10px 0px 0px 10px !important;
				-moz-border-radius: 10px 0px 0px 10px !important;
				border-radius: 10px 0px 0px 10px !important;
			}
			aside ul.menu {
				background:none;
				box-shadow: none;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				border-color:transparent;
				border-right:none;
				-webkit-border-radius: 10px 0px 0px 10px !important;
				-moz-border-radius: 10px 0px 0px 10px !important;
				border-radius: 10px 0px 0px 10px !important;
			}
			
			aside ul.menu li {
				border-bottom: none;
				border-bottom: 0px solid rgba(255, 255, 255, 0);
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
			aside ul.menu a {
				border-right:1px solid #333;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				text-indent:0px;
			}
			
			aside ul.menu > li > a {
				width: 100%;
				height: auto;
				padding: 10px;
				text-align: center;
				font-size: 10px;
				text-shadow: none;
				line-height: 14px;
				margin-bottom:5px;
			}aside ul.menu > li > a:hover, aside ul.menu > li.open > a {
				background: url('../img/backgrounds/bgnoise-10.png') #fff;
				-webkit-box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
	        	box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
	        	color:#333;
			}
			aside ul.menu > li.current > a {
				background: url('../img/backgrounds/bgnoise.png') #fff;
				color:#5F5F5F;
				border-right-color:transparent !important;
				-webkit-box-shadow: none;
	        	box-shadow: none;
			}
			aside ul.menu > li {
				margin-bottom:10px;
			}
	
			aside ul.menu label, aside ul.menu .badge {
				position:absolute;
				display:none;
			}		
			aside ul.menu > li > ul {
				background:none;
				margin-top:10px;
				margin-bottom:15px;
			}
			aside ul.menu > li > ul > li, aside ul.menu > li > ul > li:first-child a {
				border-top:none;
				border-bottom:none;
			}
			aside ul.menu > li > ul > li a {
				text-indent:0;
				height:auto;
				line-height:normal;
				padding:10px;
				text-align:center;
				font-size:11px;
			}
			aside ul.menu > li > ul > li a.expanded {
				background: url('../img/backgrounds/bgnoise-5.png') #fff;
				border-right:none;
				border-radius: 5px 0px 0px 5px;
				-webkit-border-radius: 5px 0px 0px 5px;
				-moz-border-radius: 5px 0px 0px 5px;
				color:#333;
				-webkit-box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
	        	box-shadow: inset -1px 0px 6px 1px rgba(0, 0, 0, .3);
	        	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
			}
			aside ul.menu > li > a > i {
				font-size:30px;
				display:block;
				width:100%;
				text-indent:0px;
				margin-bottom:5px;
			}
	
		/* end new menu */
		
		#page-content {
			/* border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px; */
			
			margin-right:15px;
		}
		
		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
			
		div#main #page-header {
			font-size:30px;
			line-height:30px;
		}
		
		/* big icons margin subtracted to align it with header */
		#start {
			margin: 0 -10px;
		}
		
		/* label adjustment */
		#start ul li label {
			right:auto;
			left:55%;
		}
		
		/* big icons resized */
		#start ul li {
			margin: 4px 1%;
			width: 30%;
		}
		
		/* at ipad (portrait) view convert all widgets to 100% width */
		section#widget-grid article {
			display: block;
			float: none;
			width: 100%;
			margin-left: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			
		#page-content:after {
			/*content:"(min-width: 768px) and (max-width: 880px)";*/
		}

		#header-toolbar {
			height: auto !important;
			clear: both;
			/*overflow: hidden;*/
		}
		#header-toolbar .contained {
			clear: both;
		}
		#header-toolbar #theme-switcher {
			margin-bottom: 20px;
		}

	}
	
	@media (max-width: 767px) {
		ul.all-icons-display li {
			width:50%;
		}
		/* display responsive navigation */
		.js .selectnav {
			display: block;
		}
		
		/* disable responsive nav if left aside is disabled */
		.no-left-bar .selectnav {
			display:none !important; 
		} 
		
		#header-toolbar {
			padding-left:15px;
			padding-right:15px;
		}
		.fixed-bars #header-toolbar {
			margin-top:-67px;
		}
		.fixed-bars .selectnav {
			margin-top:67px;
		}
		
		body {
			padding-left:0px;
			padding-right:0px;
		}
		#page-content, .fixed-bars #page-content {
			/*border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;*/
			
			margin-top:15px;
			margin-right:15px;
			margin-left:15px;
		}

		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
		
		/* big icons resized */
		#start ul li {
			display: inline-table;
			width: 49%;
			margin: 1px 1px 5px 0;
		}
		
		aside {
			display:none;
		}
		
		#page-content:after {
			/* content:"max-width: 767px"; */
		}
		
		.dimention {
			font-size:700%;
		}

		#header-toolbar {
			height: auto;
		}
		#header-toolbar h1 {
			float: none;
		}
		#header-toolbar h1 .logo-wrapper {
			float: none;
			width: auto;
			height: auto;
			margin-right: 0;
			display: inline-block;
		}

		#header-toolbar h1 + .pull-right {
			float: none;
		}
		#header-toolbar .pull-right .btn-toolbar#theme-switcher {
			float: none;
		}
		.home-banners .banner {
			width: auto;
			padding-top: 5%;
			padding-left: 28%;
			padding-bottom: 5%;
			margin-bottom: 40px;
			float: none !important;
		}


	}
	
	@media only screen and (min-width: 0px) and (max-width: 679px) {
		ul.all-icons-display li {
			width:100%;
		}
		/* display responsive navigation */
		.js .selectnav {
			display: block;
		}
		
		#page-content:after {
			/*content:"@media only screen and (min-width: 0px) and (max-width: 679px)";*/
		}
	}
	
	@media (max-width: 480px) {
		ul.all-icons-display li {
			width:100%;
		}
		#page-content, .fixed-bars #page-content, .no-left-bar #page-content {
			margin-right:0px;
			margin-left:0px;
		}	 
		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
		.dimention {
			font-size:500%;
		}
		div#main #page-header {
			font-size:22px;
			line-height:22px;
		}
		/*
		.chat-tabs li:first-child {
			margin-left:10px;
		}
		
		.chat-tabs li {
			margin-left:10px;
			margin-right:10px;
		}*/
		
		#page-content {
			/*border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;*/
		}
		
	    /* hide left hand menu and top menu */
		.js ul#top-nav, aside, #secondary-nav {
			display: none;
		}
		
		#header-toolbar {
			background: none;
			margin-left: -5px;
			margin-right: -5px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		.dropdown-menu.pull-right {
			right: auto;
			left: -133px;
		}
		
		body {
			padding:0 5px;
		}
		nav {
			border-radius:4px 4px 0px 0px;
		}
		
		#header-toolbar {
			background:none;
		}
		
		#page-content, nav {
			padding:10px;
		}
		
		/* display responsive navigation */
		.js .selectnav {
			display: block;
		}
		
		#page-content:after {
			/*content:"max-width: 480px";*/
		}
		
		/*badges only on small screens*/
		.bwizard-steps li,
		.bwizard-steps li.active,
		.bwizard-steps li:first-child,
		.bwizard-steps li:last-child {
			background-color: transparent;
			padding: 0;
			margin-right: 0;}
		.bwizard-steps li:after,
		.bwizard-steps li:before {
			border: none;
		}
	}
	
	@media only screen and (min-width: 320px) and (max-width: 479px) {	
		#page-content:after {
			/*content:"iphone";*/
		}
	}