@charset "UTF-8";

/*!
 * CoreUI Pro - Dashboard UI Kit
 * @version v2.0.6
 * @link https://coreui.io/pro/
 * Copyright (c) 2018 creativeLabs Łukasz Holeczek
 */

@font-face {
    font-family: 'summernote-icons';
    src: url('fontface/icone_pin/summernote-icons.eot?kksjna');
    src: url('fontface/icone_pin/summernote-icons.eot?kksjna#iefix') format('embedded-opentype'), url('fontface/icone_pin/summernote-icons.ttf?kksjna') format('truetype'), url('fontface/icone_pin/summernote-icons.woff?kksjna') format('woff'), url('fontface/icone_pin/summernote-icons.svg?kksjna#summernote-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class*=" note-icon"]:before,
[class^=note-icon]:before {
    display: inline-block;
    font-family: summernote-icons;
    font-style: normal;
    font-size: 1.2rem !important;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}


/*-- icones --*/

.note-icon-align:before {
    content: "\ea01"
}

.note-icon-align-center:before {
    content: "\e900"
}

.note-icon-align-indent:before {
    content: "\e90b"
}

.note-icon-align-justify:before {
    content: "\e90c"
}

.note-icon-align-left:before {
    content: "\e901"
}

.note-icon-align-outdent:before {
    content: "\e910"
}

.note-icon-align-right:before {
    content: "\e902"
}

.note-icon-arrow-circle-down:before {
    content: "\ea08"
}

.note-icon-arrow-circle-left:before {
    content: "\ea09"
}

.note-icon-arrow-circle-right:before {
    content: "\ea0a"
}

.note-icon-arrow-circle-up:before {
    content: "\ea0b"
}

.note-icon-arrows-alt:before {
    content: "\e908"
}

.note-icon-arrows-h:before {
    content: "\ea0d"
}

.note-icon-arrows-v:before {
    content: "\ea0e"
}

.note-icon-bold:before {
    content: "\e904"
}

.note-icon-caret:before {
    content: "\ea10"
}

.note-icon-chain-broken:before {
    content: "\ea11"
}

.note-icon-circle:before {
    content: "\ea12"
}

.note-icon-close:before {
    content: "\ea13"
}

.note-icon-code:before {
    content: "\e906"
}

.note-icon-col-after:before {
    content: "\ea15"
}

.note-icon-col-before:before {
    content: "\ea16"
}

.note-icon-col-remove:before {
    content: "\ea17"
}

.note-icon-eraser:before {
    content: "\e907"
}

.note-icon-float-left:before {
    content: "\ea19"
}

.note-icon-float-none:before {
    content: "\ea1a"
}

.note-icon-float-right:before {
    content: "\ea1b"
}

.note-icon-font:before {
    content: "\e903"
}

.note-icon-frame:before {
    content: "\ea1d"
}

.note-icon-italic:before {
    content: "\ea1e"
}

.note-icon-link:before {
    content: "\e90d"
}

.note-icon-magic:before {
    content: "\e916"
}

.note-icon-menu-check:before {
    content: "\ea21"
}

.note-icon-minus:before {
    content: "\e909"
}

.note-icon-orderedlist:before {
    content: "\e90e"
}

.note-icon-print:before {
    content: "\e913"
}

.note-icon-exportpdf:before {
    content: "\e911"
}

.note-icon-pencil:before {
    content: "\e912"
}

.note-icon-picture:before {
    content: "\e90a"
}

.note-icon-question:before {
    content: "\ea26"
}

.note-icon-redo:before {
    content: "\e914"
}

.note-icon-rollback:before {
    content: "\ea28"
}

.note-icon-row-above:before {
    content: "\ea29"
}

.note-icon-row-below:before {
    content: "\ea2a"
}

.note-icon-row-remove:before {
    content: "\ea2b"
}

.note-icon-special-character:before {
    content: "\ea2c"
}

.note-icon-square:before {
    content: "\ea2d"
}

.note-icon-strikethrough:before {
    content: "\ea2e"
}

.note-icon-subscript:before {
    content: "\ea2f"
}

.note-icon-summernote:before {
    content: "\ea30"
}

.note-icon-superscript:before {
    content: "\ea31"
}

.note-icon-table:before {
    content: "\e917"
}

.note-icon-text-height:before {
    content: "\ea33"
}

.note-icon-trash:before {
    content: "\ea34"
}

.note-icon-underline:before {
    content: "\e918"
}

.note-icon-undo:before {
    content: "\e919"
}

.note-icon-unorderedlist:before {
    content: "\e90f"
}

.note-icon-video:before {
    content: "\e91b"
}

.dimensoes {
    width: calc(14.6cm * 15cm * 21.8cm);
}


/**
    input type radio/checkbox com aparência on/off
 */

.switch {
    display: inline-block;
    width: 40px;
    height: 26px;
}

.switch-input {
    display: none;
}

.switch-slider {
    position: relative;
    display: block;
    height: inherit;
    cursor: pointer;
    transition: .15s ease-out;
    border-radius: 0.25rem;
}

.switch-slider::before {
    position: absolute;
    top: 2px;
    left: 2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    content: "";
    transition: .15s ease-out;
    border-radius: 0.125rem;
}

.switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
}

.switch-input:disabled~.switch-slider {
    cursor: not-allowed;
    opacity: .5;
}

.switch-lg {
    width: 48px;
    height: 30px;
}

.switch-lg .switch-slider {
    font-size: 12px;
}

.switch-lg .switch-slider::before {
    width: 24px;
    height: 24px;
}

.switch-lg .switch-slider::after {
    font-size: 12px;
}

.switch-lg .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}

.switch-sm {
    width: 32px;
    height: 22px;
}

.switch-sm .switch-slider {
    font-size: 8px;
}

.switch-sm .switch-slider::before {
    width: 16px;
    height: 16px;
}

.switch-sm .switch-slider::after {
    font-size: 8px;
}

.switch-sm .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.switch-label {
    width: 48px;
}

.switch-label .switch-slider::before {
    z-index: 2;
}

.switch-label .switch-slider::after {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    width: 50%;
    margin-top: -.5em;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    content: attr(data-unchecked);
    transition: inherit;
}

.switch-label .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(22px);
    transform: translateX(22px);
}

.switch-label .switch-input:checked~.switch-slider::after {
    left: 1px;
    color: #fcfcfc;
    content: attr(data-checked);
}

.switch-label.switch-lg {
    width: 56px;
    height: 30px;
}

.switch-label.switch-lg .switch-slider {
    font-size: 12px;
}

.switch-label.switch-lg .switch-slider::before {
    width: 24px;
    height: 24px;
}

.switch-label.switch-lg .switch-slider::after {
    font-size: 12px;
}

.switch-label.switch-lg .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}

.switch-label.switch-sm {
    width: 40px;
    height: 22px;
}

.switch-label.switch-sm .switch-slider {
    font-size: 8px;
}

.switch-label.switch-sm .switch-slider::before {
    width: 16px;
    height: 16px;
}

.switch-label.switch-sm .switch-slider::after {
    font-size: 8px;
}

.switch-label.switch-sm .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}

.switch-3d .switch-slider::before {
    top: -1px;
    left: -1px;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.switch-3d.switch-lg {
    width: 48px;
    height: 30px;
}

.switch-3d.switch-lg .switch-slider::before {
    width: 30px;
    height: 30px;
}

.switch-3d.switch-lg .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
}

.switch-3d.switch-sm {
    width: 32px;
    height: 22px;
}

.switch-3d.switch-sm .switch-slider::before {
    width: 22px;
    height: 22px;
}

.switch-3d.switch-sm .switch-input:checked~.switch-slider::before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.switch-pill .switch-slider {
    border-radius: 50em;
}

.switch-pill .switch-slider::before {
    border-radius: 50em;
}


/**
 fim input checkbox/radio aparência on/off
 */

