/*	Dansk Jødisk Museum
	skj@peytz.dk 10-04-2018
	
  Generelt:
	Text: #00333b;
	Link: #007a87;
	Hover link: #0f4851;
	Hover search: #8ec0c4;
	Menu: #0f4851;
	Search: #015461;
	Qoutes: #d1d4d3;
	Top menu: #dddfde; 
    
    Sizes:
	11px = 0.6875rem
	12px = 0.75rem
	14px = 0.875rem
	15px = 0.9375rem
	16px = 1rem
	17px = 1.0625rem
	18px = 1.125rem
	20px = 1.25rem
	22px = 1.375rem
	24px = 1.5rem
	28px = 1.75rem
	
	ROOT: 24px/

*/
@font-face {
  font-family: 'fontello';
  src: url('../webfonts/fontello.eot?27622708');
  src: url('../webfonts/fontello.eot?27622708#iefix') format('embedded-opentype'),
       url('../webfonts/fontello.woff2?27622708') format('woff2'),
       url('../webfonts/fontello.woff?27622708') format('woff'),
       url('../webfonts/fontello.ttf?27622708') format('truetype'),
       url('../webfonts/fontello.svg?27622708#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?27622708#fontello') format('svg');
  }
}
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

.container {
	padding-left:0;
	padding-right:0;
}
.subpage-2 {}

label, h3, .btn {
	width:100%;
	font-size:0.9375rem;
	font-weight:800;
}

select {
	width:100%;	
	padding:3px 5px;	
}
textarea {
	width:100%;
	padding:3px 5px;	
}



.btn {
	padding-left:24%;
	padding-right:24%;
}



/* HEADAER */

.navbar {
	padding:0.75rem 0;
}
.navbar .container {
	justify-content:normal;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1.0);
}

.navbar button {
	margin-right:3%;
	border:0 none;
}

.navbar-brand {
		font-size:1rem;
		font-weight:normal;
		display: none;
		padding: 0.5rem 1rem;
	}
	
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar #navbarCollapse {
	max-width:60%;
}
#navbarCollapse ul {
	width:100%;
}
#navbarCollapse ul li {
	margin-left:3.2%;
}
#navbarCollapse ul li:first-child {
	margin-left:0;
}

#navbarCollapse ul li a {
	text-transform:uppercase;
	text-align: center;
}

/* diverse logoer */
.container > .navbar-brand {
	display: block;	
	margin-left:7%;
	padding:0;
	margin:0;
}
.navbar-brand i {
	font-size:1.5rem;
}
.container > .navbar-brand i {
	font-size:1.5rem;
}
.brand-logo {
	margin-left:2%;
}
.brand-logo .ce-gallery {
	margin-bottom:0;	
}
.brand-logo img {
	max-width:100px;
	height:auto;	
}
.partner-logo {
	margin-left:2.75%;
}
.partner-logo .ce-gallery {
	margin-bottom:0;
}
.partner-logo img {
	max-width:70px;
	height:auto;
}

.main {
	position:relative;
	padding-top:5.125rem;
	padding-top:10rem;
}
.container {
	max-width:1440px;
	max-width:1020px;
	max-width:1200px;
}

.application {
	padding:0 2%;
	margin-bottom:4%;
}
.application .row {
	margin-bottom:2%;
}
.application .row .col-sm-6 {}

.application .row .col-sm-6 input {
	width:100%;
}

.application .row .col-sm-12 {}

.application .row .col-sm-12 input {
	width:100%;
}
.application .row .col-sm-12 input[type=checkbox] {
	width:auto;
}




/* HTML 5 validering */
/* http://www.the-art-of-web.com/html/html5-form-validation/ 
   https://www.base64-image.de/	                              */
input:required, 
textarea:required {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE3RkM1QTVDQTJCQzExRTdCMDQ3QkRCQjFCMjA5Mzc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE3RkM1QTVEQTJCQzExRTdCMDQ3QkRCQjFCMjA5Mzc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTdGQzVBNUFBMkJDMTFFN0IwNDdCREJCMUIyMDkzNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTdGQzVBNUJBMkJDMTFFN0IwNDdCREJCMUIyMDkzNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+cBLHAAAAuklEQVR42mL8//8/AzmABUSc5+AkSZPhj+8QjWhAEYjzgdgMiH8B8Vkg7gPip8iKGEFORbIxFohnAjEnyFQk13wE4kQgXg+zkQnJEHWYJiyu4Afi+UAsDRNA1liHQxOy5mpsGs2ICBdjbBpJjw4oOAXEKjAOjig6i81GUJD/RY4rWMhCwS+oGgyNINNSgPg7zEYkW78AcTQQ38HmVBBYAMTHgTgHGlh/oV6YCMT38SUAopMcI7mJHCDAAPQKN2K/FWARAAAAAElFTkSuQmCC');
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}

