@charset "UTF-8";

.woo-tooltip {
    display: none;
    position: absolute;
    padding: 10px;
    background: #fff;
    color: #090909;
    z-index: 99999;
    border-left: 0;
    border: 0;
    width: 120px;
    box-shadow: 1px 1px 15px 5px rgba(51, 51, 51, 0.07);
    border-radius: 5px;
    top: calc(100% + 15px);
    left: calc(100% - 70px);
    line-height: 1.3em;
    font-size: 0.8em;
    text-align: center;
}

    .woo-tooltip:before {
        border: 0;
        content: "";
        position: absolute;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -9px;
        left: calc(50% - 10px);
    }

    .woo-tooltip.top {
        top: inherit;
        bottom: calc(100% + 15px);
    }

        .woo-tooltip.top:before {
            border: 0;
            content: "";
            position: absolute;
            border-top: 10px solid #fff;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: inherit;
            bottom: -9px;
        }

    .woo-tooltip.left {
        top: 0;
        left: -275px;
    }

        .woo-tooltip.left:before {
            display: none;
        }

        .woo-tooltip.left:after {
            border: 0;
            content: "";
            border-left: 10px solid #fff;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            position: absolute;
            top: 16px;
            right: -9px;
        }

    .woo-tooltip.right {
        top: calc(100% + 15px);
        left: -10px;
    }

        .woo-tooltip.right:before {
            display: none;
        }

        .woo-tooltip.right:after {
            border: 0;
            content: "";
            position: absolute;
            border-bottom: 10px solid #fff;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: -9px;
            left: 10px;
        }

    .woo-tooltip.center {
        top: calc(100% + 15px);
        left: inherit;
    }

        .woo-tooltip.center:before {
            border: 0;
            content: "";
            position: absolute;
            border-bottom: 10px solid #fff;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: -9px;
            left: calc(50% - 10px);
        }

.woo-pos-rel {
    position: relative;
}

    .woo-pos-rel:hover .woo-tooltip {
        display: block;
    }

.--flex-1,
.woo-item-flex-1 {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}

.--flex-1_2,
.woo-item-flex-1_2 {
    flex: 1.2;
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
}


.--flex-2,
.woo-item-flex-2 {
    flex: 2;
    -webkit-box-flex: 2;
    -ms-flex: 2;
}

.--flex-3,
.woo-item-flex-3 {
    flex: 3;
    -webkit-box-flex: 3;
    -ms-flex: 3;
}

.--flex-4,
.woo-item-flex-4 {
    flex: 4;
    -webkit-box-flex: 4;
    -ms-flex: 4;
}

.--flex-5,
.woo-item-flex-5 {
    flex: 5;
    -webkit-box-flex: 5;
    -ms-flex: 5;
}

.--flex-6,
.woo-item-flex-6 {
    flex: 6;
    -webkit-box-flex: 6;
    -ms-flex: 6;
}

.--flex-7,
.woo-item-flex-7 {
    flex: 7;
    -webkit-box-flex: 7;
    -ms-flex: 7;
}

.--flex-8,
.woo-item-flex-8 {
    flex: 8;
    -webkit-box-flex: 8;
    -ms-flex: 8;
}

.--flex-9,
.woo-item-flex-9 {
    flex: 9;
    -webkit-box-flex: 9;
    -ms-flex: 9;
}

.--flex-10,
.woo-item-flex-10 {
    flex: 10;
    -webkit-box-flex: 10;
    -ms-flex: 10;
}

.--flex-11,
.woo-item-flex-11 {
    flex: 11;
    -webkit-box-flex: 11;
    -ms-flex: 11;
}

.--flex-12,
.woo-item-flex-12 {
    flex: 12;
    -webkit-box-flex: 12;
    -ms-flex: 12;
}

.--flex-13,
.woo-item-flex-13 {
    flex: 13;
    -webkit-box-flex: 13;
    -ms-flex: 13;
}

.--flex-14,
.woo-item-flex-14 {
    flex: 14;
    -webkit-box-flex: 14;
    -ms-flex: 14;
}

.--flex-15,
.woo-item-flex-15 {
    flex: 15;
    -webkit-box-flex: 15;
    -ms-flex: 15;
}

.--flex-16,
.woo-item-flex-16 {
    flex: 16;
    -webkit-box-flex: 16;
    -ms-flex: 16;
}

.--flex-17,
.woo-item-flex-17 {
    flex: 17;
    -webkit-box-flex: 17;
    -ms-flex: 17;
}

.--flex-18,
.woo-item-flex-18 {
    flex: 18;
    -webkit-box-flex: 18;
    -ms-flex: 18;
}

.--flex-19,
.woo-item-flex-19 {
    flex: 19;
    -webkit-box-flex: 19;
    -ms-flex: 19;
}

.--flex-20,
.woo-item-flex-20 {
    flex: 20;
    -webkit-box-flex: 20;
    -ms-flex: 20;
}

.order-1,
.woo-order-1 {
    order: 1;
}

.order-2,
.woo-order-2 {
    order: 2;
}

.order-3,
.woo-order-3 {
    order: 3;
}

.order-4,
.woo-order-4 {
    order: 4;
}

.order-5,
.woo-order-5 {
    order: 5;
}

.order-6,
.woo-order-6 {
    order: 6;
}

.order-7,
.woo-order-7 {
    order: 7;
}

.order-8,
.woo-order-8 {
    order: 8;
}

.order-9,
.woo-order-9 {
    order: 9;
}

.order-10,
.woo-order-10 {
    order: 10;
}

.order-11,
.woo-order-11 {
    order: 11;
}

.order-12,
.woo-order-12 {
    order: 12;
}

.order-13,
.woo-order-13 {
    order: 13;
}

.order-14,
.woo-order-14 {
    order: 14;
}

.order-15,
.woo-order-15 {
    order: 15;
}

.order-16,
.woo-order-16 {
    order: 16;
}

.order-17,
.woo-order-17 {
    order: 17;
}

.order-18,
.woo-order-18 {
    order: 18;
}

.order-19,
.woo-order-19 {
    order: 19;
}

.order-20,
.woo-order-20 {
    order: 20;
}

.--fgap-1,
.woo-flex-gap-1 {
    gap: 1px;
}

.--fgap-2,
.woo-flex-gap-2 {
    gap: 2px;
}

.--fgap-3,
.woo-flex-gap-3 {
    gap: 3px;
}

.--fgap-4,
.woo-flex-gap-4 {
    gap: 4px;
}

.--fgap-5,
.woo-flex-gap-5 {
    gap: 5px;
}

.--fgap-6,
.woo-flex-gap-6 {
    gap: 6px;
}

.--fgap-7,
.woo-flex-gap-7 {
    gap: 7px;
}

.--fgap-8,
.woo-flex-gap-8 {
    gap: 8px;
}

.--fgap-9,
.woo-flex-gap-9 {
    gap: 9px;
}

.--fgap-10,
.woo-flex-gap-10 {
    gap: 10px;
}

.--fgap-11,
.woo-flex-gap-11 {
    gap: 11px;
}

.--fgap-12,
.woo-flex-gap-12 {
    gap: 12px;
}

.--fgap-13,
.woo-flex-gap-13 {
    gap: 13px;
}

.--fgap-14,
.woo-flex-gap-14 {
    gap: 14px;
}

.--fgap-15,
.woo-flex-gap-15 {
    gap: 15px;
}

.--fgap-16,
.woo-flex-gap-16 {
    gap: 16px;
}

.--fgap-17,
.woo-flex-gap-17 {
    gap: 17px;
}

.--fgap-18,
.woo-flex-gap-18 {
    gap: 18px;
}

.--fgap-19,
.woo-flex-gap-19 {
    gap: 19px;
}

.--fgap-20,
.woo-flex-gap-20 {
    gap: 20px;
}

.--fgap-21,
.woo-flex-gap-21 {
    gap: 21px;
}

.--fgap-22,
.woo-flex-gap-22 {
    gap: 22px;
}

.--fgap-23,
.woo-flex-gap-23 {
    gap: 23px;
}

.--fgap-24,
.woo-flex-gap-24 {
    gap: 24px;
}

.--fgap-25,
.woo-flex-gap-25 {
    gap: 25px;
}

.--fgap-26,
.woo-flex-gap-26 {
    gap: 26px;
}

.--fgap-27,
.woo-flex-gap-27 {
    gap: 27px;
}

.--fgap-28,
.woo-flex-gap-28 {
    gap: 28px;
}

.--fgap-29,
.woo-flex-gap-29 {
    gap: 29px;
}

.--fgap-30,
.woo-flex-gap-30 {
    gap: 30px;
}

.--fgap-31,
.woo-flex-gap-31 {
    gap: 31px;
}

.--fgap-32,
.woo-flex-gap-32 {
    gap: 32px;
}

.--fgap-33,
.woo-flex-gap-33 {
    gap: 33px;
}

.--fgap-34,
.woo-flex-gap-34 {
    gap: 34px;
}

.--fgap-35,
.woo-flex-gap-35 {
    gap: 35px;
}

.--fgap-36,
.woo-flex-gap-36 {
    gap: 36px;
}

.--fgap-37,
.woo-flex-gap-37 {
    gap: 37px;
}

.--fgap-38,
.woo-flex-gap-38 {
    gap: 38px;
}

.--fgap-39,
.woo-flex-gap-39 {
    gap: 39px;
}

.--fgap-40,
.woo-flex-gap-40 {
    gap: 40px;
}

@media (min-width: 600px) {
    .woo-to-order-0-1 {
        order: 0;
    }

    .woo-to-order-1-1 {
        order: 1;
    }

    .woo-to-order-2-1 {
        order: 2;
    }

    .woo-to-order-3-1 {
        order: 3;
    }

    .woo-to-order-4-1 {
        order: 4;
    }

    .woo-to-order-5-1 {
        order: 5;
    }

    .woo-to-order-6-1 {
        order: 6;
    }

    .woo-to-order-7-1 {
        order: 7;
    }

    .woo-to-order-8-1 {
        order: 8;
    }

    .woo-to-order-9-1 {
        order: 9;
    }

    .woo-to-order-10-1 {
        order: 10;
    }
}

[class^="--f-"],
[class*=" --f-"],
[class^="--frow-"],
[class*=" --frow-"],
[class^="--fcol-"],
[class*=" --fcol-"],
[class^=woo-ds-flex-],
[class*=" woo-ds-flex-"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

[class^="--frow-"],
[class^=woo-ds-flex-row-],
[class*=" woo-ds-flex-row-"] {
    flex-direction: row;
}

    [class^="--frow-"].--row-reverse,
    [class^=woo-ds-flex-row-].--row-reverse,
    [class*=" woo-ds-flex-row-"].--row-reverse {
        flex-direction: row-reverse;
    }

[class^="--fcol-"],
[class*=" --fcol-"],
[class^=woo-ds-flex-column-],
[class*=" woo-ds-flex-column-"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.--f-center,
.woo-ds-flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.--frow,
.woo-ds-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}

.--frow-center,
.woo-ds-flex-row-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.--frow-centerbetween,
.woo-ds-flex-row-center-between {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.--frow-centeraround,
.woo-ds-flex-row-center-around {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/*----*/
.--frow-centerend,
.woo-ds-flex-row-center-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.--frow-centerstart,
.woo-ds-flex-row-center-start {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.--frow-startbetween,
.woo-ds-flex-row-start-between {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.--frow-startaround,
.woo-ds-flex-row-start-around {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.--frow-startend,
.woo-ds-flex-row-start-end {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.--frow-start,
.woo-ds-flex-row-start-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.--frow-endbetween,
.woo-ds-flex-row-end-between {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.--frow-endaround,
.woo-ds-flex-row-end-around {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.--frow-end,
.woo-ds-flex-row-end-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.--frow-endstart,
.woo-ds-flex-row-end-start {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.--fcol,
.woo-ds-flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.--fcol-center,
.woo-ds-flex-column-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.--fcol-centerbetween,
.woo-ds-flex-column-center-between {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.--fcol-centeraround,
.woo-ds-flex-column-center-around {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.--fcol-centerend,
.woo-ds-flex-column-center-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.--fcol-centerstart,
.woo-ds-flex-column-center-start {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.--fcol-startbetween,
.woo-ds-flex-column-start-between {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.--fcol-startaround,
.woo-ds-flex-column-start-around {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.--fcol-startend,
.woo-ds-flex-column-start-end {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.--fcol-start,
.woo-ds-flex-column-start-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.--fcol-endbetween,
.woo-ds-flex-column-end-between {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.--fcol-endaround,
.woo-ds-flex-column-end-around {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.--fcol-end,
.woo-ds-flex-column-end-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.--fcol-endstart,
.woo-ds-flex-column-end-start {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.--fwrap,
.--row-wrap {
    flex-flow: row wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.woo-ds-none {
    display: none;
}

.--to-dsBlock {
    display: block;
}

.--to-dsFlex {
    display: flex;
}

.--grid-1,
.woo-ds-grid-1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
}

.woo-ds-grid-1-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, auto);
    grid-template-columns: repeat(1, auto);
}

.--grid-2,
.woo-ds-grid-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

.woo-ds-grid-2-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(2, auto);
    grid-template-columns: repeat(2, auto);
}

.--grid-3,
.woo-ds-grid-3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
}

.woo-ds-grid-3-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(3, auto);
    grid-template-columns: repeat(3, auto);
}

.--grid-4,
.woo-ds-grid-4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
}

.woo-ds-grid-4-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(4, auto);
    grid-template-columns: repeat(4, auto);
}

.--grid-5,
.woo-ds-grid-5 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
}

.woo-ds-grid-5-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(5, auto);
    grid-template-columns: repeat(5, auto);
}

.--grid-6,
.woo-ds-grid-6 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
}

.woo-ds-grid-6-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(6, auto);
    grid-template-columns: repeat(6, auto);
}

.--grid-7,
.woo-ds-grid-7 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(7, 1fr);
    grid-template-columns: repeat(7, 1fr);
}

.woo-ds-grid-7-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(7, auto);
    grid-template-columns: repeat(7, auto);
}

.--grid-8,
.woo-ds-grid-8 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(8, 1fr);
    grid-template-columns: repeat(8, 1fr);
}

.woo-ds-grid-8-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(8, auto);
    grid-template-columns: repeat(8, auto);
}

.--grid-9,
.woo-ds-grid-9 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(9, 1fr);
    grid-template-columns: repeat(9, 1fr);
}

.woo-ds-grid-9-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(9, auto);
    grid-template-columns: repeat(9, auto);
}

.--grid-10,
.woo-ds-grid-10 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(10, 1fr);
    grid-template-columns: repeat(10, 1fr);
}

.woo-ds-grid-10-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(10, auto);
    grid-template-columns: repeat(10, auto);
}

.--grid-11,
.woo-ds-grid-11 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(11, 1fr);
    grid-template-columns: repeat(11, 1fr);
}

.woo-ds-grid-11-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(11, auto);
    grid-template-columns: repeat(11, auto);
}

.--grid-12,
.woo-ds-grid-12 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(12, 1fr);
    grid-template-columns: repeat(12, 1fr);
}

.woo-ds-grid-12-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(12, auto);
    grid-template-columns: repeat(12, auto);
}

.--grid-13,
.woo-ds-grid-13 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(13, 1fr);
    grid-template-columns: repeat(13, 1fr);
}

.woo-ds-grid-13-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(13, auto);
    grid-template-columns: repeat(13, auto);
}

.--grid-14,
.woo-ds-grid-14 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(14, 1fr);
    grid-template-columns: repeat(14, 1fr);
}

.woo-ds-grid-14-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(14, auto);
    grid-template-columns: repeat(14, auto);
}

.--grid-15,
.woo-ds-grid-15 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(15, 1fr);
    grid-template-columns: repeat(15, 1fr);
}

.woo-ds-grid-15-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(15, auto);
    grid-template-columns: repeat(15, auto);
}

.--grid-16,
.woo-ds-grid-16 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(16, 1fr);
    grid-template-columns: repeat(16, 1fr);
}

.woo-ds-grid-16-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(16, auto);
    grid-template-columns: repeat(16, auto);
}

.--grid-17,
.woo-ds-grid-17 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(17, 1fr);
    grid-template-columns: repeat(17, 1fr);
}

.woo-ds-grid-17-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(17, auto);
    grid-template-columns: repeat(17, auto);
}

.--grid-18,
.woo-ds-grid-18 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(18, 1fr);
    grid-template-columns: repeat(18, 1fr);
}

.woo-ds-grid-18-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(18, auto);
    grid-template-columns: repeat(18, auto);
}

.--grid-19,
.woo-ds-grid-19 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(19, 1fr);
    grid-template-columns: repeat(19, 1fr);
}

.woo-ds-grid-19-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(19, auto);
    grid-template-columns: repeat(19, auto);
}

.--grid-20,
.woo-ds-grid-20 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(20, 1fr);
    grid-template-columns: repeat(20, 1fr);
}

.woo-ds-grid-20-auto {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(20, auto);
    grid-template-columns: repeat(20, auto);
}

.--ggap-1,
.woo-ds-grid-gap-1 {
    grid-column-gap: 0.06rem;
    grid-row-gap: 0.06rem;
}

.--ggap-2,
.woo-ds-grid-gap-2 {
    grid-column-gap: 0.12rem;
    grid-row-gap: 0.12rem;
}

.--ggap-3,
.woo-ds-grid-gap-3 {
    grid-column-gap: 0.18rem;
    grid-row-gap: 0.18rem;
}

.--ggap-4,
.woo-ds-grid-gap-4 {
    grid-column-gap: 0.24rem;
    grid-row-gap: 0.24rem;
}

.--ggap-5,
.woo-ds-grid-gap-5 {
    grid-column-gap: 0.3rem;
    grid-row-gap: 0.3rem;
}

.--ggap-6,
.woo-ds-grid-gap-6 {
    grid-column-gap: 0.36rem;
    grid-row-gap: 0.36rem;
}

.--ggap-7,
.woo-ds-grid-gap-7 {
    grid-column-gap: 0.42rem;
    grid-row-gap: 0.42rem;
}

.--ggap-8,
.woo-ds-grid-gap-8 {
    grid-column-gap: 0.48rem;
    grid-row-gap: 0.48rem;
}

.--ggap-9,
.woo-ds-grid-gap-9 {
    grid-column-gap: 0.54rem;
    grid-row-gap: 0.54rem;
}

.--ggap-10,
.woo-ds-grid-gap-10 {
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
}

.--ggap-11,
.woo-ds-grid-gap-11 {
    grid-column-gap: 0.66rem;
    grid-row-gap: 0.66rem;
}

.--ggap-12,
.woo-ds-grid-gap-12 {
    grid-column-gap: 0.72rem;
    grid-row-gap: 0.72rem;
}

.--ggap-13,
.woo-ds-grid-gap-13 {
    grid-column-gap: 0.78rem;
    grid-row-gap: 0.78rem;
}

.--ggap-14,
.woo-ds-grid-gap-14 {
    grid-column-gap: 0.84rem;
    grid-row-gap: 0.84rem;
}

.--ggap-15,
.woo-ds-grid-gap-15 {
    grid-column-gap: 0.9rem;
    grid-row-gap: 0.9rem;
}

.--ggap-16,
.woo-ds-grid-gap-16 {
    grid-column-gap: 0.96rem;
    grid-row-gap: 0.96rem;
}

.--ggap-17,
.woo-ds-grid-gap-17 {
    grid-column-gap: 1.02rem;
    grid-row-gap: 1.02rem;
}

.--ggap-18,
.woo-ds-grid-gap-18 {
    grid-column-gap: 1.08rem;
    grid-row-gap: 1.08rem;
}

.--ggap-19,
.woo-ds-grid-gap-19 {
    grid-column-gap: 1.14rem;
    grid-row-gap: 1.14rem;
}

.--ggap-20,
.woo-ds-grid-gap-20 {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
}

.--ggap-21,
.woo-ds-grid-gap-21 {
    grid-column-gap: 1.26rem;
    grid-row-gap: 1.26rem;
}

.--ggap-22,
.woo-ds-grid-gap-22 {
    grid-column-gap: 1.32rem;
    grid-row-gap: 1.32rem;
}

.--ggap-23,
.woo-ds-grid-gap-23 {
    grid-column-gap: 1.38rem;
    grid-row-gap: 1.38rem;
}

.--ggap-24,
.woo-ds-grid-gap-24 {
    grid-column-gap: 1.44rem;
    grid-row-gap: 1.44rem;
}

.--ggap-25,
.woo-ds-grid-gap-25 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

.--ggap-26,
.woo-ds-grid-gap-26 {
    grid-column-gap: 1.56rem;
    grid-row-gap: 1.56rem;
}

.--ggap-27,
.woo-ds-grid-gap-27 {
    grid-column-gap: 1.62rem;
    grid-row-gap: 1.62rem;
}

.--ggap-28,
.woo-ds-grid-gap-28 {
    grid-column-gap: 1.68rem;
    grid-row-gap: 1.68rem;
}

.--ggap-29,
.woo-ds-grid-gap-29 {
    grid-column-gap: 1.74rem;
    grid-row-gap: 1.74rem;
}

.--ggap-30,
.woo-ds-grid-gap-30 {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
}

.--ggap-31,
.woo-ds-grid-gap-31 {
    grid-column-gap: 1.86rem;
    grid-row-gap: 1.86rem;
}

.--ggap-32,
.woo-ds-grid-gap-32 {
    grid-column-gap: 1.92rem;
    grid-row-gap: 1.92rem;
}

.--ggap-33,
.woo-ds-grid-gap-33 {
    grid-column-gap: 1.98rem;
    grid-row-gap: 1.98rem;
}

.--ggap-34,
.woo-ds-grid-gap-34 {
    grid-column-gap: 2.04rem;
    grid-row-gap: 2.04rem;
}

.--ggap-35,
.woo-ds-grid-gap-35 {
    grid-column-gap: 2.1rem;
    grid-row-gap: 2.1rem;
}

.--ggap-36,
.woo-ds-grid-gap-36 {
    grid-column-gap: 2.16rem;
    grid-row-gap: 2.16rem;
}

.--ggap-37,
.woo-ds-grid-gap-37 {
    grid-column-gap: 2.22rem;
    grid-row-gap: 2.22rem;
}

.--ggap-38,
.woo-ds-grid-gap-38 {
    grid-column-gap: 2.28rem;
    grid-row-gap: 2.28rem;
}

.--ggap-39,
.woo-ds-grid-gap-39 {
    grid-column-gap: 2.34rem;
    grid-row-gap: 2.34rem;
}

.--ggap-40,
.woo-ds-grid-gap-40 {
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
}

.--ggap-41,
.woo-ds-grid-gap-41 {
    grid-column-gap: 2.46rem;
    grid-row-gap: 2.46rem;
}

.--ggap-42,
.woo-ds-grid-gap-42 {
    grid-column-gap: 2.52rem;
    grid-row-gap: 2.52rem;
}

.--ggap-43,
.woo-ds-grid-gap-43 {
    grid-column-gap: 2.58rem;
    grid-row-gap: 2.58rem;
}

.--ggap-44,
.woo-ds-grid-gap-44 {
    grid-column-gap: 2.64rem;
    grid-row-gap: 2.64rem;
}

.--ggap-45,
.woo-ds-grid-gap-45 {
    grid-column-gap: 2.7rem;
    grid-row-gap: 2.7rem;
}

.--ggap-46,
.woo-ds-grid-gap-46 {
    grid-column-gap: 2.76rem;
    grid-row-gap: 2.76rem;
}

.--ggap-47,
.woo-ds-grid-gap-47 {
    grid-column-gap: 2.82rem;
    grid-row-gap: 2.82rem;
}

.--ggap-48,
.woo-ds-grid-gap-48 {
    grid-column-gap: 2.88rem;
    grid-row-gap: 2.88rem;
}

.--ggap-49,
.woo-ds-grid-gap-49 {
    grid-column-gap: 2.94rem;
    grid-row-gap: 2.94rem;
}

.--ggap-50,
.woo-ds-grid-gap-50 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}

.woo-ds-grid-gap-10 {
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
}

.woo-ds-grid-gap-20 {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
}

.woo-ds-grid-gap-30 {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
}

.woo-ds-grid-gap-40 {
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
}

.woo-ds-grid-gap-50 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}

.woo-ds-grid-gap-60 {
    grid-column-gap: 3.6rem;
    grid-row-gap: 3.6rem;
}

.woo-ds-grid-gap-70 {
    grid-column-gap: 4.2rem;
    grid-row-gap: 4.2rem;
}

.woo-ds-grid-gap-80 {
    grid-column-gap: 4.8rem;
    grid-row-gap: 4.8rem;
}

.woo-ds-grid-gap-90 {
    grid-column-gap: 5.4rem;
    grid-row-gap: 5.4rem;
}

.woo-ds-grid-gap-100 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
}

@media (min-width: 600px) {
    .woo-to-grid-1-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

    .woo-to-grid-2-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .woo-to-grid-3-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }

    .woo-to-grid-4-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }

    .woo-to-grid-5-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(5, 1fr);
        grid-template-columns: repeat(5, 1fr);
    }

    .woo-to-grid-6-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(6, 1fr);
        grid-template-columns: repeat(6, 1fr);
    }

    .woo-to-grid-7-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(7, 1fr);
        grid-template-columns: repeat(7, 1fr);
    }

    .woo-to-grid-8-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(8, 1fr);
        grid-template-columns: repeat(8, 1fr);
    }

    .woo-to-grid-9-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(9, 1fr);
        grid-template-columns: repeat(9, 1fr);
    }

    .woo-to-grid-10-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(10, 1fr);
        grid-template-columns: repeat(10, 1fr);
    }
}

@media (min-width: 900px) {
    .woo-to-grid-1-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

    .woo-to-grid-2-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .woo-to-grid-3-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }

    .woo-to-grid-4-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }

    .woo-to-grid-5-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(5, 1fr);
        grid-template-columns: repeat(5, 1fr);
    }

    .woo-to-grid-6-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(6, 1fr);
        grid-template-columns: repeat(6, 1fr);
    }

    .woo-to-grid-7-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(7, 1fr);
        grid-template-columns: repeat(7, 1fr);
    }

    .woo-to-grid-8-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(8, 1fr);
        grid-template-columns: repeat(8, 1fr);
    }

    .woo-to-grid-9-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(9, 1fr);
        grid-template-columns: repeat(9, 1fr);
    }

    .woo-to-grid-10-res-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(10, 1fr);
        grid-template-columns: repeat(10, 1fr);
    }
}

@media (min-width: 1200px) {
    .woo-to-grid-1-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

    .woo-to-grid-2-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .woo-to-grid-3-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }

    .woo-to-grid-4-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }

    .woo-to-grid-5-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(5, 1fr);
        grid-template-columns: repeat(5, 1fr);
    }

    .woo-to-grid-6-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(6, 1fr);
        grid-template-columns: repeat(6, 1fr);
    }

    .woo-to-grid-7-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(7, 1fr);
        grid-template-columns: repeat(7, 1fr);
    }

    .woo-to-grid-8-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(8, 1fr);
        grid-template-columns: repeat(8, 1fr);
    }

    .woo-to-grid-9-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(9, 1fr);
        grid-template-columns: repeat(9, 1fr);
    }

    .woo-to-grid-10-res-3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(10, 1fr);
        grid-template-columns: repeat(10, 1fr);
    }
}

@media (min-width: 1800px) {
    .woo-to-grid-1-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

    .woo-to-grid-2-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .woo-to-grid-3-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }

    .woo-to-grid-4-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }

    .woo-to-grid-5-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(5, 1fr);
        grid-template-columns: repeat(5, 1fr);
    }

    .woo-to-grid-6-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(6, 1fr);
        grid-template-columns: repeat(6, 1fr);
    }

    .woo-to-grid-7-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(7, 1fr);
        grid-template-columns: repeat(7, 1fr);
    }

    .woo-to-grid-8-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(8, 1fr);
        grid-template-columns: repeat(8, 1fr);
    }

    .woo-to-grid-9-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(9, 1fr);
        grid-template-columns: repeat(9, 1fr);
    }

    .woo-to-grid-10-res-1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(10, 1fr);
        grid-template-columns: repeat(10, 1fr);
    }
}

.--grid-col-2 {
    grid-column: span 2;
}

.--grid-col-3 {
    grid-column: span 3;
}

.--grid-col-4 {
    grid-column: span 4;
}

.woo-ds-grid-gap-5 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.--font-main,
.woo-font__main {
    font-family: "Poppins", sans-serif !important;
}

.woo-font-05 {
    font-size: 0.5em;
}

.woo-font-06 {
    font-size: 0.6em;
}

.woo-font-07 {
    font-size: 0.7em !important;
}

.woo-font-08 {
    font-size: 0.8em !important;
}

.woo-font-09 {
    font-size: 0.9em !important;
}

.woo-font-1 {
    font-size: 1em !important;
}

.woo-font-11 {
    font-size: 1.1em !important;
}

.woo-font-12 {
    font-size: 1.2em !important;
}

.woo-font-13 {
    font-size: 1.3em !important;
}

.woo-font-14 {
    font-size: 1.4em !important;
}

.woo-font-15 {
    font-size: 1.5em !important;
}

.woo-font-16 {
    font-size: 1.6em;
}

.woo-font-17 {
    font-size: 1.7em;
}

.woo-font-18 {
    font-size: 1.8em;
}

.woo-font-19 {
    font-size: 1.9em;
}

.woo-font-2 {
    font-size: 2em;
}

.woo-font-21 {
    font-size: 2.1em;
}

.woo-font-22 {
    font-size: 2.2em;
}

.woo-font-23 {
    font-size: 2.3em;
}

.woo-font-24 {
    font-size: 2.4em;
}

.woo-font-25 {
    font-size: 2.5em;
}

.woo-font-4 {
    font-size: 4em;
}

.--font-05 {
    font-size: 0.5em;
}

.--font-06 {
    font-size: 0.6em;
}

.--font-07 {
    font-size: 0.7em !important;
}

.--font-08 {
    font-size: 0.8em !important;
}

.--font-09 {
    font-size: 0.9em !important;
}

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

.--font-11 {
    font-size: 1.1em !important;
}

.--font-12 {
    font-size: 1.2em !important;
}

.--font-13 {
    font-size: 1.3em !important;
}

.--font-14 {
    font-size: 1.4em !important;
}

.--font-15 {
    font-size: 1.5em !important;
}

.--font-16 {
    font-size: 1.6em;
}

.--font-17 {
    font-size: 1.7em;
}

.--font-18 {
    font-size: 1.8em;
}

.--font-19 {
    font-size: 1.9em;
}

.--font-2 {
    font-size: 2em;
}

.--font-21 {
    font-size: 2.1em;
}

.--font-22 {
    font-size: 2.2em;
}

.--font-23 {
    font-size: 2.3em;
}

.--font-24 {
    font-size: 2.4em;
}

.--font-25 {
    font-size: 2.5em;
}

.--font-4 {
    font-size: 4em;
}

.--fontb-1:before {
    font-size: 1em !important;
}

.--fontb-11:before {
    font-size: 1.1em !important;
}

.--fontb-12:before {
    font-size: 1.2em !important;
}

.--fontb-13:before {
    font-size: 1.3em !important;
}

.--fontb-14:before {
    font-size: 1.4em !important;
}

