/*
SureBusiness
#00A19A
#025551
#43504F
*/

.loader-blockui {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #18a689;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: loader-blockui-spin 1s linear infinite;
  margin: 0 auto;
}

button div.loader-blockui,
a div.loader-blockui {
  width: 30px;
  height: 30px;
}

@keyframes loader-blockui-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#page-sb-top {
  background-color: #025551;
  color: #ddd;
  font-size: 80%;
  text-align: right;
  padding: 5px 20px 2px 10px;
  border-bottom: 1px solid #00a19a;
}
#page-sb-top a:hover {
  color: inherit;
}
#page-sb-top a.sb-top-link:hover {
  text-decoration: underline;
}

#page-sb-top-offline {
  background-color: red;
  color: #fff;
  font-size: 80%;
  text-align: center;
  padding: 5px 20px 2px 10px;
  border-bottom: 1px solid #00a19a;
}

body {
  font-size: 20px;
  text-decoration-skip-ink: none;
}

body.skin-1 {
  background: #465352;
  font-family: Corbel;
  color: #888;
}
body.skin-1.white-bg {
  background: #fff;
}
body.skin-1.testomgeving {
  background: #578480;
}

.skin-1.testomgeving .navbar-default .nav > li > a:hover,
.skin-1 .navbar-default .nav > li > a:focus {
  background: #3c6561;
}
.skin-1.testomgeving #side-menu > li.active {
  background: #7d9e9b;
}

body.logintheme:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.logintheme {
  overflow-y: hidden;
  animation: fadein 1s;
}
body.logintheme.logintheme-1:before {
  background-image: url("/img/login-theme1-m.jpg");
}
body.logintheme.logintheme-2:before {
  background-image: url("/img/login-theme2-m.jpg");
}
body.logintheme.logintheme-3:before {
  background-image: url("/img/login-theme3-m.jpg");
}
body.logintheme.logintheme-4:before {
  background-image: url("/img/login-theme4-m.jpg");
}
body.logintheme.logintheme-5:before {
  background-image: url("/img/login-theme5-m.jpg");
}
body.logintheme.logintheme-6:before {
  background-image: url("/img/login-theme6-m.jpg");
}
body.logintheme.logintheme-7:before {
  background-image: url("/img/login-theme7-m.jpg");
}

.btn {
  font-size: 14px;
}
a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
  outline: none;
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}
.skin-1 .wrapper-content {
  padding-right: 50px;
  padding: 20px 15px;
}

#loginschem {
  border: 2px solid #bbb;
  padding: 20px;
  width: 340px;
  border-radius: 5px;
  background: url("/img/transp-10pc-white.png") repeat;
  margin-top: 2%;
}
.logintheme-1 #loginschem,
.logintheme-4 #loginschem,
.logintheme-5 #loginschem,
.logintheme-7 #loginschem {
  margin-right: 11%;
  /* margin-top:8%; */
}
@media (max-width: 992px) {
  .logintheme-1 #loginschem,
  .logintheme-4 #loginschem,
  .logintheme-5 #loginschem,
  .logintheme-7 #loginschem {
    margin-top: 2%;
  }
}

#comodoTL {
  color: #000;
  font-size: 10px !important;
}
.timepicker_wrap {
  width: 200px;
}

.btn {
  padding-left: 20px;
  padding-right: 20px;
}
.btn.btn-compact {
  padding-left: 10px;
  padding-right: 10px;
}
.btn.selecteermaatschappij,
.btn.bekijkdetails,
.btn.commercielekortinggeven {
  white-space: normal;
}
.font-65perc {
  font-size: 65%;
}

.font-80perc {
  font-size: 80%;
}

#toggleImg {
  width: 35px;
  height: 120px;
  position: fixed;
  right: 0;
  top: 38%;
  z-index: 2200; /*under modal*/
}

.btn.btn-success,
.btn.btn-primary {
  color: #fff !important;
}
.btn.btn-white {
  color: #00a19a;
  font-weight: normal;
}
#doelgroepwrapper .btn-white {
  color: #777;
  border-collapse: #fff;
}
.btn-rodetekst,
.btn-rodetekst:hover,
.btn-rodetekst:active,
.btn-rodetekst:focus,
.btn-rodetekst:active:focus {
  color: #ed5565;
}
.alert i.fa {
  margin-right: 10px;
}

.btn-blauw {
  color: #188ab5;
  border-bottom: 2px solid #188ab5;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
#winkelmandwrap .btn-blauw {
  margin-right: 20px;
}

.logo-300 {
  width: 300px;
  height: 73px;
  background: url("/img/surebusiness-logo300.png") no-repeat;
  background-size: cover;
}
.dialog-logo-groot {
  background-image: url("/img/surebusiness-logogroot.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  height: 100%;
  max-height: 170px;
  width: 100%;
}
@media (max-width: 767px) {
  .dialog-logo-groot {
    max-height: 100px;
  }
}

#loginwrap h2 {
  margin-bottom: 30px;
  text-align: center;
}
#loginwrap .high {
  height: 50px;
}

#loginscherm button {
  font-size: 115%;
}

#loginscherm {
  text-align: left;
}
#loginscherm .checkbox-inline input {
  margin-top: 3px;
  margin-left: -17px;
}
.form-group {
  margin-bottom: 20px;
}
/*
.slotvragenform .form-group:last-child{
	margin-bottom:0;
}
*/

#loginscherm .form-group {
  margin-bottom: 10px;
}
.acceptatiedetails .form-group {
  margin-bottom: 10px;
}

#loginwrap hr {
  color: #d6d6d6;
  background-color: #d6d6d6;
  height: 3px;
}
#loginwrap button.contact {
  border: 2px solid #aaa;
  font-size: 80%;
}
#login-footer {
  text-align: center;
  width: 340px;
  padding: 20px;
}
.logintheme-1 #login-footer,
.logintheme-4 #login-footer,
.logintheme-5 #login-footer,
.logintheme-7 #login-footer {
  text-align: center;
  margin-right: 11%;
}
.skin-1 .spin-icon {
  background: #00a19a !important;
}
.skin-1 .nav-header-pre {
  height: 51px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.skin-1 .nav-header {
  /*background: url("/img/surebusiness-logo180.png") no-repeat center 10px #f7f7f7;*/
  background: url("/img/Surebusiness-Logo-Blok_FC.png") no-repeat center 10px
    #f7f7f7;
  height: 114px;

  /*padding-bottom: 85px;*/
}
body.skin-1.mini-navbar .nav-header {
  display: none;
}
body.skin-1.mini-navbar li a span.nav-label {
  display: block;
}

.skin-1 .navbar-static-top {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  margin-left: -20px;
  padding-left: 20px;
  height: 51px;
}
.skin-1 .navbar-minimalize {
  background: #00a19a;
  border-color: #00a19a;
}

#loginschem.middle-box h1 {
  font-size: 150px;
  padding-top: 0;
}

.mspiconfa {
  margin-right: 5px;
}

.navbarsb {
  width: calc(100% + 20px);
  background-color: #fff;
  border-bottom: 1px solid #eee;
  margin-left: -20px;
  padding-left: 20px;
  height: 51px;
}
.navbarsb > div:not(.navbar-header),
.navbarsb > a {
  float: right;
}

.navbar {
  height: 50px;
  margin-bottom: 0;
}
#navbar-user,
#navbar-agenda {
  float: right;
  height: 50px;
  line-height: 50px;
  position: relative;
}
#navbar-user {
  margin-right: 5px;
  margin-left: 10px;
}
#navbar-user {
  margin-right: 20px;
}
#navbar-agenda {
  background: url("/img/icons/agendabell.png") no-repeat center 20px;
  width: 50px;
}
#navbar-agenda > a {
  width: 50px;
  height: 50px;
  display: block;
}
#navbar-werkverdeling {
  height: 50px;
  width: 50px;
  background: url("/img/icons/werkverdeling-24.png") no-repeat 35% center;
  position: relative;
}
#navbar-user > a {
  display: inline-block;
  background: url("/img/icons/user-40.png") no-repeat left center;
  padding-left: 34px;
  background-size: 30px;
  font-size: 80%;
}
#navbar-agenda > i {
  margin-top: 10px;
}
#navbar-zoekgebruiker {
  background: url("/img/icons/search20x20-grey.png") no-repeat center center;
  position: relative;
  height: 50px;
  width: 50px;
}
#navbar-zoekgebruiker > div {
  position: absolute;
  top: 52px;
  right: 0;
  display: block;
  z-index: 2100;
  width: 400px;
}

#navbar-agenda .dropdown-menu {
  width: 310px;
  line-height: normal;
  margin-top: -10px;
}
.navbar-divider {
  width: 1px;
  height: 40px;
  margin-top: 5px;
  background-color: #ddd;
}
#navbar-werkverdeling:hover,
#navbar-agenda:hover,
#navbar-schadedashboard:hover,
#navbar-zoekgebruiker:hover {
  background-color: #eee;
  cursor: pointer;
}

#agendabadge,
#werkverdelingbadge {
  position: absolute;
  right: 4px;
  top: 6px;
}

#pagetitle {
  display: inline-block;
  /*line-height:70px;*/
  font-size: 160%;
  margin-left: 15px;
  color: #18615a;
  font-weight: bold;
}

#zoekenglobaalform {
  float: right;
  margin-right: 20px;
}
#topwrapper {
  padding-bottom: 10px;
  margin-left: 0;
}
#zoekenglobaal {
  background-image: url("/img/icons/search20x20.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  padding-left: 10px;
  border-width: 2px;
  border-radius: 3px;
  border-color: #ccc;
  height: 50px;
  min-width: 250px;
  -webkit-box-shadow: inset 1px 1px 1px 0 #ccc;
  box-shadow: inset 1px 1px 1px 0 #ccc;
}

#breadcrumbwrapper {
  margin-left: 0;
  height: 60px;
}

.breadcrumb {
  margin: 5px;
  display: block;
}

.breadcrumb .breadcrumb-caret {
  background: url("/img/icons/breadcrumb-caret.png") left center no-repeat;
  padding-left: 12px;
}

.breadcrumb > li {
  margin-right: 10px;
  color: #aaa;
  display: inline-block;
}
.breadcrumb > li + li::before {
  content: "";
}

.homebutton {
  float: left;
  /*
	min-width:160px;
	min-height:160px;
	max-width:280px;
	max-height:280px;
	*/
  min-width: 160px;
  min-height: 160px;
  width: 16.66%;
  max-width: 280px;
  max-height: 280px;
  border-radius: 3px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  /*margin:10px;*/
}
.homebutton > div {
  position: relative;
  width: 90%;
  height: 90%;
  margin-bottom: 5%;
  margin-right: 5%;
}

.homebutton div.m-b-md {
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.homebutton .homebutton-label {
  position: absolute;
  bottom: 10%;
  width: 100%;
  text-align: center;
  font-size: 120%;
  white-space: nowrap;
}
.homebutton .homebutton-label.twolines {
  bottom: 5%;
}

.oranje {
  color: #f37d36;
}

.groen {
  color: #18a689;
}
.groen-bg {
  background-color: #00a19a;
  color: #ffffff;
  border-radius: 7px;
}

.groen-bg:hover {
  background-color: #00c6bd;
  color: #ffffff;
}
.rood {
  color: #ed5565;
}
.rood-bg {
  background-color: #f2dede !important;
}
.nowrap {
  white-space: nowrap;
}
.zoekinput {
  background-image: url("/img/icons/search20x20.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 32px;
}

table.aanklikbaar tbody tr[data-href]:hover {
  background-color: #f1f1f1;
}
table.aanklikbaar tbody tr[data-href].errorrecord:hover {
  background-color: #ffe7e7;
}
table.aanklikbaar tbody tr[data-href].archiverecord {
  color: #cc8888;
}
table.aanklikbaar tbody tr.archiverecord.deeparchiverecord {
  color: #b9aeae;
  background-color: #fff4f4;
}
table.aanklikbaar
  tbody
  tr:not(.nofollow)[data-href]:hover:not(:has(.cursor-default-zone:hover)) {
  cursor: pointer;
}
table#agendaoverzichttable.aanklikbaar tbody tr:hover {
  cursor: pointer;
}
table#dvotable.aanklikbaar tbody tr[data-href]:hover {
  cursor: pointer;
}
table.table > tbody > tr > td {
  line-height: 50px;
  vertical-align: middle;
}
table.aanklikbaar tr.subheader {
  background-color: inherit;
}
table tr.disabled {
  background-color: #f7f7f7;
  color: #aaa;
}

#side-menu li a {
  font-size: 70%;
  color: #ddd;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
}

#side-menu li a span {
  height: 100%;
  font-size: 90%;
}

#ontwikkelinternbtn {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 99999;
  color: transparent;
  font-size: 70%;
}
#ontwikkelinternbtn:hover {
  color: #00a19a;
}
#side-menu li a div.badge {
  float: right;
  margin-right: 20px;
}
#side-menu .menubadgeswrapper {
  margin-right: 5px;
  float: right;
}
#side-menu li a span.label {
  font-weight: bold;
  margin-right: 5px;
  font-size: 70%;
}

#side-menu .divider {
  border-bottom: 1px solid #888;
  margin: 0;
  height: 1px;
}

#side-menu > li.active {
  background-color: #636d6b;
}

#side-menu > li.intern {
  background-color: #5d9c90;
}
.aanuit.fa-check {
  color: #31bb9f;
}
.aanuit.fa-remove {
  color: #ef6674;
}

.fa-info-circle {
  cursor: default;
  color: #1c84c6;
}
.checkbox-inline {
  margin-right: 10px;
}

