* {
    border-radius: 0 !important;
}

body {
    width: 100%;
    height: 100%;
}

.bg-light {
    background-color: #fff !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-80 {
    font-size: 80px !important;
}

.navbar-brand {
    position: absolute;
    top: -26px;
}

.bg-color-green {
    background-color: #2BAD98 !important;
}

.bg-color-lightgreen {
    background-color: #28cbb0 !important;
}

.bg-color-dark {
    background-color: #333333 !important;
}

.bg-color-grey {
    background-color: #F4F4F4 !important;
}

.bg-color-red {
    background-color: #E70D00 !important;
}

.bd-color-green {
    border-color: #2BAD98 !important;
}

.bd-color-white {
    border-color: #fff !important;
}

.bd-color-red {
    border-color: #E70D00 !important;
}

.jumbotron {
    background-repeat: no-repeat;
}

.jumbotron .btn:hover,
.box-3 .btn:hover {
    background-color: #fff !important;
    color: #2BAD98 !important;
}

.navbar .btn:hover {
    background-color: #fff !important;
    color: #2BAD98 !important;
}

.box-2 .image-right,
.box-2 .image-left,
.news .image-news {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-2 .btn:hover,
.box-4 .btn:hover,
.box-5 .btn:hover,
.news .btn:hover,
.contact .btn:hover,
.menu-bottom .btn:hover {
    background-color: #fff !important;
    color: #E70D00 !important;
    border-color: #E70D00 !important;
}

.box-3 .card {
    border: none;
}

.box-4 .card {
    min-height: 80px;
    border: none;
    box-shadow: none !important;
}

.box-4 .card:after {
    content: "";
    width: 15px;
    height: 80px;
    position: absolute;
    right: -15px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    z-index: 1;
}

.box-4 .card span {
    max-width: 256px;
}

.box-4 a:hover {
    text-decoration: none;
    font-weight: bold;
}

.box-4 .bg-color-green1,
.box-4 .bg-color-green1:after {
    background-color: #2BAD98 !important;
}

.box-4 .bg-color-green2,
.box-4 .bg-color-green2:after {
    background-color: #25bfa6 !important;
}

.box-4 .bg-color-green3,
.box-4 .bg-color-green3:after {
    background-color: #0dd7b6 !important;
}

.box-4 .bg-color-green4,
.box-4 .bg-color-green4:after {
    background-color: #05f1c9 !important;
}

.box-4 .bg-color-green5,
.box-4 .bg-color-green5:after {
    background-color: #2BAD98 !important;
}

.box-4 .bg-color-green6,
.box-4 .bg-color-green6:after {
    background-color: #25bfa6 !important;
}

.box-5 {
    margin-top: -90px;
}

.box-5 .card {
    min-height: 132px;
    border: none;
    box-shadow: none !important;
}

.box-5 .bg-color-red1,
.box-5 .bg-color-red1 a {
    background-color: #ac0c39 !important;
}

.box-5 .bg-color-red2,
.box-5 .bg-color-red2 a {
    background-color: #bd0d3e !important;
}

.box-5 .bg-color-red3,
.box-5 .bg-color-red3 a {
    background-color: #ca0f43 !important;
}

.box-5 .bg-color-red4,
.box-5 .bg-color-red4 a {
    background-color: #d6184d !important;
}

.box-5 .bg-color-red5,
.box-5 .bg-color-red5 a {
    background-color: #da2d5e !important;
}

.news .card .image-news {
    height: 300px;
}

.news .card-title {
    min-height: 72px;
}

.contact {
    background: linear-gradient(90deg, #333333 50%, #F4F4F4 50%);
}

.menu-bottom {
    background: linear-gradient(90deg, #F4F4F4 70%, #2BAD98 30%);
}

.menu-bottom h6 {
    color: #2BAD98;
}

.menu-bottom a {
    color: #000;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-menu {
    margin: 0;
    border: none;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
}

.dropdown:hover>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-toggle::after {
    border: none;
}

.slick-prev {
    left: 50px;
    z-index: 1;
}

.slick-next {
    right: 50px;
    z-index: 1;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
    font-size: 60px;
}

.slick-prev:before {
    content: "‹";
}

[dir="rtl"] .slick-prev:before {
    content: "›";
}

.slick-next:before {
    content: "›";
}

[dir="rtl"] .slick-next:before {
    content: "‹";
}

.breadcrumb a {
    color: #ff0000;
}

.breadcrumb {
    background-color: #F4F4F4;
}

.contentarea .image-content {
    width: 50%;
}

.page-item.active .page-link {
    background-color: #E70D00;
    border-color: #E70D00;
}

.btn-group-fab {
    position: fixed;
    width: 50px;
    height: auto;
    right: 20px;
    bottom: 20px;
}

.btn-group-fab div {
    position: relative;
    width: 100%;
    height: auto;
}

.btn-group-fab .btn {
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    display: block;
    margin-bottom: 4px;
    width: max-content;
    height: 40px;
    margin: 4px auto;
}

.btn-group-fab .btn-main {
    width: 50px;
    height: 50px;
    right: 50%;
    margin-right: -25px;
    z-index: 9;
    font-size: 1.5em;
}

.btn-group-fab .btn-sub {
    bottom: 0;
    z-index: 8;
    right: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: none;
    background-color: white;
    border: 2px solid #2BAD98;
    color: #2BAD98;
    font-weight: bold;
    padding-top: 6px;
}

.btn-group-fab .btn-sub:hover {
    background-color: #2BAD98;
    color: #fff;
}

.btn-group-fab.active .btn-sub:nth-child(2) {
    bottom: 60px;
    display: block;
    animation: fadeIn 0.3s;
}

.btn-group-fab.active .btn-sub:nth-child(3) {
    bottom: 110px;
    display: block;
    animation: fadeIn 0.3s;
}

.btn-group-fab.active .btn-sub:nth-child(4) {
    bottom: 160px;
    display: block;
    animation: fadeIn 0.3s;
}

.btn-group-fab.active .btn-sub:nth-child(5) {
    bottom: 210px;
    display: block;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#snelnaar {
    z-index: 1;
    width: 100%;
}

.spinner-border {
    border-radius: 50% !important;
}

table.dataTable td.dt-control:before {
    background-color: #00b39e !important;
}

table.dataTable td.dt-control {
    background-color: #00b09b !important;
    color: #fff !important;
}

#table-relatie_filter {
    display: none;
}

#zoek-inspectie {
    z-index: 1;
    position: relative;
}

.choices__list--dropdown {
    z-index: 2 !important;
}

 #inputTelefoonnummerContact::-webkit-inner-spin-button,
 #inputTelefoonnummerContact::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
 }

#inputTelefoonnummerContact {
            -moz-appearance: textfield;
}