@import url("https://fonts.googleapis.com/css?family=Roboto:400,900");
body {
  background-color: #f9f9f9;
  font-family: "Roboto", sans-serif;
}

label {
  font-weight: 400;
}

#sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #FFF;
  width: 300px;
  box-shadow: 2px 0px 4px #888888;
}

body.toolbar-fixed #sidebar {
  top: 40px;
}

body.toolbar-vertical.toolbar-tray-open #sidebar {
  left: 150px;
}

body.toolbar-horizontal.toolbar-tray-open #sidebar {
  top: 80px;
}

#page #header .container {
  margin: 0;
  padding: 0;
}

#page #header {
  height: 150px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#block-combixuser {
  padding: 10px;
  color: #DDD;
  background-color: #333;
  height: 40px;
}

body.toolbar-fixed #page #header {
  top: 39px;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open #page #header {
  top: 79px;
}

body.toolbar-fixed.toolbar-vertical #page #header {
  top: 39px;
}

#block-combiadmin-branding {
  float: left;
  margin-left: 25px;
}

.collapsible-menu input, .collapsible-menu label {
  display: none;
}

#block-hoofdnavigatie ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-top: 20px;
  float: left;
}

#block-hoofdnavigatie ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1px;
  float: left;
}

#block-hoofdnavigatie ul li a {
  display: block;
  text-align: left;
  padding: 20px;
  color: #000;
  background-color: #FFF;
  margin-right: 2px;
  text-decoration: none;
}

#block-hoofdnavigatie ul li a:hover, #block-hoofdnavigatie ul li a:active, #block-hoofdnavigatie ul li a.is-active {
  font-weight: normal;
  border-bottom: 2px solid #CCC;
  text-decoration: none;
}

#block-hoofdnavigatie ul li a.is-active {
  border-bottom: 2px solid #004977;
}

#block-hoofdnavigatie ul li:nth-child(1) a:before {
  content: "\f0e4";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 10px;
  font-size: 17px;
}

#block-hoofdnavigatie ul li:nth-child(2) a:before {
  content: "\f07a";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 10px;
  font-size: 17px;
}

#block-hoofdnavigatie ul li:nth-child(3) a:before {
  content: "\f02c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 10px;
  font-size: 17px;
}

#block-hoofdnavigatie ul li:nth-child(4) a:before {
  content: "\f290";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 10px;
  font-size: 17px;
}

#block-hoofdnavigatie ul li:nth-child(5) a:before {
  content: "\f201";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 10px;
  font-size: 17px;
}

#block-hoofdnavigatie ul li:nth-child(6) a:before {
  content: "\f085";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 10px;
  font-size: 17px;
}

ul.combixUser {
  list-style-type: none;
  float: right;
  margin: 0;
  padding: 0;
  overflow: visible;
}

ul.combixUser li {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 30px;
}

ul.combixUser li a {
  text-decoration: none;
  color: #DDD;
}

ul.combixUser li a:hover {
  text-decoration: underline;
}

#main {
  margin-top: 150px;
}

body.path-spaces h1:before, body.path-space h1:before {
  content: "\f290";
  font-family: FontAwesome;
  padding-right: 10px;
}

body.path-promotions h1:before, body.path-promotion h1:before {
  content: "\f02c";
  font-family: FontAwesome;
  padding-right: 10px;
}

body.path-products h1:before, body.path-product h1:before {
  content: "\f07a";
  font-family: FontAwesome;
  padding-right: 10px;
}

header {
  background-color: #FFF;
  border-bottom: 1px solid #8b8b8b;
}

#page .container {
  margin-left: 20px;
  margin-right: 20px;
}

#main div#content {
  padding: 20px;
}

/** TABS **/
#block-combiadmin-local-tasks ul {
  margin: 0;
  padding: 0;
}

#block-combiadmin-local-tasks li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: 10px;
}

#block-combiadmin-local-tasks li a {
  display: inline-block;
  padding: 20px;
  border: 1px solid #DDD;
}

/** FORMS **/
label {
  width: 150px;
}

input.form-text, input.form-email, input.form-tel {
  padding: 4px;
  margin-bottom: 6px;
}