.ibox-tools .tekst {
  margin-left: 5px;
  margin-right: 5px;
}
.ibox-neutraal .ibox-content {
  background-color: transparent;
}
.acceptatiedetails .ibox-neutraal .ibox-content,
#winkelmandwrap .ibox-neutraal .ibox-content,
.agendawrapper .ibox-neutraal .ibox-content,
.winkelmandlogwrapper .ibox-neutraal .ibox-content {
  padding-top: 0;
  padding-bottom: 0;
}
.acceptatiedetails .ibox-neutraal,
#winkelmandwrap .ibox-neutraal,
.winkelmandlogwrapper .ibox-neutraal .ibox-content {
  margin-bottom: 10px;
}
.acceptatiedetails .ibox-neutraal .inhoud,
#winkelmandwrap .ibox-neutraal .inhoud,
.winkelmandlogwrapper .ibox-neutraal .inhoud {
  border-bottom: 1px solid #00a19a;
  display: inline-block;
  padding: 0 3px 3px;
}
input[type="radio"] + label::after {
  background-color: #188ab5;
}
.radio-inline label {
  color: #888;
}

.ibox-tools a.disabled,
.ibox-tools a.disabled:hover {
  color: #bbb;
  cursor: default;
  background-color: inherit;
}

.skin-1 .ibox-content {
  border: 0;
  padding-top: 40px;
  padding-left: 5%;
  padding-right: 5%;
}
.skin-1 .aanvraagstraat .ibox-content {
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
}
.skin-1 .schadedialoog .ibox-content {
  border: 1px solid #e7eaec;
}

.skin-1 .ibox-compact {
  margin-bottom: 10px;
}
.skin-1 .ibox-compact .ibox-content {
  padding-top: 20px;
}

.skin-1 .ibox-title {
  border: 0;
  border-bottom: 1px solid #cee7e7;
}

.subtab {
  margin-left: 30px;
  word-wrap: break-word;
}
.subtab.danger {
  color: #f07582;
}

.tabbladzoekofferte .ibox-tools {
  float: right;
}

.beheerheader {
  height: 60px;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 3px solid #ddd;
  position: relative;
  padding-left: 10px;
}
.winkelmandlogwrapper .beheerheader {
  padding-right: 5%;
  height: 44px;
}
.beheerheader.groot {
  height: 80px;
}
.beheerheader.groot2x {
  height: 160px;
}
.beheerheader.groot3x {
  height: 240px;
}
.beheerheader.dunnelijn {
  border-bottom-width: 1px;
}
.beheerheader.geenlijn {
  border-bottom-width: 0px;
}

.beheerheader .ibox-tools {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-weight: bold;
}
.beheerheader a.btn {
  color: #fff !important;
}

.beheerheader span.onder {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.boaz-wrapper .ibox-title .fa {
  margin-right: 10px;
}

.boaz-wrapper .btn-outline {
  margin-left: 10px;
}
label {
  font-weight: normal;
}
.verborgen {
  display: none !important;
}
.boaz-wrapper .sk-spinner {
  height: 20px;
  margin: 8px 0 0 0;
  margin-left: auto;
  margin-right: auto;
}
.boaz-wrapper #winkelmand .sk-spinner {
  margin-left: 0px;
}
#winkelmand .sk-spinner {
  height: 15px;
  margin-top: 0;
  display: none;
}
#maatwerkoffertebestandenwrapper .sk-spinner {
  height: 41px;
  margin: 20px;
}

#winkelmand tr.berekening-bezig .sk-spinner {
  display: inline-block;
}

#winkelmand td.risicoadres {
  max-width: 200px;
}
#winkelmand td.risicoadres > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.floatleft {
  float: left;
}
.formulierwrapper {
  /*float:left;*/
  width: 100%;
}
.linkinformulier {
  padding-top: 7px;
}
.linkinformulier a {
  text-decoration: underline;
}
.fix-width-15 {
  width: 15%;
}
.has-error {
  color: #a94442;
}
i.fa.has-error,
div.fa.has-error,
tr.has-error {
  color: #f07582;
}
i.fa.has-success,
div.fa.has-success,
tr.has-success {
  color: #a5d491;
}
i.fa.has-warning,
div.fa.has-warning,
tr.has-warning {
  color: #ffb266;
}
i.fa.has-info,
div.fa.has-info,
tr.has-info {
  color: #80dfff;
}
input.has-error,
select.has-error {
  border-color: #f07582;
}
span.select2-container {
  font-size: 16px;
}
span.select2-container.has-error .select2-selection {
  border-color: #f07582;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #adabab;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  pointer-events: none;
}
input.has-error:focus,
select.has-error:focus {
  border-color: #f07582 !important;
}
.has-error .i-checks label {
  color: #f07582;
}

.errorMessage {
  position: absolute;
  float: left;
  padding: 5px;
  border: 1px solid #ddd;
  background-color: #fff2f2;
  color: #a94442;
}
.tr-productmaatschappij.geselecteerd {
  background-color: #f1f1f1;
}
.winkelmandbtn {
  height: 90px;
  margin-right: 5px;
  margin-top: 5px;
  width: 140px;
  overflow: hidden;
}

.checkbox-inline {
  line-height: 16px;
}
.knoppenwrapper {
  margin-top: 20px;
  margin-bottom: 10px;
}
.rechts {
  text-align: right !important;
}

.filedownload-wrapper {
  background-color: #fcf8e3;
  display: block;
  position: relative;
}
.filedownload-wrapper:hover {
  background-color: #fbf5d9;
}
.filedownload-wrapper.clean {
  background-color: inherit;
  border-bottom: 1px solid #efefef;
}
.filedownload-wrapper.filedownload-white {
  background-color: white;
  border-bottom: 2px solid #e7eaec;
  margin-bottom: 10px;
}
a.filedownload-wrapper.filedownload-white:hover {
  background-color: #f8f8f8;
}

a.filedownload-wrapper.clean:hover {
  background-color: #f1f1f1;
}

.filedownload-wrapper.klein {
  padding-top: 10px;
  padding-bottom: 10px;
}

.filedownload-wrapper .fileicon {
  height: 100%;
  left: 20px;
  top: 0;
  position: absolute;
}
.filedownload-wrapper.klein .fileicon {
  height: 100%;
  background-position: left 16px;
}

.filedownload-wrapper .filename {
  height: 80px;
  line-height: 80px;
  margin-left: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.filedownload-wrapper.klein .filename {
  height: 22px;
  line-height: 22px;
}

.filedownload-wrapper.klein .filedate {
  height: 22px;
  line-height: 22px;
  margin-left: 64px;
  color: #bbb;
  text-align: left;
}
.filedownload-wrapper.klein .activity {
  font-size: 80%;
  height: 22px;
  line-height: 22px;
  margin-left: 64px;
}

.wachtendopondertekening {
  font-size: 80%;
  margin-bottom: 10px;
}

.filedownload-wrapper .verwijder {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  background-image: url("/img/icons/delete-grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  cursor: pointer;
}
.filedownload-wrapper .verwijder:hover {
  background-image: url("/img/icons/delete.png");
}

.filedownload-wrapper .opslaan {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  background-image: url("/img/icons/save16x16-grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  cursor: pointer;
}
.filedownload-wrapper .opslaan:hover {
  background-image: url("/img/icons/save16x16.png");
}
.filedownload-wrapper .opslaan.inactive:hover {
  background-image: url("/img/icons/save16x16-grey.png");
}

.filedownload-wrapper .actie {
  position: absolute;
  right: 50px;
  top: 0;
  height: 80px;
  line-height: 60px;
  vertical-align: center;
}
.filedownload-wrapper .actie:hover {
  color: #777;
}

.filedownload-wrapper .fader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #00a19a;
  top: 0;
  left: 0;
  display: none;
}

.filedownload-wrapper .vastevoorwaarde,
.vasteclausule,
.vastedekking {
  font-size: 80%;
  color: #ca4440;
  padding: 2px 4px;
  white-space: nowrap;
}
.filedownload-wrapper .vastevoorwaarde,
.vasteclausule {
  position: absolute;
  right: 10px;
  top: 28px;
}
#bijlagetoevoegen {
  margin-top: 20px;
}

.filedownloadspinwrapper {
  display: inline-block;
}
.filedownloadspinwrapper .sk-spinner {
  height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.fileicon {
  height: 32px;
  width: 40px;
  background-position: left 50%;
  background-repeat: no-repeat;
  display: inline-block;
}
.fileicon.klein {
  height: 16px;
}

.fileicon.fileicon-inline {
  width: auto;
  padding-left: 40px;
  height: auto;
}

.fileicon.klein.fileicon-inline {
  padding-left: 18px;
}
.fileicon.inactive {
  pointer-events: none;
}

.fileicon.csv {
  background-image: url("/img/icons/file-csv-32.png");
}
.fileicon.doc {
  background-image: url("/img/icons/file-doc-32.png");
}
.fileicon.docx {
  background-image: url("/img/icons/file-doc-32.png");
}
.fileicon.eml {
  background-image: url("/img/icons/file-eml-32.png");
}
.fileicon.gif {
  background-image: url("/img/icons/file-jpg-32.png");
}
.fileicon.html {
  background-image: url("/img/icons/file-html-32.png");
}
.fileicon.jpeg {
  background-image: url("/img/icons/file-jpg-32.png");
}
.fileicon.jpg {
  background-image: url("/img/icons/file-jpg-32.png");
}
.fileicon.msg {
  background-image: url("/img/icons/file-eml-32.png");
}
.fileicon.pdf {
  background-image: url("/img/icons/file-pdf-32.png");
}
.fileicon.pdf.inactive {
  background-image: url("/img/icons/file-pdf-32-grey.png");
}
.fileicon.png {
  background-image: url("/img/icons/file-jpg-32.png");
}
.fileicon.rtf {
  background-image: url("/img/icons/file-txt-32.png");
}
.fileicon.txt {
  background-image: url("/img/icons/file-txt-32.png");
}
.fileicon.xls {
  background-image: url("/img/icons/file-xls-32.png");
}
.fileicon.xlsx {
  background-image: url("/img/icons/file-xls-32.png");
}
.fileicon.sign {
  background-image: url("/img/icons/sign-32.png");
}
.fileicon.graph {
  background-image: url("/img/icons/graph-32.png");
}

.fileicon.klein.csv {
  background-image: url("/img/icons/file-csv-16.png");
}
.fileicon.klein.doc {
  background-image: url("/img/icons/file-doc-16.png");
}
.fileicon.klein.docx {
  background-image: url("/img/icons/file-doc-16.png");
}
.fileicon.klein.eml {
  background-image: url("/img/icons/file-eml-16.png");
}
.fileicon.klein.gif {
  background-image: url("/img/icons/file-jpg-16.png");
}
.fileicon.klein.html {
  background-image: url("/img/icons/file-html-16.png");
}
.fileicon.klein.jpeg {
  background-image: url("/img/icons/file-jpg-16.png");
}
.fileicon.klein.jpg {
  background-image: url("/img/icons/file-jpg-16.png");
}
.fileicon.klein.msg {
  background-image: url("/img/icons/file-eml-16.png");
}
.fileicon.klein.pdf {
  background-image: url("/img/icons/file-pdf-16.png");
}
.fileicon.klein.pdf.inactive {
  background-image: url("/img/icons/file-pdf-16-grey.png");
}
.fileicon.klein.png {
  background-image: url("/img/icons/file-jpg-16.png");
}
.fileicon.klein.rtf {
  background-image: url("/img/icons/file-txt-16.png");
}
.fileicon.klein.txt {
  background-image: url("/img/icons/file-txt-16.png");
}
.fileicon.klein.xls {
  background-image: url("/img/icons/file-xls-16.png");
}
.fileicon.klein.xlsx {
  background-image: url("/img/icons/file-xls-16.png");
}
.fileicon.klein.graph {
  background-image: url("/img/icons/graph-16.png");
}

.subheader {
  margin-top: 10px;
  background-color: #fafafa;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
}
.productenfilter th {
  text-align: center;
}
.productenfilter .center {
  text-align: center;
}
.productenfilter tbody tr td.oms {
  padding-left: 15px;
}

a {
  color: inherit;
}
/*
a:focus, a:hover{
	color:#444;
}
*/
a i.fa {
  margin-right: 5px;
}
div.voortgangproducten i.fa {
  margin-right: 5px;
}
h5 i.fa {
  margin-right: 5px;
}
.well {
  background-color: #fbfbfb;
  border-color: #f1f1f1;
}
.sterrenwrapper {
  position: relative;
  cursor: default;
  display: inline-block;
  background-image: url("/img/starsrating.png");
  width: 80px;
  height: 16px;
}
.sterrenwrapper.inactive {
  background-position: center -32px;
}
.sterrenwrapper .sterrensizer {
  overflow: hidden;
  width: 0%;
  height: 16px;
}
.sterrenwrapper .sterrensizer div {
  background-image: url("/img/starsrating.png");
  background-position: center -16px;
  width: 80px;
  height: 16px;
}
.berekenknop {
  color: white !important;
  white-space: nowrap;
  text-align: center;
  margin-bottom: 0;
  cursor: pointer;
}
.dropdown-header {
  font-size: 100%;
  margin-top: 10px;
  font-weight: normal;
}

.dropdown-menu {
  font-size: 100%;
  z-index: 2100;
  color: #888;
}
.dropdown.wijzigen {
  background: url("/img/icons/edit_klein_grey.png") left center no-repeat;
  padding-left: 20px;
}
.dropdown.wijzigen.wijzigen-mini {
  background: url("/img/icons/edit_mini_grey.png") left center no-repeat;
  padding-left: 16px;
  color: #888;
}
.berekenknop-dropdown {
  margin-left: 15px;
}

.font-dark {
  color: #666 !important;
}
.font-light {
  color: #bbb !important;
}
.font-semilight {
  color: #999 !important;
}
.font-red {
  color: #a94442 !important;
}
.font-lightred {
  color: #cc9b9b !important;
}
.font-white {
  color: white !important;
}
.font-normal {
  font-weight: normal !important;
}

i.fa,
div.fa {
  cursor: default;
}

a > i.fa {
  cursor: pointer;
}

div.plattetekst {
  line-height: normal !important;
  text-align: left;
  display: inline-block;
}

#provisiepopup .modal-body {
  background-color: #f1f1f1;
}
#provisiepopup-inputwrapper {
  padding: 40px 15px;
}

.tooltip {
  z-index: 9999 !important;
  pointer-events: none;
}
div.tooltip-inner {
  max-width: 350px;
}

