@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.bc8fdae47807.eot?kksjna");
    src: url("fontface/icone_pin/summernote-icons.bc8fdae47807.eot?kksjna#iefix") format('embedded-opentype'), url("fontface/icone_pin/summernote-icons.fe3febcb9608.ttf?kksjna") format('truetype'), url("fontface/icone_pin/summernote-icons.da8e618e81e6.woff?kksjna") format('woff'), url("fontface/icone_pin/summernote-icons.7939faa48c94.svg?kksjna#summernote-icons") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Nexa';
    src: url("fontface/fonte_cliente/NexaLight.e9f355b50d88.otf");
    font-weight: 100;
}

@font-face {
    font-family: 'Nexa';
    src: url("fontface/fonte_cliente/NexaRegular.43af9a823810.otf");
    font-weight: 400;
    font-size: 12px;
}

@font-face {
    font-family: 'Nexa';
    src: url("fontface/fonte_cliente/NexaHeavy.b868d2751392.otf");
    font-weight: 700;
    font-size: 14px;
}

@font-face {
    font-family: 'Nexa';
    src: url("fontface/fonte_cliente/NexaBlack.9e6108697583.otf");
    font-weight: 900;
}

@font-face {
    font-family: 'Axiforma Regular';
    src: url("fontface/fonte_cliente/Axiforma-Regular.d882de2cc508.ttf") format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Axiforma Bold';
    src: url("fontface/fonte_cliente/Axiforma-Bold.07f2b1fb4d86.ttf") format('truetype');
}

@font-face {
    font-family: 'Axiforma Black';
    src: url("fontface/fonte_cliente/Axiforma-Black.911b0bf0a18a.ttf") format('truetype');
}

[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;
}

.font-montserrat {
    font-family: 'MontSerrat', sans-serif;
    line-height: 1.5rem;
}

.font-axiforma-bold {
    font-family: 'Axiforma Bold';

}

.font-axiforma-black {
    font-family: 'Axiforma Black';
}

/*-- 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: 'Axiforma Regular';
    font-weight: 400;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
}

body {
    font-family: 'Axiforma Regular' !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    overflow-x: hidden !important;
}

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

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 !important;
}

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 !important;
}

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

h1,
.h1 {
    font-size: 22px;
    font-weight: 900;
}

h2,
.h2 {
    font-size: 18px;
}

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: 700;
    line-height: 1.7rem;
}

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

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

.blockquote {
    font-size: 1.09375rem;
}

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

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

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

.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 !important;
    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: 14px !important;
    font-weight: 300 !important;
}

.col-form-label-lg {
    font-size: 16px;
}

.col-form-label-sm {
    font-size: 12px;
}

.form-control-sm {
    font-size: 12px;
}

.form-control-lg {
    font-size: 16px;
}

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

.valid-tooltip {
    font-size: 11px;
}

.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: 11px;
}

.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: 14px;
}

.btn-sm,
.btn-group-sm>.btn {
    font-size: 11px;
}

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

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

.dropdown-menu2 {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 20rem;
    padding: 0;
    margin: 0;
    font-size: 12px;
    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: 11px;
}

.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 !important;
    padding: 3px !important;
}

.card {
    border-radius: 10px !important;
}

.card2 {
    border-radius: 4px;
}

.card-body {
    padding: 12px !important;
}

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

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

.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;
}

.blur {
    filter: blur(3.5px);
    z-index: -1;
    pointer-events: none;
}

.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));
}

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

    .modal-dialog {
        max-width: 500px;
        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;
    }
}

@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: initial;
}

.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: 200 !important;
}

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

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

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

.font-weight-bolder {
    font-weight: 800 !important;
}

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

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

.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;
}

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.ae8dd60f0c8e.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.a29425b5ad24.svg") no-repeat left center;
    background-size: 12px;
}

.indique-san {
    width: 100%;
    background: transparent url("../img/outros/foto-indique-san.203dbc6d5da1.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: 4px;
}

.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: 9px !important;
}

.font-xs {
    font-size: 10px !important;
}

.font-sm {
    font-size: 12px !important;
}

.font-lg {
    font-size: 15px !important;
}

.font-xl {
    font-size: 16px !important;
}

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

.font-2xl-inner-maior {
    font-size: 20px !important;
}

.font-2xl-inner-maior .font-xl {
    font-size: 22px !important;
}

.font-2xl-inner-maior .font-2xl {
    font-size: 26px !important;
}

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

.font-xl-inner-maior {
    font-size: 18px !important;
}

.font-xl-inner-maior .font-xl {
    font-size: 20px !important;
}

.font-xl-inner-maior .font-2xl {
    font-size: 22px !important;
}

.font-xl-inner-maior .font-3xl {
    font-size: 26px !important;
}

.font-2xl {
    font-size: 20px !important;
}

.font-3xl {
    font-size: 30px !important;
}

.font-4xl {
    font-size: 40px !important;
}

.font-5xl {
    font-size: 60px !important;
}

.font-6xl {
    font-size: 90px !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;
    }

    .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;
    }
}

@media (max-width: 768px) {
    .font-title-mobile {
        font-size: 1.4rem !important;
    }

    div[data-target="produto_view"] .font-2xl-inner-maior[data-target="preco-produto"] .font-xl {
        font-size: 35px !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.788ec0a392f0.svg");
    background-size: 33px;
}

.icon-star-filled {
    background-image: url("../img/star_filled.397059b5c922.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.efd3a94cab9c.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.4f0fc3c72493.svg") no-repeat left 5px center;
    background-size: 20px;
}

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

input[type="search"] {
    width: 45%;
    background: url("../img/icons/icon_search.015ec8613e9b.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%;
    }
}

.arrow {
    border: solid #fff;
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 6px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

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

    .dreams3 {
        background: #fcfcfc url("../img/sonhos/bg-timeline-dreams.e37a3380a948.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.e37a3380a948.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.e37a3380a948.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.3;
    -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: 200px;
    padding: 10px;
}

.imagem-carrossel-blog {
    background: 50% 50% no-repeat;
    height: 200px;
}

.descricao-blog-banner {
    height: 60px;
}

.produto {
    transition: .3s;
    position: relative;
    background: #fff;
    max-width: 240px;
}

div.desconto-produto {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 35px;
    margin-top: -30px;
    max-height: 30px;
    float: right;
    border: 1px solid transparent;
    padding: 0.25rem 0.5rem 0 0.5rem;
    border-radius: 5px;
    background-color: #8D2C48;
    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 !important;
}

.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 {
        display: block !important;
        box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 25%), -4px 0 10px 0 rgb(0 0 0 / 25%);
        transform: scale(1.01) translate(-1px, 1px);
    }

    .produto {
        max-width: unset;
    }

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

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

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

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

    .owl-carousel-especial .produto .produto-comprar:first-child {
        top: 69%;
    }

    .owl-carousel-especial .produto .produto-comprar:last-child {
        top: 83% !important;
    }
}

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

.produto .produto-comprar .btn {
    /* Adicionei esta margem pq estava aparecendo uma barra quando 1080p   */
    /* margin: -1px; */
    /* margin-left: auto;
    margin-right: auto; */
}