/** Entity form **/
form div.description {
  content: "";
  position: relative;
  display: inline-block;
  font-weight: normal;
  position: absolute;
  margin-left: 10px;
}

form div.description:hover {
  cursor: pointer;
}

form div.description span {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 9999;
}

form div.description:hover span {
  visibility: visible;
}

.form-disabled input, .form-disabled select {
  color: #ccc;
}

/*.form-item-extraimages {padding:10px;height:100px;text-align:center;border:2px dashed #DDD;}
.form-item-extraimages .form-managed-file {margin:0 auto;overflow:hidden; height: 100%;  display: block;  width: 100%;  position: relative;  top: -25px;}
.form-item-extraimages .form-file {width:100%;height:100%;}*/
/* SwitchButton */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #8fc951;
}

input:focus + .slider {
  box-shadow: 0 0 1px #8fc951;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.toggleButton {
  width: 25%;
  float: left;
  margin-top: 20px;
}

.toggleButton span.title {
  float: left;
  margin-left: 70px;
  margin-top: 8px;
}

#product-form #edit-activate .toggleButton {
  margin-top: 0px;
}

#product-form #edit-activate .toggleButton span.title {
  position: absolute;
}

#skucontainer .row {
  clear: both;
  border-bottom: 1px dotted #999;
  overflow: visible;
  padding: 10px;
}

#skucontainer .row .col-0 {
  width: 0%;
  float: left;
}

#skucontainer .row .col-1 {
  width: 25%;
  float: left;
}

#skucontainer .row .col-2 {
  width: 25%;
  float: left;
}

#skucontainer .row .col-3 {
  width: 40%;
  float: left;
}

#skucontainer .row .col-4 {
  width: 5%;
  float: left;
}

#skucontainer label {
  display: block;
}

#skucontainer .js-form-type-checkbox {
  display: inline-block;
}

#skucontainer .row .col-3 .js-form-type-textfield {
  display: inline-block;
  max-width: 50%;
}

#skucontainer .col-3 label, #skucontainer .col-3 div.form-item {
  display: inline;
}

#skucontainer .col-3 .js-form-type-checkbox label:hover {
  cursor: pointer;
}

#skucontainer .col-3 .js-form-type-checkbox label {
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#skucontainer .col-3 .js-form-type-checkbox input {
  visibility: hidden;
}

#skucontainer .row:nth-child(2) .js-form-type-checkbox label {
  visibility: hidden;
}

#skucontainer .row.title div.col-1, #skucontainer .row.title div.col-3, #skucontainer .row.title div.col-4 {
  font-weight: 900;
  padding-top: 8px;
}

#skucontainer .row.title input {
  font-weight: 900;
}

.hidden {
  display: none;
}

.hidden-visibility {
  visibility: hidden;
}

/* Table */
table {
  width: 100%;
  padding: 10px;
}

table tr {
  border-bottom: 1px solid #CCC;
}

table tr td {
  padding: 10px;
}

th.store a:before {
  content: "\f0f7   ";
  font-family: FontAwesome;
  font-weight: normal;
}

th.web a:before {
  content: "\f0ac   ";
  font-family: FontAwesome;
  font-weight: normal;
}

.pricetag {
  float: right;
  height: 24px;
  line-height: 24px;
  position: relative;
  font-size: 12px;
  margin-left: 20px;
  padding: 0 10px 0 12px;
  background: #0089e0;
  color: #fff;
  text-decoration: none;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pricetag:before {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #0089e0 transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0;
}

.pricetag:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  float: left;
  width: 4px;
  height: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  -moz-box-shadow: -1px -1px 2px #004977;
  -webkit-box-shadow: -1px -1px 2px #004977;
  box-shadow: -1px -1px 2px #004977;
}

.fa-times.inactive {
  color: #CCC;
}

.fa-check.active {
  color: #008800;
}

div.product-dummy {
  width: 100px;
  height: 75px;
  background: url("../images/productPlaceholder.jpg") no-repeat;
}

.fa-pencil {
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
  color: #008BCB;
}

.fa-pencil:hover {
  cursor: pointer;
  text-decoration: none;
}

