/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */
.no-iframe-body {height: 100%; background-color: #F3F8FE;}
.no-iframe-page {width: 100%; max-width: 100%; background-color: #F3F8FE;}
.no-iframe-content {max-width: 1200px; margin: 0 auto; padding: 0 20px; background-color: #F3F8FE;}
.no-iframe-logo {
  max-width: 1200px;
  height: 69px;
  margin: 0 auto; 
  background-image: url("https://www.tangram-tis.nl/custom/10262/logo.svg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: contain;
}

.no-iframe-header {width: 100%; height: 74px; background-color: #FFFFFF; padding-top: 11px; margin-bottom: 20px; border-bottom: 0px solid #FEE115;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #337ab7;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #f5ba0e;}
.submitbutton, a.actionlink, input.flatbutton, .button a, .flipbase-button {color: #FFFFFF;}
a:hover, .history a:hover * {color: #337ab7;}
.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: #f5ba0e;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #FFFFFF;}
.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 #337ab7;}
button:hover  {background-color: #337ab7;}

h2.margintop, h3.margintop {margin-top: 2em;}

.capitalize input.text {text-transform: uppercase;}

/* Toon motivatiememoveld in plaats van motivatie-upload */
#Sollicitatie_Motivatie { display:block; }

.addbutton, .imposeaddbutton {margin-bottom: 2em;}
.csbs .forcelabel.hidelabel label {visibility: visible;}

span.tooltip {padding: 0px 6px; font-size: 0.75em; font-style: italic; background-color: #00A9F3; color: #FFF;}
a.tooltip {display: block; margin-top: 0px; padding: 6px 6px; font-size: 1em; background-color: #f5ba0e; color: #FFF; border: 0px solid #00A9F3; border-radius: 0px; float: right;}

/* GEKOPIEERD UIT TEMPLATESDEFAULT ERRATA CSS - START */

select.empty.mandatory {
    padding-left: 14px;
}

.empty.validationerror, input.date.empty.validationerror, input[type="date"].empty.validationerror {
    color: #F00;
}

button.file, .cstk input#formsubmitbutton {
    width: 100%;
}

/*  GRID ABOVE 1023 PIXELS */
@media only screen and (min-width: 1024px) {
    button.file, .cstk input#formsubmitbutton {
    max-width: 15em;
    }
}

/* GEKOPIEERD UIT TEMPLATESDEFAULT ERRATA CSS - EINDE */

@media only screen and (max-width: 1220px) {
  .no-iframe-logo {
    background-position: 20px 0px;
  }
}

@media only screen and (max-width: 768px) {
  .section .block:nth-of-type(even) {
      background-color: inherit;
  }
}