@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media only screen and (max-width: 720px) {
	
	body > :not(.GlobalContainer),
	.GlobalHeader,
	.ContentContainer,
	.LeftMenuContainer
	{
		display: none;
	}
	
	body {
		font-size: .9em;
		padding: 	2em;
	}
	
	div {
		font-size: 1em;
	}
	
	.GlobalContainer {
		width: 100%;
		float: none;
	}
	
	
	.ContentBlockContainer {
		float: 		none;
		margin: 	0;
		padding: 	0;
		width: 		auto !important;
	}
	
	.ContentBlockContainer * {
		width: 				auto !important;
		padding: 			0;
		margin: 			0;
		-webkit-box-sizing: border-box;
	}
	
	/* Header */
	.ContentBlockHeader {
		margin-bottom: 	1em;
		text-transform: none;
	}
	
	.ContentBlock {
		border: none;
	}
	
	.ContentBlock > div:nth-child(n+2) {
		display: none;
	}
	
	
	/* Welcome message */
	.ContentBlock > div {
		margin-bottom: 1em;
	}
	
	.ContentBlockContainer.OAuthLogin .feedbackPanelERROR {
		font-size: 0.75em;
	}
	
	.ContentBlockContainer.OAuthLogin table,
	.ContentBlockContainer.OAuthLogin tbody,
	.ContentBlockContainer.OAuthLogin tr,
	.ContentBlockContainer.OAuthLogin td {
		display: 	block;
		width: 		100% !important;
	}
	
	.ContentBlockContainer.OAuthLogin td:first-child {
		padding-top: 1em;
	}
	
	.ContentBlockContainer.OAuthLogin td div {
		text-align: 	left;
		font-size: 		1.1em;
		font-weight: 	bold;
		padding-bottom: .5em;
	} 
	
	.ContentBlockContainer.OAuthLogin td:nth-child(2),
	.ContentBlockContainer.OAuthLogin tr:nth-child(2) td:last-child {
		display: none;
	}
	
	.ContentBlockContainer.OAuthLogin input {
		width: 		100% !important;
		font-size: 	1.4em;
		padding: 	.2em;
		border: 	1px solid #fbc14c;
		-webkit-appearance: none;
	}
	
	.ContentBlockContainer.OAuthLogin input[type=submit] {
		border-color: #888;
	}
	
	.ContentBlockContainer.OAuthLogin input[name=vergeten] {
		display: none;
	}
	
	.ContentBlockContainer a[id^=cancelLogin],
	.ContentBlockContainer a[id^=cancelSelection] {
		margin-top: 26px;
		display: 	block;
		font-size: 	13px;
		text-align: center;
	}
	
	.ContentBlockContainer.SelectInstantie {
		margin-right: 0 !important;
	}
	
	.ContentBlockContainer.SelectInstantie .panel {
		border-radius: 0;
		border: none;
	}
	
	.ContentBlockContainer.SelectInstantie .panel-heading {
		padding: 8px;
		border-radius: 0;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock {
		padding-left: 	1.7em;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table {
		width: 				100% !important;
		border-spacing: 	0 1.5em;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table tr {
		background: #eee;		
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table tr:first-child {
		display: 	none;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td {
		display: 		inline-block;
		line-height: 	2;
		vertical-align: top;
		font-size: 		.8em;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td:first-child {
		background: 	url(../images/icon_infobullet_transp.gif) no-repeat left center;
		padding-left: 	3em;
		margin-left: 	-2em;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td::after {
		content:		 "|";
		margin: 		0 0 0 1em;
		color: 			#888;
		font-weight: 	normal;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td:nth-child(n+2) {
		margin-left: 	1em;
		font-weight: 	bold;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td:nth-child(2)::after {
		content: 		"-";
		margin-right: 	-.5em;
		margin-left: 	.5em;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td:nth-child(4) {
		padding-right: 	1em;
		font-weight: 	normal;
		font-style: 	italic;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td:nth-child(4)::after {
		display: none;
	}
	
	.ContentBlockContainer.SelectInstantie .ContentBlock > table td:last-child {
		display: none;
		
	}

    .ContentBlockContainer .envWarning {
        color: red;
        font-weight: bold;
        display: block;
    }
	
}

@media only screen and (max-width: 480px) {
	
	body {
		padding: 0;
	}
	.GlobalContainer {
		background-color: #f2f3f3;
	}
	.middle-box {
		margin: 0;
		width: auto;
	}
	.middle-box .environment {
		font-size: 14px;
		padding: 5px;
		margin-bottom: 20px;
	}
	.footer {
		display: none;
	}
	
	#regionalManagersText {
		display: none;
	}
}