/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */

.no-iframe-body {margin: 0; padding: 0; max-width: 100%; height: 100%;}
.no-iframe-page {max-width: 100%; margin-left: auto; margin-right: auto;}
.no-iframe-content {max-width: 1200px; min-height: 60%; margin: 0 auto 0 auto; padding: 0px 5px; background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background: rgba(255, 255, 255, .98); color: #000;}
.csbs .no-iframe-content {padding-top: 5px;}
.no-iframe-logo {max-height:150px; max-width: 1200px; margin: 0 auto; height: 172px; background: url("https://aksend.nl/wp-content/uploads/2020/06/footer-logo.svg") no-repeat 0px 0px;}
.no-iframe-header {padding: 0px; background-color: #ffffff; border-bottom: 1px solid #D8CDBF;}



#publish_date {display: none;}

h1 {display: none;}

* {font-size:1em !important}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, a.maillink {color: #858585; text-decoration: font-size:14px; underline;}
a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #f0f0f0; font-size:14px: }
a.actionlink, .button {border: 1px solid #d7d7d7; font-size:13px:box-sizing: border-box;}
a.actionlink, input.flatbutton, .button a {color: #858585; font-size:14px;}
.submitbutton {transition: all 0s ease; background-color: #99E14D; box-sizing: border-box; font-size:14px; font-weight: bold; color: #000000; text-transform: uppercase; letter-spacing: 0em;}


/* 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; font-size:14px;
}
.submitbutton:hover {background-color: #8DE02E; border-bottom: 1px solid #3F7F62; color: #FFFFFF; font-size:14px;}


a:hover, .history a:hover * {color: #676767; text-decoration: none;font-size:14px;}
.button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #d7d7d7;font-size:14px;}
.button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span {color: #000000;font-size:14px;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 0px solid #d7d7d7;font-size:14px;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus;font-size:14px;}
button {background-color: #FFFFFF; border: 1px solid #d7d7d7; color: #000000;font-size:14px;}
button:hover  {background-color: #d7d7d7;}

.body {color: #353535;font-size:14px;}

.text {color: #353535;font-size:14px;}
h1.reactiontype {display: none;font-size:14px;}
h2, h2 span, h2 span a {color: #858585;font-size:14px;}

div#upload-cv-div {border: none;font-size:13px;}
div#upload-cv-div span, .upload label {color: #000;font-size:14px;}

button.file {
    display: block;
    width: 100%;
font-size:13px;
}

div.group.cv {margin-top: 1em;font-size:14px;}
div#Document_cv_Inhoud, div#Document_overig_Inhoud {padding: 1% 2% 2% 0%; border: none; border-radius: 2px; box-sizing: border-box;  text-align: center;font-size:14px;}
textarea {min-height: 132px; height: 132px;font-size:14px;}

.csbs h2 {
    margin: 6px 0px 0px 0px;
    padding-bottom: 0px;
}

/*  GRID BELOW 1024 PIXELS */
@media only screen and (max-width: 1023px) {
  .group.shortname .name_gender { width: 12%; }
  .group.shortname .name_surname, .group.shortname .name_firstname { width: 24%; }
  .group.shortname .name_prefix { width: 14%; }
  .group.shortname .name_lastname { width: 46%; }  
}

/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 768px) {
  .group.shortname .name_gender { width: 15%; }
  .group.shortname .name_surname, .group.shortname .name_firstname { width: 25%; }
  .group.shortname .name_prefix { width: 18%; }
  .group.shortname .name_lastname { width: 38%; }
  .no-iframe-logo {background-size: 34%;}
}


/*  GRID BELOW 641 PIXELS */
@media only screen and (max-width: 640px) {
  .group.shortname .name_gender { width: 49%; }
  .group.shortname .name_surname, .group.shortname .name_firstname { width: 49%; }
  .group.shortname .name_prefix { width: 49%; }
  .group.shortname .name_lastname { width: 49%; }
  .no-iframe-logo {background-size: 45%;}
}

/*  GRID OPTIMIZED FOR CURRENT IFRAME WIDTH OF 606.933PX */
@media only screen and (min-width: 606px) and (max-width: 607px) {
  .group.shortname .name_gender { width: 15%; }
  .group.shortname .name_surname, .group.shortname .name_firstname { width: 25%; }
  .group.shortname .name_prefix { width: 18%; }
  .group.shortname .name_lastname { width: 38%; }
  ::-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: 14px;}
  select {font-size: 14px;}
}

/*  GRID BELOW 481 PIXELS */
@media only screen and (max-width: 480px) {
  .group.shortname .span_4_of_8, .group.shortname .span_3_of_8, .group.shortname .span_2_of_8, .group.shortname .span_1_of_8 { width: 99%; }
  .no-iframe-logo {background-size: 57%;}
}


a, .accountmenu a, .history a, button {color: #353535;font-size:14px;}

div#upload-cv-div {color: #000; border-color: #454545; background-color: #FFFFFF;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #454545; color: #FFFFFF;}
a:hover, .history a:hover *, a.vacoverview:hover span {color: #454545;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #C95B18; color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2 {border-bottom: 0px solid #454545;}
div.header {border-bottom: 0px solid #969696;}
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, 0, 0, 1);}
button {background-color: #FFFFFF; border: 1px solid #454545; color: #454545;}
button:hover {background-color: #C95B18; color: #fff;}