.--fbefore-05:before {
    font-size: 0.5em !important;
}

.--fbefore-06:before {
    font-size: 0.6em !important;
}

.--fbefore-07:before {
    font-size: 0.7em !important;
}

.--fbefore-08:before {
    font-size: 0.8em !important;
}

.--fbefore-09:before {
    font-size: 0.9em !important;
}

.--fbefore-1:before {
    font-size: 1em !important;
}

.--fbefore-11:before {
    font-size: 1.1em !important;
}

.--fbefore-12:before {
    font-size: 1.2em !important;
}

.--fbefore-13:before {
    font-size: 1.3em !important;
}

.--fbefore-14:before {
    font-size: 1.4em !important;
}

.--fbefore-15:before {
    font-size: 1.5em !important;
}

.--fbefore-16:before {
    font-size: 1.6em !important;
}

.--fbefore-17:before {
    font-size: 1.7em !important;
}

.--fbefore-18:before {
    font-size: 1.8em !important;
}

.--fbefore-19:before {
    font-size: 1.9em !important;
}

.--fbefore-2:before {
    font-size: 2em !important;
}

.--fbefore-21:before {
    font-size: 2.1em !important;
}

.--fbefore-22:before {
    font-size: 2.2em !important;
}

.--fbefore-23:before {
    font-size: 2.3em !important;
}

.--fbefore-24:before {
    font-size: 2.4em !important;
}

.--fbefore-25:before {
    font-size: 2.5em !important;
}

.--fbefore-4:before {
    font-size: 4em !important;
}

.--font-bold,
.woo-font-bold {
    font-weight: bold !important;
}

.--text-c,
.woo-text-center {
    text-align: center;
}

.--text-r,
.woo-text-right {
    text-align: right;
}

.woo-text-left {
    text-align: left;
}

.--ellipsis,
.woo-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.woo-text__uppercase {
    text-transform: uppercase;
}

.woo-text__ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

    .woo-text__ellipsis.--wid-45 {
        max-width: 45px;
    }

    .woo-text__ellipsis.--wid-60 {
        max-width: 60px;
    }

    .woo-text__ellipsis.--wid-100 {
        max-width: 100px;
    }

    .woo-text__ellipsis.--wid-150 {
        max-width: 150px;
    }

    .woo-text__ellipsis.--wid-230 {
        max-width: 230px;
    }

.--no-whitespace {
    white-space: nowrap;
}

p.woo-text__marker {
    position: relative;
    padding-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    p.woo-text__marker:after {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #000;
        position: absolute;
        left: 0;
    }

/*:root {
    --client: #186096;
}*/
[class*=woo-button-] {
    padding: 0 10px;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    box-sizing: border-box;
    height: 29px;
    font-size: 0.8em;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.2s;
    font-size: 0.9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none !important;
}

@media (min-width: 1200px) {
    [class*=woo-button-] {
        font-size: 1em;
    }
}

[class*=woo-button-]:before {
    margin-right: 10px;
    width: auto;
}

[class*=woo-button-].--font-before-13:before {
    font-size: 1.3em !important;
}

[class*=woo-button-].--big {
    font-size: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    padding: 15px 5px;
    border-radius: 15px;
}

    [class*=woo-button-].--big:before {
        margin-right: 0px;
        height: 40px;
        font-size: 2.4em !important;
    }

[class*=woo-button-].--bf-big:before {
    font-size: 3em !important;
}

[class*=woo-button-].--bf-small:before {
    font-size: 1.7em !important;
}

[class*=woo-button-].--small {
    height: 24px;
    padding: 0 5px;
    font-size: 0.7em;
}

[class*=woo-button-icon-] {
    height: 29px;
    width: 29px;
    text-align: center;
    background: #186096;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none !important;
    transition: 0.2s;
}

    [class*=woo-button-icon-].--bf-big:before {
        font-size: 1.8em !important;
    }

    [class*=woo-button-icon-].--small {
        height: 25px;
        width: 25px;
    }

    [class*=woo-button-icon-].--round {
        border-radius: 50%;
    }

    [class*=woo-button-icon-].--rotate:before {
        transform: rotate(180deg);
    }

    [class*=woo-button-icon-].--no-border {
        border: 0;
    }

    [class*=woo-button-icon-]:before {
        margin-right: 0;
        font-size: 1.2em;
    }

[class*=woo-button-icon-border-],
[class*=woo-button-border-] {
    background: none;
    border: 1px solid #ccc;
}

.woo-button-disabled,
[class*=woo-button-][disabled=disabled] {
    border: 1px solid #7d7d7d;
    background: #d9d9d9;
    color: #7d7d7d;
    cursor: unset;
}

.woo-link {
    color: #2489d5;
    text-decoration: underline;
}

.woo-color-0 {
    color: #fff;
}

.woo-border-color-0 {
    border-color: #fff;
    color: #fff;
}

.woo-background-color-0 {
    background-color: #fff;
    color: #fff;
}

.woo-button-color-0,
.woo-button-icon-color-0 {
    background-color: #fff;
    border: 1px solid #fff !important;
    color: #2B2B2B;
}

    .woo-button-color-0.--active, .woo-button-color-0:hover,
    .woo-button-icon-color-0.--active,
    .woo-button-icon-color-0:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

.woo-button-border-color-0,
.woo-button-icon-border-color-0 {
    border-color: #fff;
    color: #2B2B2B;
    background-color: transparent;
}

    .woo-button-border-color-0.--active, .woo-button-border-color-0:hover,
    .woo-button-icon-border-color-0.--active,
    .woo-button-icon-border-color-0:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #fff;
        border: 1px solid #fff !important;
    }

.woo-color-1 {
    color: #186096;
}

.woo-border-color-1 {
    border-color: #186096;
    color: #fff;
}

.woo-background-color-1 {
    background-color: #186096;
    color: #fff;
}

.woo-button-color-1,
.woo-button-icon-color-1 {
    background-color: #186096;
    border: 1px solid #186096 !important;
    color: #fff;
}

    .woo-button-color-1.--active, .woo-button-color-1:hover,
    .woo-button-icon-color-1.--active,
    .woo-button-icon-color-1:hover {
        background-color: transparent;
        color: #186096;
        border: 1px solid #186096 !important;
    }

.woo-button-border-color-1,
.woo-button-icon-border-color-1 {
    border-color: #186096;
    color: #186096;
    background-color: transparent;
}

    .woo-button-border-color-1.--active, .woo-button-border-color-1:hover,
    .woo-button-icon-border-color-1.--active,
    .woo-button-icon-border-color-1:hover {
        background-color: #186096 !important;
        color: #fff !important;
    }

.woo-color-2 {
    color: #a4d121;
}

.woo-border-color-2 {
    border-color: #a4d121;
    color: #fff;
}

.woo-background-color-2 {
    background-color: #a4d121;
    color: #fff;
}

.woo-button-color-2,
.woo-button-icon-color-2 {
    background-color: #a4d121;
    border: 1px solid #a4d121 !important;
    color: #fff;
}

    .woo-button-color-2.--active, .woo-button-color-2:hover,
    .woo-button-icon-color-2.--active,
    .woo-button-icon-color-2:hover {
        background-color: transparent;
        color: #a4d121;
        border: 1px solid #a4d121 !important;
    }

.woo-button-border-color-2,
.woo-button-icon-border-color-2 {
    border-color: #a4d121;
    color: #a4d121;
    background-color: transparent;
}

    .woo-button-border-color-2.--active, .woo-button-border-color-2:hover,
    .woo-button-icon-border-color-2.--active,
    .woo-button-icon-border-color-2:hover {
        background-color: #a4d121 !important;
        color: #fff !important;
    }

.woo-color-3 {
    color: #2B2B2B;
}

.woo-border-color-3 {
    border-color: #2B2B2B;
    color: #fff;
}

.woo-background-color-3 {
    background-color: #2B2B2B;
    color: #fff;
}

.woo-button-color-3,
.woo-button-icon-color-3 {
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B !important;
    color: #fff;
}

    .woo-button-color-3.--active, .woo-button-color-3:hover,
    .woo-button-icon-color-3.--active,
    .woo-button-icon-color-3:hover {
        background-color: transparent;
        color: #2B2B2B;
        border: 1px solid #2B2B2B !important;
    }

.woo-button-border-color-3,
.woo-button-icon-border-color-3 {
    border-color: #2B2B2B;
    color: #2B2B2B;
    background-color: transparent;
}

    .woo-button-border-color-3.--active, .woo-button-border-color-3:hover,
    .woo-button-icon-border-color-3.--active,
    .woo-button-icon-border-color-3:hover {
        background-color: #2B2B2B !important;
        color: #fff !important;
    }

.woo-color-4 {
    color: #9c9c9c;
}

.woo-border-color-4 {
    border-color: #9c9c9c;
    color: #fff;
}

.woo-background-color-4 {
    background-color: #9c9c9c;
    color: #fff;
}

.woo-button-color-4,
.woo-button-icon-color-4 {
    background-color: #9c9c9c;
    border: 1px solid #9c9c9c !important;
    color: #fff;
}

    .woo-button-color-4.--active, .woo-button-color-4:hover,
    .woo-button-icon-color-4.--active,
    .woo-button-icon-color-4:hover {
        background-color: transparent;
        color: #9c9c9c;
        border: 1px solid #9c9c9c !important;
    }

.woo-button-border-color-4,
.woo-button-icon-border-color-4 {
    border-color: #9c9c9c;
    color: #9c9c9c;
    background-color: transparent;
}

    .woo-button-border-color-4.--active, .woo-button-border-color-4:hover,
    .woo-button-icon-border-color-4.--active,
    .woo-button-icon-border-color-4:hover {
        background-color: #9c9c9c !important;
        color: #fff !important;
    }

.woo-color-5 {
    color: #DDDDDD;
}

.woo-border-color-5 {
    border-color: #DDDDDD;
    color: #fff;
}

.woo-background-color-5 {
    background-color: #DDDDDD;
    color: #fff;
}

.woo-button-color-5,
.woo-button-icon-color-5 {
    background-color: #DDDDDD;
    border: 1px solid #DDDDDD !important;
    color: #2B2B2B;
}

    .woo-button-color-5.--active, .woo-button-color-5:hover,
    .woo-button-icon-color-5.--active,
    .woo-button-icon-color-5:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

.woo-button-border-color-5,
.woo-button-icon-border-color-5 {
    border-color: #DDDDDD;
    color: #2B2B2B;
    background-color: transparent;
}

    .woo-button-border-color-5.--active, .woo-button-border-color-5:hover,
    .woo-button-icon-border-color-5.--active,
    .woo-button-icon-border-color-5:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #DDDDDD;
        border: 1px solid #DDDDDD !important;
    }

.woo-color-6 {
    color: #ededed;
}

.woo-border-color-6 {
    border-color: #ededed;
    color: #fff;
}

.woo-background-color-6 {
    background-color: #ededed;
    color: #fff;
}

.woo-button-color-6,
.woo-button-icon-color-6 {
    background-color: #ededed;
    border: 1px solid #ededed !important;
    color: #2B2B2B;
}

    .woo-button-color-6.--active, .woo-button-color-6:hover,
    .woo-button-icon-color-6.--active,
    .woo-button-icon-color-6:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

.woo-button-border-color-6,
.woo-button-icon-border-color-6 {
    border-color: #ededed;
    color: #2B2B2B;
    background-color: transparent;
}

    .woo-button-border-color-6.--active, .woo-button-border-color-6:hover,
    .woo-button-icon-border-color-6.--active,
    .woo-button-icon-border-color-6:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #ededed;
        border: 1px solid #ededed !important;
    }

.woo-color-7 {
    color: #f7f7f7;
}

.woo-border-color-7 {
    border-color: #f7f7f7;
    color: #fff;
}

.woo-background-color-7 {
    background-color: #f7f7f7;
    color: #fff;
}

.woo-button-color-7,
.woo-button-icon-color-7 {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7 !important;
    color: #2B2B2B;
}

    .woo-button-color-7.--active, .woo-button-color-7:hover,
    .woo-button-icon-color-7.--active,
    .woo-button-icon-color-7:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

.woo-button-border-color-7,
.woo-button-icon-border-color-7 {
    border-color: #f7f7f7;
    color: #2B2B2B;
    background-color: transparent;
}

    .woo-button-border-color-7.--active, .woo-button-border-color-7:hover,
    .woo-button-icon-border-color-7.--active,
    .woo-button-icon-border-color-7:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7 !important;
    }

.woo-color-8 {
    color: #1a80e2;
}

.woo-border-color-8 {
    border-color: #1a80e2;
    color: #fff;
}

.woo-background-color-8 {
    background-color: #1a80e2;
    color: #fff;
}

.woo-button-color-8,
.woo-button-icon-color-8 {
    background-color: #1a80e2;
    border: 1px solid #1a80e2 !important;
    color: #fff;
}

    .woo-button-color-8.--active, .woo-button-color-8:hover,
    .woo-button-icon-color-8.--active,
    .woo-button-icon-color-8:hover {
        background-color: transparent;
        color: #1a80e2;
        border: 1px solid #1a80e2 !important;
    }

.woo-button-border-color-8,
.woo-button-icon-border-color-8 {
    border-color: #1a80e2;
    color: #1a80e2;
    background-color: transparent;
}

    .woo-button-border-color-8.--active, .woo-button-border-color-8:hover,
    .woo-button-icon-border-color-8.--active,
    .woo-button-icon-border-color-8:hover {
        background-color: #1a80e2 !important;
        color: #fff !important;
    }

.woo-color-9 {
    color: #d72424;
}

.woo-border-color-9 {
    border-color: #d72424;
    color: #fff;
}

.woo-background-color-9 {
    background-color: #d72424;
    color: #fff;
}

.woo-button-color-9,
.woo-button-icon-color-9 {
    background-color: #d72424;
    border: 1px solid #d72424 !important;
    color: #fff;
}

    .woo-button-color-9.--active, .woo-button-color-9:hover,
    .woo-button-icon-color-9.--active,
    .woo-button-icon-color-9:hover {
        background-color: transparent;
        color: #d72424;
        border: 1px solid #d72424 !important;
    }

.woo-button-border-color-9,
.woo-button-icon-border-color-9 {
    border-color: #d72424;
    color: #d72424;
    background-color: transparent;
}

    .woo-button-border-color-9.--active, .woo-button-border-color-9:hover,
    .woo-button-icon-border-color-9.--active,
    .woo-button-icon-border-color-9:hover {
        background-color: #d72424 !important;
        color: #fff !important;
    }

.woo-color-10 {
    color: #24d35d;
}

.woo-border-color-10 {
    border-color: #24d35d;
    color: #fff;
}

.woo-background-color-10 {
    background-color: #24d35d;
    color: #fff;
}

.woo-button-color-10,
.woo-button-icon-color-10 {
    background-color: #24d35d;
    border: 1px solid #24d35d !important;
    color: #fff;
}

    .woo-button-color-10.--active, .woo-button-color-10:hover,
    .woo-button-icon-color-10.--active,
    .woo-button-icon-color-10:hover {
        background-color: transparent;
        color: #24d35d;
        border: 1px solid #24d35d !important;
    }

.woo-button-border-color-10,
.woo-button-icon-border-color-10 {
    border-color: #24d35d;
    color: #24d35d;
    background-color: transparent;
}

    .woo-button-border-color-10.--active, .woo-button-border-color-10:hover,
    .woo-button-icon-border-color-10.--active,
    .woo-button-icon-border-color-10:hover {
        background-color: #24d35d !important;
        color: #fff !important;
    }

.woo-color-11 {
    color: #DCA42E;
}

.woo-border-color-11 {
    border-color: #DCA42E;
    color: #fff;
}

.woo-background-color-11 {
    background-color: #DCA42E;
    color: #fff;
}

.woo-button-color-11,
.woo-button-icon-color-11 {
    background-color: #DCA42E;
    border: 1px solid #DCA42E !important;
    color: #fff;
}

    .woo-button-color-11.--active, .woo-button-color-11:hover,
    .woo-button-icon-color-11.--active,
    .woo-button-icon-color-11:hover {
        background-color: transparent;
        color: #DCA42E;
        border: 1px solid #DCA42E !important;
    }

.woo-button-border-color-11,
.woo-button-icon-border-color-11 {
    border-color: #DCA42E;
    color: #DCA42E;
    background-color: transparent;
}

    .woo-button-border-color-11.--active, .woo-button-border-color-11:hover,
    .woo-button-icon-border-color-11.--active,
    .woo-button-icon-border-color-11:hover {
        background-color: #DCA42E !important;
        color: #fff !important;
    }

.woo-color-12 {
    color: #32D2CE;
}

.woo-border-color-12 {
    border-color: #32D2CE;
    color: #fff;
}

.woo-background-color-12 {
    background-color: #32D2CE;
    color: #fff;
}

.woo-button-color-12,
.woo-button-icon-color-12 {
    background-color: #32D2CE;
    border: 1px solid #32D2CE !important;
    color: #fff;
}

    .woo-button-color-12.--active, .woo-button-color-12:hover,
    .woo-button-icon-color-12.--active,
    .woo-button-icon-color-12:hover {
        background-color: transparent;
        color: #32D2CE;
        border: 1px solid #32D2CE !important;
    }

.woo-button-border-color-12,
.woo-button-icon-border-color-12 {
    border-color: #32D2CE;
    color: #32D2CE;
    background-color: transparent;
}

    .woo-button-border-color-12.--active, .woo-button-border-color-12:hover,
    .woo-button-icon-border-color-12.--active,
    .woo-button-icon-border-color-12:hover {
        background-color: #32D2CE !important;
        color: #fff !important;
    }

.woo-color-client {
    color: #186096;
}

.woo-border-color-client {
    border-color: #186096;
    color: #fff;
}

.woo-background-color-client {
    background-color: #186096;
    color: #fff;
}

.woo-button-color-client,
.woo-button-icon-color-client {
    background-color: #186096;
    border: 1px solid #186096 !important;
    color: #fff;
}

    .woo-button-color-client.--active, .woo-button-color-client:hover,
    .woo-button-icon-color-client.--active,
    .woo-button-icon-color-client:hover {
        background-color: transparent;
        border: 1px solid #186096 !important;
        color: #186096 !important;
    }

.woo-button-border-color-client,
.woo-button-icon-border-color-client {
    border-color: #186096;
    background-color: #fff;
    color: #186096;
}

    .woo-button-border-color-client.--active, .woo-button-border-color-client:hover,
    .woo-button-icon-border-color-client.--active,
    .woo-button-icon-border-color-client:hover {
        background-color: #186096 !important;
        color: #fff !important;
    }

.woo-color-account {
    color: #96c312;
}

.woo-border-color-account {
    border-color: #96c312;
    color: #fff;
}

.woo-background-color-account {
    background-color: #96c312;
    color: #fff;
}

.woo-button-color-account,
.woo-button-icon-color-account {
    background-color: #96c312;
    border: 1px solid #96c312 !important;
    color: #fff;
}

    .woo-button-color-account.--active, .woo-button-color-account:hover,
    .woo-button-icon-color-account.--active,
    .woo-button-icon-color-account:hover {
        background-color: transparent;
        color: #96c312;
        border: 1px solid #96c312 !important;
    }

.woo-button-border-color-account,
.woo-button-icon-border-color-account {
    border-color: #96c312;
    color: #96c312;
    background-color: transparent;
}

    .woo-button-border-color-account.--active, .woo-button-border-color-account:hover,
    .woo-button-icon-border-color-account.--active,
    .woo-button-icon-border-color-account:hover {
        background-color: #96c312 !important;
        color: #fff !important;
    }

.--button {
    font-weight: 300 !important;
    padding: 0 10px;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    box-sizing: border-box;
    height: 35px;
    min-width: 35px;
    font-size: 0.8em;
    border: 0;
    cursor: pointer;
    transition: 0.5s;
    font-size: 0.9em;
    border-radius: 20px;
    text-decoration: none !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

@media (min-width: 1200px) {
    .--button {
        font-size: 1em;
    }
}

.--button:before {
    transition: 0.5s;
    width: auto;
}

.--button.--icon {
    max-width: 35px;
}

    .--button.--icon.--small {
        height: 30px;
        min-width: 30px;
        max-width: 30px;
    }

.--button.--border {
    background: none;
    border: 1px solid #ccc;
}

.--button[disabled=disabled] {
    opacity: 0.3 !important;
    cursor: unset;
}

.--button.--color-0 {
    background-color: #fff;
    border: 1px solid #fff !important;
    color: #2B2B2B;
}

    .--button.--color-0.--active, .--button.--color-0:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

        .--button.--color-0.--active:after, .--button.--color-0:hover:after {
            background-color: #fff;
        }

.--button.--colorbefore-0:before {
    color: #fff !important;
}

.--button.--border.--color-0 {
    border-color: #fff;
    color: #2B2B2B;
    background-color: transparent;
}

    .--button.--border.--color-0.--active, .--button.--border.--color-0:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #fff;
        border: 1px solid #fff !important;
    }

        .--button.--border.--color-0.--active:after, .--button.--border.--color-0:hover:after {
            background-color: #fff;
        }

.--button.--color-1 {
    background-color: #186096;
    border: 1px solid #186096 !important;
    color: #fff;
}

    .--button.--color-1.--active, .--button.--color-1:hover {
        background-color: transparent;
        color: #186096;
        border: 1px solid #186096 !important;
    }

        .--button.--color-1.--active:after, .--button.--color-1:hover:after {
            background-color: #186096;
        }

.--button.--colorbefore-1:before {
    color: #186096 !important;
}

.--button.--border.--color-1 {
    border-color: #186096;
    color: #186096;
    background-color: transparent;
}

    .--button.--border.--color-1.--active, .--button.--border.--color-1:hover {
        background-color: #186096 !important;
        color: #fff !important;
    }

        .--button.--border.--color-1.--active:after, .--button.--border.--color-1:hover:after {
            background-color: #186096;
        }

.--button.--color-2 {
    background-color: #a4d121;
    border: 1px solid #a4d121 !important;
    color: #fff;
}

    .--button.--color-2.--active, .--button.--color-2:hover {
        background-color: transparent;
        color: #a4d121;
        border: 1px solid #a4d121 !important;
    }

        .--button.--color-2.--active:after, .--button.--color-2:hover:after {
            background-color: #a4d121;
        }

.--button.--colorbefore-2:before {
    color: #a4d121 !important;
}

.--button.--border.--color-2 {
    border-color: #a4d121;
    color: #a4d121;
    background-color: transparent;
}

    .--button.--border.--color-2.--active, .--button.--border.--color-2:hover {
        background-color: #a4d121 !important;
        color: #fff !important;
    }

        .--button.--border.--color-2.--active:after, .--button.--border.--color-2:hover:after {
            background-color: #a4d121;
        }

.--button.--color-3 {
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B !important;
    color: #fff;
}

    .--button.--color-3.--active, .--button.--color-3:hover {
        background-color: transparent;
        color: #2B2B2B;
        border: 1px solid #2B2B2B !important;
    }

        .--button.--color-3.--active:after, .--button.--color-3:hover:after {
            background-color: #2B2B2B;
        }

.--button.--colorbefore-3:before {
    color: #2B2B2B !important;
}

.--button.--border.--color-3 {
    border-color: #2B2B2B;
    color: #2B2B2B;
    background-color: transparent;
}

    .--button.--border.--color-3.--active, .--button.--border.--color-3:hover {
        background-color: #2B2B2B !important;
        color: #fff !important;
    }

        .--button.--border.--color-3.--active:after, .--button.--border.--color-3:hover:after {
            background-color: #2B2B2B;
        }

.--button.--color-4 {
    background-color: #9c9c9c;
    border: 1px solid #9c9c9c !important;
    color: #fff;
}

    .--button.--color-4.--active, .--button.--color-4:hover {
        background-color: transparent;
        color: #9c9c9c;
        border: 1px solid #9c9c9c !important;
    }

        .--button.--color-4.--active:after, .--button.--color-4:hover:after {
            background-color: #9c9c9c;
        }

.--button.--colorbefore-4:before {
    color: #9c9c9c !important;
}

.--button.--border.--color-4 {
    border-color: #9c9c9c;
    color: #9c9c9c;
    background-color: transparent;
}

    .--button.--border.--color-4.--active, .--button.--border.--color-4:hover {
        background-color: #9c9c9c !important;
        color: #fff !important;
    }

        .--button.--border.--color-4.--active:after, .--button.--border.--color-4:hover:after {
            background-color: #9c9c9c;
        }

.--button.--color-5 {
    background-color: #DDDDDD;
    border: 1px solid #DDDDDD !important;
    color: #2B2B2B;
}

    .--button.--color-5.--active, .--button.--color-5:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

        .--button.--color-5.--active:after, .--button.--color-5:hover:after {
            background-color: #DDDDDD;
        }

.--button.--colorbefore-5:before {
    color: #DDDDDD !important;
}

.--button.--border.--color-5 {
    border-color: #DDDDDD;
    color: #2B2B2B;
    background-color: transparent;
}

    .--button.--border.--color-5.--active, .--button.--border.--color-5:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #DDDDDD;
        border: 1px solid #DDDDDD !important;
    }

        .--button.--border.--color-5.--active:after, .--button.--border.--color-5:hover:after {
            background-color: #DDDDDD;
        }

.--button.--color-6 {
    background-color: #ededed;
    border: 1px solid #ededed !important;
    color: #2B2B2B;
}

    .--button.--color-6.--active, .--button.--color-6:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

        .--button.--color-6.--active:after, .--button.--color-6:hover:after {
            background-color: #ededed;
        }

.--button.--colorbefore-6:before {
    color: #ededed !important;
}

.--button.--border.--color-6 {
    border-color: #ededed;
    color: #2B2B2B;
    background-color: transparent;
}

    .--button.--border.--color-6.--active, .--button.--border.--color-6:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #ededed;
        border: 1px solid #ededed !important;
    }

        .--button.--border.--color-6.--active:after, .--button.--border.--color-6:hover:after {
            background-color: #ededed;
        }

.--button.--color-7 {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7 !important;
    color: #2B2B2B;
}

    .--button.--color-7.--active, .--button.--color-7:hover {
        background-color: #9c9c9c;
        color: #fff;
        border: 1px solid #9c9c9c !important;
        /*background-color: $color;
  border: 1px solid $color !important;*/
    }

        .--button.--color-7.--active:after, .--button.--color-7:hover:after {
            background-color: #f7f7f7;
        }

.--button.--colorbefore-7:before {
    color: #f7f7f7 !important;
}

.--button.--border.--color-7 {
    border-color: #f7f7f7;
    color: #2B2B2B;
    background-color: transparent;
}

    .--button.--border.--color-7.--active, .--button.--border.--color-7:hover {
        /*background-color: $color-3 !important;
  border-color: $color-3;
  color: $color-0 !important;*/
        background-color: #f7f7f7;
        border: 1px solid #f7f7f7 !important;
    }

        .--button.--border.--color-7.--active:after, .--button.--border.--color-7:hover:after {
            background-color: #f7f7f7;
        }

.--button.--color-8 {
    background-color: #1a80e2;
    border: 1px solid #1a80e2 !important;
    color: #fff;
}

    .--button.--color-8.--active, .--button.--color-8:hover {
        background-color: transparent;
        color: #1a80e2;
        border: 1px solid #1a80e2 !important;
    }

        .--button.--color-8.--active:after, .--button.--color-8:hover:after {
            background-color: #1a80e2;
        }

.--button.--colorbefore-8:before {
    color: #1a80e2 !important;
}

.--button.--border.--color-8 {
    border-color: #1a80e2;
    color: #1a80e2;
    background-color: transparent;
}

    .--button.--border.--color-8.--active, .--button.--border.--color-8:hover {
        background-color: #1a80e2 !important;
        color: #fff !important;
    }

        .--button.--border.--color-8.--active:after, .--button.--border.--color-8:hover:after {
            background-color: #1a80e2;
        }

.--button.--color-9 {
    background-color: #d72424;
    border: 1px solid #d72424 !important;
    color: #fff;
}

    .--button.--color-9.--active, .--button.--color-9:hover {
        background-color: transparent;
        color: #d72424;
        border: 1px solid #d72424 !important;
    }

        .--button.--color-9.--active:after, .--button.--color-9:hover:after {
            background-color: #d72424;
        }

.--button.--colorbefore-9:before {
    color: #d72424 !important;
}

.--button.--border.--color-9 {
    border-color: #d72424;
    color: #d72424;
    background-color: transparent;
}

    .--button.--border.--color-9.--active, .--button.--border.--color-9:hover {
        background-color: #d72424 !important;
        color: #fff !important;
    }

        .--button.--border.--color-9.--active:after, .--button.--border.--color-9:hover:after {
            background-color: #d72424;
        }

.--button.--color-10 {
    background-color: #24d35d;
    border: 1px solid #24d35d !important;
    color: #fff;
}

    .--button.--color-10.--active, .--button.--color-10:hover {
        background-color: transparent;
        color: #24d35d;
        border: 1px solid #24d35d !important;
    }

        .--button.--color-10.--active:after, .--button.--color-10:hover:after {
            background-color: #24d35d;
        }

.--button.--colorbefore-10:before {
    color: #24d35d !important;
}

.--button.--border.--color-10 {
    border-color: #24d35d;
    color: #24d35d;
    background-color: transparent;
}

    .--button.--border.--color-10.--active, .--button.--border.--color-10:hover {
        background-color: #24d35d !important;
        color: #fff !important;
    }

        .--button.--border.--color-10.--active:after, .--button.--border.--color-10:hover:after {
            background-color: #24d35d;
        }

.--button.--color-11 {
    background-color: #DCA42E;
    border: 1px solid #DCA42E !important;
    color: #fff;
}

    .--button.--color-11.--active, .--button.--color-11:hover {
        background-color: transparent;
        color: #DCA42E;
        border: 1px solid #DCA42E !important;
    }

        .--button.--color-11.--active:after, .--button.--color-11:hover:after {
            background-color: #DCA42E;
        }

.--button.--colorbefore-11:before {
    color: #DCA42E !important;
}

.--button.--border.--color-11 {
    border-color: #DCA42E;
    color: #DCA42E;
    background-color: transparent;
}

    .--button.--border.--color-11.--active, .--button.--border.--color-11:hover {
        background-color: #DCA42E !important;
        color: #fff !important;
    }

        .--button.--border.--color-11.--active:after, .--button.--border.--color-11:hover:after {
            background-color: #DCA42E;
        }

.--button.--color-12 {
    background-color: #32D2CE;
    border: 1px solid #32D2CE !important;
    color: #fff;
}

    .--button.--color-12.--active, .--button.--color-12:hover {
        background-color: transparent;
        color: #32D2CE;
        border: 1px solid #32D2CE !important;
    }

        .--button.--color-12.--active:after, .--button.--color-12:hover:after {
            background-color: #32D2CE;
        }

.--button.--colorbefore-12:before {
    color: #32D2CE !important;
}

.--button.--border.--color-12 {
    border-color: #32D2CE;
    color: #32D2CE;
    background-color: transparent;
}

    .--button.--border.--color-12.--active, .--button.--border.--color-12:hover {
        background-color: #32D2CE !important;
        color: #fff !important;
    }

        .--button.--border.--color-12.--active:after, .--button.--border.--color-12:hover:after {
            background-color: #32D2CE;
        }