@media (max-width: 800px) {
    .imagem-produto {
        height: 200px;
        padding: 10px;
        object-fit: contain;
    }

    .imagem-carrossel-blog {
        height: 130px;
    }

    .descricao-blog-banner {
        height: 40px;
    }

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

@media (max-width: 600px) {
    .imagem-produto {
        height: 150px;
        padding: 10px;
    }

    .imagem-carrossel-blog {
        height: 130px;
    }

    .descricao-blog-banner {
        height: 40px;
    }

    .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%
}

.carousel-topo .owl-dots .owl-dot.active span,
.carousel-topo .owl-dots .owl-dot:hover span {
    background-color: #d13061;
}

.prev {
    cursor: pointer;
    color: var(--muted);
    opacity: 0;
    transition: .5s;
    position: absolute;
    top: 35%;
    left: 0;
}

.next {
    cursor: pointer;
    color: var(--muted);
    opacity: 0;
    transition: .5s;
    position: absolute;
    top: 35%;
    right: -1px;
}

@media (max-width: 900px) {

    .next,
    .prev {
        opacity: 1;
    }
}


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

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}

.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);
    border-radius: 10px;
}

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

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

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

.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;
}

.swiper-button-next {
    background: url("../img/icons/flecha-direita.a8b55bea0396.svg")no-repeat center;
    background-size: contain;
    opacity: 1 !important;
    width: 70px !important;
    height: 70px !important;
    right: -18px !important;
    top: 43% !important;
}

.swiper-button-next::after {
    display: none;
}

.swiper-button-prev::after {
    display: none;
}

.swiper-button-prev {
    opacity: 1 !important;
    width: 70px !important;
    height: 70px !important;
    left: -18px !important;
    top: 43% !important;
    background: url("../img/icons/flecha-esquerda.50ef8e3308ac.svg")no-repeat center;
    background-size: contain;
}

.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% !important;
    height: 50px !important;
    position: relative !important;
    border-radius: .5rem !important;
    font-size: 14px !important;
    color: #444 !important;
    border: solid 2px var(--pale-sky-blue) !important;
    background-color: #ffffff !important;
    padding-top: 18px !important;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.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.4dcd992800a2.png") no-repeat center;
}

.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 7px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    padding: 4px;
    border: 2px solid var(--danger);
    border-radius: 4px;
    background: var(--danger);
    background-clip: content-box;
}

.check-ecomm label::before {
    content: '';
    position: relative;
    margin: 0px 7px;
    width: 25px;
    height: 25px;
    border: 2px solid var(--pale-sky-blue);
    border-radius: 4px;
}

.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: 25px;
    min-height: 25px;
    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(--danger);
    background: var(--danger);
    background-clip: content-box;
    padding: 4px;
}

.radio-ecomm input:checked+label {
    font-weight: 700;
    color: var(--danger);
}

.nav-user {
    position: relative;
    display: block;
    background: #f3f3f3;
    min-width: 220px;
    padding: 18px 20px;
    margin-top: -.5rem;
}

.nav-user .btn-user-perfil {
    padding: 5px;
    margin-top: 5px !important;
}

.nav-user p {
    color: #444
}

.nav-user ul {
    list-style: none;
    padding: 0;
}

.nav-user ul li {
    height: 64px;
    font-size: 17px;
    display: flex;
    align-items: center;
    padding: 5px;
}

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

.nav-user ul li a {
    letter-spacing: -0.11px;
    color: #787878;
    font-weight: medium;
    font-size: 1.125rem;
    margin-bottom: -.5rem;
}

.nav-user ul li.link_ativo a {
    color: var(--danger);
    font-weight: 700;
    margin-bottom: -.5rem;
}

.nav-user ul li img {
    margin-right: 19px !important;
}

.nav-user ul li.link_ativo img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(85%) saturate(4453%) hue-rotate(334deg) brightness(82%) contrast(90%);
}


.nav-user ul li a:hover {
    color: var(--danger-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: rgba(145, 20, 54, 0.3);
}

.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: var(--danger);
    opacity: 1 !important;
    z-index: 1;
}

.btn_remove {
    border: none;
    width: 20px;
    height: 20px;
    box-shadow: none;
    background: url("../img/icons/icon-trash.52876bac4e11.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: rgba(38, 166, 154, 0.15);
}

.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%;
    cursor: pointer;
    background: url("../img/icons/icon_user.65faa694f66a.svg") no-repeat center var(--pale-sky-blue);
    background-size: 50%;
}

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

.foto_user>label::before {
    content: url("../img/icons/icon_camera-user.3575df66be99.svg");
    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: 1px solid #d7e1e7;
    border-radius: 10px;
}

.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: 700;
}

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

.body-pedido {
    padding: 20px;
}

.card-pedido {
    background: var(--ice-blue);
    border-radius: 10px;
    margin: 10px 0px;
    padding: 20px;
}

.img-produto {
    border-radius: 1rem;
    border: 1px solid var(--pale-sky-blue);
    position: relative;
    display: flex;
    align-items: flex-end;
    min-width: 80px;
    background-color: #fff;
    margin-right: 15px;
    padding: 5px;
}

