@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
    background: #fff;
    font-size: 16px;
    color: #000;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: 400;
}

ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
    vertical-align: baseline;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;

    list-style: none;
    text-decoration: none;
    outline: none;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

*, after, before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

body {
    line-height: 1;
    min-height: 100vh;
}

a {
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    a:hover {
        text-decoration: none;
        color: #444;
    }

p {
    line-height: 1.4;
    margin-bottom: 10px;
}

b, strong {
    font-weight: 800;
}

u {
    text-decoration: underline;
}

i, em {
    font-style: italic;
}

img {
    max-width: 100%;
}

.clear {
    clear: both;
}

input[type="button"], input[type="submit"], input[type="reset"],
input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: pointer;
    font-size: 16px;
}
/*select::-ms-expand { display: none; }*/
.clearfix {
    clear: both;
}


sup {
    top: -2px;
}

:root {
    --blue: #2F7FBE;
    --darkblue: #004AAD;
    --grey: #777777;
    --green: #5CB835;
}




h1, .h1 {
    font-size: 32px;
    font-weight: 600;
}

h2, .h2 {
    font-size: 28px;
    font-weight: 600;
}

h3, .h3 {
    font-size: 24px;
    font-weight: 600;
}

h4, .h4 {
    font-size: 22px;
    font-weight: 600;
}

h5, .h5 {
    font-size: 18px;
    font-weight: 600;
}
.searchresultTable {
    max-width:100%;
    width: 100%;
    height: 100%;
    max-height:calc(100vh - 350px);

}

h6, .h6 {
    font-size: 16px;
    font-weight: 600;
}

.text-12 {
    font-size: 12px;
}

.text-13 {
    font-size: 13px;
}

.text-14 {
    font-size: 14px;
}

.text-15 {
    font-size: 15px;
}

