/* General styles*/
body {
    font-weight: 200;
    font-size: 1.5rem;
}

.g-color-primary--hover {
    color: #806F54;
}

    .g-color-primary--hover:hover {
        color: #806F54 !important;
    }

body {
    background-image: url(/Content/Portal/assets/img/bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.popover {
    display: unset !important;
    z-index: 1000;
}

.bg-White {
    background-color: white;
}

a:focus, a:hover {
    color: #359e80;
}

.spacediv {
    color: #766650;
}

.pagination > li:before {
    content: none;
}

.table thead th {
    padding: 0px;
    vertical-align: top;
    border-bottom: 2px solid #dee2e6;
}

.btn-xs {
    line-height: 1.4;
    padding: 0.14286rem 0.5rem;
    padding-top: 0.14286rem;
    padding-right: 0.5rem;
    padding-bottom: 0.14286rem;
    padding-left: 0.5rem;
    font-size: unset;
}

/* Header styles */
.destion-header-bg {
    background-color: #E6E2DD;
}

.destion-header-text {
    color: #806F54
}

.u-header {
    font-size: 1.5rem;
    font-weight: 200;
}

/* Menu styles*/
.destion-menu-mijndestion {
    color: white;
    background-color: #806F54;
    font-weight: 300;
}

/* Footer styles */
.destion-footer-bg {
    background-color: #806F54
}

.destion-footer-text {
    color: white;
    font-size: 1.0rem;
    font-weight: 200;
}

.g-bg-main-light-v1 {
    background-color: white;
}


.side-bar-bg-content-fixedheight {
    color: black;
    background-color: #E6E2DD;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    height: 300px;
}

.side-bar-bg-content {
    color: black;
    background-color: #E6E2DD;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

    .side-bar-bg-content h3 {
        color: #E6E2DD;
        margin: 0 0 8px 0;
        padding-top: 26px;
        text-align: center;
    }

    .side-bar-bg-content h4 {
        text-align: center;
    }

.side-bar-bg-content-fixedheight h3 {
    color: #E6E2DD;
    margin: 0 0 8px 0;
    padding-top: 26px;
    text-align: center;
}

.side-bar-bg-content-fixedheight h4 {
    text-align: center;
}

#termsAndConditions {
    color: #806f54 !important;
}

.side-bar-mbg-content-fixedheight {
    color: black;
    background-color: #b3a999;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    height: 300px;
}


.side-bar-mbg-content {
    color: black;
    background-color: #b3a999;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

    .side-bar-mbg-content h3 {
        color: #b3a999;
        margin: 0 0 8px 0;
        padding-top: 26px;
        text-align: center;
    }

    .side-bar-mbg-content h4 {
        text-align: center;
    }

.side-bar-mbg-content-fixedheight h3 {
    color: #b3a999;
    margin: 0 0 8px 0;
    padding-top: 26px;
    text-align: center;
}

.side-bar-mbg-content-fixedheight h4 {
    text-align: center;
}


.side-bar-white-content-fixedheight {
    color: black;
    background-color: white;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    height: 300px;
}

.side-bar-white-content h3 {
    color: white;
    margin: 0 0 8px 0;
    padding-top: 26px;
    text-align: center;
}

.side-bar-white-content h4 {
    text-align: center;
}

.side-bar-white-content-fixedheight h3 {
    color: white;
    margin: 0 0 8px 0;
    padding-top: 26px;
    text-align: center;
}

.side-bar-white-content-fixedheight h4 {
    text-align: center;
}

.tabtable > ul li:before {
    content: none;
    position: absolute;
    border-right: 1px solid #806f54;
    border-bottom: 1px solid #806f54;
    width: 8px;
    height: 8px;
    top: calc(0% - -13px);
    left: -20px;
    transform: translateY(-50%) rotate( -45deg );
}

.interactive-content {
    font-size: 20px;
}

    .interactive-content h2 {
        margin-top: 24px;
        font-size: 23px;
    }

    .interactive-content h3 {
        font-size: 0.95em;
        letter-spacing: 0px !important;
        font-weight: 100 !important;
        font-family: 'roboto' !important;
    }