.steps-produto {
    list-style: none;
    display: flex;
    min-height: 100px;
}

.steps-produto li {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    border: solid 2.6px var(--warning);
    background-color: #ffffff;
    color: var(--warning);
    padding: 6px 10px 10px 8px;
    font-size: 12px;
}

.steps-produto div {
    position: relative;
    left: -35px;
    top: 15px;
    text-align: center;
}

.steps-produto li img {
    min-height: 26px;
    transform: skew(1deg);
    filter: sepia(100%) saturate(392%);
    -webkit-filter: sepia(100%) saturate(392%);
    -moz-filter: sepia(100%) saturate(392%);
}

.steps-produto li.disabled img {
    filter: contrast(0.5);
}

.steps-produto li.last_children img {
    filter: none;
}

.steps-produto li.last_children {
    background-color: var(--warning);
}

.steps-produto li.last_children::before {
    background: var(--pale-sky-blue);
}

.steps-produto li.disabled {
    background: #fff;
    border: solid 2.6px var(--pale-sky-blue);
    color: var(--pale-sky-blue);
}

.steps-produto li.disabled::before {
    background: var(--pale-sky-blue);
}

.steps-produto li::before {
    content: '';
    position: relative;
    display: block;
    height: 3px;
    top: 14px;
    background: var(--warning);
}

@media (min-width: 768px) {
    .steps-produto li:last-child {
        margin: 0;
    }
}

.steps-produto li:last-child::before {
    content: none;
}

@media (min-width: 768px) {
    .bloco-pedido {
        padding: 20px 20px .5rem 20px;
    }

    .steps-produto li {
        margin-right: 60px;
    }

    .steps-produto li::before {
        width: 60px;
        right: -40px;
    }

    .steps-produto div {
        width: 100px;
    }
}

@media (max-width: 768px) {
    .bloco-pedido {
        padding: 0px;
    }


    .steps-produto li {
        width: 40px;
        height: 40px;
        border-radius: 6px;
        border: solid 2.6px var(--warning);
        background-color: #ffffff;
        color: var(--warning);
        padding: 0px;
        font-size: 12px;
        margin: 0 15px;
    }

    .steps-produto li img {
        margin: 0 5px;
        ;
        width: 25px;
    }

    .steps-produto li div {
        font-size: 10px;
        margin: 0 23px;
    }

    /* .steps-produto li {
        margin-right: 20px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--windows-blue);
    } */

    /* .steps-produto li * {
        display: none;
    } */

    .steps-produto li::before {
        width: 30px;
        right: -38px;
        top: 18px;
    }

    .steps-produto div {
        width: 60px;

    }
}

.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.24ccadc09257.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.86ff9a6e3228.png") no-repeat center;
}

.was-validated .form-control:invalid {
    background: #fff;
}

.was-validated .form-control:valid {
    background: #fff;
}

.prevmarca {
    position: absolute;
    top: 30px;
    left: 0;
}

.nextmarca {
    position: absolute;
    top: 30px;
    right: 0;
}

/*
range costumizado para carrinho
 */


/*
range costumizado para carrinho
 */

.select2-selection.select2-selection--single {
    height: 45px !important;
    border: solid 2px var(--pale-sky-blue) !important;
    border-radius: .5rem !important;
}

.select2-selection__rendered {
    padding-bottom: 0 !important;
    padding-top: 7px !important;
    font-size: 12px !important;
}

.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;*/
    background-color: var(--danger) !important;
}

.labl>input+label:hover *,
.labl>input:checked+label * {
    color: #fff !important;
}

.labl>input:checked+label img,
.labl>input+label:hover img {
    filter: invert(253%) sepia(3) saturate(600) hue-rotate(33deg) brightness(80%);
}

.labl.was-validated>input:not(:valid)+label {
    border: 1px solid var(--danger-hover) !important;
}

.labl.was-validated>input:not(:valid)+label * {
    color: var(--danger-hover) !important;
}

.labl.was-validated>input:not(:valid)+label img {
    filter: invert(13%) sepia(57%) saturate(4026%) hue-rotate(328deg) brightness(96%) contrast(98%);
}

.labl-carrinho>input+label:hover,
.labl-carrinho>input:checked+label {
    /* DIV STYLES */
    background-color: var(--danger) !important;
}

.labl-carrinho>input+label:hover *,
.labl-carrinho>input:checked+label * {
    color: #f0f3f5 !important;
}

.labl-carrinho>input:checked+label img,
.labl-carrinho>input+label:hover img {
    filter: none;
}

.labl-carrinho label p {
    margin-bottom: 0.1rem;
}

.labl-tipo-entrega>input+label {
    border: 1px solid #b0b9bf !important;
    color: #b0b9bf;
}

.labl-tipo-entrega>input+label:hover,
.labl-tipo-entrega>input:checked+label {
    border: 2px solid var(--danger) !important;
    color: var(--danger);
}

.labl-entrega>input+label {
    border: 1px solid #b0b9bf !important;
}

.labl-entrega>input+label:hover,
.labl-entrega>input:checked+label {
    border: 0;
    background-color: var(--danger) !important;
}

.labl-entrega>input+label:hover *,
.labl-entrega>input:checked+label * {
    color: #f0f3f5 !important;
}

.icone-ajuda {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0 0 0 !important;
    min-height: 20px !important;
    min-width: 20px !important;
    margin-right: 0.5rem;
}

.radio-retirada input {
    display: none;
}

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

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

.radio-retirada input:checked+label:before {
    border: 2px solid var(--danger);
    background: var(--danger);
    background-clip: content-box;
    padding: 3px;
}

.radio-retirada input:checked+label {
    font-weight: 700;
    color: var(--danger);
}

@media (min-width: 768px) {
    .font-weight-md-bold {
        font-weight: 700 !important;
    }
}

.carousel-topo .owl-dots {
    transition: .5s;
    position: relative;
    bottom: 30%;
    height: 20px;
    margin: 0 auto 0;
}

/*@media (max-width: 760px) {*/
/*    .carousel-topo .owl-dots {*/
/*        margin: -30px auto -30px;*/
/*    }*/
/*}*/

