@media only screen and (max-width: 1400px) {

	.apptitle,
	.processname {
		display:none;
	}
}

@media only screen and (max-width: 1060px) {

	.navbar-brand .logodiv {
		width:60px;
		overflow:hidden;
	}

	.navbar-message {
		left: 100px;
	}


}

@media only screen and (max-width: 860px) {
	
	.langbar-block {
		display:none;
	}	
	.fullscreen-enable .headercollapse-button {
		display:none;
	}
	
}

@media only screen and (max-width: 767px) {

	.container-fluid {
		min-width:auto;
	}
	
	.menu-collapsable {
		display:none;
	}
		
	.navbar {
		position:fixed;
		top:0;
		width:100%;
		box-shadow:0 0 10px rgba(0,0,0,0.5);	
	}
	
	.navbar-brand .logodiv {
		width: auto;
	}
	
	.navbar-header h1 {
		display:none;
	}
	
	.fullscreen-enable .maincontent {
	}
	
	.subcontent {
		padding: 10px 10px 0 10px;
	}
		
	.navbar-brand span {
		font-size:2.5em;
		margin-left:10px;
	}

	.navbar-brand .prodname {
		margin-top:2px;
		padding-left:20px;
		height:50px;
	}
	
	.navbar-block {
		width:50vw;
	}
	
	.mainbar {
		height:84px;
	}
	
	.mainbar h1 {
		margin-top:0;
	}
		
	.navbar-ui {
		display:none;
		position:fixed;
		top:84px;
		left:0;
		right:0;
		margin:0;
		background:#eee;
		width:100%;
		border-top:1px solid #aaa;		
		border-bottom:1px solid #aaa;
		box-shadow:0 5px 10px rgba(0,0,0,0.4);
	}
	
	.navbar-ui-control {
		display:inline-block;
		padding:15px;
		font-size:20px;
	}	
	
	.navbar-hamburger {
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		font-size:40px;
		float:right;
		color:black;
		padding:13px;
		margin:0;
		background:white;
		cursor:pointer;		
	}
	
	.langbar {
		width:100%;
		float:none;
		text-align:center;
	}
	
	.langbar-block {
		display:inline-block;
		text-align:center;
	}
	
	.langbar-block a.selected {
		background:white;
	}
	
	.langbar-block:first-child {
		margin-right:0px;
	}
	
	.navbar-breadcrumbs {
		display:none;
	}
	
	.control form {
		float:none;
	}	
		
	.search-group {
		width:100%;	
	}
		
	.profileblock {
		width:100%;
		text-align:center;
		margin:10px 0px;
	}
		
	.leftmenu {
		display:none;
		float:none;
		width:100%;
		border:0;
		box-shadow:none;
		border-radius:0;
		text-align:center;
		margin-top:5px;
	}
	
	.leftmenu span {
		font-size:14px;
	}
	
	.leftmenucontainer {
		display:none;
	}
	
	.leftmenu .leftmenuitem {
		margin:1px;
		border-radius:5px;
		border-top:0;
		width:47%;
		display:inline-block;
	}
	
	.leftmenu .leftmenuitem .menucommon {
		display:inline-block;
		width:100%;
		padding:5px;
		border:1px solid #00000020;
		border-radius:5px;
	}
	
	
	.leftsubmenu {
		display:none;
	}
		
	.rightcontent {
		margin-left:0;
		clear:both;
		min-height:auto;		
	}
	
	.top-panels .panel-body {
		min-height:auto;
	}
	
	.fullscreen-enable .headercollapse-button {
		display:none;
	}
	
	.panel {
		margin-bottom:10px;
	}
	
	.bigbuttons .btn {
		height:130px;
		font-size:1.3em;
	}


	/* Table as tiles styling */
	
	.formtable,
	.table {
		margin-bottom:0px;
	}

	.formtable thead,
	.table thead {
		display:none;
	}

	.formtable tbody tr.rowclicked, 
	.table tbody tr.rowclicked {
		background:#ffd !important;
		outline:1px solid #cca;
	}

	.formtable tbody tr,
	.table tbody tr {
		display:block;
		padding:5px;
		border-radius:5px;
		margin-bottom:10px;
		background:#e8e8e8;
		border:1px solid #ddd;	
	}
	
	.formtable tfoot tr,
	.table tfoot tr {
		display:block;	
	}
	

	.formtable tbody tr td:first-child,
	.formtable tbody tr .hideColumn + td,
	.table tbody tr td:first-child,
	.table tbody tr .hideColumn + td
	{
		border-top:0;
	}

	.formtable tfoot td,
	.table tfoot td,
	.formtable tbody td,
	.table tbody td {
		display:block;
		clear:both;
	}
	
	.formtable tfoot td:empty,
	.table tfoot td:empty {
		display:none;
	}
	
	.formtable tfoot tr:first-child,
	.table tfoot td:first-child {
		margin-top:10px;
	}

	
	.formtable td.align-right,
	.table td.align-right {
		text-align:left;
	}
		
	.formtable tbody td label,
	.table tbody td label {
		display:block;
		margin-bottom:0;
		color:#337ab7 !important;
		font-size:0.9em;
	}

	.formtable tbody td:after,
	.table tbody td:after,
	.formtable tbody td label:after,
	.table tbody td label:after {
		content:'';
		display:table;
		clear:both;
	}
	
	.formtable tbody td span,
	.table tbody td span {
		clear:both;
		display:block;
	}
					
	.table .number {
		text-align:left;
	}
	
	.table tbody td > span:empty:after,
	.table tbody td > span > div:empty:after {
		content:"-";
	}
	
	.budget tbody td:first-child {
		padding-left:0;
	}

	.formtable tbody td input[type=checkbox],
	.table tbody td input[type=checkbox] {
		zoom: 1.5;
  		transform: scale(1.5);
  		margin:5px 0 3px 3px;
	}

	.formtable-fixed {
		table-layout:auto;
	}
	.spreadsheet tbody tr {
		position:relative;
	}
	.spreadsheet tbody td {
		height:auto;
	}

	.spreadsheet .delete-button {
		position:absolute;
		right:0;
		top:0;
	}
	.spreadsheet .delete-button span {
		display:none;
	}

	.atab-panel {
		padding: 10px 15px 10px 15px;
	}
	
	.actionheader .btn-icon {
		padding:4px 10px 5px 10px;
		font-size:20px;
	}
	
	.actionheader .btn-icon:after {
		display:none;
	}
	
	/* Form styling */		

	.horizontalradio input {
		clear:both;
	}

	
	.onheader {
		position:relative;
		margin-left:0;
		padding-bottom:15px;
	}
	
	.toolbar.floatright .toolbarblock {
		float:left;
	}
	
	.dl-tile {
		padding:2px 6px;
	}
	
	.dl-horizontal dt {
		width:100%;
	}	

	.dl-horizontal dd {
		margin-left:0px;
		width:100%;
		min-height:15px;
		margin-bottom:3px;
	}	

/*	
	.dl-tile .tile-buttons {
		text-align:center;
	}
*/
	
	.dl-tile.partner-tile::before,
	.dl-tile.project-tile::before,
	.dl-tile.person-tile::before {
		left:auto;
		right:15px;
	}
	
	.case-left,
	.case-right {
		height:auto;
		padding-right:15px;
	}
	
	footer {
		font-size:14px;
		overflow:hidden;
	}
	
	footer table td {
		display:block;
	}
	
	.rightcontent .navbar {
		position:relative;
	}
	
	.rightcontent .navbar li ul {
		width:100%;
	}
	
	.rightcontent .navbar li {
		display:inline-block;
		width:49%;
	}

	.case-left {
		margin-top:10px;
	}
	
	.processStatusList,
	.projectApplicationsButton {
		display:none;
	}
			
}


@media only screen and (max-width: 320px) {
	.navbar-brand .prodname {
		margin-top:5px;
		padding-left:10px;
		height:45px;
	}
}