.product-edit-form .form-item-name input {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1;
  max-width: 100%;
}

/* Form components */
#edit-addsku:before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 10px;
}

.button:before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 10px;
}

.button.reset:before {
  content: "\f05e";
}

.button {
  background-color: #2eb1c5;
  border: 2px solid #2eb1c5;
  color: #FFF;
  float: right;
  margin-bottom: 20px;
}

.button.reset {
  background-color: #d01d1d;
  border-color: #d01d1d;
}

.button.btn-delete {
  background-color: #d01d1d;
  border-color: #d01d1d;
  margin: 0;
}

fieldset {
  width: 100%;
}

.fieldset-wrapper {
  margin: 0;
}

#edit-media .fieldset-wrapper > div {
  float: left;
  width: 50%;
  padding: 10px;
  margin-bottom: 20px;
}

#edit-media .fieldset-wrapper label {
  position: relative;
  left: 1px;
  top: 1px;
}

#edit-media .fieldset-wrapper input.form-file {
  text-align: center;
  padding: 30px;
  width: 100%;
  background-image: linear-gradient(45deg, #FCFEFE 25%, transparent 25%, transparent 50%, #FCFEFE 50%, #FCFEFE 75%, transparent 75%, transparent);
  background-size: 10px 10px;
}

#edit-media .file-size, .field--name-field-public-image .file-size {
  display: none;
}

#edit-media img {
  float: right;
  clear: both;
}

#edit-media .file, .field--name-field-public-image .file {
  display: none;
}

#edit-media .file, .field--name-field-public-image .file {
  display: none;
}

.field--name-field-public-image img:nth-child(1) {
  display: none;
}

.field--name-field-public-image img, .field--name-field-public-image .form-submit {
  float: left;
  margin-right: 20px;
}

#edit-media .button {
  clear: both;
}

#edit-media .js-form-type-checkbox {
  clear: both;
  float: right;
  margin-top: 20px;
  width: 20px;
}

#edit-media.form-wrapper {
  margin-top: 20px;
}

.image-widget {
  background-color: #f5fbfe;
  border-left: 3px solid #CCC;
  padding: 20px;
  text-align: right;
}

.form-item-products .chosen-container {
  width: 500px !important;
}

@media (min-width: 1200px) {
  .container {
    width: auto;
  }
}
@media (min-width: 992px) {
  .container {
    width: auto;
  }
}
form, body.path-user article, body.path-user .views-element-container {
  border: 1px solid #DDD;
  padding: 30px;
  margin-top: 40px;
  background-color: #FFF;
  border-top: 3px solid #004977;
  padding-bottom: 60px;
  overflow: hidden;
}

body.path-user .views-element-container {
  margin-top: 0px;
}

form.searchAndFilter {
  clear: both;
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

form.searchAndFilter {
  width: 100%;
  padding: 30px;
  margin-top: 40px;
  background-color: #FFF;
  border-top: 3px solid #eb9316;
  padding-bottom: 10px;
  padding-top: 10px;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}

form.searchAndFilter > div:nth-child(1) {
  float: left;
  margin-top: 12px;
  margin-right: 10px;
}

form.searchAndFilter .button.reset {
  margin-top: 10px;
}

form.searchAndFilter > div:nth-child(2), form.searchAndFilter > div:nth-child(2) .button {
  float: left;
  margin-right: 5px;
}

/*border-top:3px solid #eb9316;clear:both;*/
table {
  border: 1px solid #DDD;
}

table tr {
  border-bottom: 1px dotted #DDD;
  background-color: #FFF;
}

table thead tr {
  border-top: 3px solid #004977;
  border-bottom: 1px solid #DDD;
}

table tr td, table tr th {
  padding: 20px;
}

table tbody tr:not(.title):nth-child(odd) {
  background-color: #FCFEFE;
}

body:not(.path-products) table tbody tr:hover {
  background-color: #f5fbfe;
}

table tr.title {
  background-color: #f5fbfe;
  border-top: 1px solid #DDD;
  border-bottom: 0;
}

div[role=contentinfo] {
  background-color: #FFF;
  color: green;
  padding: 20px;
  border: 1px solid #DDD;
}

div[role=alert] {
  color: #F44336;
}

span.code {
  background-color: #f5fbfe;
  padding: 20px;
  margin: 0;
  display: inline-block;
  margin: 6px;
  width: 150px;
  border-left: 3px solid #CCC;
}

span.code p {
  margin: 0;
  padding: 0;
}

span.code:hover {
  background-color: #FCFEFE;
}

#edit-startdate .form-item, #edit-contracttype .form-item, #edit-type .form-item {
  background-color: #f5fbfe;
  display: inline-block;
  margin: 14px;
  width: 250px;
  border-left: 3px solid #CCC;
  position: relative;
}

