/*-*/
/*--///VARS*/
/*-*/

/*
--FOCOPDV-B2B-primary
--FOCOPDV-B2B-secondary
--FOCOPDV-B2B-text
--FOCOPDV-B2B-accent
*/

/*
PRIMARY
#244f7c

SECONDARY
#ffc448

TEXT
#555555

SILVER
#f8f8f8

ACCENT
#0099d1
*/

:root {
    --primary: #244f7c !important;

    --FOCOPDV-B2B-primary: #244f7c !important;
    --FOCOPDV-B2B-secondary: #ffc448 !important;
    --FOCOPDV-B2B-text: #555555 !important;
    --FOCOPDV-B2B-accent: #0099d1 !important;

    --FOCOPDV-B2B-rgba-24-primary: rgba(36, 79, 124, .24) !important;
    --FOCOPDV-B2B-rgba-64-primary: rgba(36, 79, 124, .64) !important;

    --FOCOPDV-B2B-rgba-24-secondary: rgba(255, 196, 72, .24) !important;
    --FOCOPDV-B2B-rgba-64-secondary: rgba(255, 196, 72, .64) !important;

    --FOCOPDV-B2B-primary-fill: #244f7c !important;
    --FOCOPDV-B2B-primary-rgb: 36, 79, 124;

    --FOCOPDV-B2B-secondary-fill: #ffc448 !important;
    --FOCOPDV-B2B-secondary-rgb: 255, 196, 72;
}

.flexCart button.btn i,
.flexFinish button.btn i,
.flexCancel button.btn i {
    margin-right: unset !important
}

/*-*/
/*--///SVGS*/
/*-*/

/*svg-image*/
svg[id^="svg-image"] {
    fill: var(--FOCOPDV-B2B-primary) !important
}
    svg[id^="svg-image"] > path:nth-child(even) {
        fill: var(--FOCOPDV-B2B-secondary) !important
    }

/*svg-discount*/
svg[id^="svg-discount"] {
    fill: var(--FOCOPDV-B2B-primary) !important
}
    svg[id^="svg-discount"] path:nth-child(even) {
        fill: var(--FOCOPDV-B2B-secondary) !important
    }

/*svg-industry*/
svg[id^="svg-industry"] > g > g > g:nth-child(1) > path {
    fill: var(--FOCOPDV-B2B-primary) !important
}
svg[id^="svg-industry"] > g > g > g:nth-child(2) > path {
    fill: var(--FOCOPDV-B2B-primary) !important
}
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > path:nth-child(1) {
    fill: var(--FOCOPDV-B2B-secondary) !important
    }
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > path:nth-child(2) {
    fill: var(--FOCOPDV-B2B-secondary) !important
    }
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > path:nth-child(3) {
    fill: var(--FOCOPDV-B2B-secondary) !important
    }
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > g {
        fill: var(--FOCOPDV-B2B-secondary) !important
    }
        svg[id^="svg-industry"] > g > g > g:nth-child(3) > g > path:nth-child(1) {
            fill: var(--FOCOPDV-B2B-primary) !important
        }
        svg[id^="svg-industry"] > g > g > g:nth-child(3) > g > path:nth-child(2) {
            fill: var(--FOCOPDV-B2B-primary) !important
        }
        svg[id^="svg-industry"] > g > g > g:nth-child(3) > g > path:nth-child(3) {
            fill: var(--FOCOPDV-B2B-primary) !important
        }
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > path:nth-child(4) {
    }
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > path:nth-child(5) {
        fill: var(--FOCOPDV-B2B-secondary) !important
    }
    svg[id^="svg-industry"] > g > g > g:nth-child(3) > path:nth-child(6) {
        fill: var(--FOCOPDV-B2B-primary) !important
    }

/*SHARED*/
/*  ---LAYOUT*/
/*  ------HEADER*/
header#header-part.header-part.active,
.nav-header {
    background-color: var(--FOCOPDV-B2B-secondary) !important
}
    header#header-part.header-part.active .navbar-link {
        color: var(--FOCOPDV-B2B-primary) !important
    }

header.header-part.active .navbar-link.active::before {
    background-color: var(--FOCOPDV-B2B-transparent) !important;
    border-color: var(--FOCOPDV-B2B-primary) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) var(--FOCOPDV-B2B-transparent) !important;
}
.header-logo img,
header#header-part.header-part .header-content > .header-media-group .header-logo img,
header#header-part.header-part .header-content > .header-media-group .header-logo img {
    max-width: unset !important;
    min-width: 180px !important
}
/*  ------HEADER, ORDER*/
header.header-part.header-part-order-smart.hide-mobile,
header.header-part.hide-mobile.hide-mobile-order {
    background-color: var(--FOCOPDV-B2B-primary)
}
    header.header-part.header-part-order-smart.hide-mobile .container-full .d-flex.justify-content-between.align-items-center .d-flex:nth-child(1) .flexLogo a.header-logo img {
        max-width: 210px !important;
        height: unset !important
    }