.form-group-float label.label-padrao-menor {
    transform: translate(0, 50%) scale(1);
    font-size: 14px;
}

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

.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: 1040;
    background: transparent;
    height: 100%;
    
}

.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: white;
}

.subcategoria-sidebar * a {
    color: #444;
}

.subcategoria-sidebar.active {
    display: block;
    z-index: 10;
}

.header-categoria {
    background: var(--warning);
}

.categorias-sidebar a {
    color: var(--texto) !important;
}

.categorias-sidebar {
    list-style: none;
    padding-left: 13px;
}

.categorias-sidebar>li {
    border-bottom: 1px solid var(--ice-blue);
}

.categorias-sidebar>li .item_categoria {
    position: relative;
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
}

.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 #fff;
    border-top: 2px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(-135deg);
    top: 5px;
}

.show-itens {
    border-radius: 50px;
    background-color: white;
}

.categorias-sidebar .has-children>.item_categoria::after {
    content: '';
    background: url("../img/icons/arrow-next-danger.f2922a88288e.svg")no-repeat center;
    position: absolute;
    right: 0;
    width: 28px;
    height: 35px;
    top: 20%;
    background-size: contain;
}

.subcategoria-sidebar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    display: none;
}

.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: 8px;
    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 * :active {
    color: var(--danger);
    font-weight: 800;
}

.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;
}

.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: 1px solid var(--pale-sky-blue);
    border-radius: 10px;
    font-weight: 700;
}

.header-endereco {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid var(--pale-sky-blue);
}

.corpo-endereco {
    padding: 15px 20px;
}

.add_endereco-cartao {
    width: 100%;
    height: 150px;
    border: 2px dashed var(--pale-sky-blue);
    background: none;
    font-size: 12px;
    display: block;
    text-align: center;
    border-radius: 10px;
    padding-top: 7%;
}

.add_endereco-cartao * {
    color: var(--blue-gray);
}

.add_endereco-cartao span {
    font-size: 60px;
    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.8f0a99badb7d.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: 700;
}

.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: 1px solid var(--pale-sky-blue);
    border-bottom: none;
    background: #fff;
    position: relative;
    bottom: -1px;
    padding: 5px 15px;
    border-radius: 7px 7px 0px 0px;
    font-size: 12px;
    color: #b0b9bf;
}

.footer-cookie {
    position: fixed;
    bottom: 6%;
    width: 100%;
    z-index: 1000;
}

.footer-cookie>div {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    background: white;
    border-radius: 15px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    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: calc(100% - 20px);
    height: auto;
    background: white;
    margin: 0 auto;
    z-index: 100;
    border: 1px solid #e4e7ea;
    border-top: none;
    border-radius: 0px 0px 7px 7px;
    padding: 10px;
    left: 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: 1px solid var(--pale-sky-blue);
    border-radius: 5px;
    padding: 5px 5px;
    display: inline-block;
    /* transform: skew(-10deg); */
}

.img-search-produto * {
    /* transform: skew(10deg); */
}

.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(--danger);
    box-shadow: none;
    background: none;
    color: var(--danger);
    margin: 0px 3px;
    border-radius: 50%;
    padding: 8px 0px;
    width: 25px;
    height: 25px;
}

.pagination-padrao a:hover {
    background: var(--danger-hover);
    color: #fff;
}

.pagination-padrao a.active {
    background: var(--danger);
    color: #fff;
}

.pagination-padrao a * {
    transform: none;
    color: #0007;
}

a[data-pagina="next"],
a[data-pagina="prev"] {
    background: var(--danger);
    color: #fff;
    padding: 3px;
}

.text-search {
    color: var(--danger);
    width: 100%;
    display: block;
}

@media (max-width: 992px) {
    .filter_search {
        position: fixed;
        background: white;
        z-index: 1;
        height: 100%;
        width: 100%;
        left: -100%;
        padding-left: 20px;
        padding-right: 20px;
        overflow: scroll;
        transition: all 0.5s;
    }
}

@media (min-width: 992px) {
    .filter_search {
        margin-top: -8px;
        padding: 0px 0px;
        min-width: 300px;
        max-width: 300px;
        background: white;
    }

    .pesquisa-preco .check-ecomm label::before {
        background: white;
    }

    .pesquisa-preco .check-ecomm input:checked+label::before {
        background: var(--danger);
        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.2988960c2768.jpg") no-repeat center top;
    background-size: cover;
}

.bg-foto-familia-convenio {
    background: #18537D url("../img/paginas-textuais/foto-familia-nissei.537eeeb2c343.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 {
    border: 1px solid var(--ice-blue);
    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(--danger);
}

.accordion-button_padrao.active::after {
    content: '';
    width: 190px;
    height: 20px;
    position: absolute;
    background: white;
    left: -1px;
    border-left: 1px solid var(--ice-blue);
    border-right: 1px solid var(--ice-blue);
    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(--danger)
}

.accordion-button_padrao p {
    color: #666;
    font-weight: 700;
}

.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-radius: 10px;
}

.body-cadastro {
    padding: 20px;
    background: #f4f6f6;
    border-radius: 22px;
}

@media (min-width: 768px) {
    .body-cadastro {
        padding: 20px 70px;
    }
}

.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: 0;
    font-size: 12px;
}

.input-pbm.form-group-float.active label {
    transform: translate(0, 50%) scale(.90);
}

.card-pbm {
    padding: 20px 15px;
    border: 1px solid var(--pale-sky-blue);
    border-radius: 8px;
    background: var(--mundo-padrao1-1);
}

.card-preco {
    background-color: #fff5f5;
    border-radius: 8px;
}

/* .btn-pbm {
    background: #00af66;
} */

.view-produto {
    display: flex;
    justify-content: space-between;
    position: absolute;
    text-align: right;
    left: 0;
    padding: 0px 5px;
}

.view-produto img {
    position: relative;
    max-height: unset;
    max-width: unset;
}

.view-produto.img-selo img {
    width: 75px !important;
    height: 75px !important;
}

.img-div {
    width: 100%;
    display: block;
}

.img-div div {
    float: right;
}