.tooltip hr {
  margin-top: 4px;
  margin-bottom: 4px;
  border-color: #777;
}
.tooltip.fade:not(.show) {
  display: none;
}

input.klein {
  width: 80px !important;
}
.dropdownwrapper {
  position: relative;
}
.caret-up {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-top-width: 0;
}
.fa-1_5x {
  font-size: 1.5em;
}
.fa-0_75x {
  font-size: 0.75em;
}
.grijs {
  color: #aaa;
}

#offertechecks > div {
  margin-top: 10px;
  margin-bottom: 10px;
}

#offertechecks .i-checks > label > div {
  margin-right: 10px;
}

.surebusiness {
  color: #00a19a !important;
}
.surebusiness-onder {
  border-bottom: 1px solid #00a19a !important;
}
.surebusiness-dark {
  color: #025551 !important;
}
.surebusiness-dark-bg,
.surebusiness-dark-bg:hover {
  background-color: #025551;
  color: #fff;
}

.surebusiness-dark-bg:hover {
  background-color: #024b47;
}
.surebusiness-dark-bg:disabled {
  background-color: #e7e3de;
  color: #888;
}
.surebusiness-bg {
  background-color: #227d79;
  color: #fff;
}
.surebusiness-bg.danger {
  background-color: #d02a2a;
}

.surenotify {
  margin: 10px 0;
  position: relative;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  border-color: #efefef;
  background-color: #fafafa;
}

.surenotify .fa {
  position: absolute;
  left: 15px;
  top: 10px;
}
.surenotify.info .fa {
  color: #52a6ce;
}
.surenotify .content {
  margin-left: 40px;
}
.surenotify .content p {
  margin-bottom: 10px;
  height: 26px;
  line-height: 26px;
}

.col-100 {
  width: 100px;
}
.noborder {
  border: none !important;
}
.nobordertop {
  border-top: none !important;
}
.noborderleft {
  border-left: none !important;
}
.noborderright {
  border-right: none !important;
}
.noborderbottom {
  border-bottom: none !important;
}

#detailscherm-dekkingen .totaal {
  border-top: 2px solid #777;
}
table tr.margintop20 td {
  padding-top: 20px;
}
.font-normal {
  font-weight: normal;
}
label.has-error {
  color: #a3676c;
}

.modal-header {
  border-bottom: 2px solid #e5e5e5;
  padding-left: 25px;
}
.modal-subheader {
  margin: 25px;
}

#termijnwijzigen-inner {
  display: inline-block;
  margin-right: 5px;
}
.winkelmandborderboven {
  border-top: 4px solid #e1e1e1;
}
.winkelmandborderboven.winkelmandborderboven-light {
  border-top: 4px solid #efefef;
}
.winkelmandborderonder {
  border-bottom: 4px solid #e1e1e1;
}
#winkelmand .sterretje {
  padding-left: 10px;
}
table#winkelmand > tbody > tr > td {
  padding: 8px 4px;
}
#premieinfo {
  white-space: normal;
  text-align: left;
  float: right;
  margin-top: 10px;
  font-style: italic;
}
#premieinfo .premieinfo-ster {
  display: table-cell;
  width: 25px;
}
#premieinfo .premieinfo-info {
  display: table-cell;
}
#premieinfo .premieinfo-item > div {
  display: inline-block;
  white-space: nowrap;
}
#premieinfo .premieinfo-item > div#label-pakketkortingextrainfo {
  white-space: unset;
}

/*=================================*/
/*select2*/
/*=================================*/

/*3.5.4*/

.select2-container .select2-choice {
  background: none;
  line-height: 1.42857;
  height: 60px;
  line-height: 60px;
  color: #888;
  border-radius: 3px;
  border-color: #aaa;
  border-width: 1px;
  -webkit-box-shadow: 0 0 0 1px #aaa;
  box-shadow: 0 0 0 1px #aaa;
  cursor: pointer;
}

.select2-container .select2-choice .select2-arrow {
  background: none;
  border: none;
  right: 10px;
}
.select2-container .select2-choice .select2-arrow b {
  background-image: url("/img/icons/select2.png");
}
#termijnwijzigen .select2-container .select2-choice .select2-arrow b {
  background-position: 0px -9px;
}
#termijnwijzigen .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px -9px;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow b {
  background-image: url("/img/icons/select2-disabled.png");
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  box-shadow: none;
  border-color: #1ab394 !important;
}
.select2-drop-active {
  border-color: #1ab394;
}

div.hidedisabled li.select2-disabled {
  display: none;
}

/*===============*/

/*4.0.3*/

.select2-container--default .select2-selection__placeholder,
.select2-selection__rendered {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.select2-container .select2-selection {
  background: none;
  min-height: 60px;
  border-radius: 3px;
  border-color: #aaa;
  border-width: 1px;
  -webkit-box-shadow: 0 0 0 1px #aaa;
  box-shadow: 0 0 0 1px #aaa;
  cursor: pointer;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 60px;
  color: #888;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
  width: 18px;
  background: none;
  right: 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  left: 0;
  top: 0;
  background-image: url("/img/icons/select2.png");
  border: none;
  height: 100%;
  width: 100%;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url("/img/icons/select2-disabled.png");
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-position: -18px 0;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  box-shadow: none;
  border-top-color: #1ab394;
  border-left-color: #1ab394;
  border-right-color: #1ab394;
  border-bottom-color: transparent;
}
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  box-shadow: none;
  border-bottom-color: #1ab394;
  border-left-color: #1ab394;
  border-right-color: #1ab394;
  border-top-color: transparent;
}
.select2-results {
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
}
.select2-dropdown {
  z-index: 2100;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  border-color: #1ab394;
  top: -1px;
  left: 0px;
}
/*ajax zoeken select2*/
.select2-dropdown.relatiezoeken
  .select2-results
  .select2-results__option[aria-selected] {
  /*background-color:#efefef;*/
  padding-bottom: 3px;
  margin-bottom: 3px;
  color: #888;
  border-bottom: 1px solid #ccc;
}
.select2-dropdown.relatiezoeken
  .select2-results
  .select2-results__options
  .ajaxresultaten {
  line-height: 25px;
}
.select2-dropdown.relatiezoeken .ajaxresultaten-relnr {
  font-weight: bold;
  color: #00a19a;
  margin-right: 10px;
  line-height: 35px;
}
.ajaxresultaten-relnm {
  font-weight: bold;
  line-height: 35px;
}

.select2-container--default
  .select2-dropdown.relatiezoeken
  .select2-results
  .select2-results__option--highlighted[aria-selected] {
  background-color: #18615a;
  color: #eee;
}

.select2-container--default
  .select2-dropdown.relatiezoeken
  .ajaxresultaten
  > div {
  padding: 0;
}
.select2-container--default
  .select2-dropdown.relatiezoeken
  .select2-results
  > .select2-results__options {
  max-height: 300px;
}
.select2-container--default
  .select2-dropdown.hidedisabled
  .select2-results__option[aria-disabled="true"] {
  display: none;
}

/*multiple*/
.select2-container--default .select2-search--inline .select2-search__field {
  line-height: 50px;
  height: 50px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  line-height: 30px;
  margin-top: 12px;
}
.select2-container--default
  .multipleselect
  .select2-results__option[aria-selected="true"] {
  display: none;
}

/*===============*/

.select2-offscreen,
.select2-offscreen:focus {
  left: auto !important;
  top: auto !important;
}
.select2-container-multi .select2-choices .select2-search-field input {
  height: 60px;
  font-size: 70%;
}
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555;
  margin-top: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.select2-search-choice-close {
  top: 9px;
}

.select2-drop {
  color: #888;
}
.productzoekwrapper .select2-container .select2-choice {
  border-color: #999;
  background-color: #fff;
}

.select2-results .select2-disabled {
  background-color: #fff;
  color: #aaa;
}
.has-error .select2-container .select2-choice {
  border-color: #f07582;
}
#termijnwijzigen .select2-container .select2-choice {
  height: 40px;
  line-height: 34px;
}

.inlineselectbtnwrapper.nevensbiwrapper .select2-container {
  margin-left: 20px;
}
.select2-container {
  background-color: #fff;
}

.clockpicker-popover {
  z-index: 9999 !important;
}

.skin-1 #page-wrapper {
  background-color: #f7f7f7;
  padding-left: 20px;
}

.caret-down-10 {
  background: url("/img/icons/caret-down-10.png") center center no-repeat;
  height: 10px;
  width: 16px;
  display: inline-block;
}

.caret-up-10 {
  background: url("/img/icons/caret-up-10.png") center center no-repeat;
  height: 10px;
  width: 16px;
  display: inline-block;
}

.caret-left-10 i.fa-angle-left {
  font-weight: bold;
}

.knoppenwrapper.rechts .caret-left-10 {
  margin-right: 20px;
}
.tabs-container .caret-left-10 {
  display: inline;
  margin-right: 15px;
  cursor: pointer;
  color: #888;
}
.tabs-container .caret-left-10:hover {
  color: #000;
}
.knoppenwrapper .caret-left-10 {
  font-size: 90%;
}

.middle-box {
  margin-bottom: 15px;
}

.sbtabel-header {
  height: 70px;
  border-bottom: 4px solid #e1e1e1;
}
#activiteitenpanel .sbtabel-header {
  height: auto;
  padding-bottom: 40px;
}
#activiteitenpanel:not(.compact) .sbtabel-header {
  border-bottom: 0 none;
  padding-bottom: 20px;
}
/*
.sbtabel-header.archiefzoekenvantoepassing{
	height:130px;
}
*/

.sbtabel-tools {
  float: right;
  overflow: auto;
}
.inlinesearchfield {
  display: block;
  overflow: hidden;
  padding-right: 10px;
}
input.sbtabel-search {
  background-image: url("/img/icons/search20x20.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 32px;
  border-width: 2px;
  border-radius: 3px;
  border-color: #ccc;
  height: 50px;
  display: block;
  width: calc(100% - 30px);
  width: 100%;
}
.prodselwrapper input.sbtabel-search,
#subpolistoevoegenpopup input.sbtabel-search {
  border-width: 1px;
}

.sbtabel-button {
  background-color: #185d5a;
  border-width: 2px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.sbtabel-button:hover {
  background-color: #1a6562;
  color: #fff;
}

.create-offerte-button {
  background-color: #fff;
  border-width: 2px;
  height: 50px;
  color: #185d5a;
  font-weight: bold;
  display: inline-block;
}

.create-offerte-button:hover {
  background-color: #e1e7e7;
  color: #185d5a;
}

table.sbtabel > thead > tr > th {
  font-weight: normal;
  color: #999;
  border-bottom: 3px solid #e1e1e1;
  padding-top: 15px;
  padding-bottom: 15px;
}
table.sbtabel > tbody > tr.inactive {
  color: #aaa;
  background-color: #fafafa;
}

table.sbtabel > tbody > tr > td {
  border-bottom: 2px solid #e1e1e1;
}

table.sbtabel:not(#langlopendmaatwerk) > tbody > tr:last-child > td {
  border-bottom-width: 4px;
}
table#langlopendmaatwerk {
  margin-bottom: 0;
}

table.sbtabel > tbody > tr.trheader > td {
  border-bottom: 1px solid #00a19a;
  padding-top: 40px;
  line-height: normal;
}

table.sbtabel tr.passief {
  background-color: #f7f7f7;
  cursor: not-allowed;
}
table.sbtabel tr.errorrow,
table.sbtabel tr.errorrow {
  background-color: #fee;
}

table.sbtabel tr.doorgehaald {
  text-decoration: line-through;
}

table.sbtabel tr.selectedrow {
  background-color: #f4fcf5;
}
table.sbtabel tr.disabledrow {
  background-color: #f7f7f7;
  color: #ccc;
}
table.sbtabel tr.emphasizerow {
  color: #679638;
}

.logboek table.table > tbody > tr > td {
  border-top: 0px;
}
.logboek hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.acceptatiedetails .interneopties,
.interneopties {
  border-bottom: 1px solid #00a19a;
  font-weight: normal;
}

.sbtabel button i.fa {
  margin-right: 8px;
}
.sbtabel tfoot > tr > td.borderboven {
  border-top: 2px solid #e1e1e1;
}
.sbtabel tfoot tr.borderboven > td > div {
  border-top: 4px solid #e1e1e1;
}
.sbtabel tfoot tr > td {
  padding-left: 0;
  padding-right: 0;
}
.sbtabel tfoot tr.totaalregel > td {
  height: 80px;
  line-height: 80px;
  font-size: 110%;
  padding-left: 0;
  padding-right: 0;
}
.sbtabel tfoot tr.winkelmandtotaalregel > td {
  height: 80px;
  line-height: 80px;
  padding-left: 0;
  padding-right: 0;
}

#winkelmand.sbtabel tfoot tr > td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.sbtabel tfoot tr.totaalregel > td > div {
  padding-left: 10px;
  /*border-top:4px solid #e1e1e1;*/
  border-bottom: 4px solid #e1e1e1;
}
.sbtabel tfoot tr > td {
  text-align: right;
  border: none;
}
.sbtabel tfoot tr > td .rekenhulp {
  text-align: left;
  padding-left: 10px;
}

.sbtabel tfoot tr.totaalregel > td.totaalregelinfo > div {
  display: inline-block;
  text-align: left;
}
table tr.errorrecord {
  background-color: #fee;
}

.wachtwoordvergeten {
  font-size: 70%;
  color: #188ab5;
  text-decoration: underline;
  margin: 6px 0 15px;
}

.inloggendp a,
.inloggendp a:active {
  font-size: 80%;
  color: #f27e20;
  text-decoration: underline;
}
.inloggendp a:hover {
  color: #777 !important;
}

.widget.productselectie {
  background-color: #18615a;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 0;
}
.widget.productselectie.mettabs {
  border-radius: 0 5px 5px 5px;
}

.widget .widget-title {
  font-size: 100%;
  margin: 10px 0;
}

