@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300);

/**
  * Tariff Group
 */

.pp-tariff-group .acf-fields.-left > .acf-field > .acf-label {
  width: 20%;
  padding: 10px;
}

.pp-tariff-group .acf-field-tariff-check {
  width: calc(25% - 1px) !important;
}

.pp-tariff-group .acf-field {
  border-color: #d5d9dd !important;
}

.pp-tariff-group .acf-fields.-left > .acf-field {
  padding: 0;
}

.pp-tariff-group .acf-fields.-left > .acf-field > .acf-input {
  padding: 0;
  border-left: 1px solid #d5d9dd;
}

.pp-tariff-group .acf-fields.-border {
  border: 0;
}

.pp-tariff-group .acf-fields.-left > .acf-field::before {
  display: none;
}

.tariff-group-header,
.tariff-group-footer {
  border: 0;
    width: 100%;
}

.tariff-group-footer {
  border-top: 1px solid #333;
  font-weight: bold;
}


.pp-tariff-group--direct-order .pp-tariff-group__partner-col {
    opacity: 0.3;
    background: #eee;
    pointer-events: none;
}

.pp-tariff-group--partner-order .pp-tariff-group__direct-order-col {
    opacity: 0.3;
    background: #eee;
    pointer-events: none;
}

.price-table table {
  border-collapse: collapse;
}

.price-table th,
.price-table td {
  border: 0;
  padding: 6px 18px 6px 2px;
  text-align: left;
  border-top: 1px solid #ccc;
}

.price-table th {
  border: 0;
}

.price-table tfoot td {
  border-top-color: #777;
  font-weight: bold;
}


.acf-field.col-5 {
  width: 5%;
  float: left;
}
.acf-field.col-10 {
  width: 10%;
  float: left;
}

.acf-field.col-20 {
  width: 20%;
  float: left;
}

.acf-field.sub-col-20 .acf-input {
  width: 20%;
}

.acf-field.sub-col-33 .acf-input {
  width: 33%;
}
.acf-field.col-25 {
  width: 25%;
  float: left;
}
.acf-field.col-30 {
  width: 30%;
  float: left;
}
.acf-field.col-33 {
  width: 33%;
  float: left;
}
.acf-field.col-66 {
  width: 66%;
  float: left;
}
.acf-field.col-40 {
  width: 40%;
  float: left;
}
.acf-field.col-50 {
  width: 50%;
  float: left;
}
.acf-field.col-55 {
  width: 55%;
  float: left;
}
.acf-field.col-60 {
  width: 60%;
  float: left;
}
.acf-field.col-70 {
  width: 70%;
  float: left;
}
.acf-field.col-75 {
  width: 75%;
  float: left;
}
.acf-field.col-80 {
  width: 80%;
  float: left;
}
.acf-field.col-90 {
  width: 90%;
  float: left;
}

.acf-fields > .acf-field {
  clear: none !important;
}

.acf-fields > .acf-field.clear {
  clear: both !important;
}

.acf-fields select {
  width: 100% !important;
}

.acf-input-prepend,
.acf-input-append {
  background: none;
  border: none;
}

.red .acf-input,
.red textarea,
.red input {
  color: red !important;
}

.pp-info {
  float: right;
  text-decoration: none;
  border: 1px solid #035182;
  padding: 0 7px;
  border-radius: 50%;
  font-size: 110%;
  font-weight: bold;
  font-family: "Roboto Slab", georgia;
}

.u-hidden {
  display: none;
}

/** BRANDING **/
html,
body {
  font-family: "Source Sans Pro", "Helvetica", sans-serif !important;
  font-weight: 300;
  background: #f9f9f9;
  letter-spacing: 0.4px;
}
a {
  color: #2970b5;
}
a:active,
a:hover {
  color: #035182;
}
.login h1 a {
  background-image: none, url(../../images/pp-logo.png);
  background-size: contain;
  width: 320px;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  margin-left: 5px !important;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wp-core-ui .button-primary,
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary:active {
  background: #2970b5;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

.button-ghost {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 1em;
  font-weight: 400;
  color: #2271b1;
}

.button-ghost[disabled] {
  color: #bfbfbf; /* Set color to 33% gray */
  cursor: default; /* Use default cursor to indicate button is not interactive */
  pointer-events: none; /* Disable pointer events to prevent interaction */
}

#wpwrap {
  max-width: 95%;
  margin: 0 auto;
  padding-bottom: 50px;
}

#wpadminbar {
  direction: ltr;
  color: black;
  font: 400 13px/32px "Source Sans Pro", sans-serif;
  height: 150px;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  min-width: 600px;
  z-index: 99999;
  background: url("../../images/pp-logo.png") no-repeat #f9f9f9;
  background-size: 400px 69px;
}

