@media (max-width: 1920px) {

	.main.collapsed .container{
		width: 100%;
	}
}

@media (max-width: 1280px) {
	.main{}
	.container{width: 960px;}
}

@media (max-width: 1024px) {
	.main{}
	.container{}
	.main.collapsed {
		height: 100%;
	}
	header #company_profile_box p{display: none;}
	.grid_6{width: 100%;margin-bottom: 20px;}
	.row-options-trigger {
		font-size: 12px;
		text-overflow: ellipsis;
		width: 90%;
		overflow: auto;
	}
	.table.colorbg .table-row.selected .table-cell:last-child::before{
		right: 0px;
		background: #F2FCFF;
		width: 20px;
		height: 20px;
		z-index: 999;
		padding-top: 5px;
		text-align: center;
		bottom: 5px;
	}
	header #QuickStartGuide p{display: none;}
}
@media (max-width: 769px) {
	#targets_flow div.overflow{
		width: 1400px;
	}
	#targets_flow {
		overflow: auto;
		width: 100%;
		height: 300px;
	}
}

@media (max-width: 768px) {
	.overflow_mobile{
		height: 400px;
		overflow: auto;
	}
	.grid_12, .grid_7{padding:0}
	.table-cell.w10{width: 100%}
	#top-bar > #mobile-menu-trigger{cursor: pointer;display: block;float: right;padding: 13px 0;right: 50px;text-align: right;width: 20px;}
	#top-bar > div.current-section.mobile{display: block;width: 100%;background: #37474f;float: left;padding: 0;}
	#top-bar > div.current-section.mobile h2{color:white;font-size: 16px;left: 0;padding-left: 20px;}
	#top-bar > div.current-section.mobile h2::before{
		left: 20px;
	}
	#mobile-menu-trigger span{color:white;}
	#mobile-menu-trigger span::before{font-size:30px}

	.pull-right.sm{float: none;}
	.main.collapsed{
		margin-left: 0;
		padding: 0;
		padding-top: 140px;
	}
	.page-sidebar.collapsed{
		display: none;
	}
	#menu-mobile{display: block;position: fixed;top: 0;left: -100%;z-index: 9999999;background: #37474f;width: 100%;height: 100%;}
	#menu-mobile.active{left: 0;}
	#menu-mobile .menu-item{
		float: left;
		width: 50%;
		border-right: 1px solid rgba(251, 251, 251, 0.15);
		border-bottom: 1px solid rgba(251, 251, 251, 0.15);
	}
	#menu-mobile .menu-item i, #menu-mobile .menu-item span{
		margin-bottom: 10px;
	}
	#menu-mobile .menu-item i::before{
	}
	#menu-mobile-close{color: white;background: #37474f;display: table;width: 100%;font-weight: 700;text-transform: uppercase;}
	#menu-mobile-close > div{display: table-cell;padding: 20px;vertical-align: middle;}
	#menu-mobile-close > div:last-child{cursor: pointer;text-align: right;width: 60px;}
	#menu-mobile-close span{padding: 10px}
	#menu-mobile .menu-item.active::after{display: none;}
	#menu-mobile .menu-item.active a{right: 0}
	.main{}
	.container{}

	header{position: relative;background: #37474f;position: fixed;}
	header.box-header h2{font-size: 14px}
	#logo-img:after, .current-section::after, #top-bar::after, #company_profile_box::before, #top-bar > div.current-section{display: none;}


	.details-panel.animated {
		left: 0;
		padding: 0 15px;
	}


	#top-bar > div{width: 50%;background: #37474f;}
	#top-bar > #company_profile_box{background: #37474f;width: 100%;display: none;}
	#requestHelpForm, #ChatForm, #HelpCenterForm{background: #37474f;width: 100%;display: none !important;}
	#logo-background{
		-webkit-box-shadow: 45px 2px 5px 0px rgba(115, 115, 115, 0);
		-moz-box-shadow: 45px 2px 5px 0px rgba(115, 115, 115, 0);
		box-shadow: 45px 2px 5px 0px rgba(115, 115, 115, 0);
	}
	.single-box-detailed h4{font-size:15px}
	.single-box-detailed-description, .single-box-detailed .aditional_info p{font-size: 14px;padding-right: 0;}

	.single-box-detailed .aditional_info div{
		padding: 10px 0;
	}

	.table.limited{height: auto;}
	.table.colorbg .table-row.selected .table-cell:last-child::before{
		content: attr(data-th) ": ";
		font-weight: bold;
		width: 6.5em;
		display: block;
		position: relative;
		font-family: inherit;
		color: black;
		padding: 0 0 10px;
		margin-right: 10px;
		right: auto;
		font-size: inherit;
	}
	.pager{
		text-align: center;
		margin-top: 20px;
	}
	.pager li{
		margin: 0 5px;
	}
	.buttons_container{text-align:center}
	.buttons_container a{margin-top:20px}

	.fancy-wrapper{width:90%}
	.chart-box{width: 100% !important; min-width: 100% !important}
	.highcharts-container{width: 100% !important}

	#targets_flow{
		overflow: auto;
		width: 100%;
	}
	#targets_flow div.overflow{
		width: 1400px;
	}
	.targets_flow_column{
		padding: 0;
	}
	.targets_flow_block{}
	.table.sub-table .pass-next-level{text-align: left}

}