#edit-startdate .form-item label, #edit-contracttype .form-item label, #edit-type .form-item label {
  margin: 0;
  padding: 20px;
  width: 250px;
  height: 80px;
}

#edit-startdate .form-item:hover, #edit-contracttype .form-item:hover, #edit-type .form-item:hover {
  background-color: #FCFEFE;
}

#edit-startdate .form-item input, #edit-contracttype .form-item input, #edit-type .form-item input {
  position: absolute;
  right: 16px;
  top: 30px;
}

#edit-contracttype .form-item label, #edit-type .form-item label {
  height: 150px;
}

#edit-contracttype .form-item input, #edit-type .form-item input {
  top: 60px;
}

#order-form .form-item-quantity, #order-form .form-item-enddate {
  margin: 20px;
  padding: 10px;
  overflow: hidden;
}

.fieldset-wrapper {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#order-form .form-item-quantity, #order-form .form-item-enddate {
  padding: 20px;
}

#edit-firsttime .form-item {
  margin-bottom: 20px;
}

#edit-firsttime .form-item input {
  display: block;
}

#edit-firsttime .form-item-company-street {
  width: 50%;
  display: inline-block;
}

#edit-firsttime .form-item-company-number, #edit-firsttime .form-item-company-bus {
  width: 12.5%;
  display: inline-block;
}

#edit-firsttime .form-item-company-postcode {
  width: 13%;
  display: inline-block;
}

#edit-firsttime .form-item-company-country {
  width: 25%;
  display: inline-block;
}

#edit-firsttime .form-item-company-city {
  width: 37%;
  display: inline-block;
}

#edit-firsttime .form-item-company-street input, #edit-firsttime .form-item-company-number input, #edit-firsttime .form-item-company-bus input, #edit-firsttime .form-item-company-country select, #edit-firsttime .form-item-company-postcode input, #edit-firsttime .form-item-company-city input {
  width: 100%;
}

hr {
  clear: both;
}

#promo-form .form-item, #promo-edit-form .form-item {
  padding: 10px;
}

#edit-submit, input.button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 10px;
  margin-top: 10px;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #2eb1c5;
  border: 2px solid #2eb1c5;
  color: #FFF;
  float: right;
}

.button.fixed-button {
  position: fixed;
  top: 75px;
  right: 70px;
  z-index: 1000;
}

#edit-submit:after {
  clear: both;
}

#edit-mainimage-remove-button {
  background-color: #f44336;
  border: 2px solid #f44336;
}

#edit-submit, input.button, #edit-mainimage-remove-button, .button, .js-form-type-radio {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

#edit-submit:hover, input.button:hover, #edit-mainimage-remove-button:hover, .button:hover {
  background-color: #FFF;
  color: #000;
}

form.order-form {
  position: relative;
  padding-right: 200px;
}

#price {
  position: absolute;
  right: 200px;
  bottom: 20px;
}

#price .priceval {
  position: fixed;
  bottom: 40px;
  padding: 20px;
  border: 3px solid #3D9986;
  font-size: 16px;
  text-align: center;
  width: 50%;
  background-color: white;
  margin: 10px;
  width: 150px;
}

.filter-help {
  display: none;
}

#product-form fieldset {
  margin-top: 20px;
}

span.formlabel {
  display: inline-block;
  width: 158px;
}

