/* VOOR BASALE KLANTSPECIFIEKE STYLING: PAS EVENTUEEL FONT EN KLEURSTELLING AAN */

/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */
.no-iframe-page {max-width: 1040px;}
.no-iframe-logo { height: 70px; background: url("https://www.tangram-tis.nl/custom/10779/logo-committo-site grootte_50procent.png") no-repeat 0px 5px;  }

.no-iframe-body {margin: 0; padding: 0; max-width: 100%; height: 100%; background: #FFFFFF;}
.no-iframe-content {background: #FFFFFF;margin-bottom: 40px; padding: 0px 0px;}

.no-iframe-header {margin: 0 0 5px 0; padding-bottom: 0px; border-bottom: 0px solid #644857;background: #FFFFFF;}
/*===================================================================================================================*/

.upload  ,    .csbs label, input.date.empty, input[type="date"].empty{
color:  #0e0d14;
}


* {
  font-family: "Open Sans", Arial, sans-serif; font-size: 13px !important;
}

h1 {
  font-family: "Open Sans", Arial, sans-serif; font-size: 13px !important;
}


#agreement label.label{
font-size: 13px !important;
display: inline;
margin: 0.5% 0.5% 0.5% 0.5%;
}

#agreement{
display: block;
margin: 0.5% 0.5% 0.5% 0%;
}

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

.checkbox.label {  
    display: block;
    padding-left: 22px;
}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
h1,h2,  .accountmenu a, div#upload-cv-div {
  color: #b45964;
}


.csbs .hidelabel label, .vsbs .hidelabel label, span.prefix {
    visibility: visible;
    color: #0e0d14;
    font-weight: bold;
}

#dienstverband {
font-weight: bold;
}

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

select, span.mandatory.empty, ::placeholder{
font-size: 13px !important;
color:  #F4F4F4;
}



a {
color: #866f7c;
text-decoration: underline;
font-size: 13px !important;
}


 a.actionlink, .button,  button, input.flatbutton, .button a, #fotolink-image{
   font-size: 13px !important;
    color: #000;
    background-color: #F4F4F4;
    border-width: 1px!important;
    border-color: 000000;
    border-radius: 18px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    margin-top:     8px;
    margin-bottom: 10px;
    height: 35px;
}


 

 .button:hover, button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover {
   background-color: #644857;
   color:#FFFFFF;
   border-radius: 18px;
}


.submitbutton{
   font-size: 13px !important;
    color: #FFFFFF;
    background-color: #B45964;
    border-width: 0px!important;
    border-radius: 18px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}


.submitbutton:hover {
   background-color: #644857;
   color:#FFFFFF;
   border-radius: 18px;
}


a:hover, .history:hover * {
  text-decoration: none;
  color: #866f7c;
}


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

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

input.text, input[type=text], input.date, input[type="date"], select, input.account {
   background-color: #F4F4F4;
   border: 1px solid #F4F4F4; 
   border-radius: 18px; 
   margin-top:     8px;
   margin-bottom: 10px;
   height: 35px;
}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {
   background-color: #F4F4F4; 
   border: 1px solid #F4F4F4;
}


textarea { 
   background-color: #F4F4F4;
   border: 1px solid #F4F4F4; 
   border-radius: 18px; 
   margin-top:     8px;
   margin-bottom: 10px;
}

div.button, #formsubmitbutton {
margin: 0px 0px 0px 0px;
}