.loader {
    margin: 60px auto;
    font-size: 12px;
    position: fixed;
    width: 1em;
    height: 1em;
    display: none;
    opacity: 1 !important;
    border-radius: 50%;
    left: 50%;
    top: 40%;
    z-index: 9999;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.loaderBase {
    margin: 60px auto;
    font-size: 12px;
    position: fixed;
    width: 1em;
    height: 1em;
    display: block;
    opacity: 1 !important;
    border-radius: 50%;
    left: 50%;
    top: 40%;
    z-index: 9999;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

html {
    font-family: 'Depot', sans-serif;
    font-weight: 400;
    line-height: normal;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
}

body {
    font-family: 'Depot', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;

}
.btn-azul-independente{
    background-color: white;
    border: 1px solid var(--azul-independente);
}

.btn-shadow-independente{
    background-color: white;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.btn {
    font-size: 0.875rem;
}

b {
    font-weight: bold !important;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

h4.h4-values {
    margin: 10px 0 !important;
    font-weight: 900;
}

h6.title-cover-feed {
    position: relative;
    top: 60%;
}

p {
    margin: 0;
    padding: 0;
}

.no-space {
    margin: 0;
    padding: 0;
    line-height: normal;
}

p.infos-weather {
    line-height: 1.1em;
}

p.big-title {
    font-size: 280%;
}

p.big-phrase,
span.big-phrase {
    font-size: 140%;
}

p.destaque,
span.destaque {
    font-size: 200%;
}

.text-gray {
    color: #666 !important;
}

dt {
    font-family: 'MontSerrat-Black', sans-serif;
    font-weight: normal;
}

dfn {
    font-style: italic;
}

.even-smaller {
    font-size: 70%;
}

a {
    -webkit-text-decoration-skip: objects;
}

a:hover {
    text-decoration: none;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-weight: 400;
}

pre {
    -ms-overflow-style: scrollbar;
}

thead.thead-dark th:last-child {
    border-right: 0;
}

label {
    display: inline-block;
    margin-bottom: 0;
}

textarea,
input[type="text"] {
    padding: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.2;
    font-weight: normal;
}

h1,
.h1 {
    font-size: 2.1875rem;
    font-weight: 900;
}

h2,
.h2 {
    font-size: 1.75rem;
}

h2.rede-titulo {
    font-size: 5vmin !important;
}

h3,
.h3 {
    font-size: 1.53125rem;
}

h4,
.h4 {
    font-size: 1.3125rem;
}

h5,
.h5 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.7rem;
}

h6,
.h6 {
    font-size: 0.95rem;
}

small,
.small {
    font-size: 85%;
    line-height: 120%;
    font-weight: normal;
}

.blockquote {
    font-size: 1.09375rem;
}

div .img-fluid>p>img {
    max-width: 100%;
    height: auto;
}

@media(max-width: 722px){
    .contain_item::after {
        content: attr(data-content);
        position: absolute;
        right: 157px;
        color: var(--azul-independente);
        top: -12px;
        font-size: 14px;
        padding: 3px;
        background: white;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        border: 0.5px solid var(--azul-independente);
    }
}

.endereco_lojas{
    background-color: var(--azul-independente);
    color: white;
    border-radius: 15px;
}

.contain_item::after {
    content: attr(data-content);
    position: absolute;
    right: 31px;
    color: var(--azul-independente);
    top: 10px;
    font-size: 14px;
    padding: 3px;
    background: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 0.5px solid var(--azul-independente);
}

.container-no-space {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xl-auto {
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

@media (min-width: 1600px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xxl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xxl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xxl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-xxl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xxl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xxl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}

.form-control {
    font-size: 0.95rem;
    font-weight: normal;
}

.col-form-label-lg {
    font-size: 1.09375rem;
}

.col-form-label-sm {
    font-size: 0.765625rem;
}

.form-control-sm {
    font-size: 0.765625rem;
}

.form-control-lg {
    font-size: 1.09375rem;
}

.form-group {
    margin-bottom: 0;
}

.valid-tooltip {
    font-size: 0.765625rem;
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
    display: block;
}

.invalid-tooltip {
    font-size: 0.765625rem;
}

.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
    display: block;
}

.btn-arrows {
    padding: 0.3rem 0.75rem 0.4rem !important;
    margin-top: 1px;
}

.btn-lg,
.btn-group-lg>.btn {
    font-size: 1.09375rem;
}

.btn-sm,
.btn-group-sm>.btn {
    font-size: 0.765625rem;
}

.dropdown-toggle::after {
    width: 0;
    height: 0;
}

.dropdown-menu {
    min-width: 20rem;
    padding: 0;
    margin: 0;
    font-size: 0.95rem;
    background-clip: border-box;
}

.dropdown-menu2 {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 20rem;
    padding: 0;
    margin: 0;
    font-size: 0.95rem;
    text-align: left;
    list-style: none;
    border-radius: 0.25rem;
}

.dropup .dropdown-toggle::after {
    width: 0;
    height: 0;
}

.dropright .dropdown-toggle::after {
    width: 0;
    height: 0;
}

.dropleft .dropdown-toggle::after {
    width: 0;
    height: 0;
}

.dropleft .dropdown-toggle::before {
    width: 0;
    height: 0;
}

.dropdown-menu.show {
    z-index: 12
}

.dropdown-header {
    padding: 0 1.5rem;
    font-size: 0.765625rem;
}

.dropdown-notificacoes {
    min-width: 40rem;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    font-size: 1.09375rem;
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    font-size: 0.765625rem;
}

.custom-control {
    min-height: 1.3125rem;
}

.list-group-circle {
    list-style-type: circle;
}

.custom-select-sm {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-select-lg {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 125%;
}

.custom-file {
    cursor: pointer;
}

.custom-file-input {
    display: none;
    cursor: pointer;
}

.custom-file-label {
    cursor: pointer !important;
}

.custom-file-label::after {
    height: 2.0625rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    font-weight: 900;
}

.tab-content>.tab-pane {
    padding: 10px;
}

.card,
.card2 {
    margin: 10px 0;
    padding: 3px;
}

.card {
    border-radius: 10px;
    /* box-shadow: 0 0 13px -2px rgba(207, 207, 207, 0.69) !important; */
}

.card2 {
    border-radius: 4px;
}

.card-body {
    padding: 12px;
}

.card-header {
    padding: 5px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 115%;
    vertical-align: middle;
}

.card-header img {
    vertical-align: middle;
}

.breadcrumb {
    margin-bottom: 1.5rem;
    border-radius: 0;
}

.comboboxes-dashboards {
    margin-top: 160px !important;
}

.comboboxes-dashboards-sem-banner {
    margin-top: 60px !important;
}

.page-link:focus {
    z-index: 2;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: default;
}

.page-item.active .page-link {
    z-index: 1;
}

.page-item.disabled .page-link {
    cursor: auto;
}

.pagination-lg .page-link {
    font-size: 1.09375rem;
}

.pagination-sm .page-link {
    font-size: 0.765625rem;
}

.badge {
    padding: 4px 7px 3px;
    font-size: 70%;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 0;
    border-radius: 0.70rem;
    cursor: pointer;
}

.badge-red,
.badge-yellow,
.badge-green,
.badge-purple,
.badge-orange,
.badge-blue {
    margin-bottom: 3px;
}

.alert {
    padding: 0.3rem 1.25rem;
}

.alert-link {
    font-weight: 900;
}

.progress {
    font-size: 0.65625rem;
}

.list-group {
    list-style: none;
}

.list-group-item-action {
    vertical-align: middle;
    font-size: 1rem;
    cursor: pointer;
}

.list-group-item2-action:active {
    font-weight: 900;
}

.list-group-item {
    margin-bottom: -1px;
}

.list-group-item2 {
    position: relative;
    display: block;
    padding: 3px 0 3px 5px;
    cursor: pointer;
}

.list-group-item2:hover {
    border-radius: 2px;
}

.list-group-item2 a {
    color: var(--texto);
}

.list-group-item2 a:hover {
    text-decoration: none;
}

.list-group-groups {
    margin-top: 41px;
    height: 220px;
    overflow-y: scroll;
    scrollbar-width: none;
    border-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
}

.list-group-item:hover,
.list-group-item:focus {
    z-index: 1;
    text-decoration: none;
}

.close {
    font-size: 1.3125rem;
    font-weight: bold;
}

.close:not(:disabled):not(.disabled) {
    pointer-events: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    text-decoration: none;
    opacity: .75;
    cursor: default;
    pointer-events: none;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (15rem * 2));
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (15rem * 2));
    content: "";
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    padding: 0.75rem;
}

.modal-title {
    font-weight: 600;
    font-size: 1.2rem;
}

.modal-body {
    justify-content: flex-end;
}

.modal-padrao-cadastros-modal {
    padding: 0 !important;
}

.modalBackDropEditavel {
    max-height: 0;
}

div.modal-padrao-cadastros-modal>div.modal-dialog>div.modal-content>div.modal-body {
    height: auto !important;
    max-height: 100% !important;
    overflow: auto !important;
}

div.modal-sem-scroll.modal,
div.modal-sem-scroll.modal>div,
div.modal-sem-scroll.modal>div>div {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

div.modal-padrao-cadastros-modal>div.modal-dialog {
    height: calc(100% - (0.8rem * 2));
    transition: all 0.2s !important;
}

div.modal-padrao-cadastros-modal>div.modal-dialog>div.modal-content {
    max-height: calc(100% - (0.8rem * 2));
}

.modal-letras{
    font-size: 25px !important;
}

@media (max-width: 768px) {
    .modal-inicial{
        background-image: url('../img/logos_e_banners/popup-mobile.webp');
        background-repeat:no-repeat;
        height: 20%;
        width: 101.2%!important;
        padding: 0px;
        margin-top: -3px;
        margin-right: 0px;
        margin-left: -4px;
        
    }

    .modal-inicial-mobile{
        flex-wrap: wrap;
        margin-right:-5px
    }

    .modal-mobile{
        height: 80%;

    }

    .modal-initial{
        margin-bottom: 2px !important;
        

    }

    .modal-letras{
        font-size: 13px !important;
    }

   
    .modal-content-initial{
        height: 462px !important;
        width: 345px !important;
        border-radius: 9px !important;
    }
    .selecionar-inicial-modal{
        margin-left: 8px;
        border-bottom: 9px !important;
        border-bottom-right-radius: 6px !important;
    }
    .inicial-modal{
        padding-left: 0.6rem!important;
        width: 98%;
        }
    
}


@media (min-width: 768px) {
    w-sm-100 {
        min-width: 100% !important;
    }

    .modal-inicial{
        background-image: url('../img/logos_e_banners/fundo-modal.webp');
        background-repeat:no-repeat;
    }

    .inicial-modal{
        width: 93%;
    }
    .modal-dialog {
        max-width: 877px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (5rem * 2));
    }

    .modal-dialog-centered::before {
        height: calc(100vh - (5rem * 2));
    }

    .modal-sm {
        max-width: 300px;
    }

    .modal-md {
        max-width: 550px;
    }

    .modal-content-initial{
        height: 434px !important;
        width: 877px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }

    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    font-weight: 400;
    font-size: 0.765625rem;
}

.tooltip.show {
    opacity: 0.9;
}

.popover {
    z-index: 100;
    font-weight: 400;
    font-size: 0.765625rem;
}

.border-left-3-gray {
    padding-left: 8px;
}

.rounded-circle {
    border-radius: 50% !important;
    overflow: hidden;
}

.w-20px {
    width: 20px;
}

.w-30px {
    width: 30px;
    text-align: center;
}

.w-30px img {
    width: 30px;
    object-fit: contain;
}

.w-40px {
    width: 40px;
    text-align: center;
}

.w-40px img {
    width: 40px;
}

.w-60px {
    min-width: 60px !important;
    width: 60px !important;
    text-align: center;
}

.w-60px img {
    width: 60px;
}

.h-30px {
    height: 30px !important;
}

.h-60px {
    height: 60px !important;
}

.minw-100px {
    min-width: 100px;
}

.mw-450px {
    width: 100%;
    max-width: 450px;
}

.mw-300px {
    width: 100%;
    max-width: 300px;
}

.mw-250px {
    width: 100%;
    max-width: 250px;
}

.minw-150px {
    min-width: 150px;
}

.mw-200px {
    width: 100%;
    max-width: 200px;
}

.mw-100px {
    width: 100%;
    max-width: 100px;
}

.mw-150px {
    width: 100%;
    max-width: 150px;
}

.mh-250px {
    max-height: 250px;
}

.mh-300px {
    max-height: 300px;
}

.mh-80px {
    max-height: 80px;
}

.h-10vh {
    height: 10vh;
}

.h-15vh {
    height: 15vh;
}

.h-20vh {
    height: 20vh;
}

.h-25vh {
    height: 25vh;
}

.h-30vh {
    height: 30vh;
}

.h-35vh {
    height: 35vh;
}

.h-40vh {
    height: 400px;
}

.h-20px {
    height: 20px;
}

.h-30px {
    height: 30px;
}

.h-30px img {
    min-width: 30px;
}

.h-40px {
    height: 40px;
}

.h-40px img {
    min-width: 40px;
}

.h-55px {
    height: 55px;
}

.h-90 {
    height: 90%;
}

img.round-20px {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 50%;
}

.overflow-auto {
    overflow: scroll;
    overflow-x: hidden;
}

.font-weight-normal {
    font-weight: 400;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-semibold {
    font-weight: 600;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-extrabold {
    font-weight: 800;
}

.font-weight-black {
    font-weight: 900;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.ps {
    overflow: hidden !important;
    -ms-touch-action: auto;
    touch-action: auto;
    -ms-overflow-style: none;
    overflow-anchor: none;
}

.ps__rail-x {
    position: absolute;
    bottom: 0;
    display: none;
    height: 15px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps__rail-y {
    position: absolute;
    right: 0;
    display: none;
    width: 15px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
    opacity: .6;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
    opacity: .9;
}


/*
 * Scrollbar thumb styles
 */

.ps__thumb-x {
    position: absolute;
    bottom: 2px;
    height: 6px;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
}

.ps__thumb-y {
    position: absolute;
    right: 2px;
    width: 6px;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x {
    height: 11px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y {
    width: 11px;
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.avatar {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
}

.avatar .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50em;
}

.avatar>img {
    vertical-align: initial;
}

.avatar-lg {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 72px;
}

.avatar-lg .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50em;
}

.avatar-sm {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.avatar-sm .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50em;
}

.avatar-xs {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.avatar-xs .avatar-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50em;
}

.avatars-stack .avatar {
    margin-right: -18px;
    transition: margin-right 0.25s;
}

.avatars-stack .avatar:hover {
    margin-right: 0;
}

.avatars-stack .avatar-lg {
    margin-right: -36px;
}

.avatars-stack .avatar-sm {
    margin-right: -12px;
}

.avatars-stack .avatar-xs {
    margin-right: -10px;
}

.badge-pill {
    border-radius: 10rem;
}

.brand-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    background-color: #fcfcfc;
    background-clip: border-box;
    border-radius: 0.25rem;
}

.brand-card-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 6rem;
    border-radius: 0.25rem 0.25rem 0 0;
}

.brand-card-header i {
    font-size: 2rem;
    color: #fcfcfc;
}

.brand-card-header .chart-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.brand-card-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.75rem 0;
    text-align: center;
}

.brand-card-body>* {
    -ms-flex: 1;
    flex: 1;
    padding: 0.1875rem 0;
}

*[dir="rtl"] .brand-card-body>*:not(:last-child) {
    border-right: 0;
}

.btn-brand {
    border: 0;
}

.btn-brand i {
    display: inline-block;
    width: 2.0625rem;
    margin: -0.375rem -0.75rem;
    line-height: 2.0625rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
}

.btn-brand i+span {
    margin-left: 1.5rem;
}

.btn-brand.btn-lg i,
.btn-group-lg>.btn-brand.btn i {
    width: 2.640625rem;
    margin: -0.5rem -1rem;
    line-height: 2.640625rem;
    border-radius: 0.3rem;
}

.btn-brand.btn-lg i+span,
.btn-group-lg>.btn-brand.btn i+span {
    margin-left: 2rem;
}

.btn-brand.btn-sm i,
.btn-group-sm>.btn-brand.btn i {
    width: 1.648438rem;
    margin: -0.25rem -0.5rem;
    line-height: 1.648438rem;
    border-radius: 0.2rem;
}

.btn-brand.btn-sm i+span,
.btn-group-sm>.btn-brand.btn i+span {
    margin-left: 1rem;
}

.btn-brand.btn-square i {
    border-radius: 0;
}

button {
    cursor: pointer;
}

.btn [class^="icon-"],
.btn [class*=" icon-"] {
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
}

.btn-pill {
    border-radius: 50em;
}

.btn-square {
    border-radius: 0;
}

.callout,
.callout-blue {
    position: relative;
}

.callout .chart-wrapper,
.callout-blue .chart-wrapper {
    position: absolute;
    top: 10px;
    left: 50%;
    float: right;
    width: 50%;
}

.callout-bordered {
    border-left-width: 4px;
}

.callout code,
.callout-blue code {
    border-radius: 0.25rem;
}

.callout h4,
.callout-blue h4 {
    margin-top: 0;
    margin-bottom: .25rem;
}

.callout p:last-child,
.callout-blue p:last-child {
    margin-bottom: 0;
}

.callout+.callout {
    margin-top: -0.25rem;
}

*[dir="rtl"] .callout {
    border-left: 0;
}

*[dir="rtl"] .callout .chart-wrapper {
    left: 0;
    float: left;
}

div.fullscreen.modal-dialog>div {
    height: 100% !important;
    max-height: 100% !important;
    border-radius: 0;
}

.modal-padrao-cadastros-modal {
    padding: 0 !important;
}

.modalBackDropEditavel {
    max-height: 0;
}
@media (min-width: 576px) {

}



div.modal-padrao-cadastros-modal>div.modal-dialog>div.modal-content>div.modal-body {
    height: auto !important;
    max-height: 100% !important;
    overflow: auto !important;
}

div.modal-sem-scroll.modal,
div.modal-sem-scroll.modal>div,
div.modal-sem-scroll.modal>div>div {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

div.modal-padrao-cadastros-modal>div.modal-dialog {
    height: calc(100% - (0.8rem * 2));
    transition: all 0.2s !important;
}

div.modal-padrao-cadastros-modal>div.modal-dialog>div.modal-content {
    max-height: calc(100% - (0.8rem * 2));
}

.conteudo_scrollable {
    max-height: calc(100vh - (0.8rem * 24));
    min-height: calc(100vh - (0.8rem * 24));
    overflow-y: scroll;
    overflow-x: hidden;
}

.card-full {
    margin-top: -1rem;
    margin-right: -15px;
    margin-left: -15px;
    border: 0;
}

.row.row-equal {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-right: -15px;
    margin-left: -15px;
}

.row.row-equal [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

ul.no-last-border:last-child {
    border-bottom: none !important;
}

.bg-foto-sobre-nissei {
    background: url('../img/logos_e_banners/foto-nissei.png') no-repeat center center;
    background-size: cover;
}

ul.torii-marker {
    list-style: none;
    padding-left: 0;
}

ul.torii-marker li {
    position: relative;
    padding-left: 0;
    text-indent: 1.5em;
}

ul.torii-marker li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    background: transparent url('../img/icons/icon_torii-border.svg') no-repeat left center;
    background-size: 12px;
}

.indique-san {
    width: 100%;
    background: transparent url('../img/outros/foto-indique-san.png') no-repeat center top;
    background-size: cover;
}

.input-group-prepend,
.input-group-append {
    white-space: nowrap;
    vertical-align: middle;
}

.avatar>img,
.img-circle {
    max-width: 100%;
    height: auto;
    border-radius: 50em;
}

.nav-tabs .nav-link:hover {
    cursor: pointer;
}

.tab-content {
    margin-top: -1px;
    border-radius: 4px;
}

.tab-content>.tab-pane {
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.tab-content>.active {
    height: auto;
    /* overflow: auto; */
    visibility: visible;
}

.card-block .tab-content {
    margin-top: 0;
    border: 0;
}

.nav-fill .nav-link+.nav-link {
    margin-left: -1px;
}

.nav-fill .nav-link.active {
    margin-top: -1px;
}

*[dir="rtl"] .nav {
    padding-right: 0;
}

.progress-xs {
    height: 3px;
}

.progress-sm {
    height: 8px;
}

.progress-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 1rem;
}

.progress-group-prepend {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    -ms-flex-item-align: center;
    align-self: center;
}

.progress-group-icon {
    margin: 0 1rem 0 0.25rem;
    font-size: 1.09375rem;
}

.progress-group-text {
    font-size: 0.765625rem;
    color: #73818f;
}

.progress-group-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0.25rem;
}

.progress-group-bars {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
}

.progress-group-bars .progress:not(:last-child) {
    margin-bottom: 2px;
}

.progress-group-header+.progress-group-bars {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media (max-width: 991.98px) {
    .w-md-100 {
        width: 100% !important;
    }
}

hr.transparent {
    border-top: 1px solid transparent;
}

.bg-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}

.b-a-0 {
    border: 0 !important;
}

.b-t-0 {
    border-top: 0 !important;
}

.b-r-0 {
    border-right: 0 !important;
}

.b-b-0 {
    border-bottom: 0 !important;
}

.b-l-0 {
    border-left: 0 !important;
}

.b-a-1 {
    border: 1px solid #c8ced3;
}

.b-t-1 {
    border-top: 1px solid #c8ced3;
}

.b-r-1 {
    border-right: 1px solid #c8ced3;
}

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

.b-l-1 {
    border-left: 1px solid #c8ced3;
}

.b-a-2 {
    border: 2px solid #c8ced3;
}

.b-t-2 {
    border-top: 2px solid #c8ced3;
}

.b-r-2 {
    border-right: 2px solid #c8ced3;
}

.b-b-2 {
    border-bottom: 2px solid #c8ced3;
}

.b-l-2 {
    border-left: 2px solid #c8ced3;
}

@media (max-width: 575.98px) {
    .d-down-none {
        display: none !important;
    }
}

.mw-767-d-block {
    display: inline-block;
}

@media (max-width: 767.98px) {
    .d-sm-down-none {
        display: none !important;
    }

    .mw-767-d-block {
        display: block;
        margin-bottom: 7px;
    }
}

@media (max-width: 991.98px) {
    .d-md-down-none {
        display: none !important;
    }
}

@media (max-width: 1199.98px) {
    .d-lg-down-none {
        display: none !important;
    }

    .btn-arrows {
        margin-top: 0px;
    }
}

.d-xl-down-none {
    display: none !important;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.font-xxs {
    font-size: .60rem !important;
}

.font-xs {
    font-size: .75rem !important;
}

.font-sm {
    font-size: .85rem !important;
}

.font-lg {
    font-size: 1rem !important;
}

.font-xl {
    font-size: 1rem !important;
}

.font-1xl {
    font-size: 1.3rem !important;
}

.font-2xl-inner-maior {
    font-size: 1.25rem !important;
}

.font-2xl-inner-maior .font-xl {
    font-size: 1.75rem !important;
}

.font-2xl-inner-maior .font-2xl {
    font-size: 2.25rem !important;
}

.font-2xl-inner-maior .font-3xl {
    font-size: 2.5rem !important;
}

.font-xl-inner-maior {
    font-size: 1rem !important;
}

.font-xl-inner-maior .font-xl {
    font-size: 1.25rem !important;
}

.font-xl-inner-maior .font-2xl {
    font-size: 1.75rem !important;
}

.font-xl-inner-maior .font-3xl {
    font-size: 2.25rem !important;
}

.font-2xl {
    font-size: 1.5rem !important;
}

.font-3xl {
    font-size: 1.75rem !important;
}

.font-4xl {
    font-size: 2rem !important;
}

.font-5xl {
    font-size: 2.8rem !important;
}

.font-6xl {
    font-size: 3.5rem !important;
}

.font-7xl {
    font-size: 4rem !important;
}

.font-05rem {
    font-size: .65rem !important;
}

.font-08rem {
    font-size: .8rem !important;
}

.font-1rem {
    font-size: .85rem !important;
}

.font-2rem {
    font-size: .85rem !important;
}


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .bloco-pedido {
        padding: 10px;
        border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
    

    .font-05rem {
        font-size: .45rem !important;
    }

    .font-08rem {
        font-size: .8rem !important;
    }

    .font-1rem {
        font-size: .85rem !important;
    }

    .font-2rem {
        font-size: .85rem !important;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .w-md-50 {
        width: 50%;
    }

    .w-md-75 {
        width: 75%;
    }

    .font-05rem {
        font-size: .45rem !important;
    }

    .font-08rem {
        font-size: .8rem !important;
    }

    .font-1rem {
        font-size: .85rem !important;
    }

    .font-2rem {
        font-size: 1rem !important;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .font-05rem {
        font-size: .55rem !important;
    }

    .font-08rem {
        font-size: .8rem !important;
    }

    .font-1rem {
        font-size: 1rem !important;
    }

    .font-2rem {
        font-size: 1.25rem !important;
    }
}


/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    .font-05rem {
        font-size: .65rem !important;
    }

    .font-08rem {
        font-size: .8rem !important;
    }

    .font-1rem {
        font-size: 1rem !important;
    }

    .font-2rem {
        font-size: 1.25rem !important;
    }
}

.text-value {
    font-size: 1.5em;
    font-weight: 800;
    margin-bottom: 10px;
}

.text-value-sm {
    font-size: 1.09375rem;
    font-weight: 600;
}

.text-value-lg {
    font-size: 1.53125rem;
    font-weight: 600;
}

.email-app {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fcfcfc;
    border: 1px solid #c8ced3;
}

.email-app nav {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    padding: 1rem;
    border-right: 1px solid #c8ced3;
}

.email-app nav .btn-block {
    margin-bottom: 15px;
}

.email-app nav .nav {
    -ms-flex-direction: column;
    flex-direction: column;
}

.email-app nav .nav-item {
    position: relative;
}

.email-app nav .nav-link {
    color: #23282c;
    border-bottom: 1px solid #c8ced3;
}

.email-app nav .nav-link i {
    width: 20px;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-align: center;
}

.email-app nav .nav-link .badge {
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}

.email-app main {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 1rem;
}

.email-app .inbox .toolbar {
    padding-bottom: 1rem;
    border-bottom: 1px solid #c8ced3;
}

.email-app .inbox .messages {
    padding: 0;
    list-style: none;
}

.email-app .inbox .message {
    position: relative;
    padding: 2rem;
    cursor: pointer;
    border-bottom: 1px solid #c8ced3;
}

.email-app .inbox .message:hover {
    background: #f0f3f5;
}

.email-app .inbox .message .actions {
    position: absolute;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.email-app .inbox .message .actions .action {
    width: 2rem;
    margin-bottom: 0.5rem;
    color: #c8ced3;
    text-align: center;
}

.email-app .inbox .message a {
    color: #000;
}

.email-app .inbox .message a:hover {
    text-decoration: none;
}

.email-app .inbox .message.unread .header,
.email-app .inbox .message.unread .title {
    font-weight: 700;
}

.email-app .inbox .message .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0.5rem;
}

.email-app .inbox .message .header .date {
    margin-left: auto;
}

.email-app .inbox .message .title {
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-app .inbox .message .description {
    font-size: 12px;
}

.email-app .message .toolbar {
    padding-bottom: 1rem;
    border-bottom: 1px solid #c8ced3;
}

.email-app .message .details .title {
    padding: 1rem 0;
    font-weight: 700;
}

.email-app .message .details .header {
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    margin: 1rem 0;
    border-top: 1px solid #c8ced3;
    border-bottom: 1px solid #c8ced3;
}

.email-app .message .details .header .avatar {
    width: 40px;
    height: 40px;
    margin-right: 1rem;
}

.email-app .message .details .header .from {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 12px;
    color: #73818f;
}

.email-app .message .details .header .from span {
    display: block;
    font-weight: 700;
}

.email-app .message .details .header .date {
    margin-left: auto;
}

.email-app .message .details .attachments {
    padding: 1rem 0;
    margin-bottom: 1rem;
    border-top: 3px solid #f0f3f5;
    border-bottom: 3px solid #f0f3f5;
}

.email-app .message .details .attachments .attachment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0.5rem 0;
    font-size: 12px;
}

.email-app .message .details .attachments .attachment .badge {
    margin: 0 0.5rem;
    line-height: inherit;
}

.email-app .message .details .attachments .attachment .menu {
    margin-left: auto;
}

.email-app .message .details .attachments .attachment .menu a {
    padding: 0 0.5rem;
    font-size: 14px;
    color: #c8ced3;
}

@media (max-width: 767.98px) {
    .email-app {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .email-app nav {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 575.98px) {
    .email-app .message .header {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .email-app .message .header .date {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

*[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed;
}

*[dir="rtl"] body {
    text-align: right;
}

*[dir="rtl"] .dropdown-item {
    text-align: right;
}

*[dir="rtl"] .dropdown-item i {
    margin-right: -10px;
    margin-left: 10px;
}

*[dir="rtl"] .dropdown-item .badge {
    right: auto;
    left: 10px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.flex-column-mobile {
    display: flex;
    flex-direction: row;
}

span.error,
p.error {
    float: right;
    margin: 2px 0 10px;
    font-size: 0.7em;
}

img.recuperacao-senha {
    width: 100%;
    max-width: 250px;
    height: 100%;
    object-fit: contain;
}

h2.title-rede {
    margin: 0;
    font-weight: 900;
    font-size: 1.8em;
    color: var(--texto);
}

.demo-icon {
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-star {
    background-image: url('../img/star_empty.svg');
    background-size: 33px;
}

.icon-star-filled {
    background-image: url('../img/star_filled.svg');
    background-size: 33px;
}

table.data-boxes {
    margin-top: 20px;
    width: 100%;
}

td.recuo-hierarquia {
    padding-left: 20px;
}

.bg-metas {
    display: flex;
    justify-content: space-around;
    margin: 2px auto 0;
    width: 100%;
}

.bg-metas_child {
    width: 49.6%;
}

.bg-metas p {
    line-height: 1.2em;
}

.bg-metas p.title {
    font-weight: 600;
    font-size: 0.8em;
    text-transform: uppercase;
}

.bg-metas p.percent {
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 2.2em;
    color: var(--texto);
}

.bg-metas-red,
.bg-metas-green {
    width: 100%;
    padding: 15px 40px 10px;
    border-radius: 4px;
}

.top-box-infos {
    display: flex;
    justify-content: space-between;
}

.top-box-infos_child {
    width: 45%;
    font-size: 0.9em;
    line-height: 1.6em;
}

.top-box-infos_child_3 {
    width: 33.3%;
    font-size: 1em;
    line-height: 1.6em;
}

.bordered-box {
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 4px;
}

.light-border-right {
    border-right: 1px solid #DDD;
}

img.icons-compras-first-boxes {
    width: 100%;
    max-width: 40px;
    height: 100%;
    object-fit: contain;
}

.p-limit {
    overflow-y: hidden;
}

form.form-register-pin label {
    display: block;
    margin-top: 15px;
    font-weight: 900;
    font-size: 0.85em;
    text-transform: uppercase;
    color: #333;
}

form.form-register-pin input[type="file"] {
    display: block;
}

form.form-register-pin textarea {
    display: block;
    padding: 10px;
    width: 100%;
    height: 60px;
    border: 1px solid #c8ced3;
    border-radius: 4px;
}

ul.no-style {
    list-style: inside none;
    padding-left: 0;
    margin: 0;
    line-height: normal;
}

ul.arrow-marker {
    list-style: none;
    padding-left: 0;
    line-height: 1.8rem;
}

ul.arrow-marker>li {
    content: '';
    padding-left: 15px;
    background: url('../img/icons/icon_marker.svg') no-repeat left center;
    background-size: 12px;
}

ul.radio-inline-list {
    list-style: none;
    margin-left: -40px;
}

ul.radio-inline-list li {
    display: inline-block;
    margin: 3px 20px 0 0;
}

table.list-messages {
    width: 100%;
}

table.list-messages tr td {
    padding: 10px;
}

table.list-messages tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

table.list-messages tr:last-child {
    border: 0;
}

table.list-messages tr:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
    z-index: 1;
}

table.list-messages tr.new-message {
    background-color: #F4F4F4;
    z-index: 0;
}

form.message-comments {
    width: 100%;
}

form.message-comments input[type="text"],
form.message-comments textarea {
    display: block;
    padding: 10px;
    width: 100%;
    height: 80px;
    border: 1px solid #E4E7EA;
    border-radius: 4px;
    color: var(--texto);
    font-size: 0.9em;
}

img.sent-message-report_bar-graph {
    width: 100%;
    max-width: 856px;
}

input[type="date"],
input[type="time"] {
    border: 1px solid #e4e7ea;
    padding: 8px 5px 5px 30px;
    border-radius: 4px;
    background-color: var(--white) !important;
}

input[type="date"] {
    background: url('../img/icons/icon_calendar-muted.svg') no-repeat left 5px center;
    background-size: 20px;
}

input[type="time"] {
    background: url('../img/icons/icon_clock-muted.svg') no-repeat left 5px center;
    background-size: 20px;
}

input[type="search"] {
    width: 45%;
    background: url('../img/icons/icon_search.png') no-repeat right 5px center;
    background-size: 20px;
}

ol.steps-help li {
    margin-bottom: 10px;
}

@media (max-width: 1100px) {

    .top-box-infos1,
    .top-box-infos2 {
        display: flex;
        flex-direction: column;
    }

    .top-box-infos1 {
        flex-direction: column-reverse;
    }

    .box-infos-right {
        margin-bottom: 20px;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .box-infos-left {
        width: 100%;
        border-right: 0;
    }

    .top-box-infos_child {
        width: 100%;
    }

    .box-infos-right p {
        font-size: 10vmin;
        text-align: center;
    }

    .icons-ranking_dad {
        flex-direction: column;
    }

    .icons-ranking {
        width: 100%;
    }

    .top-box-infos {
        display: flex;
        flex-direction: column;
    }

    .top-box-infos_child {
        width: 100%;
    }

    .bg-metas {
        flex-direction: column;
        margin: 2px auto 0;
        width: 100%;
    }

    .bg-metas_child {
        width: 100%;
    }

    .bg-metas-red,
    .bg-metas-green {
        width: 100%;
    }
}

@media (max-width: 991px) {
    img.recuperacao-senha {
        max-width: 100px;
    }

    .dreams3 {
        background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat center top 280px;
        background-size: 95%;
    }
}

@media (max-width: 767px) {
    .icons-ranking_dad {
        margin: 20px 0;
    }

    .infos-profile {
        display: block;
    }

    .infos-profile_photo {
        margin: 0 auto 20px;
        width: 100%;
    }

    .infos-profile_txt h3,
    .infos-profile_txt p {
        text-align: center;
    }

    div.btn-edit-profile {
        display: flex;
        justify-content: center;
    }

    .mb-4-sm {
        margin-bottom: 50px;
    }

    .feed-menu-colapse {
        display: none;
    }

    .dreams3 {
        background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat center top 300px;
        background-size: 95%;
    }

    ol.regras-pp li {
        align-items: flex-start;
        margin: 0 0 20px 0;
    }

    ol.regras-pp li::before {
        font-size: 1rem;
    }

    .page-cover {
        height: 100px;
    }
}

@media (max-width: 430px) {
    .dreams {
        background-size: 800px;
    }

    .dreams3 {
        background: #fcfcfc url('../img/sonhos/bg-timeline-dreams.png') no-repeat center top 320px;
        background-size: 95%;
    }
}

.note-video-clip,
.note-video-clip p img {
    max-width: 100%;
    min-height: 100%;
    object-fit: contain;
}

.note-video-clip video {
    width: 100% !important;
}

.radio-image label>input {
    visibility: hidden;
}

.radio-image label>input+img {
    cursor: pointer;
    border: 4px solid #EEE;
    border-radius: 15px;
    padding: 10px;
}

input[type=radio]+img {
    cursor: pointer;
}

.isDisabled {
    color: currentColor;
    opacity: 0.3;
    text-decoration: none;
    pointer-events: none;
    cursor: pointer;
}

.naoseaplica {
    top: 10px;
    padding-top: 5px;
}

.checkedActive {
    color: #23282c !important;
    background-color: #c8ced3 !important;
    border-color: #c8ced3 !important;
}

.container-image-input {
    text-align: center;
    overflow: hidden;
}

.btn-remove {
    position: absolute !important;
    font-size: 17px;
    top: 0;
    left: 0;
    border: 5px solid white;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
}

.hidden {
    visibility: hidden;
}

@media (max-width: 1416px) {
    .max-length-limit {
        max-width: 600px;
    }
}

@media (max-width: 970px) {
    .max-length-limit {
        max-width: 400px;
    }
}

@media (max-width: 592px) {
    .max-length-limit {
        max-width: 350px;
    }
}

@media (max-width: 230px) {
    .max-length-limit {
        max-width: 200px;
    }
}

.com-banner {
    margin-top: 100px
}


/* --------- Breaking news --------- */

.breaking-news {
    position: fixed;
    width: 100%;
    height: 45px;
    z-index: 3;
    background-size: 35px;
}

.marquee {
    overflow: hidden;
    position: relative;
    left: 3%;
    width: 97%;
    height: 100%;
}

.marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    font-weight: 600;
    line-height: 45px;
    /* Starting position */
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    /* Apply animation to this element */
    -moz-animation: marquee 30s linear infinite;
    -webkit-animation: marquee 30s linear infinite;
    animation: marquee 30s linear infinite;
}


/* --------- Fim Breaking news --------- */


/* --------- Warning bar --------- */

.warning-bar {
    position: fixed;
    height: 100px;
    width: 100%;
    padding: 5px 5% 5px 15px;
    z-index: 998;
}

.desafio2020 {
    background: url('../img/desafio2020/banner-desafio2020.jpg') no-repeat center center;
    background-size: cover;
}

.desafio2020 p {
    color: #015289;
}

.desafio2020 a {
    color: #015289;
}


/* --------- Fim warning bar --------- */

.p-limit {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-blackfriday {
    width: 100%;
    height: 170px;
    margin-top: 48px;
    background: url('../img/logos_e_banners/blackfriday_header.jpg') no-repeat center center;
    background-size: cover;
}

@media (min-width: 992px) {
    .responsive-border {
        border-left: 1px solid #CCC;
        border-bottom: none;
    }
}

@media (max-width: 991px) {
    .responsive-border {
        border-bottom: 1px solid #CCC;
        border-left: none;
        margin-bottom: 20px;
    }
}

.transformYPosition {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.charts-css {
    text-align: center;
    height: 350px;
    width: 100%;
}

body {
    overflow-x: hidden;
}

.plus-minus-input {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.plus-minus-input .input-group-field {
    text-align: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 1rem;
}

.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.plus-minus-input .input-group-button .circle {
    border-radius: 50%;
    padding: 0.25em 0.8em;
}

.balaoMenuMobile {
    background: #fcfcfc;
    border-radius: 8px;
    position: relative;
}

.balaoMenuMobile:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 25px solid #fcfcfc;
    bottom: -12px;
    left: 36%;
}

.balaoMenuMobile {
    position: absolute;
    left: 35px !important;
    top: -10px !important;
}

@media (max-width: 500px) {
    .balaoMenuMobile {
        position: absolute;
        left: 5px !important;
        top: -10px !important;
    }

    .balaoMenuMobile:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 25px solid #fcfcfc;
        bottom: -12px;
        left: 60%;
    }

    /* Fim do menus mobile */
    .sidebar .nav {
        position: relative;
    }

    .fixaMenu {
        width: 190px;
        overflow-x: hidden;
    }
}


/* menus lateral esquerdo*/

.fixaMenu {
    position: fixed;
    height: 84%;
    padding-bottom: 100px;
    animation-name: animacaoDoMenu;
    animation-timing-function: linear;
    animation-duration: 300ms;
    overflow-y: scroll;
}

@keyframes animacaoDoMenu {
    from {
        width: 0px
    }

    to {
        width: auto
    }
}


/*fim menus esquerdo */

@media (min-width: 600px) {
    .menu-top {
        position: fixed;
        padding: 5px 1% 5px 0;
        right: 0;
        z-index: 4;
        border-radius: 0;
        width: 100%;
        border-bottom: 1px solid #c8ced3;
    }
}

.menu_lateral {
    position: fixed;
    width: 24%;
    z-index: 9;
    margin-top: 50px;
    height: 520px;
    overflow-y: scroll;
}

.feed {
    float: right;
    z-index: 0;
    margin-top: 45px;
}

.menu_lateral::-webkit-scrollbar {
    width: 5px;
    background: none;
}



.barraRolagem::-webkit-scrollbar-track {
    background-color: none;
}

.barraRolagem::-webkit-scrollbar {
    width: 5px;
    background: none;
}

.barraRolagem::-webkit-scrollbar-thumb {
    background-color: #434445;
}


/*Formatação da barra de rolagem*/

.fixaMenu::-webkit-scrollbar-track {
    background-color: none;
}

.fixaMenu::-webkit-scrollbar {
    width: 5px;
    background: none;
}

.fixaMenu::-webkit-scrollbar-thumb {
    background-color: #434445;
}


/*fim barra de rolagem*/

.page-cover_user {
    position: fixed;
}

.height-carousel {
    height: 400px;
}


/* Ajustar menus menus do feed comunicados */

@media (max-width: 770px) {
    .menu_lateral {
        position: relative;
    }

    .page-cover_user {
        position: relative;
    }

    #escondeNome {
        display: none;
    }

    .height-carousel {
        height: 300px;
    }
}


/* Marcador de texto quando encontrar a string na busca do feed comunicados*/

.marcaBusca {
    font-weight: bold;
}

mark {
    padding: 0;
}

.pointer-event-none {
    pointer-events: none;
}

#btn_Abre_Menu_Esquerdo {
    position: relative;
    min-width: 50px;
    height: auto;
    padding: 0.25rem 0;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    overflow: visible;
}

.scrollMenuDireito {
    position: relative;
    height: 450px;
    overflow-y: scroll;
}

.icone {
    font-size: 22px;
    position: relative;
    bottom: -3px;
    left: -3px;
}

body.modal-open .select2-dropdown {
    z-index: 2000;
}

.card-footer {
    padding: 0.7rem 0.2rem;
}

.m-6 {
    margin: 3.5rem !important
}

.mt-6,
.my-6 {
    margin-top: 3.5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 3.5rem !important;
}

.ml-6 .mx-6 {
    margin-left: 3.5rem !important;
}

.mr-6 .mx-6 {
    margin-right: 3.5rem !important;
}

.p-6 {
    padding: 3.5rem !important
}

.pt-6,
.py-6 {
    padding-top: 3.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 3.5rem !important;
}

.pl-6 .px-6 {
    padding-left: 3.5rem !important;
}

.pr-6 .px-6 {
    padding-right: 3.5rem !important;
}

.datepicker-container {
    z-index: 2000 !important;
}

.select2-dropdown {
    z-index: 1040 !important;
}

.text-limit-1 {
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.25;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-limit-2 {
    max-height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-limit-5 {
    max-height: 113px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.25;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


/*
    CSS informativos
 */

.line-vertical {
    width: 1px;
    height: 50px;
    border: solid 1px var(--secondary-hover);
}


/*

 */


/*
    CSS produtos
 */

.imagem-produto {
    background: 50% 50% no-repeat;
    height: 190px;
}

.produto {
    transition: .3s;
    position: relative;
}

div.desconto-produto {
    position: relative;
    top: 35px;
    margin-top: -30px;
    max-height: 30px;
    max-width: 70px;
    float: right;
    border: 1px solid transparent;
    padding: .2rem 1rem;
    border-radius: 5px;
    background-color: var(--danger);
    color: var(--white);
}

img.desconto-produto {
    position: relative;
    float: right;
    top: 60px;
    margin-top: -60px;
    max-height: 60px;
    max-width: 60px;
}

img.desconto-produto.club {
    position: relative;
    float: right;
    top: 35px;
    margin-top: -35px;
    max-height: 60px;
    max-width: 60px;
}

.container {
    max-width: 1280px;
}

.produto .produto-comprar:first-child {
    left: 0;
    z-index: 2;
}

.produto .produto-comprar:last-child {
    left: 0;
    z-index: 1;
}

@media (min-width: 850px) {
    .produto:not(.item-search):hover {
        transform: scale(1.05, 1.03);
        display: block !important;
    }

    .produto .produto-footer {
        display: none;
    }

    .produto:hover .produto-footer {
        display: block !important;
    }

    .produto .produto-comprar:first-child {
        border-top: 1px solid var(--light-hover);
    }

    .produto .produto-comprar {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .produto .produto-comprar:first-child {
        position: absolute;
        top: 77%;
        left: 0;
        z-index: 2;
    }

    .produto .produto-comprar:last-child {
        position: absolute;
        top: 85% !important;
        left: 0;
        z-index: 1;
    }
}

.produto .produto-comprar {
    background-color: var(--no-white);
}

.produto .produto-comprar .btn {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 800px) {
    .imagem-produto {
        height: 155px;
    }

    .img-busca {
        width: 100%;
        height: auto;
    }
}


/*
    FIM CSS produtos
 */


/*
css categorias
 */

.categoria-mundo {
    width: 90%;
    height: 170px;
    border-radius: 1.8rem;
    transition: .3s;
    -ms-transform: skewX(-3deg);
    -webkit-transform: skewX(-3deg);
    -moz-transform: skewX(-3deg);
    -o-transform: skewX(-3deg);
    transform: skewX(-3deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1400px) {
    .categoria-mundo {
        height: 150px;
    }
}

@media (max-width: 800px) {
    .categoria-mundo {
        height: 100px;
    }
}

.categoria-mundo img {
    -ms-transform: skewX(6deg);
    -webkit-transform: skewX(6deg);
    -moz-transform: skewX(6deg);
    -o-transform: skewX(6deg);
    transform: skewX(6deg);
    background: 50% 50% no-repeat;
    width: 50% !important;
    height: 50%;
}

.categoria-mundos {
    -ms-transform: skewX(-3deg);
    -webkit-transform: skewX(-3deg);
    -moz-transform: skewX(-3deg);
    -o-transform: skewX(-3deg);
    transform: skewX(-3deg);
    transition: .3s;
}

.categoria-mundos article {
    -ms-transform: skewX(3deg);
    -webkit-transform: skewX(3deg);
    -moz-transform: skewX(3deg);
    -o-transform: skewX(3deg);
    transform: skewX(3deg);
    margin-left: -15px;
}

.categoria-mundo:after {
    content: " ";
    width: 100%;
    height: 100%;
    border-radius: 1.8rem;
    position: absolute;
    top: -10px;
    left: -10px;
}

.categoria-mundos:hover {
    -ms-transform: scale(1.05, 1.03) skewX(-3deg);
    -webkit-transform: scale(1.05, 1.03) skewX(-3deg);
    -moz-transform: scale(1.05, 1.03) skewX(-3deg);
    -o-transform: scale(1.05, 1.03) skewX(-3deg);
    transform: scale(1.05, 1.03) skewX(-3deg);
    cursor: pointer;
}

.categoria-mundo:after {
    border: dashed 1px;
    border-color: inherit;
}


/*
    FIM CSS Categorias mundos
 */

.container-fluid {
    padding: 10px;
}

.carousel-topo .prev,
.carousel-topo .next {
    top: 50%
}

.prev {
    color: white;
    opacity: 0;
    transition: .5s;
    position: absolute;
    top: 35%;
    left: -1.8%;
    border-radius: 5rem;
}

.next {
    color: white;
    opacity: 0;
    transition: .5s;
    position: absolute;
    top: 35%;
    right: -3.2%;
    border-radius: 5rem;

}

@media (max-width: 900px) {
    .next,
    .prev {
        display: none;
    }
}

.owl-carousel:hover .prev,
.owl-carousel:hover .next {
    opacity: 1;
}

/*.owl-carousel .owl-dots.disabled,*/
/*.owl-carousel .owl-nav.disabled {*/
/*    display: block !important;*/
/*}*/

.desfoco {
    background-color: #000;
    opacity: 0.3;
}

.user-photo {
    min-width: 45px;
    min-height: 45px;
}

.swiper-container {
    width: 100% !important;
    height: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 1px solid var(--secondary);
}

.swiper-slide {
    width: 100% !important;
}

.swiper-slide img {
    max-height: 600px !important;
    object-fit: contain;
}

.swiper-pagination.swiper-customized {
    left: 0;
    right: auto;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 125px;
    position: relative;
}

.swiper-pagination.swiper-customized .swiper-pagination-bullet {
    width: 100px;
    height: 100px;
    padding: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    margin-bottom: .25rem;
    border-radius: 0;
    display: block;
    background: none;
    border: 1px solid var(--secondary);
}

.swiper-pagination.swiper-customized .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: none;
}

.tabela div.item:nth-child(even) {
    background: var(--no-white);
}

.tabela div.item:nth-child(odd) {
    background: var(--light);
}

input[type=range] {
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
    height: 6px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, #df7164), color-stop(15%, #F5D0CC));
}

input[type="range"]::-moz-range-track {
    border: none;
    background: none;
    outline: none;
}

input[type=range]:focus {
    outline: none;
    border: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-color: #df7164;
    height: 13px;
    width: 13px;
    border-radius: 50%;
}

input[type=range]::-moz-range-thumb {
    -moz-appearance: none !important;
    background-color: #df7164;
    border: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
}

.input-padrao {
    width: 100%;
    height: 50px;
    position: relative;
    border-radius: .5rem;
    font-size: 14px;
    color: #444;
    border: solid 3px var(--light-independente);
    background-color: #ffffff;
    padding-top: 18px;
}

.input-padrao-receita {
    width: 100%;
    height: 38px;
    position: relative;
    border-radius: .5rem;
    font-size: 14px;
    color: #444;
    border: solid 2px var(--light-independente);
    background-color: #ffffff;
    padding-top: 18px;
}

.form-group-float {
    position: relative;
    margin: 10px 0px;
}

.form-group-float label {
    font-size: 14px;
    position: absolute;
    transform-origin: top left;
    transition: all .1s ease-in-out;
    z-index: 1;
    color: #aaa;
    left: 12px;
    width: 90%;
    cursor: text;
    /*padding-right: 30px;*/
}

.form-group-float label:not(.label-padrao-menor) {
    transform: translate(0, 16px) scale(1);
}

.form-group-float.active label {
    transform: translate(0, 30%) scale(.90);
    color: var(--blue-gray);
    font-size: 12px;
}

.form-group-float.active input {
    padding-bottom: 0px;
    padding-top: 15px;
}

.mostra-senha {
    transform: skew(2deg, 0deg);
    position: absolute;
    width: 25px;
    height: 25px;
    right: 20px;
    z-index: 2;
    top: 13px;
    background: url("../img/icons/icon-eye-show.svg") no-repeat center;
}
.senha-hide{
    background: url("../img/icons/icon-eye-hide.svg") no-repeat center !important;
}

.check-ecomm label {
    display: flex;
    color: #666;
    align-items: center;
    cursor: pointer;
    margin: 7px 0px;
}

.check-ecomm input {
    display: none;
}

.check-ecomm input:checked+label:before {
    content: '';
    position: relative;
    margin: 0px 5px 0px 10px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    padding: 4px;
    border: 2px solid var(--light-navy-blue);
    border-radius: 13px;
    background: #315c8e;
    background-clip: content-box;
}

.check-ecomm label::before {
    content: '';
    position: relative;
    margin: 0px 5px 0px 10px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border: 2px solid var(--pale-sky-blue);
    border-radius: 13px;
}

.check-ecomm label {
    display: flex;
    color: #666;
    align-items: center;
}

.check-ecomm label span a {
    color: var(--primary) !important;
}

.radio-ecomm label {
    display: flex !important;
    color: #666;
    align-items: center !important;
    cursor: pointer;
}

.radio-ecomm input {
    display: none;
}

.radio-ecomm label:before {
    content: '';
    position: relative;
    min-width: 20px;
    min-height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    float: left;
    border: 2px solid var(--pale-sky-blue);
}

.radio-ecomm label:hover:before {
    border: 2px solid var(--secondary-hover);
}

.radio-ecomm input:checked+label:before {
    border: 2px solid var(--light-navy-blue);
    background: #315c8e;
    background-clip: content-box;
    padding: 4px;
}

.radio-ecomm input:checked+label {
    font-weight: 500;
    color: var(--light-navy-blue);
}

.radio-tipo-produto input[type="radio"]{
    display: none;
}

.radio-tipo-produto{
    display: inline-flex;
    background: #fff;
    height: fit-content;
    width: fit-content;
}

.radio-tipo-produto .tipo-produto-label{
    background: #fff;
    min-width: 30px;
    min-height: 30px;
    height: fit-content;
    width: fit-content;
    display: flex;
    margin-right: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
}

.radio-tipo-produto .tipo-produto-label span{
    font-size: 18px;
    color: #808080;
}

.radio-tipo-produto .tipo-produto-label a{
    -ms-transform: skewX(10deg)!important;
    -webkit-transform: skewX(10deg)!important;
    -moz-transform: skewX(10deg)!important;
    -o-transform: skewX(10deg)!important;
    transform: skewX(10deg)!important;
}

.btn-descricao{
    -ms-transform: skewX(0deg)!important;
    -webkit-transform: skewX(0deg)!important;
    -moz-transform: skewX(0deg)!important;
    -o-transform: skewX(0deg)!important;
    transform: skewX(0deg)!important;
}

.text-limit-tipo-produto{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.nav-user {
    position: relative;
    display: block;
    background: var(--ice-blue);
    min-width: 300px;
    padding: 18px 20px;
    margin-top: -.5rem;
}

.nav-user p {
    color: #444
}

.nav-user ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.nav-user ul li {
    height: 64px;
    font-size: 18px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--pale-sky-blue);
}

.nav-user ul li:last-child {
    border: 0;
}

.nav-user ul li a {
    letter-spacing: -0.11px;
    color: #444;
    font-weight: 400;
}

.nav-user ul li.link_ativo a {
    color: var(--light-navy);
    font-weight: 700;
}

.link_ativo img {
    filter: invert(23%) sepia(94%) saturate(586%) hue-rotate(165deg) brightness(60%) contrast(86%)
}

.nav-user ul li a:hover {
    color: var(--light-navy-hover);
}


/* Switch
   ============================================================== */

.switch,
.switch * {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch label {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: var(--vermelho-independente);
}

.switch label input[type=checkbox]:checked+.lever:before,
.switch label input[type=checkbox]:checked+.lever:after {
    left: 18px;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: white;
    opacity: 1 !important;
    z-index: 1;
}

.btn_remove {
    border: none;
    width: 20px;
    height: 20px;
    box-shadow: none;
    background: url("../img/icons/icon-trash.png") no-repeat center;
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.38);
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
}

.switch label .lever:before,
.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label .lever:before {
    background-color: #F1F1F1;
}

.switch label .lever:after {
    background-color: #F1F1F1;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled)~.lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not(:disabled)~.lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled]+.lever {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #949494;
}

.foto_user {
    text-align: center;
    --opacity: 0;
    position: relative;
    display: block;
}

.foto_user input {
    display: none;
}

.foto_user > label {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: url("../img/icons/icon_user.svg") no-repeat center var(--pale-sky-blue);
    background-size: 50%;
}

.foto_user > label:hover {
    --opacity: 1;
}

.foto_user > label::before {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 50px;
    height: 50px;
    top: 30px;
    z-index: 1;
    opacity: var(--opacity);
    transition: opacity 0.4s;
}

.bloco-pedido {
    font-weight: 600;
    border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
}


.header-pedido {
    border-bottom: 1px solid var(--pale-sky-blue);
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
}


.header-pedido * {
    color: #444;
    font-weight: 500;
}

.footer-pedido {
    /* border-top: 1px solid var(--pale-sky-blue); */
    height: 50px;
    display: flex;
    align-items: center;
    /* padding: 0px 20px; */
}

.tr-pedido{
    margin-left:2rem;
    border: 1px solid #e5e5e5;
}

.card-produto,
.container_user {
    padding: 20px;
    border-radius: 10px;
    /* border: 1px solid var(--pale-sky-blue); */
    margin: 10px 0px;
}

.body-pedido-login {
    background-image: url("../img/logos_e_banners/banner-login.png") ;
    background-repeat: repeat-y;
    background-size: cover;

    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {
    .body-pedido-login > img {
        margin-bottom: -25% !important;
    }
}

.card-pedido {
    background: white;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.img-produto {
    border-radius: 1rem;
    position: relative;
    display: flex;
    align-items: flex-end;
    min-width: 80px;
    background-color: #fff;
    margin-right: 15px;
}

.img-produto::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.img-produto img {
    margin: 0 auto;
    padding: .2rem;
}

.bloco-pedido .pedido-upper-info {
    border-bottom: 3px solid #edeaea;
}

.bloco-pedido .pedido-upper-info > div:first-child {
    border-right: 3px solid #edeaea;
}

.bloco-pedido button.btn-danger-2 {
    border-width: 0;
}

.steps-produto {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.steps-produto li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--vermelho-independente);
    padding: 10px;
    font-size: 12px;
}

.steps-produto li div {
    position: absolute;
    left: 50%;
    top: 40px;
    text-align: center;
    transform: translateX(-50%);
}

.steps-produto li img {
    filter: invert(84%) sepia(48%) saturate(4470%) hue-rotate(342deg) brightness(109%) contrast(122%);
}

.steps-produto li.disabled img {
    filter: contrast(0.5);
}

/* .steps-produto li.last_children img {
    filter: none;
} */

.steps-produto li.last_children {
    /* Borda para quando cadastrarem corretamente a imagem vermelha no media */
    border: 3px solid var(--vermelho-independente);
    padding: 5px;
    height: 40px;
    width: 40px;
}

.steps-produto li.disabled {
    background: #edeaea !important;
    color: #6e6e6e !important;
}

.steps-produto > .step-dot {
    background: #edeaea;
    border-radius: 50%;
    margin: 0 0.25rem;
    width: 8px;
    height: 8px;
}

@media (min-width: 768px) {
    .bloco-pedido {
        padding: 20px 20px .5rem 20px;
        border-radius: 8px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
        background-color: #fff;
    }

    .bloco-pedido .pedido-upper-info {
        border-bottom: 0;
    }

    .bloco-pedido .pedido-upper-info > div:first-child {
        border-right: 0;
    }

    .bloco-pedido button.btn-danger-2 {
        border-width: 2px;
    }
}

@media (min-width: 1200px) {
    .steps-produto li {
        height: 50px;
        width: 50px;
    }

    .steps-produto li div {
        top: 70px;
    }

    .steps-produto li.last_children {
        height: 70px;
        width: 70px;
    }

    .steps-produto > .step-dot {
        width: 12px;
        height: 12px;
    }
}

.vector-193 {
    width: 21.2px;
    height: 10.6px;
    margin: 25px 286.6px 0 174.1px;
    border: solid 6px #f00;
  }

@media (max-width: 768px) {
    .bloco-pedido {
        padding: 0px;
    }
}

.seta-cima {
    transform: rotate(180deg);
}

.input-pesquisa input {
    height: 35px;
    font-size: 12px;
}

.input-pesquisa button {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 10px;
    border: none;
    background: url("../ecommerce_menu/img/desktop/icon-lupa.svg") no-repeat center;
    background-size: contain;
}

.btn-localizacao {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid var(--pale-sky-blue);
    background: url("../img/icons/icon-location.png") no-repeat center;
}

.was-validated .form-control:invalid {
    background: #fff;
}

.was-validated .form-control:valid {
    background: #fff;
}


/*
range costumizado para carrinho
 */


/*
range costumizado para carrinho
 */

.select2-selection.select2-selection--single {
    height: 45px;
    border: solid 2px var(--pale-sky-blue);
    border-radius: .5rem;
}

.select2-selection__rendered {
    padding-bottom: 0 !important;
    padding-top: 13px !important;
    font-size: 12px !important;
}

.combo-recorrencia .select2-selection.select2-selection--single {
    height: 30px;
}

.labl {
    display: block;
}

.labl>input {
    /* HIDE RADIO */
    visibility: hidden;
    /* Makes input not-clickable */
    position: absolute;
    /* Remove input from document flow */
    float: left;
}

.labl>input+label {
    /* DIV STYLES */
    cursor: pointer;
}

.labl>input+label {
    border: 1px solid #b0b9bf;
}

.labl>input+label:hover,
.labl>input:checked+label {
    /* DIV STYLES */
    cursor: pointer;
    /*background-color: #F8FDFF;*/
    border: 1px solid var(--azul-independente) !important;
}

.labl>input+label:hover *,
.labl>input:checked+label * {
    /* border: 1px solid var(--azul-independente); */
    
}

.labl>input:checked+label img,
.labl>input+label:hover img {
    filter: invert(77%) sepia(65%) saturate(5221%) hue-rotate(184deg) brightness(81%) contrast(90%) !important;
}

.labl.was-validated>input:not(:valid)+label {
    border: 1px solid var(--vermelho-independente) !important;
}

.labl.was-validated>input:not(:valid)+label * {
    color: var(--vermelho-independente) !important;
}

.labl.was-validated>input:not(:valid)+label img {
    filter: invert(26%) sepia(79%) saturate(3152%) hue-rotate(341deg) brightness(99%) contrast(89%) !important;
}

#carrinho-tipo-entregas .labl>input+label:not(:hover) p,
#carrinho-tipo-entregas .labl>input:not(:checked)+label p {
    color: var(--muted);
}

#carrinho-tipo-entregas .labl>input+label:hover p,
#carrinho-tipo-entregas .labl>input:checked+label p {
    color: var(--azul-independente);
}

.carousel-topo .item {
    margin: 3px;
}

.carousel-topo .owl-dots {
    transition: .5s;
    position: relative;
    bottom: 30%;
}

@media (max-width: 760px) {
    .carousel-topo .owl-dots {
        margin:auto;
    }
}

.form-group-float label.label-padrao-menor {
    transform: translate(0, 50%) scale(1);
    font-size: 14px;
}

.carrossel-itens-rotativo{
    border: 2px solid var(--vermelho-independente);
    border-radius: 5rem!important;
}

.form-group-float.active label.label-padrao-menor {
    transform: translate(0, 30%) scale(.90);
    color: var(--blue-gray);
    font-size: 14px;
}
.owl-theme .owl-dots .owl-dot.active span{
    background:var(--vermelho-independente) !important; 
    width:30px;
}

.owl-theme .owl-dots .owl-dot:hover span {
     background:var(--vermelho-independente) !important;
    }

.load {
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
}

.load::before {
    content: " ";
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: var(--light);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10291;
}

.load::after {
    content: " ";
    position: absolute;
    background: var(--loader-path) no-repeat;
    top: 30%;
    left: 40%;
    background-size: 40%;
    width: 40%;
    height: 30%;
    z-index: 10292;
}

@media (min-width: 768px) {
    .load.load-body::after {
        left: 45%;
        background-size: 30%;
        width: 30%;
        height: 30%;
    }
}

.border-botao-skew {
    text-align: center;
    width: 25px;
    height: 21px;
    border: 1px solid #083050;
    transform: skew(-5deg);
    border-radius: 3px;
    margin-right: 5px;
}

.border-botao-skew>* {
    transform: skew(5deg);
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.body-sidebar {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    position: relative;
    font-size: 18px;
}

.sidebar-mobile {
    position: fixed;
    width: 80%;
    left: -100%;
    transition: left 0.4s;
    z-index: 30;
    background: transparent;
    height: 100%;
    padding-bottom: 100px;
}

.header-sidebar {
    padding: 10px 13px;
    background: var(--ice-blue);
}

.header-categoria {
    display: flex;
    justify-content: space-between;
    padding: 10px 13px;
    min-height: 62px;
    align-items: center;
}

.header-categoria p {
    color: var(--vermelho-independente);
}

.subcategoria-sidebar * a {
    color: #444;
}

.subcategoria-sidebar.active {
    visibility: visible;
    z-index: 10;
}

.padrao-1 .header-categoria {
    background: var(--mundo-padrao1-2);
}

.padrao-1>.item_categoria a {
    color: var(--mundo-padrao1-2);
}

.padrao-2 .header-categoria {
    background: var(--mundo-padrao2-2);
}

.padrao-2>.item_categoria a {
    color: var(--mundo-padrao2-2);
}

.padrao-3 .header-categoria {
    background: var(--mundo-padrao3-1);
}

.padrao-3>.item_categoria a {
    color: var(--mundo-padrao3-1);
}

.padrao-4 .header-categoria {
    background: var(--mundo-padrao4-1);
}

.padrao-4>.item_categoria a {
    color: var(--mundo-padrao4-1);
}

.padrao-5 .header-categoria {
    background: var(--mundo-padrao1-2);
}

.padrao-5>.item_categoria a {
    color: var(--mundo-padrao1-2);
}

.padrao-6 .header-categoria {
    background: var(--light-navy-blue);
}

.padrao-6>.item_categoria a {
    color: var(--light-navy-blue);
}

.padrao-7 .header-categoria {
    background: var(--mundo-padrao7-1);
}

.padrao-7>.item_categoria a {
    color: var(--mundo-padrao7-1);
}

.padrao-marcas .header-categoria {
    background: var(--light-navy-blue);
}

.padrao-marcas>.item_categoria a {
    color: var(--light-navy-blue);
}

.categorias-sidebar {
    list-style: none;
    padding-left: 8px;
}

.select-editado_componente{
    display: block;
    position:relative;
}
.select-editado_componente > div:first-child{
    border: 2px solid var(--danger);
    color: var(--danger);
    font-weight: 600;
    border-radius: 12px;
    position: relative;
    width: 170px;
    text-align: center;
    z-index: 1;
    position: relative;
    text-transform: capitalize;
    padding: 5px;
}
.select-editado_componente > div:first-child.active{
    background: var(--danger);
    color:#fff;
    z-index: 2;
}.select-editado_componente > div:first-child.active:after{
    border-color: #fff;
    top:8px;
    right: 8px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.select-editado_componente > div:first-child:after{
    content: '';
    position: absolute;
    right: 7px;
    width: 7px;
    height: 7px;
    top: 4px;
    border-right: 2px solid var(--danger);
    border-top: 2px solid var(--danger);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(
135deg
);
    -o-transform: rotate(135deg);
    transform: rotate(
135deg
);
    transition: all .3s;
}
.dropdown-select_editado{
    height: 0;
    position: absolute;
    overflow: hidden;
    display: block;
    transition: .5s all;
    width: 170px;
    text-align: center;
    top: 15px;
    z-index: 0;
    border-radius: 0px 0px 15px 15px;
     border: 2px solid var(--danger);
    border-top: 0;
    border-bottom: 0;
    z-index: 1;

}
.dropdown-select_editado label{
    display: block;
    color: var(--danger);
    font-weight: 600;
    margin: 8px 0px
}
.dropdown-select_editado label:hover{
    background: #e0e0e0;
}
.dropdown-select_editado input{
    display: none;
}
.dropdown-select_editado.expand{
    border: 2px solid var(--danger);
    border-top: 0;
    min-height: 120px;
}

@media(max-width: 800px){
    .select-editado_componente #display-select{
        border: 0;
        color: #fff;
        font-weight: 600;
        position: relative;
        width: 100px;
        z-index: 1;
        position: relative;
        text-transform: capitalize;
    }
    .select-editado_componente #display-select.active:after{
        border-color: #fff;
        top:6px;
        right: 5px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .select-editado_componente #display-select:after{
        content: '';
        position: absolute;
        right: 5px;
        width: 7px;
        height: 7px;
        top: 1px;
        border-right: 2px solid var(--danger);
        border-top: 2px solid var(--danger);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        transition: all .3s;
    }
}

.categorias-sidebar>li .item_categoria {
    position: relative;
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    padding-left: 3%;
}

.categorias-sidebar li {
    border-bottom: 1px solid var(--ice-blue);
}

.categorias-sidebar>li>a {
    height: 52px;
    display: flex;
    align-items: center;
    color: #444;
}

.back_sidebar {
    display: flex;
    margin-left: 15px;
}

.back_sidebar:before {
    content: '';
    position: relative;
    left: -8px;
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--vermelho-independente);
    border-top: 2px solid var(--vermelho-independente);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(-135deg);
    top: 5px;
}

.hr-vertical{
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.categorias-sidebar .has-children>.item_categoria::after {
    content: '';
    position: absolute;
    right: 28px;
    width: 10px;
    height: 10px;
    top: 45%;
    border-right: 2px solid var(--vermelho-independente);
    border-top: 2px solid var(--vermelho-independente);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.subcategoria-sidebar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    visibility: hidden;
}

.fechar_sidebar {
    position: absolute;
    background: none;
    border: 0;
    right: 25px;
    top: 15px;
    color: #fff;
    font-weight: 800;
    font-size: 30px;
}

.sidebar-mobile>ul li {
    width: 100%;
    height: 52px;
    padding: 10px 0px;
    display: flex;
    align-items: center;
}

.sidebar-mobile>ul>li>a {
    font-size: 15px;
    padding: 0px 10px;
    font-weight: bolder;
    color: var(--light-navy-blue);
}

.dropdown-mobile {
    position: absolute;
    min-width: 220px !important;
    background: #fff;
    z-index: 1;
    right: -60px;
    border-radius: 0.25rem;
    top: 43px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.dropdown:hover>.dropdown-mobile {
    visibility: visible;
    opacity: 1;
}

.dropdown-mobile::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -5px;
    right: 70px;
}

.dropdown-mobile ul {
    list-style: none;
    padding: 0;
}

.dropdown-mobile ul li {
    margin: 30px 17px;
}

.dropdown-mobile ul li a {
    font-size: 14px;
    color: #444;
}

.dropdown-mobile ul li a img {
    margin-right: 0.8rem;
}

.was-validated .radio-ecomm input:not(:valid)+label,
.radio-ecomm.was-validated input:not(:valid)+label {
    color: var(--danger) !important;
}

.was-validated .radio-ecomm input:not(:valid)+label *,
.radio-ecomm.was-validated input:not(:valid)+label * {
    color: var(--danger) !important;
}

.dropdown-select_editado{
    height: 0;
    position: absolute;
    overflow: hidden;
    display: block;
    transition: .5s all;
    width: 170px;
    text-align: center;
    top: 15px;
    z-index: 0;
    border-radius: 0px 0px 15px 15px;
     border: 2px solid var(--danger);
    border-top: 0;
    border-bottom: 0;
    z-index: 1;

}
.dropdown-select_editado label{
    display: block;
    color: var(--danger);
    font-weight: 600;
    margin: 8px 0px
}
.dropdown-select_editado label:hover{
    background: #e0e0e0;
}
.dropdown-select_editado input{
    display: none;
}
.dropdown-select_editado.expand{
    border: 2px solid var(--danger);
    border-top: 0;
    min-height: 120px;
}
@media(max-width: 800px){
    .select-editado_componente #display-select{
        border: 0;
        color: #fff;
        font-weight: 600;
        position: relative;
        width: 100px;
        z-index: 1;
        position: relative;
        text-transform: capitalize;
    }
    .select-editado_componente #display-select.active:after{
        border-color: #fff;
        top:6px;
        right: 5px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .select-editado_componente #display-select:after{
        content: '';
        position: absolute;
        right: 5px;
        width: 7px;
        height: 7px;
        top: 1px;
        border-right: 2px solid var(--danger);
        border-top: 2px solid var(--danger);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(
    135deg
    );
        -o-transform: rotate(135deg);
        transform: rotate(
    135deg
    );
        transition: all .3s;
    }
    .dropdown-select_editado{
        width: 100px;
        top: 35px;
    }
    .dropdown-select_editado > div{
        border-radius: 20px;
    }

    .dropdown-select_editado.expand{
        border: 2px solid var(--danger);
        border-radius: 15px;
        min-height: 120px;
        background: #fff;
        z-index: 2;
        overflow: initial;
        transition: none;
    }
    .dropdown-select_editado::before{
        content: '';
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        top: -10px;
        left: 20px;
    }
}

.was-validated .radio-ecomm input:not(:valid)+label:before,
.radio-ecomm.was-validated input:not(:valid)+label:before {
    border-color: var(--danger) !important;
}

.was-validated .check-ecomm input:not(:valid)+label,
.check-ecomm.was-validated input:not(:valid)+label {
    color: var(--danger) !important;
}

.was-validated .check-ecomm input:not(:valid)+label *,
.check-ecomm.was-validated input:not(:valid)+label * {
    color: var(--danger) !important;
}

.was-validated .check-ecomm input:not(:valid)+label:before,
.check-ecomm.was-validated input:not(:valid)+label:before {
    border-color: var(--danger) !important;
}

fieldset.was-validated select:not(:valid)+span.select2 .select2-selection {
    border-color: var(--danger);
}

.index_letra a:hover {
    font-weight: 900;
}

.endereco {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    font-weight: 500;
}

.header-endereco {
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #e5e5e5;
}

.corpo-endereco {
    padding: 30px 25px;
}

.add_endereco-cartao {
    width: 100%;
    border-radius: 23.9px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    background: none;
    font-size: 12px;
    display: flex;
    text-align: center;
}

.add_endereco-cartao * {
    color: #e5e5e5;
}

.add_endereco-cartao span {
    display: block;
    max-height: 70px;
    position: relative
}

@media (max-width: 768px) {
    .add_endereco-cartao {
        width: 65%;
        height: auto;
        padding: 0;
        float: right;
    }

    .add_endereco-cartao span {
        font-size: 40px;
    }
}

.card-resumo-pedido {
    padding: 15px 20px;
    border: 1px solid var(--pale-sky-blue);
    border-radius: 10px;
    background: var(--ice-blue);
    color: #666;
    font-weight: 400;
}

.btn_arrow-pedido {
    width: 30px;
    height: 30px;
    background: url("../img/icons/arrow-down_gray.svg") no-repeat center;
    background-size: contain;
    border: 0;
    margin-right: 5px;
}

.codigo_barras {
    word-break: break-all;
    width: 100%;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--pale-sky-blue);
    border-radius: 5px;
    background: var(--ice-blue);
    padding: 10px 0px;
    font-weight: 500;
}

.select2-padrao .select2-selection.select2-selection--single {
    height: 50px !important;
}

.select2-padrao .select2-selection__rendered {
    padding: 10px 5px !important;
}

.btn_clipboard::after {
    content: attr(title);
}

.btn_footer-collapse {
    border-bottom: none;
    background: #fff;
    position: relative;
    bottom: -1px;
    padding: 5px 15px;
    border-radius: 7px 7px 0px 0px;
    font-size: 12px;
    color: var(--azul-independente);
}

.footer-cookie {
    position: fixed;
    bottom: 1rem;
    width: 100%;
    z-index: 1000;
}

.footer-cookie>div {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #ccc;
    align-items: center;
}

.footer-cookie p {
    width: 100%;
    margin-right: 40px;
}

.footer-cookie button {
    width: 270px;
}

@media (max-width: 768px) {
    .footer-cookie>div {
        margin: 0;
        width: 100%;
    }

    .footer-cookier p {
        font-size: 11px;
    }
}

.dropdown-search {
    position: absolute;
    width: 100%;
    height: auto;
    background: white;
    margin: 0 auto;
    z-index: 100;
    border: 1px solid rgb(180, 178, 178);
    border-top: none;
    border-radius: 0px 0px 7px 7px;
    padding: 10px;
}

.text-line-through {
    text-decoration: line-through !important;
}

#barra-pesquisa:focus {
    box-shadow: none;
    border-color: #e4e7ea;
}

.img-search-produto {
    text-align: center;
    border-radius: 5px;
    padding: 5px 5px;
    display: inline-block;
}



.item-search::after {
    content: '';
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    top: 45%;
    border-right: 2px solid #727272;
    border-top: 2px solid #727272;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-servico_loja::after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    left: -7px;
    border-bottom: 15px solid white;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.btn-servico_loja.active::after {
    opacity: 1;
    visibility: visible;
}

.div_servicos {
    display: none;
}

.lista-lojas {
    height: 450px;
    overflow: auto;
}

.pagination-padrao {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pagination-padrao a {
    border: 1px solid var(--azul-independente);
    box-shadow: none;
    background: none;
    color: #0007;
    margin: 0px 3px;
    border-radius: 17px;
    padding: 4px 10px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-padrao a:hover {
    background: var(--azul-independente);
    color: #fff;
}

.pagination-padrao a.active {
    background: var(--azul-independente);
    color: #fff;
}

.pagination-padrao a * {
    transform: none;
    color: #0007;
}

.text-search {
    color: var(--light-navy);
    width: 100%;
    display: block;
}

@media (max-width: 750px) {
    .filter_search {
        position: fixed;
        background: white;
        z-index: 1;
        height: 100%;
        width: 80%;
        left: -100%;
        padding-left: 20px;
        overflow: scroll;
        transition: all 0.5s;
    }
}

.bloco-pesquisa {
    width: 100%;
}

.font-22px {
    font-size: 22px;
}

@media (min-width: 750px) {
    .filter_search {
    margin-top: -9px;
    padding: 12px;
    height: fit-content;
    width: 26%;
    border: 1px solid #dcdcdc;
    background: white;
    border-radius: 15px;
    }

    .bloco-pesquisa {
        width: 76%;
    }

    .pesquisa-preco .check-ecomm label::before {
        background: white;
    }

    .pesquisa-preco {
        max-height: 15rem;
        overflow-y: auto;
        overflow-x: hidden;
    }

    }

    .pesquisa-preco .check-ecomm input:checked+label::before {
        background: #315c8e;
        background-clip: content-box;
    }
}


.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.h-110 {
    height: 110%;
}

.bg-faixa-paginas-textuais {
    height: 300px;
    background-color: #EDEFF0;
}

.foto-reuniao-convenio {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background: url('../img/paginas-textuais/foto-meeting.jpg') no-repeat center top;
    background-size: cover;
}

.bg-foto-familia-convenio {
    background: #18537D url('../img/paginas-textuais/foto-familia-nissei.jpg') no-repeat left 30% top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.nav-tabs-ecom .nav-link.active {
    content: " ";
    position: relative;
}

.div-accordion-lojas {
    box-shadow: 1px 1px 13px 3px rgba(0, 0, 0, 0.11);
    border: solid 1px #e3e3e3;
    border-radius: 7px;
    padding: 20px;
    margin-top: 10px;
    height: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
}

.div-accordion-lojas.active {
    border-radius: 0px 7px 7px 7px;
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: all 0.4s;
}

.accordion-button_padrao::after {
    content: '';
    height: 0;
}

.accordion-button_padrao.active p {
    color: var(--light-navy-blue);
}

.accordion-button_padrao.active::after {
    content: '';
    width: 190px;
    height: 30px;
    position: absolute;
    background: white;
    left: -1px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    transition: height 0.3s linear;
}

.accordion-button_padrao.active {
    box-shadow: 0px 0px 20px 0 rgba(138, 146, 151, 0.1);
}

.accordion-button_padrao.active p {
    color: var(--light-navy)
}

.accordion-button_padrao p {
    color: #666;
    font-weight: 500;
}

.accordion-button_padrao {
    z-index: 1;
    position: relative;
    width: 190px;
    height: 100px;
    text-align: center;
    border: 1px solid var(--ice-blue);
    padding: 15px 0px;
    border-radius: 7px;
    box-shadow: -7px 7px 20px 0 rgba(138, 146, 151, 0.1);
}

@media (max-width: 800px) {
    .accordion-button_padrao {
        display: block;
        width: 100%;
        height: auto;
    }

    .accordion-button_padrao p {
        font-size: 11px;
    }

    .div-accordion-lojas {
        margin-top: 0;
        height: 100%;
    }

    .div-accordion-lojas.active {
        height: 100%;
    }

    .div-accordion-lojas p:first-child {
        font-size: 12px !important;
    }

    .accordion-button_padrao.active::after {
        content: '';
        width: 11px;
        height: 102%;
        position: absolute;
        background: white;
        left: unset;
        z-index: 21;
        top: -0.06rem;
        border-top: 1px solid var(--ice-blue);
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid var(--ice-blue);
        transition: right 0.3s linear;
        right: -7px;
    }
}

.item_servico {
    display: none;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.box-login {
    /* border: 1px solid #d7e1e7; */
    border-radius: 10px;
}

@media (max-width: 768px) {
    .box-login h3 {
        font-size: 22px;
    }

    .box-login .descricao-login {
        font-size: 15px;
    }

    .box-login .subtitulo-login {
        font-size: 18px;
    }
}

.item_servico.active {
    display: block;
    height: 100%;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
}

#form_pbm .check-ecomm label::before {
    min-width: 25px;
    min-height: 25px;
}

.input-pbm input {
    height: 38px;
}

.input-pbm label {
    top: -4px;
    font-size: 12px;
}

.card-pbm {
    padding: 15px 35px;
    border-radius: 14px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
}

@media(max-width: 768px){
    .card-pbm {
        padding: 15px;
    }
}

.btn-lupa-pbm{
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
    border-radius: 0rem .5rem .5rem 0rem;
    margin-left: -.5rem;
}

.btn-pbm {
    border: solid 2px #04bfbf !important;
    background-color: white !important;
    color: #04bfbf !important;
}

.btn-qtd-pbm-esq{
    border-radius: .5rem 0rem 0rem .5rem;
}

.btn-qtd-pbm-dir{
    border-radius: 0rem .5rem .5rem 0rem;
}

.view-produto {
    justify-content: space-between;
    position: absolute;
    text-align: right;
    left: 0;
    padding: 0px 5px;
}

.view-produto img {
    position: relative;
    width: 30% !important;
    max-height: unset;
    max-width: unset;
    height: 35%;

}

.img-div {
    width: 100%;
    display: block;
}

.img-div div {
    width: fit-content;
    float: right;
}


.block-white_label {
    position: relative;
    z-index: 5;
}

.componente-pesquisa {
    z-index: 1;
}

.componente-pesquisa .filter_search {
    padding-top: 60px;
}

.componente-pesquisa .produtos_white-label {
    margin-top: 40px;
}

.is_white-label {
    margin-top: 70px;
}

.is_white-label .filter_search {
    margin-top: -70px;
    padding-top: 100px;
}

.submenu-white-label {
    position: relative;
    right: 0px;
}

.submenu-white-label ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-end;
}

.submenu-white-label ul li {
    list-style: none;
    padding: 10px 15px;
}

.submenu-white-label ul li a {
    color: var(--light-navy);
    font-weight: 600;
}

.logo-whiteLabel {
    box-shadow: 0px 0px 8px #444;
}

@media (max-width: 750px) {
    .submenu-white-label {
        left: 0;
        font-size: 10px;
    }

    .submenu-white-label ul li {
        padding: 10px;
    }

    .is-white-label {
        margin-top: 40px;
    }
}

.header-clube {
    min-height: 50px;
    width: 100%;
    margin: 0;
    background: #025B8F;
}

.container-clube {
    width: 80%;
    margin: auto;
    max-width: 1250px;
}

.img-clube {
    margin: -30px 0px 30px;
}

.card-clube {
    padding: 40px 60px;
    border-radius: 20px;
    margin: 40px 5px 120px;
    background: #fff;
}

.bloco_esquerdo_clube {
    padding-right: 100px;
    padding-left: 60px;
}

.bloco_esquerdo_clube p {
    color: #fff;
}

.card-clube input,
.card-clube select {
    border: 2px solid #ddd;
}

.card-clube .radio-ecomm label {
    width: max-content;
}

.card-clube .check-ecomm label {
    width: 100%;
}

.card-clube .check-ecomm label:before,
.card-clube .radio-ecomm label:before {
    border: 2px solid #ddd;
}

.card-clube .check-ecomm input:checked+label:before,
.card-clube .radio-ecomm input:checked+label:before {
    border: 2px solid #315c8e;
}

.footer-clube {
    background: #025B8F;
    min-height: 80px;
    display: flex;
}

.card-centro-clube {
    margin-top: -35%;
    background: #ccc2;
    position: relative;
    z-index: 1;
}

.bloco-direito-clube {
    margin-top: 45%;
    margin-bottom: 5%;
}

.img-avatar-centro {
    margin-top: -45%;
    position: relative;
    width: 50%;
    z-index: 3;
    background: url('../img/clube/Forma_amarela_moeda_e_N.svg') no-repeat;
    background-position: 0;
    background-size: 100%;
}

.img-avatar-centro img {
    margin-left: 140px;
}


.box-clube-centro {
    padding: 0px 6%;
}

.padding-footer {
    padding: 30px 0px;
}

.bg-yellow-clube {
    background: url('../img/clube/Forma_amarelaBG_e_moeda.svg');
    background-size: cover;
    margin-top: 50px;
}

.bg-clube-azul {
    background: url('../img/clube/Bg-Azul.svg') no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.circulo_azul-direito {
    margin-top: -50%;
    float: right;
}

.bloco-direito-clube {
    margin-top: 70%
}

@media(max-width: 1960px) {
    .bloco-direito-clube {
        margin-top: 60%
    }
}

@media (max-width: 1800px) {
    .bloco-direito-clube {
        margin-top: 50%
    }
}

@media(max-width: 692px) {
    .bloco_esquerdo_clube {
        padding: 0px 25px;
    }

    .container-clube {
        width: 100%;
    }

    .card-centro-clube {
        margin-top: -90%;
    }

    .img-avatar-centro {
        margin-top: -45%;
        width: 100%;
        background-size: 100%;
    }

    .img-avatar-centro img {
        width: 100%;
        margin-left: 0;
    }

    .bloco-direito-clube {
        margin-top: 60%;
        margin-bottom: 45%;
        padding: 0px 30px;
    }

    .card-clube {
        padding: 40px
    }



    .section-clube-centro {
        padding: 0px 10px;
    }

    .logo-clube {
        width: 150px;
        margin-bottom: 50px;
    }

    .box-clube-centro {
        padding: 10% 6%;
    }
}


/* Avaliações de produto */

.avaliacao-produto {
    padding: 2.313rem 0;
}

.avaliacao-produto .rating-produto {
    font-size: 3rem;
}

.avaliacao-produto .rating-produto span {
    font-size: 1.5rem;
}

.avaliacao-produto div:nth-child(2) p {
    font-size: 0.938rem;
}

.numero-avaliacoes {
    color: #ffd200;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    margin: 0 0 3px 5px;
}

.font-nota {
    font-size: 3rem;
}

.user-nome {
    font-size: 0.688rem;
}

.user-descricao {
    font-size: 0.938rem;
}

.user-recomendaria {
    font-weight: 500;
    font-size: 0.813rem;
}

.user-recomendaria span {
    font-weight: 400;
}

.avaliacoes-produto>div {
    padding: 2.313rem 0.500rem;
    margin: 0;
    background: #f2f2f2;
}

.avaliacoes-produto>div:nth-child(even) {
    background: #fff;
}

.ver-mais-avaliacoes {
    font-size: 1rem;
}

div.chart {
    position: relative;
    width: 92px;
    height: 92px;
}

canvas.canvas-status-bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

span.circle-status-bar {
    color: #555;
    display: block;
    line-height: 92px;
    text-align: center;
    width: 92px;
    font-family: 'Depot', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    margin-left: 5px;
}

.outline-none-focus:focus {
    outline: none;
}

.rate {
    display: inline-block;
    border: 0;
}

.rate>input {
    display: none;
}

.rate>label {
    float: right;
    color: #d7e1e7;
}

.rate>label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
}


.rate .half:before {
    content: "\f089 ";
    position: absolute;
    padding-right: 0;
}


.rate>input:checked~label,
.rate>label:hover,
.rate>label:hover~label {
    color: #ffd200;
}


.rate>input:checked+label:hover,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #ffe368;
}


@media (min-width: 768px) {
    .mobile-radio {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .avaliacao-produto {
        padding: 1rem 0;
    }

    .avaliacao-produto>div {
        justify-content: center !important;
    }

    /* .avaliacao-produto>div:last-child {
        display: none !important;
    } */

    .avaliacao-produto>div>div {
        margin: 0 0 10px 0 !important;
    }

    .desktop-radio {
        display: none !important;
    }

    .avaliacoes-produto>div {
        padding: 1rem 0.500rem;
        margin: 0;
        background: #f2f2f2;
    }

    .avaliacoes-produto>div>div {
        text-align: center;
        flex-direction: column;
    }

    .user-recomendaria {
        margin-bottom: 1rem;
    }


    .avaliacoes-produto .estrelas-avaliacoes>div {
        justify-content: start !important;
    }

    .avaliacoes-produto .estrelas-avaliacoes>div:first-child {
        display: none !important;
    }

    .avaliacoes-produto .descricao-avaliacao {
        text-align: start;
    }

}

.popoup-inicial{
    top: calc(50% - 12rem);
    right: calc(50% - 22rem);
    position: fixed;
    z-index: 1;
    height: fit-content;
    width: 44rem;
    border-radius: 20px;
    background-color: #f6f6f6;
}

@media(max-width:768px){
    .popoup-inicial{
        top: calc(50% - 12rem);
        right: calc(50% - 10rem);
        width: 20rem;
    }
}

@media (max-width: 375px) {
    .avaliacao-produto {
        padding: 1rem 0;
    }

    .avaliacao-produto>div {
        justify-content: center !important;
    }

    .avaliacao-produto>div:last-child {
        display: none !important;
    }

    .avaliacao-produto>div>div {
        margin: 0 0 10px 0 !important;
    }

    .avaliacoes-produto>div {
        padding: .8rem 0;
    }

    .avaliacoes-produto>div>div {
        text-align: center;
        flex-direction: column;
    }

    .user-recomendaria {
        margin-bottom: 1rem;
    }



    .avaliacoes-produto .estrelas-avaliacoes>div {
        justify-content: start !important;
    }

    .avaliacoes-produto .estrelas-avaliacoes>div:first-child {
        display: none !important;
    }

    .avaliacoes-produto .descricao-avaliacao {
        text-align: start;
    }

    .user-nome {
        font-size: 0.563rem;
    }

    .user-descricao {
        font-size: 0.75rem;
    }

    .user-recomendaria {
        font-weight: 500;
        font-size: 0.625rem;
    }

    .user-recomendaria span {
        font-weight: 400;
    }

    .avaliacao-util {
        font-size: 0.563rem;
    }

    .avaliacao-util p {
        font-size: 0.563rem;
    }

    .avaliacao-util img {
        width: 20px;
        height: 20px;
        margin: 0px 22px !important;
    }

}

.produto-accordion .card, .produto-accordion .card-header, .produto-accordion .conteudo-info-produto{
    padding: 0;
    margin: 0;
    border-radius: 5px;
    box-shadow: none;
}

.produto-accordion .card-body{
    padding:5px 20px;
}

/* .produto-accordion button:focus{
    box-shadow: none;
} */

#descricaoAccordion>div, #bulaAccordion>div {
    background: #f2f2f2;
}

.conteudo-info-produto>.row-info-produto {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 5px;
}

#descricaoAccordion>div:nth-child(even), #bulaAccordion>div:nth-child(even) {
    background: #fff;
}

.conteudo-info-produto>.row-info-produto:nth-child(even) {
    background: #fff;
    border-radius: 5px;
}

@media(min-width: 768px){
    .produto-accordion .conteudo-info-produto{
        padding: 5px 20px 5px 40px;
    }
}

.img-nps{
    transition: all 0.2s ease-in-out 0s;
}

.text-no-transform{
    -ms-transform: skewX(10deg)!important;
    -webkit-transform: skewX(10deg)!important;
    -moz-transform: skewX(10deg)!important;
    -o-transform: skewX(10deg)!important;
    transform: skewX(10deg)!important;
}

.filepond--root {
    margin-bottom: 0em;
}

.filepond--panel-root {
    background-color: #fff;
    padding: 5px;
    border: 1px dashed #ccc;
    border-width: thin;
}

.filepond--drop-label {
    height: auto;
}

.filepond--drop-label p {
    color: #aaa;
}

.w-45{
    width: 45%!important;
}

.no-padding{
    padding: 0px!important;
}

@media(min-width: 769px){

    .margin-right-manipulado{
        margin-right: 4%;
    }

    .margin-left-manipulado{
        margin-left: 4%;
    }
}

.text-light-grey{
    color: #939a9f;
}

.btn-red{
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

.icon-lupa-estoque{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    z-index: 2;
    top: 8px;
    background: url(../img/icons/icon-search.svg) no-repeat center;
}

.btn-recorrencia {
    background-color: var(--success) !important;
    color: #fff !important;
    border-color: var(--success) !important;
}

.bloco-recorrencia {
    border: 2px solid var(--success);
    border-radius: 5px;
    padding: 15px;
}

@media only screen and (max-device-width: 720px){
    .nld-chatbot .nld-avatar {
        bottom: 35% !important;
    }
}

.toast-top-app {
    top: 5px;
    right: 5px;
}

.foco-carrinho {
    color: var(--primary) !important
}

.btn-recorrencia {
    background-color: var(--success) !important;
    color: #fff !important;
    border-color: var(--success) !important;
}

.bloco-recorrencia {
    border: 2px solid var(--success);
    border-radius: 5px;
    padding: 15px;
}

@media only screen and (max-device-width: 720px){
    .nld-chatbot .nld-avatar {
        bottom: 35% !important;
    }
}

.notboxshadow.focus, .notboxshadow:focus {
    outline: 0;
    box-shadow: none !important
}
.btn-quantidade {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
.no-swiper-button {
    content: 'none' !important;
}
.btn-rotate {
    border-radius: 0.4rem;
    transform: skewX(-15deg) !important;
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
}
.search-bar {
    border-radius: 10px !important;
    border-color: rgb(180, 178, 178) !important;
}
.icon-card {
    background-image: url('https://www.farmaciasindependente.com.br/media/menus/estrutura/icon-numero-cartao.svg') !important;
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.icon-cvv {
    background-image: url('https://www.farmaciasindependente.com.br/media/menus/estrutura/icon-cvv.svg') !important;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
.border-degrade {
    border: 4px solid #1F438C;
    border-radius: 5px;
}

.card-especial {
    background: white;
    display: flex;
    padding: 10px;
    min-height: 110px;
    align-items: center;
}

.marcas-carousel .owl-nav{
    display: block !important;
}

.space-limit-preco {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.pb-app {
    padding-bottom: 6rem;
}