/*  ------FOOTER*/
footer#footer-part.footer-part div.footer-widget > a.footer-logo {
    background-color: var(--FOCOPDV-B2B-primary);
    padding: 18px 16px;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}
    footer#footer-part.footer-part div.footer-widget > a.footer-logo img {
        width: 180px !important;
        height: unset !important
    }
/*  ---ERROR*/

/*ACCOUNT*/
/*  ---LAYOUT*/
.account-title button, 
.account-title a {
    color: var(--FOCOPDV-B2B-white) !important;
    background: var(--FOCOPDV-B2B-text) !important
}
.cart-checkout-btn:hover {
    background: var(--FOCOPDV-B2B-text) !important
}
#slider.process .process-step:not(.active) .btn-circle.btn i, 
#slider.process .process-step:not(.active) button.btn-circle.btn i {
    color: var(--FOCOPDV-B2B-text) !important
}

/*  ------ALTERAR-SENHA*/
/*  ------LOGIN*/
/*  ------RECUPERAR-SENHA*/

/*CLIENTE*/
.text-bg-secondary {
    color: var(--FOCOPDV-B2B-dark) !important
}
.list-group-item.active {
    color: var(--FOCOPDV-B2B-white) !important;
    background-color: var(--FOCOPDV-B2B-primary) !important;
    border-color: var(--FOCOPDV-B2B-primary) !important
}
/*ERROR*/
/*HOME*/
/*  ------INDEX*/
section.home-classic-slider.slick-slider > i.icofont-arrow-left,
section.home-classic-slider.slick-slider > i.icofont-arrow-right {
    color: var(--FOCOPDV-B2B-primary) !important
}
    section.home-classic-slider.slick-slider > i.icofont-arrow-left:hover,
    section.home-classic-slider.slick-slider > i.icofont-arrow-right:hover {
        color: var(--FOCOPDV-B2B-primary) !important;
        background-color: var(--FOCOPDV-B2B-secondary) !important
    }

.product-card:hover .product-widget a,
.feature-card:hover .feature-widget a {
    color: var(--FOCOPDV-B2B-white) !important
}
    .product-card:hover .product-widget a:hover,
    .feature-card:hover .feature-widget a:hover {
        color: var(--FOCOPDV-B2B-primary) !important;
        background-color: var(--FOCOPDV-B2B-secondary) !important
    }
    .product-card:hover .product-name a:hover {
        color: var(--FOCOPDV-B2B-primary) !important
    }
.product-card:hover {
    border-color: var(--color-brand-grupofarma-blue);
    -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1)
}
.product-widget a {
    color: var(--white);
    background: var(--FOCOPDV-B2B-primary)
}

.btn-outline {
    color: var(--FOCOPDV-B2B-primary) !important;
    border-color: var(--FOCOPDV-B2B-primary) !important
}
    .btn-outline:hover {
    color: var(--FOCOPDV-B2B-white) !important;
        background-color: var(--FOCOPDV-B2B-primary) !important
    }
/*  ------SECTION*/
.brand-wrap.slick-slide.slick-active .brand-overlay > a > i {
    color: var(--FOCOPDV-B2B-secondary) !important;
}
    .brand-wrap.slick-slide.slick-active .brand-overlay > a:hover > i {
        color: var(--FOCOPDV-B2B-white) !important;
        background-color: var(--FOCOPDV-B2B-primary) !important
    }
section#section-ctaservices.intro-part .intro-wrap.box > .box-inner > .box-front > .intro-icon i {
    color: var(--FOCOPDV-B2B-primary) !important
}
    section#section-ctaservices.intro-part .intro-wrap.box > .box-inner > .box-back > .intro-icon i {
        color: var(--FOCOPDV-B2B-primary) !important;
        background: var(--FOCOPDV-B2B-secondary) !important
    }
    
section#section-ctaservices.intro-part .intro-wrap.box > .box-inner > .box-front > .intro-content h5 {
    color: var(--FOCOPDV-B2B-primary) !important
}
section#section-ctaservices.intro-part .intro-wrap.box > .box-inner > .box-front > .intro-content p {
    color: var(--FOCOPDV-B2B-heading) !important
}
/*  ------SOBRE*/
/*  ------CONTATO*/

/*CLIENTE*/
/*  ------OFERTA*/
#divPedidoInteligente.col.divOfertas .standard-image img {
	width: 128px !important;
}
header.header-part.hide-mobile .container-full .d-flex.justify-content-between.align-items-center .d-flex:nth-child(1) .flexLogo a.header-logo img {
    
}

/*-*/
/*--///@media */
/*-*/
@media (max-width: 1365px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}