#wpbody,
#adminmenumain {
  top: 110px;
}
#adminmenumain {
  position: absolute;
}
#wpbody {
  background: white;
  padding-left: 10px;
}
#wpcontent {
  background: white;
  margin-left: 140px;
}

.sticky-menu #adminmenuwrap {
  position: absolute;
}

#wpfooter {
  bottom: -150px;
  display: none;
}

#adminmenu,
#adminmenu .wp-submenu,
#adminmenuback,
#adminmenuwrap {
  background: #f9f9f9;
}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
  background: #2970b5;
}

.alternate,
.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd) {
  background: none;
}

#menu-management .menu-edit,
#menu-settings-column .accordion-container,
.comment-ays,
.feature-filter,
.imgedit-group,
.manage-menus,
.menu-item-handle,
.popular-tags,
.stuffbox,
.widget-inside,
.widget-top,
.widgets-holder-wrap,
.wp-editor-container,
p.popular-tags,
table.widefat {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.user-admin-color-wrap {
  display: none;
}

#adminmenu a {
  color: black;
}

#collapse-menu:hover,
#collapse-menu:hover #collapse-button div:after,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus {
  color: #2970b5;
  background: none;
}

#collapse-menu {
  color: rgba(0, 0, 0, 0.5);
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before {
  background: none;
  color: #2970b5;
}

#adminmenu div.wp-menu-image:before {
  color: #a0a5aa;
}

#collapse-button div:after {
  color: #a0a5aa;
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
  background: #2970b5;
  color: white;
}

#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
  color: #a0a5aa;
}

#wpadminbar .ab-submenu .ab-item,
#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop ul li a strong,
#wpadminbar .quicklinks .menupop.hover ul li a,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
  color: white;
}

#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
  background: #2970b5;
  color: white;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  height: 74px;
}

#wp-admin-bar-top-secondary,
#wp-admin-bar-my-account,
#wp-admin-bar-my-account > .ab-item {
  height: 70px !important;
}
#wp-admin-bar-my-account > .ab-item {
  padding: 10px 0 0 5px !important;
}
#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
  color: black;
}

.wrap .add-new-h2:hover,
.wrap .page-title-action:hover {
  background: #2970b5;
}

.widefat td,
.widefat td ol,
.widefat td p,
.widefat td ul {
  font-size: 15px;
}
.row-title {
  font-size: 15px !important;
}
.widefat tfoot td,
.widefat th,
.widefat thead td {
  font-size: 15px;
}
.wp-admin select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 20px 2px 7px;
  width: auto;
}

#wpadminbar #wp-admin-bar-root-default {
  margin-left: 420px;
  top: 10px;
}
#wpadminbar #adminbarsearch:before,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
  color: #a0a5aa;
}

#adminmenu .opensub .wp-submenu li.current a,
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:focus,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a {
  color: #2970b5;
}

#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu {
  background: #e1e1e1;
}
#adminmenu .wp-submenu a {
  color: #4f4f4f;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  border: 0;
}

ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
  border-right-color: white;
}

.acf-file-uploader .file-info p:first-child,
.acf-file-uploader .file-info p strong {
  display: none;
}

.wp-list-table td,
.wp-list-table th {
  border-bottom: 1px solid #e1e1e1;
}
#adminmenu .wp-submenu .wp-submenu-head {
  color: #2970b5;
  font-weight: bold;
}

#the-list .row-actions {
  left: auto;
}

.ac-proefschrift #the-list .row-actions {
  display: none;
}

.ac-wp-users #the-list .row-actions {
  display: none;
}

.tools_page_postman_email_log #the-list .row-actions {
  display: inline-block;
}

div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
  border-radius: 0;
  background: #2970b5;
  border-color: transparent;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.acf-ui-datepicker .ui-state-active,
.acf-ui-datepicker .ui-widget-content .ui-state-active,
.acf-ui-datepicker .ui-widget-header .ui-state-active {
  border: 1px solid #2970b5;
  background: #2970b5;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  border: 1px solid #2970b5;
  color: #2970b5;
}

.du-dropzone {
  box-sizing: border-box;
}

input.disabled,
select.disabled,
textarea.disabled,
input.readonly,
select.readonly,
textarea.readonly,
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  color: #666;
  opacity: 1;
  -webkit-text-fill-color: #666;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

.readonly .acf-checkbox-list li,
.readonly .acf-checkbox-list label,
.readonly .acf-input {
  cursor: not-allowed;
}

