/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */

.no-iframe-page {max-width: 930px;}
.no-iframe-logo { height: 100px; background: url("https://www.tangram-tis.nl/custom/10665/logo.png") no-repeat 0px 20px; }
.no-iframe-header {margin: 0 0 10px 0; padding-bottom: 0px; border-bottom: 1px solid #3B2D82;}

/* GENERIEKE HTML ELEMENTEN */

@font-face {
  font-family: "Nunito";
  src: url("https://www.tangram-tis.nl/custom/10665/Nunito-VariableFont_wght.ttf") format("truetype");
}

/* Lettertype van alle elementen instellen */
body {margin: 0; line-height: 1.45em;}
hr   {width: 96%; border: #FFF 1px solid; margin-left: auto; margin-right: auto;}
h1, h1 span, h1 span a  {font-family: Nunito, FontAwesome,"Unit Rounded Bold",Verdana,Helvetica; font-size: 28px; font-weight: 700; color: #3b2d82; line-height: 1em; text-transform: none;}
h2, .vdtl h2, h2 a, h2 span, h3 {font-family: Nunito, FontAwesome, "Unit Rounded Bold",Verdana,Helvetica; font-size: 14px !important; font-weight: 700; color: #3b2d82;}
h2, .vdtl h2, h3 {margin: 14px 0 0 0; padding: 0px;}
h3 {padding-top: 24px;}
h3.incentive {text-align: center;}
h3.incentive span {font-family: Nunito, FontAwesome, "Unit Rounded Bold",Verdana,Helvetica; font-size: 20px; font-weight: normal; line-height: 1em;}
ul {margin: 0; padding-left: 0;}
li {list-style-type: none; padding-left: 1.6em;}
a.underline {text-decoration: underline;}
th {text-align: left;}

li:before {
  content: '\f0c8';
  font-family: FontAwesome;
  display: inline-block;
  width: 1.6em; /* same as padding-left set on li */
  margin-left: -1.6em; /* same as padding-left set on li */
  color: #BD57FD;
}

::-webkit-input-placeholder {
  font-size: 14px;
}

:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
}

::-moz-placeholder {  /* Firefox 19+ */
  font-size: 14px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
  font-size: 12px;
}

select, option, select:not(.empty), .upload label, button, .button {
  font-size: 14px;
}

/* Standaardfontdefinitie */
* {font-family: Nunito, Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome, "Nunito", "Unit Rounded Bold", Verdana, Helvetica;}
h1 span.category:before {font-family: FontAwesome, Verdana, Arial, Helvetica, sans-serif;}
div.error, p.error {font-family: 'Roboto Mono', Courier, Arial;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #BD57FD;}
.submitbutton, a.actionlink, input.flatbutton, .button a, .flipbase-button {color: #3b2d82;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span, .flipbase-button:hover {background-color: #3b2d82;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #BD57FD;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 0px solid #000;}
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(0, 92, 157, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #BD57FD; color: #BD57FD;}
button:hover  {background-color: #BD57FD; color: #FFFFFF;}

/* Afronding van knoppen en inputs, standaard rechte hoeken */
.submitbutton, a.actionlink, .button, .button a, input.flatbutton, button, input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, div#upload-cv-div {
  border-radius: 4px;
}

/* VACATUREDETAIL */
div.summary {padding-bottom: 10px; border-bottom: 2px solid #BD57FD;}
div.summary div label {font-weight: bold; padding-right: 0.3em;}

#job_action_buttons {
    margin-top: 24px;
}

/* VACATURES ZOEKEN */
.vcat .fa-li {display: none;}


/* VACATURES AANMELDEN */
.vsbs h2 {
    margin: 28px 0 0 0;
    padding-bottom: 0px;
}

/* SOLLICITATIEFORMULIER */
.upload label {color: #3b2d82;}

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

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


/* Toon motivatiebrief in plaats van motivatiememoveld */
#Sollicitatie_Motivatie { display:none; }
#Document_overig_Inhoud { display:block; }

/* POWERED BY TANGRAM */
div#surrepad a {font-size: 10px; text-decoration: none; color: #c2c2c2;}

/* Gridoptimalisatie */
#job_action_buttons .span_2_of_8 {
    width: 32.2%;
}