/* Eidas vragenlijst toegevoegd: 16-12-2016 LH */
body.orbeon {
  background-color : #FFF;
  color : #000;
  font-family: "PT Sans",Arial,Helvetica,"Helvetica Neue",sans-serif;
   
}

/* breedte label, input veld verder naar achter */
.block-layout-horizontal .xforms-label {
    width: 45%;
}

/* eIDAS */
.vragenlijst a {
    background-color: #e1effa;
    padding: 10px;
    color: #fff;
}

.vragenlijst a:hover {
    background-color: #00ade5;
    padding: 10px;
    color: #fff;
	text-decoration-line: none;
}

.vragenlijst a:active {
    background-color: #00ade5;
    padding: 10px;
    color: #fff;
}

/* meerdere tekstregels dichter op elkaar */

.condensed {
	margin-bottom:5px;
	}
	
.condensed .popover-title {display:none;}
	
.orbeon .condensed .xforms-output {
    display: block;
	}
	
	
/* toelichting, invulhulp */	
.note {
    background-color: #e1effa;
    border: 1px solid #003865;
	color:#003865;
    padding: 10px 5px 10px 10px;
	margin:10px;
}
.note .xforms-required  { background-color : #e1effa; }


/* Achtergrondkleur formulier */
/* 
.fr-border {
  background-color : #FDFDFD; }
*/

/* Achtergrondkleur logo */
/* 
#fr-view:before {
  background-color: #FFF; }
*/

/* Link kleur (tip: gelijk aan kleur van knoppen) */
/* 
.orbeon a {
  color: #0075EA; }
*/

/* Achtergrondkleur titelbalk */
.orbeon .navbar-inverse .navbar-inner {
  background-color : #009ee5;
  border-bottom : 1px solid #003865;
	font-size:1.5 em;
/*	padding-bottom: 40px;*/
    padding-left: 20px;
    padding-right: 20px;
/*    padding-top: 20px;*/
}

/* Tekstkleur titelbalk */
.orbeon .navbar-inverse .navbar-inner .container h1 {
  color : #fff; }

/* Tekstkleur paginakoppen */
.orbeon h2,.orbeon h3,.orbeon h4,.orbeon h5,.orbeon h6 {
  color : #003865; 
  letter-spacing: 0.01em;
}

/* Kleuren actief menu-item  */
#fr-formnavigation span.button-active button, .orbeon .btn:focus, .orbeon .btn:active, .orbeon .btn.active {
  background-color : #e1effa;
  border-color : #e1effa;
  color : #003865;
  background-image : none;}


/* Kleuren (menu) buttons */
.yui-skin-sam .yui-button button, .orbeon button.close, .orbeon button.btn  {
  background-color : #e1effa;
  border-color : #e1effa; 
  color : #003865;
  background: #e1effa; /* Old browsers */
  background: -moz-linear-gradient(top,  #e1effa 0%, #e1effa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1effa), color-stop(100%,#e1effa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e1effa 0%,#e1effa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e1effa 0%,#e1effa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e1effa 0%,#e1effa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e1effa 0%,#e1effa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1effa', endColorstr='#e1effa',GradientType=0 ); /* IE6-9 */
}


/* Kleuren (menu)buttons mouse-over */
.orbeon .btn:hover, .orbeon .btn:focus, .orbeon button.close:hover, .orbeon button.close:focus {
  color : #fff;
  background: #00ade5; /* Old browsers */ 
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #00ade5 0%, #00ade5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ade5), color-stop(100%,#00ade5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #00ade5 0%,#00ade5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #00ade5 0%,#00ade5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #00ade5 0%,#00ade5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #00ade5 0%,#00ade5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ade5', endColorstr='#00ade5',GradientType=0 ); /* IE6-8 */
  border-color : #00ade5;
}


/* Uitgeschakelde buttons (disabled) */
/* 
.orbeon .btn.disabled, .orbeon .btn[disabled], .orbeon .btn.disabled:hover, .orbeon .btn[disabled]:hover {
  background-color: #DDD;
  border : none; 
  color : #AAA; }

/* Standaard velden: kleur kader */
/* 
.orbeon select, .orbeon textarea, .orbeon input[type="text"], .orbeon input[type="password"], .orbeon input[type="datetime"], .orbeon input[type="datetime-local"], .orbeon input[type="date"], .orbeon input[type="month"], .orbeon input[type="time"], .orbeon input[type="week"], .orbeon input[type="number"], .orbeon input[type="email"], .orbeon input[type="url"], .orbeon input[type="search"], .orbeon input[type="tel"], .orbeon input[type="color"], .orbeon .uneditable-input {
 border-color : #AAA; }
*/

/* Verplichte velden: Veldkader en schaduwkleur */
.orbeon .xforms-required input, .orbeon .xforms-required textarea, .xforms-required-empty .xforms-input-input {
  border-color : #e38d13;
  box-shadow:  0px 0px 2px 1px #FEF1E3;}


/* Verplichte velden: Achtergrondkleur blok LET OP VOLGORDE. FILLED NA REQUIRED*/
.xforms-required  { background-color : #FEF1E3; }
.xforms-filled { background-color : #fff; }

/* Verplichte velden: kleur van de asterisk '*' */
/* 
.xforms-required label em {
    color: #888; }
*/

/* Kleur kader en schaduw van het huidig actieve veld */
.orbeon textarea:focus, .orbeon input[type=text]:focus, .orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus, .orbeon .xforms-required.xforms-visited textarea:focus {
  border-color : #003865;
  box-shadow: 0px 0px 2px 1px #FEF1E3; }


/* Kleur pijltjes voor uitleg bij een vraag */
/* 
.xforms-hint::before {
  color : #999; }
*/

/* Kleur kader foutieve velden */
/* 
.orbeon .xforms-invalid.xforms-visited .xforms-input-input, .orbeon .xforms-invalid.xforms-visited input[type="password"], .orbeon textarea.xforms-invalid.xforms-visited, .orbeon .xforms-required.xforms-invalid.xforms-visited textarea {
  border-color: #F00; }
*/

/* Kleur tekst foutmelding of waarschuwing */
/* 
.orbeon .xforms-invalid > .xforms-alert.xforms-active, .orbeon .xforms-alert.xforms-active.xforms-invalid {
  color : #F00; } 
*/

/* kleur pijltjes voor foutmelding of waarschuwing */
/* 
.xforms-alert::before {
  color : #000; }
*/


/* Kleur van de RAND om help popup (alle border kleuren hieronder horen gelijk) */
/* 
.orbeon .popover              { border-color       : #000; }
.orbeon .popover.right .arrow { border-right-color : #000; }
.orbeon .popover.left .arrow  { border-left-color  : #000; }
*/

/* Achtergrondkleur popup (alle kleuren horen gelijk) */
/* 
.orbeon .popover.right .arrow:after  { border-right-color: #FAFAFA; }
.orbeon .popover.left .arrow:after   { border-left-color : #FAFAFA; }
.orbeon .popover                     { background-color  : #FAFAFA; }
*/

/* Kleuren popup titel */
/* 
.orbeon .popover-title
  { border-bottom : 1px dashed #BBB;
    background-color : #FAFAFA; }
*/