#doelgroepwrapper {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 1px;
  float: left;
  background-color: #fff;
  margin-right: 10px;
}
#doelgroepwrapper > button {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 29px;
  height: 56px;
  font-weight: bold;
}
.mkb32 {
  background-image: url("/img/icons/mkb32x32.png") !important;
  background-position: 17px center;
  background-repeat: no-repeat;
  padding-left: 63px;
}
.mkb32.btn-primary {
  background-image: url("/img/icons/mkb32x32-white.png") !important;
}
.zzp32 {
  background-image: url("/img/icons/zzp32x32.png") !important;
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 50px;
}
.zzp32.btn-primary {
  background-image: url("/img/icons/zzp32x32-white.png") !important;
}
.vve32 {
  background-image: url("/img/icons/vve32x32.png?v=20170627") !important;
  background-position: 18px center;
  background-repeat: no-repeat;
  padding-left: 63px;
}
.vve32.btn-primary {
  background-image: url("/img/icons/vve32x32-white.png") !important;
}
.og32 {
  background-image: url("/img/icons/og32x32.png") !important;
  background-position: 18px center;
  background-repeat: no-repeat;
  padding-left: 63px;
}
.og32.btn-primary {
  background-image: url("/img/icons/og32x32-white.png") !important;
}
.productzoekwrapper {
  overflow: auto;
  padding-left: 10px;
}

.sbicon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
}

.homebutton .sbicon {
  background-size: cover;
}
.sbicon.sbicon-klein {
  padding-left: 45px;
}

.sbicon.sbicon-groot {
  height: 80px;
  width: 80px;
}

.sbicon-klein.sbicon-dashboard {
  background-image: url("/img/icons/dashboard-klein.png");
}
.sbicon-klein.sbicon-wrench {
  background-image: url("/img/icons/wrench-klein.png");
}
.sbicon-klein.sbicon-exclmark {
  background-image: url("/img/icons/exclamation_mark-klein.png");
}
.sbicon-klein.sbicon-coins {
  background-image: url("/img/icons/coins-klein.png");
}
.sbicon-klein.sbicon-calculator {
  background-image: url("/img/icons/calculator-klein.png");
}
.sbicon-klein.sbicon-folder {
  background-image: url("/img/icons/folder-klein.png");
}
.sbicon-klein.sbicon-schade {
  background-image: url("/img/icons/schade-klein.png");
}
.sbicon-klein.sbicon-rapportage {
  background-image: url("/img/icons/rapportage-klein.png");
}
.sbicon-klein.sbicon-settings {
  background-image: url("/img/icons/settings-klein.png");
}
.sbicon-klein.sbicon-about {
  background-image: url("/img/icons/about-klein.png");
}
.sbicon-klein.sbicon-cogs {
  background-image: url("/img/icons/cogs-klein.png");
}
.sbicon-klein.sbicon-list {
  background-image: url("/img/icons/list-klein.png");
}
.sbicon-klein.sbicon-liniaal {
  background-image: url("/img/icons/liniaal-klein.png");
}
.sbicon-klein.sbicon-tps {
  background-image: url("/img/icons/tussenpersonen-klein.png");
}
.sbicon-klein.sbicon-contactpersonen {
  background-image: url("/img/icons/tussenpersonen-klein.png");
}
.sbicon-klein.sbicon-overzichten {
  background-image: url("/img/icons/overzichten-klein.png");
}
.sbicon-klein.sbicon-mutaties {
  background-image: url("/img/icons/mutaties-klein.png");
}
.sbicon-klein.sbicon-prolongatie {
  background-image: url("/img/icons/klok-klein.png");
}
.sbicon-klein.sbicon-aanvragen {
  background-image: url("/img/icons/aanvragen-klein.png");
}
.sbicon-klein.sbicon-overvoer {
  background-image: url("/img/icons/overvoer-klein.png");
}
.sbicon-klein.sbicon-map {
  background-image: url("/img/icons/map-klein.png");
}
.sbicon-klein.sbicon-activecollab {
  background-image: url("/img/icons/activecollab-klein.png");
}
.sbicon-klein.sbicon-cardbox {
  background-image: url("/img/icons/cardbox-klein.png");
}
.sbicon-klein.sbicon-checklist {
  background-image: url("/img/icons/checklist-klein.png");
}

.sbicon-groot.sbicon-wrench {
  background-image: url("/img/icons/wrench-groot.png");
}
.sbicon-groot.sbicon-calculator {
  background-image: url("/img/icons/calculator-groot.png");
}
.sbicon-groot.sbicon-folder {
  background-image: url("/img/icons/folder-groot.png");
}
.sbicon-groot.sbicon-schade {
  background-image: url("/img/icons/schade-groot.png");
  height: 70px;
  width: 155px;
}
.sbicon-groot.sbicon-mutaties {
  background-image: url("/img/icons/mutaties-groot.png");
}
.sbicon-groot.sbicon-about {
  background-image: url("/img/icons/about-groot.png");
}

.ajaxresultaten {
  line-height: 35px;
}
.ajaxresultaten.nietaanklikbaar {
  cursor: default !important;
}

.ajaxresultaten.inspring {
  padding-left: 20px;
}

.ajaxresultaten > div {
  padding: 5px;
}
.ajaxresultaten .idnummer {
  display: inline-block;
  vertical-align: top;
  width: 90px;
}
.ajaxresultaten .detailsinfo {
  display: inline-block;
}
.ajaxresultaten .detailslabel {
  font-weight: normal;
}
.ajaxresultaten.nietaanklikbaar .detailslabel {
  font-weight: bold;
}

.floconwrap {
  overflow: hidden;
}
.icheckbox_square-green,
.iradio_square-green {
  background-image: url("/css/custom/iCheck/blue.png");
}
.icheckbox_square-green:not(.disabled),
.iradio_square-green:not(.disabled) {
  background-color: #fff;
}
.iradio_square-green:not(.disabled) {
  border-radius: 10px;
}

/*FIXGRID*/

.fixgrid {
  clear: both;
  width: 100%;
  position: relative;
  /*display: table;*/
  /*width: calc(50% - 10px);*/
  overflow: hidden;
  overflow-x: auto;
}

.fixgrid .fixgrid-row {
  clear: both;
  display: table-row;
}
.fixgrid .fixgrid-header-outer {
  position: fixed;
  z-index: 10;
  overflow: hidden;
  /*height:80px;*/
  height: 82px;
}
.fixgrid .fixgrid-header-outer.extratekst {
  height: 142px;
}
.fixgrid .fixgrid-header-outer.flip {
  height: 180px;
}

.fixgrid .fixgrid-header-outer.extratekst.flip {
  height: 212px;
}

.fixgrid .fixgrid-header {
  position: absolute;
  display: table;
  width: 100%;
  table-layout: fixed;
  background-color: #fff;
}
.fixgrid .fixgrid-body {
  width: 100%;
  display: table;
  z-index: 5;
  table-layout: fixed;
}
.fixgrid .fixgrid-row {
  background-color: #fff;
}
.fixgrid .fixgrid-row.even {
  background-color: #f7f7f7;
}

/*
.fixgrid .fixgrid-row:before{
	content: " ";
	display: table;
}
.fixgrid .fixgrid-row:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
}
*/
.fixgrid .fixgrid-cell {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 20px 5px;
  text-align: center;
  word-wrap: break-word;
}
.fixgrid .fixgrid-header .fixgrid-cell {
  padding: 0;
}
.fixgrid .fixgrid-cell {
  border-bottom: 1px solid #ced3d6;
}
.fixgrid .fixgrid-body .fixgrid-cell {
  border-right: 1px solid #ced3d6;
}
.fixgrid .fixgrid-body .fixgrid-cell.pre-colselected {
  border-right: 0 none;
}
.fixgrid .fixgrid-header .fixgrid-cell {
  border-right: 1px solid transparent;
}
.fixgrid .fixgrid-header .fixgrid-cell .maatschappijlogowrapper {
  background-repeat: no-repeat;
  background-position: center center;
  height: 79px;
  position: relative;
  display: block;
}
.fixgrid
  .fixgrid-header
  .fixgrid-cell
  .maatschappijlogowrapper
  .omschrijvingextra {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.fixgrid .fixgrid-header .fixgrid-cell.pre-colselected {
  border-right: 0 none;
}
.fixgrid .fixgrid-body .fixgrid-cell.fixgrid-label {
  font-weight: 600;
}
.fixgrid .vergelijkcategorie .fixgrid-cell,
.fixgrid .vergelijkcategorieitem .fixgrid-cell {
  vertical-align: top;
  text-align: left;
}

.fixgrid .fixgrid-cell.colselected {
  /*background-image:url("/img/transp-8pc-yellow.png");*/
  background-color: rgba(251, 255, 169, 0.2);
}

.fixgrid .fixgrid-body .fixgrid-row .fixgrid-cell.colselected {
  border-bottom-color: #e8ead0;
  border-right-width: 2px;
  border-left: 2px solid #ced3d6;
}

.fixgrid .fixgrid-body .fixgrid-row:last-child .fixgrid-cell.colselected {
  border-bottom-color: #ced3d6;
}

.fixgrid .bordertop {
  border-top: 1px solid #ced3d6;
}
.fixgrid .fixgrid-row.gekozenmaatschappij .fixgrid-cell {
  border: 0 none;
  border-right: 1px solid transparent;
}
.fixgrid .fixgrid-row.gekozenmaatschappij .fixgrid-cell:not(.colselected) {
  background-color: #fff;
  background-image: none;
}
.fixgrid .fixgrid-row.gekozenmaatschappij .fixgrid-cell.pre-colselected {
  border-right: 0 none;
}
.fixgrid .fixgrid-row.gekozenmaatschappij .fixgrid-cell.colselected {
  border-bottom: 2px solid #ced3d6;
  border-left: 2px solid #ced3d6;
  border-right: 2px solid #ced3d6;
  border-radius: 0 0 5px 5px;
}

#premieoverzicht.fixgrid .fixgrid-row.gekozenmaatschappij button,
#premieoverzicht.fixgrid .fixgrid-row.acceptantopties button {
  width: 90%;
  padding-left: 0;
  padding-right: 0;
  max-width: 300px;
}

.fixgrid .fixgrid-header .fixgrid-row .fixgrid-cell.colselected {
  /*background:url("/img/transp-8pc-yellow.png");*/
  background-color: rgba(251, 255, 169, 0.2);
  border-top: 2px solid #ced3d6;
  border-left: 2px solid #ced3d6;
  border-right: 2px solid #ced3d6;
  border-bottom: 1px solid #e8ead0;
  border-radius: 5px 5px 0 0;
}

#premieoverzicht .inhoud {
  overflow: hidden;
  text-overflow: ellipsis;
}
#premieoverzicht .fixgrid-cell.textleft {
  vertical-align: top;
  text-align: left;
}
#premieoverzicht .fileicon {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  clear: both;
  display: inline;
}
#premieoverzicht .clausuleitem {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  clear: both;
  display: inline;
}
.fixgrid .fixgrid-header .fixgrid-cell.flip {
  height: 180px;
}
.fixgrid .fixgrid-header .fixgrid-cell.flip .maatschappijlogowrapper {
  -webkit-transform: rotate(270deg) translatez(0);
  transform: rotate(270deg) translatez(0);
  -webkit-transform-origin: 50% 51%;
}
.fixgrid .fixgrid-cell:not(.colselected):last-child {
  border-right: 0 none;
}
.fixgrid .scrollleft,
.fixgrid .scrollright {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
  top: 33%;
  height: 40px;
  width: 40px;
  border: 2px solid rgba(241, 241, 241, 0.8);
  text-align: center;
  line-height: 34px;
  border-radius: 17px;
  color: #444;
  background-color: rgba(241, 241, 241, 0.8);
  font-weight: bold;
  display: none;
  z-index: 11;
}
.fixgrid .scrollleft:hover,
.fixgrid .scrollright:hover {
  background-color: rgba(200, 200, 200, 0.8);
  border-color: rgba(200, 200, 200, 0.8);
}
.tooltip-meermaatschappijen .tooltip-inner {
  background-image: url("/img/icons/warning-32.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 46px;
  min-height: 32px;
}

#vergelijkvoorwaarden .fixgrid-row.vergelijkcategorie {
  font-weight: bold;
}
#vergelijkvoorwaarden .vergelijkcaret {
  width: 15px;
  cursor: pointer;
}
#vergelijkvoorwaarden .fixgrid-row.vergelijkcategorieitem .vergelijkcaret {
  margin-left: 15px;
}
#vergelijkvoorwaarden .toggleshow {
  cursor: pointer;
}
#vergelijkvoorwaarden .fixgrid-cell {
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-bottom-color: #e7eaec;
  border-right-color: #e7eaec;
}
.i-checks.hoog label {
  height: 50px;
  line-height: 50px;
}
.i-checks.hoog div.date-wrap {
  position: absolute;
  display: inline-block;
  margin-top: 8px;
  margin-left: 10px;
}
.input-group-addon {
  background-color: transparent;
}
.input-group-addon.disabled {
  background-color: #eee;
}
.form-control {
  border-radius: 2px;
  border-color: #ccc;
  border-width: 1px;
  -webkit-box-shadow: 0 0 0 1px #ccc;
  box-shadow: 0 0 0 1px #ccc;
  color: #777;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 60px;
  font-size: 95%;
}
.form-control:focus {
  -webkit-box-shadow: 0 0 0 1px #1ab394;
  box-shadow: 0 0 0 1px #1ab394;
}
.form-control.fout {
  border-color: red;
}

.form-horizontal .control-label {
  padding-top: 16px;
  color: #555;
}
/*
.form-horizontal .form-group.has-error .control-label{
	text-align:left;
}
*/
.form-control[disabled] {
  border-color: #ddd;
  -webkit-box-shadow: 0 0 0 1px #ddd;
  box-shadow: 0 0 0 1px #ddd;
  background-color: #f7f7f7;
}
textarea.form-control {
  min-height: 200px;
}
textarea.autoresize {
  box-sizing: border-box;
  min-height: 38px;
  overflow-x: hidden;
}

.inline-elm {
  float: left;
  padding-right: 15px;
}
.haaladresop .inline-elm {
  width: 30%;
  max-width: 200px;
}