.block-white_label {
    margin-top: -16px;
    position: relative;
}

.logo-white-label {
    position: absolute;
    bottom: -70px;
    width: 17%;
}

.is_white-label {
    margin-top: 70px;
}

.is_white-label .filter_search {
    margin-top: -70px;
    padding-top: 100px;
}

.submenu-white-label {
    position: absolute;
    right: 0px;
}

.submenu-white-label ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.submenu-white-label ul li {
    list-style: none;
    padding: 10px 15px;
}

.submenu-white-label ul li a {
    color: var(--light-navy);
    font-weight: 600;
}

@media (max-width: 750px) {
    .logo-white-label {
        bottom: 0;
    }

    .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: #ccc8;
    position: relative;
    z-index: 1;
}

.bloco-direito-clube {
    margin-top: 45%;
    margin-bottom: 5%;
}

.img-avatar-centro {
    margin-top: -70%;
    position: relative;
    z-index: 3;
}

.section-clube-centro {
    margin-top: -10%;
}

.box-clube-centro {
    padding: 0px 6%;
}

.padding-footer {
    padding: 30px 0px;
}

.bg-yellow-clube {
    background: url("../img/clube/Bg-amarelo.15dfec98e194.svg");
    background-size: cover;
    margin-top: 50px;
}

.bg-clube-azul {
    background: url("../img/clube/Bg-Azul.61e3442476f1.svg") no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

@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%;
    }

    .bloco-direito-clube {
        margin-top: 60%;
        margin-bottom: 45%;
        padding: 0px 30px;
    }

    .card-clube {
        padding: 40px
    }

    .bg-yellow-clube img {
        width: 200%;
    }

    .section-clube-centro {
        padding: 0px 10px;
    }

    .logo-clube {
        width: 150px;
        margin-bottom: 50px;
    }

    .box-clube-centro {
        padding: 10% 6%;
    }
}

.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;
    }
}

.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: 2;
    position: relative;
    text-transform: capitalize;
    padding: 5px;
    padding-left: 15px;
    text-align: left;
    cursor: pointer;
}

.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;
    background: #fff;
    position: absolute;
    overflow: hidden;
    display: block;
    transition: .5s all;
    width: 170px;
    text-align: center;
    top: 15px;
    border-radius: 0px 0px 15px 15px;
    z-index: 1;
}

.dropdown-select_editado label {
    display: block;
    color: var(--danger);
    font-weight: 600;
    padding: 8px 15px;
    text-align: left;
    cursor: pointer;
}

.dropdown-select_editado label:hover {
    background: #e0e0e0;
    color: var(--danger);
}

.dropdown-select_editado input {
    display: none;
}

.dropdown-select_editado.expand {
    border: 2px solid var(--danger);
    border-top: 0;
    height: 130px;
    padding-top: 10px;
}

.regiao-menu {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.1px;
    z-index: 2;
}

.select-estado {
    display: block;
    position: relative;
}

.select-estado>div:first-child {
    width: 100%;
    min-width: 130px;
    z-index: 5;
    position: relative;
    text-transform: capitalize;
    cursor: pointer;
    transition: .5s all;
    font-size: 13px !important;
    padding-left: 10px;
    background-color: var(--warning);
}

.select-estado>div:first-child.active:after {
    top: 3px;
    right: 10px;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.select-estado>div:first-child:after {
    content: '';
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all .3s;
}

.select-estado__dropdown {
    background-color: #fff;
    height: 0;
    color: var(--danger);
    position: absolute;
    overflow: hidden;
    display: block;
    transition: .5s height;
    width: 100%;
    text-align: center;
    top: 20px;
    z-index: 4;
    border-radius: 0 0 0.5rem 0.5rem;
}


.select-estado__dropdown label {
    display: block;
    font-weight: 600;
    padding: 8px 0px;
    cursor: pointer;
}

.select-estado__dropdown label:hover,
.select-estado__dropdown label[active="true"] {
    background-color: #f3f3f3;
}

.select-estado__dropdown input {
    display: none;
}

.select-estado__dropdown.expand {
    height: auto;
}

.select-estado__dropdown>div {
    border: 2px solid var(--danger);
    border-radius: 0 0 0.5rem 0.5rem;
}

.select-estado__dropdown>div label:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
}

.sidebar-mobile__button {
    align-items: center;
    border: 3px solid var(--light-hover);
    border-radius: 8px;
    color: var(--muted);
    display: flex;
    font-weight: 700;
    margin: 0.5rem 0;
    padding: 1rem;
    text-align: left;
    width: 100%;
}

.sidebar-mobile__button span {
    text-transform: capitalize;
}

.sidebar-mobile__button:active,
.sidebar-mobile__button.active {
    border: 3px solid var(--danger) !important;
    color: var(--danger) !important;
}

#select-estado-mobile__display.active {
    border-radius: 8px 8px 0 0;
}

.select-estado-mobile__dropdown {
    background-color: #f3f3f3;
    height: 0;
    overflow: hidden;
    display: block;
    transition: height .5s;
    width: 100%;
    text-align: center;
    top: 36px;
    border-radius: 0 0 8px 8px;
}

.select-estado-mobile__dropdown label {
    display: block;
    font-weight: 700;
    padding: 8px 0px;
    font-size: 14px;
    color: var(--muted);
}

.select-estado-mobile__dropdown label:hover,
.select-estado-mobile__dropdown label[active="true"] {
    background-color: var(--danger);
    color: #fff;
}

.select-estado-mobile__dropdown input {
    display: none;
}

.select-estado-mobile__dropdown.expand {
    height: 120px;
    margin-bottom: 1rem;
    border: 3px solid var(--danger);
    border-top: 0;
}

/*
.dropdown-select_editado.popup{
    width: 80%;
}
*/

.title-produto {
    font-size: 2.5rem;
    font-weight: 900;
    color: #4d4d4d;
    text-transform: capitalize;
}

.adicionarRemover {
    display: flex;
    min-height: 35px;
}

.adicionarRemover>* {
    border: 1px solid #ccc;
    box-shadow: 0px 1px 2px #ccc;
    padding: 10px;
    text-align: center;
}