.disabled .acf-input-prepend,
.readonly .acf-input-prepend {
  border-color: #e6e6e6;
  color: #666;
  -webkit-text-fill-color: #666;
}

#message {
  display: none !important;
}
#message.updated {
  display: block !important;
}
#wp-admin-bar-updates {
  margin-top: 10px !important;
}

.post-type-proefschrift ::-webkit-input-placeholder {
  color: #8c8c8c;
  font-style: italic;
}

.post-type-proefschrift :-moz-placeholder {
  /* Firefox 18- */
  color: #8c8c8c;
  font-style: italic;
}

.post-type-proefschrift ::-moz-placeholder {
  /* Firefox 19+ */
  color: #8c8c8c;
  font-style: italic;
}

.post-type-proefschrift :-ms-input-placeholder {
  color: #8c8c8c;
  font-style: italic;
}
.post-type-wiki #ml_box,
.post-type-proefschrift #ml_box {
  display: none;
}
#wpadminbar .quicklinks #wp-admin-bar-beschikbaarheid_head > a {
  line-height: 10px;
  padding-top: 16px;
  height: 64px;
}
#wpadminbar .quicklinks #wp-admin-bar-beschikbaarheid_head > a .sublabel {
  color: #ccc;
  margin-top: -20px;
  display: inline-block;
}
#wpadminbar .quicklinks .beschikbaarheid-menu .ab-sub-wrapper {
  margin-left: 25px;
}

#wp-admin-bar-archive {
  display: none;
}
.beschikbaarheid-menu.active a:before {
  color: white !important;
  content: "\f147";
  margin-left: -25px;
}

.column-column-meta-2 {
  display: none;
}
.post-type-wiki #wpseo_meta,
.post-type-proefschrift #wpseo_meta {
  display: none !important;
}
.post-type-wiki .yoast-seo-score,
.post-type-proefschrift .yoast-seo-score {
  display: none;
}

#major-publishing-actions #publish {
  background: #b93033;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  margin-left: -5px;
}

/** Post Status Menu */

/** Convert | to ⇨  by hiding pipes and adding  arrows */
.subsubsub .new-client,
.subsubsub .quote-sent,
.subsubsub .order-confirmation,
.subsubsub .on-hold,
.subsubsub .new-order,
.subsubsub .test-layout,
.subsubsub .match-for-designers,
.subsubsub .final-layout {
  color: white;
}

.subsubsub .new-client:after,
.subsubsub .match-for-designers:after,
.subsubsub .quote-sent:after,
.subsubsub .order-confirmation:after,
.subsubsub .on-hold:after,
.subsubsub .new-order:after,
.subsubsub .test-layout:after,
.subsubsub .final-layout:after {
  content: "»";
  color: black;
  font-size: 22px;
  position: relative;
  top: 2px;
}

.subsubsub .match-for-designers:after,
.subsubsub .on-hold:after {
  content: "↔";
  font-size: 13px;
  top: -1px;
}

.u-bold {
  font-weight: bold;
}

body > pre {
  z-index: 10000;
  position: relative;
  padding-bottom: 60px;
}

input.is-outlined {
  border: 2px solid red;
}

.full-site-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999999;
  cursor: wait;
}

.full-site-loader:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  background: #2970b5;
  border-radius: 50%;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
}

.loader {
  border: 2px solid #2970b5;
  border-radius: 16px;
  height: 16px;
  margin-left: 10px;
  opacity: 0;
  width: 16px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  display: inline-block;
  vertical-align: middle;
}

.loader--block {
  display: block;
  margin: 0 auto;
}

.alert {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* Make it more obvious when thesis are in draft */
.subsubsub .draft a {
  color: red;
  font-weight: bold;
}

.alert.is-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert.is-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/* laat het grijze vlak aansluiten op de hoogte van de foto. */
#wpadminbar {
  height: 100px;
}

#wpcontent {
  margin-left: 160px;
  padding-left: 0;
}

#wpbody {
  top: 60px;
}

/* fix: meer ruimte - voegt rechts 3% extra ruimte toe. */
#wpwrap {
  max-width: 98%;
  margin-left: 2%;
  padding: 0;
  height: 100%;
}

/* smallere marges in wrap */
.wrap {
  margin: 10px 10px 0 0;
}

/* optioneel: min-width op de gehele body, smaller margin */

body {
  @media screen and (min-width: 1200px) {
    min-width: 1200px;
  }
}

/* fix: content hoogte & achtergrond kleur wanneer content te breed wordt. */
#wpbody-content {
  padding-bottom: 0;
  background-color: #fff;
}