.label,
.ibox .label {
  font-size: 60%;
  cursor: default;
}
.nav-tabs .label:not(.label-small) {
  font-size: 90%;
  margin-right: 10px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
}
.nav-tabs .label.label-small {
  font-size: 50%;
  font-weight: bold;
  margin-left: 5px;
}
.nav.nav-tabs > li,
.nav.nav-tabs > li > a {
  border-radius: 5px 5px 0 0;
}
.tabs-container.tabs-horizontaal > .nav.nav-tabs {
  padding-left: 15px;
}
.tabs-container.tabs-horizontaal > .nav.nav-tabs > li {
  margin-right: 4px;
  margin-top: 6px;
}
.nav-tabs li a.active .label:not(.label-small) {
  background-color: #1c84c6;
}
.nav-tabs li a.inactive .label:not(.label-small) {
  background-color: #d1dade;
}
.nav-tabs li a.akkoord .label:not(.label-small) {
  background-color: #1ab394;
}
.nav-tabs li a.niet-akkoord .label:not(.label-small) {
  background-color: #e24b4b;
}

.nav-tabs li a.inactive[href="#"] {
  cursor: default;
}
.nav-tabs > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tabs-container.tabs-horizontaal > .nav.nav-tabs > li > a:not(.active) {
  background-color: transparent;
  border-color: transparent;
  color: #999;
}

/*
.tabs-container.tabs-horizontaal > .nav.nav-tabs > li > a{
	-webkit-box-shadow: 1px -2px 3px 0px #CCC;
	box-shadow: 1px -2px 3px 0px #CCC
}
*/

.skin-1 .nav > li > a {
  color: #888;
}
.nav-tabs > li > a:focus {
  background-color: inherit;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active:hover {
  color: #00a19a;
  cursor: default;
}
/*.tabs-container .nav-tabs > li.danger > a[href]{*/
.skin-1 .nav.nav-tabs > li.danger > a[href],
.skin-1 .nav.nav-tabs > li.danger > a[href]:hover {
  color: #f07582;
}

.tabs-left .nav-tabs > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
}

.tabs-container.tabs-horizontaal > .tab-content > .tab-pane > .panel-body {
  border-top: 1px solid transparent;
  border-right: 1px solid #e7eaec;
  border-bottom: 1px solid #e7eaec;
  border-left: 1px solid #e7eaec;
}
.tabs-container > .tab-content > .tab-pane > .panel-body {
  border: 0;
}

.date {
  display: inline-block;
}
.date > input {
  background-image: url("/img/icons/calendar.png");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.form-group label {
  color: #555;
}
.form-group div.radio label {
  color: inherit;
}
.form-control-static {
  color: #555;
  padding-top: 14px;
}

.btn-xl {
  line-height: 40px;
  font-size: 100%;
  border-radius: 5px;
  font-weight: bold;
}
.acceptatiedetails .btn-xl {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.open > .dropdown-toggle.btn-success:focus {
  background-color: #1a7bb9;
}
.bijlagenlijst div.checkbox > input {
  margin-top: 3px;
}
.lijnlinks {
  border-left: 1px solid #ddd;
  padding-left: 40px;
  padding-bottom: 1px;
  margin-bottom: 50px;
}
.vragenscherm-kopje {
  font-size: 90%;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: right;
  padding-right: 40px;
}
.btn i {
  margin-right: 10px;
}

.logboek .row {
  position: relative;
}
.logboek .row.logboekheader {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.logboek .row.logboekheader .leftcol {
  color: #aaa;
}
.logboek .row.logboekheader .rightcol {
  color: #025551;
}
.logboek .leftcol {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  overflow: hidden;
}
.logboek .rightcol {
  margin-left: 160px;
}
.logboek .labeltje i.fa {
  margin-right: 10px;
}
.logboek .mail-box-header {
  /*padding-top:10px;*/
  /*background-color: #F1F1F1;*/
  padding-bottom: 0;
}
.text-danger-muted {
  color: #f3a1aa;
}
.popout {
  box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.popout-semi {
  box-shadow: 1px 2px 5px 1px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 1px 2px 5px 1px rgba(100, 100, 100, 0.2);
  -webkit-box-shadow: 1px 2px 5px 1px rgba(100, 100, 100, 0.2);
}
.popout-semi.popout-warning {
  box-shadow: 1px 1px 5px 2px rgba(199, 46, 46, 0.3);
  -moz-box-shadow: 1px 1px 5px 2px rgba(199, 46, 46, 0.3);
  -webkit-box-shadow: 1px 1px 5px 2px rgba(199, 46, 46, 0.3);
}
.popout-semi.popout-warning .ibox-content {
  background-color: rgb(255, 250, 250);
}

.logboek .mail-box-header .header-label {
  width: 100px;
  float: left;
}
.logboek .mail-box {
  margin-bottom: 0;
}
.mail-attachment {
  padding-bottom: 0;
}
.logboek .filedownload-wrapper {
  border-top: 1px solid #efefef;
  border-bottom: 0;
}
.logboek .filedownload-wrapper.mailbijlagen:first-child {
  border-top: 0;
}
.logboek .verwijderlogboek {
  position: absolute;
  right: 10px;
  top: 0;
  height: 100%;
  background-image: url("/img/icons/delete-grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
}
.logboek .verwijderlogboek:hover {
  background-image: url("/img/icons/delete.png");
  cursor: pointer;
}

.btn-max200 {
  max-width: 200px;
}
.statuslabel {
  display: table;
}
.statuslabel > div {
  display: table-row;
}
.statuslabel > div > div {
  display: table-cell;
}
.inlinewijzigen {
  background: url("/img/icons/edit_klein_grey.png") left center no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}
.ibox.ibox-greyheader {
  margin-bottom: 0;
  border-bottom: 1px solid #d6d6d6;
}
.ibox.ibox-greyheader .ibox-content {
  padding-top: 15px;
  padding-bottom: 15px;
  /*background-color:#fbfbfb;*/
}
.ibox.ibox-greyheader .ibox-content .row {
  margin-left: 0;
  margin-right: 0;
}
.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #1d87c9;
}
.dropdown.dropdown-fullwidth {
  position: static;
}
.dropdown.dropdown-fullwidth .dropdown-menu {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50px;
}
#optioneleclausuleswrapper .verwijderbtn {
  margin-top: 26px;
}
.verwijderbtn {
  background: url("/img/icons/delete-grey.png") center center no-repeat;
}
td.verwijderofferteproduct:hover,
.verwijderbtn:hover {
  background: url("/img/icons/delete.png") center center no-repeat;
}
td.muteerofferteproduct {
  background: url("/img/icons/edit16x16-grey.png") center center no-repeat;
  width: 50px;
  min-height: 16px;
  cursor: pointer;
}
td.muteerofferteproduct:hover {
  background-image: url("/img/icons/edit16x16.png");
}

/*geselecteerdeproducten*/
.geselecteerdeproducten {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #1f7a71;
  border-radius: 3px;
}
.geselecteerdeproducten .geselecteerdeproducten-label {
  color: #fff;
  margin-bottom: 8px;
}

.geselecteerdeproducten .productenwrap {
  margin-bottom: 20px;
}

.geselecteerdeproducten .geselecteerdproduct {
  background-color: #eee;
  display: table;
  padding: 2px 10px;
  margin-bottom: 4px;
  margin-right: 4px;
  border-radius: 3px;
  position: relative;
  padding-right: 22px;
}
.geselecteerdeproducten .geselecteerd-verwijder {
  background: url("/img/icons/deletesprite.png") no-repeat 0px 0px;
  height: 8px;
  width: 8px;
  position: absolute;
  right: 8px;
  top: 13px;
}
.geselecteerdeproducten .geselecteerd-verwijder:hover {
  background-position: 0 -8px;
}
.geselecteerdeproducten-btn-wrap {
  margin-top: 10px;
}
.geselecteerdeproducten-btn-wrap button {
  border-color: #ccc;
  margin-right: 10px;
}

/*productenselectie*/
.tabs-container.tabs-horizontaal.tabs-groen .nav.nav-tabs > li > a {
  background-color: #608682;
  border-left-width: 0;
  color: #ccc;
}

.tabs-container.tabs-horizontaal.tabs-groen .nav.nav-tabs > li > a.active {
  background-color: #18615a;
  color: #fff;
}

/*voortgangproducten*/
#premiescherm-wrapper #rechts-widget {
  margin-top: 60px;
}

#rechts-widget .extraitem {
  padding-top: 10px;
}
#rechts-widget .extraitem:first-child {
  border-top: 1px solid #fff;
}
#rechts-widget .extraitem > div,
#rechts-widget .extraitem > .btn {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#rechts-widget .interneopties {
  border-bottom: 1px solid #00a19a;
  margin-bottom: 10px;
}

.voortgangproducten {
  margin-bottom: 40px;
}

.voortgangproducten .voortgangitem {
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 80%;
  color: #9ea6b9;
  border-bottom: 1px solid #ddd;
}

.voortgangproducten .voortgangitem:first-child {
  border-top: 1px solid #ddd;
}
.voortgangproducten .voortgangitem.active {
  font-weight: bold;
  color: #555;
  background-color: #fff;
}
.voortgangproducten a.voortgangitem:hover {
  background-color: #eee;
}
.voortgangproducten .voortgangitem.doorgehaald {
  color: #ed9494;
}
.voortgangproducten .titel {
  margin-left: 43px;
  display: block;
  margin-right: 43px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.voortgangproducten .risicoadres {
  margin-left: 41px;
  display: block;
  margin-right: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  font-style: italic;
}

.voortgangproducten .prolpremie {
  margin-left: 41px;
  font-weight: bold;
}
.voortgangproducten .voortgangitem.doorgehaald .titel,
.voortgangproducten .voortgangitem.doorgehaald .prolpremie {
  text-decoration: line-through;
}
.voortgangproducten .teller {
  position: absolute;
  left: 3px;
  top: 12px;
}
.voortgangproducten .label {
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}
.voortgangproducten .voltooid .label {
  background-color: #1ab394;
}
.voortgangproducten .inactive .label {
  background-color: #d1dade;
}
.voortgangproducten .active .label {
  background-color: #1c84c6;
}

.voortgangproducten .voltooidlabel {
  margin-left: 42px;
  color: #1ab394;
  display: none;
}
.voortgangproducten .inactive:not(.active) .voltooidlabel {
  color: #9ea6b9;
}

.voortgangproducten .voltooid .voltooidlabel {
  display: block;
}
.voortgangproducten .onvoltooidlabel {
  margin-left: 42px;
  color: #ed5565;
  display: none;
}

.voortgangproducten .onvoltooid .onvoltooidlabel {
  display: block;
}

.voortgangproducten .maatwerklabel {
  margin-left: 42px;
  color: #1c84c6;
  display: none;
}

.voortgangproducten .maatwerk .maatwerklabel {
  display: block;
}

.voortgangproducten .royementlabel {
  margin-left: 42px;
  color: #ed9494;
  display: none;
}

.voortgangproducten .doorgehaald .royementlabel {
  display: block;
}

.voortgangproducten .verwijder {
  height: 33px;
  width: 33px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.voortgangproducten .verwijder.confirm {
  background-color: #f00;
}
.voortgangproducten .verwijder .verwijdericon {
  background: url("/img/icons/deletesprite.png") no-repeat 0px 0px;
  height: 8px;
  width: 8px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.voortgangproducten .verwijder:hover .verwijdericon {
  background-position: 0 -8px;
  cursor: pointer;
}

#loadingoverlay {
  width: 100%;
  height: 100%;
  background-image: url("/img/loadingoverlay.png");
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
#loadingoverlay-inner {
  background-color: #eee;
  width: 94px;
  height: 54px;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  border: 2px solid #999;
  border-radius: 5px;
}
.pointer {
  cursor: pointer !important;
}
.abbreviation {
  border-bottom: 1px dotted #777;
  cursor: help;
}
.note-editor.panel {
  margin-bottom: 0;
}
.note-editor.panel.panel-default {
  border: 0;
}

/*Offerteblok*/

#begeleidendebriefwrapper .vragenscherm-kopje {
  margin-top: 7px;
}

.offerteblok {
  position: relative;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  cursor: move;
}
.offerteblok .offertebloktekst {
  margin-left: 30px;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 3px;
  background-color: #eee;
  width: 100%;
  color: #aaa;
  min-height: 53px;
}

.offerteblok.geselecteerd .offertebloktekst {
  background-color: #fff;
  border-color: #ffc300;
  color: #666;
}
.offerteblok.geselecteerd.opgeslagen .offertebloktekst {
  border-color: #5a9ece;
  color: #888;
}
#begeleidendebriefwrapper .bloktoevoegen {
  margin-left: 54px;
}

#begeleidendebriefwrapper .geenblokken {
  font-style: italic;
  margin-left: 54px;
  margin-bottom: 10px;
}

.offerteblok-knoppen {
  white-space: nowrap;
}
.offerteblok-knoppen button.btn {
  padding: 2px 5px;
  display: inline-block;
  margin-left: 10px;
}

.offerteblok-knoppen button.btn i {
  margin-right: 0;
}
#begeleidendebriefwrapper .opgeslagennotificatie {
  position: absolute;
  font-size: 80%;
  bottom: -20px;
  right: 120px;
}
#begeleidendebriefwrapper .opgeslagennotificatie.welopgeslagen {
  color: #1ab394;
}
#begeleidendebriefwrapper .opgeslagennotificatie.nietopgeslagen {
  color: #ed5565;
}
#begeleidendebriefwrapper .opgeslagennotificatie i {
  margin-right: 10px;
}

.panel-title > a,
.panel-title > div {
  display: block;
  font-size: 110%;
}
.panel .panel-caret {
  float: right;
  display: inline;
  margin: 10px;
}
.panel-group {
  width: 100%;
  margin-bottom: 20px;
}
.panel-group .panel {
  border-top: 1px solid #fff;
  border-bottom: 2px solid #eee;
}
.panel-heading {
  color: #888;
}
.panel-heading:hover {
  background-color: #f1f1f1;
}