.profile--type--contact-person.profile--view-mode--default > div {
  display: flex;
  gap: 16px;
}
.profile--type--contact-person.profile--view-mode--default > div div:first-child::after {
  content: ":";
}

.dropbutton-multiple .dropbutton .secondary-action {
  display: block;
}

.dropbutton-toggle {
  display: none !important;
}

.dropbutton {
  margin: 16px 0 !important;
  display: flex;
  gap: 16px;
}
.dropbutton li:last-child a {
  background-color: red;
}
.dropbutton li a {
  padding: 0.5rem 1rem;
  background-color: #2eb1c5;
  color: white;
}

summary {
  font-size: 14px;
  font-weight: 600;
}

div.emptytable {
  background-color: #FFF;
  padding: 40px;
  border: 1px solid #DDD;
  border-top: none;
}

.chosen-container {
  width: 500px !important;
}

#edit-meta div.form-item {
  padding: 10px;
}

#block-anoniemwelkom {
  text-align: center;
  padding: 30px;
}

#block-anoniemnieuw {
  text-align: center;
  padding: 30px;
}

#belowcontent {
  margin: 10px;
  padding: 20px;
}

form#user-pass, form#user-login-form, form#user-register-form, form#user-pass-reset {
  width: 500px;
  margin: 0 auto;
  overflow: visible;
}

form#user-pass input, form#user-login-form input, form#user-register-form input {
  max-width: 80%;
}

form#user-pass label, form#user-login-form label, form#user-register-form label {
  width: auto;
  max-width: 80%;
  font-size: 15px;
  display: block;
}

#block-tabbladen {
  width: 500px;
  margin: 0 auto;
}

body.user-logged-in #block-tabbladen {
  margin: 0;
  width: 100%;
}

#block-tabbladen ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#block-tabbladen ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

#block-tabbladen ul li a {
  height: 40px;
  display: block;
  background-color: #f9f9f9;
  padding: 10px;
  color: #5e5e5e;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-top: 1px solid #DDD;
}

#block-tabbladen ul li a.is-active {
  background-color: #FFF;
  color: #000;
}

thead.fixed-header {
  position: fixed;
  top: 150px;
  z-index: 2000;
}

#headerclone.fixed-header {
  display: block;
}

#headerclone {
  display: none;
}

body.fixed-header {
  margin-top: 63px;
}

#password-policy-status {
  max-width: 50%;
  margin-top: 40px;
}

.dashboardrow {
  margin-top: 20px;
}

.dashboardrow .block {
  padding: 10px;
}

.dashboardrow .block .content {
  border: 1px solid #DDD;
  border-top: 3px solid #004977;
  background-color: #FFF;
  min-height: 200px;
  padding: 20px;
}

.dashboardrow .block .content a {
  width: 160px;
  text-align: center;
  margin: 0 auto;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  padding: 6px;
  background-color: green;
  color: #FFF;
  border-radius: 5px;
}

.dashboardrow .block .content h4 a {
  width: auto;
  text-align: left;
  background: none;
  color: green;
}

.dashboardrow .block .content .marginTop {
  margin-top: 30px;
}

.dashboardrow.progressrow {
  padding: 10px;
}

.dashboardrow.progressrow .content {
  background-color: #FFF;
  padding: 10px;
  padding-left: 30px;
  border: 1px solid #DDD;
  border-top: 3px solid #004977;
}

.dashboardrow.progressrow .content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.dashboardrow.progressrow .content ul li {
  color: #DDD;
  display: block;
  border-left: 3px solid #DDD;
  min-height: 40px;
  padding: 10px;
  margin-right: 20px;
  margin-bottom: 2px;
}

.dashboardrow.progressrow .content ul li a {
  color: #DDD;
}

.dashboardrow.progressrow .content ul li.check {
  border-left-color: green;
  color: green;
  background-color: #FFF;
}

.dashboardrow.progressrow .content ul li.check a {
  color: green;
}

.dashboardrow.progressrow .content ul li.next {
  color: #000;
  font-weight: bold;
  border-left-color: slateblue;
}

.dashboardrow.progressrow .content ul li.next a {
  color: #000;
}

.dashboardrow.progressrow .content ul li:before {
  content: "\f017  ";
  font-family: FontAwesome;
}