input:focus:required:invalid, 
input:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}

input.reset:focus {
    background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAdCAYAAADYSS5zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV1JREFUeNrslsFtwzAMRWUj93qEjmBvII/gDZxeemyvPSU55ZprL7U36AjVBvUIHSHZIBTwESgELaWo2fYgAoQCM7QfviSSxmTLli1btmw/sWIu8Pa6r2ix5DX5HR6fyCdy9/D4cvwTQIBtyHvyaibPw43kO23QgsF5td7J72/M/yLvCHJSBwTcR0Q1E1Gz1YIsgm39/IZykpKNxnaXWDcCnIvk8ZjPfdZQsIR6PQcgNVpa10LOGjEO+YR3La6gFc6dpY/1BDIySA83+hjyQquEZ4sA1jOxgUGGcMNMTr004CoR95AGkCYBp2Llf291KQXDbTX4bX5TxRK9NQU3CGdSskkD0KEb8DIjXYgQ0gkdxWl1ki2KNS/GNlKoecwPDlutS3JAu7qqhZE8K7S6g9otRg/thK2+dVjotMauS5nBNNIKSqaGhFZz3Lqqg/hQ489TQs0j/tNownk7CzAAwqSJN4wlVpIAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
	cursor:pointer;
}

/* https://stackoverflow.com/questions/368813/html-form-readonly-select-tag-input */
select[readonly]{
    background: #eee;
    cursor:no-drop;
	pointer-events: none;
}

select[readonly] option{
    display:none;
}

/*=====================================*/
/* CONTENT                             */
/*=====================================*/
	#content {
		padding:0 2%;
	}

/*=====================================*/
/* tx-felogin-pi1                      */
/*=====================================*/
.tx-felogin-pi1 {
	max-width:100%;
}
.tx-felogin-pi1 .row {
	margin-bottom:3%;
}
.tx-felogin-pi1 .btn { 
	padding-left:3%;
	padding-right:3%;
	margin-top:5%;
	max-width:98%;
}
@media screen and (min-width:768px) {
	.tx-felogin-pi1 {
		max-width:50%;
	}
	.tx-felogin-pi1 .btn { 
		padding-left:3%;
		padding-right:3%;
		margin-top:1%;
	}	
}	
/*=====================================*/
/* min-width:768px   */
@media screen and (min-width:768px) {
	.brand-logo {
		min-height:100px;
	}
	.brand-logo div {
		min-height:inherit
	}
	.brand-logo figure {
		
	}
	.brand-logo img {
		max-width:300px;
		max-height: 100%;  
		height: auto;
		position: absolute;  
		top: 0;  
		bottom: 0;  
		margin: auto;
	}
	#navbarCollapse {
		max-width:50%;
		margin-top:-30px;
	}
	.navbar-brand {
		display: block;	
	}
	.container > .navbar-brand {
		display: none;
	}
	#centerCol-1.top-layer  {
		padding-left:18%;
	}
	#language {
		padding-right: 18%;
		padding-top:2rem;
	}	
	#centerCol-2 {
		background-color:none;
		padding-right:18%;
		padding-left: 18%;
		padding-left:0;
		padding-bottom:0;
	}
	
	div.application {
		margin:0 auto;
		max-width: 60%;
	}
	div.application .row {
		margin-bottom:3%;
	}
	div.application .row .col-sm-6 {}
	
	div.application .row .col-sm-6 input {
		width:100%;
	}
	
	div.application .row .col-sm-12 {}
	
	div.application .row .col-sm-12 input {
		width:100%;
	}
	
	#content {
		padding:0;
	}
	
	#showapplications {
		margin-bottom:1.5%;
	}
	#fundsSelect {
		margin-bottom:1.5%;
	}
	#appealsunderreview {
		margin-bottom:1.5%;
	}
	#viewperiod {
		margin-bottom:1.5%;
	}
	#definerange .datepicker {
		max-width:48%;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;

	}

}