.inlineselectbtnwrapper {
  position: relative;
  /*margin-bottom:30px;*/
  display: flex;
  align-items: center;
  flex-direction: row;
}

.inlineselectbtnwrapper button {
  margin-left: 20px;
  height: 60px;
  font-weight: normal;
}

.tableinlineinput tr td {
  padding: 3px;
}
i.verwijder-aandeelhouder,
i.verwijder-schdeverleden {
  cursor: pointer;
}

.berekeningmelding {
  background-color: #00a19a;
  padding: 5px;
  border-radius: 10px;
  color: #fff;
  font-weight: normal;
  margin: 5px;
}
.berekeningmelding hr {
  margin-top: 4px;
  margin-bottom: 4px;
}
.rowerror {
  background: url("/img/transp-2pc-black-red.png") repeat;
  color: #aaa;
}
.under-construction {
  background: url("/img/under-construction.png") no-repeat center center;
  height: 300px;
}
.supportimg {
  background: url("/img/support.png") no-repeat center center;
  height: 200px;
}

.premiebtnwrapper {
  float: right;
  margin-bottom: 10px;
}
.premiebtnwrapper a {
  float: left;
  border: 1px dotted #bbb;
  padding: 2px 5px;
  margin-left: 10px;
  white-space: nowrap;
}
.premiebtnwrapper a i {
  margin-right: 5px;
}
#berekeningsxmlpopup pre {
  background-color: #fff;
  border: 0 none;
}

.navbar-surebusinessmelding {
  color: #777;
  font-size: 70%;
  float: right;
  /*line-height:50px;*/
  margin-right: 40px;
  margin-top: 18px;
}

.groenerand,
.groenerand:hover {
  border-color: #00a19a;
  border-width: 2px;
  background-color: #fff;
}
.premieschermfooter {
  font-size: 70%;
  font-style: italic;
  display: block;
}
.euroinputwrapper,
.inputpostfixwrapper {
  position: relative;
}
.euroinputwrapper .europrefix,
.inputpostfixwrapper .inputpostfix {
  position: absolute;
  top: 1px;
  height: 58px;
  line-height: 58px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 3;
}
.euroinputwrapper .europrefix {
  left: 0;
  border-right: 1px solid #eee;
}
.inputpostfixwrapper .inputpostfix {
  right: 0;
  border-left: 1px solid #eee;
}
.euroinputwrapper input {
  padding-left: 40px;
}
.form-horizontal .control-label.text-left {
  text-align: left;
}
#table-clauslealerts,
#table-algemenealerts {
  width: 100%;
  min-width: 600px;
}
#alertswrapper .alerttitel {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}
#alertswrapper .alerttitel {
  border-bottom: 1px solid #eee;
  padding-bottom: 7px;
}
#alertswrapper div.alertitem {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 15px;
  position: relative;
}
#table-clauslealerts div.alertitem {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
#table-algemenealerts .algemenealertopsomming {
  border-bottom: 1px solid #eee;
}
#table-algemenealerts .algemenealertopsomming > div > .form-group {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
#table-algemenealerts .algemenealertopsomming > div > .form-group:last-child {
  border-bottom: 0 none;
}
#alertswrapper div.alertitem:first-child {
  border-top: 1px solid #ddd;
}
#alertswrapper div.alertnaar {
  white-space: nowrap;
}
#alertswrapper .alertvoorbeeldmail {
  position: absolute;
  right: 10px;
  bottom: 30px;
}
#alertswrapper .form-group:last-child {
  margin-bottom: 0;
}

.kentekenwrapper {
  background-color: #ffd729;
  height: 60px;
  padding-top: 12px;
  background-image: url(/img/kenteken.png);
  background-position: left center;
  background-repeat: no-repeat;
  width: 210px;
  border: 2px solid #555;
  border-radius: 6px;
}
.kentekenwrapper input.kenteken {
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 12px;
  height: 36px;
  float: left;
  font-weight: bold;
  margin-left: 40px;
  width: 160px;
  border: 0 none;
  background-color: #ffd729 !important;
  box-shadow: 0 0 0 0;
  font-size: 100%;
  color: #444;
}
.kentekenwrapper input.kenteken:-webkit-autofill,
.kentekenwrapper input.kenteken:-webkit-autofill:hover,
.kentekenwrapper input.kenteken:-webkit-autofill:focus,
.kentekenwrapper input.kenteken:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #ffd729 inset !important;
}

.subtabswrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding-left: 10px;
}
.subtabswrapper .subtab {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 6px 6px 0 0;
  margin-left: 0;
  margin-right: 4px;
  padding: 3px 10px;
  float: left;
  margin-bottom: -1px;
  background-color: #f7f7f7;
}
.subtabswrapper .subtab.active {
  background-color: #fff;
  border-top-color: #ddd;
  border-left-color: #ddd;
  border-right-color: #ddd;
  border-bottom-color: #fff;
  font-weight: bold;
}

.form-group .verplichtveld {
  position: absolute;
  right: -3px;
  top: 0;
  height: 100%;
  line-height: 100%;
  width: 10px;
  color: red;
  padding-top: inherit;
}
#copymaillocatie {
  display: inline-block;
  text-decoration: underline;
}
.verwijderregeltabel {
  background: url("/img/icons/delete-grey-whitebg.png") center center no-repeat;
  width: 50px;
}
.verwijderregeltabel:hover {
  background-image: url("/img/icons/delete.png");
  width: 50px;
}
.adrescc,
.adresbcc {
  text-decoration: underline;
  cursor: pointer;
  font-size: 70%;
  line-height: 14px;
  float: left;
  margin-right: 5px;
}
.clearfixsb:before {
  content: " ";
  display: table;
}
.clearfixsb:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
.premievragen-risicoadres-kopje > div {
  font-weight: bold;
  color: #18615a;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
#productenselectie-wrap .dpui-numberPicker button {
  height: 36px;
  font-size: 110%;
  color: #555;
}
#productenselectie-wrap .dpui-numberPicker-input {
  height: 36px;
}
.alert-neutraal {
  background-color: #f1f1f1;
  border-color: #ddd;
}

.alert-neutraalsb {
  background-color: #f1f1f1;
  border-color: #00a19a;
}
.alert-agenda {
  background-image: url("/img/icons/agendabell.png");
  background-repeat: no-repeat;
  background-position: 20px 24px;
  padding-left: 50px;
}
.alert-mail {
  background-image: url("/img/icons/envelope-16.png");
  background-repeat: no-repeat;
  background-position: 20px 24px;
  padding-left: 50px;
}

.alert-uitroepteken {
  background-image: url("/img/icons/warning-32.png");
  background-repeat: no-repeat;
  background-position: 10px 24px;
  padding-left: 50px;
}

.webmodule-product {
  border: 1px solid #f1f1f1;
  background-color: #f8f8f8;
  padding-top: 20px;
  padding-bottom: 20px;
}
.webmodule-product.checked {
  border-color: #ddd;
}
.form-horizontal .webmodule-product .control-label {
  color: #aaa;
  text-align: left;
}
.form-horizontal .webmodule-product.checked .control-label {
  color: inherit;
}

.label-geel {
  background-color: #f5e819;
}
.label-schademelding {
  background-color: #bab86c;
  color: #ffffff;
}
.label-schade {
  background-color: #808000;
  color: #ffffff;
}
.label-overvoer {
  background-color: #738294;
  color: #ffffff;
}
.label-mutatie {
  background-color: #5edec4;
  color: #ffffff;
}
.label-naverrekenen {
  background-color: #a133d0;
  color: #ffffff;
}
.label-wanbetaler {
  background-color: #000;
  color: #ffffff;
}
.label-afwachtingderden {
  background-color: #bb9e2a;
  color: #ffffff;
}
.label-inbehandeling {
  background-color: #e4a228;
  color: #ffffff;
}
.label-fiatteren {
  background-color: #6f37e8;
  color: #ffffff;
}
.label-disabled {
  background-color: #e4e4e4;
  color: #aaa;
}

.letop-testomgeving {
  text-align: center;
  background-color: red;
  color: white;
  font-weight: bold;
  width: 100%;
}
.centered {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.carousel-indicators li {
  border-color: #00a19a;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #00a19a;
}
.carousel-indicators .active {
  background-color: #00a19a;
}
.carousel-indicators {
  position: relative;
  width: auto;
  padding: 0;
  margin: auto;
  left: auto;
  bottom: auto;
}

.carousel-indicators li {
  cursor: pointer;
}

.widget.prodsel {
  background-color: #18615a;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 0;
  width: 100%;
}
.widget.prodsel.mettabs {
  border-radius: 0 5px 5px 5px;
}

.prodselwrapper {
  padding-left: 10px;
  width: 100%;
}

.prodseltekstbar {
  height: 60px;
  line-height: 60px;
  padding-left: 10px;
  border: 1px solid #999;
  border-radius: 3px;
  overflow: hidden;
  background: url("/img/icons/caret-down-10.png") right 20px center no-repeat
    #fff;
  cursor: pointer;
}
.prodseltekstbar.disabled {
  color: #aaa;
  border-color: #aaa;
  background-image: url("/img/icons/caret-down-10-disabled.png");
  cursor: not-allowed;
}
.dropdown.open .prodseltekstbar {
  background-image: url("/img/icons/caret-up-10.png");
}

.prodselgroep {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 1px;
  float: left;
  background-color: #fff;
  margin-right: 10px;
}
.prodselgroep .btn-white {
  color: #777;
  border-collapse: #fff;
}
.prodselgroep > button {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 29px;
  height: 56px;
  font-weight: bold;
}
.prodselgroeptitel {
  height: 40px;
  line-height: 38px;
  margin-top: 10px;
}
.prodselproduct {
  height: 40px;
  line-height: 40px;
}
.prodselproductinner {
  position: relative;
  white-space: nowrap;
}
.prodselproductinner.geselecteerd {
  background-color: #f4fcf5;
}
.prodselproductinner:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}
.prodselproductinner.geselecteerd:hover {
  background-color: #e9f1ea;
}
.prodselproductinner > div.float-left {
  padding-left: 10px;
}
.prodselproductinner > .prodsel-selectorwrapper {
  position: absolute;
  right: 0;
}
.prodsel .lijnonder,
.lijnonder {
  border-bottom: 1px solid #eee;
}
.prodsel .prodselgroeptitel .lijnonder {
  border-bottom: 2px solid #ccc;
}
.prodsel .dropdown-menu {
  box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.5);
}
.prodsel .dpui-numberPicker {
  border: 0 none;
  box-shadow: none;
  height: 100%;
}
.prodsel .dpui-numberPicker button {
  height: 32px;
  font-size: 110%;
  color: #555;
  margin-top: 4px;
}
.prodsel .dpui-numberPicker-input {
  height: 32px;
  margin-top: 4px;
}
.prodsel .prodsel-btn-wrap {
  text-align: center;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 2px solid #eee;
}
.prodselproductinner > a {
  display: block;
}

.btn-group.prodselgroep {
  z-index: 100;
}
.spacefiller {
  width: 6px;
  display: inline-block;
}
.logboek .spacefiller {
  width: 8.2px;
}
.form-horizontal .toelichtingwrapper .control-label {
  text-align: left;
}
.toonbijvoertuigdata {
  display: none;
}
.voertuiginfocompact {
  margin-left: 10px;
}

.form-horizontal .voertuiginfocompact label.control-label {
  color: #999;
}