.dashboardrow.progressrow .content ul li.check:before {
  content: "\f00c  ";
  font-family: FontAwesome;
}

.dashboardrow.progressrow .content ul li.next:before {
  content: "\f061  ";
  font-family: FontAwesome;
}

.dashboardrow .placeholder {
  width: 100px;
  height: 100px;
  background: url("../images/profile-default.jpg") no-repeat;
}

.dashboardrow div.item span.title {
  font-size: 12px;
  width: 75%;
  display: inline-block;
}

.dashboardrow div.item span.value {
  font-size: 12px;
  font-weight: bold;
  width: 25%;
  display: inline-block;
  text-align: right;
}

body.page-node-type-news #main #content, body.path-nieuws article, body.page-node-type-faq #main #content, body.path-taxonomy article {
  padding: 30px;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-top: 3px solid #004977;
  margin: 20px;
}

body.path-reports #content .row {
  padding: 30px;
  background-color: #FFF;
  border: 1px solid #DDD;
  margin: 10px;
}

body.path-user form {
  margin-top: 0;
}

label.form-required:after, .form-required label:after, #skucontainer div.row.title .col-1:after, #skucontainer div.row.title .col-2 .form-item-differentiator:after, #skucontainer div.row.title .required:after {
  content: " *";
  color: #FF0000;
  display: inline-block;
  font-size: 10px;
  vertical-align: super;
}

form.user-form.pass-reset {
  min-height: 250px;
}

form.user-form.pass-reset #edit-pass--description, form.user-form.pass-reset div.password-confirm {
  display: none;
}

form div.password-suggestions {
  border-bottom: 1px dotted black;
  position: absolute;
  right: 100px;
  bottom: 70px;
}

form div.password-suggestions.description {
  border-bottom: 0px;
}

.password-strength {
  display: none;
  position: absolute;
  right: 270px;
  bottom: 200px;
}

form.user-form.pass-reset .form-item-field-user-name-0-value, form.user-form.pass-reset .field--name-field-user-firstname, form.user-form.pass-reset .form-item-mail {
  display: none;
}

/*#header {min-width:1200px;}
.container {min-width:1200px !important;}*/
.newmessage:before {
  content: "\f003";
  font-family: FontAwesome;
  font-weight: normal;
}

a.button--danger {
  text-decoration: none;
}

a.button--danger:hover {
  text-decoration: none;
  color: #d01d1d;
}

.button--danger {
  display: block;
  height: 36px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 6px;
  margin-right: 4px;
  background-color: #d01d1d;
  border-color: #d01d1d;
}

.button--danger:before {
  content: "\f014";
}

@media (max-width: 1200px) {
  .collapsible-menu {
    float: right;
    margin-top: 40px;
    margin-right: 35px;
  }
  .collapsible-menu label {
    display: block;
    cursor: pointer;
    text-align: right;
  }
  .collapsible-menu label:before {
    content: "\f0c9";
    font-family: FontAwesome;
    padding-right: 8px;
  }
  .collapsible-menu input:checked + label:before {
    content: "\f2d4";
  }
  .collapsible-menu label {
    display: inline-block;
  }
  .collapsible-menu #block-hoofdnavigatie {
    overflow: hidden;
    width: 200px;
  }
  .collapsible-menu #block-hoofdnavigatie ul li {
    display: block;
    float: none;
  }
  .collapsible-menu #block-hoofdnavigatie {
    background-color: #FFF;
  }
  .collapsible-menu .menu-content {
    max-height: 0;
    overflow: hidden;
    z-index: 9999;
  }
  .collapsible-menu input:checked ~ .menu-content {
    max-height: 100%;
  }
  .button.fixed-button {
    position: fixed;
    top: 75px;
    right: 200px;
    z-index: 1000;
  }
}
#confirmcontainer.active {
  width: auto;
  padding: 40px;
  border: 1px solid #DDD;
  background-color: #f8f8f8;
  margin: 40px;
}

#confirmcontainer.active input, #confirmcontainer.active label {
  width: auto;
}

/*# sourceMappingURL=style.css.map */