.--button.--color-client {
    background-color: #186096;
    border: 1px solid #186096 !important;
    color: #fff;
}

    .--button.--color-client.--active, .--button.--color-client:hover {
        background-color: transparent;
        color: #186096;
        border: 1px solid #186096 !important;
    }

        .--button.--color-client.--active:after, .--button.--color-client:hover:after {
            background-color: #186096;
        }

.--button.--colorbefore-client:before {
    color: #186096 !important;
}

.--button.--border.--color-client {
    border-color: #186096;
    color: #186096;
    background-color: transparent;
}

    .--button.--border.--color-client.--active, .--button.--border.--color-client:hover {
        background-color: #186096 !important;
        color: #fff !important;
    }

        .--button.--border.--color-client.--active:after, .--button.--border.--color-client:hover:after {
            background-color: #186096;
        }

.--button.--color-account {
    background-color: #96c312;
    border: 1px solid #96c312 !important;
    color: #fff;
}

    .--button.--color-account.--active, .--button.--color-account:hover {
        background-color: transparent;
        color: #96c312;
        border: 1px solid #96c312 !important;
    }

        .--button.--color-account.--active:after, .--button.--color-account:hover:after {
            background-color: #96c312;
        }

.--button.--colorbefore-account:before {
    color: #96c312 !important;
}

.--button.--border.--color-account {
    border-color: #96c312;
    color: #96c312;
    background-color: transparent;
}

    .--button.--border.--color-account.--active, .--button.--border.--color-account:hover {
        background-color: #96c312 !important;
        color: #fff !important;
    }

        .--button.--border.--color-account.--active:after, .--button.--border.--color-account:hover:after {
            background-color: #96c312;
        }

.button-flag {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #e8e8e8;
    width: auto;
    height: 34px;
    border-radius: 25px;
    padding-left: 3px;
    padding-right: 15px;
    background: #fff;
}

    .button-flag:hover {
        box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1176470588);
    }

    .button-flag:before {
        content: "";
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

.icon-flag {
    width: 22px;
    height: 22px;
    position: relative;
}

    .icon-flag:before {
        display: block;
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .icon-flag.pt-br:before,
    .button-flag.pt-br:before {
        background-image: url(_images/countryFlags/pt-br.png);
    }

    .icon-flag.en-us:before,
    .button-flag.en-us:before {
        background-image: url(_images/countryFlags/en-us.png);
    }

    .icon-flag.en-gb:before,
    .button-flag.en-gb:before {
        background-image: url(_images/countryFlags/en-gb.png);
    }

    .icon-flag.pt-pt:before,
    .button-flag.pt-pt:before {
        background-image: url(_images/countryFlags/pt-pt.png);
    }

    .icon-flag.es-es:before,
    .button-flag.es-es:before {
        background-image: url(_images/countryFlags/es-es.png);
    }

    .icon-flag.es-ar:before,
    .button-flag.es-ar:before {
        background-image: url(_images/countryFlags/es-ar.png);
    }

    .icon-flag.es-bo:before,
    .button-flag.es-bo:before {
        background-image: url(_images/countryFlags/es-bo.png);
    }

    .icon-flag.es-cl:before,
    .button-flag.es-cl:before {
        background-image: url(_images/countryFlags/es-cl.png);
    }

    .icon-flag.es-mx:before,
    .button-flag.es-mx:before {
        background-image: url(_images/countryFlags/es-mx.png);
    }

    .icon-flag.fr-fr:before,
    .button-flag.fr-fr:before {
        background-image: url(_images/countryFlags/fr-fr.png);
    }

[class^=woo-wid-],
[class*=" woo-wid-"] {
    float: left;
    box-sizing: border-box;
}

.woo-wid-auto {
    width: auto;
}

.woo-wid-fix-5 {
    width: 5px;
}

.woo-wid-fix-10 {
    width: 10px;
}

.woo-wid-fix-15 {
    width: 15px;
}

.woo-wid-fix-20 {
    width: 20px;
}

.woo-wid-fix-25 {
    width: 25px;
}

.woo-wid-fix-30 {
    width: 30px;
}

.woo-wid-fix-35 {
    width: 35px;
}

.woo-wid-fix-40 {
    width: 40px;
}

.woo-wid-fix-45 {
    width: 45px;
}

.woo-wid-fix-50 {
    width: 50px;
}

.woo-wid-fix-55 {
    width: 55px;
}

.woo-wid-fix-60 {
    width: 60px;
}

.woo-wid-fix-65 {
    width: 65px;
}

.woo-wid-fix-70 {
    width: 70px;
}

.woo-wid-fix-75 {
    width: 75px;
}

.woo-wid-fix-80 {
    width: 80px;
}

.woo-wid-fix-85 {
    width: 85px;
}

.woo-wid-fix-90 {
    width: 90px;
}

.woo-wid-fix-95 {
    width: 95px;
}

.woo-wid-fix-100 {
    width: 100px;
}

.woo-wid-fix-150 {
    width: 150px;
}

.woo-wid-fix-200 {
    width: 200px;
}

.woo-wid-fix-250 {
    width: 250px;
}

.woo-wid-fix-300 {
    width: 300px;
}

.woo-wid-fix-350 {
    width: 350px;
}

.woo-wid-fix-400 {
    width: 400px;
}

.woo-wid-fix-450 {
    width: 450px;
}

.woo-wid-fix-500 {
    width: 500px;
}

.woo-wid-fix-550 {
    width: 550px;
}

.woo-wid-fix-600 {
    width: 600px;
}

.woo-wid-fix-650 {
    width: 650px;
}

.woo-wid-fix-700 {
    width: 700px;
}

.woo-wid-fix-750 {
    width: 750px;
}

.woo-wid-fix-800 {
    width: 800px;
}

.woo-wid-fix-850 {
    width: 850px;
}

.woo-wid-fix-900 {
    width: 900px;
}

.woo-wid-fix-950 {
    width: 950px;
}

.woo-wid-fix-1000 {
    width: 1000px;
}

.woo-wid-fix-1050 {
    width: 1050px;
}

.woo-wid-fix-1100 {
    width: 1100px;
}

.woo-wid-5 {
    width: 5%;
}

.woo-wid-10 {
    width: 10%;
}

.woo-wid-15 {
    width: 15%;
}

.woo-wid-20 {
    width: 20%;
}

.woo-wid-25 {
    width: 25%;
}

.woo-wid-30 {
    width: 30%;
}

.woo-wid-35 {
    width: 35%;
}

.woo-wid-40 {
    width: 40%;
}

.woo-wid-45 {
    width: 45%;
}

.woo-wid-50 {
    width: 50%;
}

.woo-wid-55 {
    width: 55%;
}

.woo-wid-60 {
    width: 60%;
}

.woo-wid-65 {
    width: 65%;
}

.woo-wid-70 {
    width: 70%;
}

.woo-wid-75 {
    width: 75%;
}

.woo-wid-80 {
    width: 80%;
}

.woo-wid-85 {
    width: 85%;
}

.woo-wid-90 {
    width: 90%;
}

.woo-wid-95 {
    width: 95%;
}

.woo-wid-100 {
    width: 100%;
}

.woo-max-hei-100 {
    max-height: 100px;
}

.woo-max-hei-150 {
    max-height: 150px;
}

.woo-max-hei-200 {
    max-height: 200px;
}

.woo-max-hei-250 {
    max-height: 250px;
}

.woo-max-hei-300 {
    max-height: 300px;
}

.woo-max-hei-350 {
    max-height: 350px;
}

.woo-max-hei-400 {
    max-height: 400px;
}

.woo-max-hei-450 {
    max-height: 450px;
}

.woo-max-hei-500 {
    max-height: 500px;
}

.woo-max-hei-550 {
    max-height: 550px;
}

.woo-max-hei-600 {
    max-height: 600px;
}

.woo-max-hei-650 {
    max-height: 650px;
}

.woo-hei-fix-50 {
    height: 50px;
}

.woo-hei-fix-80 {
    height: 80px;
}

.woo-hei-fix-110 {
    height: 110px;
}

.woo-hei-fix-140 {
    height: 140px;
}

.woo-hei-fix-170 {
    height: 170px;
}

.woo-hei-fix-200 {
    height: 200px;
}

.woo-hei-fix-230 {
    height: 230px;
}

.woo-hei-fix-260 {
    height: 260px;
}

.woo-hei-fix-290 {
    height: 290px;
}

.woo-hei-fix-320 {
    height: 320px;
}

.woo-hei-fix-350 {
    height: 350px;
}

.woo-hei-fix-380 {
    height: 380px;
}

.woo-max-wid-100 {
    max-width: 100px;
}

.woo-max-wid-150 {
    max-width: 150px;
}

.woo-max-wid-200 {
    max-width: 200px;
}

.woo-max-wid-250 {
    max-width: 250px;
}

.woo-max-wid-300 {
    max-width: 300px;
}

.woo-max-wid-350 {
    max-width: 350px;
}

.woo-max-wid-400 {
    max-width: 400px;
}

.woo-max-wid-450 {
    max-width: 450px;
}

.woo-max-wid-500 {
    max-width: 500px;
}

.woo-max-wid-550 {
    max-width: 550px;
}

.woo-max-wid-600 {
    max-width: 600px;
}

.woo-max-wid-650 {
    max-width: 650px;
}

.woo-max-wid-700 {
    max-width: 700px;
}

.woo-max-wid-750 {
    max-width: 750px;
}

.woo-max-wid-800 {
    max-width: 800px;
}

.woo-max-wid-850 {
    max-width: 850px;
}

.woo-max-wid-900 {
    max-width: 900px;
}

.woo-max-wid-950 {
    max-width: 950px;
}

.woo-max-wid-1000 {
    max-width: 1000px;
}

.woo-max-wid-1050 {
    max-width: 1050px;
}

.woo-max-wid-1100 {
    max-width: 1100px;
}

.woo-max-wid-1150 {
    max-width: 1150px;
}

.woo-max-wid-1200 {
    max-width: 1200px;
}

.woo-max-wid-1250 {
    max-width: 1250px;
}

.woo-max-wid-1300 {
    max-width: 1300px;
}

.woo-css [class^=woo-max-hei-],
.woo-css [class*=" woo-max-hei-"] {
    overflow-x: auto;
}

.woo-wid-67 {
    width: 67%;
}

.woo-wid-33 {
    width: 33%;
}

.--relative {
    position: relative;
}

.woo-table {
    font-family: "Poppins", sans-serif !important;
    float: left;
    width: 100%;
    border-collapse: collapse;
    border: 0;
}

    .woo-table tr:hover td {
        background: #f5f5f5;
    }

        .woo-table tr:hover td.--rowspan {
            background: none !important;
        }

    .woo-table tr th {
        padding: 15px;
        font-weight: bold;
        text-align: left;
        font-size: 0.8em;
    }

        .woo-table tr th:first-of-type {
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
        }

        .woo-table tr th:last-of-type {
            border-top-right-radius: 7px;
            border-bottom-right-radius: 7px;
        }

        .woo-table tr th.nowrap {
            white-space: nowrap;
        }

        .woo-table tr th.center {
            text-align: center;
        }

    .woo-table tr td {
        padding: 10px 15px;
        text-align: left;
        background: #fbfbfb;
        font-size: 0.8em;
        border-right: 2px solid transparent;
        font-family: "Poppins", sans-serif !important;
        position: relative;
    }

        .woo-table tr td.nowrap {
            white-space: nowrap;
        }

        .woo-table tr td.center {
            text-align: center;
        }

@media (min-width: 600px) {
    .woo-table tr td {
        /*font-size: 0.9em;*/
    }
}

.woo-table tr td:first-of-type {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.woo-table tr td:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 0;
}

.woo-table tr td span {
    /*font-size: 0.8em;*/
}

.woo-table tr td.--space, .woo-table tr td.space {
    height: 10px;
    padding: 0;
    background: transparent !important;
}

.woo-table tr th.--spaceCol,
.woo-table tr td.--spaceCol {
    width: 5px;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}

.woo-table tr td.actions {
    width: 90px;
}

    .woo-table tr td.actions button {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }

        .woo-table tr td.actions button:before {
            font-size: 1.2em;
        }

    .woo-table tr td.actions a {
        min-width: 30px;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .woo-table tr td.actions a:before {
            font-size: 1.2em;
        }

.woo-table tr.--lighten td {
    background: #fff !important;
}

.woo-table tr td.--rowspan {
    border-right: 1px solid #ededed;
}

.woo-table.--nowrap th, .woo-table.--nowrap td {
    white-space: nowrap;
}

@media (min-width: 1366px) {
    .woo-table.--nowrap th, .woo-table.--nowrap td {
        white-space: normal;
    }
}

.woo-table.--nowrap.--force th, .woo-table.--nowrap.--force td {
    white-space: nowrap !important;
}

.woo-table.--small tr th, .woo-table.--small tr td, .woo-table.--min tr th, .woo-table.--min tr td {
    padding: 5px;
}

.woo-table.--small tr .--space,
.woo-table.--small tr .space, .woo-table.--min tr .--space,
.woo-table.--min tr .space {
    height: 1px;
    padding: 1px;
}

.woo-table.--darken tr td {
    background: #e9e9e9;
    /*font-weight: bold;*/
}

.woo-table.--darken tr:hover td {
    background: #eeeeee;
}

.woo-table.--asp tr td {
    border: 0;
    border-right: 2px solid #fff;
    border-bottom: 5px solid #fff !important;
}

.woo-table.--asp tr:first-of-type td {
    background: none;
    font-weight: bold;
    text-align: left;
    font-size: 0.8em;
}

.woo-table.--simple {
    border-radius: 10px !important;
    overflow: hidden !important;
}

    .woo-table.--simple tr th, .woo-table.--simple tr td {
        border-radius: 0 !important;
    }

    .woo-table.--simple tr th {
        background: #cfcfcf !important;
    }

    .woo-table.--simple tr td {
        background: #e8e8e8 !important;
    }

.woo-table.--td-borderBottom tr td {
    border-bottom: 5px solid transparent !important;
}

.woo-table.--td-borderBottom tr:last-of-type td {
    border-bottom: 0 !important;
}

.woo-table.--td-borderBottom tbody tr td {
    border-bottom: 5px solid transparent !important;
}

.woo-table.--td-borderBottom tbody tr:last-of-type td {
    border-bottom: 0 !important;
}

.woo-table.--col-center th,
.woo-table.--col-center td {
    text-align: center !important;
}

.woo-table.--font-bold td {
    font-weight: bold !important;
}

.woo-table.--invert-color th {
    background: #fbfbfb;
}

.woo-table.--invert-color tr td {
    background: #fff;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc;
}

    .woo-table.--invert-color tr td:last-of-type {
        border-right: 0;
    }

.woo-table.--invert-color tr:hover td {
    background: #f5f5f5;
}

.woo-table.--invert-color thead td {
    border-right: 0;
}

.woo-table.--invert-color tfoot tr:last-of-type td {
    border-bottom: 0 !important;
}

.woo-table.--border tr th {
    border: 0;
    background: transparent !important;
    border-bottom: 1px solid #ccc !important;
    color: #ababab;
}

.woo-table.--border tr td {
    background: transparent !important;
    border-bottom: 2px dotted #ccc !important;
    border-radius: 0 !important;
    border-right: 2px dotted #ccc !important;
}

    .woo-table.--border tr td:last-of-type {
        border-right: 0 !important;
    }

.woo-table.--border tr:hover td {
    background: #e8e8e8 !important;
}

    .woo-table.--border tr:hover td.--rowspan {
        background: none !important;
    }

.woo-table.--border tr td.--rowspan {
    border-right: 1px solid #ededed !important;
}

.woo-table.--border tr:last-of-type td {
    border-bottom: 0 !important;
}

.woo-table.--border tr.--border td {
    border-bottom: 2px dotted #ccc !important;
}

.woo-table .woo-icon__edit {
    width: 30px;
}

    .woo-table .woo-icon__edit a {
        text-decoration: none;
    }

        .woo-table .woo-icon__edit a:before {
            content: "\e927";
            font-family: "woo-icomoon";
            font-size: 1.6em;
            color: #186096;
        }

.woo-table tr th.--sticky-first,
.woo-table tr td.--sticky-first {
    background: #fff !important;
    position: sticky;
    left: 0;
}

.woo-table tr th.--sticky {
    background: #fff !important;
    position: sticky;
    right: 0;
    top: 0;
    z-index: 9;
    border-radius: 0;
}

.woo-table tr td.--sticky {
    position: sticky;
    right: 0;
    top: 0;
}

    .woo-table tr td.--sticky:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background: #c1c1c1;
    }

.woo-table tr.--status {
    position: relative;
}

    .woo-table tr.--status td:first-of-type:before {
        content: "";
        height: 70%;
        width: 5px;
        border-radius: 10px;
        top: 15%;
        left: 0px;
        background: #cacaca;
        position: absolute;
    }

.woo-table tr.criado td:first-of-type {
    padding-left: 10px;
}

    .woo-table tr.criado td:first-of-type:before {
        background: #2587d0;
    }

.woo-table tr.criado:hover td:not(.--sticky) {
    background: rgba(37, 135, 208, 0.1) !important;
}

.woo-table tr.ativo td:first-of-type {
    padding-left: 10px;
}

    .woo-table tr.ativo td:first-of-type:before {
        background: #25d087;
    }

.woo-table tr.ativo:hover td:not(.--sticky) {
    background: rgba(37, 208, 135, 0.1) !important;
}

.woo-table tr.utilizado td:first-of-type {
    padding-left: 10px;
}

    .woo-table tr.utilizado td:first-of-type:before {
        background: #ff6a00;
    }

.woo-table tr.utilizado:hover td:not(.--sticky) {
    background: rgba(255, 106, 0, 0.1) !important;
}

.woo-table tr.cancelado td:first-of-type {
    padding-left: 10px;
}

    .woo-table tr.cancelado td:first-of-type:before {
        background: #f83d3d;
    }

.woo-table tr.cancelado:hover td:not(.--sticky) {
    background: rgba(248, 61, 61, 0.1) !important;
}

.woo-table tr.--pendente td:first-of-type:before {
    background: #ff6a00;
}

.woo-table tr.--pendente:hover td:not(.--sticky) {
    background: rgba(255, 106, 0, 0.1) !important;
}

.woo-table tr.--finalizado td:first-of-type:before, .woo-table tr.--liquidado td:first-of-type:before, .woo-table tr.--liquidada td:first-of-type:before {
    background: #25d087;
}

.woo-table tr.--finalizado:hover td:not(.--sticky), .woo-table tr.--liquidado:hover td:not(.--sticky), .woo-table tr.--liquidada:hover td:not(.--sticky) {
    background: rgba(37, 208, 135, 0.1) !important;
}

.woo-table tr.--executando td:first-of-type:before, .woo-table tr.--liquidadoparcial td:first-of-type:before, .woo-table tr.--liquidadaparcial td:first-of-type:before {
    background: #2587d0;
}

.woo-table tr.--executando:hover td:not(.--sticky), .woo-table tr.--liquidadoparcial:hover td:not(.--sticky), .woo-table tr.--liquidadaparcial:hover td:not(.--sticky) {
    background: rgba(37, 135, 208, 0.1) !important;
}

.woo-table tr.--processando td:first-of-type:before, .woo-table tr.--emitido td:first-of-type:before, .woo-table tr.--emitida td:first-of-type:before {
    background: #0080e5;
}

.woo-table tr.--processando:hover td:not(.--sticky), .woo-table tr.--emitido:hover td:not(.--sticky), .woo-table tr.--emitida:hover td:not(.--sticky) {
    background: rgba(0, 128, 229, 0.1) !important;
}

.woo-table tr.--prevista td:first-of-type:before {
    background: #cacaca;
}

.woo-table tr.--prevista:hover td:not(.--sticky) {
    background: rgba(202, 202, 202, 0.1) !important;
}

.woo-table tr.--inativo td:first-of-type:before, .woo-table tr.--error td:first-of-type:before, .woo-table tr.--cancelado td:first-of-type:before, .woo-table tr.--cancelada td:first-of-type:before {
    background: #f83d3d;
}

.woo-table tr.--inativo:hover td:not(.--sticky), .woo-table tr.--error:hover td:not(.--sticky), .woo-table tr.--cancelado:hover td:not(.--sticky), .woo-table tr.--cancelada:hover td:not(.--sticky) {
    background: rgba(248, 61, 61, 0.1) !important;
}

.woo-table tr.--negative td:first-of-type:before {
    background: #f83d3d;
}

.woo-table tr.--negative:hover td:not(.--sticky) {
    background: rgba(248, 61, 61, 0.1) !important;
}

.woo-table tr.--warning td:first-of-type:before {
    background: #ff6a00;
}

.woo-table tr.--warning:hover td:not(.--sticky) {
    background: rgba(255, 106, 0, 0.1) !important;
}

.woo-table tr.--proposta td:first-of-type:before, .woo-table tr.--ativo td:first-of-type:before, .woo-table tr.--positive td:first-of-type:before {
    background: #0080e5;
}

.woo-table tr.--proposta:hover td:not(.--sticky), .woo-table tr.--ativo:hover td:not(.--sticky), .woo-table tr.--positive:hover td:not(.--sticky) {
    background: rgba(0, 128, 229, 0.1) !important;
}

.woo-table tr.--processing td:first-of-type:before {
    background: #0080e5;
}

.woo-table tr.--processing:hover td:not(.--sticky) {
    background: rgba(0, 128, 229, 0.1) !important;
}

.woo-table tr.--completed td:first-of-type:before {
    background: #25d087;
}

.woo-table tr.--completed:hover td:not(.--sticky) {
    background: rgba(37, 208, 135, 0.1) !important;
}

.woo-box__table {
    overflow: auto;
}

@media (max-width: 599px) {
    .woo-box__table.--min1240 .woo-table {
        min-width: 1240px;
    }

    .woo-box__table.--min900 .woo-table {
        min-width: 900px;
    }
}

.woo-table__discount tr.--discount td {
    padding: 0px !important;
    border-bottom: 0 !important;
    font-size: 0.9em;
}

    .woo-table__discount tr.--discount td div {
        position: relative;
        text-align: center;
        padding: 10px;
        border-bottom: 3px solid #ccc !important;
        background: #fff4cc;
    }

        .woo-table__discount tr.--discount td div:before {
            content: "";
            position: absolute;
            top: -2px;
            width: 40px;
            height: 4px;
            border-radius: 10px;
            background: #186096;
        }

        .woo-table__discount tr.--discount td div span {
            font-weight: bold !important;
        }

.woo-table__assinaturas {
    font-size: 0.8em;
}

@media (min-width: 1700px) {
    .woo-table__assinaturas {
        font-size: 1em;
    }
}

.woo-table__charge tr.--tr-title td {
    background: rgba(24, 96, 150, 0.2) !important;
    padding: 10px 0 !important;
}

.woo-table__charge tr.--tr-title:hover td {
    background: rgba(24, 96, 150, 0.1) !important;
}

.woo-table__charge tr.--tr-divider td {
    padding: 0 !important;
    height: 15px !important;
    background: #fff !important;
    border-top: 1px solid #e1e1e1 !important;
}

.budget {
    width: auto;
    height: 35px;
    border-radius: 20px;
    padding: 0 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    font-size: 0.9em;
}

    .budget:before {
        font-size: 1.3em;
    }

    .budget.warning {
        border-color: #cebc8b;
        background: #fff2cd;
        color: #333;
    }

span.woo-default {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #1a80e2;
}

span.woo-positive {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #1a80e2;
}

span.woo-negative {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #d72424;
}

span.woo-warning {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #ff6a00;
}

span.woo-waiting {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #1a80e2;
}

span.woo-new {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #1a80e2;
}

span.woo-status {
    padding: 3px 10px;
    border-radius: 5px;
    background: #f7f7f7;
    color: #1a80e2;
}

span.--status {
    padding: 3px 10px;
    border-radius: 5px;
    background: #DDDDDD;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*CUPONS*/
}

    span.--status.--pendente {
        background: #ff6a00;
        color: #fff;
    }

    span.--status.--inativo, span.--status.--error, span.--status.--negative {
        background: #e92626;
        color: #fff;
    }

    span.--status.--warning {
        background: #ff6a00;
        color: #fff;
    }

    span.--status.--proposta, span.--status.--ativo, span.--status.--positive {
        background: #0080e5;
        color: #fff;
    }

    span.--status.--executando, span.--status.--processing {
        background: #0080e5;
        color: #fff;
    }

    span.--status.--finalizado, span.--status.--completed {
        background: #25d087;
        color: #fff;
    }

    span.--status.--default {
        background: #cacaca;
        color: #333;
    }

    span.--status.--circle {
        width: 10px;
        height: 10px;
        padding: 0 !important;
        border-radius: 50%;
    }

        span.--status.--circle.debug {
            background: #1a80e2 !important;
        }

    span.--status.criado {
        background: #2587d0;
        color: #fff;
    }

    span.--status.utilizado {
        background: #ff6a00;
        color: #fff;
    }

    span.--status.ativo {
        background: #25d087;
        color: #fff;
    }

    span.--status.cancelado {
        background: #f83d3d;
        color: #fff;
    }

.woo-alert__container {
    font-family: "Poppins", sans-serif;
    position: fixed;
    z-index: 99999999999;
    width: auto;
    right: 0;
    top: 20px;
    padding: 15px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
    max-width: 600PX;
}

.--alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 20px;
    background: #f6f6f6;
    color: #0080e5;
    font-weight: normal !important;
    font-size: 1em;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.5s;
    width: auto;
    right: -100%;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
}

    .--alert.--show {
        right: 0;
    }

    .--alert.--infinity {
        padding-right: 55px;
    }

    .--alert .woo-close {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 40px;
        border-left: 1px solid #ccc;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #ccc;
        cursor: pointer;
    }

        .--alert .woo-close:hover {
            opacity: 0.8;
        }

    .--alert.--sucess {
        color: #fff;
        background: #96c312;
        /*border: 1px solid #19a167;*/
    }

    .--alert.--error {
        color: #fff;
        background: #ff6c6c;
        /*border: 1px solid #e92626;*/
    }

    .--alert.--notice {
        color: #000000;
        background: #fff7b9;
        /*border: 1px solid #bfb775;*/
    }

.woo-notification {
    position: relative;
    padding: 10px;
    padding-left: 35px;
    border: 1px solid transparent;
    border-radius: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 0.9em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .woo-notification:before {
        position: absolute;
        left: 10px;
        font-size: 1.3em;
    }

    .woo-notification.--big:before {
        top: 12px;
    }

    .woo-notification span,
    .woo-notification p {
        margin: 0;
        padding: 0;
    }

    .woo-notification p {
        float: left;
        width: 100%;
    }

    .woo-notification.--negative {
        color: #fff;
        background-color: #ff6c6c;
        border-color: #e92626;
    }

        .woo-notification.--negative:before {
            color: #fff;
        }

        .woo-notification.--negative * {
            border-color: #efd167 !important;
        }

    .woo-notification.--warning {
        color: #665000;
        background-color: #fff4cc;
        border-color: #e7d081;
    }

        .woo-notification.--warning:before {
            color: #efd167;
        }

        .woo-notification.--warning * {
            border-color: #efd167 !important;
        }

    .woo-notification.--positive {
        color: #fff;
        background-color: #0fa55c;
        border-color: #0f9855;
    }

        .woo-notification.--positive:before {
            color: #fff;
        }

        .woo-notification.--positive * {
            border-color: #0f9855 !important;
        }

    .woo-notification.--message {
        color: rgb(15, 119, 165);
        background-color: rgba(15, 119, 165, 0.2);
        border-color: rgba(15, 119, 165, 0.41);
    }

        .woo-notification.--message:before {
            color: rgb(15, 119, 165);
        }

        .woo-notification.--message * {
            border-color: #0f9855 !important;
        }

.--hover:hover {
    background: #f3f3f3;
}

.woo-change input[type=checkbox] {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    margin: 0;
    top: 0;
    z-index: 1;
}

    .woo-change input[type=checkbox] + label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px;
        position: relative;
        font-size: 0.8em;
        color: #898989;
    }

        .woo-change input[type=checkbox] + label:before {
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #ccc;
            position: absolute;
            right: 28px;
            transition: 0.2s;
            box-sizing: border-box;
        }

        .woo-change input[type=checkbox] + label:after {
            content: "";
            width: 50px;
            height: 26px;
            border-radius: 20px;
            background: #fff;
            border: 1px solid #ccc;
        }

        .woo-change input[type=checkbox] + label span {
            flex: 1;
            transition: none;
        }

    .woo-change input[type=checkbox]:checked + label:before {
        right: 4px;
        background: #186096;
        border-color: #186096;
    }

.woo-radioButton {
    position: relative;
}

    .woo-radioButton input[type=radio] {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 99;
    }

        .woo-radioButton input[type=radio] + label {
            padding-left: 35px;
            position: relative;
            font-size: 0.8em;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            border: none;
            background: none;
            cursor: pointer;
            cursor: pointer;
            width: 100%;
            text-align: left;
            font-weight: 400;
            font-size: 1em;
            height: 24px;
        }

            .woo-radioButton input[type=radio] + label.--small {
                padding-left: 25px;
            }

                .woo-radioButton input[type=radio] + label.--small:before {
                    width: 18px !important;
                    height: 18px !important;
                }

                .woo-radioButton input[type=radio] + label.--small:after {
                    width: 10px !important;
                    height: 10px !important;
                }

            .woo-radioButton input[type=radio] + label:before {
                content: "";
                position: absolute;
                width: 24px;
                height: 24px;
                left: 0;
                border: 0.06rem solid #1a80e2;
                border-radius: 50%;
                box-sizing: border-box;
            }

        .woo-radioButton input[type=radio]:checked + label:after {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            left: 4px;
            background: #1a80e2;
            border-radius: 50%;
            box-sizing: border-box;
        }

input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=date],
input[type=month],
input[type=datetime],
input[type=password],
textarea,
select {
    padding: 7px 10px !important;
    background: #fff;
    box-sizing: border-box;
    height: 35px;
    border: 1px solid #dbdbdb;
    border-radius: 20px;
    color: #000 !important;
    font-size: 0.9em;
    margin: 0 !important;
    text-indent: 0;
    width: 100%;
}

select {
    padding: 6px !important;
}

    select[multiple] {
        height: 150px;
    }

textarea {
    line-height: 1.4;
    resize: none;
    padding: 15px !important;
}

.intl-tel-input .selected-flag {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #b4b4b4;
}

input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b4b4b4;
    opacity: 1;
}

input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b4b4b4;
    opacity: 1;
}

input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b4b4b4;
}

input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
    color: #b4b4b4;
}

input[type=text]::placeholder { /* Most modern browsers support this now. */
    color: #b4b4b4;
}

