/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap');

h1 {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.8px;
    /* text-align: left; */
    color: #283346;
    text-transform: uppercase;
    padding-bottom: 10px;
}

h2 {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #283346;
    /*padding: 71px 0 0 0;*/
}

p, ul {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: 0.3px;
    color: #868ca7 !important;
}

.bbbCheckbox {
    transform: scale(1.5);
    margin-right:5px;
}
.alert {
    margin-bottom:0;
}
.container-fluid {
    /*background-color: red;*/
    margin-top: 30px;
}
/* Set exceptions for login page, login image may be larger than other pages */
    .container-fluid.cls-login, .container-fluid.divCarousel {
        margin-top: 0;
    }

.show-portrait-message {
    display: none;
}

.showPointer{
    cursor:pointer;
}

.showStockDescription {
    display: none; /*default*/
}

@media (max-width: 1024px) and (orientation:portrait) {
    .show-portrait-message {
        display:block;
    }
}

/*bootstrap md */
    @media (min-width:768px) {
        .container-fluid {
            /*background-color: orange;*/
        }

        #imgViewerMainImage {
            max-width: 200px;
        }
    }

    /*bootstrap lg*/
    @media (min-width:992px) {
        .container-fluid {
            /*background-color: yellow;*/
        }

        #imgViewerMainImage {
            max-width: 300px;
        }
    }

    /*bootstrap xl*/
    @media (min-width:1200px) {
        .container-fluid {
            /*background-color: green;*/
            /*min-width: 1200px;*/
            /*max-width: 1400px;*/
        }
        .btn-primary, .btn-secondary {
            font-size: 14px !important;
        }

        #imgViewerMainImage {
            max-width: 400px;
        }
    }

    /*bootstrap > FullHD */
    @media (min-width:1920px) {
        .container-fluid {
            /*background-color: olive;*/
            /*min-width: 1200px;*/
            max-width: 1920px;
        }

        #divHeader, #footerRow1Content, #footerRow2 {
            max-width: 1920px;
        }
        #imgViewerMainImage {
            max-width: 500px;
        }
        .showStockDescription {
            display:inline-block;
        }
    }

    .shopping-cart-collapse {
        text-align: right;
    }

    a .navbar-brand {
        white-space: normal;
        text-align: center;
        word-break: break-all;
    }

    .navbar-brand {
        padding-left: 19px;
    }
    /* Provide sufficient contrast against white background */
    a {
        color: #479DDD;
        text-decoration: none;
    }
    .dateNowrap {
        white-space: nowrap;
    }
    .btn-primary, .btn-secondary {
        text-transform: uppercase;
        /*font-family: Open Sans;*/
        font-size: 12px;
        font-weight: bold;
        /*font-stretch: normal;*/
        /*font-style: normal;*/
        line-height: normal;
        letter-spacing: 0.28px;
        text-align: left;
        padding: 0.5rem 0.75rem;
    }
    .btn-primary {
        background-color: #009de0;
        border-color: #009de0;
    }
    .btn-light {
        color: #4A4B4F;
        border-color: #2F2F47;
        text-transform: uppercase;
        /*font-family: Open Sans;*/
        font-size: 14px;
        font-weight: bold;
        /*font-stretch: normal;*/
        /*font-style: normal;*/
        line-height: normal;
        letter-spacing: 0.28px;
        /*text-align: left;*/
        padding: 0.5rem 0.5rem;
        /*margin-bottom: 5px;*/
    }

    .btn-light:hover {
        border-color: #2F2F47;
    }

    #btnLogin {
        margin-right: 10px;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }

    .pb-3 {
        padding-bottom: 0 !important;
    }

    .nav-tabs .nav-link {
        color: #479DDD;
    }

        .nav-tabs .nav-link:hover {
            color: #1856AE;
        }

    /* Sticky footer styles
-------------------------------------------------- */
    html {
        font-size: 14px;
        height: 100%;
    }

    @media (min-width: 768px) {
        html {
            font-size: 16px;
        }
    }

    .border-top {
        border-top: 1px solid #e5e5e5;
    }

    .border-bottom {
        border-bottom: 1px solid #e5e5e5;
    }

    .box-shadow {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
    }

    button.accept-policy {
        font-size: 1rem;
        line-height: inherit;
    }

    .divRight {
        float: right;
        padding-right: 10px;
    }

    /* Sticky footer styles
-------------------------------------------------- */
    body {
        font-family: Open Sans;
        height: 100%;
        background-color: #f4f5fb; /*pale-grey*/
    }

    .footer {
        bottom: 0;
        width: 100%;
        white-space: nowrap;
        padding-bottom:225px;
    }
    /* Footer */
    #ulFooter {
        list-style-type: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 0;
    }

        #ulFooter li {
            display: inline;
            margin-left: 0;
            padding-right: 40px;
        }

            #ulFooter li:last-child {
                float: right;
                padding-right: 10px;
            }

        #ulFooter a {
            color: #6c757d;
        }

            #ulFooter a:hover {
                color: #009de0;
                text-decoration: underline;
            }

    /* center page on screen > TODO create container-fluid*/
    #footerRow1, #footerRow1Content, #footerRow2, #divHeader, .divCarousel {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }

    #footerRow1 {
        height: 163px;
        background-color: #18202e; /*--dark*/
    }

    #footerRow2 {
        height: 79px;
        background-color: #f4f5fb; /*pale-grey*/
        line-height: 79px; /*60px;*/ /* Vertically center the text there */
        font-size: 14px;
    }

    .footer h4 {
        font-family: Montserrat;
        font-size: 19px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #009de0;
        padding-top: 42px;
    }

    .footer p {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.93;
        letter-spacing: 0.3px;
        /*text-align: left;*/
        color: #fff !important;
    }

    #divFooterRight {
        padding-top: 72px;
        text-align: right;
    }

        #divFooterRight a {
            color: #fff;
            padding-left: 15px;
            padding-right: 25px;
        }
    /* Login */
    #loginPage {
        /*background-image: url('../images/bg-login.jpg');*/
        background-repeat: no-repeat;
        min-height: 1080px;
    }

    #loginContent {
        background-color: #fff;
        margin-top: 200px;
        padding: 25px 28px 10px 28px;
    }

    #lblLoginAgree {
        font-family: Open Sans;
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.24px;
        text-align: left;
        color: #515151;
    }
    /* Main Content */
    /* #mainContent {
        background-color: #f4f5fb; 
        margin-left: auto;
        margin-right: auto;
    }*/

    /*        #mainContent h1 {
            font-family: Montserrat;
            font-size: 30px;
            font-weight: 900;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 1.8px;
            color: #283346;
            text-transform: uppercase;
            padding-top: 38px;
        }*/

    /*.row {*/
    /* prevent horizontal scrollbar */
    /*margin-right: 0;
    margin-left: 0;
}*/
    #pageContent {
        background-color: #fff !important;
        border-radius: 4px;
        box-shadow: 0px 10px 20px 0 rgba(192, 196, 215, 0.25), inset 0px -4px 0 0 #dfe2f0;
        padding: 4px 30px;
        margin: 84px 0;
    }

        #pageContent h2 {
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.3;
            letter-spacing: normal;
            color: #283346;
            /*color:red;*/
            padding: 71px 0 0 0;
        }

    .contentArea {
        background-color: #fff !important;
        border-radius: 4px;
        box-shadow: 0px 10px 20px 0 rgba(192, 196, 215, 0.25), inset 0px -4px 0 0 #dfe2f0;
        padding: 4px 40px;
        /*margin: 84px 0;*/
        margin-bottom: 84px;
        /*align-content:center;*/
    }

        .contentArea li, .contentArea tbody > tr > td {
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: 0.3px;
            color: #868ca7 !important;
        }

        .contentArea > table {
            margin-bottom: 50px;
        }

        .contentArea thead > tr > td {
            color: #283346;
        }

        .contentArea tr {
            vertical-align: top;
        }

        .contentArea td {
            border: 1px solid #868ca7;
        }

    .pageContentHome h2, .pageContentVideo h2 {
        padding: 0 !important;
    }

    .pageContentVideo > .row {
        margin: 30px 0 !important;
    }

    #pageContent > table {
        margin-bottom: 50px;
    }

    #pageContent p, #pageContent li, #pageContent tbody > tr > td {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: 0.3px;
        color: #868ca7 !important;
    }

    #pageContent thead > tr > td {
        color: #283346;
    }

    #pageContent tr {
        vertical-align: top;
    }

    #pageContent td {
        border: 1px solid #868ca7;
    }

    .pageContentGDPR {
        padding: 0 0 10px 0 !important;
        margin-bottom: 40px !important;
    }

    #divGDPR {
        height: 400px;
        overflow-y: scroll;
        padding-left: 30px;
        padding-right: 30px;
    }

    #divGDPRAccept {
        padding-bottom: 30px;
    }

    .pageContent {
        background-color: #fff !important;
        border-radius: 4px;
        box-shadow: 0px 10px 20px 0 rgba(192, 196, 215, 0.25), inset 0px -4px 0 0 #dfe2f0;
        padding: 4px 30px;
        margin: 84px 0;
    }

    #navTop {
        background-color: #18202e;
        height: 100px;
        /*   margin-bottom: 30px;*/
    }

        #navTop a, #navTop button {
            font-size: 15px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: 0.3px;
            /*text-align: center;*/
            color: #c0c4d6;
        }

        #navTop .row {
            width: 100%;
            /*        margin-top: auto;
        margin-bottom: auto;*/
        }

        #navTop #divMainMenu {
            margin-top: auto;
            margin-bottom: auto;
        }

    #divLoginMenu {
        margin-top: auto;
        margin-bottom: auto;
    }

    .lnkArticlegroup, .lnkArticlegroupSelected {
        font-size: 14px;
        color: #a0a6c5 !important;
        padding-left: 10px;
    }

    .lnkArticlegroupSelected {
        color: #283346 !important;
    }

        .lnkArticlegroup:hover, .lnkArticlegroupSelected:hover {
            text-decoration: underline;
        }

    .btnAddToOrder {
        min-width: 220px;
    }

    #btnShoppingCartPlaceOrder, #btnShoppingCartShowOrder {
        min-width: 170px;
    }

    #lblShoppingCartTotalLabel {
        padding-bottom: 8px;
    }

    #lnkShoppingCartTotalQuantity {
        background-color: #F39325;
        border-radius: 10px;
        color: #18202e !important;
        padding: 1px 5px;
        font-size: 8pt !important;
    }

    .btn-menu a {
        color: #fff;
    }

    .btn-articlegroups, .btn-menu {
        /*min-width: 170px;*/
        width: 100%;
    }

    #btnScrollUp {
        min-width: 170px;
        text-transform: uppercase;
        /*display: none;*/ /* Hidden by default */
        position: fixed; /* Fixed/sticky position */
        /*bottom: 260px;*/ /* Place the button at the bottom of the page */
        /*margin-bottom:260px;*/
        bottom: 20px;
        z-index: 99; /* Make sure it does not overlap */
        cursor: pointer; /* Add a mouse pointer on hover */
    }

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #009de0;
        border-color: #009de0;
        box-shadow: 0px 0px 0px 0px rgba(38,143,255,0.5);
    }

    #colMainLeft {
        padding-bottom: 20px;
    }

    /*.scrollContainerArticleItemList {
    height: calc(100% - 146px);
    overflow-y: auto;
    position: absolute;
    top: 120px;
    width: 100%;
}*/

    /*#articlegroup-icon-up, #articlegroup-icon-down,
#articlegroup-offers-icon-up, #articlegroup-offers-icon-down,
#articlegroup-new-icon-up, #articlegroup-new-icon-down {
    float: right;
    padding-top: 2px;
}*/
    .menu-icon {
        float: right;
        padding-top: 2px;
        color: white;
        padding-left: 4px;
    }

    /*Article List Item control*/
    #ulArticles {
        list-style-type: none;
        padding-left: 0;
        padding-right: 10px;
    }

    .divArticleListItem {
        height: 143px;
        border-radius: 4px;
        box-shadow: 0px 10px 20px 0 rgba(192, 196, 215, 0.25), inset 0px -4px 0 0 #dfe2f0;
        background-color: #fff;
        margin-bottom: 7px;
        /*margin-right: 0;*/
    }

    .divArticleListItem-Image {
        border-right: 1px solid #e0e4f6;
        /*padding-left: 0;*/
        text-align: center;
    }

    .divArticleListItem-RowTop {
        height: 50px;
        align-content: center;
    }

    .divArticleListItem-RowCenter {
        height: 45px;
        align-content: center;
        border-bottom: 1px solid #e0e4f6;
    }

    .divArticleListItem-RowBottom {
        height: 48px;
        align-content: center;
    }

    .imgArticleListItem {
        max-height: 139px;
        /*padding: 10px; als er geen witruimte om de afbeeldingen zit, dan hier aanpassen */
    }

        .imgArticleListItem:hover {
            cursor: pointer;
        }

    .labelArticleListItem-Description {
        font-family: Open Sans;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.89;
        letter-spacing: normal;
        text-align: left;
        color: #283346;
        cursor: pointer;
    }
    /*.labelCursor {
    cursor: pointer;
}*/

    .labelArticleListItem-Text {
        font-family: Open Sans;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.3px;
        text-align: left;
    }

    .labelArticleListItem-Price, .txtQuantity {
        font-size: 15px;
        font-weight: normal;
        line-height: 1.8;
        color: #283346;
    }

    .labelArticleListItem-PriceStrikeThrough {
        text-decoration: line-through;
        color: #a0a6c5;
    }

    .labelArticleListItem-Message {
        font-size: 11px;
        font-weight: normal;
        line-height: 1.8;
        color: red;
    }

    .labelArticleListItem-ArticlegroupDescription {
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        color: #a0a6c5;
        text-transform: uppercase;
    }

    .labelArticleListItem-NewLabel {
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        color: #fff;
        background-color: #283346;
        text-transform: uppercase;
        padding: 2px 6px;
        border-radius: 5px;
    }

    .labelArticleListItem-ArticleNo {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.8;
        color: #a0a6c5;
    }

    .labelArticleListItem-AlreadyInShoppingCart {
        color: #283346;
    }

    .labelArticleListItem-IsOfferPrice {
        font-size: 13px;
        color: red;
        text-transform: uppercase;
    }

    .labelArticleListItem, .labelArticleDetails, .labelArticleDetailsValue {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: 0.3px;
        text-align: left;
        color: #868ca7;
    }

    .labelArticleDetailsValue {
        color: #283352;
    }

    .txtQuantity {
        width: 50px;
    }
    /* Shopping Cart*/
    #divShoppingCart {
        background-color: #fff;
        padding-left: 5px;
        border-radius: 4px;
        box-shadow: 0px 10px 20px 0 rgba(192, 196, 215, 0.25), inset 0px -4px 0 0 #dfe2f0;
        margin-left: -10px;
    }

        #divShoppingCart h2 {
            text-transform: uppercase;
        }

        #divShoppingCart a {
            /*margin: 17px 17px 17px 34px;*/
            margin-bottom: 15px;
        }

    #ulShoppingCart {
        list-style-type: none;
        padding-left: 0;
    }

        #ulShoppingCart li {
            border-top: 1px solid #e0e4f6;
            margin-top: 5px;
        }

        #ulShoppingCart input {
            width: 35px;
            height: 20px;
            font-family: Open Sans;
            font-size: 10.5px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.81;
            letter-spacing: 0.21px;
            text-align: left;
            color: #283346;
        }

    .labelShoppingCartHeader {
        font-family: Open Sans;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: left;
        color: #283346;
        padding-top: 5px;
        padding-bottom: 0;
    }

    .labelShoppingCartTitle {
        font-family: Open Sans;
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: left;
        color: #283346;
        padding: 0;
    }

    .labelShoppingCartLabel, .labelShoppingCartLabelFirst, labelShoppingCartLabelMessage {
        font-family: Open Sans;
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: left;
        color: #283346;
    }

    .labelShoppingCartLabelFirst {
        border-left: 1px solid #e0e4f6;
        padding-left: 10px;
        margin-left: 10px;
    }

    .labelShoppingCartLabelMessage {
        font-size: 10px;
        color: red;
        padding-left: 10px;
        margin-left: 10px;
    }

    #hrShoppingCart {
        height: 4px;
        background-color: #e0e4f6;
        margin-left: 23px;
        border-top: none;
    }

    .txtShoppingCartQuantity {
        padding-left: 0;
    }

    .shoppingCartExtraInfoDealer {
        width: 150px !important;
    }

    #divShoppingCartExtraInfoDealer {
        padding-right: 10px;
    }

    .orderExtraInfoDealer {
        width: 100%;
    }

    /* Order Header */
    .orderHeaderLabel, .orderModalHeaderLabel {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        text-align: left;
        color: #009de0;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .orderModalHeaderValue a {
        color: #212529;
    }

    .orderHeaderText {
        font-family: Open Sans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: 0.3px;
        text-align: left;
        color: #868ca7;
    }

    .orderHeaderTextField {
        border-radius: 4px;
        border: solid 1px #e0e4f6;
    }

    #txtOrderheaderNote {
        width: 100%;
        height: 231px;
        border-radius: 4px;
        border: solid 1px #e0e4f6;
        margin-bottom: 20px;
    }

    /* Image Modal*/
    .divModalImage {
        text-align: center;
    }

    /* Order Modal */
    #modalOrder > .modal-dialog {
        max-width: 60%;
    }

    #tblModalOrderlines {
        width: 100%;
    }

    .divModalOrder, divModalInvoice {
        text-align: left;
    }

    .modalOrderDetails > .modal-dialog, .modalInvoiceDetails > .modal-dialog {
        max-width: 60%;
    }

    #articleListview-controlbar {
        /*width: 1170px;*/
        /*width:100%;*/
        /*height: 64px;*/
        border-radius: 4px;
        border: solid 1px #e0e4f6;
        background-color: #fff;
        align-content: center;
    }

    #articleListview-controlbar, #articleListview-controlbar2 {
        margin-bottom: 20px;
        margin-right: -5px; /*overrule row -15px*/
    }

    .controlbar-text {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.07;
        letter-spacing: 0.28px;
        text-align: left;
        color: #009de0;
        text-transform: uppercase;
        /*padding-top: 5px;*/
    }

    /* .articleListview-RowTop, .articleListview-RowBottom {
        margin-bottom: 20px !important;
    }*/

    .controlbar-align-right {
        text-align: right;
        padding-right: 0;
    }

    .add-to-order-align-right {
        text-align: right;
        padding-right: 10px;
    }

    /* .articleListview-RowTop-right > button, .articleListview-RowBottom-right > button {
            margin-right: 15px;
        }*/
    /*.articleListview-RowCenter {
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/
    #tblOrderList, #tblOrderlineList, #tblInvoiceList {
        width: 100%;
        /*    margin-top: 10px;*/
        margin-bottom: 20px;
        /*background-color:#fff;*/
    }

    .tabCard {
        border-top-width: 0;
        margin-bottom: 20px;
    }

    .tblList {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #tblOrderList tr > th, #tblOrderList tr > td,
    #tblModalOrderlines tr > th, #tblModalOrderlines tr > td,
    #tblOrderlineList tr > th, #tblOrderlineList tr > td,
    #tblInvoiceList tr > th, #tblInvoiceList tr > td {
        font-family: Open Sans;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.26px;
        text-align: left;
        padding: 7px 10px;
        border: 0 none #e0e4f6;
        border-left: 1px solid #e0e4f6 !important;
    }

    .managelist > th, .managelist > td {
        font-family: Open Sans;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.26px;
        text-align: left;
        padding: 7px 10px;
        /*border: 0 none #e0e4f6;*/
        border-left: 1px solid #e0e4f6;
    }

    .orderlist {
        vertical-align: top;
    }

        .orderlist > th, .managelist > th {
            color: #a0a6c5;
            padding-top: 0;
        }

        .orderlist > td, .managelist > td {
            color: #18202e;
        }

        .orderlist a {
            color: #18202e !important;
        }

    .orderlist-closed {
        background-color: lightgray;
    }

    #imgOrderListLoading {
        width: 30px;
        margin-left: 30px;
        margin-bottom: 20px;
    }

    #lblModalOrderheaderOrdernumber {
        font-size: 22px;
    }

    #lblModalOrderTotalAmountMessage {
        font-size: 10px !important;
    }

    /*#ulMainMenu {
    min-height:98px;
}*/

    #ulMainMenu > li {
        padding-right: 20px;
    }

    .space20 {
        height: 20px;
    }

    .searchbar {
        /*min-width: 450px;*/
        width: 80%;
        margin-left: -15px; /*todo where is the +15px comming from?*/
        /*margin-right: 0 !important;*/
        /*margin-top: 3px;*/
        height: 37px;
        padding-left: 15px;
        /*font-family: Open Sans;*/
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        text-align: left;
        color: #9fa4bb;
        border-radius: 4px;
        border: solid 1px #e0e4f6;
    }

    .searchbutton {
        margin-left: 0;
    }

    #txtOrderheaderDeliveryDate {
        width: 110px;
    }

    #modalEditNewsItem > .modal-dialog {
        max-width: 50%;
    }


    .videoIframe {
        width: 450px;
        height: 253px;
    }

    /* small screens */
    @media (max-width:1440px) {
        .videoIframe {
            width: 350px;
            height: 197px;
        }
    }
    /* large screens */
    @media (min-width:1920px) {
        /*   #mainContent {
            max-width: 1920px;
        }*/
        /*#navTop .container {
        max-width: 1920px;
    }*/
        /* #divHeader {
            max-width: 1920px;
        }*/

        /* #footerRow1Content, #footerRow2 {
            max-width: 1920px;
        }*/

        #ulShoppingCart li {
            margin-top: 10px;
        }

        .labelShoppingCartHeader {
            font-size: 20px;
            padding-top: 17px;
        }

        #divShoppingCart {
            padding-left: 15px;
        }

        .labelArticleListItem-Description {
            font-size: 18px;
        }

        .divArticleListItem-Image {
            padding-left: 25px;
        }
    }

    .tab-content {
        /*background-color: #f4f5fb;*/
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-top-color: #fff;
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

    .tab-pane {
        padding: 20px 10px;
    }

    /*#newsItemRow {*/
    .contentArea > .row, .contentArea > h2, .contentArea > #divGDPR > h2 {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    #newsItemRow img {
        max-width: 200px;
    }

    #newsItemRow > div {
        align-content: center;
        padding-top: 25px;
    }

        #newsItemRow > div > img {
            width: auto;
            max-width: 100%;
        }

    .manage-language-header > h3 {
        display: inline;
    }

    .manage-language-header > div {
        display: inline;
        float: right;
    }

        .manage-language-header > div > a {
            margin-left: 5px;
        }

    .formDefault, #change-password-form, #profile-form {
        padding-bottom: 20px !important;
    }

    #modalArticleDetails > .modal-dialog {
        max-width: 80%;
    }

    .imageViewer-image {
        max-width: 100px;
    }

        .imageViewer-image:hover {
            cursor: pointer;
        }

    /*FAQ*/
    .labelFaq-Question, .labelManageCMSFaq-Category {
        font-family: Open Sans;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.89;
        letter-spacing: normal;
        text-align: left;
        color: #283346;
        cursor: pointer;
    }

    .labelManageCMSFaq-Category {
        padding-top: 25px;
    }

    .contentArea .faqCategory > h2 {
        margin-bottom: 25px; /*FAQ*/
    }

    .ec-richedit-textarea {
        width: 100%;
        margin-bottom: 120px;
    }
    /*#modalFaqEditItem > .modal-dialog {
    max-width: 60%;
}
*/

    /*nav menu bar*/
    .nav-sub-item {
        padding-left: 10px;
    }
    .nav-subsub-item {
        padding-left: 20px;
    }

    .card-header {
        background-color: #fff;
    }

    .bbb-lnk-btn {
        color: #fff !important;
    }

    .bbb-lnk-btn-right {
        float: right;
    }

    .tblGeneral > tbody > tr {
        vertical-align: top;
    }

    .form-group {
        margin-bottom: 1rem;
    }

    .close {
        background-color: transparent;
        border: 0;
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
        vertical-align: top;
    }

    .modal-header {
        vertical-align: top;
    }

    #btnArticleDetailsClose {
        margin-top: -29px;
    }

/*Home Grid*/
#divHomeGrid > .card {
    border-radius: unset;
    border: none;
    background-color: unset;
    padding: 5px 5px;
}
#divHomeGrid >.card > a > .card-img {
    border-radius: unset;
}
#divHomeGrid > .card > a > .card-img-overlay {
    padding-left:30px;
}
#divHomeGrid > .card > a > .card-img-overlay > .card-title {
    font-size:20pt;
    font-weight:bold;
}
#divHomeGrid > .card > a > .card-img-overlay > .card-text {
    font-size: 12pt;
    padding-bottom: 20px;
}
.tblCount {
    float: right;
    color: #868ca7;
}