.adicionarRemover * {
    color: #787878;
    font-weight: 600;
    transition: all 0.2s;
    width: 37px;
}

.adicionarRemover>*:not(span) {
    cursor: pointer;
}

.adicionarRemover>span {
    font-size: 15px;
    border-left: 0;
    border-right: 0;
    width: 50px;
}

.adicionarRemover>a:hover {
    background-color: var(--danger);
}

.adicionarRemover .icon_plus {
    font-size: 15px;
    vertical-align: middle;
    transition: all 0.2s;
}

.adicionarRemover a:hover span {
    color: #fff;
}

.adicionarRemover .icon_horizontal-line {
    font-size: 12px;
    vertical-align: middle;
    transition: all 0.2s;

}

.adicionarRemover>a:first-child {
    border-radius: 12px 0px 0px 12px;
}

.adicionarRemover>a:last-child {
    border-radius: 0px 12px 12px 0px;
}

.card-link_home {
    display: flex;
    justify-content: space-between;
}

.card-link_home * {
    font-size: 14px;
    font-weight: 700;
    word-break: break-word;
    color: #ff367f;
    line-height: 1;
    text-align: center;
}

.card-link_home img {
    margin: 0 auto;
    margin-bottom: 5px;
}

.card-link_home a {
    min-height: 100%;
    max-height: 105px;
    padding: 15px 0px;
    display: block;
}

.card-link_hover:hover {
    background: #FCF0F4;
}

.produto-accordion .card,
.produto-accordion .card-header {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 25px;
    box-shadow: none;
}

.produto-accordion .card-body {
    padding: 5px 20px
}

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

.produto-accordion .card {
    border: 2px solid #c4c4c4;
}

/* 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: #787878;
    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: 'MontSerrat', 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;
    }

}

@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;
    }

}

.div_avaliacao {
    padding-top: 20px;
}

.div_avaliacao p {
    display: flex;
    padding: 5px 0px
}

.div_avaliacao>span {
    white-space: nowrap;
}

.graph_avaliacao {
    max-height: 5px;
    background: var(--danger);
    border-radius: 6px;
    width: 0;
    position: relative;
    display: block;
    margin-left: 6px;
    margin-top: 5px;
    transition: 1s all;
}

.graph_avaliacao::after {
    content: " ";
    position: absolute;
    height: 5px;
    border-radius: 6px;
    left: 0;
    top: 0;
    width: 200px;
    display: block;
    background: #d9d9d9;
    z-index: -1;
}

.avaliacao_stripped {
    padding: 25px 0px;
}

.avaliacao_stripped:nth-child(odd) {
    background: #f8f8f8;
}

.body-blog .card {
    border-radius: 10px;
    background: #f8f8f8;
    box-shadow: none;
}

.img-principal-blog {
    width: 100%;
}

.container-post ul li a {
    color: var(--marine);
    font-weight: 300;
}

.container-post * {
    font-size: 16px;
}

.carousel-no-container img {
    height: 100%;
    width: 100%;
}

.carousel-no-container .height-carousel {
    height: auto;
}

.carousel-no-container .prev {
    left: -50px;
}

.carousel-no-container .next {
    right: -50px;
}

.como-chegar-filial:hover {
    color: #fff !important;
}

.beneficios_medicamentos_hover:hover {
    background: #FCF0F4;
}

.ofertas_semana_hover:hover {
    background: #ffebe7;
}

.farmacia_popular_hover:hover {
    background: #ffe8eb;
}

.ver_encarte_hover:hover {
    background: #fee7e7;
}

.ver_convenios_hover:hover {
    background: #e0fff0;
}

.trabalhe_conosco_hover:hover {
    background: #d6f1f2;
}

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

.bg_user {
    margin-left: 0px !important;
}

#carousel-marcas .prev {
    top: 15px;
    left: -15px;
}

#carousel-marcas .next {
    top: 15px;
    right: -15px;
}

#carousel-blog .prev {
    top: 40%;
    left: -15px;
}

#carousel-blog .next {
    top: 40%;
    right: -15px;
}

#carousel-blog .owl-nav img,
#carousel-marcas .owl-nav img {
    width: 15px !important;
}

#carousel-marcas.owl-carousel .owl-item img {
    width: 70% !important;
}

@media(max-width: 768px) {
    #carousel-marcas .prev {
        top: -5px;
    }

    #carousel-marcas .next {
        top: -5px;
    }

    .banner-popup-inicial {
        display: none !important;
    }

    .carousel-no-container .btn img {
        width: 18px !important;
    }

    .carousel-no-container .prev {
        left: -15px !important;
    }

    .carousel-no-container .next {
        right: -15px;
    }

    .bloco_menu_footer {
        max-width: 75px;
    }

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

@media(min-width: 769px) {
    .banner-popup-inicial {
        display: block !important;
    }
}

.btn-login-nao-autenticado:hover {
    color: #fff;
}

.posicao-btn-comentar {
    justify-content: end;
}

.bg-medicamentos {
    background-color: #d13061;
    border-radius: 5px;
}

.owl-carousel-especial .produto-footer {
    display: block;
}

.avaliacao-progress-bar {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.avaliacao-progress-bar .progress {
    height: 6px;
    max-width: 250px;
    width: 100%;
}

.avaliacao-progress-bar p {
    max-width: 100px;
    width: 100%;
    padding: 0 10px;
}

@media(min-width: 769px) {
    .pesquisa-preco {
        height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px;
    }

    .pesquisa-preco::-webkit-scrollbar-thumb {
        background-color: var(--danger);
        /* color of the scroll thumb */
        border-radius: 20px;
        /* roundness of the scroll thumb */
    }

    .collapse.show-hide-filtro {
        display: block;
    }
}

.pesquisa-preco::-webkit-scrollbar {
    width: 8px;
    /* width of the entire scrollbar */
}

.labl-pagamento>input+label {
    border: none !important;
}

.labl-pagamento>input+label:hover,
.labl-pagamento>input:checked+label {
    border: 0 !important;
    background-color: var(--danger) !important;
}

.labl-pagamento>input+label:hover *,
.labl-pagamento>input:checked+label * {
    color: #f0f3f5 !important;
}

