/* ---------------------------------------------------------------------- */
/*	Ajustes Responsive
/* ---------------------------------------------------------------------- */		
.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: 1920px) { 
#page-content {
	margin-right:15px !important;
	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: 11920px";}
}
@media screen and (min-width: 1279px) { /* was 1325 */
#page-content {
			margin-right:15px !important;
			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) {
  .row {
    margin-left: -20px;
    *zoom: 1;}
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";}
  .row:after {
    clear: both;}
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;}
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
}	
@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 {
	margin-bottom:50px;
		background: -webkit-gradient(linear, left top, left bottom, from(#00A4E4), to(#3399CC));
		background: -webkit-linear-gradient(top, #00A4E4, #3399CC);
		background: -moz-linear-gradient(top, #00A4E4, #3399CC);
		background: -ms-linear-gradient(top, #00A4E4, #3399CC);
		background: -o-linear-gradient(top, #00A4E4, #3399CC);
		background: linear-gradient(top, #00A4E4, #3399CC);
		background: #00A4E4 url(../img/backgrounds/bg-jGrowl.png) repeat-x;
				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 #00A4E4;
				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: #FFC425;
				-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:#552988;}
aside ul.menu > li.current > a {
				background-color: #FFC425;
				color:#552988;
				border-right-color:transparent !important;
				-webkit-box-shadow: none;
	        	box-shadow: none;}
aside ul.menu > li {
				margin-bottom:0px;}
aside ul.menu label, aside ul.menu .badge {
				position:absolute;
				display:none;}		
aside ul.menu > li > ul {
				background-color:#552988;
				margin-top:-10px;
				padding-top:10px;
				margin-bottom:15px;}
aside ul.menu > li > ul > li, aside ul.menu > li > ul > li:first-child a {
	color:#FFFFFF;
				border-top:none;
				border-bottom:none;}
aside ul.menu > li > ul > li a {
	color:#FFFFFF;
				text-indent:0;
				height:auto;
				line-height:normal;
				padding:10px;
				text-align:center;
				font-size:11px;}
aside ul.menu > li > ul > li a:hover {
	color:#FFC425;
	text-decoration:none;}
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)";*/}
}
	
@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%;}
}

@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;}
html, body {
	background-attachment: fixed;
	background-color: #552988;
	background-image: url(../img/main/background.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
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";*/}
}