@import url("Media/Small_devices_portrait_phones.css");
@import url("Media/Small_devices_landscape_phones.css");
@import url("Media/Mediuml_devices_tablets.css");
@import url("Media/Large_devices_desktops.css");
@import url("Media/Extralarge_devices_largedesktops.css"); 
@viewport {
	width:device-width;
	zoom: 1;
}

/* target / context = result */

h1 { font-size: 3.125em }
h2 { font-size: 2.3125em }
h3 { font-size: 1.75em }
h4 { font-size: 1.25em }
h5 { font-size: 1em }
h6 { font-size: 0.75em }

[class*="param"]
{
	border:1px solid black;
}
.export-select{
	background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
	background-size:10px 10px;
    -webkit-appearance: none;
	-moz-appearance: none;
     background-position-x: 96%;
	padding-right:20px;
}
.preview{
	background: linear-gradient(white, #ededed);
	box-shadow: inset 0px 7px 10px 0px #e0e7e9;
}
#disclaimer a{
	color:black;
}

.beschrijving{
	margin:10px;
}

h3{
	margin-top:0px;
	color:grey;
	-moz-color:grey;
	-webkit-color:grey;
	-o-color:grey;
	-ms-color:grey;
}

.tabs{
	list-style:none;
	margin:0px;
	font-size:14px;
	/* border-bottom:1px solid grey; */
}
.tabs li{
	margin:0px;
	display:inline-block; 
	border-bottom:none;
	
}

.stap {
	color:grey;
}
.stap > a{
	text-decoration:none;
}

.stap > a:visited{
	text-decoration:none;
	color:grey;
	-moz-color:grey;
	-webkit-color:grey;
	-o-color:grey;
	-ms-color:grey;
}

.tabs-header{
	/*background-color:#6c7a89;*/
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.tabs-content{
	background-color:white;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid lightgrey;
}

.tabs-content a{
	text-decoration:none;
	color:grey;
	-moz-color:grey;
	-webkit-color:grey;
	-o-color:grey;
	-ms-color:grey;
}

.tabs-content a:hover{
	text-decoration:underline;
}

.first, .second, .third{
	border-right:2px solid lightgrey;
}

.first{
	border-left:2px solid lightgrey;
}

.Selected-Step{
	position:relative;
	bottom:-1px;
	border-right:1px solid lightgrey;
	border-top:1px solid lightgrey;
	background-color:white; 
	outline-offset: 15px;
}

.Selected-Step a{
	color:grey;
	-moz-color:grey;
	-webkit-color:grey;
	-o-color:grey;
	-ms-color:grey;
}

.Unselected-Step{
	background-color: white;
	box-shadow: inset 0px 7px 16px 0px #e0e7e9;
	position:relative;
	padding:-1px;
	border-top:1px solid lightgrey;
}

.navbar-default a{
	margin-left:15px;
	color:#515151;
}

a:visited,a:active{
	text-decoration:none;
}

nav > a {
  position: relative;
  color: grey;
  text-decoration: none;
}

nav > a:hover {
  text-decoration:none;
}

nav > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: grey;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; 
}

nav > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.small-title{
	font-size:1.15em;
}

.logo{
	height:auto;
	margin-bottom:1%;
}

.logo-pos{
	float:right;
}

.container{
	background-image:url("../inc/exporterbackgroundv7.svg");
	margin-top:7%;
	background-repeat:no-repeat;
	background-size:cover; 
	/* background-image:url("../inc/pFTDJhP.jpg");
	margin-top:7%; */
	
}

.all{
	border:2px solid #eae8e8; 
	border-radius:5px;
}

.login{
	margin-top:20px;
}

.login :hover{
	background-color:#dedfe0;
}

.navbar.navbar-default{
	padding:5px;
	padding-top:10px;
	margin-top:1rem;
	background-color:white;
	box-shadow:inset 0px 7px 16px 0px #e0e7e9;
}

.jtable-query{
	text-align:center;
}

.header-line{
	background-color:#ededed;
	margin-bottom:2%;
}

body {
  padding-top: 20px;
  padding-bottom: 20px; 
  background-repeat:no-repeat;
  background-size:auto;
  font-family:sans-serif;
  /* text-shadow:black 1px 5px 0; */
}

.header,
.marketing
 {
  padding-right: 15px;
  padding-left: 15px;
}

.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #b3b3b3;
  margin-top:1%;
}

.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

.footer {
  color: #777;
}

.footer p{
	text-align:right;
}

.container-narrow > hr {
  margin: 30px 0;
}

.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

.marketing {
  /* margin: 40px 0; */
}

.marketing p + h4 {
  margin-top: 28px;
}

.Login-scherm-body{
	background-color: lightgrey;  
}

.vertical-offset-100{
    padding-top:100px;
}


.panel-heading{
	height:3em;
	text-align:center;
}


.btn {
	font-size:1em;
}

.login-button-effect{
	box-shadow:inset 0px 3px 12px 1px #e8e8e8;
}