a.link-perfil>div {
    border-bottom: 1px solid var(--secondary);
}

a.link-perfil:first-child>div {
    border-top: 1px solid var(--secondary);
}

.link-perfil .frame-imagem-perfil {
    height: 25px;
    width: 25px;
}

.padding-card-pbm {
    padding: 10px 25px;
}

@media(max-width:768px) {
    .padding-card-pbm {
        padding: 10px;
    }
}

.animated {
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-animated-out {
    z-index: 0;
}

.fadeOut {
    z-index: 0;
}

.owl-item.active {
    z-index: 1 !important;
}

.owl-item.active {
    -webkit-animation-name: slideron;
    animation-name: slideron;
}

@-webkit-keyframes slideron {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideron {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mega-ofertas {
    background: url("{% static "img/logos_e_banners/bg_oferta_tv.png" %}") no-repeat center !important;
}

.d-none-valor-banco {
    display: none
}

#form_upload_receita_carrinho .labl>input+label:hover,
#form_upload_receita_carrinho .labl>input:checked+label {
    background-color: var(--danger) !important;
}

#form_upload_receita_carrinho .labl.labl-receita>input+label:hover *,
#form_upload_receita_carrinho .labl.labl-receita>input:checked+label * {
    color: white !important;
}

#form_upload_receita_carrinho .labl>input.is-invalid+label {
    border-color: var(--danger) !important;
}

#form_upload_receita_carrinho .labl>input.is-valid+label {
    border-color: var(--success) !important;
}

#form_upload_receita_carrinho .is-invalid .filepond--drop-label {
    border: 1px solid var(--danger) !important;
    border-radius: .25rem;
}

#form_upload_receita_carrinho .is-valid .filepond--drop-label {
    border: 1px solid var(--danger) !important;
    border-radius: .25rem;
}

.new-pbm {
    border: solid 2px #00af66;
    color: #00af66;
    transform: skewX(-10deg);
    border-radius: 0.5rem;
    height: 35px;
}

/* .ativar-desconto {
    display: block;
    width: 200px;
    height: 35px;
    line-height: 40px;
    font-size: 18px;
    font-family: sans-serif;
    text-decoration: none;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
    transition: all .80s;
}
.ativar-desconto .span {
    position: relative;
    z-index: 2;
    }

.ativar-desconto:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #00af66;
    color: #fff !important;
    transition: all .80s;
    }

.ativar-desconto:hover{
    color: #fff !important;
    z-index: 2;
}

.ativar-desconto:hover:after{
    width: 100%;
} */

.icone-white {
    filter: invert(98%) sepia(156%) saturate(82%) hue-rotate(92deg) brightness(203%) contrast(100%);
}

.icone-pbm {
    background-color: #f7bf20;
    height: 33px;
    border-radius: 3px;
    align-items: center;
    display: flex;
}

/* .btn-submit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #636363;
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 29px;
    justify-content: center;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 29px;
} */

.qtd-tabela {
    color: #8a9297;
    font-size: 15px;
    font-weight: 500;
}

.valor-tabela {
    font-weight: 800;
    color: #8a9297;
    font-size: 15px;
}

.btn-tabela-pbm {
    background-color: #911436 !important;
    font-weight: 800 !important;
}

.tabela-pbm {
    color: #00af66;
    font-size: 25px !important;
}

.submit-cpf {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #636363 !important;
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 29px;
    justify-content: center;
    position: absolute;
    right: 3px;
    z-index: 5;
    border-radius: 4px !important;
    top: 4px;
    width: 29px;
}

.form-cpf {
    border-radius: 4px;
    color: #010101;
    font-size: 13px;
    height: 35px;
    line-height: 15px;
    width: 100%;
    z-index: unset;
}

.done-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 25px;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.asidebar {
    border-left: 3px solid var(--danger);
}

.icon_cesta {
    background: var(--danger)
}

.mensagem-fechamento {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 12px;
}

.opcao-retirada .mensagem-fechamento {
    border-bottom: 1px solid var(--secondary)
}

.toast-top-right-carrinho {
    top: 100px;
    right: 12px;
}

.escolha-loja:hover label {
    background-color: var(--secondary);
}

.escolha-loja input:checked+label {
    background-color: var(--secondary);
}

.asidebar-desfoco,
.asidebar-desfoco-confirmacao {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
    z-index: 10001;
}

.asidebar-desfoco-confirmacao {
    z-index: 10003;
}

.carrinho-progress {
    height: 8px;
    background-color: #d7e1e7;
    position: relative;
    border-radius: .5rem;
}

.carrinho-progress .carrinho-progress-bar {
    position: absolute;
    height: 100%;
    background-color: var(--warning) !important;
    border-radius: .5rem;
}

.carrinho-progress .carrinho-progress-bar:after {
    position: absolute;
    right: -25px;
    content: " ";
    background: url("{% static 'img/icons/icon_frete_gratis.svg'%}") no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    border-radius: 0.5rem;
    top: -35%;
}

#carrinho-footer .carrinho-progress,
.footer-carrinho .carrinho-progress {
    height: 5px !important;
    border-radius: 0 !important;
}

#carrinho-footer .carrinho-progress .carrinho-progress-bar,
.footer-carrinho .carrinho-progress .carrinho-progress-bar {
    border-radius: 0 !important;
}

#carrinho-footer .carrinho-progress .carrinho-progress-bar:after,
.footer-carrinho .carrinho-progress .carrinho-progress-bar:after {
    content: none !important;
}

#carrinho-scrollable {
    overflow: hidden;
    max-height: calc(100vh - 105px - 80px) !important;
    min-height: calc(100vh - 105px - 80px) !important;
    background-color: var(--light) !important
}

#carrinho-produtos-ver-todos {
    left: 14vw;
}

#carrinho-header>.d-flex {
    border-bottom: 2px solid var(--danger);
}

.asidebar,
.asidebar-confirmacao {
    position: fixed;
    height: 100vh;
    width: 35vw;
    top: 0;
    right: 0;
    background: var(--no-white);
    z-index: 10002;
    transition: .3s;
}