.voertuiginfodetails,
.voertuiginfodetails:active {
  background-image: url("/img/icons/details-32.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 46px;
  font-weight: normal;
  margin-top: 10px;
}
.table .table {
  background-color: inherit;
}
.webmodule-table {
  margin-bottom: 60px;
  border-top: 2px solid #eee;
}
.webmodule-table > thead > tr > th {
  background-color: #efefef;
}
.webmodule-table > tbody > tr > td:first-child {
  padding-left: 40px;
}
.clausulewrapper > div {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.clausulewrapper:hover {
  background-color: #f1f1f1;
}
.clausulewrapper .clausulevrijerubriekaanpassen {
  cursor: pointer;
}
.clausulewrapper .verwijderbtn {
  display: inline-block;
}

.leesmeer {
  padding-bottom: 0;
  overflow: hidden;
}
.btnleesmeer {
  color: #5a8ad6;
  clear: both;
  cursor: pointer;
}
.btnleesmeer:hover {
  color: #466ba6;
}

.sbsimpleselect {
  border: 1px solid #bbb;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
}
.sbsimpleselect option {
  padding: 0 5px;
}
.sbsimpleinput {
  border: 1px solid #bbb;
  height: 28px;
  line-height: 28px;
  padding-left: 5px;
  font-weight: normal;
}
.sbsimpleselect.disabled,
.sbsimpleinput.disabled {
  background-color: #ddd;
}
span.refreshwrap {
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid #bbb;
  background-color: #fff;
  cursor: pointer;
}
span.refreshwrap i {
  cursor: pointer;
}
#recenteactiviteitenloader > td > div.sk-spinner {
  margin-top: 15px;
}
#recenteactiviteitenlaadmeer > td > button {
  margin-top: 15px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: #fff !important;
}
.caret-white,
.note-editor .btn.caret-white {
  background-image: url("/img/icons/caret-white.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.note-editor .panel-heading {
  padding-top: 30px;
  margin-left: -1px;
  margin-right: -1px;
}
.note-editor .panel-body {
  border-top: 1px solid #ddd;
}
.note-editor.note-frame .note-editing-area .note-editable {
  font-size: 16px;
  color: #777;
}
.dropdown-vrijetekst {
  margin-left: 10px;
}

.winkelmand-producttoevoegen {
  background-color: #f7f7f7;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.winkelmand-producttoevoegen-wm {
  border: 1px solid #ddd;
  -webkit-box-shadow: 2px 2px 7px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 7px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 7px 3px rgba(0, 0, 0, 0.3);
}
.skin-1 .winkelmand-producttoevoegen-wm .ibox-content {
  padding: 20px 15px;
}

.winkelmand-producttoevoegen-wm .prodsel-wm {
  border: 1px solid #ddd;
  margin-top: 10px;
  padding: 10px;
  background-color: #eee;
  text-align: center;
}
.winkelmand-producttoevoegen-wm .prodsel-wm:hover {
  background-color: #ddd;
}
.winkelmand-producttoevoegen-wm-subheader:not(:first-child) {
  margin-top: 40px;
}

.tabs-container .nav-tabs > li > a[href]:not(.active):hover {
  color: #025551;
  border-top-color: #ccc;
  border-right-color: #ccc;
  border-left-color: #ccc;
}
.beheerboxitemseperator {
  border-bottom: 2px solid #00a19a;
  border-top: 2px solid #00a19a;
  margin-bottom: 10px;
}
.borderbottommedium {
  border-bottom: 1px solid #ccc;
}
.borderbottomlight {
  border-bottom: 1px solid #eee;
}
.borderbottomnone {
  border-bottom-width: 0 !important;
}
.borderbottomsurebusiness {
  border-bottom: 1px solid #00a19a;
}
.bordertopmedium {
  border-top: 1px solid #ccc;
}
.bordertoplight {
  border-top: 1px solid #eee;
}
.bordertopdark {
  border-top: 1px solid #999;
}
ul.dash {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
}
ul.dash > li:before {
  display: inline-block;
  content: "\2013";
  width: 1em;
  margin-left: -1em;
}
table.table-neutraal td {
  padding-left: 10px;
  padding-right: 10px;
}
table.table-neutraal tr.filler td {
  height: 30px;
}
table.table-neutraal tr td.a-t {
  vertical-align: top;
}
.table-inlineinputwrapper {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.table-inlineinputwrapper table thead > tr > th {
  font-weight: normal;
  font-style: italic;
}
.table-inlineinputwrapper table thead > tr > th:not(:first-child) {
  padding-left: 10px;
}
.table-inlineinputwrapper table tbody > tr > td:not(:first-child) {
  padding-left: 10px;
}

i.fa.verwijder-schadeverleden {
  cursor: pointer;
}
.statustellerwrapper {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.statustellerwrapper div.label {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  border: 1px solid transparent;
}
.statustellerwrapper div.label:hover {
  border-color: #999;
}
.statustellerwrapper div.label.active {
  border-color: #000;
}
.statustellerwrapper span.badge {
  margin-top: -2px;
  margin-left: 5px;
  background-color: #fff;
}
.exclamation-16 {
  background: url("/img/icons/exclamation-16.png") no-repeat center center;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  cursor: default;
}
.clausulewrapper .verwijderbtn,
#recenteactiviteiten td.verwijderbtn > div.tooltipelm,
#zoekreltable td.verwijderbtn > div.tooltipelm {
  height: 50px;
  width: 44px;
}
.clausulewrapper .verwijderbtn {
  background: url("/img/icons/delete-grey.png") no-repeat center center;
}
.clausulewrapper .verwijderbtn:hover {
  background-image: url("/img/icons/delete.png");
  cursor: pointer;
}
.font-bold {
  font-weight: 600 !important;
}
.font-italic {
  font-style: italic !important;
}

@media (max-width: 767px) {
  .btn-xs-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-xs-block,
  input[type="reset"].btn-xs-block,
  input[type="button"].btn-xs-block {
    width: 100%;
  }
  .btn-block + .btn-xs-block,
  .btn-xs-block + .btn-block,
  .btn-xs-block + .btn-xs-block {
    margin-top: 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn-sm-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-sm-block,
  input[type="reset"].btn-sm-block,
  input[type="button"].btn-sm-block {
    width: 100%;
  }
  .btn-block + .btn-sm-block,
  .btn-sm-block + .btn-block,
  .btn-sm-block + .btn-sm-block {
    margin-top: 0.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-md-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-md-block,
  input[type="reset"].btn-md-block,
  input[type="button"].btn-md-block {
    width: 100%;
  }
  .btn-block + .btn-md-block,
  .btn-md-block + .btn-block,
  .btn-md-block + .btn-md-block {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .btn-lg-block {
    display: block;
    width: 100%;
  }
  input[type="submit"].btn-lg-block,
  input[type="reset"].btn-lg-block,
  input[type="button"].btn-lg-block {
    width: 100%;
  }
  .btn-block + .btn-lg-block,
  .btn-lg-block + .btn-block,
  .btn-lg-block + .btn-lg-block {
    margin-top: 0.5rem;
  }
}

/*extra small device*/
@media (max-width: 767px) {
  /*
    .xs-ellipse-180{
    	text-overflow: ellipsis;
    	overflow: hidden;
    	max-width: 160px;
    }
    */

  .contactpersoon > div {
    margin-bottom: 10px;
  }
}

/*extra small / small*/
@media (max-width: 991px) {
  .vragenscherm-kopje {
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
  }
  .lijnlinks {
    border-left: 0 none;
  }
}
.bluelink {
  color: #236bd6;
}

/*extra small / small device*/
@media (max-width: 991px) {
  .form-horizontal.form-sb-4-8 .control-label {
    text-align: justify;
  }
}

#offertelogwrap .logrecord {
  border-bottom: 1px solid #bbb;
  padding-top: 10px;
  padding-bottom: 10px;
}

#offertelogwrap .recordheader {
  /*color:#00A19A;*/
  margin-bottom: 5px;
}

#offertelogwrap .recorddetails {
  margin-bottom: 10px;
}
#offertelogwrap .recordfooter {
  margin-top: 5px;
  color: #aaa;
}

.ui-datepicker {
  z-index: 9999 !important;
}
.inputtijdstip-wrapper {
  display: inline-block;
}
.inputtijdstip {
  width: 90px !important;
}
.sidebard-panel .feed-element,
.media-body,
.sidebard-panel p {
  font-size: 14px;
}
#agendaoverzichttable tbody > tr > td:first-child {
  line-height: 30px;
}
tr.agendaverwijderd {
  text-decoration: line-through;
}
a.media-body {
  padding: 5px;
}
a.media-body:hover {
  background-color: #eee;
}
.dropdown-messages li a {
  font-size: 14px;
}

.logwrapper > div {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.logwrapper > div.aanklikbaar:hover {
  cursor: pointer;
  background-color: #eee;
}
.logwrapper > div.aanklikbaar.memoverwijderd {
  text-decoration: line-through;
}
.logwrapper .logheader {
  position: relative;
}
.logwrapper .verwijderlog {
  background-image: url("/img/icons/delete-grey.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 7px;
  width: 20px;
}
.logwrapper .hasattachment {
  /*memoklantbeeldinontwikkeling*/
  position: absolute;
  right: 50px;
  top: 7px;
}

.logwrapper .verwijderlog:hover {
  background-image: url("/img/icons/delete.png");
  cursor: pointer;
}

div.row.selecteerbarerow,
a.row.selecteerbarerow {
  border-bottom: 1px solid #e1e1e1;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
div.row.selecteerbarerow:first-child,
a.row.selecteerbarerow:first-child {
  border-top: 2px solid #e1e1e1;
}
.row.selecteerbarerow.inactiverow {
  color: #bbb;
}
.row.selecteerbarerow.inactiverow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(225, 225, 225, 0.2);
}

div.row.selecteerbarerow.selectedrow,
a.row.selecteerbarerow.selectedrow {
  background-color: #f4fcf5;
}
.selecteerbaarhover a.row.selecteerbarerow:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
#muterenformulier div.row.selecteerbarerow .actieoms-wrapper {
  display: none;
}
#muterenformulier .annuleeractie {
  text-decoration: underline;
  font-weight: normal;
  color: #888;
}
#muterenformulier div.row.selecteerbarerow.selectedrow .actieoms-wrapper {
  display: block;
}

div.row.disabledrow {
  background-color: #f7f7f7;
}
.label-acctvrmutdat {
  position: relative;
  display: block;
  float: left;
  padding-top: 16px;
  margin-right: 10px;
}
#activefilterwrapper {
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
.actievefilter-label {
  background-image: url("/img/icons/delete-grey-whitebg.png");
  background-position: right 5px center;
  background-repeat: no-repeat;
  padding-right: 24px;
  cursor: pointer;
}
.actievefilter-label:hover {
  background-image: url("/img/icons/delete-whitebg.png");
}
.activiteiten-filler {
  background-color: #f7f7f7;
  height: 30px;
  margin-left: -16px;
  margin-right: -16px;
}
.verwijderagendapunt {
  background: url("/img/icons/delete-grey-whitebg.png") center center no-repeat;
  height: 16px;
  width: 16px;
  cursor: pointer;
  float: right;
  position: absolute;
  right: 20px;
  top: 20px;
}
.verwijderagendapunt:hover {
  background-image: url("/img/icons/delete-whitebg.png");
}
.alertitem {
  border: 1px solid transparent;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.alertitem.tpalertactief {
  background-image: url("/img/transp-2pc-green.png");
  border: 1px solid #91c49b;
}
.schade-relatienummer-wrapper {
  width: 100%;
}
.terugval-relatienummer-wrapper {
  width: 100%;
}
.max300ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*
.kleinetabs .nav-tabs{
	height:36px;
}
*/
.kleinetabs .nav-tabs > li > a {
  padding: 6px 15px;
}
.kleinetabs .nav-tabs > li > a:not(.active) {
  font-weight: normal;
}
#langlopendmaatwerkpanel {
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.25);
}
.stopwatch-24 {
  background: url("/img/icons/stopwatch-24.png") left center no-repeat;
  padding-left: 28px;
}
.btn-recactactie {
  background-color: #fffff7;
  height: 30px;
  width: 30px;
  border: 1px solid #d6d3d6;
  padding: 0;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.btn-recactactie:hover {
  background-color: #e6e6fa;
  border-color: #ccc;
}
.btn-sb-delete {
  background-image: url("/img/icons/sb-delete.png");
}
.btn-sb-archive {
  background-image: url("/img/icons/sb-archive.png");
}
.btn-sb-dearchive {
  background-image: url("/img/icons/sb-dearchive.png");
}
.pointer {
  cursor: pointer;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-left: 0;
}
#maatwerkoffertebijlagenlijst {
  margin-left: 15px;
  color: #555;
  border-top: 1px solid #efefef;
  width: 100%;
}
table.recenteactiviteiten td {
  width: 1%;
  max-width: none;
  text-overflow: none;
}

table .ellipsiskolom {
  width: auto !important;
  max-width: 0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 100px;
}
table#winkelmand td {
  width: 1%;
  max-width: none;
  text-overflow: none;
}

/*
table#winkelmand .ellipsiskolom{
	width:100% !important;
}
*/

table.recenteactiviteiten .recact-actiekolom {
  width: 46px;
}
table.recenteactiviteiten .recact-benadrukiconkolom {
  width: 16px;
  padding-left: 0;
  padding-right: 0;
}
table.recenteactiviteiten .recact-benadrukiconkolom > div.archieficon {
  background: url("/img/icons/archive-red.png") center center no-repeat;
  height: 50px;
  width: 16px;
  display: none;
}
table.recenteactiviteiten
  tr.deeparchiverecord
  .recact-benadrukiconkolom
  > div.archieficon {
  background-image: url("/img/icons/archive-grey.png");
}
table.recenteactiviteiten
  tr.archiverecord
  .recact-benadrukiconkolom
  > div.archieficon {
  display: block;
}

table.recenteactiviteiten .recact-benadrukiconkolom > div.benadruktpicon {
  height: 50px;
  width: 16px;
  display: none;
}

table.recenteactiviteiten tr[data-href].benadruktprecord {
  color: #025551;
  background-color: #f5fff5;
}
table.recenteactiviteiten tr[data-href].benadruktprecord:hover {
  background-color: #dfecdf;
}
table.recenteactiviteiten
  tr[data-href].benadruktprecord
  .recact-benadrukiconkolom
  > div.benadruktpicon {
  display: block;
}
table.recenteactiviteiten
  tr[data-href].benadruktprecord
  .recact-benadrukiconkolom
  > div.benadruktpicon
  > i {
  color: #025551;
  font-size: 1rem;
}

.lossemeldingscherm {
  width: 50%;
  max-width: 1199px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 3% 5%;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.6);
  webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.6);
}
table.hooverrows tbody tr:hover {
  background-color: #f1f1f1;
}
.schadedashboard {
  text-align: center;
}
.schadedashboard.schadedashboard-klein {
  margin-right: 5px;
  width: 48px;
  height: 50px;
}

#navbar-schadedashboard {
  background: url("/img/icons/dashboard-16.png") no-repeat center 40%;
  width: 50px;
  height: 50px;
  position: relative;
  font-size: 90%;
}

.schadedashboard.schadedashboard-groen .schadedashboard-img {
  background-image: url("/img/icons/dashboard-groen.svg");
}
.schadedashboard.schadedashboard-oranje .schadedashboard-img {
  background-image: url("/img/icons/dashboard-oranje.svg");
}
.schadedashboard.schadedashboard-rood .schadedashboard-img {
  background-image: url("/img/icons/dashboard-rood.svg");
}
.schadedashboard.schadedashboard-klein .schadedashboard-img {
  height: 21px;
  margin: 7px 0 10px 0;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center 0;
}
.schadedashboard.schadedashboard-klein .schadedashboard-bottomlabel {
  bottom: 5px;
  font-size: 70%;
  margin-top: -12px;
  font-weight: 500;
  position: absolute;
  width: 100%;
  font-weight: bold;
}
.schadedashboard.schadedashboard-klein.schadedashboard-groen
  .schadedashboard-bottomlabel {
  color: #29ab0a;
}
.schadedashboard.schadedashboard-klein.schadedashboard-oranje
  .schadedashboard-bottomlabel {
  color: #f37d36;
}
.schadedashboard.schadedashboard-klein.schadedashboard-rood
  .schadedashboard-bottomlabel {
  color: #e44b4b;
}