.text-caps {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.text-blue {
    color: var(--blue) !important;
}

.text-darkblue {
    color: var(--darkblue) !important;
}

.text-green {
    color: var(--green) !important;
}

.text-grey {
    color: var(--grey) !important;
}

.font-300 {
    font-weight: 300 !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.bold {
    font-weight: 600 !important;
}




.btn {
    display: inline-block;
    min-width: 60px;
    border-radius: 50px;
    font-size: 14px;
    border: solid 1px;
    line-height: normal;
    padding: 10px 20px;
    font-weight: 500;
}



    /*btn-primary*/
    .btn.btn-primary {
        background: var(--blue);
        color: #fff;
        border-color: var(--blue);
    }

        .btn.btn-primary:hover {
            background: var(--darkblue);
            color: #fff;
            border-color: var(--darkblue);
        }

    .btn.btn-secondary {
        background: var(--grey);
        color: #fff;
        border-color: var(--grey);
    }

        .btn.btn-secondary:hover {
            background: #000;
            color: #fff;
            border-color: #000;
        }

    .btn.btn-white {
        background: #fff;
        color: #000;
        border-color: #fff;
    }

        .btn.btn-white:hover {
            background: #ddd;
            color: #000;
            border-color: #ddd;
        }

    .btn.btn-darkblue {
        background: var(--darkblue);
        color: #fff;
        border-color: var(--darkblue);
    }

        .btn.btn-darkblue:hover {
            background: #1161CD;
            color: #fff;
            border-color: #1161CD;
        }


    .btn.btn-green.outlined {
        background: transparent;
        color: #5CB835;
        border-color: #5CB835;
    }

        .btn.btn-green.outlined:hover {
            background: #5CB835;
            color: #fff;
            border-color: #5CB835;
        }

    .btn + .btn {
        margin-left: 10px;
    }

    .btn.btn-secondary.outlined {
        background: #777777;
        color: #fff;
        border-color: #777777;
    }

        .btn.btn-secondary .outlined:hover {
            background: #777777;
            color: #fff;
            border-color: #777777;
        }

    /*btn-sm*/
    .btn.btn-sm {
        font-size: 14px;
        padding: 5px 14px;
    }

    .btn img {
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    .btn:focus,
    .btn:active {
        outline: none;
        box-shadow: none !important;
    }

    .btn:active {
        background: #000 !important;
        color: #eff1f3 !important; /*margin-bottom: -2px !important;*/
    }

label {
    cursor: inherit;
}


.btn.btn-primary.outlined {
    background: transparent;
    color: var(--blue);
    border-color: var(--blue);
}

    .btn.btn-primary.outlined:hover {
        background: var(--blue);
        color: #fff;
        border-color: var(--blue);
    }


    .btn.btn-primary.outlined.greyoutline {
        background: transparent;
        color: var(--grey);
        border-color: var(--grey);
    }

        .btn.btn-primary.outlined.greyoutline:hover {
            background: var(--grey);
            color: #fff;
            border-color: var(--grey);
        }

        .full-block-section.pt-0.firstSection_category{ padding-bottom: 0; }


/*checkbox*/
.checkbox {
    display: inline-block;
    position: relative;
}

    .checkbox input[type="checkbox"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        visibility: hidden;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 5px;
        padding-top: 2px;
        font-weight: 400;
        line-height: 1.2;
        font-size: 14px; cursor:pointer;
    }

        .checkbox label:before {
            content: "";
            background: #fff;
            width: 22px;
            height: 22px;
            position: absolute;
            border: solid 1px #B6B6B6;
            border-radius: 4px;
            left: 0;
            top: -2px;
        }

        .checkbox label:hover:before {
            background: #fff;
            border-color: var(--blue);
        }

    .checkbox input[type="checkbox"]:checked + label:before {
        background: var(--blue) url(../images/check-icon.svg) center no-repeat;
        background-size: 12px;
        border-color: var(--blue);
    }


/*radio*/
.radio {
    display: inline-block;
    position: relative;
}

    .radio input[type="radio"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        visibility: hidden;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 5px;
        padding-top: 3px;
        font-weight: 400;
        line-height: 1.2;
        font-size: 14px;
    }

        .radio label:before {
            content: "";
            width: 22px;
            height: 22px;
            position: absolute;
            border: solid 1px #B6B6B6;
            border-radius: 24px;
            left: 0;
            top: -1px;
        }

        .radio label:hover:before {
            background: #fff;
            border-color: var(--blue);
        }

    .radio input[type="radio"]:checked + label:before {
        background: var(--blue) url(../images/check-icon.svg) center no-repeat;
        background-size: 12px;
        border-color: var(--blue);
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-left: 20px;
    }

.modal-content {
    border: 0;
    border-radius: 0;
}

.modal-header {
    background: var(--blue);
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0;
    border-bottom: 0;
}

.btn-close {
    filter: invert(1);
    -webkit-filter: invert(1);
    opacity: 1;
}



.form-group {
    display: block;
    width: 100%;
}

.form-label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-bottom: 6px;
}

.input-with-icon {
    display: block;
    width: 100%;
    position: relative;
}

    .input-with-icon input.form-control {
        padding-left: 48px;
    }

.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control:-moz-placeholder {
    opacity: 1;
    color: #D4D4D4;
}

.form-control {
    font-weight: 400;
    height: 46px;
    opacity: 1;
    box-shadow: none;
    outline: none;
    border: solid 1px #BBBBBB;
    border-radius: 5px;
    background-color: #fff;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
    font-weight: 400;
}

    .form-control.form-select {
        padding-right: 32px;
    }

    .form-control:focus {
        outline: none;
        box-shadow: none;
    }

textarea.form-control {
    min-height: 120px;
    resize: none;
}

input[type=file].form-control {
    padding-top: 8px;
}

.form-control:focus {
    border-color: #000;
}


.inputwith-icon {
    display: block;
    position: relative;
    width: 100%;
}

    .inputwith-icon > span {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        z-index: 2;
        text-align: center;
        padding-left: 2px;
        pointer-events: none;
    }

        .inputwith-icon > span img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: block;
        }

    .inputwith-icon .form-control {
        padding-left: 40px;
    }

.input-icon {
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-radius: 4px;
    background-color: transparent;
    left: 1px;
    top: 1px;
    background-size: 24px !important;
}

    .input-icon.user {
        background: url(../images/user-icon.svg) center no-repeat;
    }

    .input-icon.email {
        background: url(../images/email-icon.svg) center no-repeat;
    }

    .input-icon.pass {
        background: url(../images/lock-icon.svg) center no-repeat;
    }



.accordion-item {
    border: 0;
    border-radius: 0 !important;
    margin-bottom: 15px;
    position: relative;
    border: solid 1px #B7D6EF !important;
}

.accordion-button {
    background-color: #EDF3F8;
    border-radius: 0px !important;
    padding: 14px 40px 14px 20px;
    font-size: 18px;
    font-weight: 500;
    z-index: 0 !important;
    border: 0;
}

    .accordion-button:hover {
        background: #B7D6EF;
    }

    .accordion-button:focus {
        outline: none;
        box-shadow: none;
    }

    .accordion-button::after {
        position: absolute;
        right: 10px;
    }

    .accordion-button:not(.collapsed) {
        color: #000;
        border: 0;
        box-shadow: none;
        background: #EDF3F8;
    }

.accordion-item .accordion-collapse.collapse.show:before {
    /*content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background-color: #fff;
    z-index: -1;
    box-shadow: 0 0px 20px -5px rgba(0, 0, 0, 0.3);*/
}

.accordion-button[aria-expanded="true"],
.accordion-collapse.collapse.show .accordion-body {
    position: relative;
    z-index: 1;
}

.accordion-body {
    padding: 15px 20px;
    line-height: normal;
}

@media screen and (min-width: 1399px) {
    .container {
        max-width: 1240px;
    }
}

.fullPage {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
    min-height: 65vh;
    padding: 40px 0 0 0;
}

.fullPage p:empty{
    display:none;
}

.header {
    background: #fff;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    width: 100%;
    display: block;
}

.headerRight {
    display: inline-flex;
    align-items: center;
}

    .headerRight div {
        display: inline-flex;
        align-items: center;
    }

.headeractions {
    width: 20px;
    height: 20px;
    display: inline-block;
    min-width: 20px;
}

.userLink {
    background: url(../images/user.svg) center no-repeat;
}

.cartLink {
    background: url(../images/cart.svg) center no-repeat;
}

.cartheadersection {
    position: relative;
    top: -1px;
}

.topmenu {
    display: inline-block;
}

    .topmenu > ul > li {
        display: inline-block;
        margin-right: 26px;
    }

        .topmenu > ul > li > a {
            display: inline-block;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            padding: 8px 0;
        }

            .topmenu > ul > li > a.active {
                text-decoration: underline;
            }

            .topmenu > ul > li > a:hover,
            .topmenu > ul > li > a:focus {
                text-decoration: underline;
                color: #fff;
            }

        .topmenu > ul > li.nav-item.dropdown a.dropdown-toggle {
            background: url(../images/menu-down.svg) right center no-repeat;
            padding-right: 18px;
        }


.header-bottom-right {
    display: inline-flex;
    align-items: center;
}

    .header-bottom-right a.freetrialbtn {
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        border: solid 1px #fff;
        line-height: 30px;
        background: #fff;
        color: #000;
        font-weight: 500;
        padding: 0 20px;
        border-radius: 50px;
    }

    .header-bottom-right a.contactbtn {
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        border: solid 1px #fff;
        line-height: 30px;
        background: transparent;
        color: #fff;
        font-weight: 500;
        padding: 0 20px;
        border-radius: 50px;
        margin-left: 18px;
    }

    .header-bottom-right a.freetrialbtn:hover {
        background: var(--darkblue);
        color: #fff;
    }

    .header-bottom-right a.contactbtn:hover {
        background: #fff;
        color: #000;
    }

.header-bottom .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topmenu .dropdown-toggle::after {
    display: none;
}

.menuTitle {
    display: block;
    white-space: nowrap;
    padding: 0.25rem 1rem;
    color: var(--darkblue);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;
}

.dropdown-menu ul + ul {
    border-left: solid 1px #ddd;
}



@media screen and (min-width: 1200px) {
    .topmenu {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .sticky .header-bottom {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .header-bottom {
        display: flex !important;
    }
}

.action-withicon {
    width: 42px;
    height: 42px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
}

.notificationH {
    background: #F8F1DF url(../images/notification.svg) center no-repeat;
}

.userH {
    background: #EFF0FA url(../images/user.svg) center no-repeat;
}

.userTop {
    font-size: 13px;
    font-weight: 600;
}

.notification-count {
    position: absolute;
    z-index: 2;
    left: 65%;
    top: -1px;
    background: red;
    color: #fff;
    padding: 4px;
    min-width: 20px;
    text-align: center;
    border-radius: 50px;
    font-size: 12px;
}

.dropdown-menu li + li {
    margin-top: 1px;
}

.dropdown-menu a.dropdown-item {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .dropdown-menu a.dropdown-item:hover,
    .dropdown-menu a.dropdown-item.active {
        background: var(--blue);
        color: #fff;
    }

    .dropdown-menu a.dropdown-item i {
        margin-right: 5px;
    }

.dropdown-menu {
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
}


.container-fluid {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.logo sapan {
    font-size: 12px;
    color: #777777;
    display: block;
}

.hTopm {
    display: inline-block;
    margin-left: 150px;
    margin-right: auto;
    font-weight: 400;
}

    .hTopm a {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
    }

        .hTopm a + a {
            margin-left: 30px;
        }

        .hTopm a.active {
            color: var(--darkblue);
            text-decoration: underline;
        }

.header-top {
    display: block;
    width: 100%;
    padding: 10px 0;
}

    .header-top .container-fluid {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.findlinks {
    padding-left: 30px;
    background: url(../images/search-icon.svg) left center no-repeat;
}

.header-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--blue);
    min-height: 60px;
}

.topactionbtns {
    display: inline-block;
    padding-left: 40px;
    margin-left: 50px;
    min-height: 37px;
}

    .topactionbtns label {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: var(--grey);
    }

    .topactionbtns.supports {
        background: url(../images/phone-call.svg) left center no-repeat;
        padding-left: 34px;
    }

    .topactionbtns.mycart {
        background: url(../images/cart.svg) left center no-repeat;
    }

    .topactionbtns.myaccount {
        background: url(../images/user.svg) left center no-repeat;
        padding-left: 35px;
    }

    .topactionbtns span {
        display: inline-block;
        padding-top: 6px;
        font-size: 15px;
    }

    .topactionbtns:after {
        display: none;
    }

.header-top-right {
    display: flex;
    align-items: start;
}

.myaccount span:after {
    content: "";
    width: 12px;
    height: 6px;
    display: inline-block;
    background: url(../images/down-arrow.svg) center no-repeat;
    margin-left: 6px;
    position: relative;
    top: -1px;
}

.breadcrumbs {
    display: block;
    width: 100%;
    background: #EBEBEB;
}

    .breadcrumbs ul {
        display: flex;
        align-items: center;
        overflow: hidden;
        min-height: 50px;
        white-space: nowrap;
    }

        .breadcrumbs ul li {
            display: inline-block;
            font-size: 14px;
            position: relative;
            font-weight: 400;
            padding-right: 5px;
            margin-right: 7px;
        }

            .breadcrumbs ul li:before {
                content: "/";
                display: inline-block;
                margin-right: 7px;
            }

            .breadcrumbs ul li:first-child:before {
                display: none;
            }

            .breadcrumbs ul li a {
                color: #444;
            }

.clicktocall {
    display: block;
    width: 100%;
    background: url(../images/callbg.png) center no-repeat;
    background-size: cover;
    padding: 22px 0;
    position: relative;
}

    .clicktocall:before {
        content: "";
        background: rgba(0, 0, 0, 0.57);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .clicktocall .container {
        position: relative;
        z-index: 3;
    }

.calltoexpert {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 60px;
    border: solid 1px #fff;
    color: #fff;
}

    .calltoexpert a {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        width: 100%;
    }

    .calltoexpert h6 {
        max-width: 200px;
        font-weight: 600;
    }

.callwihicon {
    font-size: 20px;
    font-weight: 600;
    margin-left: 70px;
    background: url(../images/call-icon.svg) left center no-repeat;
    padding-left: 45px;
    line-height: 40px;
}


.footer {
    display: block;
    width: 100%;
    padding: 48px 0 40px 0;
}

.footer_bottom {
    border-top: solid 1px var(--grey);
    margin-top: 10px;
    padding-top: 20px;
    text-align: center;
}

.copyrighttext {
    display: block;
    font-size: 12px;
}

.footerlogo {
    color: var(--darkblue);
    font-size: 30px;
}

.footerTitle {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.connectSocial {
    display: block;
}

    .connectSocial ul {
        display: inline-flex;
        align-items: center;
        grid-gap: 10px;
    }

.footerlinks {
    display: block;
}

    .footerlinks ul li {
        display: block;
        margin-bottom: 12px;
        font-size: 14px;
    }

        .footerlinks ul li a:hover {
            color: var(--darkblue);
        }

.item_box {
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.productImage {
    width: 70px;
    height: 70px;
    border: solid 1px #E6E6E6;
    object-fit: contain;
    display: inline-block;
    min-width: 70px;
}

.nextrDate {
    font-size: 12px;
}

.prTitle {
    font-weight: 500;
}

.prDesc {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.newchanges {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

    .newchanges:hover {
        color: var(--blue);
        text-decoration: underline;
    }

.newavail {
    background: #D71616;
    border-radius: 50px;
    padding: 4px 8px;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
}

.prOtherDetails {
    min-width: 322px;
}

.prLeftdetails {
    margin-right: 50px;
    max-width: calc(100% - 422px);
}

.prBtns {
    display: flex;
    flex-direction: column;
}

    .prBtns a {
        min-width: 100px;
    }

        .prBtns a + a {
            margin-left: 0 !important;
            margin-top: 12px;
        }

.prDetails {
    max-width: calc(100% - 30px);
}

.table-pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.entriesdata {
    display: inline-block;
    color: #777;
    font-weight: 600;
    font-size: 14px;
}

.pagination_box {
    display: block;
    width: auto;
}

    .pagination_box ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .pagination_box ul li {
            display: inline-block;
        }

            .pagination_box ul li + li {
                margin-left: 6px;
            }

            .pagination_box ul li a {
                display: inline-block;
                height: 30px;
                line-height: 28px;
                padding: 0 9px;
                font-size: 14px !important;
                font-weight: 500;
                min-width: 30px;
                text-align: center;
                border: solid 1px #CECECE;
                border-radius: 16px;
            }

                .pagination_box ul li a:hover {
                    background: #CECECE;
                }

            .pagination_box ul li.prev a,
            .pagination_box ul li.next a {
                background: #fff;
            }

                .pagination_box ul li.prev a:hover,
                .pagination_box ul li.next a:hover {
                    background: #CECECE;
                    border-color: #CECECE;
                }

            .pagination_box ul li.current a {
                background: #CECECE;
                color: #000;
                border-color: #CECECE;
                cursor: default;
            }


.newchangesCard {
    display: block;
    width: 100%;
    border-radius: 16px;
}

    .newchangesCard.greenCard {
        background: #F2FCED;
    }

    .newchangesCard.blueCard {
        background: #E9EDFF;
    }

.newchangesTop {
    display: block;
    width: 100%;
    padding: 15px;
}

.newchangesBottom {
    border-radius: 0 0 16px 16px;
    background: rgba(0, 0, 0, 0.06);
    padding: 14px 15px;
    text-align: center;
    width: 100%;
    display: block;
}

.mainarticleBox {
    display: block;
    width: 100%;
    position: relative;
}

.mainarticleBox-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .mainarticleBox-image:after {
        content: "";
        position: absolute;
        top: 0;
        right: 30%;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: linear-gradient(to right, rgba(255,255,255,0.61) 0%,rgba(255,255,255,0) 100%);
    }

    .mainarticleBox-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mainarticleBox-content {
    display: flex;
    width: 100%;
    min-height: 470px;
    padding: 30px 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.bigTitle {
    font-size: 44px;
    line-height: 1.3;
}

.mainarticleBox-content-inner {
    display: block;
    width: 100%;
    max-width: 550px;
}

.full-block-section {
    display: block;
    width: 100%;
    padding: 70px 0;
    position: relative;
}

.full-block-section.secondSection_category {
    padding: 30px 0;
}

.text-20px {
    font-size: 20px;
    color: #31383E;
}

.afteraddline {
    position: relative;
}

    .afteraddline:after {
        content: "";
        height: 1px;
        width: 100px;
        background: var(--blue);
        clear: both;
        display: block;
        margin-top: 10px;
    }

.gredientbox {
    background: linear-gradient(45deg, rgba(0,74,173,1) 0%,rgba(47,127,190,1) 100%);
}

.prospectsimage img {
    box-shadow: -8px 8px 0 var(--green);
    width: 400px;
}

.freetrialsection .bigTitle,
.freetrialsection .text-20px {
    color: #fff !important;
}

.greybox {
    background: #F8F8F8;
}

.freetrailBtn {
    display: inline-block;
    background: #fff;
    color: var(--darkblue);
    text-transform: uppercase;
    font-size: 24px;
    padding: 18px 40px;
    border-radius: 50px;
    border: solid 2px transparent;
    text-align: center;
}

    .freetrailBtn:hover {
        background: transparent;
        border-color: #fff;
        color: #fff;
    }

.enhanceVideo iframe {
    width: 100% !important;
    height: 490px !important;
    display: block;
    border: solid 5px #fff;
}

.enhanceVideoBox {
    color: #fff;
}

    .enhanceVideoBox .afteraddline:after {
        background: #fff;
    }

.boxwithDetail {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    margin-top: 20px;
    color: #fff;
}

.darkblueBox {
    background: var(--darkblue);
}

.greenBox {
    background: var(--green);
}

.whiteBoxfull {
    display: block;
    width: 100%;
    max-width: 640px;
    padding: 20px;
    border-radius: 16px;
    background: #fff;
}

.amuser {
    font-size: 16px;
    font-weight: 500;
}

    .amuser img {
        width: 36px;
        height: 36px;
        border-radius: 50px;
        display: inline-block;
        object-fit: cover;
        margin-right: 8px;
    }

.amPhone {
    display: inline-block;
    white-space: nowrap;
    background: url(../images/call-darkblue.svg) 9px center no-repeat;
    padding-left: 44px;
    font-size: 16px;
    font-weight: 500;
    color: var(--darkblue);
    line-height: 28px;
}

    .amPhone a {
        display: inline-block;
        color: inherit;
    }



.fullpageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display:none;
    background: rgb(83 83 83 / 90%);
}

    .fullpageloader div {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .fullpageloader span {
        border: 3px solid #fff;
        border-top-color: var(--blue);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        animation: spin 1s linear infinite;
        -webkit-animation: spin 1s linear infinite;
        display: inline-block;
    }

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

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

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

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



.loginbg {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,229,238,1) 100%);
}

.loginBlock {
    display: block;
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: solid 1px #E4EBFB;
}

.forgotpass a {
    color: var(--darkblue);
    text-decoration: underline;
}

.alreadyhave {
    font-size: 14px;
}

    .alreadyhave a {
        color: var(--blue);
        text-decoration: underline;
    }

.loginbg_inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px 0 0 24px;
    position: relative;
    min-height: 550px;
}

    .loginbg_inner img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        pointer-events: none;
        border-radius: 24px 0 0 24px;
        position: absolute;
    }

    .loginbg_inner:after {
        content: "";
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(42,57,122,0.6) 100%);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        border-radius: 24px 0 0 24px;
    }

.overlaytext {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 20px;
    right: 20px;
    color: #fff;
}

    .overlaytext h2 {
    }

.product-detail-bg {
    display: block;
    width: 100%;
    position: relative;
}

    .product-detail-bg img {
        width: 100%;
        height: 270px;
        display: block;
        object-fit: cover;
    }

.error-text {
}

    .error-text span {
        display: block;
        padding-top: 4px;
        font-size: 12px
    }

.usernameshow {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}



.border-box {
    display: block;
    width: 100%;
    border-radius: 16px;
    border: solid 1px #D5DEE1;
}

.pointsList {
    display: block;
    width: 100%;
    line-height: normal;
}

    .pointsList li {
        display: block;
        clear: both;
        width: 100%;
        line-height: normal;
        padding-left: 30px;
        position: relative;
    }

        .pointsList li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            width: 18px;
            height: 18px;
            background: url(../images/point-arrow.svg) center no-repeat;
        }

        .pointsList li + li {
            margin-top: 18px;
        }

        .pointsList li a {
            color: #004aad;
            text-decoration: underline;
        }

.leadprogrames_thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: solid 1px #D5DEE1;
    height: 190px;
    border-radius: 16px 16px 0 0;
}

    .leadprogrames_thumb img {
        display: block;
        max-width: 100%;
        max-height: 80%;
        object-fit: contain;
    }

.leadprogrames {
    background-color: #fff;
    min-height: calc(100% - 1rem);
    display: flex;
    flex-direction: column;
}

.isNew {
    display: inline-block;
    padding: 4px 10px;
    background: #D71616;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 60px;
    white-space: nowrap;
    color: #fff;
    line-height: normal;
}

.priceshow {
    font-size: 18px;
    font-weight: 600;
    color: var(--darkblue);
}

.leadprogrames_content {
    flex-grow: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.listof_details {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.listof_details_col {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    background: #fff;
    border: solid 1px var(--blue);
    border-radius: 20px;
}

    .listof_details_col strong {
        font-size: 22px;
        color: var(--blue);
    }

    .listof_details_col label {
        color: var(--grey);
    }

.contactusblock {
    max-width: 100% !important;
}

.questioncaptcha .form-control {
    width: 80px;
}





/* Category pages style */

.csg-cat-container {
    background: transparent !important;
}

    .csg-cat-container h1,
    .csg-cat-container h2,
    .csg-cat-container h3,
    .csg-cat-container h4,
    .csg-cat-container h5,
    .csg-cat-container h6 {
        margin-bottom: 1rem !important;
    }

    /*.csg-cat-container br, .csg-containment-75 br {
        display: none !important
    }*/

    /*.csg-cat-container p, .csg-containment-75 p {
        font: inherit !important;
        line-height: 1.4 !important;
        color: #31383e !important;
        font-size: 20px !important;
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 15px
    }*/

.csg-containment-75 {
    width: 100% !important;
    margin-bottom: 50px;
}

    .csg-cat-container h1, .csg-containment-75 h1 {
        color: var(--blue) !important;
        font-size: 28px !important;
        margin-bottom:1rem !important;
    }

.csg-cat-container center {
    text-align: left;
}

.csg-cat-container .csg-cat-head23 {
    width: 100% !important;
    text-align: left !important;
}


/*.csg-cat-cta-buttons .csg-product-buttons23 div {
    font: inherit !important;
    border-radius: 60px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    background: #004aad !important;
    color: #fff !important;
    padding: 10px 20px !important;
    text-transform: none !important;
    width: auto !important;
    display: inline-block !important;
}*/

.csg-product-buynow {
    font: inherit !important;
    border-radius: 60px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    background: #004aad !important;
    color: #fff !important;
    padding: 10px 20px !important;
    text-transform: none !important;
    width: auto !important;
    display: inline-block !important;
}

.csg-product-buynow {
    margin-bottom: 20px;
}

/*.csg-cat-cta-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 50px;
    margin-top: 40px;
}*/

.csg-cat-container .prodhead {
    color: var(--blue) !important;
    font-size: 32px !important;
}

.tableauPlaceholder {
    width: 100% !important;
    border: solid 1px #ddd;
    border-radius: 20px;
    margin: 30px 0 20px 0;
}

    .tableauPlaceholder iframe {
        margin: 0 auto !important;
    }

.csg-containment-90 > div:first-child,
.csg-containment-90 > br + div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /*margin-top: 40px;*/
    margin-bottom: 50px;
}

.csg-product-box {
    width: calc(50% - 30px);
    display: inline-block;
    flex-grow: 1;
    display: inline-flex;
    gap: 15px;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #ddd;
}

    .csg-product-box img {
        width: 100px !important;
        height: 60px;
        object-fit: contain;
        min-width: 100px;
    }

    .csg-product-box p {
        font-size: 16px !important;
        margin-bottom: 0 !important
    }

        .csg-product-box p strong {
            font-size: 20px !important;
            display: block;
            width: 100%;
        }

.csg-mostpopular {
    color: #004aad;
}

.not-found {
    padding: 20px;
    border-radius: 12px;
    background: #eaeff5;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.csg-containment-75 img {
    width: auto;
    max-width: 100% !important;
}

.csg-mobileshow {
    display: none;
}

@media screen and (max-width:1399px) {
    .csg-cat-container .prodhead {
        font-size: 26px !important;
    }

    .csg-cat-container p, .csg-containment-75 p {
        font-size: 16px !important;
    }
}

@media screen and (max-width:991px) {
    .csg-product-box {
        width: 100%;
    }

    .csg-cat-container h1, .csg-containment-75 h1 {
        font-size: 36px !important
    }

    .csg-mobilehide {
        display: none;
    }

    .csg-mobileshow {
        display: block;
    }

    .csg-product-box img {
        display: block !important;
    }
}

@media screen and (max-width:575px) {
    .csg-product-buynow,
    .csg-cat-cta-buttons .csg-product-buttons23 div {
        width: 100% !important;
        text-align: center;
    }

        .csg-product-buynow a,
        .csg-cat-cta-buttons .csg-product-buttons23 a, .csg-product-buttons23 {
            display: block;
        }

    .csg-product-buttons23 {
        width: 100%;
    }

    .csg-product-box {
        flex-wrap: wrap;
        justify-content: center;
    }

        .csg-product-box img {
            height: 40px;
        }

        .csg-product-box p {
            width: 100%;
            text-align: center !important
        }
}

.csg-cat-infobox {
    display: block;
    border: solid 1px #ddd;
    border-radius: 16px;
    padding: 1.5rem 1rem 0.75rem 1rem;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px;
    margin-bottom: 25px;
}

.csg-cat-container .csg-cat-infobox-title,
.csg-containment-75 .csg-cat-infobox-title,
.csg-cat-container .csg-cat-infobox-title span,
.csg-containment-75 .csg-cat-infobox-title span {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #004aad !important;
}



.csg-cat-infobox-list {
    display: block;
    width: 100%;
    line-height: normal;
}

/*
    .csg-cat-infobox-list li {
        display: block;
        clear: both;
        width: 100%;
        line-height: normal;
        padding-left: 30px;
        position: relative;
    }

        .csg-cat-infobox-list li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            width: 18px;
            height: 18px;
            background: url(../images/point-arrow.svg) center no-repeat;
        }
*/


        .csg-cat-infobox-list li
{
    display: block;
    clear: both;
    width: 100%;
    line-height: normal;
    padding-left: 20px;
    position: relative;
    font-size: 14px !important;
    margin-bottom: 10px;
    text-align: left;
    margin-top: 0 !important;
}


    .csg-cat-infobox-list li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 14px;
        height: 14px;
        background: url("../images/arrow-right.png") no-repeat center center;
        background-size:cover;
        display: block !important;
    }

        .csg-cat-infobox-list li + li {
            margin-top: 18px;
        }

        .csg-cat-infobox-list li a {
            color: #004aad;
            text-decoration: underline;
        }

.csg-h3, .prodh314 {
    margin-top: 25px;
    color: var(--darkblue) !important;
    font-size:18px !important;
}

.csg-cat-container table {
    border: solid 1px #ddd !important;
    margin: 20px 0;
}

    .csg-cat-container table td {
        padding: 10px;
        font-size: 14px;
    }

    .csg-cat-container table tbody tr {
        border-bottom: solid 1px #ddd;
    }

.csg-cat-container p a {
    color: #004aad !important;
    text-decoration: underline;
}


@media screen and (min-width:1260px) {
    .sideTemplate {
        display: flex !important;
        justify-content: center;
    }

        .sideTemplate .firstSection_category {
            width: 900px;
            max-width: 900px;
            min-width: 900px;
            padding-right: 30px;
        }

        .sideTemplate .secondSection_category {
            width: 340px;
            max-width: 340px;
            min-width: 340px;
            background: transparent;
            padding: 0;
        }

            .sideTemplate .secondSection_category h3 {
                font-size: 22px;
            }

            .sideTemplate .secondSection_category .row {
                flex-direction: column;
            }

                .sideTemplate .secondSection_category .row .col-xl-4 {
                    max-width: 100% !important;
                    width: 100% !important;
                }

            .sideTemplate .secondSection_category .leadprogrames_thumb {
                height: 140px;
            }
}

.actionBtnss {
    min-width: 26px;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin: 0 6px 0 0;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}





/*table css*/


.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 1px;
}

.table-bordered {
    border-top: 0;
}

table.dataTable {
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
}

div.dataTables_wrapper div.dataTables_length select {
    font-size: 15px;
    padding-top: 4px;
    border-radius: 5px;
}

.dataTables_wrapper {
    margin-top: 1px;
    margin-right: 1px;
}


div.dataTables_wrapper div.dataTables_filter input {
    font-size: 16px;
    width: 210px;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0
}

div.dataTables_wrapper div.dataTables_filter input {
    font-size: 14px;
    padding: 10px 10px 10px 40px;
    margin-left: 0;
    border-radius: 50px !important;
    font-family: "Open Sans",sans-serif;
    background: #fff Url(../admin_Images/search.svg) 15px center no-repeat;
    background-size: 14px;
    height: 36px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 6px;
    margin-bottom: 0;
}

.table-searchbar .form-control {
    height: 34px;
}

.table-searchbar .btn {
    height: 34px;
    line-height: 33px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.table-searchbar {
    width: 100%;
    justify-content: flex-end;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow: auto;
    margin-top: 10px;
    max-width: calc(100vw - 280px);
}
/*--shopping cart--*/
.full-row {
    display: flex;
    flex-wrap: wrap
}

.full-lft-col {
    flex: 1;
    padding-right: 30px;
}

.full-rt-col {
    width: 467px;
    border-left: solid 1px #D1D1D1;
}

.offer-code-wrapper label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.offer-msg {
    font-size: 14px;
    color: #777;
}

.offer-code-wrapper .input-group .form-control {
    height: 39px;
}

.offer-code-wrapper .input-group .btn {
    border-radius: 3px;
}

.summart-ttl-table {
    font-size: 16px;
}

    .summart-ttl-table h6 {
        color: #777777;
        margin: 0;
        font-weight: normal;
    }

    .summart-ttl-table td {
        padding: 8px 0px;
    }

    .summart-ttl-table tfoot tr {
        border-top: solid 1px #D1D1D1;
    }

    .summart-ttl-table tfoot td, .summart-ttl-table tfoot h6 {
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }

    .summart-ttl-table tfoot td {
        padding: 14px 0px 8px;
    }

.policy-menu-list li {
    margin: 0 0 10px;
    list-style-type: disc;
    list-style-position: inside;
}

    .policy-menu-list li a {
        text-decoration: underline;
    }

.tbl-lst-cnt-value {
    font-size: 24px;
    color: #777;
}

.tabel-head-dard {
    font-size: 14px;
}

    .tabel-head-dard thead th {
        background: #777;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
    }

.inv-no {
    font-size: 15px;
    color: #777;
    line-height: 1;
}

.porduct-add-minus-gp {
    display: inline-block;
    border: solid 1px #CBCBCB;
    border-radius: 4px;
    padding: 5px;
}

    .porduct-add-minus-gp span {
        display: inline-block;
        width: 40px;
        text-align: center;
        font-size: 16px;
        vertical-align: middle;
        line-height: 18px;
    }

    .porduct-add-minus-gp button {
        display: inline-block;
        vertical-align: middle;
        background: transparent;
        padding: 0;
    }

        .porduct-add-minus-gp button:hover {
            background: #EBEBEB;
        }

.table > :not(caption) > > {
    padding: 0.7rem 0.5rem;
}

.sidebar-toggled .table-responsive {
    max-width: calc(100vw - 40px)
}

.table {
    width: 100%;
}

    .table thead th {
        background: #CFCFCF;
        color: #000000;
        font-size: 14px;
        font-weight: 500;
        border: 0;
        white-space: nowrap;
    }

    .table th,
    .table td {
        padding: 8px 12px;
        font-size: 12px;
        color: #000;
        border-bottom: solid 1px #E5E5E5;
        vertical-align: middle;
        white-space: nowrap;
        font-weight: 500;
    }
/*.table tr:hover{ background: #F2F4F9; }*/

.actionBtns {
    white-space: nowrap;
}

.table td.actionTD .btn {
    vertical-align: middle;
    text-decoration: none;
}


.actionBtns a {
    width: 24px;
    height: 24px;
    background: #EFEFEF;
    border-radius: 4px;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

    .actionBtns a + a {
        margin-left: 12px;
    }

    .actionBtns a:hover {
        background: #fff;
        box-shadow: 0 0 0 1px #ddd;
    }

    .actionBtns a img {
        height: 14px;
        width: 16px;
        vertical-align: middle;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.numbers-pag {
    font-size: 14px;
    font-weight: 300;
    color: #737573;
}

.page-item {
    display: inline-block;
    vertical-align: middle;
}

.pagination .page-link {
    font-size: 14px;
    color: #333537;
    padding: 5px 12px;
    border-radius: 4px;
    background-color: #F0EFF3;
    border-color: #F0EFF3;
}

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

.pagination .page-item + .page-item {
    margin-left: 6px;
}

.page-item:first-child .page-link {
    margin-right: 10px;
}

.page-item:last-child .page-link {
    margin-left: 10px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    background-color: #fff;
    border-color: #D2D2D2;
    padding-left: 16px;
    padding-right: 16px;
}


.table-filters {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.table-outerbox {
    display: block;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 0;
    clear: both;
    min-height: 300px;
    padding-bottom: 10px;
}


.table {
    width: 100%;
}

    .table thead th {
        background: #777777;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .table td {
        background: #fff;
        border-bottom: solid 1px #D8D8D8;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }

    .table td {
        min-height: 30px;
    }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px;
}

.table-pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.entriesdata {
    display: inline-block;
    color: #777;
    font-weight: 600;
    font-size: 14px;
}

.pagination_box {
    display: block;
    width: auto;
}

    .pagination_box ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .pagination_box ul li {
            display: inline-block;
        }

            .pagination_box ul li + li {
                margin-left: 6px;
            }

            .pagination_box ul li a {
                display: inline-block;
                height: 30px;
                line-height: 28px;
                padding: 0 9px;
                font-size: 14px !important;
                font-weight: 500;
                min-width: 30px;
                text-align: center;
                border: solid 1px #CECECE;
                border-radius: 16px;
            }

                .pagination_box ul li a:hover {
                    background: #CECECE;
                }

            .pagination_box ul li.prev a,
            .pagination_box ul li.next a {
                background: #fff;
            }

                .pagination_box ul li.prev a:hover,
                .pagination_box ul li.next a:hover {
                    background: #CECECE;
                    border-color: #CECECE;
                }

            .pagination_box ul li.current a {
                background: #CECECE;
                color: #000;
                border-color: #CECECE;
                cursor: default;
            }

.actiontableBTn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #fff !important;
    background: #000;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
}

    .actiontableBTn + .actiontableBTn {
        margin-left: 6px;
    }

    .actiontableBTn.approve {
        background: #fff;
        color: #147B43 !important;
        border: solid 1px #147B43;
        line-height: 28px;
    }

    .actiontableBTn.reject {
        background: #fff;
        color: #D63657 !important;
        border: solid 1px #D63657;
        line-height: 28px;
    }

    .actiontableBTn.approve:hover {
        background: #147B43;
        color: #fff !important;
    }

    .actiontableBTn.reject:hover {
        background: #D63657;
        color: #fff !important;
    }

.table td a {
    color: var(--blue);
    text-decoration: underline;
}

    .table td a:hover {
        color: #0a58ca;
        text-decoration: underline;
    }

.actiontableBTn.blue-fill {
    background: var(--blue);
    color: #fff;
}

    .actiontableBTn.blue-fill:hover {
        background: #3372EE;
        color: #fff;
        animation-play-state: paused;
    }

.actiontableBTn.blue-outline {
    background: #fff;
    color: var(--blue) !important;
    border: solid 1px var(--blue);
}

    .actiontableBTn.blue-outline:hover {
        background: var(--blue);
        color: #fff !important;
        border: solid 1px var(--blue);
    }


table.spacesNone {
    padding: 0;
}

    table.spacesNone th,
    table.spacesNone td {
        padding: 0;
        border: 0;
    }

    table.spacesNone .checkbox label {
        margin-bottom: 0;
    }

.table-active {
    --bs-table-accent-bg: transparent;
}

.actionsmenu .dropdown-menu li .dropdown-item {
    text-decoration: none;
}

table.dataTable + .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    flex-wrap: wrap;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 0;
    order: 1;
    margin-right: 30px;
    color: #777;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0;
    order: 3
}

.dataTables_wrapper .dataTables_length {
    order: 2;
    margin-left: 0;
    margin-right: auto;
    color: #777;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button {
    display: inline-block !important;
    height: 30px;
    line-height: 28px;
    padding: 0 9px !important;
    font-size: 14px !important;
    font-weight: 500;
    min-width: 30px !important;
    text-align: center !important;
    border: solid 1px #CECECE !important;
    border-radius: 16px;
    margin: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #CECECE !important;
    color: #000 !important;
}

.horizontalLinesadd tr td,
.horizontalLinesadd tr th {
    border-right: solid 1px rgba(0, 0, 0, 0.15);
}

    .horizontalLinesadd tr td:last-child,
    .horizontalLinesadd tr th:last-child {
        border-right: 0;
    }

.permissionFooter {
    background: #fff;
    position: sticky;
    bottom: 0;
    z-index: 4;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-outerbox.horizontalLinesadd {
    max-height: calc(100vh - 220px);
    min-height: 150px;
    border-bottom: solid 1px #ddd;
}

    .table-outerbox.horizontalLinesadd .table {
        border-bottom: 0;
    }

        .table-outerbox.horizontalLinesadd .table thead {
            position: sticky;
            top: 0;
            left: 0;
            z-index: 2;
        }


            .table-outerbox.horizontalLinesadd .table thead th {
                border-right-color: #555 !important;
            }

/* Table Loader css */



.tableloader {
    display: block;
    width: 100%;
    min-height: 150px;
}

    .tableloader div {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .tableloader span {
        border: 3px solid #c3ced9;
        border-top-color: var(--blue);
        border-radius: 50%;
        width: 32px;
        height: 32px;
        animation: spin 1s linear infinite;
        -webkit-animation: spin 1s linear infinite;
        display: inline-block;
    }



.socialcionsintable img {
    width: 24px;
    height: 24px;
    margin: 0 3px;
}

.headingTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.porduct-add-minus-gp {
    display: inline-block;
    border: solid 1px #CBCBCB;
    border-radius: 4px;
    padding: 5px;
}

.filtersearchTop .dataTables_filter {
    float: left;
    text-align: left;
    width: auto;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -53px;
}

.filtersearchTop div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 4px !important;
    background: url(../admin_Images/searchIcon.svg) 8px 8px no-repeat;
}

.datatablesearchSapce {
    display: inline-block;
    width: 230px;
}

.filtersearchTop.table-outerbox {
    margin-top: -53px;
    padding-top: 53px;
}

.dataTables_scroll {
    padding-bottom: 15px;
}


.validator-table .dataTables_wrapper .table.dataTable {
    margin: 0 0 10px 0;
}

.validator-table .dataTables_length {
    margin-bottom: 10px;
}

.validator-table .dataTables_info {
    padding-top: 10px;
}

.datatablebottom .dataTables_wrapper {
    margin: 0;
}

.datatablebottom table.dataTable + .top {
    overflow-x: hidden;
}

.dataTables_scroll + .top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .dataTables_scroll + .top .dataTables_info {
        padding-top: 2px;
    }

.table.dataTable, .dataTables_scrollHeadInner {
    min-width: 100%;
}

.table tr .btn-sm {
    text-decoration: none !important;
    padding: 5px 15px;
}

.outerboxof_template_col table thead {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
}

.outerboxof_template_col .table thead th {
    background-color: #fff;
    color: #000;
    border-bottom: solid 1px #ddd !important;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.outerboxof_template_col table tr:hover td {
    background-color: #eee;
}

.research-bg-left {
    background-color: #F0F4F6;
    padding: 16px 20px;
}

    .research-bg-left .btn + .btn {
        margin-left: 0px;
    }

.css-verify-para ul li {
    list-style-type: disc;
    margin-bottom: 12px;
}

.table > :not(caption) > * > * {
    padding: 0.7rem 0.5rem;
}

input[type=file].form-control {
    padding-top: 11px;
}

.min-height-none {
    min-height: 10px !important;
}
/*.word-wrap-td {
    max-width:300px;
    word-break:break-word;
    margin:0px
}*/

.table-responsive-full {
    display: block;
    width: 100%;
    overflow: auto;
    margin-top: 10px;
}

/*css foe select stop class form search*/
.select2-container--open {
    position: absolute;
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 1040 !important;
}

.select2-container--open {
    z-index: 9999 !important;
}

.select2-container {
    font-size: 14px;
    font-weight: 400;
}

.select2 .selection .select2-selection {
    padding-left: 14px;
    padding-right: 14px;
    height: 46px;
    border: solid 1px #BBBBBB;
    border-radius: 5px;
}

.select2-selection .select2-selection__rendered {
    padding-left: 0 !important;
    line-height: 44px !important;
}

.select2-selection__arrow {
    height: 46px !important;
}


/* ORDER HISTORY CSS */

.order-card1 {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

    .order-card1 .badge {
        display: inline-block;
        padding: 8px 18px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
    }

hr {
    margin: 1rem 0;
    color: #a4a4a4;
    background-color: #a4a4a4;
    border: 0;
    opacity: 0.25;
}

.order-card1 .text-bg-success {
    background-color: #43B26D;
}

.order-card1 .text-bg-warning {
    background-color: #F0B153;
}

.order-card1 .pay h6 {
    border-right: 2px solid #E6E6E6;
    min-width: 120px;
}

.order-left {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.order-right {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.title-detail {
    min-width: 175px;
}
/* ORDER HISTORY CSS */

.full-rt-col table td {
    border: 0;
    padding-left: 0;
    font-size: 14px;
    padding-right: 0;
}

    .full-rt-col table td h6 {
        font-size: 14px;
    }

.full-rt-col table tfoot td,
.full-rt-col table tfoot td h6 {
    font-size: 16px;
}

.orderDetailsummary table td {
    padding-top: 0;
}

.orderDetailsummary .border-top tr:first-child td {
    padding-top: 15px;
}

@media screen and (max-width:1399px) {
    .full-rt-col {
        width: 380px;
    }
}

@media screen and (max-width:1199px) {
    .full-rt-col {
        width: 100%;
        border-left: 0;
        padding-left: 0
    }

        .full-rt-col .px-4 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

    .full-lft-col {
        padding-right: 0 !important;
    }
}

.badge {
    font-size: 12px !important;
    font-weight: normal !important;
}

.productwithcoupon .badge {
    margin-left: 10px;
}

.select2-selection__arrow {
    height: 46px !important;
}

.couponapplied {
    font-size: 12px !important;
    font-weight: normal
}




/* PAYMENT CSS  */
.outerDiv {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    background: #ffffff;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: auto;
    position: relative;
    width: 100%;
}

.paymentbg {
    width: 700px;
    max-width: 100%;
    margin: auto;
    text-align: center;
    display: inline-block;
}

    .paymentbg i {
        font-size: 50px;
    }

/* PAYMENT CSS */


.product-type-label {
    position: absolute;
    background-color: var(--blue);
    color: #fff;
    padding: 8px 16px;
    border-radius: 16px 0;
    z-index: 1;
}

.rounded-pill {
    border-radius: 60px !important;
    background: #43B26D;
}

.table-borderless .badge {
    padding: 6px 18px;
}

.paymentbg {
    display: block;
}




/*17-03-25*/

.productnamewithChange {
    background: var(--grey);
    border-radius: 60px;
}

.accordion-item i {
    font-size: 14px;
    color: #999;
}

.includefilter_box {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.includefilter {
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    padding: 12px 14px;
    margin-bottom: 4px;
}

    .includefilter:last-child {
        margin-bottom: 0;
    }

.alltypefilterslist {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 10px;
}

.filterDetailsFull .form-control {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.alltypefilterslist .checkbox {
    margin-left: 0 !important;
    width: 33%;
}

.filterDetailsFull .checkbox label {
    padding: 0px 20px 0px 30px;
}

    .filterDetailsFull .checkbox label:before {
        width: 18px;
        height: 18px;
    }

.filterDetailsFull h6 {
    font-size: 15px;
}

.fromtovalue {
    display: inline-flex;
    align-items: center;
}

    .fromtovalue label {
        font-size: 14px;
        padding-right: 5px;
    }

.dollarvalueadd .form-control {
    padding-left: 20px !important;
}

.dollarvalueadd:before {
    content: "$";
    position: absolute;
    left: 10px;
    z-index: 1;
    top: 7px;
    font-size: 14px;
}

.percentvalueadd .form-control {
    padding-right: 20px !important;
}

.percentvalueadd:before {
    content: "%";
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 7px;
    font-size: 14px;
}

.rightInputts {
    min-width: 50%;
    width: 50%;
}

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

    .subaccordion .accordion-item {
        border: 0 !important;
        border-bottom: solid 1px #ddd !important;
        margin-bottom: 0;
    }

    .subaccordion .accordion-button {
        background: #fff;
        padding: 10px 0;
        font-size: 14px;
    }

    .subaccordion .accordion-body {
        padding: 10px 0;
    }

.filterDetailsFull .accordion-body {
    background: #EBEBEB;
}

.fromtovalue .form-control {
    width: 100%;
}

.fromtovalue .position-relative {
    flex-grow: 1;
}

.subaccordion .accordion-body {
    background: #fff;
}

.csgdatadashboard-link {
    display: block;
    width: 100%;
    color: var(--blue);
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    border: solid 1px var(--blue);
    box-shadow: 0 6px 11px rgba(0, 0, 0, 0.11);
}

    .csgdatadashboard-link:hover {
        background: var(--blue);
        color: #fff;
    }

.filterBoxes {
    display: block;
    width: 100%;
    background: #F0F4F6;
}

    .filterBoxes.withoutlines {
        background: #fff;
        border: solid 1px #BCBCBC;
        box-shadow: 0 6px 11px rgba(0, 0, 0, 0.11);
    }

.rightFiltersbox .btn.btn-sm {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

    .rightFiltersbox .btn.btn-sm i {
        font-size: 12px;
        margin-right: 2px;
    }

.searchresultDetail {
    display: flex;
    width: 100%;
    border-top: solid 1px #D1D1D1;
}

.rightFiltersbox {
    border-left: solid 1px #D1D1D1;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    padding-left: 20px;
    padding-top: 20px;
}

.filterDetailsFull {
    padding-top: 20px;
    padding-right: 20px;
    flex-grow: 1;
}

.inpwithicon {
    position: relative;
}

    .inpwithicon i {
        position: absolute;
        z-index: 2;
        left: 10px;
        top: 8px;
        pointer-events: none;
        color: #777777;
        font-size: 14px;
    }

    .inpwithicon .form-control {
        padding-left: 30px;
    }

.result_searchPanel .form-control {
    width: 300px;
}





.productsingledetail .leadprogrames_thumb {
    border: solid 1px #D5DEE1;
    border-radius: 20px;
    min-height: 400px;
}

    .productsingledetail .leadprogrames_thumb img {
        width: auto;
        height: auto;
    }

.singleproductfulldetails .isNew {
    position: relative;
    top: -3px;
}

.productsingledetail .loginBlock {
    max-width: 800px;
}

.resultRightActions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

    .resultRightActions a {
        display: inline-block;
        background: #E1EBF2;
        border-radius: 60px;
        font-size: 14px;
        color: #000;
        padding: 7px 15px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }

        .resultRightActions a i {
            margin-right: 4px;
        }

        .resultRightActions a:hover {
            background: #000;
            color: #fff;
        }

@media screen and (min-width: 1500px) {
    .rightInputts {
        min-width: 400px;
        width: 400px;
    }

    .alltypefilterslist .checkbox {
        width: 33%;
    }

    .searchwithlabel .form-control {
        width: 400px !important;
    }
}

.tablelistIndicators div {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--grey);
}

    .tablelistIndicators div span {
        width: 18px;
        height: 18px;
        border-radius: 60px;
        display: inline-block;
    }

    .tablelistIndicators div label {
        margin-bottom: 0;
        padding-bottom: 0;
    }

.productaccessMenus {
    display: block;
    width: 100%;
    background: #EBEBEB;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 11;
}

    .productaccessMenus ul {
        display: inline-flex;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        white-space: nowrap;
    }

        .productaccessMenus ul li {
            display: inline-block;
        }

            .productaccessMenus ul li a {
                display: inline-block;
                line-height: 40px;
                padding: 0 20px;
                color: #000;
                font-size: 14px;
                border-top: solid 2px transparent;
            }

                .productaccessMenus ul li a i {
                    margin-right: 4px;
                    font-size: 16px;
                }

                .productaccessMenus ul li a:hover {
                    background: #ccc;
                }

                .productaccessMenus ul li a.active {
                    border-color: var(--darkblue);
                    color: var(--darkblue);
                    background: #fff;
                }


/*26-03-25*/

.recordheader {
    border-bottom: solid 2px var(--blue);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.contactDetailsbox {
}

.cdbRow {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    line-height: normal;
}

    .cdbRow label {
        color: #000;
        width: 205px;
        min-width: 205px;
        max-width: 205px;
        line-height: normal;
    }

    .cdbRow p {
        color: #777777;
        flex-grow: 1;
        line-height: normal;
    }

.printable_record_content .table .actionBtnss {
    font-size: 18px;
}

.printable_record_content .table .btn {
    font-size: 12px;
}

.twitterx {
    background: url(../images/square-x-twitter-brands.svg) center no-repeat;
    background-size: 16px;
}

.linkedinicon {
    color: #0077b5 !important;
}

.printable_record_content .table td {
    vertical-align: top;
}

.printable_record_content .table .actionBtnss {
    vertical-align: top;
}

.table td a.font-black {
    color: #000;
}

@media screen and (max-width: 991px) {
    .cdbRow {
        flex-wrap: wrap;
        margin-bottom: 12px !important;
    }

        .cdbRow label {
            min-width: 100%;
            max-width: 100%;
            width: 100%;
            padding-bottom: 6px !important;
        }
}

@media print {
    *{
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .hideinPrint {
        display: none !important;
    }

    .table-outerbox {
        overflow: visible !important;
    }

    .printable_record_content .table td {
        vertical-align: top;
    }

    .twitterx {
        background-size: 15px;
    }
}

@page {
    margin: 30px;
    size: auto;
}

ul.BulletList {
    display:block; width:100%; margin-top:10px;
}

    ul.BulletList li {
       display:block; width:100%; padding:6px 0; padding-left:18px; position:relative; font-size:14px;
    }
    ul.BulletList li:before{ content:""; width:6px; height:6px; background:#999; border-radius:10px; position:absolute; z-index:1; left:0; top:10px; }

.cursor-pointer {
    cursor: pointer;
}


.csg-containment-75 p{ font-size:14px !important; margin-bottom:10px; line-height:26px !important}
.csg-containment-75 span {
    margin-bottom: 10px;
    line-height: 26px !important;
    margin-bottom:20px !important;
}

.csg-containment-75 strong {
    display: inline-block;
}
.csg-containment-75 img {
    margin-bottom: 30px;
}
.fnt-35 {
    font-size: 35px;
    font-weight: 600;
}

.grey-txt {
    color: #767676;
}

.greenCard .newchangesBottom {
    background: #E7F8DF;
}

.blueCard .newchangesBottom {
    background: #DDE3FB;
}


.minWigthBtn{min-width:160px !important}


@media screen and (min-width:992px)
{
    .filterDetailsFull {
        max-width: calc(100% - 300px)
    }
}

.update-acnt-cont {
    background: #F9F9F9;
    padding: 30px;
    margin: 30px 0;
}
.password-btn-ui button {
    border-radius: 0px 5px 5px 0;
    border-color: #BBBBBB
}
.password-btn-ui .btn-outline-secondary:hover, .password-btn-ui .btn-outline-secondary:active {
    background: #fff!important;
    border-color: #BBBBBB
}

.noteonsticky{ z-index:3; top:0; left:0;}

.backtoprevpage {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: transparent;
    border: solid 1px #bbb;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.produl14 li {
    display: block;
    clear: both;
    width: 100%;
    line-height: normal;
    padding-left: 20px;
    position: relative;
    font-size: 14px !important;
    margin-bottom: 10px;
}

    .produl14 li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 14px;
        height: 14px;
        background: url("../images/arrow-right.png") no-repeat center center;
        background-size:cover;
    }
/*
#viz-client-container {
    width:100% !important;
}
*/
.tabScrollerContentWindow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.csg-2col-rightSM li {
    display: block;
    clear: both;
    width: 100%;
    line-height: normal;
    padding-left: 20px;
    position: relative;
    font-size: 14px !important;
    margin-bottom: 10px;
}

    .csg-2col-rightSM li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 14px;
        height: 14px;
        background: url("../images/arrow-right.png") no-repeat center center;
        background-size: cover;
    }

/** 12 - 05 - 2025 intro css **/
.introjs-tooltipReferenceLayer .introjs-tooltip {
    padding: 15px;
}

.introjs-tooltiptext h5 {
    font-size: 16px;
}

.introjs-tooltiptext ul {
    list-style: disc;
    margin-bottom: 10px;
    padding: 10px 0 0 20px;
}

    .introjs-tooltiptext ul li {
        list-style: disc;
        margin-bottom: 10px;
        font-size: 13px;
    }

.introjs-tooltipbuttons .introjs-button {
    padding: 7px 10px;
    background: #004AAD;
    color: #fff;
    border: 1px solid #004AAD;
    margin: 5px 0 0 5px;
    border-radius: 50px;
    text-shadow: none;
}

    .introjs-tooltipbuttons .introjs-button.introjs-skipbutton {
        padding: 7px 10px;
        color: #004AAD;
        background: #fff;
        border-radius: 50px;
        float: left;
        margin: 5px 0 0 0px;
    }

    .introjs-tooltipbuttons .introjs-button:hover, .introjs-tooltipbuttons .introjs-button:focus {
        background: #004AAD;
        color: #fff;
        border: 1px solid #004AAD;
    }

/* Dashboard Css */

.content-col {
    background: #FFFFFF;
    border: 1px solid #BCBCBC;
    box-shadow: 0px 6px 11px rgba(0, 0, 0, 0.11);
    padding: 15px;
}

.map-box {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px 20px 20px;
    align-items: center;
    gap: 30px;
}

    .map-box .map-legends {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .map-box .map-legends .legend-box {
            width: 100%;
            max-width: 316px;
            height: 120px;
            background: #F0F4F7;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding-left: 20px;
            padding-right: 20px;
        }

            .map-box .map-legends .legend-box h1 {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 600;
                font-size: 42px;
                line-height: 49px;
                color: #000000;
                margin-bottom: 10px;
            }

            .map-box .map-legends .legend-box span {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 600;
                font-size: 18px;
                line-height: 21px;
                text-align: center;
                color: #2F7FBE;
                white-space: nowrap;
            }

.tableHeight400 {
    max-height:400px;
    overflow-y:auto;
}
.gm-style-iw-d {
    padding-top:10px;
}
.gm-style-iw-chr {
    position:absolute;
    right:-10px;
    top:-10px;
}
.gm-style-iw-d strong {
    margin-bottom: 5px;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .map-box .map-legends .legend-box {
        width: 100%;
        max-width: 316px;
        height: auto;
        padding: 10px 20px;
    }

        .map-box .map-legends .legend-box h1 {
            font-size: 36px;
            line-height: 42px;
            margin-bottom: 10px;
        }

        .map-box .map-legends .legend-box span {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 18px;
        }
}

@media screen and (max-width: 767px) {

    .map-box {
        flex-direction: column;
        padding: 10px;
        gap: 30px;
    }

        .map-box .map-legends .legend-box {
            padding: 10px 20px;
        }
}
.industry-company table tr.active td {
    background-color: #eee;
}

.top-hightlight-row {
    text-align: center;
    padding: 10px;
    position: sticky;
    top: 0;
    color: #fff;
    font-size: 14px;
    background: #004aad;
    z-index:1000;
}
    .top-hightlight-row a {
        border-radius: 30px;
        border: solid 0px #fff;
        display: inline-block;
        padding:8px 12px;
        text-decoration: none;
        color: #fff;
        background: #2f7fbe
    }
#viewSearchCriteria {
    max-height: 170px;
    overflow: auto;
    width: 100%;
    display: block;
}
#viewSearchCriteria h6.SubHead {
    clear: both;
    vertical-align: middle;
    line-height: 22px;
    color: #2c2c2c;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
    border-bottom: solid 1px #333333;
}

.sampleButton {
    background-color: #266b95;
    padding: 7px 15px;
    color: #ffffff;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 500;
}
#data-table_searchResults td div{
    max-width:150px;
}

.leadinvoiceprogrames_thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-right: solid 1px #D5DEE1;
    height: 190px;
  
}

.leadinvoiceprogrames_thumb img {
    display: block;
    max-width: 100%;
    max-height: 80%;
    object-fit: contain;
}

@media screen and (max-width:767px)
{

    .leadinvoiceprogrames_thumb {
        border-right:0;
        border-bottom: solid 1px #D5DEE1;
    }
}