/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */

.no-iframe-page {max-width: 960px;}
.no-iframe-logo { height: 80px; background: url("/custom/10083/logo-provincie-fryslan-png.png") no-repeat 0px 10px; }
.no-iframe-header {margin: 0 0 10px 0; padding-bottom: 0px; border-bottom: 1px solid #244994;}

@font-face {
   font-family: Joanna_MT_Regular;
   src: url(https://www.tangram-tis.nl/custom/10083/fonts/joanna-mt-std-regular.otf);
}


text empty  { 
    color: orange; 
    font-weight: bold; 
    } 

h1.reactiontype {display: none;}


*,.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option, input.text.empty:focus, input.empty[type=text]:focus, input.date.empty:focus, input.empty[type="date"]:focus, input.account.empty:focus, textarea.empty:focus, input.date.empty.day2:focus, input.date.empty.month2:focus, input.date.empty.year4:focus, select.empty:focus, select.empty.mandatory,select.empty option, select.empty.mandatory option{
 font-family: Arial,  FontAwesome, Georgia,'FedraSerifA Book', serif;
 font-size: 18px;

}

body {
  font-family: Arial, Georgia,'FedraSerifA Book', serif;
  -webkit-font-smoothing: antialiased; 
  font-size: 18px;
  color: #244994;
}

select, span.mandatory.empty, ::placeholder{
font-size: 18px;
color:  white;
}

.upload label.mandatory span.prefix,  .mandatory span.prefix, .csbs .col.label, .csbs label, .vsbs label, input.date.empty, input[type="date"].empty{
font-size: 18px;
color:  #244994;
}



#agreementtext {
    display: block;
    padding-left: 18px;
    margin-top: -18px;
}

input[type='checkbox'] {margin-left: 0;}

a{
text-decoration:underline;
}

a:focus,input:focus, select:focus, button:focus{
outline: 3px dotted #244994!important;
border:0 !important;
  font-size: 18px;
  color: #244994;

}

.csbs .hidelabel label, .vsbs .hidelabel label, span.prefix {
    visibility: visible;
    color: #244994;
}

.hidelabel .mandatory span.prefix {
margin: 0px 0 0 5px !important;
position: static !important;
}

select.validationerror.empty:focus, input.validationerror.empty:focus, button.validationerror.empty:focus{
outline: 3px dotted red!important;
}


.col:focus-within{
overflow:visible;
}

input.text.empty:focus, input.empty[type=text]:focus, input.date.empty:focus, input.empty[type="date"]:focus, input.account.empty:focus, textarea.empty:focus, input.date.empty.day2:focus, input.date.empty.month2:focus, input.date.empty.year4:focus, select.empty:focus, select.empty.mandatory{
 padding-left: 16px;

}




#client{
    font-weight: 700;
}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
h1, h2, h3, h4, h5, a, .accountmenu a, div#upload-cv-div, .no-iframe-content {
  color: #244994;
}


.submitbutton, a.actionlink, .button, button, input.flatbutton, .button a, #fotolink-image{
  font-size: 18px;
  background-color: #244994;
  color: #FFFFFF;
  box-shadow: 3px 3px 0 #C4c4c4;
 
}

.submitbutton:hover, a.actionlink:hover, .button:hover, button:hover, input.flatbutton:hover, .button a:hover, button:hover, #fotolink-image:hover {
  background-color: #0571b9;
  color: #FFFFFF;
  border: 0px ;
}

a:hover, .history:hover * {
  color: #0571b9;
}

.file.mandatory span.prefix {
  color: #FFFFFF;
}

.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {
  border-bottom: 0px solid #244994;;
}

input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {
  border: 2px solid rgba(0, 92, 157, 1);
  font-size: 18px;
  color: #244994;
}
input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea{
 border: 1px solid #949494;
  font-size: 18px;
}

label.label {
margin-left: 0px;
}