.asidebar-confirmacao {
    height: auto;
    z-index: 10004;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.asidebar.asidebar-closed {
    right: -35vw;
}

.asidebar-confirmacao {
    top: auto;
    bottom: 0;
}

.asidebar-confirmacao.asidebar-closed {
    bottom: -100%;
}

@media (max-width: 1700px) {

    .asidebar,
    .asidebar-confirmacao {
        width: 40vw;
    }

    .asidebar.asidebar-closed {
        right: -40vw;
    }
}

@media (max-width: 1500px) {

    .asidebar,
    .asidebar-confirmacao {
        width: 40vw;
    }

    .asidebar.asidebar-closed {
        right: -40vw;
    }

    #carrinho-produtos-ver-todos {
        left: 15vw;
    }
}

@media (max-width: 1200px) {

    .asidebar,
    .asidebar-confirmacao {
        width: 45vw;
    }

    .asidebar.asidebar-closed {
        right: -45vw;
    }

    #carrinho-produtos-ver-todos {
        left: 22vw;
    }
}

@media (max-width: 800px) {
    .asidebar {
        border-left: 3px solid var(--warning);
    }

    .icon_cesta {
        background: var(--warning)
    }

    .asidebar,
    .asidebar-confirmacao {
        width: 100vw;
    }

    .asidebar.asidebar-closed {
        right: -100vw;
    }

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

    #carrinho-produtos-ver-todos {
        left: 35vw;
    }

    #carrinho-footer {
        width: 100vw;
        transition: .3s;
    }

    .asidebar.asidebar-closed #carrinho-footer {
        right: -100vw;
    }

    .asidebar:not(.asidebar-closed) #carrinho-footer {
        position: fixed;
        z-index: 1039;
        bottom: -35px;
        right: 0;
    }

    #carrinho-header>.d-flex {
        border: 2px solid var(--warning)
    }
}

@media (max-width: 400px) {
    #carrinho-produtos-ver-todos {
        left: 25vw;
    }
}

#carrinho-conteudo_produtos.show #carrinho-produtos-ver-todos,
#carrinho-conteudo_produtos.show #pano-branco {
    visibility: hidden;
    opacity: 0;
}

#carrinho-conteudo_produtos:not(.show) #carrinho-produtos-ver-todos,
#carrinho-conteudo_produtos:not(.show) #pano-branco {
    z-index: 3;
    visibility: visible;
    opacity: 1;
}

div.acordions-costumizados:not(.pano-branco) {
    border-radius: .5rem;
    margin-right: -5px;
    margin-left: -5px;
    padding-right: 5px;
    padding-left: 5px;
}

div.acordions-costumizados:not(.pano-branco) {
    background-color: var(--secondary);
}

div.acordions-costumizados:not(.pano-branco):hover {
    background-color: var(--secondary-hover);
}

#carrinho-conteudo_produtos .adicionarRemover {
    min-height: unset
}

#carrinho-conteudo_produtos .adicionarRemover .icon_horizontal-line {
    position: relative;
    top: 3px;
}

#carrinho-conteudo_produtos .adicionarRemover>span {
    padding-top: 8px;
}

#carrinho-conteudo_produtos .adicionarRemover .icon_plus {
    position: relative;
    top: 1px;
}

#carrinho-conteudo_produtos .adicionarRemover>* {
    padding: 5px
}

.pacote-card {
    padding: 0.8rem !important;
    background-color: #f0f3f5 !important;
    border-radius: 5px;
}

.scrollport:before,
.scrollport:after {
    content: '';
}

.scrollport {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 25rem;
    overflow: scroll;
    scroll-snap-type: y mandatory;
}

.scrollport:after,
.scrollport:before {
    scroll-snap-align: center;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px !important;
}

.scrollport .cell {
    scroll-snap-align: center;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #898989;
    font-size: 2rem;
    height: 85px !important;
}

.scrollport .selected {
    font-size: 4rem;
    font-weight: bold;
    color: #444444;
}

.modalQuantidade {
    display: flex;
    height: 4rem;
    background-color: var(--danger);
    font-size: 1.2rem;
    text-align: center;
    align-content: baseline;
}

.text-receita {
    color: #444;
}

@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 {
    background: #f7bf20;
}

.btn-qtd-pbm-esq {
    border-radius: .5rem 0rem 0rem .5rem;
}

.bg-muted-pbm {
    background-color: #f4f4f4;
    border-radius: 0.3rem;
}

.btn-qtd-pbm-dir {
    border-radius: 0rem .5rem .5rem 0rem;
}

.swiper-produto-nav-button.swiper-button-next,
.swiper-produto-nav-button.swiper-button-prev {
    /*background: var(--warning) !important;*/
    opacity: 1 !important;
    border-radius: 50%;
    height: 50px !important;
    width: 50px !important;
    top: 50% !important;
}

.swiper-produto-nav-button.swiper-button-next {
    right: 0 !important;
    transform: translateX(50%);
}

.swiper-produto-nav-button.swiper-button-prev {
    left: 0 !important;
    transform: translateX(-50%);
}

.swiper-produto-nav-button.swiper-button-next::after,
.swiper-produto-nav-button.swiper-button-prev::after {
    content: " " !important;
    display: block !important;
    background-size: contain;
    background-position: center;
    height: 75%;
    width: 75%;
}

.swiper-produto-nav-button.swiper-button-next::after {
    background: url("/staticfiles/img/icons/arrow-next-verm.6e63e0f89359.svg")no-repeat center;
    transform: translateX(-25%);
}

.swiper-produto-nav-button.swiper-button-prev::after {
    background: url("/staticfiles/img/icons/arrow-prev-verm.370c52244fc8.svg")no-repeat center;
    transform: translateX(25%);
}

.swiper-produto-nav-button.swiper-button-next.swiper-button-disabled,
.swiper-produto-nav-button.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35 !important;
}

.text-pbm {
    color: #000 !important;
}

.text-titulo-produto {
    font-size: 20px;
}

.icone-white {
    filter: invert(98%) sepia(156%) saturate(82%) hue-rotate(92deg) brightness(203%) contrast(100%);
}


.space-limit-preco {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}