@media only screen and (max-width: 1000px) {
	.mobile-hide,
	.long-text,
	.profileblock #_accountname {
		display:none;
	}
	.short-text {
		display:inline-block;
	}
}

@media only screen and (max-width: 991px) {
	.nav.nav-tabs.mobile-flex-tabs {
		display:flex;
	}
	.nav.nav-tabs.mobile-flex-tabs > li {
		flex:1;
	}
	.nav.nav-tabs.mobile-flex-tabs > li > a {
		height:100%;
		text-align:center;
		padding: 10px 10px !important;
	}
}

/* Dette er for å støtte zoom og likevel ha alle knappene synlig på venstre side */
@media only screen and (max-height: 750px) {
	.mainmenu ul li a {
		padding: 0.25vh 5px;
	}

	.mainmenu ul li.gap-under {
		margin-bottom: 0;
	}

	.mainmenu ul li a i {
		font-size: 3vh;
	}
}

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

	h1 {
		font-size: 30px;
		margin: 5px 0 10px 0;
	}
	
	h2 {
		font-size:20px;
	}
	
	a,p,
	.export-td span {
	    font-size: 1em;
	}

	.menu-visible .maincontainer {
		padding:0;
		z-index: 1000;
	}
	.menu-visible .mainbar {
		z-index: 1002;
	}
	.menu-visible .topbar {
		display:flex;
		justify-content: space-around;
		position:relative;
		padding:100px 15px 0px 15px;
		left:0;
		right:0;
		height:190px;
		z-index: 1001;
	}
	.menubutton,
	.menu-visible .mainmenu ul li a span,
	.menu-visible .mainmenu .user-info {
		display:block;
	}
	.menu-visible .menubutton {
		background:var(--light-grey);
		border-radius:6px;
	}
	.menu-visible .navbar-block {
		margin:0;
	}
	.menu-visible .mainmenu .user-info {
		text-align: center;
	}
	.menu-visible .mainmenu {
		position:relative;
		display:block;
		width:100%;
		background:#f5f5fa;
		top:0px;
		bottom:0px;
		padding:15px 0;
		z-index:8;
	}
	.menu-visible .mainmenu ul {
		margin:15px 30px 0 30px;
	}
	.menu-visible .mainmenu ul li a {
		padding:5px 10px;
		display:flex;
	}
	.menu-visible .mainmenu ul li a span {
		margin-left:10px;
	}
	.menu-visible .mainmenu-wrapper {
		position: relative;
		width:100%;
	}
	.menu-visible .short-text,
	.menu-visible footer,
	.menu-visible .maincontent {
		display:none;
	}
	.menu-visible .topbar-menu .btn-big {
		float:none !important;
		position:relative;
		right: auto;
	}
	.menu-visible .long-text {
		display:inline-block;
	}
	.menu-visible .mainmenu ul li.gap-under {
		margin-bottom:15px;
	}
	.menu-visible .topbar-menu {
		display:block;
		float:left;
	}
	.menu-visible .search-block input {
		width:210px;
	}

	body.menu-visible {
		background:#f5f5fa;
	}

	.topbar {
		right:60px;
	}

	.maincontainer {
		padding-left:10px;
		padding-right:10px;
	}

	h1.fadedown,
	.mainmenu,
	.topbar,
	.topbar.expanded {
		display:none;
	}

	.mainmenu ul li a span {
		font-size: 1.2em;
	}
	.mainmenu ul li a i {
		font-size: 1.5em;
	}

	.maincontent {
		margin-left:0;
		margin-top:0;
		min-height:auto;
	    max-width: 100%;
	    overflow: hidden;
		padding-top:15px;
	}
		
	footer {
	    max-width: 100%;
	    overflow-x: hidden;
	    font-size:14px;		
	}
		
	.bigbuttons .btn {
		height:100px;
	}
	
	.bigbuttons .btn i {
		font-size:1.6em;
		top:20px;
	}
	
	.bigbuttons .btn h1 {
		font-size:1.1em;
		margin-top:20px;
	}
	
	.bigbuttons .btn p {
		font-size:0.7em;	
	}
	

	.profileblock .dropdown-menu-right {
		position: fixed;
		right: 5px;
    	top: 100px;
    	left: 5px;
	}

	.dl-shortlabels dd {
		margin-left:0;
	}
	
	.dl-tile.partner-tile::before,
	.dl-tile.project-tile::before,
	.dl-tile.person-tile::before {
		top:15px;
		right:20px;
		left:auto;
	}
	
	.dl-horizontal dd {
		margin-bottom:5px;
		font-size:16px;
	}
	
	.panel-heading h4 {
		margin-top:3px;
		font-size:14px;
	}	
	
	.btn-hide-p span {
		margin-right:0 !important;
	}
	
	.btn-hide-p p {
		display:none;
	}
	
	.btn-mobile-fullwidth {
		width:95%;
		display:inline-block;
	}
	
	.html h1 {
		font-size:18px;
	}
	
	.modal-title {
		font-size:18px;
	}
	
	
	/* Table as tiles styling */

	colgroup {
		display:none;
	}

	.formtable,	
	.table {
		border-spacing:0;
		display:block;
	}

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

	.formtable > tbody,
	.formtable > tfoot,
	.table > tbody,
	.table > tfoot {
		display:block;
	}

	.formtable > tbody > tr,
	.table > tbody > tr {
		display:block;
		padding:0px 0px 4px 0px;
		margin-bottom:10px;
		border:1px solid #ddd;
		border-radius:4px;
		background:#f8f8f8;
		position:relative;
	}

	.formtable > tbody > tr > td,
	.table > tbody > tr > td {
		display:block;
		clear:both;
		border:0;
		padding:1px 6px 2px 6px !important;
		height:auto;
	}

	.formtable tbody td .number-cell,
	.formtable tbody td .number-control,
	.table tbody td .number-cell,
	.table tbody td .number-control {
		text-align:left !important;
	}

	.formtable tbody td input.number-control,
	.table tbody td input.number-control {
		width:50%;
	}

	.table tfoot tr,
	.formtable tfoot tr {
		display:block;
		display:flex;
	}
	.formtable tfoot tr td,
	.table tfoot tr td {
		flex:1;
	}
	.table tfoot tr td:empty,
	.formtable tfoot tr td:empty {
		display:none;
	}

	tr.navigation .navigatorLabel,
	tr.navigation .navigator,
	tr.navigation,
	tr.navigation td {
		display:block;
		float:none;
		text-align: center;
	}

	.table tbody td.number,
	.formtable tbody td.number-cell,
	.table tbody td.number-cell,
	.formtable tbody td.align-right,
	.table tbody td.align-right {
		text-align:left !important;
	 }

	.formtable .row-counter,
	.table .row-counter {
		text-align: left;
		font-weight:bold;
		margin-left:2px;
	}

	.spreadsheet .actions-cell,
	.financialplan .actions-cell {
		position:absolute;
		top:0px;
		right:24px;
		z-index: 1;
	}
	.spreadsheet .actions-cell button,
	.financialplan .actions-cell button {
		padding:2px;
	}
	.spreadsheet .actions-cell i,
	.financialplan .actions-cell i {
		font-size:1.4em !important;
	}

	.spreadsheet tbody td .btn-icon {
		margin-top:0px !important;
	}

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

	.formtable tbody td.hideColumn,
	.table tbody td.hideColumn {
		display:none;
	}

	.formtable tbody td label,
	.table tbody td label {
		display:block;
		margin:3px 0 3px 0;
		color:#666;
		font-size:0.8em;
		text-transform: uppercase;
	}
	
	.formtable tbody td label a,
	.table tbody td label a {
		color:#666;
		font-weight:500;	
	}
	
	.formtable td label + span {
		display:block;
	}

	.formtable tbody td span div,
	.table tbody td span div {
		margin-left:5px;
		min-height:20px;
	}	
	
	.linkid tbody td:nth-child(2),
	.table tbody td:first-child {
		border-top-right-radius: 5px;
		border-bottom-left-radius: 0px;
	}	
	
	.table tbody td:last-child {
	    border-top-right-radius: 0px;
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
	}

	/* Forces date time picker to drop down to the left */
	.bootstrap-datetimepicker-widget.dropdown-menu.pull-right {
		left:0 !important;
	}
	.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
		left: 6px;
		right: auto;
	}
	.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
		left: 7px;
		right: auto;
	}

	.program-info h1 {
		font-size:16px;
	}
	
	.program-info p {
		font-size:14px;
	}
		
	.caseeditright {
		padding-right: 15px;
	    padding-left: 15px;
   	}
			
	.filter-group {
		width:200px;
	}
	
	.toolbar .toolbarblock {
		clear:both;
	}
	
	.toolbar .checkboxes {
		margin-top:0;
	}	
		
	.toolbar .checkbox-inline {
		width:100%;
		margin-left:10px;
	}		

	.home-welcome img {
		float:none;
		max-width: 100%;
		max-height:200px;
	}

	.application-form .panel-heading {
		background:transparent;
	}
	.application-form .panel-body {
		border:none;
	}

	.case-details dd,
	.case-details dt {
		float:none;
		display: block;
	    clear: both;
	    margin-left: 0;
	    text-align:left;
	}
	
	.casemessages .message {
		font-size:0.9em;
	}
	.casemessages .messageThread {
		margin-left:20px;
	}
	
	.html .section {
		padding:5px 5px 5px 5px;
	}

	.docaction-tiles h2 {
		font-size:1.3em;
	}

	.case-details {
		padding:0;
		border:0;
	}

	.case-details table {
		margin-top:5px;
	}

	.only-mobile {
		display:block;
	}

	.version {
		overflow: hidden;
	}

	.subcontent.vertical-center-content {
		min-height: 70vh;
	}
	.panel-primary.panel-big .panel-body {
		padding:3em !important;
	}

}