@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,300);
body.error *, body.textkernel * {font-family: "Open Sans", Arial, Helvetica, sans-serif;}

/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */

.no-iframe-logo { height: 113px; background: url("/custom/10672/logo.png") no-repeat 0px 0px; }
.no-iframe-header {margin: 0 0 10px 0; padding-bottom: 0px; border-bottom: 10px solid #E57534;}

h1.reactiontype, h1.reactiontype span {font-size: 14px;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, div#upload-cv-div {color: #E57534;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .upload label {background-color: #E57534; color: #FFFFFF;}
a:hover, .history a, .history:hover * {color: #E57534;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover {background-color: #1E73BE; color: #FFFFFF;}
.file.mandatory span.prefix {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 1px solid #D7D7D7;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {border: 1px solid rgba(30, 115, 190, 1);}

/* Uploadkaders met flat buttons en zonder gekleurde header */
.upload {border: 0;}
.upload label {text-align: left; background-color: #FFFFFF; color: #000; font-size: 16px; font-weight: 400; text-transform: none;}
.upload label.mandatory span.prefix {visibility: visible; color: #CCC;}
div.uploadinput {padding: 0px;}
input.dropbox:not(.empty) {margin-top: 0px;}
input.dropbox:not(.empty):focus {border: none;}

button {
width: 48%;
padding: 6px;
background-color: #FFF;
color: #1E73BE;
font-size: 13px;
text-align: center;
font-weight: 700;
border: 1px solid #1E73BE;
box-sizing: border-box;
cursor: pointer;
}

button:hover, button:hover span {background-color: #1E73BE; color: #FFFFFF;}

/*  GRID BELOW 440 PIXELS */
@media only screen and (max-width: 440px) {
  button {width: 100%;}
}
