@charset "UTF-8";
/* (1) */
/* (2) */
/* (3) */
/* (4) */
/* (5) */
/* (6) */
/* (7) */
/* (8) */
/* (5) */
/* (1) */
/* (3) */
/* (6) */
/* (2) */
/* (2) */
/* Danger color (used on delete and exclamation marks) */
/* Color for the validation information box and button */
/* Color of the horizontal lines (<hr>) */
/* Text color of the table header */
/* Background color of the table header */
/* Text color of the 'total' rows in a table */
/* Background color of the 'total' rows in a table */
/* Background color of the navigation bar on the bottom of the screen */
/* Color of the small line on top of the bottom navigation bar */
/* Text color on the bottom navigation bar */
/* Development color (used for DEV/TEST text and line in top menu bar) */
/* Color of the active links in the top and second menu bar */
/***** base *****/
body {
  font-family: "Lato", sans-serif !important;
  font-size: 15px;
  background-color: #f9f9f9;
  min-height: 100vh;
  overflow-x: hidden;
}
.main {
  background-color: #f9f9f9;
  min-height: 100vh;
}
.container-limited {
  max-width: 1200px;
  min-width: 600px;
}
.menu-wrapper {
  display: flex !important;
  flex-basis: auto;
  flex-grow: 1;
  align-items: center;
}
/* Redefine the font-size and margins of the headers (1-4) */
h1 {
  font-size: 30px;
  margin-top: 16px;
  margin-bottom: 8px;
}
h2 {
  font-size: 22px;
  margin-top: 8px;
  margin-bottom: 8px;
}
h3 {
  font-size: 22px;
  margin-top: 8px;
  margin-bottom: 8px;
}
h4 {
  font-size: 22px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.top-fluid-container {
  padding-left: 0px !important;
}
.jumbotron {
  background-color: #ffffff;
  border-bottom: 2px solid #b2b2b2;
}
.jumbotron.login {
  padding: 0px;
}
.jumbotron .container {
  height: 100px;
  padding-left: 5px;
}
td > .btn, td > div > .btn {
  width: unset !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
  border-radius: 5px !important;
  margin: 2px;
}
td > .btn-small {
  width: 30px !important;
}
.cap-jumbo-kort {
  background-color: #01c3a8;
  color: #ffffff;
  font-size: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.screenblocker {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
}
.no-underline {
  text-decoration: none !important;
}
.fas {
  position: relative;
  top: 1px;
  display: inline-block;
}
.fa-asterisk {
  position: absolute;
  left: -12px;
  color: #01c3a8;
  font-size: 8px;
  vertical-align: top;
  top: 10px;
}
.color-main {
  color: #01c3a8;
}
.color-blue {
  color: #0080c0;
}
.color-grey {
  color: #dddddd;
}
.color-warning {
  color: #FFA401;
}
.color-danger {
  color: #d9535d;
}
/***** navbar *****/
@media (min-width: 768px) {
  .main {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .main {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .main {
    width: 1200px;
  }
}
.navbar-first {
  background-color: #ffffff;
  height: 60px;
  font-weight: bold;
  border-bottom-color: #01c3a8;
  border-bottom-width: 2px;
}
.navbar-first a:hover {
  color: #555;
}
.navbar-first.lg {
  height: 120px;
}
.navbar-brand-img {
  height: 40px;
  line-height: 40px;
  margin: 5px 10px;
}
.navbar-brand {
  width: 195px;
}
.navbar-brand img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.container.lg {
  height: 120px;
}
.navbar-second {
  background-color: #f1f1f1;
  height: 40px;
  border-radius: 15px;
  padding: 15px !important;
}
.navbar-request {
  background-color: #f9f9f9;
  height: 88px;
}
.navbar-space-first {
  height: 60px;
}
.aanvraag-nav {
  margin-left: 3px;
  flex-direction: row !important;
}
.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.navbar-nav-first > li > a {
  color: #777;
  text-decoration: none;
  padding: 10px;
}
.cap-navbar {
  width: 100%;
}
.cap-navbar-button {
  padding-top: 8px;
}
.cap-navbar-button > li {
  padding-left: 8px;
}
.navbar-nav-second > li {
  padding-right: 25px;
}
.navbar-nav-second > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #777;
  text-decoration: none;
}
.navbar-nav-second > li > a :hover {
  background-color: #e7e7e7;
}
.navbar-nav-second {
  flex-direction: row;
}
.dropdown.open {
  color: #555;
  background-color: #997d7d;
}
.navbar-nav .dropdown-menu {
  position: absolute !important;
  z-index: 100;
  border-radius: 0 !important;
  margin-top: 7px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  font-size: 14px;
}
.dropdown-menu > li > a:hover {
  background-color: #f1f1f1;
}
/* Main/top navigation bar */
.cap-navbar {
  border-bottom: 1px solid;
  border-bottom-color: #01c3a8;
  z-index: 200;
}
.cap-navbar.staging, .cap-navbar.dev {
  border-bottom-color: #d9535d;
}
.nav-container {
  border-bottom: 1px solid #01c3a8;
}
.nav-container.staging, .nav-container.dev {
  border-bottom: 1px solid #d9535d;
}
/* Frame, frame-before and image class in order to vertically center the logo in the header */
.cap-navbar-header-image-frame {
  padding-left: 0px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 4px;
  height: 58px;
}
.cap-navbar-header-image-frame.lg {
  height: 118px;
}
.cap-navbar-header-image-frame:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.cap-navbar-header-image {
  display: inline-block;
  vertical-align: middle;
  max-height: 45px;
}
/* Environment indicator in navbar header (DEV / TEST) */
.cap-navbar-header-env {
  color: #dddddd;
  position: absolute;
  bottom: -2px;
  right: 5px;
  font-size: small;
}
.cap-navbar-header-env.staging, .cap-navbar-header-env.dev {
  color: #d9535d;
}
a.menu-disabled-link {
  /*background-color:#00ff00 !important;*/
  color: #ddd !important;
}
.navbar-active {
  color: #000 !important;
  border-bottom: 3px solid #01c3a8 !important;
}
/* Version number of Capsearch application in right top corner of page */
.environment-version-info {
  position: absolute;
  z-index: 101;
  right: 5px;
  top: 65px;
  height: 16px;
  font-size: 11px;
  color: #bbb;
  font-weight: normal;
  text-align: right;
}
.environment-version-info .version {
  color: #bbb;
}
.environment-version-info .env-info {
  color: #dddddd;
}
.env-info.demo, .env-info.staging, .env-info.dev {
  color: #d9535d;
}
/* Bottom navbar used for navigation */
.cap-navbar-fixed-bottom {
  height: 60px;
  padding-top: 4px;
  background-color: #ebebeb;
  color: #000000;
  z-index: 101;
}
/* Spacing on main page so content does not disappear under bottom navbar */
.cap-navbar-fixed-bottom-spacing {
  height: 55px;
}
/* Color the links in the bottom bar the same as the text */
.cap-navbar-fixed-bottom a {
  color: #000000;
  text-decoration: underline;
}
.cap-navbar-fixed-bottom .btn {
  min-width: 150px;
}
/***** nav tabs ******/
a, .nav-tabs a.nav-link, .nav-tabs button.nav-link {
  color: #337ab7;
  text-decoration: none;
}
a:hover, .nav-tabs a.nav-link:hover, .nav-tabs button.nav-link:hover {
  text-decoration: underline;
}
.nav-tabs a.nav-link.active, .nav-tabs button.nav-link.active {
  color: #555;
  text-decoration: none;
}
.nav-tabs-link a.nav-link {
  margin: 0 5px 5px 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  color: #1a1a1a;
  opacity: 0.6;
  padding: 0 20px;
  line-height: 49px;
  text-decoration: none;
  border: 1px solid #e9e9e9;
}
.nav-tabs-link a.nav-link.active {
  margin-bottom: 0;
  color: #01c3a8;
  font-weight: bold;
  opacity: 1;
}
/***** tab menu *****/
.cap-tabs-row {
  margin: 0px;
}
.cap-tabs-col {
  padding: 0px;
}
.cap-tabs-col button, .cap-pills-col button {
  width: 100% !important;
}
.cap-tabs-col a {
  display: block;
}
.caps-tabs-btn {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 12px 8px 12px 8px;
  border: 2px solid #838383;
  outline: 0;
  color: #cccccc;
  text-align: center;
}
.caps-tabs-btn.active, .caps-tabs-btn.active:hover, .caps-tabs-btn.active:focus, .caps-tabs-btn.active:active, .caps-tabs-btn.active:active:focus {
  background-color: #01c3a8;
  color: #ffffff;
  border-color: #01c3a8;
}
.caps-tabs-btn.enabled {
  background-color: #f1f1f1;
  color: #545454;
  border-color: #838383;
}
.caps-tabs-btn.enabled:hover, .caps-tabs-btn.enabled:focus, .caps-tabs-btn.enabled:active, .caps-tabs-btn.enabled:active:focus {
  background-color: #838383;
  color: #f1f1f1;
}
/***** pills menu *****/
.cap-pills-row {
  margin: 0px -5px 0px -5px;
}
.cap-pills-col {
  padding: 0px 5px 0px 5px;
}
.caps-pills-btn {
  border-radius: 10px;
  padding: 8px 3px 8px 3px;
  border: 2px solid #838383;
  outline: 0;
  color: #cccccc;
}
.caps-pills-btn.active, .caps-pills-btn.active:hover, .caps-pills-btn.active:focus, .caps-pills-btn.active:active, .caps-pills-btn.active:active:focus {
  background-color: #01c3a8;
  color: #ffffff;
  border-color: #01c3a8;
}
.caps-pills-btn.enabled {
  background-color: #f1f1f1;
  color: #545454;
  border-color: #838383;
}
.caps-pills-btn.enabled:hover, .caps-pills-btn.enabled:focus, .caps-pills-btn.enabled:active, .caps-pills-btn.enabled:active:focus {
  background-color: #838383;
  color: #f1f1f1;
}
.caps-sbr-btn {
  border-radius: 20px;
  padding: 8px 3px 8px 3px;
  border: 2px solid;
  background-color: #f1f1f1;
  color: #01c3a8;
  border-color: #01c3a8;
}
.caps-sbr-btn:hover, .caps-sbr-btn:focus, .caps-sbr-btn:active, .caps-sbr-btn:active:focus {
  background-color: #838383;
  color: #f1f1f1;
  border-color: #838383;
}
/***** 6 blocks *****/
.progress-bar {
  background-color: #ffffff;
}
.cap-block-row {
  display: flex;
}
.cap-block-column {
  align-items: stretch;
  padding-bottom: 30px;
}
.cap-block {
  background-color: #f4f4f4;
  min-height: 250px;
  height: 100%;
  padding-bottom: 50px;
  position: relative;
}
.cap-block.complete {
  background-color: #01c3a8;
}
.cap-block-header {
  color: #3a3a38;
  font-size: 18px;
  padding: 20px 20px 15px 25px;
}
.cap-block a {
  text-decoration: none;
}
.cap-block a:hover {
  text-decoration: underline;
}
.cap-block-header > a > span {
  color: #01c3a8;
}
.cap-block-header.complete {
  color: #ffffff;
}
.cap-block-header.complete > a > span {
  color: #ffffff;
}
.cap-block-item {
  color: #838383;
  padding: 0px 25px 0px 25px;
  margin-bottom: -4px;
}
.cap-block-item.complete {
  color: #ffffff;
}
.cap-block-item > i.fas {
  top: -7px;
}
.cap-block-item > .fa-check {
  color: #fff;
}
.fa-exclamation-circle {
  color: #d9535d;
}
.cap-block-item .fa-check {
  color: #01c3a8;
}
.cap-block-item.complete .fa-check {
  color: #fff;
}
.cap-block-item.complete > span {
  color: #ffffff;
}
.cap-block-item > span > a {
  color: #838383;
  padding-right: 5px;
}
/* Use these 3 to define the 'strike-through' color, position and line-height */
.cap-block-item.optional > span > a {
  line-height: 1em;
  position: relative;
}
.cap-block-item.optional > span > a::after {
  border-bottom: 0.125em solid #838383;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 60%;
}
.cap-block-item.optional.complete > span > a::after {
  border-bottom: 0.125em solid #ffffff;
}
.cap-block-item.complete > span > a {
  color: #ffffff;
}
.cap-block-item-span {
  display: inline-block;
  max-width: 290px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cap-block-progress {
  margin-bottom: 0px;
  background-color: #ffffff;
}
.cap-block-footer {
  position: absolute;
  bottom: 0px;
  padding: 15px 0px 15px 25px;
  color: #3a3a38;
}
.cap-block-footer.complete {
  color: #ffffff;
}
/**** form *****/
hr {
  border-top: 1px solid #01c3a8;
  margin-top: 20px;
  margin-bottom: 20px;
}
label {
  font-weight: normal;
  text-align: left;
}
.form-horizontal .control-label {
  text-align: left;
  /* Left align the labels in the form */
  padding-top: 0px;
  /* Removing extra space on top */
}
.control-label {
  display: inline;
}
.form-horizontal .radio-inline {
  padding-top: 0px;
  /* Vertical align radio-buttons and label */
  padding-right: 6px;
}
/* Vertical alignment of label and widget */
.vertical-align {
  display: flex;
  align-items: center;
}
.table > tbody > tr > td {
  vertical-align: middle;
}
.table > :not(caption) > * > * {
  border-top: none !important;
  border-bottom: none !important;
}
.error-cell {
  vertical-align: top !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top: 0px !important;
}
.error-cell > span {
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}
.blur {
  -webkit-filter: blur(1px);
}
.form-control {
  font-size: 16px;
}
.form-label {
  margin-top: 0.5rem;
  margin-bottom: 0.1rem !important;
}
.form-control:focus, .recovery-highlight {
  border-color: #01c3a8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #01c3a8;
}
.form-group select:focus {
  outline: 0 !important;
  -webkit-box-shadow: 0px 0px 10px 0px #01c3a8 !important;
  box-shadow: 0px 0px 10px 0px #01c3a8 !important;
}
.form-select:focus {
  border-color: #01c3a8;
}
.cap-table-button {
  width: 10px;
  text-align: center;
}
.cap-table-button-small {
  width: 38px;
  text-align: center;
}
.cap-table-sign {
  width: 32px;
}
.cap-table thead, .cap-table-setup thead, .table thead, .table th {
  border-bottom-width: 2px;
}
.cap-table td, .cap-table-setup td, .table td {
  border-top: 1px solid #ddd !important;
}
.cap-table-kort, .cap-table-kort th, .cap-table-kort td, .cap-table-kort thead {
  border: none !important;
}
.cap-table th:first-child {
  border-top-left-radius: 6px;
}
.cap-table th:last-child {
  border-top-right-radius: 6px;
}
.cap-table tbody, td, tfoot, th, thead, tr {
  border-style: none;
}
.cap-table th:first-child {
  padding-left: 15px;
}
.cap-table th {
  padding-top: 10px;
}
#lenderInfo li {
  margin-left: 1rem;
}
/* Datepicker/colorpicker- make sure date fits in input box */
div.input-group.date {
  min-width: 152px;
}
.far.fa-calendar-alt {
  margin-top: 8px;
}
.date .input-group-addon i {
  margin-left: 12px;
  margin-top: 10px;
  padding-right: 12px;
}
.colorpicker-element .input-group-addon i {
  margin-left: 12px;
  margin-top: 7px;
  margin-right: 10px;
}
.date .input-group-addon, .colorpicker-element .input-group-addon {
  background: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.popover {
  width: 300px;
  z-index: 20000;
}
.tooltip-wide + .tooltip > .tooltip-inner {
  max-width: 500px;
  text-align: left;
}
.tooltip ul {
  padding-left: 15px;
}
.tooltip ul li {
  text-align: left;
}
.tooltip {
  z-index: 10000;
}
.cap-table-tootltip {
  cursor: pointer;
  font-weight: bold;
  color: #484848;
}
/* Raise date-picker above menu-bar */
.datepicker {
  z-index: 10000;
}
/* Div to add a page inside the page */
.page-in-page {
  height: 600px;
  overflow-y: auto;
  border: 1px solid #01c3a8;
  padding: 20px;
  background-color: #fff;
}
.cap-row-compact .form-group {
  margin-bottom: 0px;
}
/* Div boxes for centering a div inside a div */
div.ext-box {
  display: table;
  width: 100%;
  height: 100%;
}
div.int-box {
  display: table-cell;
  vertical-align: middle;
}
/* Multi-select - Restyle so it does look like a pull-down select */
.bootstrap-select .btn {
  border-radius: 4px;
  font-size: 16px;
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000 !important;
  background: #fff !important;
  width: 100% !important;
}
.bootstrap-select.form-select {
  width: 100% !important;
  background-image: none !important;
  padding: unset !important;
}
table .bootstrap-select.form-select {
  width: 200px !important;
  border: 0;
}
table .bootstrap-select.form-select button {
  width: 203px !important;
  height: 38px !important;
  border: 1px solid #ced4da;
}
/* Tabel row without border-top line */
.no-border-top, .no-border-top > td {
  border-top: 0px !important;
}
/* Info icon (for use in form labels) */
.cap-info {
  color: #01c3a8;
  padding: 0 !important;
  margin-top: 5px;
  display: inline-block;
  margin-left: 5px;
}
.cap-info:hover {
  color: #01c3a8 !important;
}
/***** Generic capsearch table *****/
.cap-table > thead {
  background-color: #01c3a8;
  color: #ffffff;
}
.cap-table > tbody > tr.total {
  background-color: #ebebeb;
  color: #000000;
}
/***** setup table *****/
.cap-table-setup td, .cap-table-setup th {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.cap-table-setup td.first, .cap-table-setup th.first {
  padding-left: 20px !important;
}
.cap-table-setup td.last, .cap-table-setup th.last {
  padding-right: 20px !important;
}
.cap-table-setup th {
  vertical-align: bottom !important;
}
.cap-table-setup {
  font-size: 14px;
}
.cap-table-setup textarea {
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  height: 26px;
}
.cap-table-setup input {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  height: 26px;
}
.cap-table-setup input.money {
  max-width: 100px;
}
.cap-table-setup input[type=checkbox] {
  margin: 0px 0 0;
}
.cap-table-setup .checkbox {
  padding-top: 0px;
}
th.cap-table-check-sm {
  width: 35px;
}
td.cap-table-check-sm label {
  padding-left: 7px;
}
.cap-table-setup span {
  padding-top: 4px;
  padding-bottom: 2px;
}
.cap-table-setup select {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 26px;
}
.cap-table-setup div.date {
  max-width: 144px;
}
.cap-table-setup input[type=radio] {
  margin-top: 0px;
}
.cap-table-setup .btn {
  border-radius: 14px;
  font-size: 10px;
  padding: 2px 8px 4px 8px;
}
/***** debug table *****/
.cap-table-debug {
  font-size: 12px !important;
  font-weight: bold;
  color: darkblue;
}
th.cap-table-debug {
  font-size: 14px !important;
}
/***** korte flow table *****/
.cap-table-kort > thead > tr > th, .cap-table-kort > tbody > tr > td {
  border: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}
/***** Overzicht table *****/
.cap-table-overzicht > tbody > tr > td {
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
/***** form - button *****/
.btn {
  border-radius: 20px;
  font-size: 16px;
  width: 100%;
}
.btn[disabled]:hover, .btn.disabled:hover, .btn-primary.disabled:hover, .btn-primary:disabled:hover, .btn:disabled:hover, fieldset:disabled .btn, .btn.disabled:active:hover {
  color: #f9f9f9 !important;
  background-color: #545454 !important;
  border-color: #545454 !important;
  cursor: not-allowed !important;
  opacity: 0.65 !important;
  pointer-events: all !important;
}
.btn-small {
  border-radius: 14px;
  padding: 2px;
  width: 30px;
  height: 30px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.btn-small > i {
  display: block;
  margin-top: -2px;
  font-size: 12px;
}
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.btn-square {
  width: unset !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
  border-radius: 5px !important;
  margin: 2px;
}
.btn-collapsible {
  text-align: right;
  font-weight: bold;
  color: #01c3a8;
  font-size: 13px !important;
}
/* Primary/main button (in Capsearch green color by default) */
.link-btn.btn-primary {
  text-decoration: none;
}
.btn-primary, .link-btn.btn-primary {
  color: #ffffff !important;
  background-color: #01c3a8 !important;
  border-color: #01c3a8 !important;
  border-width: 2px;
  border-radius: 20px;
}
.btn-primary:hover, .link-btn.btn-primary:hover {
  background-color: #fff !important;
  border-color: #01c3a8 !important;
  color: #01c3a8 !important;
}
.btn-primary:active, .link-btn.btn-primary:active, .btn-primary:focus, .link-btn.btn-primary:focus, .btn-primary:active:focus, .link-btn.btn-primary:active:focus {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
  outline: 0;
}
.btn-primary-border {
  border-color: #01c3a8;
}
/* Secondary button (in light grey color; used for example in the modal popup) */
.btn-secondary {
  color: #f9f9f9;
  background-color: #333333;
  border-color: #333333;
  border-width: 2px;
  border-radius: 20px;
}
.btn-secondary:hover {
  color: #333333;
  background-color: #f9f9f9;
  border-color: #333333;
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
  background-color: #333333;
  border-color: #333333;
  color: #f9f9f9;
  outline: 0;
}
.btn-secondary-border {
  border-color: #333333;
}
.btn-info {
  background-color: #f9f9f9;
  border-color: #545454;
  border-width: 2px;
  color: #545454;
}
.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:active:focus {
  background-color: #545454;
  border-color: #545454;
  color: #f9f9f9;
  outline: 0;
}
.btn-danger {
  background-color: #d9535d;
  border-color: #d9535d;
  border-width: 2px;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:active:focus {
  background-color: #545454;
  border-color: #545454;
  outline: 0;
}
.btn-success {
  background-color: #545454;
  border-color: #545454;
  border-width: 2px;
}
.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus, .btn-success:active:hover {
  background-color: #f9f9f9;
  border-color: #545454;
  color: #545454;
  outline: 0;
}
.btn-detail {
  background-color: transparent;
  color: #31708f;
  border-color: #31708f;
  border-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.btn-detail:hover, .btn-detail:active, .btn-detail:focus, .btn-detail:active:focus {
  background-color: #31708f;
  color: #f9f9f9;
  border-color: #31708f;
  border-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  outline: 0;
}
.btn-recovery {
  background-color: transparent;
  color: #a94442;
  border-color: #a94442;
  border-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.btn-recovery:hover, .btn-recovery:active, .btn-recovery:focus, .btn-recovery:active:focus {
  background-color: #a94442;
  color: #f9f9f9;
  border-color: #a94442;
  border-width: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  outline: 0;
}
.btn-windows {
  width: 100%;
  background-color: #0089bf !important;
  border-color: #0089bf !important;
}
.btn-gmail {
  width: 100%;
  background-color: #DC4436 !important;
  border-color: #DC4436 !important;
}
/* Reset width for buttons in popups */
.modal-footer .btn {
  width: unset !important;
}
/*.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}*/
/***** financieel *****/
/* Level 0,1 */
.cap-fin-level0, .cap-fin-level1 {
  background-color: #01c3a8;
  color: #ffffff;
}
.cap-fin-level0 > td, .cap-fin-level1 > td {
  font-weight: bold;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.cap-fin-level1 > .cap-fin-col1 {
  padding-left: 20px;
  position: sticky;
  left: 0;
  background-color: #01c3a8;
}
/* Level 2 */
.cap-fin-level2 {
  background-color: #bbbbbb;
  color: #3a3a38;
}
.cap-fin-level2 > td {
  font-weight: bold;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.cap-fin-level2 > .cap-fin-col1 {
  padding-left: 20px;
  position: sticky;
  left: 0;
  background-color: #bbbbbb;
}
/* Level 3 */
.cap-fin-level3 {
  background-color: #dddddd;
  color: #3a3a38;
}
.cap-fin-level3 > td {
  font-weight: bold;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.cap-fin-level3 > .cap-fin-col1 {
  padding-left: 20px;
  position: sticky;
  left: 0;
  background-color: #dddddd;
}
.cap-fin-level3 > .cap-fin-col1.collapse-row {
  padding-left: 5px;
}
/* Level 4 */
.cap-fin-level4 {
  background-color: #eeeeee;
}
.cap-fin-level4 > td {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.cap-fin-level4 > .cap-fin-col1 {
  padding-left: 40px;
  position: sticky;
  left: 0;
  background-color: #eeeeee;
  max-width: 400px;
}
/* Level 5,6,7,8 */
.cap-fin-level5, .cap-fin-level6, .cap-fin-level7, .cap-fin-level8 {
  background-color: transparent;
}
.cap-fin-level5 > td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.cap-fin-level5 > .cap-fin-col1 {
  padding-left: 60px;
  position: sticky;
  left: 0;
  background-color: #f9f9f9;
}
.cap-fin-level5 > .cap-fin-col1.collapse-row {
  padding-left: 45px;
}
/* Level 6,7,8 */
.cap-fin-level6 > td, .cap-fin-level7 > td, .cap-fin-level8 > td {
  font-size: 87.5%;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.cap-fin-level6 > .cap-fin-col1 {
  padding-left: 80px;
}
.cap-fin-level6 > .cap-fin-col1.collapse-row {
  padding-left: 65px;
}
.cap-fin-level7 > .cap-fin-col1 {
  padding-left: 90px;
}
.cap-fin-level7 > .cap-fin-col1.collapse-row {
  padding-left: 75px;
}
/* Level 8 */
.cap-fin-level8 > .cap-fin-col1 {
  padding-left: 100px;
}
.cap-fin-level8 > .cap-fin-col1.collapse-row {
  padding-left: 85px;
}
/* cap-fin-number is used for the data cels in the financieel tables (both input as normal SBR-value) */
.cap-fin-number {
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 75% !important;
}
.cap-fin-number input {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: right;
  font-size: 100%;
  height: 22px;
  min-width: 110px;
}
.cap-fin-number input::-webkit-outer-spin-button, .cap-fin-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Move a SBR value 1 pixel down so it aligns with the input field */
.cap-fin-number-text {
  position: relative;
  top: 1px;
}
/* Width size in table title and header title */
.tabTitleSize {
  padding: 8px 0px !important;
  min-width: 300px !important;
}
.HeaderTitleSize {
  min-width: 100px !important;
}
/* Expand the tables in Financial analysis from edge to edge */
.row-full {
  width: 98vw;
  margin-left: -49vw;
  left: 50%;
  position: absolute;
  padding-bottom: 100px;
  padding-left: 200px;
}
.row-full .section {
  overflow-x: scroll;
}
/* Add slight padding to create some space between input fields in forms */
.row {
  padding-top: 1px;
  padding-bottom: 1px;
}
/* Style custom page */
.accordion-item {
  margin-top: -7px;
}
/* "Flexbox" prevent the tables in Financial analysis from overlap when they get larger */
.section {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.xl_Table {
  padding: 10px;
  margin: 10px;
  flex: 1;
  display: flex;
  justify-content: center;
}
/***** KVK search *****/
/* KVK result box */
.cap-kvk-box {
  position: absolute;
  z-index: 10;
  display: none;
  padding-bottom: 60px;
}
.cap-kvk-box table {
  background-color: #fff;
  border: 1px solid #01c3a8;
}
.cap-kvk-box tr {
  cursor: pointer;
  display: none;
}
.cap-kvk-box tr:hover {
  background-color: #01c3a8;
  color: #ffffff;
}
.cap-kvk-box td {
  padding: 1px 10px 1px 10px;
}
/* KVK result box background (mouse catcher) */
.cap-kvk-back {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  display: none;
}
/***** Financier selection *****/
/* Header styles */
.cap-finsel-head-top th {
  text-align: center;
  background-color: #b9b9b9;
}
.cap-finsel-head-bottom th {
  text-align: center;
  background-color: #e6e6e6;
  font-size: 80%;
}
.cap-financier-head-bottom {
  text-align: center;
  color: #01c3a8;
  font-size: 70%;
  font-weight: bold;
}
/* Generic styles */
.cap-finsel-border-left {
  border-left: 2px solid #cecece;
}
.cap-finsel-fontawesome-selected {
  color: #01c3a8;
  font-size: 130%;
}
.cap-finsel-font-small {
  font-size: 80%;
}
.cap-finsel-fontawesome-check {
  color: #01c3a8;
  margin-top: 1px;
  margin-right: 6px;
}
.cap-finsel-logo {
  max-height: 36px;
  max-width: 100%;
}
/***** Korte flow *****/
.wizard-click:hover {
  cursor: pointer;
}
.nav-wizard > li.special-flow-menu:hover {
  cursor: pointer;
}
.nav-wizard > li {
  text-align: left !important;
}
.nav-wizard .fas {
  float: right;
  margin-top: 2px;
  margin-left: 8px;
  font-size: 18px;
}
.nav-wizard .fa-check {
  color: #01c3a8;
}
.nav-wizard .fa-exclamation-circle {
  color: #d9535d;
}
/* Navigation bar - inactive (grey) 'link' */
.nav-wizard > li > a {
  color: #ffffff !important;
  padding: 9px 15px;
  background-color: #ebebeb;
}
.nav-wizard > li > a:hover {
  background-color: #ebebeb;
}
.nav-wizard > li:not(:last-child) > a:after {
  border-left-color: #ebebeb;
}
.nav-wizard > li:not(:first-child) > a:before {
  border-left: 20px solid #f9f9f9;
}
/* Navigation bar - completed 'link' */
.nav-wizard > li.complete > a:after {
  color: #ffffff !important;
  border-left-color: #ebebeb;
}
.nav-wizard > li.complete > a, .nav-wizard > li.complete > a:hover {
  color: #ffffff !important;
  background-color: #ebebeb;
}
/* Navigation bar - active 'link' */
.nav-wizard > li.active > a, .nav-wizard > li.active > a:hover {
  color: #ffffff;
  background-color: #01c3a8;
}
.nav-wizard > li.active > a:after {
  color: #ffffff;
  border-left-color: #01c3a8;
}
.nav-wizard > li.active .fas {
  color: #fff;
}
.cap-h1-kort {
  text-align: center;
  padding: 20px;
}
.cap-h2-kort {
  text-align: center;
  margin-bottom: 30px;
}
.cap-btn-nieuw {
  width: 100px;
}
.cap-center {
  text-align: center;
}
/* Contact block in the ondernemer shortcap */
.cap-short-contact {
  position: absolute;
  right: -25px;
  top: 20px;
  width: 160px;
  background-color: #01c3a8;
  font-size: 90%;
  padding: 10px;
  text-align: center;
  color: #ffffff;
}
.cap-short-contact a {
  color: #ffffff;
  text-decoration: underline;
}
/* License blocks in the ondernemer shortcap for intermediary */
.cap-short-license {
  margin: 0 auto;
  width: 720px;
}
.cap-short-license .license {
  width: 240px;
  padding: 20px;
  float: left;
}
.cap-short-license .license-name {
  height: 50px;
  text-align: center;
  background-color: #01c3a8;
  color: #ffffff;
  font-size: 150%;
  font-weight: bold;
}
.cap-short-license .license-info {
  position: relative;
  height: 220px;
  text-align: center;
  border: 6px solid #01c3a8;
}
.cap-short-license .license-desc {
  padding: 4px 5px;
}
.cap-short-license .license-price {
  padding-top: 4px;
  margin-bottom: 0px;
  font-size: 120%;
}
.cap-short-license .license-oldprice {
  margin-bottom: 0px;
  text-decoration: line-through;
}
.cap-short-license .license-discount {
  font-style: italic;
  font-size: 80%;
}
.cap-short-license .license-radio {
  position: absolute;
  bottom: 6px;
  width: 100%;
  text-align: center;
}
/* Contract-model styling (TODO: this should be merged with the short-license styling) */
.cap-contract-model {
  margin: 0 0 0 -20px;
  width: 720px;
}
.cap-contract-model .model {
  width: 240px;
  padding: 20px 20px 20px 20px;
  float: left;
}
.cap-contract-model .model .model-title {
  height: 50px;
  text-align: center;
  background-color: #01c3a8;
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
  padding-top: 5px;
}
.cap-contract-model .model.disabled .model-title {
  background-color: lightgray;
}
.cap-contract-model .model .model-info {
  position: relative;
  height: 220px;
  text-align: center;
  border: 6px solid #01c3a8;
}
.cap-contract-model .model.disabled .model-info {
  border: 6px solid lightgray;
  color: lightgrey;
}
.cap-contract-model .model .model-info .model-amount {
  padding-top: 50px;
  margin-bottom: 0px;
  font-size: 200%;
}
.cap-contract-model .model .model-info .model-text {
  font-style: italic;
  font-size: 90%;
}
.cap-contract-model .model .model-info .model-radio {
  position: absolute;
  bottom: 6px;
  width: 100%;
  text-align: center;
}
/***** Statistiek *****/
.cap-stat-block {
  border: 2px solid grey;
  width: 150px;
  margin: 4px;
  padding: 4px;
}
.cap-stat-block.active {
  border: 6px solid #01c3a8;
  width: 154px;
  margin: 2px;
  padding: 2px;
}
.cap-stat-block.recent {
  border: 2px solid orange;
}
.cap-stat-line {
  font-size: 80%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/***** Aanvraag analyse (AAP) *****/
.cap-aap-border-top {
  border-top: 2px solid #cecece !important;
}
.cap-aap-total {
  background-color: #cecece;
  font-weight: bold;
}
/***** Financier setup *****/
.financier-setup-block {
  background-color: #ffffff;
  border: 2px solid #01c3a8;
  margin: 10px;
  height: 100px;
  position: relative;
  text-align: center;
}
.financier-setup-block-image {
  height: 50px;
  line-height: 50px;
  margin: 10px 20px;
}
.financier-setup-block-image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.financier-setup-block-footer {
  position: absolute;
  bottom: 0px;
  color: #3a3a38;
  width: 100%;
  font-size: 90%;
}
.financier-setup-block-active {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px 3px;
}
/*************************************** aanvraag status diagram **********************************/
.cap-status {
  position: relative;
  width: 100%;
  height: 100px;
}
.cap-status .line {
  position: absolute;
  top: -5px;
  width: 100%;
  height: 10px;
  background-color: #cccccc;
}
.cap-status .circle {
  position: absolute;
  left: -18px;
  top: -18px;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background-color: #cccccc;
}
.cap-status .circle-select {
  position: absolute;
  left: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffffff;
}
.cap-status .circle-select-tick:after {
  content: "✔";
  position: absolute;
  left: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #01c3a8;
}
.cap-status .circle-select-cross:after {
  content: "✖";
  position: absolute;
  left: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #ff6000;
}
.cap-status-date {
  font-size: 12px;
  margin-top: -80px;
  margin-left: -20px;
  transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
}
.cap-status .name {
  position: absolute;
  left: -60px;
  top: 20px;
  width: 120px;
  text-align: center;
  font-weight: bold;
}
.cap-status .hover {
  position: absolute;
  left: -30px;
  top: -30px;
  width: 60px;
  height: 60px;
}
.cap-status .tooltip-inner {
  min-width: 200px !important;
}
/*************************** request open state diagram **********************/
.cap-status-open {
  position: relative;
  height: 200px;
  left: 50px;
}
.cap-status-open .title {
  position: absolute;
  width: 130px;
  height: 50px;
  top: 10px;
  text-align: center;
}
.cap-status-open .block {
  position: absolute;
  width: 130px;
  height: 130px;
  top: 60px;
}
.cap-status-open .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cap-status-open .invalid {
  border: 7px solid #cccccc;
}
.cap-status-open .valid {
  border: 7px solid #01c3a8;
}
.cap-status-open .text {
  position: absolute;
  top: 36%;
  width: 100%;
  text-align: center;
  font-size: 125%;
}
/********************************* modal popups ******************************/
.modal-footer .col-sm-1, .modal-footer .col-sm-2, .modal-footer .col-sm-3, .modal-footer .col-sm-4 {
  padding-left: 10px;
  padding-right: 10px;
}
.modal h3.modal-title {
  display: inline;
  font-weight: bold;
  font-size: 20px;
}
/*********************** login *****************************/
.btn-windows {
  background-color: #0089bf;
  border-color: #0089bf;
  border-radius: 5px;
  font-style: italic;
}
.btn-gmail {
  background-color: #DC4436;
  border-color: #DC4436;
  border-radius: 5px;
  font-style: italic;
}
p.or-message:before {
  right: 0.5em;
  margin-left: -40%;
}
p.or-message:after {
  left: 0.5em;
  margin-right: -40%;
}
p.or-message {
  text-align: center;
  padding-top: 20px;
}
p.or-message:before, p.or-message:after {
  content: "";
  background: #333;
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 46%;
}
/*********************** pagination *****************************/
td.previous {
  padding-right: 10px;
  text-align: right;
}
td.next {
  padding-left: 10px;
  text-align: left;
}
a.pagination {
  color: #01c3a8;
  cursor: pointer;
}
.pagination-disabled {
  color: #bbb;
  text-decoration: none;
  cursor: default;
}
table.form-type td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
table.form-type td input.disabled {
  background: #fff;
}
table.form-type {
  width: 100%;
}
/**************** bootstrap pagination ******************/
.pagination > li > a {
  color: #01c3a8;
}
.pagination > .active > a, .pagination > .active > a:hover {
  background-color: #01c3a8;
  border-color: #01c3a8;
}
/**************** translations ******************/
.return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
.return-to-top:hover i {
  color: #fff;
  top: 5px;
}
textarea.translation {
  width: 100%;
  box-sizing: border-box;
  resize: none;
}
table.translation {
  padding-top: 5px;
  table-layout: fixed;
  width: 100%;
}
table.translation td {
  padding-right: 5px;
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow: hidden;
}
table.translation th {
  border-bottom: 1px solid #ccc;
  padding-right: 5px;
  padding-top: 5px;
}
table.translation .tooltip {
  word-break: break-all;
}
.admin-bar {
  position: fixed;
  z-index: 10000;
  bottom: 50%;
  left: -1px;
  border: 1px solid #000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #ebebeb;
}
.save {
  font-size: 16px;
  cursor: pointer;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #f9f9f9;
  overflow-x: hidden;
  transition: 0.5s;
  padding-bottom: 52px;
  overflow: hidden;
}
.sidenav .closebtn {
  position: absolute;
  top: 2px;
  right: 25px;
  font-size: 30px;
  margin-left: 50px;
  background-color: #f9f9f9;
  text-decoration: none;
  color: #838383;
}
#transPage {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
}
/******************************************************************************/
.general-buttons {
  display: inline-block;
  float: right;
}
a.btn-primary:hover, a.btn {
  text-decoration: none !important;
}
a.selected {
  background-color: #ddd;
  font-weight: bold !important;
}
.datetime {
  cursor: pointer;
}
.datetime .input-group-addon {
  padding-left: 10px;
}
#edit-button {
  position: fixed;
  bottom: 135px;
  right: 16px;
}
.recovered.visible {
  border-color: #a94442;
}
.recovered-div .recover-icon {
  position: absolute;
  top: 10%;
  left: 100%;
  font-size: 10px;
  z-index: 1020;
  cursor: pointer;
  color: #a94442;
}
.recovered-div {
  position: relative;
}
.editor-table th {
  background-color: #01c3a8;
  color: #ffffff;
}
.editor-table {
  border-color: #f9f9f9;
  border-style: solid;
  border-width: thin;
}
.preview-icon {
  position: absolute;
  top: 35%;
  left: 90%;
  cursor: pointer;
}
.pdf-preview {
  width: 100%;
  height: 600px;
}
.frac {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  letter-spacing: 0.001em;
  text-align: center;
}
.frac > span {
  display: block;
  padding: 0.1em;
}
.frac span.bottom {
  border-top: thin solid black;
}
.frac span.symbol {
  display: none;
}
.face {
  width: 100%;
  height: 100%;
  transform: rotateX(180deg);
  overflow: hidden;
}
.circle {
  fill: none;
}
.range {
  stroke-width: 30;
}
.needle {
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -6%;
  transform-origin: bottom center;
  background: #333;
  /*orientation fix*/
  transform: rotate(270deg);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  width: 6px;
}
/****/
/***LOADER***/
.loader {
  border: 6px solid #ccc9c9;
  /* Light grey */
  border-top: 6px solid #01c3a8;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
.loader-dark {
  border: 6px solid #f3f3f3;
  /* Light grey */
  border-top: 6px solid #333;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
.overlay {
  background: #e9e9e9;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1000;
}
.overlay .loader {
  position: fixed;
  left: 50%;
  top: 50%;
  border: 8px solid #ccc9c9;
  border-top: 8px solid #01c3a8;
  width: 40px;
  height: 40px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label, .has-error legend, .has-error label {
  color: #a94442 !important;
}
.has-error .input-group-text, .has-error input, .has-error select {
  border-color: #a94442 !important;
}
.has-error .input-group-text {
  color: #d9535d !important;
  background-color: #f2dede !important;
}
[capid="kvkSearch"].has-error label {
  color: #a94442;
}
.has-error-box {
  border-color: #d9535d;
}
.cap-head {
  background-color: #01c3a8;
  color: #ffffff;
}
/**** HELP ICON ****/
.help-menu {
  color: #777 !important;
  font-size: 22px;
  margin-top: 3px;
}
.help-menu:after {
  content: none;
}
.help-menu .fas:hover {
  color: #555555;
}
/*** INBOX ICON ***/
.notification-nav {
  margin-right: 5px;
  margin-top: 5px;
}
.notification {
  font-size: 24px;
}
.notification .badge {
  position: absolute;
  top: 12px;
  right: 5px;
  padding: 3px 5px;
  border-radius: 80%;
  background: red;
  color: white;
}
.unread-messages {
  font-weight: bold;
}
.popup-notification .popup-badge {
  float: left;
  border-radius: 50%;
  background-color: red;
  padding: 1px 2px;
  color: white;
  width: 20px;
  text-align: center;
  font-size: 12px;
}
.popup-notification .popup-text {
  padding-left: 10px;
  padding-right: 20px;
}
/* Change color of dropdown links on hover */
.dropdown-hover:hover .dropdown-hover-content {
  display: block;
}
.dropdown-hover:hover .dropdown-toggle {
  padding-bottom: 15px;
  color: #555;
}
.dropdown-hover:hover {
  background-color: #e7e7e7;
}
.set-default-color {
  float: right;
  margin-left: 15px;
  margin-top: 7px;
  color: #01c3a8;
}
.set-default-color:hover {
  cursor: pointer;
}
.input-group.colorpicker-component {
  width: 87%;
}
/* email field type styles */
.tags-container {
  background: white;
  height: auto;
}
.tags-container .badge {
  font-size: 16px;
  font-weight: normal;
  padding: 6px 14px;
  cursor: pointer;
  margin: 2px;
  background-color: #01c3a8;
  color: #ffffff;
}
.tags-container .badge .fas {
  padding-left: 10px;
  top: -2px;
  font-size: 12px;
}
.tags-container .tags-container-input {
  border: 0;
  display: inline-block;
  padding: 5px;
}
.tags-container .tags-container-input:focus {
  outline-width: 0;
}
.tags-container .tags-container-input[disabled] {
  background-color: #eee;
}
.tags-container[disabled] .badge {
  color: #f1f1f1;
  background-color: #838383;
}
/* form box field type */
.choices-box {
  display: flex;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
.choice-box {
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: 2px solid #ccc;
  margin: 15px;
  justify-content: center;
  cursor: pointer;
  width: 200px;
  height: 200px;
}
.choice-box label {
  text-align: center;
  cursor: pointer;
}
.choice-box.disabled {
  opacity: 0.4;
  background-color: #ccc;
}
.choice-box.selected {
  border-color: #01c3a8;
  color: #01c3a8;
}
.login-org-name {
  position: absolute;
  width: 165px;
  margin-top: 120px;
}
.choice-box-img {
  align-self: center;
  display: flex;
  height: 100px;
  padding-bottom: 5px;
}
.choice-box-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* toolbar **/
.user-init {
  background-color: #01c3a8;
  color: #ffffff;
  border-radius: 50%;
  padding: 10px 0;
  width: 40px;
  text-align: center;
  height: 40px;
  vertical-align: middle;
}
.user-toggle {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.small-icon {
  font-size: 12px;
  padding-left: 3px;
}
#usersTable .cap-finsel-head-bottom th {
  text-align: left;
}
#usersTable td {
  font-size: 80%;
}
.logs-table {
  table-layout: fixed;
}
.logs-table td {
  font-size: 80%;
  word-break: break-all;
  padding: 2px !important;
}
.badge-invalid {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border: #a94442 1px solid !important;
}
.leadgenerator-table .vertical {
  overflow: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.rotate-table {
  width: 100%;
  display: block;
  overflow: auto;
  font-size: 14px;
}
.rotate-table .rotate {
  white-space: nowrap;
  height: 200px;
}
.rotate-table .question {
  background: #ccc;
}
.rotate-table .center {
  text-align: center;
  border: solid 1px white;
  background: grey;
  color: white;
  font-weight: bold;
}
.rotate-table th.rotate > div {
  transform: translate(25px, 51px) rotate(315deg);
  /* Magic Numbers */
  width: 58px;
}
.rotate-table th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
.wide-modal {
  z-index: 10000;
}
.wide-modal .modal-dialog {
  width: 50vw;
}
.fin-percent {
  font-size: 10px;
  font-style: italic;
}
.stepper-collapsible {
  border: solid 2px #01c3a8;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0;
  display: flex;
  cursor: pointer;
}
.stepper-collapsible a {
  color: inherit;
  flex: 1;
}
.stepper-collapsible a:hover {
  text-decoration: none;
}
.stepper-collapsible__content {
  padding: 0px 10px;
}
#leadgenerator {
  padding-top: 50px;
}
/* Select request button box */
.select-request-radio .box {
  background: #fff;
  border: 1px solid #ddd;
  padding: 40px 20px;
  margin: 20px 0;
  text-align: center;
  color: #01c3a8;
  box-shadow: 2px 2px 5px #ddd;
  border-radius: 5px;
}
.select-request-radio .box:hover {
  cursor: pointer;
}
.select-request-radio *:hover {
  cursor: pointer;
}
.select-request-radio .box-clicked {
  background: #01c3a8;
  color: #fff;
}
.fas.mail, .far.mail {
  font-size: 30px;
}
.fas.mail.fa-check-circle {
  color: #01c3a8;
}
.fas.mail.fa-exclamation-triangle {
  color: #d9535d;
}
.fas.mail.fa-inbox {
  color: #333333;
}
/* Capsearch alert message customization */
.cap-alert {
  margin-top: 5px;
}
.alert ul {
  margin-bottom: 0;
}
.hidden {
  display: none;
}
/***** Left bar *****/
/** Important: any missing width information can be found in left_bar.html.twig! **/
#left-bar {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 102%;
  background: #ebebeb;
  z-index: 102;
}
#left-bar-spacer {
  height: 110px;
}
ul#left-navbar {
  list-style-type: none;
  padding-left: 0px;
}
/***** Left bar menu items *****/
ul#left-navbar li {
  height: 50px;
  border-left: 10px solid #ebebeb;
}
ul#left-navbar li.active {
  border-color: #01c3a8;
  background: #f9f9f9;
}
ul#left-navbar li a {
  padding-left: 5px;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #000000;
}
ul#left-navbar li .left-navbar-text {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
}
.left-navbar-text {
  font-size: 16px;
  vertical-align: middle;
  line-height: normal;
}
ul#left-navbar li.active > a > i {
  color: #01c3a8;
}
ul#left-navbar li.active .left-navbar-text {
  color: #01c3a8;
}
ul#left-navbar li i {
  display: inline-block;
  line-height: 50px;
  font-size: 18px;
  margin-left: 10px;
  padding-right: 10px;
}
ul#left-navbar li:hover {
  border-color: #f9f9f9;
  background: #f9f9f9;
}
ul#left-navbar li.active:hover {
  border-color: #01c3a8;
  background: #f9f9f9;
}
/***** Left bar collapse arrow *****/
#collapse-left-arrow, #collapse-right-arrow {
  position: fixed;
  bottom: 0px;
  height: 60px;
  text-align: center;
  background-color: #d2d2d2;
  z-index: 50;
}
#collapse-left-arrow:hover, #collapse-right-arrow:hover {
  cursor: pointer;
  background: #fff;
  color: #01c3a8;
}
#collapse-left-arrow i, #collapse-right-arrow i {
  font-size: 20px;
  margin-top: 20px;
  margin-left: 3px;
}
/***** Anything related to the right bar *****/
#right-bar {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 200px;
  height: 102%;
  background: #ebebeb;
  z-index: 100;
}
#right-bar-spacer {
  height: 110px;
}
#special-flow-progression-bar {
  padding-top: 20px;
  padding-left: 20px;
  width: 50px;
  width: 90%;
}
#special-flow-progression-bar #middle-line {
  position: absolute;
  margin-left: 18.5px;
  height: 100%;
  width: 3px;
  background: #ccc;
  z-index: 2;
}
#special-flow-progression-bar .circle-step {
  position: relative;
  z-index: 4;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 2px solid #ccc;
  margin-bottom: 40px;
  background: #ffffff;
  color: #000000;
}
#special-flow-progression-bar .circle-step.error {
  color: #fff;
  background: #d9535d;
  border-color: #d9535d;
}
#special-flow-progression-bar .circle-step.complete {
  background: #333333;
  color: #ffffff;
  border-color: #333333;
}
#special-flow-progression-bar .circle-step.active {
  background: #01c3a8;
  color: #ffffff;
  border-color: #01c3a8;
}
#special-flow-progression-bar .circle-step:last-child {
  margin-bottom: 0px;
}
#special-flow-progression-bar .circle-step .fas.fa-check {
  font-size: 20px;
  margin-top: 8px;
  margin-left: 8.5px;
}
#special-flow-progression-bar .circle-step .fas.fa-exclamation {
  font-size: 20px;
  margin-top: 8px;
  margin-left: 14.5px;
}
#special-flow-progression-bar .circle-step .counter {
  font-size: 20px;
  display: inline-block;
  margin-top: 5px;
  margin-left: 12.5px;
}
#special-flow-progression-bar .circle-step-description {
  position: absolute;
  margin-top: -70px;
  margin-left: 45px;
  font-size: 14px;
  text-decoration: none;
  color: #000000;
}
#special-flow-progression-bar .circle-step-description.active {
  color: #01c3a8;
}
.nav-wizard > li:not(:first-child) > a:before {
  top: -3px;
  right: -14px !important;
}
.nav-wizard > li:not(:last-child) > a:after {
  top: -3px;
  right: -14px !important;
}
.nav-wizard > li > a {
  text-decoration: none;
}
select, select:active {
  outline: none !important;
  box-shadow: none !important;
}
.cap-block .col-sm-10 {
  width: 100% !important;
}
/* CKEditor read-only background color */
.ck-read-only {
  background: #eee !important;
}
#ratingModal .modal-footer button, #requestSendModal button {
  width: 100% !important;
}
label[for="organisatie_importOrgs"] {
  margin-top: -15px;
}
#leadgenerator_organizations_right {
  width: 50px;
  margin-top: -50px;
  margin-bottom: 5px;
}
#leadgenerator_organizations_left {
  width: 50px;
}
#enableTwoFactorPopup .modal-dialog {
  min-width: 900px;
}
.two-factor-box #form_code {
  width: 250px;
  margin-left: 21px;
}
#form_save_two_factor {
  width: 250px;
}
.button-to-link {
  width: unset;
  background: none !important;
  border-width: 0px !important;
  color: #337ab7 !important;
  text-align: left !important;
}
.button-to-link:hover {
  color: #0a58ca !important;
  text-decoration: underline !important;
  background: none !important;
}
#applist_2fa li {
  list-style-type: none;
  margin-left: -10px;
  margin-bottom: 5px;
}
#QRcode_2fa {
  margin-left: 20px;
}
#applist_2fa li .fab {
  width: 30px;
  font-size: 25px;
}
#progress-2fa {
  margin-left: 50px;
  margin-top: -10px;
}
#forced_2fa_form {
  margin-top: 25px;
}
#progress-2fa #middle-line {
  z-index: 2;
  position: absolute;
  width: 1px;
  height: 450px;
  border-right: 3px solid #ccc;
  margin-left: 24px;
}
#progress-2fa .step {
  position: relative;
  z-index: 3;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #01c3a8;
}
#progress-2fa .step-text {
  position: absolute;
  margin-left: 16px;
  margin-top: 5px;
  font-size: 30px;
  color: #ffffff;
}
#progress-2fa .step-2 {
  margin-top: 100px;
}
#progress-2fa .step-3 {
  margin-top: 218px;
}
.btn[capid=file], .btn[capid=financierFile], .btn[capid=bfile], .btn[capid=sbifile] {
  height: 44px;
}
.btn[capid=file] > label, .btn[capid=financierFile] > label, .btn[capid=bfile] > label, .btn[capid=sbifile] > label {
  margin-top: 0px;
}
.cap-confirm-cancel-popup .modal-body {
  font-weight: normal !important;
}
.envelope-button {
  padding: 0 !important;
}
.notification .fa-envelope {
  margin-right: 10px;
  color: #777 !important;
}
.form-group > div {
  padding-top: 1px;
  padding-bottom: 1px;
}
.col-form-label {
  width: unset !important;
}
.sbi-row .checkbox {
  display: inline-block;
}
.avatar {
  width: 40px;
}
.avatar img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid white;
}
.avatar span {
  color: #01c3a8;
  border-radius: 50%;
  border: 1px solid white;
  background: #ffffff;
  padding: 5px;
}
.form-group .box-container {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  margin: 20px 0;
  box-shadow: 2px 2px 5px #ddd;
  border-radius: 5px;
}
.form-group .box-container .title {
  text-align: center;
  color: #01c3a8;
}
.form-group .box-container .title:hover {
  cursor: pointer;
}
.form-group a:hover {
  text-decoration: none;
}
.form-group .box-container h6 {
  color: #01c3a8;
}
.form-group .box-container ul {
  list-style: none;
  padding: 0;
}
.form-group .tick-mark ul li:before {
  content: "✓";
  padding-right: 5px;
}
.form-group .box-container td {
  vertical-align: middle !important;
  border: 0 !important;
}
.form-group .box-container input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.form-group .checked-radio {
  background: #01c3a8;
}
.form-group .checked-radio .title {
  color: #fff;
}
.popup-table > thead {
  background-color: #bbbbbb;
  color: #ffffff;
}
.popup-spanner {
  position: absolute;
  top: 50%;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  display: block;
  text-align: center;
  height: 640px;
  color: #FFF;
  transform: translateY(-50%);
  z-index: 1000;
  visibility: hidden;
}
.popup-loader, .popup-loader:before, .popup-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.popup-loader {
  color: #ffffff;
  font-size: 10px;
  margin: 60px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.popup-loader:before, .popup-loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.popup-loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.popup-loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.show {
  visibility: visible;
}
.hide {
  visibility: hidden;
}
.popup-spanner {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-spanner.show {
  opacity: 1;
}
.popup-spanner.hide {
  opacity: 0;
}
.btn_link {
  width: 90%;
  border: 0;
  text-align: left;
  background: #ffffff00;
  font-size: 14px;
  margin-left: 15px;
  padding: 3px;
}
.btn_link:hover {
  background: #f1f1f1;
}
.dropdown-menu {
  min-width: 13rem !important;
}
.status {
  border-radius: 100%;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  border: 1px solid #f9f9f9;
}
.red {
  background-color: #F00;
}
.black {
  background-color: #000;
}
.yellow {
  background-color: #ffd001;
}
.green {
  background-color: #00a841;
}
/* Mail-list template */
#mail-list textarea {
  width: 100%;
  min-height: 50px;
}
#mail-list .email-info:hover {
  cursor: pointer;
}
#mail-list .email-body {
  display: none;
}
#mail-list .email-body-text {
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff;
}
#mail-list .email-body-text-detail {
  font-size: 12px;
}
#mail-list .selected {
  background: #01c3a8;
  color: #fff;
}
/* Dynamic popup */
.loader-position {
  margin: auto;
  width: 100%;
}
.loader-position > div {
  position: absolute;
  top: 40%;
  left: 49%;
}
#popup_form .ck-editor__editable_inline {
  max-height: 400px;
}
.popover-buttons .btn:hover {
  text-decoration: none;
}
#dynamicPopupBody .nav-tabs {
  margin-bottom: 10px;
}
#dynamicPopupBody .text-editor-mailer {
  margin-top: 10px;
}
.popup-table {
  margin-top: 15px;
}
.popup-selection-button {
  width: 30px;
  height: 28px;
  background-color: #fff !important;
}
.popup-selection-button:hover {
  width: 30px;
  height: 28px;
  background-color: #01c3a8 !important;
  color: #fff !important;
}
/* Popup Button */
.popup-circle-button {
  width: 38px;
  margin-right: 10px;
  padding: 0;
}
.popup-circle-button button {
  border-radius: 100%;
  padding: 5px 10px;
}
/* Switched account banner */
#switched-account-banner {
  margin-top: 10px;
  position: relative;
  width: 100%;
  background: #01c3a8;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
}
#switched-account-banner .fa-id-card {
  font-size: 35px !important;
  color: #ffffff;
  padding-right: 20px;
  margin-top: 5px;
}
#switched-account-banner a:hover {
  text-decoration: none;
}
/* Messages on the overview page */
#messages-overview .cap-card {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#messages-overview .cap-card:last-child {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
}
#messages-overview .cap-card-body {
  padding: 40px;
  background: #efefef;
}
#messages-overview .cap-card-body .hide-message-arrow {
  float: right;
  font-size: 20px;
  cursor: pointer;
  transition-duration: 0.25s;
  transition-property: transform;
}
#messages-overview .cap-card-header-light {
  color: #37352F;
  opacity: 0.5;
  display: inline-block;
  width: 65px;
}
#messages-overview .cap-card-header {
  color: #000;
}
#messages-overview .new-message .cap-card-body {
  border: 2px solid #01c3a8;
}
#messages-overview .old-message .cap-card-body {
  border: 2px solid #37352F;
}
#messages-overview .cap-card .reply-button {
  width: 200px;
  float: right;
}
#messages-overview .cap-accordion {
  border: 1px solid #dee2e6;
  margin-top: 15px;
}
#messages-overview .cap-accordion-header {
  padding: 15px;
  background: #fff;
  border-bottom: 1px solid #dee2e6;
}
#messages-overview .cap-accordion-header .light-text {
  color: #37352F;
  opacity: 0.5;
  float: right;
  margin-right: 30px;
  margin-top: 3px;
  font-size: 15px;
}
#messages-overview .send-message-button {
  float: right;
  margin-right: 20px;
}
#messages-overview .send-message-button {
  display: inline-block;
  width: 150px;
}
#messages-overview .send-message-button .btn {
  margin-top: -6px;
}
#messages-overview .cap-accordion-header:last-child {
  border: none;
}
#messages-overview .cap-accordion-header:hover {
  cursor: pointer;
}
#messages-overview .cap-accordion-header {
  border-bottom: 1px solid #dee2e6;
}
#messages-overview .cap-accordion-header .title {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 17px;
}
#messages-overview .cap-accordion-header .new-messages {
  float: right;
  font-size: 20px;
  margin-top: -2px;
  color: #01c3a8;
}
#messages-overview .cap-accordion-header .badge {
  float: right;
  margin-right: 20px;
  margin-top: 1px;
  font-size: 14px;
}
#messages-overview .cap-accordion-body:hover {
  cursor: default;
}
#messages-overview .cap-accordion-body .box-container {
  padding: 0px !important;
  margin: 0px !important;
  box-shadow: none !important;
  border: none !important;
  height: 200px;
}
#messages-overview .cap-accordion-body .box-container:hover {
  cursor: default !important;
}
#messages-overview .box-container .title {
  font-size: 16px !important;
}
#messages-overview .arrow .fas {
  overflow: hidden;
  transition-duration: 0.25s;
  transition-property: transform;
  color: #01c3a8;
}
#messages-overview .message-arrow {
  transition-duration: 0.5s;
  transition-property: transform;
  color: #01c3a8;
}
#messages-overview .message-arrow:hover {
  color: #333333;
}
#messages-overview .cap-accordion-arrow-rotate, .message-arrow-rotate {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#messages-overview .cap-card-toggler {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#messages-overview .card-card-toggler .incoming-outgoing {
  float: left;
  color: #01c3a8;
}
#messages-overview .cap-card-toggler.last-toggler {
  padding-bottom: 10px;
}
#messages-overview .cap-card-toggler-body {
  padding-top: 15px;
  padding-left: 40px;
  padding-right: 10px;
  padding-bottom: 10px;
  background: #efefef;
  cursor: pointer;
  height: 50px;
}
#messages-overview .cap-card-toggler-body .cap-card-header {
  display: inline-block;
  padding-left: 10px;
  margin-top: -6px;
  width: unset;
}
#messages-overview .cap-card-toggler-body .cap-card-header-light {
  display: inline-block;
  padding-left: 10px;
  margin-top: -6px;
  width: unset;
}
#messages-overview .badge.bg-maincolor {
  background: #01c3a8;
  color: #ffffff;
}
#messages-overview .incoming-message-icon {
  color: #01c3a8;
}
#messages-overview .incoming-outgoing {
  font-size: 20px;
}
#messages-overview .financier .cap-accordion-header {
  cursor: default;
}
#messages-overview .financier-header-text {
  margin-top: 30px;
  margin-left: 25px;
}
#messages-overview .financier .title {
  font-size: 20px;
}
#messages-overview .financier .box-container {
  background: none !important;
}
/* Attachments on messages page */
.attachment-boxes {
  margin-top: 15px;
}
.attachment-box {
  display: inline-block;
  width: auto;
  padding-right: 25px;
  padding-left: 10px;
  padding-top: 3px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.attachment-box:hover {
  cursor: pointer;
  border: 1px solid #01c3a8;
}
.attachment-box .icon {
  font-size: 30px;
  float: left;
}
.attachment-box .filename {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}
.box-table {
  background: #fff;
  border: 1px solid #ebebeb;
}
.box-table tr th {
  background: #ebebeb;
}
.box-table th, .box-table td {
  padding-left: 15px;
  padding-right: 15px;
}
.empty-container {
  height: 350px;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 5px #ddd;
  margin: 10px 0;
  border-radius: 5px;
}
.empty-container-small {
  height: 199px;
  position: relative;
  background: #fff;
  box-shadow: 2px 2px 5px #ddd;
  margin: 10px 0;
  border-radius: 5px;
}
.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.empty-container .center .title {
  font-weight: bold;
  color: #01c3a8;
  margin-bottom: 15px;
}
.table-list-dropdown .fas {
  width: 15px !important;
  font-size: 14px;
}
.table-list-dropdown:focus {
  background-color: #01c3a8;
}
/* Hubspot chat and tooltip */
#hubspot-messages-iframe-container {
  margin-bottom: 50px;
}
/* Force the tooltip to go above the chat */
.tooltip {
  position: fixed;
  z-index: 99999999999999;
}
/* File upload for the new-message template */
#fileUpload .upload-area {
  width: 100%;
  min-height: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 0.25rem;
  border: 2px dashed #01c3a8;
  background: none;
}
#fileUpload .upload-area:hover {
  cursor: pointer;
}
#fileUpload .upload-area .dz-size, #fileUpload .upload-area .dz-image, #fileUpload .upload-area .dz-error-mark, #fileUpload .upload-area .dz-success-mark, #fileUpload .upload-area .dz-error-message {
  display: none;
}
#fileUpload .upload-area-message {
  color: #01c3a8;
}
#fileUpload .dz-message {
  text-align: center;
  margin-top: 30px;
}
#fileUpload .upload-area-message:hover {
  cursor: pointer;
}
#fileUpload .alert {
  margin-top: 5px !important;
  margin-bottom: 0px !important;
}
#fileUpload .dz-preview {
  display: inline-block;
  width: auto;
  margin-left: 5px;
  height: 50px;
}
#fileUpload .dz-filename {
  display: inline-block;
  width: auto;
  padding-right: 10px;
  padding-left: 33px;
  padding-top: 7px;
  height: 36px;
}
#fileUpload .dz-details {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#fileUpload .dz-filename > span[data-dz-name] {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}
#fileUpload .icon {
  position: relative;
  font-size: 30px;
  float: left;
  margin-top: -43px;
  margin-left: 7px;
  padding-right: 10px;
}
/*********UPLOAD CUSTOMER DOCUMENTS*********/
#uploadDocument .document-area {
  width: 100%;
  min-height: 350px;
  border: 1px solid red;
  padding: 10px;
  border-radius: 0.25rem;
  border: 2px dashed #01c3a8;
}
#uploadDocument .document-area .center {
  margin: 0;
  position: absolute;
  top: 70%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
  color: #01c3a8;
  visibility: hidden;
}
#uploadDocument .document-area:hover .center {
  visibility: visible;
}
#uploadDocument .document-area .dz-preview {
  overflow: hidden;
  border-radius: 5px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px 0;
  position: relative;
  display: block;
  z-index: 10;
  float: left;
  margin: 5px;
}
#uploadDocument .dz-filename {
  display: inline-block;
  width: auto;
  padding-right: 10px;
  padding-left: 33px;
  padding-top: 7px;
  height: 36px;
}
#uploadDocument .document-area .icon {
  color: #01c3a8 !important;
  position: relative;
  font-size: 25px;
  float: left;
  margin-top: -35px;
  margin-left: 7px;
  padding-right: 10px;
}
#uploadDocument .document-area .dz-size, #uploadDocument .document-area .dz-image, #uploadDocument .document-area .dz-error-mark, #uploadDocument .document-area .dz-success-mark {
  display: none;
}
.sub-header-title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #01c3a8;
  margin: 25px 0;
  font-size: 20px;
}
.sub-header-title:after {
  content: "";
  border-top: 1px solid #dadada;
  margin: 0 25px 0 0;
  flex: 1 0 25px;
}
.sub-header-title:after {
  margin: 0 0 0 10px;
}
/* Quickscan analysis */
.quickscan-analysis-left-enable-box {
  position: absolute;
  margin-top: 12px;
  margin-left: -18px;
  height: 0px;
}
/* Akkoord aanvraag text next to the checkboxes */
.akkoord-aanvraag-checkboxes input[type="checkbox"] {
  float: left;
  margin-right: 10px;
}
.animated-capsearch-checkbox {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin-top: 3px;
  font: inherit;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #01c3a8;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.animated-capsearch-checkbox::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: #fff;
}
.animated-capsearch-checkbox:checked::before {
  transform: scale(1);
}
.animated-capsearch-checkbox:checked {
  color: #fff;
  background-color: #01c3a8;
}
.download-all-attachments {
  margin-top: 10px;
  display: inline-block;
  color: #01c3a8 !important;
}
#notes-overview .cap-accordion {
  border: 1px solid #dee2e6;
  margin-top: 15px;
}
#notes-overview .cap-accordion-header {
  border-bottom: 1px solid #dee2e6;
  background: #fff;
  padding: 15px;
}
#notes-overview .title {
  font-size: 20px;
}
#notes-overview .cap-accordion-header .title {
  margin-left: 10px;
  margin-top: 5px;
}
#notes-overview #show-new-note {
  float: right;
  margin-top: -5px;
  margin-right: 20px;
  width: 150px;
}
.cap-request-note-wrapper {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.cap-request-note-wrapper:last-child {
  padding-bottom: 10px;
}
.cap-request-note-info-wrapper {
  background: #fff;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px dotted #01c3a8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cap-request-notes-headers {
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  color: #37352F;
}
.cap-request-notes-headers span {
  padding-right: 10px;
}
.cap-request-note-icon, .cap-request-note-icon-loading, .cap-request-note-icon-saved {
  padding-left: 10px;
}
.cap-request-info-text {
  color: #37352F;
  font-size: 15px;
  opacity: 0.5;
}
.cap-request-note-owner {
  font-weight: bold;
}
.cap-note-filler {
  flex-grow: 1;
}
.cap-request-notes-headers .cap-note-button {
  display: inline-block;
  margin-left: 15px;
  color: #01c3a8;
}
.edit-note:hover {
  cursor: pointer;
  color: #333333;
}
.delete-note:hover {
  cursor: pointer;
  color: #d9535d;
}
.cap-request-note {
  padding: 15px;
  border: 2px solid #fff;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #efefef;
}
.note-buttons {
  height: 50px;
  margin-top: 10px;
}
.note-buttons .btn, .edit-note-button {
  width: 150px;
  float: right;
  margin-right: 5px;
}
.edit-note-button {
  margin-top: 10px;
}
.ck-editor__editable_inline {
  min-height: 100px;
}
.cap-request-note .note-edit-area {
  display: none;
  padding-bottom: 50px;
}
.cap-request-note-icon-loading, .cap-request-note-icon-saved {
  color: #01c3a8;
  display: none;
}
#notes-overview .last-edited {
  font-size: 14px;
  margin-top: 25px;
  display: none;
  color: #808080;
}
.request-last-note-tooltip {
  display: none;
  position: absolute;
  z-index: 9999999;
  padding: 10px;
  background: #000;
  border-radius: 10px;
  width: 400px;
  margin-left: -135px;
}
.request-last-note-tooltip-text span {
  white-space: normal;
  position: relative;
  z-index: 1;
  word-wrap: normal;
  max-width: 400px;
  width: 100%;
  color: #fff;
  font-size: 14px;
  text-align: left;
}
.request-last-note-tooltip-text span table {
  color: #CCC !important;
}
.cap-table-aanvraag-list .order-arrow {
  color: #fff;
  font-size: 14px;
  margin-left: 3px;
  margin-right: 3px;
}
.cap-table-aanvraag-list th a, .cap-table-aanvraag-list th a:hover, .cap-table-aanvraag-list th a:active {
  color: #fff;
  text-decoration: none;
}
#search-tags {
  min-height: 40px;
}
#capwiki-results-box {
  margin-top: 5px;
  min-height: 500px;
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 5px;
}
#capwiki-empty-state {
  text-align: center;
  margin-top: 100px;
}
#capwiki-empty-state span {
  color: #bbb;
  font-weight: bold;
  font-size: 16px;
}
#capwiki-result-count {
  margin-top: 10px;
  margin-left: 10px;
  width: 100%;
  font-weight: bold;
}
.capwiki-financier-box {
  display: inline-block;
  border: 1px dotted #01c3a8;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px;
}
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
}
.autocomplete-suggestion {
  opacity: 1;
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  color: #333333;
  background-color: #01c3a8;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: red;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}
.capwiki-new-tag, .capwiki-add-tag {
  display: inline-block;
  padding: 2px 5px 2px 5px;
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  color: #000;
  margin-left: 5px;
  margin-top: 5px;
}
.capwiki-new-tag-remove {
  padding-left: 3px;
}
.capwiki-new-tag-remove i {
  color: red;
}
.capwiki-new-tag-add i {
  color: #01c3a8;
}
.capwiki-result {
  border-bottom: 1px dotted #01c3a8;
  margin: 2px 2px 2px 2px;
  padding: 25px;
}
.capwiki-result:hover {
  background: #F8F8F8;
  cursor: pointer;
}
.capwiki-result .capwiki-result-financier {
  display: inline-block;
  width: 250px;
  text-align: center;
  font-weight: bold;
}
.capwiki-result .capwiki-result-criteria {
  display: inline-block;
  width: 75%;
  vertical-align: top;
  padding-left: 25px;
}
.capwiki-result-tags {
  font-size: 14px;
  display: inline-block;
  margin-top: 25px;
  float: right;
  color: #AAA;
}
.search-tag-box {
  border: 2px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  margin-right: 5px;
}
#add-tag-button {
  margin-top: 22px;
  width: 50px;
  margin-left: -15px;
}
#pdf-page-container {
  position: fixed;
  margin-top: -45px;
  height: 100%;
  max-width: 800px;
  min-height: 800px;
  z-index: 102;
}
.highlight-element {
  position: absolute;
  z-index: 99999;
  border: 2px solid #01c3a8;
  border-radius: 5px;
  overflow: hidden;
}
.highlight-element-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #01c3a8;
  opacity: 0.1;
}
.side-by-side-border {
  border: 1px solid #01c3a8;
}
.element-warning, .element-warning-div > div {
  border: 2px solid orange;
  border-radius: 5px;
}
#pdf-page {
  max-width: 800px;
  max-height: 90vh;
}
#page-selection-wrapper {
  position: fixed;
  z-index: 1001;
  top: 10px;
  margin-bottom: 10px;
}
#page-selection-mode {
  width: 140px;
  display: inline-block;
}
#manual-selection-wrapper {
  width: 130px;
  display: inline-block;
  position: absolute;
  margin-left: 300px;
  margin-top: -37px;
}
.page-selection-child {
  display: none;
}
#magnifying-class-wrapper {
  position: absolute;
  margin-left: 500px;
  margin-top: -30px;
  width: 150px;
}
#current-page-number {
  width: 60px;
  float: right;
}
#page-selection-wrapper .fas {
  font-size: 25px;
  color: #01c3a8;
}
#page-selection-wrapper .fa-minus {
  margin-top: 4px;
  float: left;
  padding-right: 10px;
}
#page-selection-wrapper .fa-plus {
  float: right;
  padding-left: 10px;
  margin-top: 5px;
}
#page-selection-wrapper #current-page-number {
  float: right;
}
#page-selection-wrapper .fas:hover {
  cursor: pointer;
}
.page-selection-child input, .page-selection-child i {
  display: inline-block;
}
#pdf-page-loader {
  position: absolute;
  z-index: 999;
  top: 40%;
  left: 40%;
}
.magnifier-lens {
  position: absolute;
  border: 3px solid #01c3a8;
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 200% 200%;
  display: none;
  z-index: 1001;
}
.nav-tabs {
  border-bottom: 1px solid #01c3a8;
}
.nav-tabs a.nav-link, .nav-tabs button.nav-link {
  color: #555 !important;
  background-color: #F5F5F5;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #01c3a8;
}
.nav-tabs .nav-link.active {
  background: #f9f9f9 !important;
  background-color: #f9f9f9 !important;
  border-bottom: none !important;
  color: #000 !important;
}
.nav-item:has(> .nav-link.active) {
  border-top: 1px solid #01c3a8 !important;
  border-left: 1px solid #01c3a8 !important;
  border-right: 1px solid #01c3a8 !important;
  border-bottom: none !important;
  border-radius: 5px !important;
  background-color: #f9f9f9 !important;
  color: #000 !important;
}
.nav-tabs a.nav-link:hover, .nav-tabs button.nav-link:hover {
  text-decoration: none !important;
  border-bottom: 1px solid #01c3a8 !important;
  color: #01c3a8 !important;
}
.nav-tabs a.nav-link.active:hover, .nav-tabs button.nav-link.active:hover {
  text-decoration: none !important;
  color: #000 !important;
  border-bottom: none !important;
}
#no-logo-available {
  height: 85px;
  margin-bottom: 15px;
  border: 2px solid #01c3a8;
  border-radius: 10px;
}
a.small-box-button {
  display: inline-block;
  width: 150px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 2px 2px 5px #ddd;
  border-radius: 5px;
}
a.small-box-button:hover {
  cursor: pointer;
}
a.small-box-button .small-box-container {
  margin-top: 0px;
  height: 130px;
  text-align: center;
}
.small-box-button .title {
  float: left;
  text-align: center;
  font-size: 14px;
  width: 130px;
  color: #01c3a8;
}
.action-card {
  width: 100%;
  border: 3px solid #01c3a8;
  height: 250px;
  border-radius: 15px;
  background: #fff;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: bold;
}
.action-card .action-card-icon {
  display: inline-block;
  font-size: 25px;
  color: #333333;
}
.action-card-title {
  margin-top: 5px;
}
.action-card .action-card-header-black {
  color: #333333;
}
.action-card .action-card-header-green {
  color: #01c3a8;
}
.action-card .action-card-desc {
  margin-top: 10px;
  color: #aaa;
  font-weight: bold;
}
.action-card > *:not(.action-card-button) {
  margin-bottom: 10px;
}
.action-card-button {
  margin-top: auto;
  align-self: flex-end;
  margin-bottom: 10px;
}
.action-card-button button {
  min-width: 180px;
}