/* fix: 'beschikbaarheid' */
#wpadminbar .quicklinks #wp-admin-bar-beschikbaarheid_head > a .sublabel {
  margin-top: 0;
}

/* fix: menu on horizontal scroll */
#adminmenuback {
  display: none;
}

#adminmenumain {
  padding-top: 50px;
  background-color: #f9f9f9;
  margin-top: -50px;
}

.folded #wpcontent,
.folded #wpfooter {
  padding-left: 0;
}
/****************/

/* fix select: height setting. */
.wp-admin select {
  padding-top: 4px;
  padding-right: 20px;
}

.actions select:focus {
  border: 1px;
}

/* fix: selectiebox */
.tablenav.top .alignleft.actions select {
  padding-top: 2px;
}

/* fix: geen verandering tijdens focus */
.tablenav.top .alignleft.actions select:focus {
  padding-top: 2px;
  margin-right: 6px;
  height: 28px;
}

/* fix: hoogte search bar */
#post-search-input {
  height: 28px;
  min-height: 28px;
}
/********************/
.ab-sub-secondary.ab-top-menu {
  display: none;
}
/********************/

/* align 'screen meta' samen met smallere margins in wrap class */
#screen-meta-links {
  margin-right: 10px;
}

/* fix: iets meer afstand aan bovenkant van screen meta + border volledig rondom */
#screen-meta {
  margin: 10px 10px -1px 0;
  border: 1px solid #ccd0d4;
}

/* fix: geen gekke shadow + border on focus */
#screen-meta-links .show-settings:focus {
  border: 1px solid #ccd0d4;
  border-top: none;
  box-shadow: none;
}

/* OPTIONEEL: inline edit fix, neemt veel minder ruimte in beslag */
table.acp-ie-table .acp-ie-controls__item {
  display: inline;
}

table.acp-ie-table .acp-ie-controls__item .dashicons {
  top: -1px;
}

table.acp-ie-table .acp-ie-controls {
  padding-left: 0;
  margin-bottom: -3px;
}

table.acp-ie-table .acp-ie-value {
  display: inline;
}
/****************/

/* fontgrootte van content in de tabel */
/*.widefat td {
    font-size: 15px;
}*/

/* optioneel: tabel header in kapitalen om iets meer onderscheid te creëeren */
/*.widefat thead th, .widefat tfoot th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.4px;
}*/

/* optioneel: minder marge per regel.*/
td.column-title {
  margin-bottom: 0;
}

/* Fix - table cell paddings voor uitlijning*/
.widefat td {
  padding-right: 5px;
  padding-top: 9px;
  padding-bottom: 7px;
}

/* Fix: uitlijning van sorting */
th.sortable a span {
  display: inline;
  margin-right: -10px;
}

.widefat th.sortable {
  padding-left: 2px;
}

.sorting-indicator {
  margin-left: 14px;
}

.widefat th.sorted .sorting-indicator {
  margin-left: 4px;
}

/* end sorting fix */

/* Fix: hover grote button krijgt witte font kleur */
a.wrap .add-new-h2:hover,
.wrap .page-title-action:hover {
  color: #fff;
}

/* Fix: focus */
.subsubsub a:focus {
  border: none;
  box-shadow: none;
}

/* table button - wordt gebruikt voor facturatie */
.wp-list-table .button {
  font-size: 12px;
  font-weight: 600;
  margin-top: -3px;
  margin-bottom: -2px;
  min-height: 0;
  /*text-transform: uppercase;*/
  padding: 4px 8px;
  line-height: 1;
}

.buttons {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Fix: color prioriteit button */
div.cpac-color span {
  text-transform: uppercase;
  font-size: 9px;
  padding: 1px 3px;
  padding-bottom: 0;
  width: 56px;
  margin-right: 0;
  margin-top: 1px;
}

/* Fix: instellen van font grotte en font-weight, heeft problemen in sommige views */
.widefat td,
.widefat td ol,
.widefat td p,
.widefat td ul {
  font-size: 15px;
  font-weight: 300;
}

/* Vermidnering van line-height */
.widefat td {
  line-height: 1.3em;
}

/* Wegnemen marge bij een paragraph in een tabel cell */
.widefat td p {
  margin-bottom: 0;
}

/* column view selector */
#column-view-selector {
  width: 120px;
}

/* Fix: Afbeelding van avatar in de gebruikers view, kleiner, minder marge. */
.column-username img {
  margin-top: -4px;
  margin-bottom: -2px;
  width: 25px;
  height: 25px;
}

/* Fix: profiel pagina - velden chaos.. evt alles binnen 'your-profile' id gooien */

