body:not(.fixed) #header {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.input_field { padding: 0px 0; }
.input_field input {width:100%; border:1px solid #dadada; border-radius:4px; display:block; position:relative; padding: 12px 20px 12px 20px; margin: 0; font:inherit; font-size:12px; color:#6C6C6C; }
.input_field input:disabled { background: #F4F4F4; border-color: #C0C0C0; color: #1D1D1B52; }
.input_field input:active, .input_field input:focus { color: #1D1D1B; border-color: #1D1D1B; }
.input_field input:invalid, .input_field input.invalid { border-color: #EA3925; }
.input_field select { width:100%;border:1px solid #dadada;-webkit-border-radius:6px;border-radius:6px;background-color:#fff;padding:12px 15px 12px 15px;height:45px;color: #6C6C6C;font-size: 12px;}
.input_field label {margin: 0;  position:relative;  display:block;}
.input_field label .placeholder { display: block; width: 100%; margin-bottom: 5px; font-weight: 600; }

.btn.white_border { background: transparent; border: 1px solid #ffffff; color: #ffffff; }
.btn.white_border:hover{ background: #ffffff !important; border: 1px solid #EA3925 !important; color: #EA3925 !important; }

.btn-link { font-size: 12px !important; line-height: 14px !important; color: #049581 !important; text-decoration: none; margin: 0 7px 0 0 !important; padding: 0 0 2px 0 !important; border-radius: 0 !important; border: none; border-bottom: 1px solid #049581; background: transparent; }
.btn-link:hover { border-color: transparent; }

.header_bar { background: #f5f5f5; }
.header_bar > #maxw1 { display: flex; flex-direction: row; }
.review_bar { flex: 1; }
.auth_bar { display: flex; flex-direction: row; align-content: flex-end; align-items: flex-end; justify-content: flex-end; font-size: 12px; padding: 15px 0; text-align: right; }
.auth_bar .btn { border-radius: 4px; padding: 3px 10px 5px 10px; font-weight: 400; font-size: 12px; border: none; margin-left: 5px; line-height: 15px; }
.auth_bar .btn.active { background-color: #EA3925; color: #ffffff !important; }

#page-loader { top: 0; left: 0; right: 0; bottom: 0; }
#customer-photo-loader { border-radius: 100%; }
.ajax-loader{visibility:hidden;width:100%;height:100%;display:flex;position:absolute;z-index:999;background:rgba(255,255,255,.9);align-content:center;justify-content:center;align-items:center}
.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}
.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid #EA3925;border-color:#EA3925 transparent;animation:1.2s infinite lds-hourglass}

body:not(.page-template-configurators) .fancybox-container h5{font-size:18px;color:#EA3925;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid #EA3925}
body:not(.page-template-configurators) .fancybox-container p{font-size:16px}
body:not(.page-template-configurators) .fancybox-container i.fas{margin-right:10px;color:#EA3925}
body:not(.page-template-configurators) .fancybox-content{margin-bottom:6px;border-radius:6px;box-shadow:0 0 1px 0px #EA3925;border:1px solid #EA3925}

.login_block {
  font-size: 14px;
  margin: 0;
  padding: 70px 0 90px;
  background: linear-gradient(90deg, #9f1a5a 0%, #ea4e2e 100%);
}
.login_block #maxw1 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
.login_block .wrap {
  display: flex;
  gap: 28px;
  align-items: stretch;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.login_block .equal { float: none; }
.login_block .section_title {
  margin-bottom: 18px;
  font-size: 24px;
  line-height: 1.2;
}
.login_block #auth-login-form-container, 
.login_block #auth-forgot-form-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.login_block #auth-register-form-container .section_title {
  margin-bottom: 20px;
}
.login_block .customer-auth-form {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-content: flex-start;
  justify-content: flex-start;  
}
.login_block #auth-register-form .input_field {
  margin-bottom: 5px;
}

.login_block .login_fields {
  position: relative;
  width: calc(50% - 14px);
  padding: 44px;
  border-radius: 10px;
  background: #ffffff;
  order: 2;
}
.login_block .login_fields .section_title {
  font-size: 24px;
  margin-bottom: 50px;
}
.login_block .login_fields .input_field { margin-bottom: 20px; }
.login_block .login_fields label .placeholder {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #1d1d1b;
}
.login_block .login_fields label .placeholder_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 10px;
}
.login_block .login_fields label .placeholder_group .placeholder { margin-bottom: 0; }
.login_block .login_fields input {
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 15px;
  font-size: 14px;
  line-height: 14px;
}
.login_block .login_fields input:focus { border-color: #959595; }
.login_block .login_fields a {
  color: #049581;
  text-decoration: underline;
  font-size: 12px;
  line-height: 1.2;
}
.login_block .login_fields label .placeholder_group a {
  display: inline-block;
  white-space: nowrap;
}
.login_block .login_fields h4 {
  font-size: 20px;
  margin: 10px 0 15px;
}
.login_block .login_fields .small-text { font-size: 14px; color: #6c6c6c; line-height: 1.45; margin-top: 0; }
.login_block .login_text {
  width: calc(50% - 14px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
  padding: 44px;
  order: 1;
}
.login_block .login_text h3 { color: #ffffff; font-size: 24px; margin-bottom: 10px; }
.login_block .login_text p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 20px;
}
.login_block .login_text ul { margin-bottom: 24px; }
.login_block .login_text ul li {
  list-style: none;
  padding-left: 28px;
  position: relative;
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 12px;
}
.login_block .login_text ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 14px;
}
.login_block .button { text-align: right; margin-top: auto; }
.login_block .login_text .button { text-align: left; margin-top: 20px; }
.login_block .btn.rounded {
  border-radius: 999px;
  padding: 12px 28px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}
.login_block .btn.red_border {
  background: linear-gradient(90deg, #9f1a5a 0%, #ea4e2e 100%);
  border: none;
  color: #fff !important;
  transition: opacity 0.2s ease;
  padding: 15px 25px;
}
.login_block .btn.red_border:hover {
  opacity: 0.8;
  background: linear-gradient(90deg, #9f1a5a 0%, #ea4e2e 100%) !important;
  color: #fff !important;
}
.login_block .btn.white_border {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: transparent;
  padding: 15px 25px;
}
.login_block .btn.white_border:hover {
  color: #9f1a5a !important;
  border-color: #ffffff !important;
  background: #ffffff !important;
}
.login_block .err_field_label { margin: 6px 0 0; }

.account_content {position:relative;}
.account_content:before{content:""; position:absolute; background:#E5F3F1; width:100%; height:351px; max-height:50%}
.account_content #maxw3{position:relative; max-width: 760px;}
.account_content .account_head{padding: 50px 0 0; }
.account_content .greet{display:grid; grid-template-columns:75px 1fr; gap:20px; align-items:center}
.account_content .greet .avatar{background:#049581; color:#fff; font-size:24px; aspect-ratio:1 / 1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%; width:100%; font-weight:700}
.account_content .wrap{width:calc(100% + 30px); margin: 0 -15px; padding-top: 50px;}
.account_content .col25{width:calc(25% - 30px); margin: 0 15px 30px; float:left;}
.account_content .col75{width:calc(75% - 30px); margin: 0 15px 30px; float:left;}
.account_content .col100{width:calc(100% - 30px); margin: 0 15px 30px; float:left;}
.account_content .account_title{text-transform:uppercase; font-weight:700; color:#049581; margin-bottom:10px}
.account_content .block{border:1px solid #EA3925; background:#fff; margin-bottom:15px; font-size:12px; color:#60605f; position:relative;}
.account_content .col75 .block { padding: 45px 35px; }
.account_content .block.profile{text-align:center;}
.account_content .block .account_profile_image{width:160px; height:160px; display:inline-block; border-radius:100%; position:relative; border: 1px solid #ccc;}
.account_content .block .account_profile_image .edit_profile_image{width:40px; height:40px; border-radius:100%; padding: 10px; display:block; position:absolute; right:0; bottom:0; background:#fff; box-shadow: 0 0 4px rgba(0,0,0,0.2); cursor: pointer; }
.account_content .block .title{font-size:16px; font-weight:500; color:#082138; text-align:center}
.account_content .block .emailaddress{font-size:13px;  color:#082138; font-weight:300; margin-bottom: 15px;}
.account_content .block .pink_link{color:#e94f2d; text-decoration:underline; font-weight:600}
.account_content .block .gray_link{color:#cccccc; text-decoration:underline; font-weight:600; cursor: not-allowed;}
.account_content .block.credits{text-align:center;}
.account_content .block.credits .amount{font-size:38px; color:#dadada; font-weight:200}
.account_content .latest_orders_list .order{ margin-top:30px}
.account_content .latest_orders_list .no-orders { display: block; width: 100%; text-align: center; }
.account_content .more_orders{text-align:center; font-size:35px; margin-top:30px; display:block; color:#082138; line-height:1 }
.account_content .account_details { position: relative; }
.account_content  p { font-size: 13px; margin-bottom: 0px; }

.account_content .form_block .form_block_title{padding: 15px 30px; background:linear-gradient(90deg,#a3195b,#e94f2d); color:#fff; display: flex; flex-direction: row; align-content: space-between; justify-content: space-between; align-items: center; }
.account_content .form_block .form_block_title .title-buttons { display: flex; flex-direction: row; align-items: center; }
.account_content .form_block .form_block_title .title-buttons .btn { font-size: 14px; padding: 15px 20px; line-height: 14px; font-weight: 600; margin-left: 15px; }
.account_content .form_block .form_block_content{padding: 30px; }
.account_content .form_block .form_block_content_inner{padding: 30px; background-color: #E5F3F1;}
.account_content .form_block .form_block_footer { padding: 0 30px 30px 30px; }
.account_content .form_block .form_block_footer .footer-buttons { display: flex; flex-direction: row; align-content: flex-end; align-items: flex-end; justify-content: flex-end; }
.account_content .form_block .form_block_footer .footer-buttons .btn { font-size: 14px; padding: 15px 20px; line-height: 14px; font-weight: 600; margin-left: 15px; }
.account_content .form_block .form_group{margin-bottom:30px}
.account_content .form_block .form_group:last-child { margin-bottom: 0; }
.account_content .form_block p{ margin: 0 0 1em; line-height: 15px; margin-bottom: 30px; }

.account_content .form_block .err_field_label { margin-bottom: 0; }
.account_content .form_block label .placeholder_group { display: flex; flex-direction: row; align-content: space-between; justify-content: space-between; align-items: center }
.account_content .form_block label .placeholder { font-size: 12px; color: #1D1D1B; }
.account_content .form_block label .required_field:after { content: "*"; color: #EA3925; }
.account_content .form_block input { color: #6C6C6C; font-size: 12px; padding: 8px 10px 7px 10px !important; margin-bottom: 10px; }
.account_content .form_block input:disabled { background: #F4F4F4; border-color: #C0C0C0; color: #1D1D1B52; }
.account_content .form_block input:active, .account_content .form_block input:focus { color: #1D1D1B; border-color: #1D1D1B; }
.account_content .form_block input:invalid, .account_content .form_block input.invalid { border-color: #EA3925; }
.account_content .form_block select { color: #6C6C6C; }
.account_content .form_block select:disabled { background: #F4F4F4; border-color: #C0C0C0; color: #1D1D1B52; }
.account_content .form_block select:active, .account_content .form_block select:focus { color: #1D1D1B; border-color: #1D1D1B; }
.account_content .form_block select:invalid { border-color: #EA3925; }
.account_content .form_block #account_edit_email { color: #049581; text-decoration: underline; cursor: pointer; }
.account_content .form_block #account_edit_email:hover { text-decoration: none; }
.account_content .password_wrapper { position: relative; }
.account_content .password_wrapper input { width: 100%; padding-right: 40px; }
.account_content .toggle-password { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #6C6C6C; font-size: 14px; }
.account_content .button{text-align:right; margin-bottom: 0px;}
.account_content .button:disabled { opacity: 0.5; cursor: not-allowed; }
.account_content .button.button-header { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 20px; }
.account_content .button .btn{margin-bottom: 5px}

.account_content .grid-table{display:flex; max-width:100%; align-items: center; justify-content: center;flex-direction:row;  justify-content:flex-start }
.account_content .grid-table>div{margin:0;background:#fff;padding:0;border-bottom:1px solid #fff;line-height:12px;min-height:35px; border-color:#ccc}
.account_content .grid-table>div.cell{background:#fff!important; flex:1 1 auto; text-align: left; align-content: center;}
.account_content .grid-table>div.cell.text-right { text-align: right; align-content: end; align-items: center; justify-content: end; justify-self: stretch; }
.account_content .grid-table>div.cell.text-right a.btn.view_order { margin: auto 5px; }
.account_content .grid-table>div.grid-table-header{border-top:1px solid #6c0235;border-bottom:1px solid #6c0235;background:#a3195b;flex:1 1 auto; color: white; height: 40px;  align-content: center;}
.account_content .grid-table>div.grid-table-header sup { margin-left: 5px; font-style: italic; font-size: 9px; }
.account_content .grid-table>div.paid, .grid-table>div.active{color:#1a931a;background:#c1ddc1}
.account_content .grid-table>div.paid.credit{color:#244e84;background:#badbe6}
.account_content .grid-table>div.open,.grid-table>div.pending{color:#ff4f09;background:#ffdfa5}
.account_content .grid-table>div.canceled,.grid-table>div.cancelled,.grid-table>div.expired,.grid-table>div.failed,.grid-table>div.inactive{color:#d21d1d;background:#ffcaca}
.account_content .grid-table form.offerte-download-form, .account_content .grid-table form.factuur-download-form { display: inline-block; }
.account_content .grid-table a.btn { padding: 10px 20px; }
.account_content .grid-table a.resend_order { font-size: 14px; line-height: 16px; }
.account_content .grid-table a.resend_order i.fa { vertical-align: middle; }
.account_content .grid-table .gray_link { color: #888888; font-weight: 400; }
.account_content .grid-table .pink_link { text-decoration: none; align-content: center; justify-content: center; display: flex; }
.account_content .grid-table .pink_link:hover { text-decoration: underline; }
.account_content .grid-table .pink_link i.fa { font-size: 16px; }
.account_content .grid-table .btn-link { font-size: 12px !important; line-height: 14px !important; color: #049581 !important; text-decoration: none; margin: 0 7px 0 0 !important; padding: 0 0 2px 0 !important; border-radius: 0 !important; border: none; border-bottom: 1px solid #049581; background: transparent; }
.account_content .grid-table .btn-link:hover { border-color: transparent; }
.account_content .grid-table .order_inline_edit_form .btn { padding: 0; border-radius: 0; border: none; margin-left: 5px; color: #049581 !important; }
.account_content .grid-table .order_inline_edit_form .btn:hover { color: #EA3925 !important; background: transparent; opacity: 0.5; }

.bottomline { margin-bottom: 20px; }

.account_content .order-detail-container {display: table; width: 100%;}
.account_content .order-detail-container .od-tr { display: table-row; }
.account_content .order-detail-container .od-td { display: table-cell; padding: 10px 0; }
.account_content .order-detail-container .od-tr:not(.od-tr-head) .od-td { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.account_content .order-detail-container .od-label { color: #1D1D1B; font-weight: 700; padding-right: 20px; width: 20%; min-width: 160px; vertical-align: top; }
.account_content .order-detail-container .od-tr-head .od-label { text-transform: uppercase; color: #049581; font-size: 11px; font-weight: 600; vertical-align: middle; }
.account_content .order-detail-container .od-value { color: #6C6C6C; text-align: right; }
.account_content .order-detail-container .od-tr-head .od-value { text-align: right; }
.account_content .order-detail-container .od-tr-head .od-value .order-status-label { display: inline-block; vertical-align: middle; font-size: 11px; line-height: 24px; padding: 0 10px; color: #049581; background: #ffffff; border-radius: 20px; font-weight: 700; }
.account_content .order-detail-container .od-tr-head .od-value .order-status-label i.fa { font-size: 12px; vertical-align: middle; }
.account_content .order-detail-container .od-tr.total_price_incl .od-td { border-top: 1px solid #049581; border-bottom: none; font-size: 16px; }
.account_content .order-detail-container .od-tr.total_price_incl .od-value { font-weight: 700; color: #1D1D1B; }
.account_content .order-detail-container ul { list-style-position: inside; list-style-type: circle; }
.account_content .order-detail-container .order_inline_edit_form { display: flex; flex-direction: row; }
.account_content .order-detail-container .order_inline_edit_form .order_field_display_value { line-height: 24px; padding-right: 10px; }
.account_content .order-detail-container .order_inline_edit_form input[type="text"] { height: 26px; vertical-align: middle; padding: 0 10px; }
.account_content .order-detail-container .order_inline_edit_form input[type="text"].invalid { border: 1px solid #EA3925; }
.account_content .order-detail-container .order_inline_edit_form .btn { display: inline-block; margin: 0 auto; border-radius: 4px; padding: 3px 10px 5px 10px; font-weight: 400; font-size: 14px; margin-left: 5px; line-height: 15px; }
.account_content .toggle-order-details-products { padding: 20px 0; }
.account_content #order-detail-products-container .order-detail-container { margin-bottom: 20px; }
.account_content #order-detail-products-container .order-detail-container:last-child .od-tr:last-child .od-td { border-bottom: none; }
.account_content .order-detail-uploads-container .grid-table > div.cell { background: transparent !important; }
.account_content .order-detail-uploads-container .uploaded-files-cell { margin-top: 20px; }
.account_content .order-detail-uploads-container .order-uploaded-file-item { background: #04958138; }

.account_content { border-top: 2px solid #e5e5e5; }
.account_content::before { display: none; }
.account_content .col75 { width: calc(67% - 30px); float: right; }
.account_content .col75 .block { padding: 0; }
.account_content .col75 .block.block-no-border { border: none !important; }
.account_content .col25 { width: calc(33% - 30px); }
.account_content .block.profile { border: none; text-align: left; }
.account_content .account_head { padding: 0; display: flex; flex-direction: column; }
.account_content .account_head .greet { display: flex; flex-direction: row; }
.account_content .account_head .greet .avatar { max-width: 80px; font-size: 28px; font-weight: 700; }
.account_content .account_head .greet .title { display: flex; flex-direction: column; font-size: 26px; }
.account_content .account_head .greet .title span { font-weight: 400; font-size: 16px; line-height: 22px; }

.account_content .account_nav { display: flex; flex-direction: column; margin-top: 50px; padding: 0 15px 0 30px; border-left: 2px solid #ccc; }
.account_content .account_nav h4 { font-size: 12px; color: #049581; text-transform: uppercase; margin-bottom: 25px; }
.account_content .account_nav .account_nav_list { display: flex; flex-direction: column; }
.account_content .account_nav .account_nav_list ul { display: flex; flex-direction: column; }
.account_content .account_nav .account_nav_list ul li { margin-bottom: 25px; }
.account_content .account_nav .account_nav_list ul li a { display: flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; }
.account_content .account_nav .account_nav_list ul li a.active { color: #1d1d1b; }
.account_content .account_nav .account_nav_list ul li a img { margin-right: 10px; filter: grayscale(100%); transition: filter 0.3s ease; }
.account_content .account_nav .account_nav_list ul li a.active img { filter: grayscale(0%); }
.account_content .account_nav .account_nav_list ul li a:hover img { filter: grayscale(0%); }
.account_content .account_nav .account_nav_list ul li a span { font-weight: 700; font-size: 17px; line-height: 35px; }
.account_content .account_nav .account_nav_list ul li a:hover span { color: #1d1d1b; }

.customer_orders .customer_order_row { margin-bottom: 25px; }
.customer_orders .customer_order_row:last-child { margin-bottom: 0; }
.customer_orders .customer_order_row .o-row-head { padding: 20px; border: 1px solid #ccc; border-bottom: none; border-radius: 6px 6px 0 0; }
.customer_orders .customer_order_row .o-row-head .cell { border: none; }
.customer_orders .customer_order_row .o-row-body { padding: 25px 25px 10px 25px; border: 1px solid #ccc; border-radius: 0 0 6px 6px; }
.customer_orders .customer_order_row .o-row-body .grid-table { flex-direction: column; }
.customer_orders .customer_order_row .o-row-body .cell { border: none; text-align: left; align-content: flex-start; justify-content: flex-start; align-items: flex-start; display: flex; width: 100%; min-height: 25px; }
.customer_orders .customer_order_row .o-row-body .cell .cell-label { font-weight: 700; min-width: 140px; color: #1d1d1b; }
.customer_orders .customer_order_row .o-row-body .cell .cell-value { flex: 1; }
.customer_orders .customer_order_row .o-row-body .cell .cell-value img { max-height: 16px; filter: grayscale(100%); transition: filter 0.3s ease; vertical-align: text-top; }
.customer_orders .customer_order_row .o-row-body .cell .cell-extra {  }
.customer_orders .customer_order_row .o-row-body .cell.uploaded-files-cell { margin-top: 8px; }
.customer_orders .customer_order_row .o-row-body .cell.uploaded-files-cell .cell-value { width: 100%; }
.order-uploaded-files-list { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.order-uploaded-file-item { display: flex; flex-direction: row; align-items: center; width: 100%; background: #E5F3F1; border-radius: 4px; padding: 14px 16px; text-decoration: none; }
.order-uploaded-file-item:hover { opacity: 0.9; }
.order-uploaded-file-icon { width: 65px; height: 65px; background: #ffffff; border-radius: 2px; display: flex; align-items: center; justify-content: center; margin-right: 16px; }
.order-uploaded-file-icon i { color: #6C6C6C; font-size: 24px; }
.order-uploaded-file-meta { display: flex; flex-direction: column; min-width: 0; }
.order-uploaded-file-name { color: #1D1D1B; font-weight: 700; font-size: 14px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.order-uploaded-file-size { color: #6C6C6C; font-size: 12px; line-height: 14px; margin-top: 4px; }

#order-reference-value { font-size: 18px; font-weight: 700; color: #1d1d1b; margin-bottom: 13px !important; display: inline-block; }
#edit-order-reference { visibility: hidden; }
#edit-order-reference i.fa { vertical-align: top; }
.order_inline_edit_form:hover #edit-order-reference { visibility: visible; color: #049581 !important; }
.order-status-label { display: inline-block; font-size: 11px; line-height: 24px; padding: 0 10px; color: #049581; background: #E6F5F3; border-radius: 20px; font-weight: 700; }
.order-status-label i.fa { margin-left: 5px; vertical-align: text-top; font-size: 13px; }

#show-all-orders { width: 100%; margin-top: 20px; }
.latest_orders_list hr { height: 1px; color: #cccccc; background: #cccccc; font-size: 0; border: 0; margin: 7px 0; }
.err_field_label{display:block;font-size:12px;color:#e94f2d;margin-bottom:-23px;padding-left:20px;position: relative;}
.err_field_label:not(:empty)::before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-size: 13px; font-weight: 700; position: absolute; left: 3px; color: #e94f2d; top: 0px; }

.bestellingen_tt .tooltipster-box{background:#EA3925; padding: 0; font-size: 12px;}
.bestellingen_tt .tooltipster-arrow .tooltipster-arrow-background,.bestellingen_tt .tooltipster-arrow .tooltipster-arrow-border{border-bottom-color:#EA3925}
.bestellingen_tt p { margin: 0; }

.order-upload-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-content: center; justify-content: center; align-items: center; }
.order-upload-modal-wrapper { position: relative; width: 100%; max-width: 535px; margin: 0 auto; background: #fff; border-radius: 4px; z-index: 1; }
.order-upload-modal-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); }
.order-upload-modal-header { padding: 20px; border-bottom: 1px solid #F4F4F4; }
.order-upload-modal-header h3 { font-size: 18px; }
.order-upload-modal-header .order-upload-close { position: absolute; right: 18px; top: 12px; border: none; background: transparent; font-size: 24px; color: #6b6b6b; cursor: pointer; line-height: 1; }
.order-upload-modal-content { position: relative; width: 100%; padding: 20px; }
.order-upload-dropzone { position: relative; background: #d9ece9; border: 1px dashed #8ea9a5; border-radius: 3px; padding: 35px 20px; text-align: center; cursor: pointer; min-height: 200px; }
.order-upload-dropzone.is-dragover { border-color: #049581; background: #cbe4e0; }
.order-upload-dropzone #order-upload-file-input { position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; }
.order-upload-dropzone .order-upload-dropzone-icon { width: 34px; height: 34px; margin: 10px auto; }
.order-upload-dropzone .order-upload-dropzone-text span { display: block; color: #5f5f5f; font-size: 12px; line-height: 20px; }
.order-upload-dropzone .order-upload-dropzone-text a { color: #049581; text-decoration: underline; }
.order-upload-files-section h4 { font-size: 16px; margin-bottom: 15px; }
.order-upload-files-list { display: flex; flex-direction: column; gap: 12px; }
.order-upload-files-section { padding-top: 20px; }
.order-upload-file-item { border: 1px solid #d8d8d8; border-radius: 4px; padding: 10px 12px; }
.order-upload-file-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.order-upload-file-name { display: flex; flex-direction: row; color: #5b5b5b; font-size: 14px; width: 100%; }
.order-upload-file-name img { width: 28px; height: 28px; margin-right: 8px; vertical-align: middle; }
.order-upload-file-name .file-details { display: flex; flex-direction: column; width: 100%; }
.order-upload-file-name .file-details span { display: block; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1D1D1B; font-size: 14px; line-height: 14px; }
.order-upload-file-name .file-details i { font-size: 12px; line-height: 15px; color: #6C6C6C; font-style: normal; }
.order-upload-remove-file { color: #8d8d8d; text-decoration: none; }
.order-upload-progress { width: 100%; background: #c9e6e2; height: 4px; border-radius: 2px; overflow: hidden; }
.order-upload-progress-bar { width: 0; height: 100%; background: #049581; transition: width 0.2s ease; }
.order-upload-actions { text-align: right; margin-top: 18px; }
.order-upload-actions .btn { padding: 11px 24px; border-radius: 30px; background: #EA3925; border: none; color: #fff; }
.order-upload-actions .btn:hover { opacity: 0.85; }
.order-upload-actions .btn:disabled { background: #f2a39c; cursor: not-allowed; }
body.order-upload-modal-open { overflow: hidden; }

.message_error{float:none;width:100%;margin:18px 0;border-radius:6px;background:rgba(234, 57, 37, 0.1); border:1px solid transparent;padding:20px 20px 20px 50px;font-weight:500;position:relative;text-align:left;color:#1D1D1B;}
.message_error:before{content:"\f05a";font-family:"Font Awesome 6 Pro";float:none;line-height:30px;font-size:20px;width:30px;text-align:center;position:absolute;left:12px;top:50%;margin:-15px 0 0;font-weight:400;color:#EA3925;}
.message_error a{text-decoration:underline;color:#1D1D1B}

.checker_container{float:left;width:calc(100% + 16px);margin:-8px}
.checker_container input[type=checkbox], .checker_container input[type=radio] {display:none}
.checker_container label{float:left;width:calc(100% - 16px); margin: 8px 0px;cursor:pointer;position:relative}
.checker_container .checker_content{border:1px solid #C0C0C0;padding:10px 12px 10px 16px;border-radius:4px;color:#1d1d1b}
.checker_container .checker{float:left;position:absolute;content:'\00a0';-webkit-border-radius:100%;border-radius:100%;background:#fff;border:1px solid #000;height:18px;width:18px;left:16px;top:50%;margin:-9px 0 0}
.checker_container input:checked+.checker_content .checker:before{content:"\00a0";float:left;width:8px;height:8px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:#e94f2d;border-radius:100%}
.checker_container input[type=checkbox]:checked+.checker_content{border: 1px solid #C0C0C0}
.checker_container input[type=checkbox]+.checker_content .checker{border-radius:30px;width:33px;height:15px;border:1px solid #202020}
.checker_container input[type=checkbox]:checked+.checker_content .checker{border-radius:30px;width:33px;height:15px;border:1px solid #e94f2d;background:#e94f2d}
.checker_container input[type=checkbox]+.checker_content .checker:before{content:"";width:11px;height:11px;text-align:center;background:#202020;border-radius:100%;position:absolute;left:1px;transition-duration:.4s;top:1px;bottom:auto}
.checker_container input[type=checkbox]:checked+.checker_content .checker:before{left:auto;right:1px;background:#fff;bottom:auto}
.checker_container .checker_name{height: auto; flex-direction: row; font-size: 12px;}
.checker_container .checker_name>span{display:table-cell;vertical-align:middle;padding-right:5px;}
.checker_container .disabled input[type=checkbox]+.checker_content .checker{border:1px solid #e5e5e5}
.checker_container .disabled input[type=checkbox]+.checker_content .checker:before{background:#e5e5e5;}

.checker_container.blue_checker { width: 100%; margin: 0; }
.checker_container.blue_checker label{ width:100% !important; height:auto !important; margin:0; }
.checker_container.blue_checker .checker_content{ display: flex; flex-direction: row; width: 100%; align-content: flex-start; justify-content: flex-start; align-items: center; }
.checker_container.blue_checker .checker{ margin:0; top: auto; left: auto; float: none; position: relative; background: #C0C0C0; }
.checker_container.blue_checker .checker_name{ display: flex; flex-direction: column; flex: 1; }
.checker_container.blue_checker input[type="checkbox"] + .checker_content .checker { border-radius: 30px; width: 44px; height: 24px; border: 1px solid #C0C0C0; }
.checker_container.blue_checker input[type="checkbox"] + .checker_content .checker::before { width: 16px; height: 16px; top: 3px; left: 3px; background: #ffffff; }
.checker_container.blue_checker input[type="checkbox"]:checked + .checker_content .checker { border-radius: 30px; width: 44px; height: 24px; border: 1px solid #049581; background: #049581; }
.checker_container.blue_checker input[type="checkbox"]:checked + .checker_content .checker::before { left: auto; right: 3px; }

@media only screen and (max-width:1150px){
  .login_block .login_fields,
  .login_block .login_text { padding: 36px; }
  .account_content .block .form_block_title {padding: 30px 20px;}
  .account_content .block .form_block_content {padding: 30px 20px;}
}

@media only screen and (max-width:850px){
  .login_block .wrap { flex-direction: column; }
  .login_block .login_fields,
  .login_block .login_text { width: 100%; }
  .login_block .login_fields,
  .login_block .login_text { order: initial; }
  .login_block .login_fields .section_title { margin-bottom: 20px; }
  .account_content .wrap{width:calc(100% + 20px); margin: 0 -10px;}
  .account_content .col25 {width: calc(33.3333% - 20px); margin: 0 10px;}
  .account_content .col75 {width: calc(66.666666% - 20px); margin: 0 10px;}
}

@media only screen and (max-width:750px){
  .fixed #header .header_bar { display: none; }
  .login_block {
    padding: 40px 0 60px;
    margin-bottom: 0;
  }
  .login_block #maxw1 { padding: 0 14px; }
  .login_block .login_fields,
  .login_block .login_text { padding: 30px 24px; }
  .login_block .login_fields input { font-size: 14px; }
  .login_block .btn.rounded { width: 100%; }
  .login_block .button,
  .login_block .login_text .button { text-align: left; }
  .account_content .col25 {width: calc(100% - 20px); margin: 0 10px;}
  .account_content .col75 {width: calc(100% - 20px); margin: 0 10px;}
}

@media only screen and (max-width:700px){
  .account_content .grid-table, .account_content .customer_orders .grid-table {grid-template-columns:1fr}
  .account_content .grid-table>div, .account_content .customer_orders .grid-table>div{min-height:25px}
  .account_content .grid-table.gt-header, .account_content .customer_orders .grid-table.gt-header{display:none}
  .account_content .grid-table.gt-body, .account_content .customer_orders .grid-table.gt-body{margin-bottom:20px;border:1px solid #888}
  .account_content .grid-table .cell-label, .account_content .customer_orders .grid-table .cell-label{display:block;min-width:130px;font-weight:600}
}
@media only screen and (max-width:700px){

	.account_content .form_block .form_group .grid.cols2{grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (max-width:550px){
  .account_content .block.latest_orders{ width: 100%;}
  .account_content .order-detail-container { display: flex; flex-direction: column; }
  .account_content .order-detail-container .od-tr { display: flex; flex-direction: column; }
  .account_content .order-detail-container .od-td { display: block; width: 100%; }
  .account_content .order-detail-container .od-label { width: 100%; border: none; padding-bottom: 0; }
  .account_content .order-detail-container ul.ad-images-list {display: flex;flex-direction: column;}
  .account_content .order-detail-container ul.ad-images-list li {display: block !important;width: 50% !important;margin-bottom: 20px;}  
}

@media only screen and (max-width:500px){
	
  .header_bar > #maxw1 { flex-direction: column; }
  .auth_bar { align-content: center; align-items: center; justify-content: center; padding-top: 0; }
  .account_content .greet{padding: 40px 0 0; grid-template-columns:55px 1fr; }
  
  .account_content .block .form_block_title {        padding: 20px 20px;    }
  .account_content .button .btn { margin-bottom: 5px; width: 100%; text-align: center; }    
  .account_content .button.button-header { flex-direction: column; }
}

@media only screen and (max-width:400px){
  .login_block .login_fields,
  .login_block .login_text { padding: 24px 18px; }
  .login_block .login_text h3 { font-size: 22px; }
  .login_block .login_text p { font-size: 15px; }
  .login_block .login_text ul li { font-size: 13px; }
  .login_block .button { margin-top: 20px; }
  .account_content .col75 .block { padding: 20px 15px; }  
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}