.--input,
.woo-campo {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0 3px;
    position: relative;
}

    .--input .woo-legend,
    .woo-campo .woo-legend {
        float: left;
        width: 100%;
        color: #9c9c9c;
        margin-bottom: 3px;
        font-size: 0.8em;
    }

    .--input.--inline,
    .woo-campo.--inline {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .--input.--inline:hover,
        .woo-campo.--inline:hover {
            background: #f6f6f6;
        }

        .--input.--inline .woo-legend,
        .woo-campo.--inline .woo-legend {
            margin: 0 !important;
            flex: 1;
        }

        .--input.--inline.--small select,
        .--input.--inline.--small input,
        .woo-campo.--inline.--small select,
        .woo-campo.--inline.--small input {
            width: 100px !important;
        }

        .--input.--inline.--medium select,
        .--input.--inline.--medium input,
        .woo-campo.--inline.--medium select,
        .woo-campo.--inline.--medium input {
            width: 150px !important;
        }

        .--input.--inline.--large select,
        .--input.--inline.--large input,
        .woo-campo.--inline.--large select,
        .woo-campo.--inline.--large input {
            width: 200px !important;
        }

    .--input.--required:before,
    .woo-campo.--required:before {
        content: "*";
        color: red;
        position: absolute;
        right: 10px;
        bottom: 35px;
    }

    .--input.--required.--textarea:before,
    .woo-campo.--required.--textarea:before {
        top: 5px;
        bottom: inherit;
    }

    .--input.--required.--any:before,
    .woo-campo.--required.--any:before {
        display: none;
    }

    .--input.--required.--recuo:before,
    .woo-campo.--required.--recuo:before {
        right: 30px;
    }

    .--input.--required .--input-required,
    .woo-campo.--required .--input-required {
        border-color: rgb(229, 52, 52) !important;
    }

    .--input .woo-box__placeholder,
    .woo-campo .woo-box__placeholder {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .--input .woo-box__placeholder input,
        .woo-campo .woo-box__placeholder input {
            background: transparent !important;
            position: relative;
            z-index: 9;
        }

            .--input .woo-box__placeholder input:focus + .--placeholdertext,
            .woo-campo .woo-box__placeholder input:focus + .--placeholdertext {
                display: none;
            }

        .--input .woo-box__placeholder .--placeholdertext,
        .woo-campo .woo-box__placeholder .--placeholdertext {
            position: absolute;
            font-size: 0.8em;
            font-style: italic;
            color: #b6b6b6;
            left: 10px;
        }

select[disabled],
input[disabled]:not(.--button) {
    opacity: 0.8;
    background: #f3f3f3 !important;
}

span.--disabled,
label.--disabled {
    padding: 0 10px;
    background: #f8f8f8;
    box-sizing: border-box;
    height: 35px;
    border: 1px solid #ededed;
    border-radius: 20px;
    color: #8f8f8f;
    font-size: 0.8em;
    margin: 0 !important;
    text-indent: 0;
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    span.--disabled.textarea,
    label.--disabled.textarea {
        height: auto;
        min-height: 35px;
        padding: 10px;
        line-height: 1.4;
    }

span.--maskinput,
label.--maskinput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 35px;
    border: 1px solid #ededed;
    border-radius: 20px;
    color: #979797;
    font-size: 0.9em;
    margin: 0 !important;
    text-indent: 0;
    width: auto;
    padding: 0 7px !important;
}

    span.--maskinput.--active,
    label.--maskinput.--active {
        background: #186096;
        border: 1px solid #186096;
        color: #fff;
    }

.field-validation-error {
    background: none !important;
}

    .field-validation-error span {
        font-size: 0.7em;
        padding: 5px;
        background: #fff4c2;
        color: #333 !important;
        float: left;
        width: 100%;
        border-radius: 5px;
        font-size: 1em !important;
        border-radius: 10px;
    }

.woo-mandatory:before {
    content: "*";
    color: red;
    position: absolute;
    right: 10px;
    bottom: 40px;
    height: 7px;
}

.woo-checkbox {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .woo-checkbox input[type=checkbox] {
        opacity: 0;
        cursor: pointer;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        margin: 0;
        top: 0;
        z-index: 9;
    }

        .woo-checkbox input[type=checkbox] + span {
            color: #000;
            float: left;
            position: relative;
            float: left;
            width: 100%;
            align-items: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            font-size: 0.8em;
            color: #9c9c9c;
            gap: 5px;
        }

            .woo-checkbox input[type=checkbox] + span:before {
                content: "";
                float: left;
                width: 18px;
                height: 18px;
                border: 1px solid #ccc;
                border-radius: 3px;
                color: #ffffff;
                flex: none;
            }

        .woo-checkbox input[type=checkbox]:checked + span:before {
            background: #186096;
            border-color: #186096;
        }

    .woo-checkbox.--account input[type=checkbox]:checked + span:before {
        background: #96c312;
        border-color: #96c312;
    }

    .woo-checkbox.--green input[type=checkbox]:checked + span:before {
        background: #18ad80;
        border-color: #18ad80;
    }

    .woo-checkbox input[type=checkbox]:checked + span:after {
        content: "";
        position: absolute;
        left: 7px;
        width: 5px;
        height: 10px;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
        border: solid #929292;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-color: #fff;
        margin-top: -2px;
    }

    .woo-checkbox input[type=checkbox] + input + span {
        color: #000;
        float: left;
        position: relative;
        float: left;
        width: 100%;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        font-size: 0.8em;
    }

        .woo-checkbox input[type=checkbox] + input + span:before {
            content: "";
            float: left;
            margin-right: 10px;
            width: 18px;
            height: 18px;
            border: 1px solid #ccc;
            border-radius: 5px;
            color: #ffffff;
            flex: none;
        }

    .woo-checkbox input[type=checkbox]:checked + input + span:before {
        background: #186096;
        border-color: #186096;
    }

    .woo-checkbox.--account input[type=checkbox]:checked + input + span:before {
        background: #96c312;
        border-color: #96c312;
    }

    .woo-checkbox.--green input[type=checkbox]:checked + input + span:before {
        background: #18ad80;
        border-color: #18ad80;
    }

    .woo-checkbox input[type=checkbox]:checked + input + span:after {
        content: "";
        position: absolute;
        left: 7px;
        width: 5px;
        height: 10px;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
        border: solid #929292;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-color: #fff;
        margin-top: -2px;
    }

    .woo-checkbox input[type=checkbox] + label {
        color: #000;
        float: left;
        position: relative;
        float: left;
        width: 100%;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        font-size: 0.8em;
        gap: 5px;
    }

        .woo-checkbox input[type=checkbox] + label:before {
            content: "";
            float: left;
            margin-right: 10px;
            width: 18px;
            height: 18px;
            border: 1px solid #ccc;
            border-radius: 5px;
            color: #ffffff;
            flex: none;
        }

    .woo-checkbox input[type=checkbox]:checked + label:before {
        background: #186096;
        border-color: #186096;
    }

    .woo-checkbox.--account input[type=checkbox]:checked + label:before {
        background: #96c312;
        border-color: #96c312;
    }

    .woo-checkbox.--green input[type=checkbox]:checked + label:before {
        background: #18ad80;
        border-color: #18ad80;
    }

    .woo-checkbox input[type=checkbox]:checked + label:after {
        content: "";
        position: absolute;
        left: 7px;
        width: 5px;
        height: 10px;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
        border: solid #929292;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-color: #fff;
        margin-top: -2px;
    }

    .woo-checkbox input[type=checkbox] + input + label {
        color: #000;
        float: left;
        position: relative;
        float: left;
        width: 100%;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        font-size: 0.8em;
    }

        .woo-checkbox input[type=checkbox] + input + label:before {
            content: "";
            float: left;
            margin-right: 10px;
            width: 18px;
            height: 18px;
            border: 1px solid #ccc;
            border-radius: 5px;
            color: #ffffff;
            flex: none;
        }

    .woo-checkbox input[type=checkbox]:checked + input + label:before {
        background: #186096;
        border-color: #186096;
    }

    .woo-checkbox.--account input[type=checkbox]:checked + input + label:before {
        background: #96c312;
        border-color: #96c312;
    }

    .woo-checkbox.--green input[type=checkbox]:checked + input + label:before {
        background: #18ad80;
        border-color: #18ad80;
    }

    .woo-checkbox input[type=checkbox]:checked + input + label:after {
        content: "";
        position: absolute;
        left: 7px;
        width: 5px;
        height: 10px;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
        border: solid #929292;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-color: #fff;
        margin-top: -2px;
    }

    .woo-checkbox input[type=checkbox][disabled] + span {
        opacity: 0.6;
    }

[id*=__lpform_input_idx] {
    display: none;
}

[data-lastpass-icon-root*=true] {
    display: none;
}

.woo-pd-5 {
    padding: 0.3rem;
}

.woo-pd-10 {
    padding: 0.6rem;
}

.woo-pd-15 {
    padding: 0.9rem;
}

.woo-pd-20 {
    padding: 1.2rem;
}

.woo-pd-25 {
    padding: 1.5rem;
}

.woo-pd-30 {
    padding: 1.8rem;
}

.woo-pd-35 {
    padding: 2.1rem;
}

.woo-pd-40 {
    padding: 2.4rem;
}

.woo-pd-45 {
    padding: 2.7rem;
}

.woo-pd-50 {
    padding: 3rem;
}

.woo-pd-55 {
    padding: 3.3rem;
}

.woo-pd-60 {
    padding: 3.6rem;
}

.woo-pd-65 {
    padding: 3.9rem;
}

.woo-pd-70 {
    padding: 4.2rem;
}

.woo-pd-75 {
    padding: 4.5rem;
}

.woo-pd-80 {
    padding: 4.8rem;
}

.woo-pd-85 {
    padding: 5.1rem;
}

.woo-pd-90 {
    padding: 5.4rem;
}

.woo-pd-95 {
    padding: 5.7rem;
}

.woo-pd-100 {
    padding: 6rem;
}

.woo-pd-5-0 {
    padding: 0.3rem 0;
}

.woo-pd-10-0 {
    padding: 0.6rem 0;
}

.woo-pd-15-0 {
    padding: 0.9rem 0;
}

.woo-pd-20-0 {
    padding: 1.2rem 0;
}

.woo-pd-25-0 {
    padding: 1.5rem 0;
}

.woo-pd-30-0 {
    padding: 1.8rem 0;
}

.woo-pd-35-0 {
    padding: 2.1rem 0;
}

.woo-pd-40-0 {
    padding: 2.4rem 0;
}

.woo-pd-45-0 {
    padding: 2.7rem 0;
}

.woo-pd-50-0 {
    padding: 3rem 0;
}

.woo-pd-55-0 {
    padding: 3.3rem 0;
}

.woo-pd-60-0 {
    padding: 3.6rem 0;
}

.woo-pd-65-0 {
    padding: 3.9rem 0;
}

.woo-pd-70-0 {
    padding: 4.2rem 0;
}

.woo-pd-75-0 {
    padding: 4.5rem 0;
}

.woo-pd-80-0 {
    padding: 4.8rem 0;
}

.woo-pd-85-0 {
    padding: 5.1rem 0;
}

.woo-pd-90-0 {
    padding: 5.4rem 0;
}

.woo-pd-95-0 {
    padding: 5.7rem 0;
}

.woo-pd-100-0 {
    padding: 6rem 0;
}

.woo-pd-0-5 {
    padding: 0 0.3rem;
}

.woo-pd-0-10 {
    padding: 0 0.6rem;
}

.woo-pd-0-15 {
    padding: 0 0.9rem;
}

.woo-pd-0-20 {
    padding: 0 1.2rem;
}

.woo-pd-0-25 {
    padding: 0 1.5rem;
}

.woo-pd-0-30 {
    padding: 0 1.8rem;
}

.woo-pd-0-35 {
    padding: 0 2.1rem;
}

.woo-pd-0-40 {
    padding: 0 2.4rem;
}

.woo-pd-0-45 {
    padding: 0 2.7rem;
}

.woo-pd-0-50 {
    padding: 0 3rem;
}

.woo-pd-0-55 {
    padding: 0 3.3rem;
}

.woo-pd-0-60 {
    padding: 0 3.6rem;
}

.woo-pd-0-65 {
    padding: 0 3.9rem;
}

.woo-pd-0-70 {
    padding: 0 4.2rem;
}

.woo-pd-0-75 {
    padding: 0 4.5rem;
}

.woo-pd-0-80 {
    padding: 0 4.8rem;
}

.woo-pd-0-85 {
    padding: 0 5.1rem;
}

.woo-pd-0-90 {
    padding: 0 5.4rem;
}

.woo-pd-0-95 {
    padding: 0 5.7rem;
}

.woo-pd-0-100 {
    padding: 0 6rem;
}

.woo-mg-0-auto {
    margin: 0 auto;
}

.woo-mg-5-0 {
    margin: 0.3rem 0;
}

.woo-mg-10-0 {
    margin: 0.6rem 0;
}

.woo-mg-15-0 {
    margin: 0.9rem 0;
}

.woo-mg-20-0 {
    margin: 1.2rem 0;
}

.woo-mg-25-0 {
    margin: 1.5rem 0;
}

.woo-mg-30-0 {
    margin: 1.8rem 0;
}

.woo-mg-35-0 {
    margin: 2.1rem 0;
}

.woo-mg-40-0 {
    margin: 2.4rem 0;
}

.woo-mg-45-0 {
    margin: 2.7rem 0;
}

.woo-mg-50-0 {
    margin: 3rem 0;
}

.woo-mg-55-0 {
    margin: 3.3rem 0;
}

.woo-mg-60-0 {
    margin: 3.6rem 0;
}

.woo-mg-65-0 {
    margin: 3.9rem 0;
}

.woo-mg-70-0 {
    margin: 4.2rem 0;
}

.woo-mg-75-0 {
    margin: 4.5rem 0;
}

.woo-mg-80-0 {
    margin: 4.8rem 0;
}

.woo-mg-85-0 {
    margin: 5.1rem 0;
}

.woo-mg-90-0 {
    margin: 5.4rem 0;
}

.woo-mg-95-0 {
    margin: 5.7rem 0;
}

.woo-mg-100-0 {
    margin: 6rem 0;
}

.woo-mg-0-5 {
    margin: 0 0.3rem;
}

.woo-mg-0-10 {
    margin: 0 0.6rem;
}

.woo-mg-0-15 {
    margin: 0 0.9rem;
}

.woo-mg-0-20 {
    margin: 0 1.2rem;
}

.woo-mg-0-25 {
    margin: 0 1.5rem;
}

.woo-mg-0-30 {
    margin: 0 1.8rem;
}

.woo-mg-0-35 {
    margin: 0 2.1rem;
}

.woo-mg-0-40 {
    margin: 0 2.4rem;
}

.woo-mg-0-45 {
    margin: 0 2.7rem;
}

.woo-mg-0-50 {
    margin: 0 3rem;
}

.woo-mg-0-55 {
    margin: 0 3.3rem;
}

.woo-mg-0-60 {
    margin: 0 3.6rem;
}

.woo-mg-0-65 {
    margin: 0 3.9rem;
}

.woo-mg-0-70 {
    margin: 0 4.2rem;
}

.woo-mg-0-75 {
    margin: 0 4.5rem;
}

.woo-mg-0-80 {
    margin: 0 4.8rem;
}

.woo-mg-0-85 {
    margin: 0 5.1rem;
}

.woo-mg-0-90 {
    margin: 0 5.4rem;
}

.woo-mg-0-95 {
    margin: 0 5.7rem;
}

.woo-mg-0-100 {
    margin: 0 6rem;
}

.woo-pd-top-10 {
    padding-top: 0.6rem;
}

.woo-pd-top-20 {
    padding-top: 1.2rem;
}

.woo-pd-top-30 {
    padding-top: 1.8rem;
}

.woo-pd-top-40 {
    padding-top: 2.4rem;
}

.woo-pd-top-50 {
    padding-top: 3rem;
}

.woo-pd-top-60 {
    padding-top: 3.6rem;
}

.woo-pd-top-70 {
    padding-top: 4.2rem;
}

.woo-pd-top-80 {
    padding-top: 4.8rem;
}

.woo-pd-top-90 {
    padding-top: 5.4rem;
}

.woo-pd-top-100 {
    padding-top: 6rem;
}

.woo-pd-bottom-10 {
    padding-bottom: 0.6rem;
}

.woo-pd-bottom-20 {
    padding-bottom: 1.2rem;
}

.woo-pd-bottom-30 {
    padding-bottom: 1.8rem;
}

.woo-pd-bottom-40 {
    padding-bottom: 2.4rem;
}

.woo-pd-bottom-50 {
    padding-bottom: 3rem;
}

.woo-pd-bottom-60 {
    padding-bottom: 3.6rem;
}

.woo-pd-bottom-70 {
    padding-bottom: 4.2rem;
}

.woo-pd-bottom-80 {
    padding-bottom: 4.8rem;
}

.woo-pd-bottom-90 {
    padding-bottom: 5.4rem;
}

.woo-pd-bottom-100 {
    padding-bottom: 6rem;
}

.woo-pd-right-10 {
    padding-right: 0.6rem;
}

.woo-pd-right-20 {
    padding-right: 1.2rem;
}

.woo-pd-right-30 {
    padding-right: 1.8rem;
}

.woo-pd-right-40 {
    padding-right: 2.4rem;
}

.woo-pd-right-50 {
    padding-right: 3rem;
}

.woo-pd-right-60 {
    padding-right: 3.6rem;
}

.woo-pd-right-70 {
    padding-right: 4.2rem;
}

.woo-pd-right-80 {
    padding-right: 4.8rem;
}

.woo-pd-right-90 {
    padding-right: 5.4rem;
}

.woo-pd-right-100 {
    padding-right: 6rem;
}

.woo-pd-left-10 {
    padding-left: 0.6rem;
}

.woo-pd-left-20 {
    padding-left: 1.2rem;
}

.woo-pd-left-30 {
    padding-left: 1.8rem;
}

.woo-pd-left-40 {
    padding-left: 2.4rem;
}

.woo-pd-left-50 {
    padding-left: 3rem;
}

.woo-pd-left-60 {
    padding-left: 3.6rem;
}

.woo-pd-left-70 {
    padding-left: 4.2rem;
}

.woo-pd-left-80 {
    padding-left: 4.8rem;
}

.woo-pd-left-90 {
    padding-left: 5.4rem;
}

.woo-pd-left-100 {
    padding-left: 6rem;
}

.woo-mg-top-5 {
    margin-top: 0.3rem;
}

.woo-mg-top-10 {
    margin-top: 0.6rem;
}

.woo-mg-top-15 {
    margin-top: 0.9rem;
}

.woo-mg-top-20 {
    margin-top: 1.2rem;
}

.woo-mg-top-25 {
    margin-top: 1.5rem;
}

.woo-mg-top-30 {
    margin-top: 1.8rem;
}

.woo-mg-top-35 {
    margin-top: 2.1rem;
}

.woo-mg-top-40 {
    margin-top: 2.4rem;
}

.woo-mg-top-45 {
    margin-top: 2.7rem;
}

.woo-mg-top-50 {
    margin-top: 3rem;
}

.woo-mg-bottom-5 {
    margin-bottom: 0.3rem;
}

.woo-mg-bottom-10 {
    margin-bottom: 0.6rem;
}

.woo-mg-bottom-15 {
    margin-bottom: 0.9rem;
}

.woo-mg-bottom-20 {
    margin-bottom: 1.2rem;
}

.woo-mg-bottom-25 {
    margin-bottom: 1.5rem;
}

.woo-mg-bottom-30 {
    margin-bottom: 1.8rem;
}

.woo-mg-bottom-35 {
    margin-bottom: 2.1rem;
}

.woo-mg-bottom-40 {
    margin-bottom: 2.4rem;
}

.woo-mg-bottom-45 {
    margin-bottom: 2.7rem;
}

.woo-mg-bottom-50 {
    margin-bottom: 3rem;
}

.woo-mg-right-5 {
    margin-right: 0.3rem;
}

.woo-mg-right-10 {
    margin-right: 0.6rem;
}

.woo-mg-right-15 {
    margin-right: 0.9rem;
}

.woo-mg-right-20 {
    margin-right: 1.2rem;
}

.woo-mg-right-25 {
    margin-right: 1.5rem;
}

.woo-mg-right-30 {
    margin-right: 1.8rem;
}

.woo-mg-right-35 {
    margin-right: 2.1rem;
}

.woo-mg-right-40 {
    margin-right: 2.4rem;
}

.woo-mg-right-45 {
    margin-right: 2.7rem;
}

.woo-mg-right-50 {
    margin-right: 3rem;
}

.woo-mg-left-5 {
    margin-left: 0.3rem;
}

.woo-mg-left-10 {
    margin-left: 0.6rem;
}

.woo-mg-left-15 {
    margin-left: 0.9rem;
}

.woo-mg-left-20 {
    margin-left: 1.2rem;
}

.woo-mg-left-25 {
    margin-left: 1.5rem;
}

.woo-mg-left-30 {
    margin-left: 1.8rem;
}

.woo-mg-left-35 {
    margin-left: 2.1rem;
}

.woo-mg-left-40 {
    margin-left: 2.4rem;
}

.woo-mg-left-45 {
    margin-left: 2.7rem;
}

.woo-mg-left-50 {
    margin-left: 3rem;
}

.woo-mg-1 {
    margin: 0.06rem;
}

.woo-mg-2 {
    margin: 1.06rem;
}

.woo-mg-3 {
    margin: 2.06rem;
}

.woo-mg-4 {
    margin: 3.06rem;
}

.woo-mg-5 {
    margin: 4.06rem;
}

.woo-mg-6 {
    margin: 5.06rem;
}

.woo-mg-7 {
    margin: 6.06rem;
}

.woo-mg-8 {
    margin: 7.06rem;
}

.woo-mg-9 {
    margin: 8.06rem;
}

.woo-mg-10 {
    margin: 9.06rem;
}

.woo-mg-11 {
    margin: 10.06rem;
}

.woo-mg-12 {
    margin: 11.06rem;
}

.woo-mg-13 {
    margin: 12.06rem;
}

.woo-mg-14 {
    margin: 13.06rem;
}

.woo-mg-15 {
    margin: 14.06rem;
}

.woo-mg-16 {
    margin: 15.06rem;
}

.woo-mg-17 {
    margin: 16.06rem;
}

.woo-mg-18 {
    margin: 17.06rem;
}

.woo-mg-19 {
    margin: 18.06rem;
}

.woo-mg-20 {
    margin: 19.06rem;
}

.woo-mg-21 {
    margin: 20.06rem;
}

@media (min-width: 600px) {
    .woo-to-mg-0-res-1 {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-right: 0rem;
        margin-left: 0rem;
    }

    .woo-to-mg-1-res-1 {
        margin-bottom: 0.06rem;
        margin-top: 0.06rem;
        margin-right: 0.06rem;
        margin-left: 0.06rem;
    }

    .woo-to-mg-2-res-1 {
        margin-bottom: 0.12rem;
        margin-top: 0.12rem;
        margin-right: 0.12rem;
        margin-left: 0.12rem;
    }

    .woo-to-mg-3-res-1 {
        margin-bottom: 0.18rem;
        margin-top: 0.18rem;
        margin-right: 0.18rem;
        margin-left: 0.18rem;
    }

    .woo-to-mg-4-res-1 {
        margin-bottom: 0.24rem;
        margin-top: 0.24rem;
        margin-right: 0.24rem;
        margin-left: 0.24rem;
    }

    .woo-to-mg-5-res-1 {
        margin-bottom: 0.3rem;
        margin-top: 0.3rem;
        margin-right: 0.3rem;
        margin-left: 0.3rem;
    }

    .woo-to-mg-6-res-1 {
        margin-bottom: 0.36rem;
        margin-top: 0.36rem;
        margin-right: 0.36rem;
        margin-left: 0.36rem;
    }

    .woo-to-mg-7-res-1 {
        margin-bottom: 0.42rem;
        margin-top: 0.42rem;
        margin-right: 0.42rem;
        margin-left: 0.42rem;
    }

    .woo-to-mg-8-res-1 {
        margin-bottom: 0.48rem;
        margin-top: 0.48rem;
        margin-right: 0.48rem;
        margin-left: 0.48rem;
    }

    .woo-to-mg-9-res-1 {
        margin-bottom: 0.54rem;
        margin-top: 0.54rem;
        margin-right: 0.54rem;
        margin-left: 0.54rem;
    }

    .woo-to-mg-10-res-1 {
        margin-bottom: 0.6rem;
        margin-top: 0.6rem;
        margin-right: 0.6rem;
        margin-left: 0.6rem;
    }

    .woo-to-mg-11-res-1 {
        margin-bottom: 0.66rem;
        margin-top: 0.66rem;
        margin-right: 0.66rem;
        margin-left: 0.66rem;
    }

    .woo-to-mg-12-res-1 {
        margin-bottom: 0.72rem;
        margin-top: 0.72rem;
        margin-right: 0.72rem;
        margin-left: 0.72rem;
    }

    .woo-to-mg-13-res-1 {
        margin-bottom: 0.78rem;
        margin-top: 0.78rem;
        margin-right: 0.78rem;
        margin-left: 0.78rem;
    }

    .woo-to-mg-14-res-1 {
        margin-bottom: 0.84rem;
        margin-top: 0.84rem;
        margin-right: 0.84rem;
        margin-left: 0.84rem;
    }

    .woo-to-mg-15-res-1 {
        margin-bottom: 0.9rem;
        margin-top: 0.9rem;
        margin-right: 0.9rem;
        margin-left: 0.9rem;
    }

    .woo-to-mg-16-res-1 {
        margin-bottom: 0.96rem;
        margin-top: 0.96rem;
        margin-right: 0.96rem;
        margin-left: 0.96rem;
    }

    .woo-to-mg-17-res-1 {
        margin-bottom: 1.02rem;
        margin-top: 1.02rem;
        margin-right: 1.02rem;
        margin-left: 1.02rem;
    }

    .woo-to-mg-18-res-1 {
        margin-bottom: 1.08rem;
        margin-top: 1.08rem;
        margin-right: 1.08rem;
        margin-left: 1.08rem;
    }

    .woo-to-mg-19-res-1 {
        margin-bottom: 1.14rem;
        margin-top: 1.14rem;
        margin-right: 1.14rem;
        margin-left: 1.14rem;
    }

    .woo-to-mg-20-res-1 {
        margin-bottom: 1.2rem;
        margin-top: 1.2rem;
        margin-right: 1.2rem;
        margin-left: 1.2rem;
    }
}

body {
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    color: #2B2B2B;
    font-size: 14px;
}

    body.--body-developter {
        background: #f8f8f8;
    }

* {
    box-sizing: border-box;
}

html {
    height: 100%;
    font-size: 14px;
    scroll-behavior: smooth;
}

    html.no-scroll {
        overflow: hidden;
    }

a {
    color: #9c9c9c;
    text-decoration: none;
    cursor: pointer;
}

    a:hover, a:focus {
        text-decoration: none;
    }

p {
    margin: 0;
}

button {
    cursor: pointer;
}

:focus {
    outline: rem(1) solid #186096;
}

.woo-content {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 600px) {
    .woo-content {
        max-width: 1200px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

.woo-show-flex {
    display: flex !important;
}

.woo-ds-none {
    display: none !important;
}

.woo-card__draw {
    max-width: 370px;
    height: 200px;
    perspective: 600px;
}

@media (min-width: 1241px) {
    .woo-card__draw {
        height: 220px;
    }
}

.woo-card__draw .woo-cardDraw__content {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 1s;
    transform-style: preserve-3d;
    /*&:hover,*/
}

    .woo-card__draw .woo-cardDraw__content.--flip {
        transform: rotateY(180deg);
    }

.woo-card__draw .woo-card__face {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
}

    .woo-card__draw .woo-card__face.--front {
        position: absolute;
        height: 100%;
        width: 100%;
        backface-visibility: hidden;
        background: #186096;
        padding: 20px;
    }

@media (min-width: 1241px) {
    .woo-card__draw .woo-card__face.--front {
        padding: 30px;
    }
}

.woo-card__draw .woo-card__face.--back {
    background: #2c83cc;
    transform: rotateY(180deg);
    background: #8f8f8f;
    padding: 20px 0;
}

@media (min-width: 1241px) {
    .woo-card__draw .woo-card__face.--back {
        padding: 30px 0;
    }
}

.woo-card__draw .woo-card__face p {
    color: #fff;
    letter-spacing: 2px;
}

.woo-card__draw .woo-card__face img.--chip {
    width: 40px;
}

.woo-card__draw .woo-card__face p.--number {
    font-size: 1.4em;
    margin-top: 20px;
    margin-bottom: 20px;
}

.woo-card__draw .woo-card__face p.--name {
    font-size: 0.9em;
    min-height: 30px;
}

@media (min-width: 1241px) {
    .woo-card__draw .woo-card__face p.--name {
        font-size: 1em;
    }
}

.woo-card__draw .woo-card__face p.--date {
    margin-top: 10px;
    font-size: 0.9em;
    max-width: 100PX;
}

.woo-card__draw .woo-card__face p.--number, .woo-card__draw .woo-card__face p.--name, .woo-card__draw .woo-card__face p.--date {
    /*min-height: 30px;
  border-bottom: 1px solid #0000001b;
  @include mx-flex();
  @include mx-flex-align-center();
  @include mx-flex-justify-start();*/
}

.woo-card__draw .woo-card__face .woo-brand {
    position: absolute;
    bottom: 20px;
    right: 30px;
    width: 60px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    border-radius: 3px;
    background-position: center;
    background-size: 45px;
}

    .woo-card__draw .woo-card__face .woo-brand.--VI, .woo-card__draw .woo-card__face .woo-brand.--visa, .woo-card__draw .woo-card__face .woo-brand.--Visa {
        background-color: transparent;
        background-image: url("../../../Content/sass/_images/cardFlags/ban_visa.png");
        /*background-image: url("../__images/cardFlags/ban_visa.png");*/
    }

    .woo-card__draw .woo-card__face .woo-brand.--MC, .woo-card__draw .woo-card__face .woo-brand.--mastercard, .woo-card__draw .woo-card__face .woo-brand.--Mastercard {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/ban_mastercard.png");
    }

    .woo-card__draw .woo-card__face .woo-brand.--AX, .woo-card__draw .woo-card__face .woo-brand.--amex, .woo-card__draw .woo-card__face .woo-brand.--Amex {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_amex.png");
    }

    .woo-card__draw .woo-card__face .woo-brand.--HC, .woo-card__draw .woo-card__face .woo-brand.--hipercard, .woo-card__draw .woo-card__face .woo-brand.--Hipercard {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_hipercard.png");
    }

    .woo-card__draw .woo-card__face .woo-brand.--diners, .woo-card__draw .woo-card__face .woo-brand.--Diners {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_diners.png");
    }

    .woo-card__draw .woo-card__face .woo-brand.--EL, .woo-card__draw .woo-card__face .woo-brand.--elo, .woo-card__draw .woo-card__face .woo-brand.--Elo {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_elo.png");
    }

    .woo-card__draw .woo-card__face .woo-brand.--banese, .woo-card__draw .woo-card__face .woo-brand.--Banese {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_banese.png");
        background-size: 50px;
    }

    .woo-card__draw .woo-card__face .woo-brand.--havan, .woo-card__draw .woo-card__face .woo-brand.--Havan {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_havan.png");
        background-size: 50px;
    }

    .woo-card__draw .woo-card__face .woo-brand.--discover, .woo-card__draw .woo-card__face .woo-brand.--Discover {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_discover.png");
    }

    .woo-card__draw .woo-card__face .woo-brand.--CC, .woo-card__draw .woo-card__face .woo-brand.--credicard, .woo-card__draw .woo-card__face .woo-brand.--Credicard {
        background-color: transparent;
        background-image: url("../../../Content/sass/__images/cardFlags/card_credicard.png");
    }

.woo-card__draw .woo-card__face .--strip {
    background: #000;
    height: 40px;
    width: 100%;
    margin-bottom: 20px;
}

.woo-card__draw .woo-card__face .--code {
    color: #fff;
    width: 100%;
    padding-right: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .woo-card__draw .woo-card__face .--code .--codeSec {
        margin-top: 7px;
        width: 45px;
        height: 30px;
        background: #fff;
        color: #ce51f2;
        border-radius: 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.woo-shopping-text {
    color: #2B2B2B;
    font-size: 1.1428571429rem;
    margin-right: 0.6rem;
}

    .woo-shopping-text b {
        color: #2B2B2B;
        font-weight: 500;
    }

@media (min-width: 600px) {
    .woo-shopping-text {
        margin-right: 1.2rem;
    }
}

.woo-shopping-btn {
    width: 40px;
    height: 40px;
    background: #186096;
    border-radius: 50%;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .woo-shopping-btn::before {
        content: "x";
        color: #fff;
        font: 1.2em;
    }

.woo-aguarde {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    top: 0;
    z-index: 9999999;
}

    .woo-aguarde img {
        width: 100px;
    }

.woo-load {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    left: 0;
    top: 0;
    z-index: 99999999999999 !important;
}

@keyframes circle {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.woo-load.--wooall .woo-load__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    position: relative;
}

    .woo-load.--wooall .woo-load__content .woo-load__img {
        width: 70px;
        height: 70px;
        position: absolute;
        background-image: url(__images/woo-icon-woopay.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .woo-load.--wooall .woo-load__content .woo-load__text {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
    }

        .woo-load.--wooall .woo-load__content .woo-load__text span {
            font-size: 1.3em;
            color: #186096;
        }

        .woo-load.--wooall .woo-load__content .woo-load__text:before {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            content: "W";
            font-family: "Poppins", sans-serif !important;
            width: 30px;
            height: 30px;
            background: #186096;
            color: #fff;
            border-radius: 50%;
            font-size: 1.7em;
            padding-top: 2px;
        }

    .woo-load.--wooall .woo-load__content .woo-load__icon {
        width: 100%;
        height: 100%;
        position: relative;
        transform: translateZ(0) scale(1);
        backface-visibility: hidden;
        transform-origin: 0 0;
    }

        .woo-load.--wooall .woo-load__content .woo-load__icon div {
            position: absolute;
            width: 120px;
            height: 120px;
            border: 2px solid #186096;
            border-top-color: transparent;
            border-radius: 50%;
            animation: circle 1s linear infinite;
            top: 100px;
            left: 100px;
            box-sizing: content-box;
        }

.woo-load.--account .woo-load__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    position: relative;
}

    .woo-load.--account .woo-load__content .woo-load__img {
        width: 70px;
        height: 70px;
        position: absolute;
        background-image: url(__images/woo-icon-woopay.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .woo-load.--account .woo-load__content .woo-load__text {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
    }

        .woo-load.--account .woo-load__content .woo-load__text span {
            font-size: 1.1em;
            color: #96c312;
        }

        .woo-load.--account .woo-load__content .woo-load__text:before {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            content: "WA";
            font-family: "Poppins", sans-serif !important;
            width: 35px;
            height: 35px;
            background: #96c312;
            color: #fff;
            border-radius: 50%;
            font-size: 1.3em;
            padding-top: 2px;
        }

    .woo-load.--account .woo-load__content .woo-load__icon {
        width: 100%;
        height: 100%;
        position: relative;
        transform: translateZ(0) scale(1);
        backface-visibility: hidden;
        transform-origin: 0 0;
    }

        .woo-load.--account .woo-load__content .woo-load__icon div {
            position: absolute;
            width: 120px;
            height: 120px;
            border: 2px solid #96c312;
            border-top-color: transparent;
            border-radius: 50%;
            animation: circle 1s linear infinite;
            top: 100px;
            left: 100px;
            box-sizing: content-box;
        }

.budget-circle {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #d8d8d8;
    border: 1px solid #ccc;
}

.--divider,
.--woo-divider,
.woo-divider-border {
    float: left;
    width: 100%;
    border-bottom: 2px dotted #e0e0e0;
}

.--line {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

.woo-box__selections {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

    .woo-box__selections input {
        width: 100%;
        height: 30px;
        margin: 0 0 5px 0;
        background: #fff;
        border: 1px solid #e1e1e1;
        text-indent: 5px;
        border-radius: 10px;
    }

    .woo-box__selections .--inputitems > div {
        padding: 10px;
        border-radius: 10px;
    }

        .woo-box__selections .--inputitems > div > div {
            padding: 10px !important;
            border-radius: 7px;
            font-size: 0.9em;
        }

            .woo-box__selections .--inputitems > div > div:hover {
                background: #186096 !important;
                color: #fff !important;
            }

.woo-box__errors p {
    padding: 10px 0;
    border-bottom: 2px dotted #d7d7d7;
}

    .woo-box__errors p:last-of-type {
        border-bottom: none;
    }

.woo-box__dynamic .woo-box__title {
    margin-top: 20px !important;
}

    .woo-box__dynamic .woo-box__title:first-of-type {
        margin-top: 0 !important;
    }

.woo-box__logo.--colorwhite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
}

    .woo-box__logo.--colorwhite span {
        font-size: 1.5em;
        color: #fff !important;
    }

    .woo-box__logo.--colorwhite:before {
        background: #fff;
        color: #186096;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: "Poppins", sans-serif !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 2em;
        padding-top: 2px;
        content: "W";
    }

    .woo-box__logo.--colorwhite.--account {
        position: relative;
    }

        .woo-box__logo.--colorwhite.--account span {
            font-size: 1.4em;
            color: #fff !important;
            margin-top: 2px;
        }

            .woo-box__logo.--colorwhite.--account span.--floating {
                font-size: 0.7em;
                top: -7px;
                position: absolute;
                left: 2px;
                margin: 0px;
            }

        .woo-box__logo.--colorwhite.--account:before {
            background: #fff;
            color: #96c312;
            content: var(--logo-text,"WA");
            font-size: 1.4em;
        }

.woo-box__logo.--colorclient {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
}

    .woo-box__logo.--colorclient span {
        font-size: 2.3em;
        color: #186096 !important;
    }

    .woo-box__logo.--colorclient:before {
        background: #186096;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: "Poppins", sans-serif !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 3em;
        padding-top: 3px;
        content: "W";
    }

    .woo-box__logo.--colorclient.--account {
        position: relative;
    }

        .woo-box__logo.--colorclient.--account span {
            font-size: 1.4em;
            color: #96c312 !important;
            margin-top: 2px;
        }

            .woo-box__logo.--colorclient.--account span.--floating {
                font-size: 0.7em;
                top: -7px;
                position: absolute;
                left: 2px;
                margin: 0px;
            }

        .woo-box__logo.--colorclient.--account:before {
            background: #96c312;
            color: #fff;
            content: "WA";
            font-size: 1.4em;
        }

.woo-scroll {
    overflow: auto;
}

    .woo-scroll::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-scroll::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-scroll::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-scroll::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

.woo-scroll-h {
    display: block;
    overflow: auto;
    scroll-behavior: smooth;
}

    .woo-scroll-h::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: #ffffff;
        border-radius: 4px;
    }

    .woo-scroll-h::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-scroll-h::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-scroll-h::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

.--lastdivider-hide .--divider:last-of-type {
    display: none;
}

.--wdg-scrolltable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    display: none;
    z-index: 99;
    position: fixed;
    bottom: 70px;
    right: 60px;
}

    .--wdg-scrolltable a {
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }

    .--wdg-scrolltable.--v2 {
        position: absolute;
        bottom: -12px;
        right: 12px;
        width: 100%;
    }

        .--wdg-scrolltable.--v2 a {
            width: 23px !important;
            height: 23px !important;
            min-width: 23px !important;
        }

.--wdg-pdf table {
    page-break-inside: auto;
}

.--wdg-pdf tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

.--wdg-textbox {
    padding: 5px 7px;
    border-radius: 5px;
    background: #e8e8e8;
    font-weight: 500;
}

    .--wdg-textbox.--client {
        background: #186096;
        color: #fff;
    }

    .--wdg-textbox.--success {
        background: #24d35d;
        color: #fff;
    }

    .--wdg-textbox.--error {
        background: #d72424;
        color: #fff;
    }

.--relative {
    position: relative;
}

.--sticky {
    position: sticky;
    top: 15px;
}

.--pagination {
    margin-top: 20px;
}

    .--pagination .pagination-container {
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 !important;
    }

        .--pagination .pagination-container .pagination {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            gap: 10px;
        }

            .--pagination .pagination-container .pagination li {
                padding: 0px !important;
                margin: 0 !important;
            }

                .--pagination .pagination-container .pagination li:hover {
                    background: none !important;
                }

                .--pagination .pagination-container .pagination li a {
                    background: #fff !important;
                    border: 1px solid #186096 !important;
                    color: #186096 !important;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    width: 25px !important;
                    height: 25px !important;
                    border-radius: 50% !important;
                    font-size: 0.8em !important;
                }

                    .--pagination .pagination-container .pagination li a:hover {
                        opacity: 0.9 !important;
                    }

                .--pagination .pagination-container .pagination li.active a {
                    background: #186096 !important;
                    color: #fff !important;
                }

.woo-card__table {
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

    .woo-card__table .card-header {
        padding: 15px;
        border-bottom: 1px solid #ebebeb;
        font-weight: bold !important;
    }

    .woo-card__table .card-content {
        padding: 15px;
    }

    .woo-card__table .card-footer {
        background: #fff;
        padding: 15px;
        border-top: 1px solid #ebebeb;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .woo-card__table .card-footer.fixed {
            position: sticky;
            bottom: 0;
        }

    .woo-card__table .card-paginator {
        width: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .woo-card__table .card-paginator .pager-btn {
            width: 25px;
            height: 25px;
            border-radius: 5px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 1px solid #ccc;
            background: #eaeaea;
        }

            .woo-card__table .card-paginator .pager-btn:hover:not(:disabled) {
                background: #186096;
                border-color: #186096;
                color: #fff;
            }

            .woo-card__table .card-paginator .pager-btn:before {
                font: normal normal normal 24px/1 "Material Design Icons";
            }

            .woo-card__table .card-paginator .pager-btn.left:before {
                content: "\f19b1";
            }

            .woo-card__table .card-paginator .pager-btn.right:before {
                content: "\f19b0";
            }

        .woo-card__table .card-paginator .pager-info {
            flex: 1;
            font-size: 0.9em;
        }

.dd {
    text-align: left;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    width: 190px !important;
    border-radius: 4px;
    position: relative !important;
}

@media (min-width: 1330) {
    .dd {
        width: 180px !important;
    }
}

.dd .ddTitle {
    background: #ffffff;
    border: 0;
    padding: 5px;
    text-indent: 0;
    cursor: default;
    overflow: hidden;
    height: 29px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}

    .dd .ddTitle span.arrow {
        background: url(../../Scripts/msdropdown/setas_select.png) no-repeat 0 0;
        float: right;
        display: inline-block;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .dd .ddTitle span.ddTitleText {
        text-indent: 1px;
        overflow: hidden;
        line-height: 16px;
    }

        .dd .ddTitle span.ddTitleText img {
            text-align: left;
            padding-right: 10px;
            width: 30px !important;
            border-right: 1px solid #ccc;
            margin-right: 10px;
            margin-top: 0 !important;
        }

    .dd .ddTitle img.selected {
        padding: 0 3px 0 0;
        vertical-align: top;
    }

.dd .ddChild {
    top: 30px !important;
    position: absolute;
    display: none;
    margin: 0;
    overflow: auto;
    overflow-x: hidden !important;
    background-color: #ffffff;
    width: 190px !important;
    box-shadow: 2px 6px 8px 0px rgba(57, 57, 57, 0.21);
}

@media (min-width: 1330) {
    .dd .ddChild {
        width: 180px !important;
    }
}

.dd .ddChild .opta a, .dd .ddChild .opta a:visited {
    padding-left: 10px;
}

.dd .ddChild a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

    .dd .ddChild a:hover {
        background-color: #efefef;
    }

    .dd .ddChild a img {
        border: 0;
        padding-right: 10px;
        vertical-align: middle;
        width: 30px !important;
        border-right: 1px solid #ccc;
        margin-right: 10px;
    }

    .dd .ddChild a.selected {
        background-color: #dcdcdc;
    }

.hidden {
    display: none;
}

.dd .borderTop {
    border-top: 1px solid #c3c3c3 !important;
}

.dd .noBorderTop {
    border-top: none 0 !important;
}

/************** Skin 2 *********************/
.dd2 {
    /*display:inline-block !important;*/
    text-align: left;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
}

    .dd2 .ddTitle {
        background: transparent url(../images/msDropDown.gif) no-repeat;
        padding: 0 3px;
        text-indent: 0;
        cursor: default;
        overflow: hidden;
        height: 36px;
    }

        .dd2 .ddTitle span.arrow {
            background: transparent url(../images/icon-arrow.gif) no-repeat 0 0;
            float: right;
            display: inline-block;
            width: 27px;
            height: 27px;
            cursor: pointer;
            top: 5px;
            position: relative;
            right: 2px;
        }

        .dd2 .ddTitle span.ddTitleText {
            text-indent: 1px;
            overflow: hidden;
            line-height: 33px;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            _position: relative;
            _top: 4px;
        }

            .dd2 .ddTitle span.ddTitleText img {
                text-align: left;
                padding: 0 2px 0 0;
            }

        .dd2 .ddTitle img.selected {
            padding: 0 2px 0 0;
            vertical-align: top;
        }

    .dd2 .ddChild {
        position: absolute;
        border: 1px solid #c3c3c3;
        border-top: none;
        display: none;
        margin: 0;
        width: auto;
        overflow: auto;
        overflow-x: hidden !important;
        background-color: #ffffff;
        font-size: 14px;
    }

        .dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {
            padding-left: 10px;
        }

        .dd2 .ddChild a {
            display: block;
            padding: 3px 0 3px 3px;
            text-decoration: none;
            color: #000;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
        }

            .dd2 .ddChild a:hover {
                background-color: #66CCFF;
            }

            .dd2 .ddChild a img {
                border: 0;
                padding: 0 2px 0 0;
                vertical-align: middle;
            }

            .dd2 .ddChild a.selected {
                background-color: #66CCFF;
            }

    .dd2 .borderTop {
        border-top: 1px solid #c3c3c3 !important;
    }

    .dd2 .noBorderTop {
        border-top: none 0 !important;
    }

/************* use sprite *****************/
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {
    background-image: url(../icons/sprite.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
}

.dd .ddChild a.calendar, .dd .ddChild a.calendar:visited {
    background-position: 0 -404px;
}

.dd .ddChild a.shoppingcart, .dd .ddChild a.shoppingcart:visited {
    background-position: 0 -330px;
}

.dd .ddChild a.cd, .dd .ddChild a.cd:visited {
    background-position: 0 -439px;
}

.dd .ddChild a.email, .dd .ddChild a.email:visited {
    background-position: 0 -256px;
}

.dd .ddChild a.faq, .dd .ddChild a.faq:visited {
    background-position: 0 -183px;
}

.dd .ddChild a.games,
.dd .ddChild a.games:visited {
    background-position: 0 -365px;
}

.dd .ddChild a.music, .dd .ddChild a.music:visited {
    background-position: 0 -146px;
}

.dd .ddChild a.phone, .dd .ddChild a.phone:visited {
    background-position: 0 -109px;
}

.dd .ddChild a.graph, .dd .ddChild a.graph:visited {
    background-position: 0 -73px;
}

.dd .ddChild a.secured, .dd .ddChild a.secured:visited {
    background-position: 0 -37px;
}

.dd .ddChild a.video, .dd .ddChild a.video:visited {
    background-position: 0 0;
}

/*@import "_setIcons";*/
.woo-modal {
    font-family: "Poppins", sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(43, 43, 43, 0.5) !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    z-index: 99999;
    t-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .woo-modal .woo-modal__scrollContent {
        overflow: auto;
        min-height: 250px;
    }

        .woo-modal .woo-modal__scrollContent::-webkit-scrollbar {
            width: 15px;
            height: 15px;
            background-color: transparent;
            border-radius: 4px;
        }

        .woo-modal .woo-modal__scrollContent::-webkit-scrollbar-track {
            border-radius: 10px;
        }

        .woo-modal .woo-modal__scrollContent::-webkit-scrollbar-thumb {
            background-color: #d4d4d4;
            border-radius: 10px;
            border: 5px solid transparent;
            background-clip: padding-box;
        }

            .woo-modal .woo-modal__scrollContent::-webkit-scrollbar-thumb:hover {
                background-color: #b7b7b7;
            }

        .woo-modal .woo-modal__scrollContent.--h-auto {
            min-height: 0 !important;
        }

    .woo-modal .woo-modal__content {
        width: 99%;
        height: auto;
        max-height: 95%;
        padding: 20px;
        background: #fff;
        overflow: hidden;
        position: relative;
        transform: scale(0);
        transition: transform 0.2s ease-in-out;
        transition-delay: 0.1s;
        border-radius: 10px;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

@media (max-width: 599px) {
    .woo-modal .woo-modal__content {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        border-radius: 0;
    }
}

.woo-modal .woo-modal__content.--active {
    transform: scale(1);
}

.woo-modal.--active {
    display: flex !important;
}

.woo-modal .woo-modal__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 10px;
}

    .woo-modal .woo-modal__head .woo-head__title {
        flex: 1;
        font-size: 1em;
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        font-weight: bold;
    }

@media (min-width: 600px) {
    .woo-modal .woo-modal__head .woo-head__title {
        font-size: 1.3em;
    }
}

.woo-modal .woo-modal__head .woo-head__title.woo-icon-list-remove:before {
    font-size: 1.7em !important;
}

.woo-modal .woo-modal__head .woo-btn__close {
    font-size: 1.1428571429rem;
    color: #2b2b2b;
    cursor: pointer;
}

.woo-modal .woo-modal__foot {
    margin-top: 10px;
    text-align: center;
    border-top: 20px;
    padding-top: 10px;
}

@media (min-width: 600px) {
    .woo-modal .woo-modal__foot {
        margin-top: 20px;
        padding-top: 20px;
    }
}

.woo-modal .woo-modal__foot button {
    color: #000;
    font-size: 0.8em;
    font-weight: 500;
    display: inline-block;
    background: none;
    border: none;
    text-decoration: underline;
    float: none;
}

.woo-modal.--z-ultra {
    z-index: 999999999 !important;
}

.woo-modal.--z-10000 {
    z-index: 10000 !important;
}

.woo-modal.--z-10001 {
    z-index: 10001 !important;
}

.woo-modal.--z-10002 {
    z-index: 10002 !important;
}

.woo-modal.--z-10003 {
    z-index: 10003 !important;
}

.woo-modal.--pd-15 .woo-modal__content {
    padding: 15px;
}

.woo-modal.--pd-20 .woo-modal__content {
    padding: 20px;
}

.woo-modal.--foot-hidden .woo-modal__foot {
    display: none;
}

.woo-modal.--filter {
    width: 370px;
    padding: 30px 0;
    background: rgba(255, 255, 255, 0.05) !important;
    padding-left: 30px;
    box-sizing: border-box;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .woo-modal.--filter .woo-modal__content {
        height: 100% !important;
        -webkit-box-shadow: 0px 15px 50px 0px rgba(82, 63, 105, 0.5);
        box-shadow: 0px 15px 50px 0px rgba(82, 63, 105, 0.5);
    }

.woo-modal__log {
    max-height: 300px;
    overflow: auto;
}

    .woo-modal__log::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-modal__log::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-modal__log::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-modal__log::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

@media (min-width: 900px) {
    .woo-modal__log {
        max-height: 450px;
    }
}

@media (min-width: 1200px) {
    .woo-modal__log {
        max-height: 520px;
    }
}

@media (min-width: 1800px) {
    .woo-modal__log {
        max-height: 768px;
    }
}

.woo-modal__logAdd {
    max-height: 300px;
    overflow: auto;
}

    .woo-modal__logAdd::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-modal__logAdd::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-modal__logAdd::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-modal__logAdd::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

@media (min-width: 900px) {
    .woo-modal__logAdd {
        max-height: 450px;
    }
}

@media (min-width: 1200px) {
    .woo-modal__logAdd {
        max-height: 520px;
    }
}

@media (min-width: 1800px) {
    .woo-modal__logAdd {
        max-height: 768px;
    }
}

.sweet-overlay {
    z-index: 10004;
}

.sweet-alert {
    z-index: 10005;
}

.woo-page__login {
    font-family: "Poppins", sans-serif;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../../../Recursos/Sass/__images/--bg-adm.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .woo-page__login .woo-login__container {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        background: #fff;
        box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.15);
        padding: 20px;
        color: #a5a5a5;
        z-index: 99;
        box-sizing: border-box;
    }

@media (min-width: 1240px) {
    .woo-page__login .woo-login__container {
        max-width: 340px;
        /*max-width: 50%;
    padding: 0 150px;*/
    }
}

.woo-page__login .woo-login__container img {
    max-width: 100px;
}

.woo-page__login .woo-login__container .woo-box__titles p {
    font-size: 1.4em;
    text-align: center;
    margin: 0;
    /*font-weight: bold;*/
    max-width: 240px;
    color: #a5a5a5;
}

.woo-page__login .woo-login__container .woo-box__titles span {
    text-align: center;
    max-width: 280px;
    color: #a5a5a5;
}

    .woo-page__login .woo-login__container .woo-box__titles span:before {
        font-size: 1.4em;
    }

.woo-page__login .woo-login__container input {
    min-height: 50px;
    font-size: 1em;
    padding-left: 20px !important;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
    border-color: #ccc !important;
    border-radius: 30px !important;
}

    .woo-page__login .woo-login__container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #ccc;
        opacity: 1; /* Firefox */
    }

    .woo-page__login .woo-login__container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #ccc;
    }

    .woo-page__login .woo-login__container input::-ms-input-placeholder { /* Microsoft Edge */
        color: #ccc;
    }

.woo-page__login .woo-login__container button,
.woo-page__login .woo-login__container a {
    min-height: 50px;
    font-size: 1.2em;
    border-radius: 30px !important;
}

.woo-page__login .woo-login__welcome {
    position: absolute;
    height: 100%;
    width: calc(100% - 340px);
    color: #a5a5a5;
    /*        background: $color-client;
          width: calc(100% - 50%);
          color: #fff;*/
    right: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    letter-spacing: 1px;
    /*.woo-icon-wooba {
      &:before {
          color: #fff !important;
      }
  }*/
}

@media (min-width: 1240px) {
    .woo-page__login .woo-login__welcome {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.woo-page__login .woo-login__welcome p {
    margin: 0;
    text-align: center;
    font-weight: normal !important;
}

.woo-page__login .woo-login__welcome .woo-box__copyright {
    position: absolute;
    bottom: 20px;
}

/*.woo-login {

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    @include mx-flex();
    @include mx-flex-center();

    .woo-login__container {

        width: 550px;
        transition: transform 0.2s ease-in-out;
        transition-delay: 0.1s;

        .woo-login__title {
            text-align: center;
            margin-bottom: 60px;
            color: $color-2;
            line-height: 1.2;

            span {
                font-size: 1.7em;
            }

            b {
                float: left;
                width: 100%;
                font-size: 2.7em;
            }
        }

        .woo-login__content {
            background: #fff;
            box-shadow: 1px 1px 20px 10px rgba(0, 0, 0, 0.03);
            border-radius: 10px;
            padding: 30px;

            .woo-text__title {
                font-size: 2em;
                margin-bottom: 10px;
                font-weight: bold;
            }

            .woo-text__alert {
                font-size: 1em;
                margin-bottom: 30px;
                max-width: 280px;
                line-height: 1.4;
            }

            .woo-text__a {
                margin-top: 20px;
                color: #2969dc;
            }
        }

        .woo-login_copyright {

            margin-top: 100px;

            @include mx-flex();
            @include mx-flex-column();
            @include mx-flex-center();

            &:before {
                color: $color-2;

                font-size: 2.5em;
            }
            span{
                margin-top:20px;
                font-size:0.8em;
            }
        }
    }
}*/
.woo-page__default {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
}

    .woo-page__default .woo-default__menu {
        width: 250px;
        background: #fff;
        left: -250px;
        position: fixed;
        z-index: 9999;
        height: 100%;
        box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__menu {
        display: flex;
        left: 0;
        position: relative;
        box-shadow: none;
        background: none;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}

.woo-page__default .woo-default__menu.--mobile {
    left: 0;
}

.woo-page__default .woo-default__menu .woo-menu__btnClose {
    padding: 20px;
    padding-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__menu .woo-menu__btnClose {
        display: none;
    }
}

.woo-page__default .woo-default__menu .woo-menu__start {
    padding: 20px;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__menu .woo-menu__start {
        margin-bottom: 0;
        height: 80px;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.woo-page__default .woo-default__menu .woo-menu__start img {
    max-width: 120px;
}

.woo-page__default .woo-default__menu .woo-menu__container {
    flex: 1;
    padding: 20px;
    overflow: auto;
}

    .woo-page__default .woo-default__menu .woo-menu__container::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-page__default .woo-default__menu .woo-menu__container::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-page__default .woo-default__menu .woo-menu__container::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-page__default .woo-default__menu .woo-menu__container::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
    }

        .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item {
            padding: 10px 20px;
            border-radius: 10px;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-decoration: none;
            gap: 10px;
            position: relative;
        }

            .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item.--active {
                background: #eaeaea;
            }

                .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item.--active:after {
                    content: "";
                    border-radius: 50%;
                    position: absolute;
                    width: 7px;
                    height: 7px;
                    background: #186096;
                    right: 20px;
                }

            .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item:hover {
                background: #eaeaea;
            }

            .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item icon {
                width: 30px;
                text-align: left;
                font-size: 1.3em;
            }

            .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item span {
                font-size: 0.9em;
            }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__item span {
        display: block;
    }
}

.woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub {
    position: relative;
}

    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content {
        display: none;
        padding: 15px 0;
        border-radius: 15px;
        background: #fff;
        border-bottom: 2px solid #ccc;
    }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content {
        position: fixed;
        /*margin-top: -55px;*/
        left: 217px;
        width: 260px;
        box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.1);
        z-index: 99;
        border-bottom: none;
    }
}

.woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a {
    padding: 10px 15px;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    position: relative;
}

    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a icon {
        width: 30px;
        text-align: left;
        font-size: 1.1em;
    }

    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a span {
        font-size: 0.9em;
    }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a span {
        display: block;
    }
}

.woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a:hover {
    background: #f2f2f2;
}

.woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a.--active {
    background: #eaeaea;
}

    .woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub .woo-submenu__content a.--active:after {
        content: "";
        border-radius: 50%;
        position: absolute;
        width: 7px;
        height: 7px;
        background: #186096;
        right: 20px;
    }

.woo-page__default .woo-default__menu .woo-menu__container .woo-menu__content .woo-menu__sub:hover .woo-submenu__content {
    display: block;
}

.woo-page__default .woo-default__menu .woo-menu__container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

.woo-page__default .woo-default__container {
    flex: 1;
    overflow: auto;
}

    .woo-page__default .woo-default__container::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-page__default .woo-default__container::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-page__default .woo-default__container::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-page__default .woo-default__container::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container {
        padding: 20px;
        padding-left: 0;
        padding-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.woo-page__default .woo-default__container .woo-default__header {
    padding: 20px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header {
        background: none;
        padding: 20px 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-icon-menu {
        display: none;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization {
    border-right: 2px dotted #d9d9d9;
    padding-right: 10px;
    margin-right: 10px;
    float: left;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization {
        flex-direction: row;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 0;
        padding: 0;
        margin: 0;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise {
        /*padding: 5px;*/
        /*background: #fff;*/
        /*border-radius: 50px;*/
        /*padding-right: 20px;*/
        /*border: 1px solid #e4e4e4;*/
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e2e2e2;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise icon {
        width: 40px;
        height: 40px;
        font-size: 1.2em;
        border-radius: 50%;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise span {
    text-decoration: none;
}

    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise span:first-of-type {
        font-size: 0.9em;
        color: #333;
    }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise span:first-of-type {
        font-size: 0.9em;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise span:last-of-type {
    font-size: 0.8em;
    color: #333;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise span:last-of-type {
        font-size: 0.8em;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise .woo-enterprise__change {
    color: #333;
}

    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__enterprise .woo-enterprise__change:after {
        color: #333;
        font-family: "woo-icomoon";
        content: "\e929";
    }

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account {
        /*padding: 5px;*/
        /*background: #fff;*/
        /*border-radius: 50px;*/
        /*padding-right: 20px;*/
        /*border: 1px solid #e4e4e4;*/
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e2e2e2;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account icon {
        width: 40px;
        height: 40px;
        font-size: 1.2em;
        border-radius: 50%;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account span {
    text-decoration: none;
}

    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account span:first-of-type {
        font-size: 0.9em;
        color: #333;
    }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account span:first-of-type {
        font-size: 0.9em;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account span:last-of-type {
    font-size: 0.8em;
    color: #333;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__header .woo-head__organization .woo-organization__account span:last-of-type {
        font-size: 0.8em;
    }
}

.woo-page__default .woo-default__container .woo-default__header .woo-icon-menu,
.woo-page__default .woo-default__container .woo-default__header .woo-icon-logout {
    text-decoration: none;
}

.woo-page__default .woo-default__container .woo-default__content {
    margin-top: 20px;
    padding: 20px;
    background: #f4f4f4;
    flex: 1;
}

    .woo-page__default .woo-default__container .woo-default__content input {
        background-image: none !important;
    }

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__content {
        margin-top: 0;
        border-radius: 15px;
        border: 1px solid #dcdcdc;
    }
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__content .woo-default__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__head h1 {
    font-size: 1.2em;
    margin: 0;
    /*margin-bottom: 10px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

@media (min-width: 1024px) {
    .woo-page__default .woo-default__container .woo-default__content .woo-default__head h1 {
        margin: 0;
    }
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__head h1:before {
    font-size: 1em !important;
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__head h1.woo-icon-travellink:before {
    content: "\e9a4" !important;
    color: #dca42e;
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__head h1.woo-icon-wooffice:before {
    content: "\e9a7" !important;
    color: #32d2ce;
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__head.--noborder {
    border-bottom: 0;
}

.woo-page__default .woo-default__container .woo-default__content .woo-default__foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
}

.woo-page__default .woo-default__container .woo-default__footer {
    padding: 20px;
    padding-right: 0;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

    .woo-page__default .woo-default__container .woo-default__footer span {
        font-size: 0.8em;
    }

    .woo-page__default .woo-default__container .woo-default__footer icon {
        margin-top: 3px;
    }

    .woo-page__default .woo-default__container .woo-default__footer.--v2 {
        background: #fff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

.woo-page__default .woo-icon-logowooba:before {
    color: #b9cd15;
}

@media (min-width: 1024px) {
    .woo-page__default.--contrast {
        background: #186096;
    }

        .woo-page__default.--contrast:not(.--contrastheader) .woo-menu__item {
            color: #fff;
        }

            .woo-page__default.--contrast:not(.--contrastheader) .woo-menu__item.--active {
                background: rgba(0, 0, 0, 0.2) !important;
            }

                .woo-page__default.--contrast:not(.--contrastheader) .woo-menu__item.--active:after {
                    background: #fff !important;
                }

            .woo-page__default.--contrast:not(.--contrastheader) .woo-menu__item:hover {
                background: rgba(0, 0, 0, 0.2) !important;
            }

        .woo-page__default.--contrast .woo-organization__enterprise icon,
        .woo-page__default.--contrast .woo-organization__account icon {
            background: rgba(0, 0, 0, 0.2) !important;
            color: #fff !important;
        }

        .woo-page__default.--contrast .woo-organization__enterprise span,
        .woo-page__default.--contrast .woo-organization__account span {
            color: #ffffff !important;
        }

        .woo-page__default.--contrast .woo-organization__enterprise .woo-enterprise__change,
        .woo-page__default.--contrast .woo-organization__account .woo-enterprise__change {
            color: #fff !important;
        }

            .woo-page__default.--contrast .woo-organization__enterprise .woo-enterprise__change:after,
            .woo-page__default.--contrast .woo-organization__account .woo-enterprise__change:after {
                color: #fff !important;
            }

        .woo-page__default.--contrast .woo-icon-logout {
            color: #fff;
        }

        .woo-page__default.--contrast .woo-default__content {
            background: #fff;
            border: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .woo-page__default.--contrast .woo-default__container {
            padding-bottom: 0;
        }

            .woo-page__default.--contrast .woo-default__container::-webkit-scrollbar-thumb {
                background-color: rgba(0, 0, 0, 0.2);
            }

        .woo-page__default.--contrast .woo-default__footer {
            border-radius: 0;
            background: #fff;
            /*border-top: 3px dotted #e8e8e8;*/
        }

            .woo-page__default.--contrast .woo-default__footer span {
                font-size: 0.8em;
            }

            .woo-page__default.--contrast .woo-default__footer icon {
                margin-top: 3px;
            }
}

@media (min-width: 1024px) {
    .woo-page__default.--wooall.--contrast {
        background: #186096;
    }
}

@media (min-width: 1024px) {
    .woo-page__default.--wooall.--contrastheader {
        background: #fff;
        gap: 0;
    }

        .woo-page__default.--wooall.--contrastheader .woo-default__container {
            padding-right: 0;
        }

        .woo-page__default.--wooall.--contrastheader .woo-menu__container {
            background: #fafafa;
        }

        .woo-page__default.--wooall.--contrastheader .woo-menu__start {
            background: #186096;
        }

        .woo-page__default.--wooall.--contrastheader .woo-default__header {
            background: #186096;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            padding-right: 20px;
        }
}

@media (min-width: 1024px) {
    .woo-page__default.--account.--contrast {
        background: #96c312;
    }
}

@media (min-width: 1024px) {
    .woo-page__default.--account.--contrastheader {
        background: #fff;
        gap: 0;
    }

        .woo-page__default.--account.--contrastheader .woo-default__container {
            padding-right: 0;
        }

        .woo-page__default.--account.--contrastheader .woo-menu__container {
            background: #fafafa;
        }

        .woo-page__default.--account.--contrastheader .woo-menu__start {
            background: #96c312;
        }

        .woo-page__default.--account.--contrastheader .woo-default__header {
            background: #96c312;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            padding-right: 20px;
            padding-left: 19px;
        }
}

.woo-page__default.--account .woo-menu__item {
    padding: 20px !important;
}

    .woo-page__default.--account .woo-menu__item.--active:after {
        background: #96c312 !important;
    }

.woo-page__default.--account .woo-default__head h1:before {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaeaea;
    border-radius: 50%;
}

.woo-box__default {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

    .woo-box__default .woo-box__title {
        font-weight: bold !important;
        margin-bottom: 10px;
        padding: 3px;
        font-family: "Poppins", sans-serif !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 10px;
    }

        .woo-box__default .woo-box__title.--mg-0 {
            margin: 0;
        }

        .woo-box__default .woo-box__title.--pd-0 {
            padding: 0;
        }

        .woo-box__default .woo-box__title.--expand {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 0 !important;
        }

            .woo-box__default .woo-box__title.--expand:after {
                font-family: "woo-icomoon" !important;
                content: "\e92b";
                width: 28px;
                height: 28px;
                border-radius: 10px;
                background: #ededed;
                color: #186096;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

        .woo-box__default .woo-box__title.--rotate.--expand:after {
            transform: rotate(180deg);
        }

        .woo-box__default .woo-box__title.--rotate.--retract:after {
            transform: rotate(0deg);
        }

    .woo-box__default.--pd-10-0 {
        padding: 10px 0;
    }

    .woo-box__default.--pd-0 {
        padding: 0;
    }

    .woo-box__default.--pd-5 {
        padding: 5px;
    }

    .woo-box__default.--pd-10 {
        padding: 10px;
    }

    .woo-box__default.--pd-30 {
        padding: 30px;
    }

    .woo-box__default.--grey {
        background: #fbfbfb;
    }

    .woo-box__default.--white {
        background: #fff;
    }

    .woo-box__default.--highlight {
        background: #fffcf6;
        border-color: #e8cda4;
        position: relative;
    }

        .woo-box__default.--highlight .woo-icon-information {
            font-family: "woo-icomoon" !important;
            content: "\e914";
            position: absolute;
            top: 20px;
            right: 20px;
        }

            .woo-box__default.--highlight .woo-icon-information:before {
                font-size: 1.5em;
                color: #e8cda4;
            }

    .woo-box__default.--no-spacing {
        padding: 0 !important;
        border: 0 !important;
    }

        .woo-box__default.--no-spacing .woo-box__title {
            margin-bottom: 0;
        }

    .woo-box__default.--no-border {
        border: 0 !important;
    }

    .woo-box__default.--box-widget .woo-box__title {
        border-bottom: 2px dotted #e5e5e5;
        padding: 0;
        padding-bottom: 10px;
    }

    .woo-box__default.--hover:hover {
        opacity: 0.8;
        border-color: #186096;
    }

    .woo-box__default.--shadow {
        border: 0;
        box-shadow: 1px 1px 30px 10px rgba(0, 0, 0, 0.1);
    }

    .woo-box__default.--smaller {
        padding: 10px;
    }

        .woo-box__default.--smaller .woo-box__title {
            font-weight: normal;
            font-size: 0.8em;
            margin-bottom: 10px;
            padding: 3px;
        }

.woo-box__secondary {
    padding: 15px;
    border-radius: 10px;
    /*background: #f2f2f2;*/
    border: 2px solid #eaeaea;
}

    .woo-box__secondary .woo-box__title {
        font-weight: bold !important;
        margin-bottom: 10px;
        padding: 3px;
        font-family: "Poppins", sans-serif !important;
    }

        .woo-box__secondary .woo-box__title.--mg-0 {
            margin: 0;
        }

        .woo-box__secondary .woo-box__title.--pd-0 {
            padding: 0;
        }

        .woo-box__secondary .woo-box__title.--expand {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 0 !important;
        }

            .woo-box__secondary .woo-box__title.--expand:after {
                font-family: "woo-icomoon" !important;
                content: "\e92b";
                width: 28px;
                height: 28px;
                border-radius: 10px;
                background: #ededed;
                color: #186096;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

        .woo-box__secondary .woo-box__title.--rotate.--expand:after {
            transform: rotate(180deg);
        }

        .woo-box__secondary .woo-box__title.--rotate.--retract:after {
            transform: rotate(0deg);
        }

    .woo-box__secondary.--pd-0 {
        padding: 0;
    }

    .woo-box__secondary.--grey {
        background: #fbfbfb;
    }

    .woo-box__secondary.--white {
        background: #fff;
    }

    .woo-box__secondary.--box-widget .woo-box__title {
        border-bottom: 2px dotted #e5e5e5;
        padding: 0;
        padding-bottom: 10px;
    }

    .woo-box__secondary.--hover:hover {
        opacity: 0.8;
        border-color: #186096;
    }

.woo-box__tertiary {
    padding: 7px;
    border: 2px dotted #ccc;
    border-radius: 10px;
}

    .woo-box__tertiary.--pd-0 {
        padding: 0;
    }

    .woo-box__tertiary.--grey {
        background: #fbfbfb;
    }

    .woo-box__tertiary.--hover:hover {
        opacity: 0.8;
        border-color: #186096;
    }

.woo-box__shadow {
    border-radius: 10px;
    box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.05);
    padding: 15px;
    background: #fff;
}

    .woo-box__shadow .woo-box__title {
        font-weight: bold !important;
        margin-bottom: 10px;
        padding: 3px;
        font-family: "Poppins", sans-serif !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        grid-gap: 10px;
    }

        .woo-box__shadow .woo-box__title.--mg-0 {
            margin: 0;
        }

        .woo-box__shadow .woo-box__title.--pd-0 {
            padding: 0;
        }

        .woo-box__shadow .woo-box__title.--expand {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 0 !important;
        }

            .woo-box__shadow .woo-box__title.--expand:after {
                font-family: "woo-icomoon" !important;
                content: "\e92b";
                width: 28px;
                height: 28px;
                border-radius: 10px;
                background: #ededed;
                color: #186096;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

        .woo-box__shadow .woo-box__title.--rotate.--expand:after {
            transform: rotate(180deg);
        }

        .woo-box__shadow .woo-box__title.--rotate.--retract:after {
            transform: rotate(0deg);
        }

    .woo-box__shadow.--pd-0 {
        padding: 0;
    }

    .woo-box__shadow.--pd-5 {
        padding: 5px;
    }

    .woo-box__shadow.--pd-10 {
        padding: 10px;
    }

    .woo-box__shadow.--grey {
        background: #fbfbfb;
    }

    .woo-box__shadow.--white {
        background: #fff;
    }

    .woo-box__shadow.--no-spacing {
        padding: 0 !important;
        border: 0 !important;
    }

        .woo-box__shadow.--no-spacing .woo-box__title {
            margin-bottom: 0;
        }

    .woo-box__shadow.--box-widget .woo-box__title {
        border-bottom: 2px dotted #e5e5e5;
        padding: 0;
        padding-bottom: 10px;
    }

    .woo-box__shadow.--hover:hover {
        opacity: 0.8;
        border-color: #186096;
    }

    .woo-box__shadow.--smaller {
        padding: 10px;
    }

        .woo-box__shadow.--smaller .woo-box__title {
            font-weight: normal;
            font-size: 0.8em;
            margin-bottom: 10px;
            padding: 3px;
        }

.woo-box__filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 900px) {
    .woo-box__filter {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }
}

.woo-box__filter .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

    .woo-box__filter .item:last-of-type {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: 0;
    }

@media (min-width: 900px) {
    .woo-box__filter .item {
        padding-bottom: 0px;
        margin-bottom: 0;
        border-bottom: 0;
    }
}

.woo-box__filter .item p {
    font-weight: bold;
    font-size: 0.9em;
    flex-basis: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

    .woo-box__filter .item p:before {
        font-size: 1.5em;
    }

@media (min-width: 900px) {
    .woo-box__filter .item p {
        flex-basis: initial;
    }
}

.woo-box__filter .item .btn-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    padding: 0 10px;
    border-radius: 15px;
    background: #eaf6ff;
    color: #333;
    border: 0;
    border: 1px solid #ccc;
    font-size: 0.9em;
    min-width: 50px;
    cursor: pointer;
}

    .woo-box__filter .item .btn-filter:hover {
        border-color: #333;
        /*transform: scale(1.03);*/
    }

    .woo-box__filter .item .btn-filter.active {
        background: #186096;
        color: #fff;
        border: 0;
    }

.woo-box__filter .filter-separator {
    height: 20px;
    width: 1px;
    border-right: 2px dotted #ccc;
    display: none;
}

@media (min-width: 900px) {
    .woo-box__filter .filter-separator {
        display: inline-block;
    }
}

.woo-page__home.--wooall {
    padding-top: 100px;
    padding-bottom: 100px;
}

    .woo-page__home.--wooall p {
        text-align: center;
    }

        .woo-page__home.--wooall p:nth-child(2) {
            font-size: 0.9em;
        }

@media (min-width: 1240px) {
    .woo-page__home.--wooall p:nth-child(2) {
        font-size: 1.2em;
    }
}

.woo-page__home.--wooall .--welcome {
    letter-spacing: 1.2px;
    font-size: 1.2em;
    text-align: center;
    color: #186096;
}

@media (min-width: 1240px) {
    .woo-page__home.--wooall .--welcome {
        font-size: 2.2em;
        max-width: 700px;
    }
}

@media (max-width: 599px) {
    .woo-page__companies .woo-campo.woo-wid-20,
    .woo-page__companies .woo-campo.woo-wid-30,
    .woo-page__companies .woo-campo.woo-wid-50,
    .woo-page__companies .woo-campo.woo-wid-70 {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .woo-page__forms .woo-campo.woo-wid-fix-200,
    .woo-page__forms .woo-campo.woo-wid-10,
    .woo-page__forms .woo-campo.woo-wid-15,
    .woo-page__forms .woo-campo.woo-wid-20,
    .woo-page__forms .woo-campo.woo-wid-25,
    .woo-page__forms .woo-campo.woo-wid-30,
    .woo-page__forms .woo-campo.woo-wid-33,
    .woo-page__forms .woo-campo.woo-wid-35,
    .woo-page__forms .woo-campo.woo-wid-40,
    .woo-page__forms .woo-campo.woo-wid-50,
    .woo-page__forms .woo-campo.woo-wid-55,
    .woo-page__forms .woo-campo.woo-wid-70,
    .woo-page__forms .woo-campo.woo-wid-80 {
        width: 100% !important;
    }
}

@media (max-width: 599px) {
    .woo-page__forms {
        overflow-x: hidden;
    }

        .woo-page__forms .woo-over__table {
            max-width: 100%;
            overflow-x: auto;
        }
}

.woo-box__faixas {
    position: relative;
}

    .woo-box__faixas .woo-box__tooltip {
        display: none;
        position: absolute;
        right: 0;
        top: 50px;
        padding: 15px 0;
        background: #fff;
        box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
    }

        .woo-box__faixas .woo-box__tooltip:before {
            content: "";
            background: transparent;
            position: absolute;
            top: -10px;
            width: 100%;
            height: 10px;
        }

    .woo-box__faixas .--faixa:before {
        content: "";
        order: 2;
        flex: 1;
        border-bottom: 2px dotted #e0e0e0;
    }

    .woo-box__faixas .--faixa span {
        white-space: nowrap;
        width: auto;
        font-weight: bold !important;
    }

        .woo-box__faixas .--faixa span:first-of-type {
            order: 1;
        }

        .woo-box__faixas .--faixa span:nth-of-type(2) {
            order: 3;
            padding-right: 10px;
            border-right: 2px dotted #ccc;
            min-height: 20px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .woo-box__faixas .--faixa span:last-of-type {
            order: 4;
        }

    .woo-box__faixas .--faixa.--b {
        padding: 10px;
        border-bottom: 1px solid #e2e2e2;
    }

        .woo-box__faixas .--faixa.--b:hover {
            background: #ededed;
        }

        .woo-box__faixas .--faixa.--b:last-of-type {
            border-bottom: 0;
        }

    .woo-box__faixas:hover .woo-box__tooltip {
        display: flex;
    }

.woo-box__proposta {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    background: rgba(24, 96, 150, 0.0509803922);
}

    .woo-box__proposta .proposta-head {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

    .woo-box__proposta .proposta-footer {
        padding-top: 10px;
        border-top: 1px solid #ccc;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .woo-box__proposta .proposta-footer span {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
            font-size: 0.9em;
        }

    .woo-box__proposta .woo-popup__edit {
        left: -280px;
        top: 0;
        width: 280px;
        position: absolute;
        padding: 20px 0;
        background: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 10px;
        box-shadow: 1px 1px 15px 5px rgba(0, 0, 0, 0.0823529412);
        display: none;
    }

        .woo-box__proposta .woo-popup__edit a {
            padding: 15px 20px;
        }

            .woo-box__proposta .woo-popup__edit a:hover {
                cursor: pointer;
                background: #f7f7f7;
            }

    .woo-box__proposta .edit-proposta {
        position: relative;
    }

        .woo-box__proposta .edit-proposta:hover .woo-popup__edit {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

.woo-page__invoice .woo-box__form {
    flex: 1 !important;
    /*@include mx-responsive(1024px) {
      max-width: 760px;
  }

  @include mx-responsive(1500px) {
      max-width: 1024px;
  }

  @include mx-responsive(1700px) {
      max-width: 1240px;
  }

  @include mx-responsive(2000px) {
      max-width: 1340px;
  }*/
}

    .woo-page__invoice .woo-box__form .woo-invoice__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

@media (min-width: 1024px) {
    .woo-page__invoice .woo-box__form .woo-invoice__head {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.woo-page__invoice .woo-box__form .woo-invoice__head p {
    font-size: 1.9em;
    font-weight: bold;
    color: #186096;
}

.woo-page__invoice .woo-box__summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1024px) {
    .woo-page__invoice .woo-box__summary {
        max-width: 260px;
        /*flex: 1;*/
    }
}

.woo-page__invoice .woo-box__products {
    position: relative;
}

    .woo-page__invoice .woo-box__products .woo-products__head {
        display: none;
    }

@media (min-width: 1024px) {
    .woo-page__invoice .woo-box__products .woo-products__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 13px;
        gap: 5px;
        display: none;
    }
}

.woo-page__invoice .woo-box__products .woo-products__item {
    padding: 10px;
    background: #f5f5f5;
    border-radius: 10px;
    padding-left: 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 5px;
}

    .woo-page__invoice .woo-box__products .woo-products__item:before {
        content: "";
        height: calc(100% - 20px);
        width: 5px;
        background: #186096;
        border-radius: 7px;
        position: absolute;
        left: 7px;
        top: 10px;
    }

.woo-page__developer .woo-default__container {
    padding: 0 !important;
}

.woo-page__developer .--content {
    max-width: 1080px;
}

.woo-page__developer .woo-box__head {
    background: #186096;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

    .woo-page__developer .woo-box__head * {
        color: #fff;
    }

    .woo-page__developer .woo-box__head .--content {
        padding: 30px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }

        .woo-page__developer .woo-box__head .--content p {
            color: #fff;
            font-weight: bold;
            font-size: 1.4em;
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 10px;
        }

            .woo-page__developer .woo-box__head .--content p:before {
                font-size: 1.4em;
            }

@media (min-width: 1240px) {
    .woo-page__developer .woo-box__head .--content p {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 1240px) {
    .woo-page__developer .woo-box__head .--content {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.woo-page__developer .woo-box__content {
    padding: 20px;
}

    .woo-page__developer .woo-box__content .--content {
        padding: 20px 0;
        border-radius: 15px;
    }

@media (min-width: 1240px) {
    .woo-page__developer .woo-box__apis {
        width: 300px;
    }
}

.woo-box__dashboard .--tot,
.woo-box__dashboard .--day {
    width: 125px;
}

.woo-box__dashboard .--coin {
    width: 125px;
}

.woo-box__dashboard .--price {
    width: 250px;
}

.woo-box__dashboard .--account {
    flex: 1;
}

.woo-box__dashboard .--priceAccount {
    width: 150px;
}

.woo-box__dashboard .--details {
    width: 40px;
}

.woo-box__dashboard .--head {
    /*padding: 0 15px;*/
}

    .woo-box__dashboard .--head p {
        padding: 10px;
        font-weight: bold !important;
        text-align: center;
        width: 100%;
        text-align: center;
    }

        .woo-box__dashboard .--head p.--r {
            text-align: center;
        }

        .woo-box__dashboard .--head p.--l {
            text-align: center;
        }

.woo-box__dashboard .--body .--body-item {
    border-radius: 10px;
    overflow: hidden;
    background: #f3f3f3;
}

    .woo-box__dashboard .--body .--body-item.--total {
        background: #ebebeb;
        max-width: 500px;
    }

    .woo-box__dashboard .--body .--body-item.--divider {
        border: 0;
        background: none;
    }

        .woo-box__dashboard .--body .--body-item.--divider * {
            border: 0 !important;
            background: none;
        }

    .woo-box__dashboard .--body .--body-item:last-of-type {
        border-bottom: 0;
    }

    .woo-box__dashboard .--body .--body-item:hover:not(.--divider) {
        background: #eeeeee;
    }

    .woo-box__dashboard .--body .--body-item .--col {
        padding: 0 10px;
        border-right: 1px solid #dedede;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

        .woo-box__dashboard .--body .--body-item .--col:last-of-type {
            border-right: 0;
        }

    .woo-box__dashboard .--body .--body-item p {
        width: 100%;
        text-align: center;
        padding: 17px 0;
        border-bottom: 1px solid #dedede;
    }

        .woo-box__dashboard .--body .--body-item p:last-of-type {
            border-bottom: 0;
        }

        .woo-box__dashboard .--body .--body-item p.--r {
            text-align: center;
        }

        .woo-box__dashboard .--body .--body-item p.--l {
            text-align: center;
        }

    .woo-box__dashboard .--body .--body-item.--active .--day:before {
        /*content: "•";*/
        content: "";
        width: 5px;
        height: 25px;
        border-radius: 10px;
        font-family: "woo-icomoon";
        background: #186096;
        color: #186096;
        position: absolute;
        left: 10px;
        font-size: 2.5em;
    }

    .woo-box__dashboard .--body .--body-item .--price p {
        font-weight: bold !important;
    }

.woo-box__dashboard .--body .--itemsCoim > div {
    border-bottom: 1px solid #dedede;
}

    .woo-box__dashboard .--body .--itemsCoim > div:last-of-type {
        border-bottom: 0;
    }

.woo-box__dashboard .--body .--itemsAccount > div {
    border-bottom: 1px solid #dedede;
}

    .woo-box__dashboard .--body .--itemsAccount > div:last-of-type {
        border-bottom: 0;
    }

.woo-box__detailsDoc span.--status {
    background: #ccc;
    color: #333;
}

    .woo-box__detailsDoc span.--status.--emitido {
        background: #0080e5;
        color: #fff;
    }

    .woo-box__detailsDoc span.--status.--pendente {
        background: #ff6a00;
        color: #fff;
    }

    .woo-box__detailsDoc span.--status.--liquidada, .woo-box__detailsDoc span.--status.--liquidado {
        background: #25d087;
        color: #fff;
    }

    .woo-box__detailsDoc span.--status.--liquidadoparcial, .woo-box__detailsDoc span.--status.--liquidadaparcial {
        background: #2587d0;
        color: #fff;
    }

    .woo-box__detailsDoc span.--status.--prevista {
        background: #cacaca;
    }

    .woo-box__detailsDoc span.--status.--cancelado, .woo-box__detailsDoc span.--status.--cancelada {
        background: #f83d3d;
        color: #fff;
    }

.woo-box__mainModules {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
}

    .woo-box__mainModules .woo-mainModules__item {
        text-decoration: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
        padding: 20px;
        border: 1px solid #e7e7e7;
        border-radius: 15px;
        background: #fafafa;
        transition: 0.2s;
        color: #000;
        position: relative;
        overflow: hidden;
    }

        .woo-box__mainModules .woo-mainModules__item:hover {
            cursor: pointer;
            opacity: 0.9;
            transform: scale(1.02);
            border-color: #186096;
        }

        .woo-box__mainModules .woo-mainModules__item .--icon {
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            width: 60px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: #f5f5f5;
        }

            .woo-box__mainModules .woo-mainModules__item .--icon:before {
                font-size: 2.5em;
                color: #bebebe;
                margin-top: -40px;
            }

        .woo-box__mainModules .woo-mainModules__item .--descriptions {
            flex: 1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 100%;
            gap: 5px;
            padding-left: 60px;
        }

        .woo-box__mainModules .woo-mainModules__item .--desc {
            font-size: 2em;
            flex: 1;
        }

        .woo-box__mainModules .woo-mainModules__item .--title {
            font-size: 0.9em;
            margin-top: 5px;
            color: #b5b5b5;
            flex: 1;
        }

        .woo-box__mainModules .woo-mainModules__item .--arrow {
            align-self: flex-end;
        }

        .woo-box__mainModules .woo-mainModules__item .--expand {
            font-size: 1.7em;
            color: #186096;
        }

    .woo-box__mainModules.--v2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(8, 1fr);
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }

        .woo-box__mainModules.--v2 .woo-mainModules__item {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 10px;
            padding: 10px;
            border-radius: 10px;
        }

            .woo-box__mainModules.--v2 .woo-mainModules__item .--icon {
                font-size: 1em;
            }

            .woo-box__mainModules.--v2 .woo-mainModules__item .--descriptions {
                width: auto;
                height: auto;
                flex: none;
            }

            .woo-box__mainModules.--v2 .woo-mainModules__item .--title {
                font-size: 0.9em;
                margin-top: 0;
                font-weight: normal;
            }

            .woo-box__mainModules.--v2 .woo-mainModules__item .--arrow {
                display: none;
            }

            .woo-box__mainModules.--v2 .woo-mainModules__item .--desc {
                display: none;
            }

.woo-box__cardStats {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
}

@media (min-width: 900px) {
    .woo-box__cardStats {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1366px) {
    .woo-box__cardStats {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }
}

.woo-box__cardStats .woo-card__item {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    background: #fafafa;
    transition: 0.2s;
    color: #000;
    position: relative;
    overflow: hidden;
}

    .woo-box__cardStats .woo-card__item:hover {
        cursor: pointer;
        opacity: 0.9;
        transform: scale(1.02);
        border-color: #186096;
    }

    .woo-box__cardStats .woo-card__item .--icon {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 45px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #f5f5f5;
        border-right: 1px solid #e7e7e7;
    }

        .woo-box__cardStats .woo-card__item .--icon:before {
            font-size: 2em;
            color: #bebebe;
        }

    .woo-box__cardStats .woo-card__item .--descriptions {
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        gap: 5px;
        padding-left: 40px;
    }

    .woo-box__cardStats .woo-card__item .--title {
        font-size: 1.2em;
        margin-bottom: 10px;
    }

    .woo-box__cardStats .woo-card__item .--subtitle {
        font-size: 0.9em;
        color: #939393;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

    .woo-box__cardStats .woo-card__item .--additionalText {
        font-size: 0.8em;
        color: #939393;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

    .woo-box__cardStats .woo-card__item .--desc {
        font-size: 0.8em;
        color: #939393;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
        white-space: nowrap;
        padding: 5px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
    }

        .woo-box__cardStats .woo-card__item .--desc:last-of-type {
            border-bottom: 0;
        }

        .woo-box__cardStats .woo-card__item .--desc .span_title {
            font-weight: 500;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
            flex: 1;
        }

            .woo-box__cardStats .woo-card__item .--desc .span_title:before {
                width: 15px;
                height: 15px;
                font-size: 1.3em;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .woo-box__cardStats .woo-card__item .--desc .span_title.icon-brasil:before {
                content: "";
                border-radius: 50%;
                background-image: url(_images/countryFlags/pt-br.png);
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

        .woo-box__cardStats .woo-card__item .--desc .span_line {
            flex: 1;
            border-top: 1px dotted #ccc;
            display: none;
        }

        .woo-box__cardStats .woo-card__item .--desc:hover {
            color: #000;
        }

    .woo-box__cardStats .woo-card__item .--arrow {
        align-self: flex-end;
    }

    .woo-box__cardStats .woo-card__item .--expand {
        font-size: 1.7em;
        color: #186096;
    }

.woo-box__cardStats.comercial .woo-card__item .--icon, .woo-box__cardStats.financeiro .woo-card__item .--icon {
    padding-top: 12px;
    display: none;
}

    .woo-box__cardStats.comercial .woo-card__item .--icon:before, .woo-box__cardStats.financeiro .woo-card__item .--icon:before {
        font: normal normal normal 24px/1 "Material Design Icons";
    }

.woo-box__cardStats.comercial .woo-card__item .--descriptions, .woo-box__cardStats.financeiro .woo-card__item .--descriptions {
    padding-left: 0;
}

.woo-box__cardStats.comercial .woo-card__item .--subtitle, .woo-box__cardStats.financeiro .woo-card__item .--subtitle {
    margin-bottom: 10px;
}

    .woo-box__cardStats.comercial .woo-card__item .--subtitle:before, .woo-box__cardStats.financeiro .woo-card__item .--subtitle:before {
        margin-left: -3px;
        font-size: 2em;
        color: #bebebe;
        font: normal normal normal 24px/1 "Material Design Icons";
    }

.woo-box__cardStats.comercial .woo-card__item:nth-of-type(1) {
    background: #e7efff;
    order: 1;
}

    .woo-box__cardStats.comercial .woo-card__item:nth-of-type(1) .--subtitle:before {
        content: "\f00f0";
    }

.woo-box__cardStats.comercial .woo-card__item:nth-of-type(2) {
    background: #e7ffe6;
    order: 2;
}

    .woo-box__cardStats.comercial .woo-card__item:nth-of-type(2) .--subtitle:before {
        content: "\f00ef";
    }

.woo-box__cardStats.comercial .woo-card__item:nth-of-type(3) {
    background: #c5fbe2;
    order: 3;
}

    .woo-box__cardStats.comercial .woo-card__item:nth-of-type(3) .--subtitle:before {
        content: "\f0a31";
    }

.woo-box__cardStats.comercial .woo-card__item:nth-of-type(4) {
    background: #c5fbe2;
    order: 4;
}

    .woo-box__cardStats.comercial .woo-card__item:nth-of-type(4) .--subtitle:before {
        content: "\f00ef";
    }

.woo-box__cardStats.financeiro .woo-card__item:nth-of-type(1) {
    background: #e7efff;
    order: 1;
}

    .woo-box__cardStats.financeiro .woo-card__item:nth-of-type(1) .--subtitle:before {
        content: "\f00f0";
    }

.woo-box__cardStats.financeiro .woo-card__item:nth-of-type(2) {
    background: #e7ffe6;
    order: 2;
}

    .woo-box__cardStats.financeiro .woo-card__item:nth-of-type(2) .--subtitle:before {
        content: "\f00ef";
    }

.woo-box__cardStats.financeiro .woo-card__item:nth-of-type(3) {
    background: #fff5d8;
    order: 3;
}

    .woo-box__cardStats.financeiro .woo-card__item:nth-of-type(3) .--subtitle:before {
        content: "\f0a31";
    }

.woo-box__cardStats.financeiro .woo-card__item:nth-of-type(4) {
    background: #c5fbe2;
    order: 4;
}

    .woo-box__cardStats.financeiro .woo-card__item:nth-of-type(4) .--subtitle:before {
        content: "\f00ef";
    }

.woo-box__cardStats.cobranca .woo-card__item .--icon {
    padding-top: 12px;
    display: none;
}

    .woo-box__cardStats.cobranca .woo-card__item .--icon:before {
        font: normal normal normal 24px/1 "Material Design Icons";
    }

.woo-box__cardStats.cobranca .woo-card__item .--descriptions {
    padding-left: 0;
}

.woo-box__cardStats.cobranca .woo-card__item .--subtitle {
    margin-bottom: 10px;
}

    .woo-box__cardStats.cobranca .woo-card__item .--subtitle:before {
        margin-left: -3px;
        font-size: 2em;
        color: #bebebe;
        font: normal normal normal 24px/1 "Material Design Icons";
    }

.woo-box__cardStats.cobranca .woo-card__item:nth-of-type(1) {
    background: #ffecec;
    border-color: #ffd8d8;
    order: 1;
}

    .woo-box__cardStats.cobranca .woo-card__item:nth-of-type(1) .--subtitle:before {
        content: "\f00f0";
    }

.woo-box__cardStats.cobranca .woo-card__item:nth-of-type(2) {
    background: #ffecec;
    border-color: #ffd8d8;
    order: 1;
}

    .woo-box__cardStats.cobranca .woo-card__item:nth-of-type(2) .--subtitle:before {
        content: "\f00f0";
    }

.woo-box__cardStats.cobranca .woo-card__item:nth-of-type(3) {
    order: 3;
}

    .woo-box__cardStats.cobranca .woo-card__item:nth-of-type(3) .--subtitle:before {
        content: "\f041f";
    }

.woo-box__cardStats.cobranca .woo-card__item:nth-of-type(4) {
    order: 4;
}

    .woo-box__cardStats.cobranca .woo-card__item:nth-of-type(4) .--subtitle:before {
        content: "\f1866";
    }

.woo-box__chart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

    .woo-box__chart .title {
        padding: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
    }

        .woo-box__chart .title:before {
            font-size: 1.5em;
        }

        .woo-box__chart .title p {
            flex: 1;
            font-weight: bold !important;
        }

    .woo-box__chart .content {
        padding: 10px;
        border-top: 1px solid #e0e0e0;
        overflow: auto;
    }

    .woo-box__chart text {
        font-size: 10px !important;
    }

    .woo-box__chart.cobranca:hover {
        border-color: #186096;
    }

    .woo-box__chart.cobranca .title p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

        .woo-box__chart.cobranca .title p:before {
            font-size: 1.3em;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

    .woo-box__chart.cobranca .title span {
        color: #f17255;
        font-weight: bold !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
    }

        .woo-box__chart.cobranca .title span:before {
            font-size: 1.3em;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #f17255;
        }

.woo-box__actionsCharts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin-left: auto;
}

.woo-box__tableContas thead tr {
    position: sticky;
    z-index: 999;
    top: 0;
}

    .woo-box__tableContas thead tr th {
        background: #fff !important;
        font-weight: bold !important;
        border-radius: 0 !important;
    }

.woo-box__tableContas tr td.data {
    font-weight: bold !important;
}

.woo-box__tableContas tr.total td {
    background: #dfeaff !important;
    font-weight: bold !important;
}

.woo-box__tableContas tr.total-geral {
    position: sticky;
    bottom: 0;
}

    .woo-box__tableContas tr.total-geral td {
        background: #defff3 !important;
        font-weight: bold !important;
    }

.woo-box__tableContas tr.divider td {
    background: #fff !important;
    padding: 3px !important;
}

.woo-box__tableContas .row-hover td {
    background-color: #dee6ed !important;
}

.woo-box__tableContas .row-hover.total td {
    background: #c5d9fe !important;
}

.woo-box__barList {
    position: fixed;
    bottom: 45px;
    width: 100%;
    z-index: 999999;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

@media (min-width: 1024px) {
    .woo-box__barList {
        left: 270px;
        width: calc(100% - 270px);
    }
}

.woo-box__barList .switch-button {
    transition: 0.2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    height: 35px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.0862745098);
}

    .woo-box__barList .switch-button button {
        min-width: 35px;
        padding: 0 10px;
        height: 100%;
        background: #fff;
        border: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px;
        flex: 1;
    }

        .woo-box__barList .switch-button button span {
            font-size: 0.8em;
        }

        .woo-box__barList .switch-button button:before {
            font-size: 1.1em;
        }

        .woo-box__barList .switch-button button:hover {
            background: #f0f8ff;
        }

        .woo-box__barList .switch-button button.active {
            background: #d8eeff;
        }

        .woo-box__barList .switch-button button:first-of-type {
            border-right: 1px solid #ccc;
        }

        .woo-box__barList .switch-button button:last-of-type {
            padding-right: 13px;
        }

.woo-box__barList .button-top {
    transition: 0.2s;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.0862745098);
}

.woo-box__barFilter {
    transition: 0.2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 10px;
}

    .woo-box__barFilter .line {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

        .woo-box__barFilter .line:last-of-type {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .woo-box__barFilter .line-top {
        gap: 15px;
    }

    .woo-box__barFilter .bar-produto,
    .woo-box__barFilter .bar-visao,
    .woo-box__barFilter .bar-origem,
    .woo-box__barFilter .bar-ano,
    .woo-box__barFilter .bar-meses {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .woo-box__barFilter .bar-produto .title,
        .woo-box__barFilter .bar-visao .title,
        .woo-box__barFilter .bar-origem .title,
        .woo-box__barFilter .bar-ano .title,
        .woo-box__barFilter .bar-meses .title {
            font-weight: bold;
            font-size: 0.8em;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
            white-space: nowrap;
        }

            .woo-box__barFilter .bar-produto .title:before,
            .woo-box__barFilter .bar-visao .title:before,
            .woo-box__barFilter .bar-origem .title:before,
            .woo-box__barFilter .bar-ano .title:before,
            .woo-box__barFilter .bar-meses .title:before {
                font-size: 1.4em;
            }

    .woo-box__barFilter .bar-origem {
        flex-wrap: wrap;
    }

    .woo-box__barFilter .bar-meses {
        flex-wrap: wrap;
    }

        .woo-box__barFilter .bar-meses .title {
            flex-basis: 100%;
        }

@media (min-width: 900px) {
    .woo-box__barFilter .bar-meses .title {
        flex-basis: inherit;
    }
}

.woo-box__barFilter .bar-visao {
    padding-right: 15px;
    border-right: 2px dotted #ccc;
}

.woo-box__barFilter .bar-ano {
    flex: 1;
}

.woo-box__barFilter .btn-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    padding: 0 10px;
    border-radius: 15px;
    background: #eaf6ff;
    color: #333;
    border: 0;
    border: 1px solid #ccc;
    font-size: 0.9em;
    min-width: 50px;
}

    .woo-box__barFilter .btn-filter:hover {
        border-color: #333;
        transform: scale(1.03);
    }

    .woo-box__barFilter .btn-filter.active {
        background: #186096;
        color: #fff;
        border: 0;
    }

.woo-box__charts {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

@media (min-width: 900px) {
    .woo-box__charts {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/*ACCOUNT*/
.woo-login {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*.--color-account {
      background: linear-gradient(90deg, #5cca73, #3a96f4) !important;
      border: 0 !important;

      &:hover {
          background: linear-gradient(90deg, #5cca73, #3a96f4) !important;
          color: #fff !important;
          opacity: 0.6;
          border: 0 !important;
      }
  }*/
}

    .woo-login .woo-login__container {
        width: 90%;
        max-width: 550px;
        transition: transform 0.2s ease-in-out;
        transition-delay: 0.1s;
    }

        .woo-login .woo-login__container .woo-login__title {
            text-align: center;
            margin-bottom: 60px;
            color: #96c312;
            line-height: 1.2;
            /*            background: linear-gradient(90deg, #5cca73, #3a96f4);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;*/
        }

            .woo-login .woo-login__container .woo-login__title span {
                font-size: 1em;
            }

            .woo-login .woo-login__container .woo-login__title b {
                float: left;
                width: 100%;
                font-size: 1.4em;
            }

@media (min-width: 600px) {
    .woo-login .woo-login__container .woo-login__title span {
        font-size: 1.7em;
    }

    .woo-login .woo-login__container .woo-login__title b {
        font-size: 2.4em;
    }
}

.woo-login .woo-login__container .woo-login__content {
    background: #fff;
    box-shadow: 1px 1px 20px 10px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    padding: 30px 20px;
}

@media (min-width: 600px) {
    .woo-login .woo-login__container .woo-login__content {
        padding: 30px;
    }
}

.woo-login .woo-login__container .woo-login__content .woo-text__title {
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: bold;
}

@media (min-width: 600px) {
    .woo-login .woo-login__container .woo-login__content .woo-text__title {
        font-size: 1.6em;
    }
}

.woo-login .woo-login__container .woo-login__content .woo-text__alert {
    font-size: 0.8em;
    margin-bottom: 30px;
    max-width: 280px;
    line-height: 1.4;
}

@media (min-width: 600px) {
    .woo-login .woo-login__container .woo-login__content .woo-text__alert {
        font-size: 1em;
    }
}

.woo-login .woo-login__container .woo-login__content .woo-text__a {
    margin-top: 20px;
    color: #2969dc;
}

.woo-login .woo-login__container .woo-login_copyright {
    margin-top: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .woo-login .woo-login__container .woo-login_copyright:before {
        color: #a4d121;
        font-size: 1.7em;
    }

@media (min-width: 600px) {
    .woo-login .woo-login__container .woo-login_copyright:before {
        font-size: 2.5em;
    }
}

.woo-login .woo-login__container .woo-login_copyright span {
    margin-top: 20px;
    font-size: 0.8em;
}

.woo-enterprise__change .woo-change__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 600px) {
    .woo-enterprise__change .woo-change__content {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.woo-enterprise__change .woo-change__content .woo-content__field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1;
}

.woo-enterprise__change .woo-change__content .woo-content__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
}

@media (min-width: 600px) {
    .woo-enterprise__change .woo-change__content .woo-content__actions {
        margin-top: 0;
        margin-left: 20px;
    }
}

.woo-page__default.--account {
    padding-bottom: 100px !important;
}

@media (min-width: 1240px) {
    .woo-page__default.--account {
        padding-bottom: 50px !important;
    }
}

.woo-bar__contacts {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: #ffa000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    z-index: 99;
}

@media (min-width: 1240px) {
    .woo-bar__contacts {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.woo-bar__contacts p {
    color: #fff;
    font-size: 0.9em;
    text-align: center;
}

.woo-bar__contacts a {
    text-decoration: none;
    font-size: 0.9em;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #fff !important;
    width: 100%;
}

@media (min-width: 1240px) {
    .woo-bar__contacts a {
        width: auto;
    }
}

.woo-bar__contacts a:hover {
    color: #ffa000 !important;
    background: #fff !important;
    border: 1px solid #fff !important;
}

.woo-page__home.--account {
    padding: 10px;
}

    .woo-page__home.--account .woo-box__welcome {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .woo-page__home.--account .woo-box__welcome p {
            text-align: center;
        }

            .woo-page__home.--account .woo-box__welcome p:nth-child(2) {
                font-size: 0.9em;
            }

@media (min-width: 1240px) {
    .woo-page__home.--account .woo-box__welcome p:nth-child(2) {
        font-size: 1.2em;
    }
}

.woo-page__home.--account .woo-box__welcome .--welcome {
    letter-spacing: 1.2px;
    font-size: 1.2em;
    text-align: center;
    color: #96c312;
}

@media (min-width: 1240px) {
    .woo-page__home.--account .woo-box__welcome .--welcome {
        font-size: 2.2em;
        /*max-width: 400px;*/
    }
}

@media (min-width: 1240px) {
    .woo-page__home.--account .woo-box__welcome .--description {
        max-width: 400px;
    }
}

.woo-page__home.--account .woo-welcome__steps {
    width: 100%;
}

@media (min-width: 600px) {
    .woo-page__home.--account .woo-welcome__steps {
        max-width: 700px;
    }
}

.woo-page__home.--account .woo-steps {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media (min-width: 600px) {
    .woo-page__home.--account .woo-steps {
        max-width: 700px;
    }
}

.woo-page__home.--account .woo-steps .woo-step__line {
    height: 80px;
    width: 4px;
    margin: 20px 0;
    border-radius: 2px;
    background: #d9d9d9;
}

.woo-page__home.--account .woo-steps .woo-step__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .woo-page__home.--account .woo-steps .woo-step__item.woo-step__opacity {
        opacity: 0.5;
    }

    .woo-page__home.--account .woo-steps .woo-step__item .woo-step__title {
        font-size: 0.8em;
        max-width: 300px;
        text-align: center;
        margin-bottom: 10px;
    }

    .woo-page__home.--account .woo-steps .woo-step__item .woo-step__num {
        width: 40px;
        height: 40px;
        border: 4px solid #d9d9d9;
        border-radius: 50%;
        margin-bottom: 10px;
        color: #d9d9d9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media (max-width: 599px) {
    .woo-page__companies .woo-campo.woo-wid-30,
    .woo-page__companies .woo-campo.woo-wid-50,
    .woo-page__companies .woo-campo.woo-wid-70 {
        width: 100%;
    }
}

.woo-page__subscriptions .woo-subscriptions__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

@media (min-width: 900px) {
    .woo-page__subscriptions .woo-subscriptions__content {
        flex-direction: row;
        gap: 10px;
    }
}

.woo-page__subscriptions .woo-subscriptions {
    flex: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
}

    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item {
        float: left;
        width: 100%;
        border-radius: 10px;
        padding: 15px;
        box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.1);
        background: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        gap: 20px;
        transition: 0.2s;
        transform: scale(0.99);
    }

@media (min-width: 900px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item {
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
    }
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__left {
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 900px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__left {
        padding: 10px;
    }
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__right {
    overflow: hidden;
}

@media (min-width: 900px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__right {
        max-width: 300px;
    }
}

@media (min-width: 1600px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__right {
        max-width: 360px;
    }
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 1240px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head {
        /*@include mx-flex-justify-start();*/
    }
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head .--title {
    font-size: 1.2em;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2B2B2B;
}

@media (min-width: 1240px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head .--title {
        /*min-width: 130px;*/
        font-size: 1em;
    }
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head .--title:before {
    margin-right: 10px;
    font-size: 1.4em;
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head .--plan {
    color: #000;
    font-size: 0.8em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 10px;
    background: #96c312;
    border-radius: 7px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head .--date-desk {
    color: #000;
    font-size: 0.8em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 10px;
    border-radius: 7px;
    text-align: center;
    /*                    background: #efe5e5;
  font-weight: bold;*/
    display: none;
}

@media (min-width: 1240px) {
    .woo-page__subscriptions .woo-subscriptions .woo-subscription__item .woo-box__head .--date-desk {
        display: flex;
    }
}

.woo-page__subscriptions .woo-subscriptions .woo-subscription__item:hover {
    transform: scale(1);
    box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.2);
}

.woo-page__subscriptions .woo-abstract {
    width: 100%;
    padding: 0 20px;
    background: #f7f7f7;
    border-radius: 20px;
    position: sticky;
    top: 0;
}

@media (min-width: 900px) {
    .woo-page__subscriptions .woo-abstract {
        width: 330px;
    }
}

.woo-page__subscriptions .woo-abstract h3 {
    margin-top: 0;
    height: 70px;
    margin-bottom: 20px;
    border-bottom: 3px dotted #cacaca;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.woo-box__category {
    /*&.--divider {
      padding-bottom: 15px;
      border-bottom: 2px dotted #d7d7d7;
  }*/
}

    .woo-box__category:last-of-type {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .woo-box__category > p {
        font-weight: bold;
        font-size: 0.9em;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .woo-box__category > p:after {
            content: "";
            flex: 1;
            border-bottom: 2px dotted #e1e1e1;
        }

    .woo-box__category .woo-box__categoryContent {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }

@media (min-width: 900px) {
    .woo-box__category .woo-box__categoryContent {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1240px) {
    .woo-box__category .woo-box__categoryContent {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1365px) {
    .woo-box__category .woo-box__categoryContent {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(5, 1fr);
        grid-template-columns: repeat(5, 1fr);
    }
}

.woo-product__item {
    border-radius: 10px;
    padding: 20px;
    border: 2px solid #d7d7d7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 1240px) {
    .woo-product__item {
        padding: 10px;
    }
}

.woo-product__item:hover {
    border-color: #96c312;
}

.woo-product__item .woo-item__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #efefef;
}

    .woo-product__item .woo-item__head p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.7em;
    }

@media (min-width: 1240px) {
    .woo-product__item .woo-item__head p {
        font-size: 0.9em;
    }
}

.woo-product__item .woo-item__head p:before {
    margin-right: 10px;
    font-size: 1.4em;
}

.woo-product__item .woo-item__head p.woo-icon-travellink:before {
    content: "\e9a4" !important;
    color: #dca42e;
}

.woo-product__item .woo-item__head p.woo-icon-wooffice:before {
    content: "\e9a7" !important;
    color: #32d2ce;
}

.woo-product__item .woo-item__desc {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #efefef;
    min-height: 55px;
}

    .woo-product__item .woo-item__desc p {
        font-size: 0.7em;
    }

.woo-product__item .woo-item__plans {
    flex: 1;
}

@media (min-width: 1240px) {
    .woo-product__item .woo-item__plans {
        min-height: 130px;
    }
}

.woo-product__item .woo-item__plans p {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 0.8em;
}

@media (min-width: 1240px) {
    .woo-product__item .woo-item__plans p {
        text-align: left;
    }
}

.woo-product__item .woo-item__plans p.--plan {
    padding: 5px 7px;
    border-radius: 4px;
    background: #eaeaea;
    color: #000;
}

    .woo-product__item .woo-item__plans p.--plan.--bought {
        background: #6cff93;
        color: #000;
    }

.woo-product__item .woo-item__foot {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px dotted #efefef;
}

    .woo-product__item .woo-item__foot a {
        font-size: 0.8em;
    }

.woo-modal__listProducts {
    font-size: 1.2em;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    overflow: auto;
}

    .woo-modal__listProducts::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-modal__listProducts::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-modal__listProducts::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-modal__listProducts::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

.woo-subscription__value {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .woo-subscription__value .woo-value__line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 2px dotted #ccc;
    }

        .woo-subscription__value .woo-value__line p {
            color: #2B2B2B;
            font-size: 0.7em;
        }

            .woo-subscription__value .woo-value__line p b {
                font-size: 1.4em;
            }

        .woo-subscription__value .woo-value__line span {
            color: #2B2B2B;
            font-size: 1em;
            min-width: 120px;
            text-align: right;
        }

            .woo-subscription__value .woo-value__line span b {
                float: left;
                width: 100%;
                text-align: right;
                font-size: 0.7em;
            }

    .woo-subscription__value .woo-value__additional {
        float: left;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 5px;
    }

        .woo-subscription__value .woo-value__additional p {
            color: #2B2B2B;
            font-size: 0.7em;
            margin-right: 5px;
            max-width: 130px;
        }

        .woo-subscription__value .woo-value__additional span {
            color: #2B2B2B;
            font-size: 0.7em;
            font-weight: bold;
        }

    .woo-subscription__value .woo-value__payCycle {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

        .woo-subscription__value .woo-value__payCycle .woo-payCicle__title {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            /*padding-bottom: 5px;
              margin-bottom: 5px;
              border-bottom: 1px solid #dedede;*/
        }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__title p {
                font-size: 0.7em;
            }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__title span {
                color: #DCA42E;
                font-size: 0.8em;
                font-weight: bold;
            }

        .woo-subscription__value .woo-value__payCycle .woo-payCicle__months {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__months span {
                color: #96c312;
                font-size: 1em;
                font-weight: bold;
                margin-right: 10px;
            }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__months p {
                font-size: 0.7em;
            }

        .woo-subscription__value .woo-value__payCycle .woo-payCicle__installment {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__installment p {
                font-size: 0.8em;
                margin-right: 10px;
            }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__installment span {
                color: #96c312;
            }

        .woo-subscription__value .woo-value__payCycle .woo-payCicle__valueTotal {
            margin-top: 15px;
            margin-bottom: 10px;
        }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__valueTotal > p {
                font-size: 0.7em;
                padding-bottom: 5px;
                margin-bottom: 5px;
                border-bottom: 1px solid #dedede;
            }

            .woo-subscription__value .woo-value__payCycle .woo-payCicle__valueTotal div {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                flex-direction: row;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .woo-subscription__value .woo-value__payCycle .woo-payCicle__valueTotal div p {
                    font-size: 0.9em;
                    margin-right: 10px;
                }

                .woo-subscription__value .woo-value__payCycle .woo-payCicle__valueTotal div span {
                    font-size: 1.2em;
                    font-weight: bold;
                    color: #96c312;
                }

    .woo-subscription__value .woo-value__subTotal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 2px dotted #ccc;
    }

        .woo-subscription__value .woo-value__subTotal p {
            color: #2B2B2B;
            font-size: 0.8em;
        }

        .woo-subscription__value .woo-value__subTotal span {
            color: #2B2B2B;
            font-size: 1em;
            font-weight: bold;
        }

.woo-subscriptions__valueTotal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    margin-top: 10px;
}

    .woo-subscriptions__valueTotal p {
        color: #2B2B2B;
        font-size: 0.8em;
    }

    .woo-subscriptions__valueTotal span {
        color: #2B2B2B;
        font-size: 1.5em;
        font-weight: bold;
    }

/*WIDGETS*/
.woo-box__status {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
}

@media (min-width: 1240px) {
    .woo-box__status {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
}

.woo-box__status .--status {
    flex: 1;
    font-size: 0.9em;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #ededed;
    padding: 10px;
}

@media (min-width: 1240px) {
    .woo-box__status .--status {
        width: auto;
        font-size: 0.8em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 15px;
        padding: 20px 15px;
    }
}

.woo-box__status .--status span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
}

    .woo-box__status .--status span:before {
        font-size: 1.3em;
    }

    .woo-box__status .--status span:last-of-type {
        font-weight: bold;
    }

.woo-box__status .--status.--Finalizado:after {
    content: "";
    position: absolute;
    font-family: "woo-icomoon" !important;
    content: "\e9ef";
    color: #e6e6e6;
    font-size: 1.3em;
    color: #6cff93;
    top: -5px;
    right: -5px;
}

@media (min-width: 1240px) {
    .woo-box__status .--status.--Finalizado:after {
        top: 7px;
        right: 7px;
    }
}

.woo-box__status .--date-mob {
    font-size: 0.9em;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
}

@media (min-width: 1240px) {
    .woo-box__status .--date-mob {
        display: none;
    }
}

.woo-box__status .--date-mob span {
    font-weight: bold;
}

@media (min-width: 900px) {
    .woo-box__status .--date-mob span {
        padding: 5px;
    }
}

.woo-box__additional {
    padding-right: 15px;
    /*@include mx-flex();
  @include mx-flex-column();
  gap: 10px;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
    padding-bottom: 40px;
}

    .woo-box__additional > div {
        /*border-top: 2px dotted #d0d0d0;*/
        background: #f6f6f6;
        border-radius: 7px;
        padding: 10px 15px !important;
    }

        .woo-box__additional > div:first-of-type {
            /*border-top: 0px dotted #d0d0d0;*/
        }

    .woo-box__additional .woo-additional__item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 0;
    }

        .woo-box__additional .woo-additional__item:hover {
            background: #f7f7f7;
        }

        .woo-box__additional .woo-additional__item .woo-additional__actions {
            width: 40px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

@media (min-width: 1240px) {
    .woo-box__additional .woo-additional__item .woo-additional__actions button {
        font-size: 0.8em;
    }
}

.woo-box__additional .woo-additional__item .woo-additional__title {
    font-size: 0.8em;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}

@media (min-width: 1240px) {
    .woo-box__additional .woo-additional__item .woo-additional__title {
        font-size: 0.9em;
    }
}

.woo-box__additional .woo-additional__item .woo-additional__title .--state {
    padding: 3px 10px;
    border-radius: 5px;
}

    .woo-box__additional .woo-additional__item .woo-additional__title .--state.--new {
        background: #1a80e2;
        color: #fff;
    }

    .woo-box__additional .woo-additional__item .woo-additional__title .--state.--finished {
        background: #96c312;
        color: #fff;
    }

    .woo-box__additional .woo-additional__item .woo-additional__title .--state.--canceled {
        background: #d44949;
        color: #fff;
    }

.woo-box__additional .woo-additional__item .woo-additional__price {
    font-size: 0.8em;
    font-weight: bold;
    width: 110px;
    text-align: right;
}

@media (min-width: 1240px) {
    .woo-box__additional .woo-additional__item .woo-additional__price {
        font-size: 0.9em;
    }
}

.woo-box__additional .woo-amount__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
    padding: 10px 0;
    /*border-top: 2px dotted #d0d0d0;*/
}

    .woo-box__additional .woo-amount__items:hover {
        background: #f7f7f7;
    }

    .woo-box__additional .woo-amount__items .--information {
        width: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .woo-box__additional .woo-amount__items .--information:before {
            font-size: 1.2em;
            color: #96c312;
        }

    .woo-box__additional .woo-amount__items .--lineConnection {
        width: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        display: none;
    }

        .woo-box__additional .woo-amount__items .--lineConnection icon.--circle {
            content: "";
            width: 5px;
            height: 5px;
            border: 3px solid #e5e5e5;
            border-radius: 50%;
            background: #fff;
            z-index: 9;
        }

        .woo-box__additional .woo-amount__items .--lineConnection icon:first-of-type,
        .woo-box__additional .woo-amount__items .--lineConnection icon:last-of-type {
            content: "";
            width: 2px;
            flex: 1;
            background: #e5e5e5;
        }

    .woo-box__additional .woo-amount__items .woo-additional__item {
        border: 0;
    }

        .woo-box__additional .woo-amount__items .woo-additional__item .woo-additional__actions {
            display: none;
        }

.woo-box__features .woo-itemFeature__content {
    overflow: auto;
    max-height: 325px;
    padding-right: 10px;
}

    .woo-box__features .woo-itemFeature__content::-webkit-scrollbar {
        width: 6px;
        background-color: #e0e0e0;
        border-radius: 4px;
    }

    .woo-box__features .woo-itemFeature__content::-webkit-scrollbar-track {
        border-radius: 4px;
    }

    .woo-box__features .woo-itemFeature__content::-webkit-scrollbar-thumb {
        background-color: #bababa;
        border-radius: 4px;
        border: 1px solid transparent;
        background-clip: padding-box;
    }

        .woo-box__features .woo-itemFeature__content::-webkit-scrollbar-thumb:hover {
            background-color: #a0a0a0;
        }

.woo-box__features .woo-features__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 2px dotted #e8e8e8;
}

    .woo-box__features .woo-features__item p {
        float: left;
        width: auto;
        font-weight: bold;
        font-size: 0.8em;
    }

    .woo-box__features .woo-features__item span {
        font-size: 0.8em;
    }

    .woo-box__features .woo-features__item:last-of-type {
        border-bottom: 0;
    }

.woo-box__faixas {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    background: #f7f7f7;
    border-radius: 10px;
}

    .woo-box__faixas > p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 7px;
    }

        .woo-box__faixas > p:before {
            font-size: 1.1em;
        }

.woo-box__extensions {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    position: relative;
    background: #f7f7f7;
    border-radius: 10px;
}

    .woo-box__extensions > p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 7px;
    }

        .woo-box__extensions > p:before {
            font-size: 1.3em;
        }

    .woo-box__extensions .woo-extension__seemore {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        z-index: 99;
    }

    .woo-box__extensions .woo-extension__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        transition: 0.3s;
        max-height: none;
    }

    .woo-box__extensions.--close:before {
        content: "";
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 0px;
        left: 0;
        background: linear-gradient(to bottom, transparent, #d2d2d2);
        z-index: 9;
        transition: 0.3s;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        display: none;
    }

    .woo-box__extensions.--close:hover:before {
        background: linear-gradient(to bottom, transparent, #c2c2c2);
    }

    .woo-box__extensions.--close .woo-extension__content {
        overflow: hidden;
        max-height: 45px;
    }

.woo-box__price {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    background: #f7f7f7;
    border-radius: 10px;
}

    .woo-box__price .--item P {
        font-size: 0.9em;
    }

        .woo-box__price .--item p:first-of-type {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 7px;
        }

            .woo-box__price .--item p:first-of-type:before {
                font-size: 1.3em;
            }

/*GRID LAYOUT*/
.woo-subscriptions {
    transition: 0.2s;
}

    .woo-subscriptions.--grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 2.4rem;
        grid-row-gap: 2.4rem;
        transition: 0.2s;
    }

@media (min-width: 900px) {
    .woo-subscriptions.--grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 1.2rem;
        grid-row-gap: 1.2rem;
    }
}

@media (min-width: 1600px) {
    .woo-subscriptions.--grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }
}

.woo-subscriptions.--grid .woo-subscription__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .woo-subscriptions.--grid .woo-subscription__item .woo-box__left {
        flex: none;
    }

    .woo-subscriptions.--grid .woo-subscription__item .woo-box__right {
        width: 100%;
        max-width: none;
    }

    .woo-subscriptions.--grid .woo-subscription__item .woo-box__status {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
    }

        .woo-subscriptions.--grid .woo-subscription__item .woo-box__status .--status {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border: 0;
            padding: 5px 0;
        }

            .woo-subscriptions.--grid .woo-subscription__item .woo-box__status .--status span {
                -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

                .woo-subscriptions.--grid .woo-subscription__item .woo-box__status .--status span:first-of-type {
                    flex: 1;
                }

            .woo-subscriptions.--grid .woo-subscription__item .woo-box__status .--status.--Finalizado:after {
                position: static;
                /*top: -10px;
  right: -6px;

  @include mx-responsive(1240px) {
      top: -8px;
      right: -6px;
  }*/
            }

.woo-subscriptions.--grid .woo-icon-upgrade span,
.woo-subscriptions.--grid .woo-icon-downgrade span {
    display: none;
}

.woo-table__itemsInvoice .--item {
    /*border: 1px solid #ccc;*/
}

.woo-table__itemsInvoice .--trspace td {
    padding: 10px !important;
    border: 0 !important;
    background: #fff !important;
}

.woo-table__itemsInvoice .--trdesc td {
    font-weight: bold;
    border-radius: 0 !important;
    color: #fff !important;
    background: #96c312 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.woo-table__itemsInvoice .woo-box__default {
    padding: 6px !important;
}

    .woo-table__itemsInvoice .woo-box__default .woo-table td {
        background: #fff !important;
    }

.woo-page__sign .woo-sign__content {
    width: 100%;
    overflow: auto;
}

.woo-page__sign .woo-plans {
    width: 565px;
    margin: 0 auto;
    margin-top: 20px;
}

@media (min-width: 600px) {
    .woo-page__sign .woo-plans {
        width: 100%;
    }
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__head {
    padding: 10px;
    text-align: center;
    font-size: 0.8em;
    border-radius: 10px;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    text-transform: uppercase;
    font-weight: bold;
    width: 150px;
    max-width: 100px;
}

@media (min-width: 1800px) {
    .woo-page__sign .woo-plans .woo-plans__line .woo-plans__head {
        padding: 30px;
        font-size: 0.9em;
        max-width: none;
    }
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__head.woo-no-style {
    background: none;
    border: 0;
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__headLeft {
    width: 150px;
    padding: 20px;
    text-align: right;
    font-size: 0.7em;
    border-radius: 10px;
    border: 1px solid #ededed;
    font-weight: bold;
}

@media (min-width: 1800px) {
    .woo-page__sign .woo-plans .woo-plans__line .woo-plans__headLeft {
        width: 300px;
        font-size: 0.8em;
    }
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__headLeft.woo-no-style {
    background: none;
    border: 0;
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    text-align: center;
    font-size: 0.7em;
    border-radius: 10px;
    border: 1px solid #ededed;
    width: 150px;
    max-width: 100px;
}

@media (min-width: 1800px) {
    .woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc {
        padding: 15px;
        font-size: 0.8em;
        max-width: none;
    }
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc.woo-desc--price b {
    font-size: 1em;
}

@media (min-width: 1800px) {
    .woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc.woo-desc--price b {
        font-size: 1.1em;
    }
}

.woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc .woo-desc__checklist {
    color: #9c9c9c;
}

    .woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc .woo-desc__checklist p {
        /*@include mx-flex();
  @include mx-flex-row();
  @include mx-flex-align-center();*/
        text-align: center;
    }

        .woo-page__sign .woo-plans .woo-plans__line .woo-plans__desc .woo-desc__checklist p:before {
            margin-right: 10px;
            color: #24d35d;
        }

.woo-page__sign .woo-plans .woo-plans__line:hover .woo-plans__headLeft,
.woo-page__sign .woo-plans .woo-plans__line:hover .woo-plans__desc {
    background: #f5f5f5;
}

.woo-page__sign .woo-plans .woo-plans__overfllow {
    padding: 10px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .woo-page__sign .woo-plans .woo-plans__overfllow::-webkit-scrollbar {
        width: 6px;
        background-color: #ccc;
    }

    .woo-page__sign .woo-plans .woo-plans__overfllow::-webkit-scrollbar-track {
        border-radius: 4px;
    }

    .woo-page__sign .woo-plans .woo-plans__overfllow::-webkit-scrollbar-thumb {
        background-color: #878787;
        border-radius: 4px;
        border: 1px solid transparent;
        background-clip: padding-box;
    }

        .woo-page__sign .woo-plans .woo-plans__overfllow::-webkit-scrollbar-thumb:hover {
            background-color: #717171;
        }

.woo-modal__sign .woo-sign__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 900px) {
    .woo-modal__sign .woo-sign__content {
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 900px) {
    .woo-modal__sign .woo-sign__content .woo-box__default.--left, .woo-modal__sign .woo-sign__content .woo-box__default.--right {
        position: sticky;
        top: 0;
    }
}

.woo-modal__sign .woo-plans__grid {
    margin-top: 10px;
    margin-bottom: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0.3rem;
    grid-row-gap: 0.3rem;
}

@media (min-width: 600px) {
    .woo-modal__sign .woo-plans__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }
}

.woo-modal__sign .woo-plans__grid .woo-grid__item {
    padding: 20px 10px;
    background: #f7f7f7;
    border: 2px solid #f7f7f7;
    text-decoration: none;
    border-radius: 10px;
}

    .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__head {
        border-bottom: 2px dotted #e1e1e1;
        color: #96c312;
        text-align: center;
    }

    .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content {
        margin: 10px 0;
        min-height: 50px;
    }

        .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__value {
            text-align: left;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__value span:last-of-type {
                font-size: 0.7em;
            }

            .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__value span:first-of-type {
                font-size: 0.9em;
                color: #11a441;
                font-weight: bold;
                margin-right: 10px;
            }

@media (min-width: 1800px) {
    .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__value span:first-of-type {
        font-size: 1.1em;
    }
}

.woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__installment {
    text-align: right;
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__installment span:first-of-type {
        font-size: 0.6em;
        font-weight: bold;
        margin-right: 10px;
    }

@media (min-width: 1800px) {
    .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__installment span:first-of-type {
        font-size: 0.7em;
    }
}

.woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__installment span:last-of-type {
    font-size: 0.7em;
    color: #11a441;
}

@media (min-width: 1800px) {
    .woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__content .woo-item__installment span:last-of-type {
        font-size: 0.8em;
    }
}

.woo-modal__sign .woo-plans__grid .woo-grid__item .woo-item__link {
    float: left;
    width: 100%;
    border: 1px solid #96c312;
    padding: 7px;
    text-align: center;
    border-radius: 5px;
    color: #96c312;
    font-size: 0.9em;
    text-decoration: none;
}

.woo-modal__sign .woo-plans__grid .woo-grid__item.woo-active {
    border: 2px solid #96c312;
}

    .woo-modal__sign .woo-plans__grid .woo-grid__item.woo-active .woo-item__link {
        background: #96c312;
        color: #fff;
    }

.woo-modal__sign .woo-sign__title {
    font-size: 1em;
    font-weight: bold;
}

.woo-modal__sign .woo-features .woo-features__item {
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 2px dotted #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .woo-modal__sign .woo-features .woo-features__item:hover {
        background: #f7f7f7;
    }

    .woo-modal__sign .woo-features .woo-features__item p {
        font-size: 0.8em;
    }

        .woo-modal__sign .woo-features .woo-features__item p:first-of-type {
            width: 75%;
            padding-right: 20px;
        }

@media (min-width: 600px) {
    .woo-modal__sign .woo-features .woo-features__item p:first-of-type:first-of-type {
        width: 50%;
    }
}

.woo-modal__sign .woo-features .woo-features__item p:last-of-type {
    font-weight: bold;
}

.woo-modal__sign .woo-features .woo-extension__item {
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 2px dotted #eee;
    position: relative;
}

    .woo-modal__sign .woo-features .woo-extension__item.no-border {
        border-bottom: 0;
    }

    .woo-modal__sign .woo-features .woo-extension__item:not(.linha-adicional) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .woo-modal__sign .woo-features .woo-extension__item:hover {
        background: #f7f7f7;
    }

    .woo-modal__sign .woo-features .woo-extension__item.woo-extension__item.woo-feature__disabled span,
    .woo-modal__sign .woo-features .woo-extension__item.woo-extension__item.woo-feature__disabled input[type=number],
    .woo-modal__sign .woo-features .woo-extension__item.woo-extension__item.woo-feature__disabled p {
        opacity: 0.5;
    }

    .woo-modal__sign .woo-features .woo-extension__item .woo-side__left {
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

@media (min-width: 600px) {
    .woo-modal__sign .woo-features .woo-extension__item .woo-side__left {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.woo-modal__sign .woo-features .woo-extension__item .woo-side__left .woo-extension__users {
    padding-left: 28px;
    margin-top: 10px;
}

@media (min-width: 600px) {
    .woo-modal__sign .woo-features .woo-extension__item .woo-side__left .woo-extension__users {
        padding-left: 0;
        margin-top: 0;
    }
}

.woo-modal__sign .woo-features .woo-extension__item .woo-side__left .woo-extension__users input[type=number] {
    width: 40px !important;
    height: 25px;
    margin-left: 10px !important;
    padding: 5px !important;
    font-size: 0.8em !important;
}

.woo-modal__sign .woo-features .woo-extension__item p {
    width: 100px;
    font-size: 0.8em;
    text-align: right;
    font-weight: bold;
}

    .woo-modal__sign .woo-features .woo-extension__item p:last-of-type {
        font-weight: bold;
    }

.woo-modal__sign .woo-features .woo-extension__itemCupom {
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 2px dotted #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    /*padding-left: 29px;*/
    padding-bottom: 20px;
}

    .woo-modal__sign .woo-features .woo-extension__itemCupom p {
        width: auto;
        font-size: 0.8em;
        font-weight: bold;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

        .woo-modal__sign .woo-features .woo-extension__itemCupom p:before {
            font-size: 1.4em;
            width: 20px;
        }

    .woo-modal__sign .woo-features .woo-extension__itemCupom input {
        width: 150px;
        height: 30px;
        font-size: 0.8em;
    }

    .woo-modal__sign .woo-features .woo-extension__itemCupom .--button {
        min-width: 30px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .woo-modal__sign .woo-features .woo-extension__itemCupom .text-applied {
        width: 100%;
        font-weight: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: 0.8em;
    }

        .woo-modal__sign .woo-features .woo-extension__itemCupom .text-applied:before {
            width: 20px;
            font-size: 1.2em;
        }

    .woo-modal__sign .woo-features .woo-extension__itemCupom .badge-applied {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        padding: 3px 6px;
        color: #fff;
        background: #24d35d;
        font-size: 0.8em;
        border-radius: 20px;
        margin-left: auto;
    }

.woo-modal__sign .woo-features .woo-extension__itemParcelas {
    padding: 5px 0;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

    .woo-modal__sign .woo-features .woo-extension__itemParcelas select,
    .woo-modal__sign .woo-features .woo-extension__itemParcelas input {
        height: 30px;
        font-size: 0.8em;
    }

    .woo-modal__sign .woo-features .woo-extension__itemParcelas p {
        width: auto;
        font-size: 0.8em;
        font-weight: bold;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

        .woo-modal__sign .woo-features .woo-extension__itemParcelas p:before {
            font-size: 1.4em;
            width: 20px;
        }

.woo-modal__sign .woo-features .woo-extension__item.linha-adicional {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 10px;
    margin-top: -8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .woo-modal__sign .woo-features .woo-extension__item.linha-adicional .woo-extension__itemCupom,
    .woo-modal__sign .woo-features .woo-extension__item.linha-adicional .woo-extension__itemParcelas {
        padding-bottom: 5px;
        margin-bottom: 0;
    }

.woo-modal__sign .woo-features .woo-plan__item {
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 2px dotted #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .woo-modal__sign .woo-features .woo-plan__item:hover {
        background: #f7f7f7;
    }

    .woo-modal__sign .woo-features .woo-plan__item p {
        font-size: 0.8em;
    }

        .woo-modal__sign .woo-features .woo-plan__item p:last-of-type {
            font-weight: bold;
        }

.woo-modal__sign .woo-features .woo-features__colName {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px dotted #eee;
    text-align: right;
    font-size: 0.7em;
}

.woo-modal__sign .woo-features .woo-features__foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .woo-modal__sign .woo-features .woo-features__foot a {
        padding: 10px 0;
        float: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 0.9em;
        text-decoration: none;
    }

        .woo-modal__sign .woo-features .woo-features__foot a:after {
            font-family: "woo-icomoon";
            margin-left: 10px;
            content: "\e92b";
        }

.woo-modal__sign .woo-features .woo-hidden {
    display: none;
}

.woo-modal__sign .woo-abstract .woo-abstract__item {
    padding: 5px 0;
}

    .woo-modal__sign .woo-abstract .woo-abstract__item:hover {
        background: #fafafa;
    }

.woo-modal__sign .woo-sign__fields {
    margin-top: 20px;
}

    .woo-modal__sign .woo-sign__fields .woo-box__radios {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }

@media (min-width: 600px) {
    .woo-modal__sign .woo-sign__fields .woo-box__radios {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }
}

.woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item {
    position: relative;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
}

    .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio] {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 99;
    }

        .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio] + .woo-radio__content {
            padding-left: 25px;
            position: relative;
            font-size: 0.8em;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            border: none;
            background: none;
            cursor: pointer;
            cursor: pointer;
            width: 100%;
            text-align: left;
            font-weight: 400;
            font-size: 1em;
        }

            .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio] + .woo-radio__content span {
                font-size: 0.9em;
                margin-bottom: 5px;
            }

            .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio] + .woo-radio__content p {
                /*@include mx-flex();
  @include mx-flex-row();
  gap: 5px;*/
                font-size: 0.8em;
            }

                .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio] + .woo-radio__content p:before {
                    margin-top: 5px;
                    display: none;
                }

            .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio] + .woo-radio__content:before {
                content: "";
                position: absolute;
                width: 18px;
                height: 18px;
                left: 0;
                top: 2px;
                border: 0.06rem solid #96c312;
                border-radius: 50%;
                box-sizing: border-box;
            }

        .woo-modal__sign .woo-sign__fields .woo-box__radios .woo-radio__item input[type=radio]:checked + .woo-radio__content:after {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 4px;
            top: 6px;
            background: #96c312;
            border-radius: 50%;
            box-sizing: border-box;
        }

.woo-modal__sign .woo-sign__fields .woo-fields__1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
}

@media (min-width: 600px) {
    .woo-modal__sign .woo-sign__fields .woo-fields__1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(1, 1fr);
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }
}

.woo-modal__sign .woo-sign__fields .woo-fields__2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 600px) {
    .woo-modal__sign .woo-sign__fields .woo-fields__2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }
}

.woo-modal__sign .woo-sign__fields .woo-fields__3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 600px) {
    .woo-modal__sign .woo-sign__fields .woo-fields__3 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 0.6rem;
        grid-row-gap: 0.6rem;
    }
}

.woo-modal__sign .woo-sign__fields .woo-campo {
    padding: 0;
}

    .woo-modal__sign .woo-sign__fields .woo-campo .woo-legend {
        font-size: 0.8em;
    }

.woo-modal__sign .woo-sign__fields select,
.woo-modal__sign .woo-sign__fields input {
    height: 30px;
    font-size: 0.8em;
}

.woo-modal__sign .woo-line__dotted {
    border-bottom: 2px dotted #ccc;
    margin-left: 10px;
}

.woo-modal__sign .woo-cupom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .woo-modal__sign .woo-cupom .woo-cupom__input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }

        .woo-modal__sign .woo-cupom .woo-cupom__input p {
            font-size: 0.8em;
        }

@media (min-width: 600px) {
    .woo-modal__sign .woo-cupom .woo-cupom__input {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .woo-modal__sign .woo-cupom .woo-cupom__input p {
            font-size: 0.8em;
            margin-right: 10px;
            text-align: right;
        }

        .woo-modal__sign .woo-cupom .woo-cupom__input div {
            width: 230px;
        }
}

.woo-modal__sign .woo-coupon__applied {
    margin-top: 10px;
}

    .woo-modal__sign .woo-coupon__applied .woo-box__title {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 2px dotted #e8e8e8;
    }

.woo-modal__sign .woo-sign__foot {
    padding-top: 10px;
    margin-top: 35px;
    border-top: 2px dotted #ebebeb;
}

.woo-page__pagyment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
}

    .woo-page__pagyment .woo-payment__content {
        max-width: 500px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

.woo-page__purchases .woo-purchases__content {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    /*@include mx-responsive(900px) {
      @include mx-flex-row();
      gap: 30px;
  }*/
}

    .woo-page__purchases .woo-purchases__content .woo-box__filters {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

@media (min-width: 900px) {
    .woo-page__purchases .woo-purchases__content .woo-box__filters {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.woo-page__purchases .woo-purchases__content .woo-box__filters .woo-filter__period {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 2px dotted #ccc;
}

@media (min-width: 900px) {
    .woo-page__purchases .woo-purchases__content .woo-box__filters .woo-filter__period {
        max-width: 400px;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 0;
        border-bottom: none;
    }
}

.woo-page__purchases .woo-purchases__content .woo-box__filters .woo-filter__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

    .woo-page__purchases .woo-purchases__content .woo-box__filters .woo-filter__buttons a {
        position: relative;
        font-size: 0.8em;
    }

        .woo-page__purchases .woo-purchases__content .woo-box__filters .woo-filter__buttons a.--active:after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            background: #96c312;
            border-radius: 50%;
            bottom: -28px;
        }

@media (min-width: 900px) {
    .woo-page__purchases .woo-purchases__content .woo-box__filters .woo-filter__buttons a {
        font-size: 0.9em;
    }
}

.woo-modal__purcharse .woo-purcharse__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

@media (min-width: 900px) {
    .woo-modal__purcharse .woo-purcharse__content {
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
    }
}

.woo-modal__purcharse .woo-purcharse__content .woo-box__infos {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
}

@media (min-width: 900px) {
    .woo-modal__purcharse .woo-purcharse__content .woo-box__infos {
        position: sticky;
        top: 0;
    }
}

.woo-box__footer {
    padding: 50px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f6f6;
    gap: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

    .woo-box__footer span {
        font-size: 0.8em;
    }

    .woo-box__footer icon {
        color: #96c312;
    }

.woo-page__contacts.--v2 {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
}

    .woo-page__contacts.--v2::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        background-color: transparent;
        border-radius: 4px;
    }

    .woo-page__contacts.--v2::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .woo-page__contacts.--v2::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 10px;
        border: 5px solid transparent;
        background-clip: padding-box;
    }

        .woo-page__contacts.--v2::-webkit-scrollbar-thumb:hover {
            background-color: #b7b7b7;
        }

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }
}

.woo-page__contacts.--v2 .woo-box__header {
    position: relative;
    background: #96c312;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    /*background-image: url(https://assets-global.website-files.com/6009c24d9e33860f078951d2/6009c24d9e3386ba5e8953b8_wf-bg-smart.png);*/
    background-image: url(https://assets-global.website-files.com/6009c24d9e33860f078951d2/6009c24d9e338640038953a8_wf-bg-header.png);
    background-repeat: no-repeat;
    /*background-position: center;*/
    background-position: -500px center;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    min-height: 400px;
}

    .woo-page__contacts.--v2 .woo-box__header .woo-header__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 .woo-box__header {
        height: 100%;
        max-width: 40%;
        padding: 40px;
    }
}

@media (min-width: 1920px) {
    .woo-page__contacts.--v2 .woo-box__header {
        max-width: 50%;
    }
}

.woo-page__contacts.--v2 .woo-box__header .--logowooba {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .woo-page__contacts.--v2 .woo-box__header .--logowooba:before {
        color: #fff;
        font-size: 2.5em;
    }

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 .woo-box__header .--logowooba {
        /*margin-top: 100px;*/
    }
}

.woo-page__contacts.--v2 .woo-box__header .--line-divider {
    height: 5px;
    width: 40px;
    border-radius: 10px;
    background: #fff;
    display: none;
}

.woo-page__contacts.--v2 .woo-box__header .--title-page {
    font-size: 2em;
    color: #fff;
    font-weight: bold;
    max-width: 400px;
    text-align: center;
    margin: 0;
    font-weight: normal;
}

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 .woo-box__header .--title-page {
        font-size: 1.4em;
        max-width: 370px;
    }
}

.woo-page__contacts.--v2 .woo-box__right {
    padding: 30px 1px;
}

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 .woo-box__right {
        flex: 1;
        padding: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .woo-page__contacts.--v2 .woo-box__right.--no-center {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__rightContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    /*@include mx-responsive(1240px) {
      @include mx-flex-justify-start();
      max-width: 750px;
  }

  @include mx-responsive(1920px) {
      max-width: 850px;
  }*/
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 .woo-box__right .woo-box__title {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__title h1 {
    /*max-width: 500px;*/
    text-align: center;
    color: #858181;
    margin: 0;
    font-size: 1.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 1240px) {
    .woo-page__contacts.--v2 .woo-box__right .woo-box__title h1 {
        text-align: left;
    }
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__title h1:after {
    content: "";
    width: 40px;
    height: 5px;
    border-radius: 10px;
    background: #96c312;
    margin-top: 10px;
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__title h1 span:first-of-type {
    font-weight: 500;
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__title h1 span:last-of-type {
    font-size: 0.9em;
    font-weight: 300;
}

.woo-page__contacts.--v2 .woo-box__right .woo-box__form {
    padding: 30px;
    border-radius: 20px;
    box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.2);
}

    .woo-page__contacts.--v2 .woo-box__right .woo-box__form input[type=tel],
    .woo-page__contacts.--v2 .woo-box__right .woo-box__form input[type=email],
    .woo-page__contacts.--v2 .woo-box__right .woo-box__form input[type=text] {
        min-height: 50px;
        border-radius: 25px;
        padding: 0 25px !important;
        font-family: "Poppins", sans-serif !important;
        /*border: 0;*/
    }

        .woo-page__contacts.--v2 .woo-box__right .woo-box__form input[type=text].--tel {
            padding-left: 105px !important;
        }

    .woo-page__contacts.--v2 .woo-box__right .woo-box__form a[class*="--button"] {
        min-height: 50px;
        min-width: 120px;
        border-radius: 25px;
    }

.woo-page__contacts .woo-box__default {
    padding: 20px !important;
    border: 0 !important;
    border-radius: 30px;
    background: #f1f1f1;
}

.woo-page__contacts .woo-notification {
    border: 0 !important;
}

.woo-page__contacts .selected-flag {
    background: #fff !important;
    border-bottom-left-radius: 30px !important;
    border-top-left-radius: 30px !important;
    padding-left: 25px !important;
    height: calc(100% - 3px) !important;
    margin-top: 2px;
    margin-left: 2px;
}

.woo-page__contacts .iti-arrow {
    right: -10px !important;
}

.woo-box__user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

    .woo-box__user span {
        background: #96c312;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

        .woo-box__user span:before {
            font-size: 1.1em;
        }

    .woo-box__user p {
        color: #a5a5a5;
        font-size: 0.9em;
    }

    .woo-box__user .--status {
        padding: 3px 10px;
        background: #fff4cc;
        border: 1px solid #e7d081;
        color: #000;
        border-radius: 5px;
    }

        .woo-box__user .--status.--active {
            background: #96c312;
            border-color: #87b012;
            color: #fff;
        }

.woo-box__company {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

    .woo-box__company span {
        background: #96c312;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

        .woo-box__company span:before {
            font-size: 1.1em;
        }

    .woo-box__company p {
        color: #a5a5a5;
        font-size: 0.9em;
    }

.revenue-card {
    width: 100%;
    display: block;
    margin-top: 20px;
    background-color: #fff;
    box-shadow: none;
    border: 0;
}

.revenue-title {
    background-color: transparent;
    color: #2B2B2B;
    font-weight: 900;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.revenue-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

table.revenue-table-company-category {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
    background-color: #fff;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

    table.revenue-table-company-category th,
    table.revenue-table-company-category td {
        padding: 8px 6px;
        border: 1px solid #e0e0e0;
        font-size: 11px;
        white-space: nowrap;
        color: #333;
    }

    table.revenue-table-company-category thead,
    table.revenue-table-company-category thead tr,
    table.revenue-table-company-category thead th {
        background-color: #3B78A6 !important;
        text-align: center;
        color: #ffffff !important;
        text-transform: uppercase;
    }

    table.revenue-table-company-category tbody tr:nth-child(odd) td {
        background-color: #E9F1FF !important;
    }

    table.revenue-table-company-category tbody tr:nth-child(even) td {
        background-color: #FFFFFF !important;
    }

    table.revenue-table-company-category tbody td:first-child {
        font-weight: 700 !important;
        text-align: left;
        color: #323232;
    }

    table.revenue-table-company-category tbody td:not(:first-child) {
        text-align: center;
        font-weight: 400;
    }

    table.revenue-table-company-category tbody tr:first-child td {
        font-size: 12px;
    }

    table.revenue-table-company-category tbody tr:hover td {
        transition: background-color 0.2s ease-in-out;
        cursor: default;
    }

    table.revenue-table-company-category tbody tr.selected-row td {
        background-color: #FFF59D !important;
        color: #333 !important;
        border-top: 1px solid #FBC02D !important;
        border-bottom: 1px solid #FBC02D !important;
    }

        table.revenue-table-company-category tbody tr.selected-row td:first-child {
            font-weight: 700 !important;
        }

.revenue-card-ranking {
}

table.revenue-table-ranking {
}

.revenue-table-wrapper-ranking {
    max-height: 47rem;
    overflow-y: auto;
}

/*RESPONSIVO*/
.--beforeshow:before {
    display: none;
}

@media (min-width: 1024px) {
    .--totextleft {
        text-align: left;
    }

    .--torowstart {
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .--torowcenter {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .--torowcenterend {
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .--togrid-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .--beforeshow:before {
        display: block;
    }
}

@media (min-width: 1024px) {
    .--towidauto {
        width: auto;
    }

    .--towid5 {
        width: 5%;
    }

    .--towid10 {
        width: 10%;
    }

    .--towid15 {
        width: 15%;
    }

    .--towid20 {
        width: 20%;
    }

    .--towid25 {
        width: 25%;
    }

    .--towid30 {
        width: 30%;
    }

    .--towid35 {
        width: 35%;
    }

    .--towid40 {
        width: 40%;
    }

    .--towid45 {
        width: 45%;
    }

    .--towid50 {
        width: 50%;
    }

    .--towid55 {
        width: 55%;
    }

    .--towid60 {
        width: 60%;
    }

    .--towid65 {
        width: 65%;
    }

    .--towid70 {
        width: 70%;
    }

    .--towid75 {
        width: 75%;
    }

    .--towid80 {
        width: 80%;
    }

    .--towid85 {
        width: 85%;
    }

    .--towid90 {
        width: 90%;
    }

    .--towid95 {
        width: 95%;
    }

    .--towid100 {
        width: 100%;
    }

    .--towid33 {
        width: 33.3%;
    }
}

.filter-year-container {
    display: flex;
    align-items: center;
}

.filter-month-container {
    position: relative;
}

    .filter-month-container.is-inline {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

        .filter-month-container.is-inline .title {
            margin-right: 8px;
            white-space: nowrap;
        }

.month-selection-btn {
    padding: 4px 8px;
    min-width: 38px;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .month-selection-btn.active {
        font-weight: 700;
        border: 1px solid #999;
        background-color: #f0f0f0;
    }

.filter-product-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

#divDashBoard > .woo-box__cardStats.stats-financial-context {
    margin-bottom: 30px;
}

.woo-box__cardStats.stats-financial-context {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

    .woo-box__cardStats.stats-financial-context .woo-card__item {
        flex: 1 1 calc(33.33% - 25px);
    }

.interactive-hover-text {
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

    .interactive-hover-text:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

.text-weight-medium {
    font-weight: 600 !important;
}

.chart-layout-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

    .chart-layout-row .woo-card__item {
        flex: 0 0 35% !important;
        width: 35% !important;
        max-width: 35% !important;
        margin: 0 !important;
        text-align: justify;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.chart-legend-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.legend-content-left p {
    text-align: justify;
    margin-bottom: 5px;
}

.chart-wrapper-col {
    flex: 0 0 60% !important;
    width: 60% !important;
    max-width: 60% !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chart-canvas-sm {
    width: 100%;
    height: 250px;
}

@media (max-width: 599px) {
    .--wooall .woo-box__pagination,
    .woo-modal .woo-box__pagination {
        margin-top: 20px;
    }

        .--wooall .woo-box__pagination .pagination-container,
        .woo-modal .woo-box__pagination .pagination-container {
            width: 100% !important;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .--wooall .woo-box__pagination .pagination-container .pagination li,
            .woo-modal .woo-box__pagination .pagination-container .pagination li {
                padding: 5px !important;
            }
}
#item_opcionais {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 15px;
    background: #fcfcfc;
}

    #item_opcionais .woo-sign__title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 10px;
    }

.woo-extension__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 5px;
    border-bottom: 1px dashed #e0e0e0;
    gap: 10px;
}

    .woo-extension__item:last-child {
        border-bottom: none;
    }

    .woo-extension__item .woo-side__left {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1;
        min-width: 0;
    }

    .woo-extension__item input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

    .woo-extension__item span {
        font-size: 14px;
        color: #333;
        word-break: break-word;
    }

.woo-extension__users {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .woo-extension__users input[type="number"] {
        width: 60px !important;
        padding: 4px;
        font-size: 14px;
    }

.woo-extension__item .item-valor-total {
    font-weight: 700;
    font-size: 15px;
    color: #000;
    white-space: nowrap;
}
.woo-atdCartao__cursor {
    cursor: pointer;
}

.woo-atdCartao__container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding: 20px;
    background: #f9f9f9;
    border-top: 1px solid #eee;
    min-height: 280px;
}

.woo-atdCartao__visual {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

    .woo-atdCartao__visual .woo-card__draw {
        width: 370px;
        height: 220px;
    }

.woo-atdCartao__flip {
    display: flex;
    justify-content: center;
}

.woo-atdCartao__campos {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}

.woo-atdCartao__campo {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.woo-atdCartao__label {
    font-size: 0.85em;
    color: #666;
    font-weight: 600;
}

.woo-atdCartao__valor {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .woo-atdCartao__valor span {
        flex: 1;
        font-size: 1em;
        color: #333;
    }

@media (max-width: 768px) {
    .woo-atdCartao__container {
        flex-direction: column;
        align-items: center;
    }

    .woo-atdCartao__visual {
        width: 100%;
    }

        .woo-atdCartao__visual .woo-card__draw {
            width: 100%;
            max-width: 370px;
        }

    .woo-atdCartao__campos {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .woo-extension__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        padding: 12px 0;
    }

        .woo-extension__item .item-valor-total {
            align-self: flex-end;
            font-size: 14px;
            margin-top: 3px;
        }

    .woo-extension__users {
        margin-left: 28px;
    }
}

@media (max-width: 900px) and (min-width: 601px) {
    .woo-extension__item {
        gap: 8px;
    }

        .woo-extension__item .item-valor-total {
            font-size: 14px;
        }
}
@media (max-width: 599px) {
    .--wooall .--input.woo-wid-fix-100,
    .--wooall .--input.woo-wid-fix-150,
    .--wooall .--input.woo-wid-fix-200,
    .--wooall .--input.woo-wid-10,
    .--wooall .--input.woo-wid-15,
    .--wooall .--input.woo-wid-20,
    .--wooall .--input.woo-wid-25,
    .--wooall .--input.woo-wid-30,
    .--wooall .--input.woo-wid-33,
    .--wooall .--input.woo-wid-35,
    .--wooall .--input.woo-wid-40,
    .--wooall .--input.woo-wid-50,
    .--wooall .--input.woo-wid-55,
    .--wooall .--input.woo-wid-70,
    .--wooall .--input.woo-wid-80,
    .woo-modal .--input.woo-wid-fix-100,
    .woo-modal .--input.woo-wid-fix-150,
    .woo-modal .--input.woo-wid-fix-200,
    .woo-modal .--input.woo-wid-10,
    .woo-modal .--input.woo-wid-15,
    .woo-modal .--input.woo-wid-20,
    .woo-modal .--input.woo-wid-25,
    .woo-modal .--input.woo-wid-30,
    .woo-modal .--input.woo-wid-33,
    .woo-modal .--input.woo-wid-35,
    .woo-modal .--input.woo-wid-40,
    .woo-modal .--input.woo-wid-50,
    .woo-modal .--input.woo-wid-55,
    .woo-modal .--input.woo-wid-70,
    .woo-modal .--input.woo-wid-80 {
        width: 100% !important;
    }
}

@media (max-width: 599px) {
    .--responsiveForm .--input.woo-wid-15,
    .--responsiveForm .--input.woo-wid-20,
    .--responsiveForm .--input.woo-wid-25,
    .--responsiveForm .--input.woo-wid-30,
    .--responsiveForm .--input.woo-wid-33,
    .--responsiveForm .--input.woo-wid-35,
    .--responsiveForm .--input.woo-wid-40,
    .--responsiveForm .--input.woo-wid-45,
    .--responsiveForm .--input.woo-wid-50,
    .--responsiveForm .--input.woo-wid-55,
    .--responsiveForm .--input.woo-wid-60,
    .--responsiveForm .--input.woo-wid-65,
    .--responsiveForm .--input.woo-wid-67,
    .--responsiveForm .--input.woo-wid-70,
    .--responsiveForm .--input.woo-wid-75,
    .--responsiveForm .--input.woo-wid-80,
    .--responsiveForm .--input.woo-wid-85,
    .--responsiveForm .--input.woo-wid-90,
    .--responsiveForm .--input.woo-wid-95 {
        width: 100% !important;
    }
}

.all-unset {
    all: unset !important;
}