/*#your-profile */
.form-table th, /*#your-profile */.form-table td {
  padding: 5px;
  padding-left: 10px;
}

/*#your-profile */
.form-table th {
  font-weight: 400;
}

/*#your-profile */
.wpcf-profile-field-line {
  margin-top: 0;
}

/*#your-profile */
.wpcf-profile-line-left {
  width: 210px;
  font-weight: 400;
  padding: 5px;
  padding-left: 10px;
  margin-right: 0;
}
/*#your-profile */
.wpt-field {
  margin-bottom: 0;
}

/* ACF velden staan binnen #your-profile id */
#your-profile .form-table > tbody > .acf-field > .acf-label,
.form-table > tbody > .acf-field > .acf-input {
  padding: 5px;
}

#your-profile .form-table > tbody > .acf-field > .acf-label {
  width: 220px;
}

#your-profile .acf-field .acf-label label {
  font-weight: 400;

  padding: 5px;
}

#your-profile .acf-field p.description {
  padding-left: 10px;
}

/********************************/

.process-control header {
  margin-bottom: 3rem;
}

.process-control h1 {
  display: inline-block;
  font-weight: 600;
  margin: 0 0 1rem;
  font-size: 23px;
  line-height: 1.3;
}

.process-control h2 {
  line-height: 1.4;
}

.process-control h3 {
  padding: 0;
  font-weight: 400;
}

.process-control h5 {
  margin-bottom: 0;
}

.process-control {
  max-width: 800px;
  margin: 0 auto;
}

.process-control li {
  line-height: 1.5;
}

.process-control .process-control__issues-wrapper.is-good  .process-control__accordion-item h4 {
  color: #00a32a;
}

.process-control .process-control__issues-wrapper.is-good .process-control__accordion-item h4::before {
  content: "✔";
  display: inline-block;
  padding-right: 10px;
}

.process-control .process-control__issues-wrapper.is-warning .process-control__accordion-item h4 {
  color: #dba617;
}

.process-control .process-control__issues-wrapper.is-warning .process-control__accordion-item h4::before {
  content: "✖";
  display: inline-block;
  padding-right: 10px;
}

.process-control__issues-wrapper {
  margin-bottom: 3rem;
  margin-top: 2rem;
}

.process-control__accordion {
  border: 1px solid #c3c4c7;
}

.process-control__accordion-item {
  margin: 0;
  border-top: 1px solid #c3c4c7;
  padding: 1em 3.5em 1em 1.5em;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.process-control__accordion-item:first-child {
  border-top: none;
}

.process-control__accordion-item h4 {
  font-weight: 600;
  margin-bottom: 0;
}

.process-control__accordion-item p {
  margin-top: 0;
  color: #777;
}

/* ==========================================================================
 # THESIS NOTES
========================================================================== */

.thesis-notes {
  padding: 2px 0 0;
}

.thesis-note__content {
  padding: 10px;
  background: #efefef;
  position: relative;
}

.thesis-note__content p {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

.thesis-note__meta {
  padding: 10px;
  color: #999;
  margin: 0;
  font-size: 11px;
}

.thesis-note__date {
  border-bottom: 1px dotted #999;
  text-decoration: none;
}

.thesis-note__delete {
  color: #a00;
  text-decoration: none;
}

.thesis-note--system .thesis-note__content {
  background: #d7cad2;
}

.thesis-note--system .thesis-note__content::after {
  border-color: #d7cad2 transparent;
}

.thesis-notes__add {
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 0;
  margin-bottom: 5px;
}

.thesis-notes__add h4 {
  margin-top: 5px !important;
}

.thesis-notes__add #add_order_note {
  width: 100%;
  height: 50px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal__content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  max-height: 80vh;
  overflow: scroll;
}

.modal__content > h2 {
  margin-top: 0;
}

.modal__close {
  float: right;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

#thesis-notes {
  max-height: 500px;
  overflow: scroll;
}

.hide-title .acf-label {
  display: none
}

.empty-title .acf-label {
  visibility: hidden;
}

/* ==========================================================================
 # Utilities
========================================================================== */

.u-font-semibold {
  font-weight: 500
}

/** ==========================================================================
 # Client Preferences
==========================================================================
 */
.client-preferences {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 0;

    & > header {
        margin: 0 0 2rem 0;
    }

    h1 {
        margin: 0 0 .5rem 0;
    }

    h2 {
        margin: .5rem 0;
    }

    .goback {
        text-decoration: none;
    }

    .gallery {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;

        figure {
            margin: 0;
            padding: 0;
        }
    }
}