#authorization-period {display: none;}

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

@font-face {
  font-family: Krub Regular;
  src: url(https://www.tangram-tis.nl/custom/10621/fonts/Krub-Regular.ttf);
}

@font-face {
  font-family: Krub Italic;
  src: url(https://www.tangram-tis.nl/custom/10621/fonts/Krub-Italic.ttf);
}

@font-face {
  font-family: Fira Sans Bold Italic;
  src: url(https://www.tangram-tis.nl/custom/10621/fonts/FiraSans-BoldItalic.ttf);
}

.no-iframe-header {width: 100%; height: 95px; background-color: #FFFFFF; padding-top: 20px; margin-bottom: 20px; border-bottom: 50px solid #e50864;}


/* GENERIEKE HTML ELEMENTEN */

/* Standaardfontdefinitie */
* {font-family: "Krub Regular", Helvetica, sans-serif; font-size: 18px; color: #000000;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome, "Krub Regular", "Trebuchet MS", "Open Sans", Arial, sans-serif; font-size: 16px;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, {background-color: #e50864;}
h1 span.category:before {font-family: FontAwesome, "Trebuchet MS", "Open Sans";}
div.error, p.error {font-family: 'Roboto Mono', Courier, Arial;}

input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, input::placeholder{
font-size:18px !important;
color:#000000 !important;
font-family: FontAwesome,"Krub Italic" ;
background-color: #f2f2f2 !important;
border-color: #f2f2f2;
border-radius: 0.5rem;
border-style: solid;
padding:15px;
height:auto;
}

m

body {padding: 0; margin: 0;}
hr   {width: 96%; border: #FFF 1px solid; margin-left: auto; margin-right: auto;}
h1, h1 span   {font-size: 24px; color: #e50864; margin: 10px 0px 10px 0px; text-transform:none !important;}
h2, h2 a, h2 span {font-size: 24px; font-weight: 300; color: #e50864; margin: 0; line-height: 25px;}
h3 {font-size: 12px; font-weight: 300; color: #e50864; margin: 16px 0 0 0;}
h1, h1 span, h2, h2 a, h2 span, h3 {font-family: "Fira Sans Bold Italic", Helvetica, sans-serif;}
p {line-height: 28px;}
ul {padding-left:20px;}
h2 span.mandatory {display: inline-block; float: right; padding: 1px 6px; font-size: 11px; font-weight: 400; color: #B2B2B2;}

/* Knoppen */
a.actionlink {font-size: 1em; text-align: center; line-height:25px; background-color:#FFFFFF; border-radius: 0px; border:0px solid #000000; padding:0; color:#000000; text-decoration:underline; margin-right:10px; }
button, input[type=button], input[type=submit], button.file{
    background-color:#e50864; 
    border-radius: .3rem; 
    color: #FFFFFF; 
    border-color:#e50864; 
    border-style:none;
    font-family:FontAwesome, "Fira Sans Bold Italic"; 
    font-size:20px;
    width: auto;
    padding: 0.75em 2em;
    height: auto;
    max-width: 100% !important;
}

button[id*="browse-container"]:before{
content:"";
}

button:hover, input[type=button]:hover, input[type=submit]:hover{
background-color:#9e0646; border-radius: .3rem; color: #FFFFFF; border-color:#e50864;
}

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

/* VACATURECATEGORIEEN */
ul {padding-left: 16px;}

/* PRIVACY VERKLARING */
#Agreement, #Agreement a, .infotext{
font-size: 16px;
}

/* VACATUREOVERZICHT */
th   {font-weight: bold; padding: 4px 8px 14px 0px; font-size: 0.9em; text-align: left;}
p#emailservice {margin-top: 25px;}
td.vacoverview {padding: 0px 8px 4px 0px;}
table.vacoverview a, li.category a {text-decoration: none !important;}
th.location {width: 40%;}
th.position {width: 50%;}
th.publishdate {width: 10%;}

/* VACATUREDETAIL */
div.summary {display: block; margin-top:10px; background-color: #fafafa; border:0px solid #e50864; padding: 10px 5px;}
div.summary p.vacdetail {margin: 0px;}

/* VACATUREABONNEMENT */
ul.emailprofile{
list-style-type:none;
}

/* YouTube video */
div.youtube {width: 240px; height: 180px; padding: 20px; float: right;}


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