.schadedashboard.schadedashboard-groot .schadedashboard-bottomlabel {
  margin-top: 10px;
}
.schadedashboard.schadedashboard-groot {
  width: 150px;
  height: 150px;
}
.schadedashboard.schadedashboard-groot .schadedashboard-img {
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.strikethrough {
  text-decoration: line-through;
}
a.underlinehover:hover {
  text-decoration: underline;
}
#behandelaarsoverigcollapse:hover {
  font-weight: bold;
}
.dropdown-menu > li > a,
.ibox-tools .dropdown-menu > li > a {
  font-size: 14px;
}
.ibox-btnwrapper .btn {
  margin-top: 5px;
}
.mt-3px {
  margin-top: 3px;
}
.row.sb-key-pair {
  margin-bottom: 2px;
}
.row.sb-key-pair > label {
  font-weight: 600;
  font-size: 90%;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #7d7d7d;
}
.row.sb-key-pair > div {
  font-size: 90%;
}
.row.sb-key-pair > div div.sb-detail-value {
  padding: 2px 8px;
}
table.table-mutatieredenteksten > thead > tr > th {
  padding-left: 3px;
  padding-right: 3px;
}
hr.dik {
  border-top-width: 2px;
}
hr.blauw {
  border-top-color: #7dace6;
}
hr.klein {
  margin-top: 5px;
  margin-bottom: 5px;
}
#statuslabel .dropdown-menu .label {
  font-size: 12px;
  cursor: pointer;
}
.tabs-container .tab-content .tab-pane {
  display: none;
}
.tabs-container .tab-content .tab-pane.active {
  display: block;
}
.flex-row {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.bgcolor-grey {
  background-color: #f7f7f7;
}

.p-b-sm {
  padding-bottom: 10px;
}
.p-b {
  padding-bottom: 15px !important;
}
.p-b-xl {
  padding-bottom: 40px;
}
.p-t-sm {
  padding-top: 10px;
}
.p-b-none {
  padding-bottom: 0px !important;
}
.p-r-none {
  padding-right: 0px !important;
}

.ibox.ibox-greyheader .btn {
  margin-top: 2px;
}
.tabs-beheer-subtabs {
  margin-bottom: 30px;
}
.tabs-beheer-subtabs .nav-tabs li {
  height: 60px;
}
.tabs-beheer-subtabs .nav-tabs li a {
  height: 60px;
  line-height: normal;
}
.tabs-beheer-subtabs .nav-tabs li a > img {
  height: 30px;
  margin-left: -15px;
  margin-right: -10px;
}
.tabs-beheer-subtabs .nav-tabs li a:not(.active):not(:hover) > img {
  filter: opacity(25%) grayscale(100%);
}
.tabs-beheer-subtabs .nav-tabs li a:not(.active):hover > img {
  filter: opacity(50%) grayscale(0%);
}
.modal-dialog .tabs-container.tabs-maatschappijen .nav-tabs li a > img {
  height: 30px;
}
.font-small {
  font-size: 86%;
}
.ibox-ondertekening .ibox-content {
  background-color: #f3fcff;
  border-top: 1px solid #dfe0e1;
}
.m-b-none {
  margin-bottom: 0 !important;
}
.m-r-none {
  margin-right: 0 !important;
}
.form-inline {
  display: inline-block;
}
.nav-tabs .label {
  padding: 2px 6px;
  margin-left: 8px;
}
.nav-tabs .label.label-danger {
  background-color: #d9534f !important;
}
/*25-7-19 deze 2 weg:*/
.inlineblock {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.middle-box-dialog {
  padding: 20px;
  width: 50%;
  border: 2px solid #bbb;
  background: url(/img/transp-10pc-white.png) repeat;
  border-radius: 5px;
}
.middle-box-dialog > div {
  padding: 20px;
}
.modal.modal-dragable .modal-header {
  cursor: move;
  background-image: url(/img/icons/dragable-dots.png);
  background-repeat: no-repeat;
  background-position: 5px center;
}
.modal.modal-dragable .modal-header:hover {
  background-color: #fffeeb;
}

pre.nomarkup {
  background: 0 none;
  border: 0 none;
  font-family: Corbel;
}
table.sb-data-table {
  table-layout: fixed;
  width: 100%;
}
table.sb-data-table td {
  word-wrap: break-word;
  vertical-align: top;
  border-top: 1px solid #f5f5f5;
}
.h-30 {
  height: 30px;
}
.overflowhidden {
  overflow: hidden;
}
.btn.btn-disabled {
  cursor: default;
}
.btn.btn-mutatie {
  background-image: url("/img/icons/mutaties-klein-16.png") !important;
  background-position: 12px center;
  background-repeat: no-repeat;
  padding-left: 40px;
}
.btn.btn-mutatie.btn-disabled {
  background-image: url("/img/icons/mutaties-klein-16-inactive.png") !important;
}

.btn.btn-mutatie.btn-compact {
  background-position: 6px center;
  padding-left: 30px;
}
.mutatiebenadrukken {
  color: #169427;
  font-weight: bold;
}
#verwerkingstatus-innerwrap {
  position: relative;
  height: 30px;
}
#verwerkingstatus-innerwrap .sk-spinner {
  margin-left: 0;
}
#verwerkingstatus-innerwrap #verwerkingstatus-lbl {
  height: 30px;
  line-height: 30px;
  margin-top: 0;
  position: absolute;
  display: inline-block;
  margin-left: 10px;
}
.modal {
  overflow-y: auto;
}
.dropdown-menu.dropdown-menu-left {
  position: absolute;
  left: -94px;
}
.breadcrumb .breadcrumb-caret {
  padding-left: 22px;
}
.modal-lg {
  width: 80%;
  max-width: 80%;
}
#handmatigeclaustabinhoud {
  padding-bottom: 15px;
}
.sb-kopje {
  background-color: #00a19a;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
.dropdown-toggle:not(.dropdown-toggle-with-arrow)::after {
  display: none;
}
.input-group > .input-group-append > .btn {
  border-color: #ccc;
  box-shadow: 0 0 0 1px #ccc;
  border-left: 0 none;
}
.input-group > .input-group-append:not(.show):not(:hover) > .btn {
  background-color: white;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-right: 0 none;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
  }
}
.radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.label {
  display: inline;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.label.label-plain:focus,
a.label.label-plain:hover {
  color: #5e5e5e;
}
@media (min-width: 576px) {
  .modal-dialog:not(.modal-lg) {
    max-width: 600px;
  }
}
#page-wrapper.public {
  width: 100%;
}
.tabs-verticaal {
  margin-right: 0;
}
.tabs-verticaal .tabs-verticaal-nav ul {
  margin-bottom: 0;
  padding-left: 0;
}
.tabs-verticaal .tabs-verticaal-nav ul li {
  list-style: none;
  height: 50px;
  display: block;
  border-bottom: 1px solid #ddd;
}
.tabs-verticaal .tabs-verticaal-nav ul li a {
  overflow: hidden;
  padding-left: 5px;
  display: block;
  max-width: 100%;
  display: inline-block;
  background-color: #fff;
  height: 48px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
}
.tabs-verticaal .tabs-verticaal-nav ul li a:hover {
  color: #025551;
}

.tabs-verticaal .tabs-verticaal-nav ul li.active a {
  border-right-color: #fff;
  font-weight: bold;
  color: #00a19a;
}
.tabs-verticaal .tabs-verticaal-content {
  border: 1px solid #ddd;
  padding-bottom: 30px;
  padding-top: 20px;
  display: none;
}
.tabs-verticaal .tabs-verticaal-content.active {
  display: block;
}
.modal-footer.modal-footer-compact {
  padding-bottom: 5px;
  border-top: 0 none;
}
pre {
  display: block;
  word-wrap: normal;
  white-space: pre-wrap;
  word-break: normal;
}
.row pre {
  /*ivm flex*/
  width: 100%;
}

.dropdown-menu > li.disabled > a:focus,
.dropdown-menu > li.disabled > a:hover {
  cursor: not-allowed;
  background-color: transparent;
}
.table {
  color: #888;
}

.irs--modern.irs-with-grid {
  margin-right: 14px;
}
.irs--modern .irs-bar {
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  background-color: #428bca;
  font-size: 12px;
  padding-top: 3px;
}
label.label-compact {
  margin-bottom: 0;
}
#login-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;
}
#login-eye:hover {
  color: #444;
}
.selectitem {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f8f8f8;
}
.selectitem.selectitem-disabled {
  background-color: #eee;
}
.selectitem .show-on-disabled {
  display: none;
}
.selectitem.selectitem-disabled .show-on-disabled {
  display: block;
}
.selectitem.selectitem-disabled .hide-on-disabled {
  display: none;
}
.selectitem:not(.selectitem-disabled):hover {
  background-color: #f1f1f1;
}

.offertesubheader {
  height: 50px;
  height: auto;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.behandelaaraanpassenpopup-afdelingwrapper.highlight {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.behandelaaraanpassenpopup-afdelingwrapper.highlight .i-checks {
  margin-left: 10px;
}
.fa,
.fas {
  font-weight: normal;
}

.schade-status-tooltip {
  color: #000;
  margin-left: 15px;
  vertical-align: middle;
}
.schade-status-kolom-left {
  display: inline-block;
  width: 24%;
  text-align: left;
}
.schade-status-kolom-right {
  display: inline-block;
  width: 72%;
  text-align: left;
  white-space: nowrap;
}

.marked-for-deletion {
  display: none;
}

.btn.create-offerte-button {
  display: inline-block;
  min-width: 145px;
  line-height: 34px;
}

.btn.create-offerte-button i {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: bold;
}

.btn.create-offerte-button.beurs-offerte {
  margin-left: 30px;
}

.btn.create-offerte-button.provinciale-offerte {
  margin-left: 30px;
}

#PakketOverzicht .winkelmand-producttoevoegen {
  margin-bottom: 10px;
}
#PakketOverzicht #HoofdMutatiedatumAanpassen label {
  min-width: 352px;
  text-align: right;
  padding-right: 10px;
}

#PakketOverzicht #winkelmand thead,
#PakketOverzicht #winkelmand tbody {
  font-size: 18px;
}

#PakketOverzicht #winkelmand input.hasDatepicker {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  width: 115px;
  height: 50px;
  display: inline-block;
}

#PakketOverzicht #winkelmand input.hasDatepicker.has-error {
  border-color: #f07582;
  box-shadow: 0 0 0 1px #ccc;
}

#PakketOverzicht #winkelmand .date span.caret {
  margin-left: -20px;
  pointer-events: none;
}
#PakketOverzicht .mutatiedatum-melding {
  font-size: 16px;
  line-height: 25px;
}

#PakketOverzicht #winkelmand input.hasDatepicker[disabled] {
  cursor: not-allowed;
}

.homebutton-new {
  margin: 15px auto;
  background: #fff;
  box-shadow: 0 1px 38px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  float: left;
  border-radius: 3px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  transition: all 0.3s 0s;
  transition-timing-function: ease-in-out;
}

.homebutton-new .top {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center;
  text-align: center;
}

.homebutton-new.one .top {
  background-size: cover;
  background: url(/img/knoppen-homepagina/schade.jpg) no-repeat;
}

.homebutton-new.second .top {
  background-size: cover;
  background: url(/img/knoppen-homepagina/offreren.jpg) no-repeat;
}

.homebutton-new.third .top {
  background-size: cover;
  background: url(/img/knoppen-homepagina/muteren.jpg) no-repeat;
}

.homebutton-new.fourth .top {
  background-size: cover;
  background: url(/img/knoppen-homepagina/relaties.jpg) no-repeat;
}

.homebutton-new.fifth .top {
  background-size: cover;
  background: url(/img/knoppen-homepagina/risicoscan.jpg) no-repeat;
}

.homebutton-new.sixth .top {
  background-size: cover;
  background: url(/img/knoppen-homepagina/contact.jpg) no-repeat;
}

.homebutton-new .top .wrapper {
  padding: 25px;
  position: relative;
  z-index: 1;
}

.homebutton-new .top .wrapper .temp {
  margin-top: 20px;
}

.homebutton-new .top .wrapper .temp a {
  text-decoration: none;
  color: #fff;
}

.homebutton-new .top .wrapper .temp .temp-value {
  display: inline-block;
  font-size: 85px;
  font-weight: 600;
  color: #fff;
}

.homebutton-new .top:after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.homebutton-new .bottom {
  font-size: 25px;
  font-weight: 400;
  color: #999;
  line-height: 1em;
  vertical-align: middle;
}

.bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.icon-homebutton {
  font-size: 0.75em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

@media only screen and (max-width: 576px) {
  .homebutton-new .top .wrapper {
    padding: 0px;
  }
  .homebutton-new .top .wrapper .temp .temp-value {
    font-size: 60px;
  }
  .homebutton-new .bottom {
    font-size: 20px;
  }
}

@media only screen and (min-width: 576px) {
  .homebutton-new {
    margin: 20px auto;
  }
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
  .icon-homebutton {
    font-size: 0.9em;
    line-height: 0.04167em;
    vertical-align: -0.125em;
  }
}

@media only screen and (min-width: 1200) {
  .icon-homebutton {
    font-size: 1.25em;
    line-height: 0.04167em;
    vertical-align: -0.125em;
  }

  .homebutton-new {
    margin: 40px auto;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .knopcontainer {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .knopcontainer a .top .wrapper {
    padding: 10px !important;
  }

  .knoppenrow {
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .homebutton-new .bottom {
    font-size: 20px;
  }
  .homebutton-new .top .wrapper .temp .temp-value {
    font-size: 65px;
  }
}

.homebutton-new:hover {
  background-color: #00a19a;
}

.homebutton-new:hover .top {
  background: rgba(0, 0, 0, 0.2);
}

.homebutton-new:hover .top:after {
  background: #00a19a;
}

.homebutton-new:hover .bottom {
  color: #fff;
}

.homebutton-new:hover .top .wrapper .temp .temp-value i {
  transform: rotate(03deg);
}

.menu-transition {
  transition: all 0.3s 0s;
  transition-timing-function: ease-in-out;
}

.knoppenrow {
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 20px;
}

iframe#urgentNewsFrame {
  width: calc(100% + 30px);
  margin: auto;
  margin-left: -15px;
  margin-right: -15px;
}
.cursor-not-allowed {
	cursor: not-allowed;
}