@media (max-width: 600px) {
	.main{}
	.container{}
}

@media (max-width: 480px) {

	.overflow_mobile{
		height: 400px;
		overflow: auto;
	}
	.grid_12, .grid_7{padding:0}
	.table-cell.w10{width: 100%}
	#mobile-menu-trigger{display: block;text-align: right;padding: 13px 24px;}
	#top-bar > div.current-section.mobile{display: block;width: 100%;background: #37474f;float: left;padding: 0;}
	#top-bar > div.current-section.mobile h2{color:white;font-size: 16px;left: 0;padding-left: 20px;}
	#top-bar > div.current-section.mobile h2::before{
		left: 20px;
	}
	#mobile-menu-trigger span{color:white;}
	#mobile-menu-trigger span::before{font-size:30px}

	.pull-right.sm{float: none;}
	.main.collapsed{
		margin-left: 0;
		padding: 0;
		padding-top: 140px;
	}
	.page-sidebar.collapsed{
		display: none;
	}
	#menu-mobile{display: block;position: fixed;top: 0;left: -100%;z-index: 9999999;background: #37474f;width: 100%;height: 100%;}
	#menu-mobile.active{left: 0;}
	#menu-mobile .menu-item{
		float: left;
		width: 50%;
		border-right: 1px solid rgba(251, 251, 251, 0.15);
		border-bottom: 1px solid rgba(251, 251, 251, 0.15);
	}
	#menu-mobile .menu-item i{
	}
	#menu-mobile .menu-item i::before{
	}
	#menu-mobile-close{color: white;background: #37474f;display: table;width: 100%;font-weight: 700;text-transform: uppercase;}
	#menu-mobile-close > div{display: table-cell;padding: 20px;vertical-align: middle;}
	#menu-mobile-close > div:last-child{text-align: right;}
	#menu-mobile-close span{padding: 10px}
	#menu-mobile .menu-item.active::after{display: none;}
	#menu-mobile .menu-item.active a{right: 0}
	.main{}
	.container{}

	header{position: relative;background: #37474f;position: fixed;}
	header.box-header h2{font-size: 14px}
	#logo-img:after, .current-section::after, #top-bar::after, #company_profile_box::before, #requestHelpForm::before, #HelpCenterForm::before, #top-bar > div.current-section{display: none;}


	.details-panel.animated {
		left: 0;
		padding: 0 15px;
	}


	#top-bar > div{width: 50%;background: #37474f;}
	#company_profile_box{background: #37474f;width: 100%;display: none;}
	#logo-background{
		-webkit-box-shadow: 45px 2px 5px 0px rgba(115, 115, 115, 0);
		-moz-box-shadow: 45px 2px 5px 0px rgba(115, 115, 115, 0);
		box-shadow: 45px 2px 5px 0px rgba(115, 115, 115, 0);
	}
	.single-box-detailed h4{font-size:15px}
	.single-box-detailed-description, .single-box-detailed .aditional_info p{font-size: 14px;padding-right: 0;}

	.single-box-detailed .aditional_info div{
		padding: 10px 0;
	}

	.table.limited{height: auto;}
	.table.colorbg .table-row.selected .table-cell:last-child::before{
		content: attr(data-th) ": ";
		font-weight: bold;
		width: 6.5em;
		display: block;
		position: relative;
		font-family: inherit;
		color: black;
		padding: 0 0 10px;
		margin-right: 10px;
		right: auto;
		font-size: inherit;
	}
	.pager{
		text-align: center;
		margin-top: 20px;
	}
	.pager li{
		margin: 0 5px;
	}
	.buttons_container{text-align:center}
	.buttons_container a{margin-top:20px}

	.fancy-wrapper{width:90%}
	.chart-box{width: 100% !important; min-width: 100% !important}
	.highcharts-container{width: 100% !important}

	#targets_flow{
		overflow: auto;
		width: 100%;
		height: 300px;
	}
	#targets_flow div.overflow{
		width: 1400px;
	}
	.targets_flow_column{
		padding: 0;
	}
	.targets_flow_block{}
	.table.sub-table .pass-next-level{text-align: left}
}