.crono {
    padding: 0px !important;
    text-transform: uppercase;
    align-items: center;
    align-content: center;
    left: 0;
}

.crono>div {
    pointer-events: all;
    width: 30px;
    margin: auto;
    flex: 1 30px;
    display: inline-grid;
}

.crono>div>label {
    align-items: center;
    padding: 0;
    width: auto;
    text-align: center;
    align-content: center;
    display: inline-grid;
    font-size: 7px;
}

.crono>div>label>input[type="radio"] {
    display: none;
}

.crono>div>label>input[type="radio"]+span {
    color: #989898;
    padding: 5px 10px;
    border: none !important;
    transform: scale(1) !important;
    text-align: center;
}

.crono>div>label:hover>input[type="radio"]+span+label {
    background: grey;
    color: white;
    fill: white;
}

.crono>div>label>input[type="radio"]:checked+span {
    color: #2081a7 !important;
    opacity: 1;
}

.crono>div>label>input[type="radio"]:checked+span+label {
    background: #2081a7 !important;
    color: white;
    fill: white;
    opacity: 1;
}

.novomenufiltro>.botoes div.corpo label>input[type="radio"]~label>svg {
    width: 13px;
    height: 13px;
}

.crono>div>label>input[type="radio"]+span+label {
    font-size: 12px;
    padding: 9px;
    width: 12px;
    height: 12px;
    align-items: center;
    margin: auto;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    opacity: 0.5;
    fill: #989898;
}

@media screen and (min-width: 600px) {
    .crono>div>label {
        font-size: 10px;
    }
}

.info {
    position: absolute;
    z-index: 99999999;
    width: auto;
    height: auto;
}

.info>input {
    display: none;
}

.info>label {
    padding: 15px;
    transition: all 0.2s ease;
    width: auto;
    height: auto;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.info>input+label:after {
    transform: rotateY(0);
    background: #dfe7e4;
    color: grey;
    width: auto;
    min-width: 200px;
    content: attr(data-info);
    cursor: help;
}

.info>input+label:before {
    transform: rotateY(180deg);
    background: #1656e0;
    width: 30px;
    height: 25px;
    color: white;
    content: attr(data-info-ico);
}

.info>input:checked+label:after {
    transform: rotateY(-180deg);
}

.info>input:checked+label:before {
    transform: rotateY(0deg);
}

.info>input+label:before,
.info>input+label:after {
    transition: all 0.4s ease;
    text-align: center;
    position: absolute !important;
    line-height: 2em;
    font-weight: bold;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
    transform-origin: left;
    z-index: 99999999;
}

.info>input+label.x0:after {
    margin-lef: 0px !important;
}

.info>input+label.x1:after {
    margin-lef: -100px !important;
}

.info>input+label.x2:after {
    margin-lef: -200px !important;
}

.info>input+label.y0:after {
    margin-top: 0px !important;
}

.info>input+label.y1:after {
    margin-top: -50% !important;
}

.info>input+label.y2:after {
    margin-top: -100% !important;
}

section.v2 {
    display: block !important;
}

.menu.v2 div {
    margin-top: 65px;
}

body::after {
    content: "OFFLINE";
    position: fixed;
    display: grid;
    width: 100vw;
    height: 100vh;
    left: 0;
    z-index: 99999999;
    align-items: center;
    background: #edf2f6;
    color: grey;
    font-size: 5vw;
    top: 0;
    transition: 0.4s;
    transform: scaleY(0);
    transform-origin: top;
    text-align: center;
}

body.off::after {
    transform: scaleY(1);
}

#menucontentor_mob_01,
#menucontentor_desktop_01 {
    text-transform: uppercase;
}

.acess,
.acess+div {
    margin: 10px 0;
    color: #8c8c8c;
}

.acess+div {
    font-weight: bold;
}

.zoom+.viewcht .v2.emoji.scrollbar {
    transform: scale(0);
    transition: 0.2s;
    transform-origin: left;
}

.viewcht .v2.emoji.scrollbar {
    top: 45px;
    min-width: 300px;
    height: 260px;
    width: 70vw;
    margin-left: -15px;
    margin-right: -15px;
    filter: none;
    border-radius: 0px;
}

.v2.emoji {
    top: unset;
    left: unset;
    max-width: calc(100vw - 40px);
    min-width: 250px;
    width: 70vw;
    height: 150px;
    border: 1px solid #cbc9c9;
    margin-top: 15px;
    filter: drop-shadow(0px 7px 7px grey);
    border-radius: 5px;
}

.chatmsganexosdiv>.chatmsgemojisbtn {
    display: initial;
}

.emoji.atv {
    transform: scaleY(1);
}

.emoji {
    position: absolute;
    z-index: 100000;
    display: flex;
    flex-wrap: wrap;
    background: white;
    height: 150px;
    width: calc(100% - 30px);
    top: calc(100% - 305px);
    padding: 15px !important;
    transition: 0.4s;
    transform: scaleY(0);
    transform-origin: bottom;
}

@media only screen and (min-width: 600px) {
    .emoji {
        height: 190px;
        width: 220px;
        top: 1px;
    }
}

.emoji>span {
    padding: 10px;
    width: 20px;
    height: 20px;
    background: whitesmoke;
    margin: 1px;
    font-size: 18px;
    text-align: center;
    transition: 0.4s;
    flex: 1;
}

.emoji>span:hover {
    background: orangered;
    cursor: pointer;
}

.help>span {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: -1;
}

.help {
    top: 0;
    left: 0;
    z-index: 9999999999999999999;
}

.help>span {
    background: #000000bf;
}

.help_corpo {
    width: 80vw;
    min-width: 300px;
    max-width: 700px;
    height: auto;
    margin: 10vh auto;
    border: 1px solid #ffffff29;
    display: block;
}

.help .helpcontent:hover {
    background: hsl(var(--corhelp) 85% 40%);
}

.help>.helpcontent>.helptitulo.atv::before {
    color: inherit;
}

.help>.helpcontent>.helptitulo::before {
    content: "\25B6";
    position: absolute;
    color: transparent;
    left: 8px;
    transition: 0.4s;
    font-size: 9px;
}

.help .helpcontent {
    height: auto;
    display: block;
    background: hsl(var(--corhelp) 85% 50%);
    color: #ffffff;
    font-size: 11px;
    border-bottom: 0.5px solid #ffffff1f;
}

.helpcontent+.helpcontent {}

.helptitulo.atv {
    background: #0000004a;
    background: hsl(var(--corhelp) 85% 30%);
    border-left: 16px solid hsl(var(--corhelp) 85% 10%);
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.helptitulo {
    padding: 20px;
    background: #00000047;
    transition: 0.4s;
}

.helptitulo+.help {
    transition: 0.2s;
    height: 0px;
    font-size: 12px;
    transform: scaleY(0);
    transition: 0.4s;
    transform-origin: top;
}

.helptitulo.atv+.help,
.helpcontent.serach .help {
    transform: scaleY(1);
    --bd: 1px;
    display: block;
    height: auto;
    background: hsl(calc(var(--corhelp) + 5) 85% 25%);
    border-top: var(--bd) solid white;
    border-bottom: var(--bd) solid white;
}

.helptitulo.atv+.help .helptitulo.atv+.help {
    --bd: 1px;
    border-top: var(--bd) solid #000000;
    border-bottom: var(--bd) solid #ffffff45;
}

.helpcontent .helpcontent:before {
    content: "*";
    position: absolute;
    margin: 15px 5px;
    height: inherit !important;
    color: #041d2f;
    font-size: 15px !important;
}

.help legend {
    line-height: 18px;
    padding: 20px;
}

p.helptitulo {
    display: none;
}

.campo_input.v2 {
    color: white;
    border: 0px;
    border-radius: 5px;
    resize: none;
    border-bottom: 1px solid #0202023b;
    background: #0000001c !important;
}

maxlength {
    color: #ffffff;
    font-size: 9px;
    padding: 0px;
    margin: 0px 10px;
    float: right;
    position: relative;
}

.mpaglivre {
    background: white;
    padding: 20px;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    color: grey;
}

.mpaglivre>label {
    flex: 1 200px;
    display: grid;
    margin: 5px;
    text-align: justify;
    padding: 15px;
    line-height: 15px;
    border: 1px solid grey;
    border-radius: 5px;
    transition: 0.4s;
}

.mpaglivre>label:focus,
.mpaglivre>label:hover {
    border: 1px solid green;
    color: green;
    background: #e6efe6;
}

.mpaglivre>label>span {}

.mpaglivre>label>img {
    margin: 10px auto 30px auto;
    height: 40px;
    object-fit: contain;
}

.mpaglivre>label>input:checked+span {
    transform: scale(1);
    color: green;
}

.mpaglivre>label>input:checked {
    transform: scale(1);
    color: green;
}

.mpaglivre>label>input {
    transform: scale(0);
    accent-color: green !important;
    transition: 0.4s;
    width: 15px;
}

#livreacesstelcampo {
    display: flex !important;
}

.livreacesstelcamposelect {
    display: block;
    margin: 0px 7px;
}

#livreacessostel {
    width: 140px !important;
    padding-left: 18px;
}

.livreacesstelcamposelect>span>img {
    padding: 4px 0;
}

.livreacesstelcamposelect>span {
    width: 36px;
    height: 27px;
    position: absolute;
    background: #ffffff;
    border: 1px solid grey;
    z-index: 1;
    margin: 10px -10px;
    display: flex;
    padding: 0 4px;
    width: 28px;
    cursor: pointer;
}

.livreacesstelcamposelect>span.atv {}

.livreacesstelcamposelect>ul.atv {
    overflow: auto;
    height: 200px;
    transform: scaleY(1);
}

.livreacesstelcamposelect>ul.atv:before {
    content: "";
    position: relative;
    background: white;
    width: inherit;
    height: inherit;
}

.livreacesstelcamposelect>ul>li {
    background: white;
    border: 3px solid white;
    margin: 0px;
    padding: 0px;
}

.livreacesstelcamposelect>ul {
    overflow: hidden;
    width: 26px;
    height: 27px;
    margin: 38px -10px;
    border: 1px solid;
    background: white;
    position: absolute;
    transition: 0.4s;
    transform: scaleY(0);
    transform-origin: top;
    padding: 0px 9px 0px 1px;
    cursor: pointer;
}

.etapa:after {
    content: attr(data-etapa);
    position: relative;
    background: white;
    padding: 5px;
    top: -10px;
    border-radius: 0 0 3px 3px;
    color: grey;
    font-size: 14px;
    font-weight: bold;
}

@media screen and (min-width: 900px) {
    .etapa:after {}
}

.rTable.promo thead:after {
    content: "";
    --bgpromo: #3f4257;
    position: absolute;
    width: 0px;
    margin-top: -25px;
    height: 11px;
    border-left: 8px solid var(--bgpromo);
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--bgpromo);
    border-top: 8px solid var(--bgpromo);
    filter: drop-shadow(1px 1px 0.9px white);
}

.rTable.promo thead {
    background: #5cb2d4;
}

@media screen and (max-width: 480px) {
    .rTable.promo thead:after {
        margin-top: -22px;
    }
}

.amgcontent.config.pointer>.newselect {
    padding: 10px;
    width: fit-content;
}

.amgcontent.config.pointer>.newselect::after {
    padding: 13px;
    margin-right: -8px;
}

.chatmsginputdiv transferencia {
    margin-top: -79px !important;
    border-radius: 5px 5px 5px 0 !important;
}

transferencia {
    display: none;
}

.transferencia:hover+transferencia,
transferencia:hover {
    background: rgba(0, 0, 0, .9);
    border-radius: 0 5px 5px 5px;
    margin-top: -10px;
    position: absolute;
    color: white;
    padding: 10px 15px;
    display: block;
    z-index: 1;
}

.msgXsxCampoForm .transferencia:hover+transferencia,
.msgXsxCampoForm transferencia:hover {
    margin-top: -60px;
    left: 30px;
    border-radius: 5px 5px 5px 0;
}

transferencia:hover {
    background: #015272c2;
    cursor: pointer;
}

.dialog {
    margin: auto;
    min-width: 300px;
    border: 0px;
    top: 250px;
    background: transparent;
    text-align: center;
    position: absolute;
    z-index: 99999999999999;
}

.dialog>span.fundo {
    background: #0000009e;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    top: 0;
    left: 0;
}

.dialog>fieldset {
    border: 0px;
    margin: 0px;
    width: 100%;
    background: white;
    padding: 0px;
}

.dialog>menu {
    display: flex;
    gap: 1px;
    background: grey;
    overflow: hidden;
    border-top: 0px;
    border-top: 1px solid grey;
    border-radius: 0 0 5px 5px;
    flex-wrap: wrap;
}

.dialog>menu>button.cancel {
    background: white;
    color: red;
}

.dialog>menu>button {
    background: white;
    color: #1095ef;
    text-transform: uppercase;
    font-weight: bold;
    flex: 1;
    font-size: 14px;
    padding: 10px;
    border: none;
    outline: none;
}

.dialog>menu>button:hover {
    background: grey;
    color: white;
}

.dialog>menu>button:focus {
    background: blue;
    color: white;
}

.dialog>fieldset>legend {
    margin: 0px;
    padding: 10px 0 0 0;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-size: 14px;
    color: black;
    border: 0px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    width: 100%;
    background: white;
}

.dialog>fieldset>div {
    padding: 5px 10px 20px 10px;
    color: grey;
    text-transform: capitalize;
    background: white;
    font-size: 13px;
}

.dialog>fieldset>div>input {
    display: block;
    width: calc(100% - 20px);
    margin: 15px auto 0 auto;
    padding: 5px;
    outline: none;
}

.book.v2:after {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.book.v2 {
    -webkit-box-align: center !important;
    align-items: center !important;
}

.book.v2 .capa {
    transform: scale(1) !important;
}

.book.v2 .capa .book_txt {
    opacity: 1 !important;
    transform: scale(1) !important;
    max-height: 235px;
    padding: 10px;
    word-break: break-word;
}

#livreacessostabDivimposto {
    color: grey;
}

#livreacessresumoregua {
    padding: 15px 0;
    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
}

#livreacessfaturatextop {
    margin-left: auto;
    margin-right: auto;
}

input[type=button].formstextosmedios.subtitulos {
    color: white;
    padding: 10px;
    background: var(--c_16);
    cursor: pointer;
}

.chatmsgcontentor>span {
    width: 15px;
    height: 10px;
    align-items: center;
    align-content: center;
    transition: 0.4s;
    transition-delay: 0.8s;
    transform: scaleX(0);
    text-align: center;
    cursor: pointer;
}

.chatmsgcontentor:hover>span {
    transform: scaleX(1);
}

.chatmsgcontentor.a+.chatmsgcontentor.a>span {
    margin-top: -19px !important;
}

.chatmsgcontentor.a>span,
.chatmsgcontentor.b>span {
    margin-top: -29px !important;
}

.chatmsgcontentor.a>span {
    float: right;
    background: white;
    color: grey;
    border-radius: 0 5px 5px 0;
    transform-origin: left;
    padding: 10px 5px;
    margin-right: -30px;
    margin-top: 0px;
}

.chatmsgcontentor.b>span {
    float: left;
    margin: -10px -45px;
    background: #f74402;
    color: white;
    border-radius: 5px 0 0 5px;
    transform-origin: right;
    padding: 10px 5px;
    margin-left: -30px;
}

.comentcontentdiv2>p {
    width: 100% !important;
}

.autorcoment>p,
.autorcoment>p,
.chatmsgcontentor,
.comentcontentdiv2>p {
    user-select: text !important;
    -webkit-user-select: text !important;
    /*width: calc(100% - 70px);*/
    word-break: break-all;
}

.atv .semamigos {
    transition: 1.2s, opacity 2s;
    width: 100%;
    opacity: 1;
    transition-delay: 0.1s;
}

.semamigos {
    text-align: center;
    position: absolute;
    fill: grey;
    color: grey;
    opacity: 0;
    display: unset;
    z-index: -1;
    top: 10px;
}

.semamigos>svg {
    height: 26px;
    width: inherit;
}

.dashboard>div.acces {}

.novomenufiltro .corpo>select {
    padding: 0px;
    margin: auto;
}

.icn_1 {
    max-width: var(--tm);
    max-height: var(--tm);
    margin-right: 15px;
}

.icn_1>svg {
    fill: var(--cr1);
    stroke-width: 1px;
    object-fit: cover;
    stroke: var(--cr2);
    max-width: inherit;
    max-height: inherit;
    margin: 0 15px;
}

.icn_1:hover>svg {
    fill: var(--cr2);
    stroke: var(--cr1);
}

.icn_1>input {
    height: 0;
    width: 0;
    background: transparent;
    display: none;
}

.icn_1.tool.pointer+span {
    color: grey;
    font-size: 10px;
    margin-left: -35px;
    margin-top: 10px;
    display: block;
}

form:valid input[type="submit"] {
    pointer-events: all !important;
    opacity: 1 !important;
}

form input[type="submit"] {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.perfamz {
    width: 10px;
    height: 10px;
    background: #3a3a3a;
    padding: 3px;
    fill: #d6cdcd;
}

.lblinptnovo>label {
    width: 100%;
    display: contents;
}

.corpocontent.v2 {
    padding-bottom: 70px;
}

#formetapascontentformetapascontentmpaginfo.content,
#modalLAcPreContentformetapascontentmpaginfo.content {
    align-items: center;
    align-content: center;
    text-align: center;
}

#formetapascontentformetapascontentmpaginfo.content img,
#modalLAcPreContentformetapascontentmpaginfo.content img {
    padding: 20px;
    max-height: 55px;
    object-fit: contain;
}

#modalLAcPreContent {
    margin: 0px;
}

.msgxsx {
    display: grid;
    width: 100%;
    max-width: inherit;
    grid-template-columns: 45px auto;
    --vhMsg: 70vh;
    position: absolute;
    top: 5px;
    left: 5px;
    height: calc(100% - 10px);
}

.msgxsx>div:nth-child(2) {
    display: flex;
    height: var(--vhMsg);
    margin-left: 5px;
    height: calc(100vh - 90px);
    width: calc(100vw - 66px);
}

.msgxsx>div:nth-child(2)>div:nth-child(1) {
    height: 100%;
    flex: 1 300px;
    min-width: 230px;
    margin-right: 20px;
    max-width: 500px;
    overflow: auto;
}

.msgxsx.atv>div:nth-child(2)>div:nth-child(2) {
    position: absolute;
    transform: scaleX(1);
    width: calc(100% - 95px);
    z-index: 11;
    height: 100%;
    height: var(--vhMsg);
    right: 30px;
    transition: 0.4s;
    right: 0;
    width: calc(100% - 51px);
    height: 100%;
}

.msgxsx .back {
    opacity: 0 !important;
    pointer-events: none;
}

.msgxsx.atv .back {
    opacity: 0.9 !important;
    pointer-events: all;
}

.msgxsx>div:nth-child(2)>div:nth-child(2) {
    background: white;
    transition: 0.4s;
    transform-origin: right !important;
    width: 50%;
    width: 0px;
    transform: scaleX(0);
}

.msgxsx>div:nth-child(1)>span {
    fill: grey;
    margin: 1px;
    max-height: 40px;
    display: flex;
    transition: 0.2s;
    opacity: 0.8;
}

.msgxsx>div:nth-child(1)>span:hover {
    background: #1e6a8a;
    opacity: 0.9;
    fill: white;
    z-index: 35;
}

.msgxsx>div:nth-child(1)>span:hover>svg {
    padding: 8px;
}

.msgxsx>div:nth-child(1)>span>svg {
    max-height: inherit;
    max-width: inherit;
    padding: 5px;
    align-items: center;
    align-content: center;
    transition: 0.4s;
}

.msgxsxList:hover {
    background: #7da0d01c;
}

.msgxsxList:before {
    content: "";
    height: 35px;
    margin: 12px 0 12px 1px;
    position: absolute;
    border-left: 3px solid;
}

.msgxsxList>div:nth-child(2) {
    display: flex;
    gap: 2px;
}

.msgxsxList>div:nth-child(2) svg {
    width: 20px;
    padding: 6px;
    border-radius: 3px;
    height: 15px;
    fill: #393939;
}

.msgxsxList>div:nth-child(2) svg:hover {
    background: orangered;
    fill: white;
}

.msgxsxList {
    padding: 10px;
    position: relative;
    display: grid;
    transition: 0.4s;
    grid-template-columns: auto 85px;
}

.msgxsxList.a:before {
    border-color: orangered;
}

.msgxsxList.b:before {
    border-color: #1c86b1b5;
}

@media screen and (max-width: 400px) {
    .msgxsx>div:nth-child(1)>span {
        max-height: 40px;
        max-width: 40px;
        margin-right: 5px;
        transform: scale(0.9);
    }
    .msgxsx.atv>div:nth-child(2)>div:nth-child(2) {
        width: calc(100% - 85px);
        width: 100%;
        height: 100%;
    }
    .msgxsx>div:nth-child(2) {
        width: 95vw;
        height: calc(100% - 49px);
        left: 0;
        top: 45px;
        position: absolute;
    }
    .msgxsx>div:nth-child(1) {
        top: 1px;
        left: 4px;
        position: absolute;
        display: flex;
    }
}

@media screen and (min-width: 600px) {
    .msgxsx.atv .back {
        opacity: 0 !important;
        pointer-events: none;
    }
    .msgxsx.atv>div:nth-child(2)>div:nth-child(2),
    .msgxsx>div:nth-child(2)>div:nth-child(2) {
        width: calc(50% - 52px) !important;
        width: 60% !important;
        z-index: 11;
        height: initial;
        position: unset;
        transition: 0s;
    }
    .msgxsx>div:nth-child(2)>div:nth-child(2) {
        transform: scaleX(1);
        background-repeat: no-repeat;
        background-size: cover;
        width: 50%;
    }
    .msgxsx>div:nth-child(2)>div:nth-child(1) {
        max-width: 100%;
        width: 50%;
    }
}

.msgXsxCampo {
    display: grid;
    height: 100%;
    grid-template-rows: 60px auto 60px;
    width: calc(100% - 5px);
}

.msgXsxCampo1 {
    background: #ebe4e4;
    width: 100%;
    height: 60px;
    border-bottom: 1px dotted grey;
    align-items: center;
    display: flex;
}

.msgXsxCampo2 {
    background: #393939;
    width: 100%;
    background-image: var(--pattern0) !important;
}

.msgXsxCampo3 {
    background: #ebe4e4;
    width: 100%;
    height: 60px;
}

.msgXsxCampoForm {}

.query>textarea {}

@media only screen and (max-width: 600px) and (max-height: 400px) {
    .msgxsx {
        height: calc((var(--vh, 1vh) * 100) - 250px)
    }
}

.msgXsxCampoForm>div {
    background: white;
    max-height: 41px;
    width: calc(100% - 30px);
    display: grid;
    position: relative;
    --vlrMd: 35px;
    place-content: center;
    border-radius: 15px;
    place-items: center;
    margin: 12px;
    grid-template-columns: var(--vlrMd) calc(100% - (var(--vlrMd) * 2)) var(--vlrMd);
}

.msgXsxCampoForm>div>button {
    fill: grey;
}

.msgXsxCampoForm>div>button:hover {
    fill: orangered;
}

.msgXsxCampoForm>div>button,
.msgXsxCampoForm>div>input[type="submit"] {
    width: calc(var(--vlrMd) - 5px);
    height: calc(var(--vlrMd) - 5px);
    border-radius: 50%;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    text-align: center;
    display: block;
}

.msgXsxCampoForm>div>button>svg,
.msgXsxCampoForm>div>input[type="submit"]>svg {
    width: calc(var(--vlrMd) - 15px);
    height: calc(var(--vlrMd) - 15px);
}

.msgXsxCampoForm>div>button:hover {
    background: #ebe4e4;
    cursor: pointer;
}

.msgXsxCampoForm>div>textArea {
    border: none;
    width: 98%;
    resize: none;
    font-size: 10px !important;
    height: 30px !important;
}

.msgXsxCampoForm>div>textArea:focus {
    height: calc(var(--vlrMd) - 5px) !important;
    font-size: 10px !important;
}

.msgXsxCampoForm>div>input[type="submit"],
.msgXsxCampoForm>div>button[type="submit"] {
    background: grey;
    place-content: center;
    place-items: center;
    display: flex;
    padding: 7px;
}

.msgXsxCampoForm>div>input[type="submit"]>svg,
.msgXsxCampoForm>div>button[type="submit"]>svg {
    fill: white;
}

div.formscamposmedios>input[type=text].formsadm {
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}

.flx.content.or_cnt>.icocont.pointer {
    margin: 10PX 5px;
    border: 1px solid;
    clip-rule: evenodd;
    color: #e3e5e3;
    --cut: 15px;
    flex: 1 180px;
    padding: 1px;
}

.btn_vid {
    width: 200px;
    background-color: black;
    color: white;
    font-size: 1.5vh;
    font-family: helvetica;
    text-transform: uppercase;
    border-radius: 50px;
    border: none;
    padding: 15px 20px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
    position: fixed;
    bottom: 30px;
    left: calc(50% - 100px);
    z-index: 6;
    display: none;
}

.elementvalid2 {
    z-index: 3;
}

.elementvalid3 {
    z-index: 2;
}

.elementvalid4 {
    z-index: 1;
}

.elementvalid1,
.elementvalid2,
.elementvalid3,
.elementvalid4 {
    position: fixed;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

#btnsend {
    background: rgb(6, 132, 216);
}

#btnstop,
#btnsend {
    display: none;
}

.tooltip {
    width: fit-content;
    left: -50px;
    margin-bottom: -15px;
    right: -50px;
    margin-left: auto;
    margin-right: auto;
}

.validGender>fieldset {
    display: block;
    padding: 15px;
    color: grey !important;
    margin-top: -20px;
}

.validPreview.prev {
    background: #00000012;
    border: 5px dotted;
    min-height: 200px;
}

.validPreview.prev::before {
    content: "";
    width: var(--perc);
    transition: 0.1s;
    position: absolute;
    transition-delay: 0.1s;
    left: 0;
    top: 0;
    height: 5px;
    background: #008000a3;
}

.validPreview {
    padding: 10px;
    display: grid;
    flex-wrap: wrap;
    width: 100%;
    width: calc(100% - 30px);
    max-height: 200px;
    align-items: center;
    justify-content: center;
}

.validPreview>video,
.validPreview>img {
    object-fit: contain;
    max-height: inherit;
    position: relative;
    width: fit-content;
    width: calc(100% - 20px);
}

.sep {
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: center;
    position: relative;
    color: grey;
    height: 2px;
    margin: 20px 10px 30px 10px;
    line-height: 5px;
}

.sep::before {
    left: 0;
}

.sep::before,
.sep::after {
    content: "";
    width: 40%;
    height: 2px;
    background: #00000070;
    position: absolute;
}

.sep::after {
    right: 0;
}

.ico_atv.perffoto::before {
    left: 10% !important;
    top: 10% !important;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito label {
    display: block;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito {
    display: flex !important;
    padding: 3px !important;
    gap: 5px;
    flex-wrap: wrap !important;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito div>label {
    border: 1px dotted #0000001f !important;
    padding: 3px !important;
    margin: 5px 5px 5px 15px!important;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito>div {
    border: 1px solid #0000001f !important;
    display: block;
    padding: 3px !important;
    width: auto;
    flex: auto;
    margin: 3px !important;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito>div>div {
    display: flex;
    padding: 3px !important;
    flex-wrap: wrap;
    margin: 3px !important;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito>.formregistoprefsamztipos.suptextos label>input {
    accent-color: green;
}

.novomenufiltro>.botoes>span.atv~.corpo>.coluna-contentor-monolito label {
    border: 1px dotted !important;
}

.viewcht {
    height: calc(var(--vhViewer) - 40px) !important;
    padding-bottom: 25px;
}

.botoes.flx>.corpo.flx>span.tag_1.pointer.c_2>svg {
    margin: -7px !important;
    width: inherit;
    padding: 5px;
}

div.novomenufiltro+input[type="submit"].btn_3.c_12.pointer.atv:hover {
    border: 1px solid !important;
}

div.novomenufiltro+input[type="submit"].btn_3.c_12.pointer.atv,
.novomenufiltro~.btn_3.c_12.atv {
    background: #00800014 !important;
    border-color: green !important;
    color: green;
    border: 1px dotted !important;
    margin: 20px auto 5px auto;
    width: 100%;
}

.fundo_anim_log.logo_dst>.campo_log .contact {
    display: none;
}

.contact {
    background: #4c6991;
    padding: 10px;
    color: white;
    top: 515px;
    position: fixed;
}

.menusNavToggle {
    z-index: 60 !important;
}

.pt2_fundo_logo.logo_dst svg,
.pt2_fundo_logo.logo_dst svg>use {
    -webkit-animation: animsDst 3s;
    animation: animsDst 3s;
}

.pt2_fundo_logo svg,
.pt2_fundo_logo svg>use {
    stroke-width: 0.01px;
}

.pt2_fundo_logo.logo_atv svg,
.pt2_fundo_logo.logo_atv svg>use {
    --animfill: white;
    --animtam: 1px;
    fill: none;
    stroke-width: 0.01px;
    stroke-linejoin: round;
    stroke-dasharray: 69 32;
    stroke-dashoffset: 15;
    stroke: var(--animfill);
    transition: 0.4s;
    -webkit-animation: animstroke 3s infinite;
    animation: animstroke 3s infinite;
}

@-webkit-keyrgb(255, 255, 255)imstroke {
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 0 1;
    }
}

@keyframes animstroke {
    100% {
        stroke-dashoffset: 2.05;
        stroke-dasharray: 2 0;
    }
}

@media only screen and (max-width: 900px) {
    @keyframes animsDst {
        50% {
            opacity: inherit;
        }
        100% {
            opacity: 0;
        }
    }
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
.viewcht>.spntit>span {
    display: none;
}

/*
.spntit {
    width: 90%;
}
*/

@media print {
    body {
        height: 0px !important;
        width: 0px !important;
        display: none !important;
        color: white !important;
        background: white !important;
    }
}

.corpo.flx .file svg {
    max-height: 20px;
}

.btn_3.c_7.pointer {
    padding: 10px;
    text-transform: uppercase;
    border: 0px;
    margin: 5px;
    font-size: 12px;
}

.idcoment .optcontent {
    margin-left: calc(100% - 10px);
    margin-bottom: -15px;
    position: relative;
}

.data {
    margin-left: -40px;
    font-size: 12px;
    color: grey;
    align-content: stretch;
}

.idcoment .optcontentmenu>div {
    top: calc(var(--elmtop) - 25px) !important;
    left: calc(var(--elmleft) + 15px) !important;
}

.viewcht.scrollbar .idcoment .optcontentmenu>div {
    top: calc(var(--elmtop) - 375px) !important;
    left: calc(var(--elmleft) + 15px) !important;
}

.optcontentmenu.atv>div {
    top: calc(var(--elmtop) - 25px);
    left: calc(var(--elmleft) + 15px);
}

.pointer.msgxsxList>div>p {
    width: calc( 100% + 95px);
    overflow: hidden;
}

.pointer.msgxsxList>div>p>span {
    font-size: 10px;
    opacity: 0.7;
}

.pointer.msgxsxList>div>p>p {
    font-size: 11px;
}

.msgcxformconv {
    position: fixed !important;
    width: 100vw !important;
    z-index: 101 !important;
    height: calc((var(--vh) * 100) - 61px) !important;
}

.msgcxformconv>.chatconversamsglista.scrollbar {
    height: calc(100% - 200px) !important;
}

.convcxmsg>div:nth-child(2)>svg {
    width: inherit;
    opacity: 0.5;
    height: inherit;
    margin: 5px;
}

.convcxmsg.lido:hover {
    clip-path: polygon(20px 0px, 100% 0px, 100% 100%, 100% 100%, 0px 100%, 0px 20px);
}

.convcxmsg.lido {
    opacity: 0.9;
    margin-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    filter: drop-shadow(0px 0px 0px transparent) !important;
    background-color: #f7f9fb;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 100% 100%, 0px 100%, 0px 0px);
}

.convcxmsg.a>div:nth-child(2) {
    fill: orangered;
}

.convcxmsg.b>div:nth-child(2) {
    fill: #1c86b1b5;
}

.convcxmsg>div:nth-child(2) {
    top: 5px;
    width: 30px;
    float: unset !important;
    height: 30px;
    position: absolute;
    right: 5px;
    align-items: center;
    align-content: center;
    display: flex;
}

.convcxmsg>div:nth-child(3) {
    float: unset !important;
    margin: 0px !important;
    font-size: 10px;
    width: fit-content !important;
    color: grey;
    opacity: 0.8;
}

.convcxmsg>div:nth-child(4) {
    opacity: 0.9;
    padding: 0;
    margin: 10px 0 0 0;
}

.convcxmsg>div:nth-child(5) {
    max-height: 30px;
    max-width: 70px;
    margin: 0;
    float: right;
    margin-top: 10px;
    display: flex;
}

.convcxmsg>div:nth-child(5)>span {
    width: 30px;
    padding: 6px;
    height: inherit;
    display: flex;
    opacity: 0.8;
    transition: 0.4s;
    fill: #060606d6;
}

.convcxmsg>div:nth-child(5)>span:hover {
    background: #0606061c;
    opacity: 1;
    fill: orangered;
    transition: 1s;
}

.convcxmsg {
    margin-top: -13px !important;
    position: relative;
    transition: 0.4s;
    cursor: pointer;
    padding-right: 20px;
}

.convcxmsg.a {
    border-left: 5px solid orangered;
}

.convcxmsg.b {
    border-left: 5px solid #1c86b1b5;
}

.convcxmsg.a>div:nth-child(4) {
    color: orangered;
}

.convcxmsg.b>div:nth-child(4) {
    color: #1c86b1b5;
}

.botoes.flx.search {
    display: flex;
    flex-wrap: wrap;
}

.botoes.flx.search>input[type="text"] {
    border-radius: 1px;
    border-color: grey;
    --varL: calc(100% - 100px);
    width: var(--varL) !important;
    max-width: var(--varL) !important;
    min-width: var(--varL) !important;
}

.botoes.flx.search>input[type="submit"] {
    width: 100px;
    max-width: 50px;
    padding: 5px;
}

.msgcxformconv>.emoji.scrollbar.atv {
    transform: scaleY(1);
}

.msgcxformconv>.emoji.scrollbar {
    position: absolute;
    z-index: 100000;
    display: flex;
    flex-wrap: wrap;
    background: white;
    height: 190px;
    width: calc(100% - 30px);
    top: calc(100% - 285px);
    bottom: 0;
    padding: 15px !important;
    transition: 0.4s;
    transform-origin: bottom !important;
    transform: scaleY(0);
}

.msgcxformconv>.emoji.scrollbar.atv>span {
    padding: 10px;
    width: 20px;
    height: 20px;
    background: whitesmoke;
    margin: 1px;
    font-size: 18px;
    text-align: center;
    transition: 0.4s;
}

.nosvg.cardmenu>div:nth-child(2),
.nosvg.cardmenu>div:nth-child(2)>h2 {
    overflow: unset !important;
    display: grid;
    text-overflow: unset;
    white-space: unset;
}

.cardmenu.pointer.nosvg {
    display: table;
    height: auto;
}

.comentcontentdiv1.video,
.albcontent.video {
    background-image: var(--svgLoader);
}

.novomenufiltro>.botoes>span {
    z-index: 1;
}

.msgcxformconv>div.subtitulos.chatconversatopo+div>button.conversabtnvermaisbtn {
    width: 100% !important;
}

.contentforform2>img,
.contentforform2>video {
    display: block;
    margin: 0 auto !important;
}

.content.c_7.valid>p,
.contentforform2.valid>p {
    margin: 5px !important;
}

.convcxmsg.b:hover {
    filter: drop-shadow(0px -2px 9px grey);
    z-index: 1;
}

.convcxmsg.a:hover {
    filter: drop-shadow(0px 7px 9px grey);
    z-index: 1;
}

.convcxmsg>div>img {
    height: 50px;
    width: 50px;
    border: 2px solid transparent;
    margin: 5px;
    transition: 0.4s;
}

.convcxmsg.b>div>img:hover {
    border-color: #5ca7c7;
}

.convcxmsg.a>div>img:hover {
    border-color: orangered;
}

.imgspropriassellista {
    background: #00000005;
    border: 0.5px dotted grey;
}

.imgspropriasvermaisbtn {
    background: orangered;
    color: white;
    outline: none;
    border: 0px;
    margin: 5px auto;
    padding: 5px 10px;
}

.btnchat[data-count="0"]::before,
.btnchat[data-count=""]::before {
    display: inherit !important;
    transform: scale(0);
}

.autocompletetags>input[type=text].formsadm:focus {
    border: 1px solid #2081a7;
    transition: 0.4s;
    color: #2081a7;
    font-weight: bold;
}

input[type=text].formsadm:focus {
    border-color: inherit;
    color: inherit;
}

.autor h7 {
    display: flex;
    height: 17px;
    margin-bottom: -15px;
    margin-left: 5px;
    padding: 0 5px;
}

.dashboard>div.card {
    line-height: 20px;
}

.idcoment img {
    max-height: 200px;
}

.bgauto1,
div.chatconversamsglista {
    --s: 15px;
    --_g: #0000 83%, #00000012 85% 99%, #0000 101%;
    background: radial-gradient(27% 29% at right, var(--_g)) calc(var(--s)/ 2) var(--s), radial-gradient(27% 29% at left, var(--_g)) calc(var(--s)/-2) var(--s), radial-gradient(29% 27% at top, var(--_g)) 0 calc(var(--s)/ 2), radial-gradient(29% 27% at bottom, var(--_g)) 0 calc(var(--s)/-2) #f7f8ff !important;
    background-size: calc(2*var(--s)) calc(2*var(--s)) !important;
}

.bgauto2,
.msgcxformconv div.chatconversamsglista {
    --u: 3px;
    --c1: #1d262a0f;
    --c2: #191f2221;
    --c3: #18181a17;
    --c4: #2b393f24;
    --c5: rgb(33 44 48 / 14%);
    --gp: 50%/ calc(var(--u) * 9) calc(var(--u) * 20);
    --bp: calc(var(--u) * -4.5) calc(var(--u) * -10);
    --bg: conic-gradient(from -45deg at 50% 11.2%, var(--c3) 0 45deg, var(--c2) 0 90deg, #fff0 0 100%) var(--gp), conic-gradient(from -45deg at 50% 22.65%, var(--c1) 0 45deg, var(--c5) 0 90deg, #fff0 0 100%) var(--gp), conic-gradient(from 45deg at 75% 50%, var(--c3) 0 45deg, #fff0 0 100%) var(--gp), conic-gradient(from 45deg at 75% 50%, var(--c3) 0 45deg, #fff0 0 100%) var(--gp), conic-gradient(from 270deg at 25% 50%, var(--c2) 0 45deg, #fff0 0 100%) var(--gp), conic-gradient(from 270deg at 50% 50%, var(--c4) 0 45deg, var(--c3) 0 66deg, var(--c2) 0 90deg, var(--c3) 0 114deg, var(--c2) 0 135deg, var(--c5) 0 180deg, #fff0 0 100%) var(--gp);
    background: var(--bg), var(--bg) !important;
    background-position: var(--bp), var(--bp), var(--bp), var(--bp), var(--bp), var(--bp), 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
}

.help>.helpcontent {
    border-left: 5px solid #052340;
    margin-top: -10px;
    background: #1587d9;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.pack2 {
    --tw-gradient-to: #f87171;
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to);
    --tw-gradient-from: #c084fc;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    animation: spin 1s linear infinite;
    border-radius: 50%;
}

.pack2:before {
    content: "";
    position: absolute;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    border-radius: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-y: -50%;
}

.helpcontent ul {
    list-style: circle;
}

.helpcontent ul>li {
    padding-left: 5px;
    margin-left: 15px;
}

.helpcontent ul>li>p {
    margin-left: 10px;
}

.viewer.atv {
    transition: 0.8s;
}

.terms {
    counter-reset: section;
}

.terms p {
    margin: 20px;
    list-style: lower-alpha;
    text-align: justify;
}

.terms p.link::before {
    counter-increment: section;
    content: "* " counter(section) ". ";
}

.terms p.link {
    margin: 5px;
    text-transform: lowercase;
    display: table;
}

.terms p>h2 {
    text-transform: uppercase;
    text-align: center;
    color: black;
    font-weight: bold;
    margin-top: 40px;
    padding-top: 20px;
}

.terms p>span {
    font-size: 11px;
    margin-bottom: 20px;
    display: block;
    text-align: right;
}

.terms p>ul {
    margin: 10px;
    line-height: 15px;
}

.terms p>ul>li {
    text-transform: initial;
}

.terms p>ul>li>ul>li {
    list-style: lower-alpha;
    margin-left: 10px;
}

.terms p>ul>li>ul {
    margin-bottom: 10px;
}

.terms p>ul>p {
    margin: 5px 0px;
    line-height: 15px;
    margin-left: -20px;
}

.terms p>ul>li::marker {
    font-weight: bold;
}

.link:hover {
    color: var(--linkcor);
}

.link {
    color: initial;
}

.msgcxformconv>form textarea {
    width: -moz-available;
    width: -webkit-fill-available;
    margin: 5px;
    left: 3px;
}

.msgcxformconv>form>div.chatmsginputdiv {
    display: block;
    margin: 7px 0;
    height: 100px;
    width: calc(100% - 90px) !important;
}

.msgcxformconv>form .msganexosdiv {
    width: 35px;
    height: 115px;
    display: inline-block;
    float: left;
}

.msgcxformconv>form .msganexosdiv>button {
    display: block;
    margin: 5px;
}

@media only screen and (max-height: 400px) and (max-width: 600px) {
    .msgcxformconv>form .btnmsgenv {
        bottom: 0px;
        position: fixed;
    }
}

.chatmsganx {
    display: contents !important;
}

.autor h5>span {
    word-break: break-all;
    overflow: hidden;
    max-width: 100px;
    min-width: 75px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: initial;
}

.autor h5+h6>img {
    height: 15px !important;
    margin: -5px 3px !important;
}

.autor h5 h7>svg {
    max-height: 15px;
    max-width: 15px;
    margin: -5px 3px !important;
    background: transparent;
    fill: #ff9b00;
}

.autor h5 h7>svg:hover {
    fill: orangered;
}

.idcoment h7>img {
    margin-left: unset !important;
}

.anx.atv .optcontentmenu.atv {
    top: 0px
}

.anx.atv .optcontentmenu.atv>div {
    top: calc(var(--elmtop) + 90px) !important;
    left: calc(var(--elmleft) + 15px) !important;
}

@media screen and (min-width: 900px) {
    .anx.atv .idcoment:before {
        margin-left: -20px !important;
        margin-top: -20px !important;
    }
}

.helpcontent.serach .helptitulo {
    display: none;
}

.helpcontent.serach .help>legend {
    line-height: 10px;
    padding: 10px;
}

.helpcontent.serach .help>legend textarea {
    margin: 3px;
    height: 20px;
}

.helpcontent.serach .help>legend span.btn_2.c_9.pointer {
    padding: 5px;
    margin: 5px;
}

.estadocontacto {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.estado_0 {
    border-left: 5px solid var(--c_4);
}

.estado_1 {
    border-left: 5px solid var(--c_10);
}

.estado_2 {
    border-left: 5px solid var(--c_12);
}

.estado_3 {
    border-left: 5px solid var(--c_p);
}

.estado_0>svg {
    background: var(--c_4);
}

.estado_1>svg {
    background: var(--c_10);
}

.estado_2>svg {
    background: var(--c_12);
}

.estado_3>svg {
    background: var(--c_p);
}

.estado_0,
.estado_1,
.estado_2,
.estado_3 {
    fill: white;
    flex: 1 300px;
    margin: 5px;
}

.estado_0>svg,
.estado_1>svg,
.estado_2>svg,
.estado_3>svg {
    opacity: 0.5;
    width: 20px;
    height: 20px;
    padding: 5px;
    margin-left: -10px;
    margin-top: -10px;
}

.estado_0>div,
.estado_1>div,
.estado_2>div,
.estado_3>div {
    align-items: center;
    word-break: break-word;
}

.estado_0>div>div,
.estado_1>div>div,
.estado_2>div>div,
.estado_3>div>div {
    align-items: center;
    word-break: break-word;
}

.estado_1>div:nth-child(2),
.estado_2>div:nth-child(2) {}

.etd {
    width: calc(100% - 25px);
    float: right;
}

.etd_pergtxt {
    font-weight: bold;
}

.etd_data,
.etd_pergdata {
    color: black;
    opacity: 0.7;
    text-align: right;
    margin: 5px 5px 10px 5px;
    font-size: 10px;
    word-break: unset !important;
}

.etd_resptxt {
    color: green;
    text-align: right;
    padding-top: 15px;
    padding-left: 15px;
}

.estado_0 .etd_respdata {
    background: var(--c_4);
}

.estado_1 .etd_respdata {
    background: var(--c_10);
}

.estado_2 .etd_respdata {
    background: var(--c_12);
}

.estado_3 .etd_respdata {
    background: var(--c_p);
}

.etd_respdata {
    color: white;
    padding: 4px;
    font-size: 9px;
    right: 0;
    text-transform: lowercase;
    float: right;
    margin-bottom: -10px;
    margin-right: -10px;
}

.etd_data {
    color: var(--c_12);
    opacity: 1;
    font-weight: bold;
}

#contactofrmdiv>form>div {
    display: grid;
}

#contactofrmdiv textarea {
    resize: none;
    margin: 10px 0;
    height: 100px;
}

#contactofrmdiv select {
    padding: 5px;
    color: grey;
    margin-left: -10px;
}

#contactofrmdiv input.campo_input.v2 {
    color: black;
    border: 0px;
    border-radius: 0;
    resize: none;
    margin: 0px;
    border: 1px solid grey;
    background: unset !important;
}

#contactofrmdiv input[type=submit] {
    background: orangered;
    color: white;
    border-color: orangered !important;
}

.down {
    position: absolute;
    top: 60px;
    width: 30px;
    height: 30px;
    padding: 5px 10px 5px 10px;
    background: transparent;
    fill: orangered;
    display: flex;
    transition: 0.4s;
    border-radius: 0 5px 5px 0;
    margin-top: 5px;
    opacity: 0.5;
}

.down:hover {
    fill: white;
    background: orangered;
    opacity: 1;
    transition-delay: 0.5s;
    padding: 5px 10px 5px 30px;
    transition-property: padding;
}

.v2 .contentforform2 {
    overflow: unset;
}

.v2 .contentforform2 .tool {
    margin: 10px;
    margin-top: -50px;
    float: right;
}

.content.anun .spntit {
    width: 100%;
    max-height: 50px;
}

.content .content.anun>div>img.imgcontent.pointer.hoverzoom.video {
    margin: 10px auto;
    display: block;
}

.novomenufiltro>.botoes>span>img {
    max-width: 25px;
    max-height: 25px;
    width: unset;
    height: unset;
}

.perffoto {
    background-position: center !important;
    background-repeat: no-repeat;
}

.bloconome>p>span>img {
    max-height: 18px;
}

.coment>.transferencia:hover+transferencia {
    position: relative;
}

.chatresumo span {
    display: flex;
    height: 20px;
}

.chatresumo span>svg {
    margin-top: 4px;
    fill: grey;
}

.pt2_fundo_logo.logo_dst div,
.pt2_fundo_logo.logo_atv div {
    background: var(--c_a);
    filter: drop-shadow(0px 0px 0px transparent);
}

.pt2_fundo_logo svg {
    filter: drop-shadow(2px 4px 6px black);
}

.pt2_fundo_logo svg,
.pt2_fundo_logo svg>use {
    margin-top: 20px;
    margin-left: calc(50% - 90px);
}

.pt2_fundo_logo div {
    background: transparent;
    filter: drop-shadow(2px 4px 6px black);
    margin-top: 8px;
    margin-left: calc(50% - 100px);
}

h5#campo_log_4 {
    margin-top: 50px !important;
    line-height: 15px !important;
    font-size: 11px !important;
    text-transform: none !important;
}

.idioma {
    width: 280px;
    margin-left: 0px;
    background: transparent;
    display: block;
}

.idioma>img {
    opacity: 0;
    visibility: hidden;
    float: left;
    margin-right: 20px;
}

.idioma>div {
    background: black;
    align-items: center;
    padding: 1px 10px 1px 0px;
    align-content: center;
    display: flex;
    width: fit-content;
    border-radius: 15px;
    float: right;
}

.idioma>div>svg {
    height: 20px;
    padding: 2px 10px 2px 5px;
    width: 20px;
}

.idioma>div>select {
    background: transparent;
    border: 0px solid transparent !important;
    color: white;
}

.idioma>div>select>option {
    color: grey;
}

.idioma>div>select>option:first {
    color: white;
}

@media only screen and (max-height: 400px) {
    .idioma {
        display: none !important;
    }
}

.autorcoment>p,
.autorcoment>p,
.chatmsgcontentor,
.comentcontentdiv2>p {
    word-break: break-word;
}

.titcontent.worko {
    padding: 5px 10px !important;
}

.divInfo {
    height: 0px;
    width: inherit;
    position: inherit;
    display: block;
    align-content: end;
    margin: 0px !important;
    align-items: end;
    padding: 0px;
}

details.v0 {
    position: relative;
}

details.v1 {
    position: static;
}

details.v2 {
    position: sticky;
}

details.v3 {
    position: unset;
}

details {
    padding: 3px !important;
    background: #fff;
    position: absolute;
    color: grey;
    margin: -2px 15px;
    line-height: 5px;
    width: max-content;
    border-radius: 20px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 10px;
    transition: 0.4s;
    right: 10px;
    overflow: unset !important;
    text-align: left;
}

details>p {
    padding: 5px 0;
    max-width: 150px;
    line-height: 15px;
    font-weight: 500;
    color: black;
    margin-top: -15px;
}

details>summary+p.n {
    margin-top: -10px;
}

details>p.n+p {
    margin-top: 5px;
}

details>p.n {
    line-height: 15px;
    font-weight: bold;
    color: black;
    margin-bottom: -5px;
    font-size: 11px;
    margin-top: 15px;
}

details[open]>summary {
    background: white;
    margin-bottom: 15px;
}

details>summary {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    gap: 10px;
    font-size: 12px;
    color: black;
    width: -moz-available;
    width: -webkit-fill-available;
    position: sticky;
    top: -5px;
}

details>summary:before {
    content: 'i';
    list-style-type: none;
    background: #2e568d;
    display: flex;
    padding: 5px;
    text-align: left;
    border-radius: 50%;
    color: white;
    width: 15px;
    height: 15px;
    font-weight: 600;
    font-size: 12px;
    place-items: center;
    text-transform: initial;
    place-content: center;
}

details[open]>summary:before {
    content: 'i';
    margin-right: 10px;
}

details[open] {
    border-radius: 5px;
    border: 1px solid #80808054;
    z-index: 100;
    padding: 5px 15px !important;
    overflow: scroll !important;
    max-height: 500px;
    text-transform: none;
}

details+.fundo_details {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    transform: scale(0);
}

details[open]+.fundo_details {
    transform: scale(1);
}

.sexo_C {
    background-color: #008026;
}

.sexo_F {
    background-color: #a510a8;
}

.sexo_M {
    background-color: #1683f4;
}

.sexo_N {
    -webkit-animation-name: color-transition;
    animation-name: color-transition;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.sexo_T {
    background: linear-gradient(90deg, #1683f4, #a510a8) !important;
}

@keyframes color-transition {
    0% {
        background-color: #ff0000;
    }
    20% {
        background-color: #9dff00;
    }
    40% {
        background-color: #00ff59;
    }
    60% {
        background-color: #0033fe;
    }
    80% {
        background-color: #ff00ff;
    }
    100% {
        background-color: #ff0000;
    }
}

.notific {
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
}

.notific .autorcoment>.meetTit {}

.notific .autorcoment {
    flex: 1 300px;
}

.notific .autorcoment>.meetTit+.comentcontent {
    padding: 20px 10px 10px 10px;
    text-align: center;
    display: block !important;
    margin-bottom: 0px;
}

.seletor {
    padding: 20px 0px 10px 10px;
    width: calc(100% - 20px);
    margin: 0px;
}

.convcxmsg .tooltip {
    margin-bottom: 55px;
    margin-left: -30px;
}

.WordSection1 b {
    font-weight: bold;
    margin-left: 0px;
}

@media only screen and (max-height: 400px) and (max-width: 600px) {
    .modaldivconteudo .coment>textarea:focus {
        height: 80vh !important;
        top: 0 !important;
        max-height: calc(100vh - 105px) !important;
    }
}

.ico_c {
    margin: 0 auto !important;
    width: fit-content;
}

.pubsgalCardBooklvazia>svg {
    fill: #00000029;
    max-height: 40px;
    margin: 15px;
}

.rankA {
    max-height: 30px;
    margin: 3px;
}

.rankList {
    overflow: hidden;
    height: 35px;
    width: 100%;
}

.rankList.atv {
    overflow: unset;
    height: auto;
}

.scoreTable tr {
    display: grid;
    grid-template-columns: auto 30px 30px;
    width: 100%;
    text-align: left;
    gap: 2px;
}

.scoreTable {
    width: 100%;
    text-transform: uppercase;
}

@media screen and (min-width: 600px) {
    .dashWidth {
        min-width: calc(100% - 50px);
    }
}

.linha>maxlength,
.chatmsginputdiv>maxlength,
.coment>maxlength {
    color: black;
    background: white;
    padding: 2px;
    margin-right: 5px;
    margin-top: -2px;
}

.chatmsginputdiv>.txtmsgenv {
    height: 28px;
}

load {
    background: transparent;
}

load.atv {
    background: #00000047;
}

load>svg {
    fill: white;
    filter: drop-shadow(2px 4px 6px grey);
}

.coment2_p>img {
    width: -moz-available;
}

.imgnews {
    max-width: 35px;
    margin-bottom: 20px;
}

.content_book.v2 {
    display: flex;
    flex-wrap: wrap;
}

.content_book.v2>div {
    flex: 1 0 120px;
}

.formradios>label:hover {
    color: #005b80;
    filter: drop-shadow(2px 4px 6px grey);
    font-weight: bold;
}

.formradios>label {
    gap: 20px;
    display: flex;
    transition: 0.4s;
}

.formradios>label>input {
    accent-color: #005b80;
}

.sld_home.txt .tela_zoom.atv {
    height: calc(100vh - 60px) !important;
}

.sld_home.txt .tela_zoom {
    background: white;
    display: inherit;
    /* flex-wrap: wrap; */
    text-align: justify;
    padding: 0 15px;
    line-height: 24px;
    cursor: default !important;
}

.sld_home.txt .tela_zoom>p {
    font-family: sans-serif !important;
    color: black;
    margin: 5px !important;
    padding: 5px 0;
    background: transparent;
    line-height: 30px;
    font-size: 20px;
    display: block;
    position: initial;
    min-height: unset;
    word-break: break-word;
}

.sld_home.txt .tela_zoom>p:nth-child(1)::first-letter {
    text-transform: uppercase !important;
    font-size: 3em !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 9px;
    color: white;
    background: #0072ed;
    border-left: 5px solid #024f72;
    padding: 0px 15px;
}

.sld_home.txt .tela_zoom>p:nth-child(1) {
    margin-top: 50px !important;
}

.sld_home.txt+div.viewcht .autorcoment {
    margin-top: -25px !important;
    padding: 0px !important;
    height: 0;
    overflow: hidden;
    border-color: transparent;
}

.sld_home.txt .viewcht.scrollbar {
    filter: drop-shadow(0px 1px 18px black);
}

.infoUserGal {
    /* display: flex; */
    gap: 10px;
    align-items: center;
    padding: 10px;
    display: inline-flex;
    align-content: center;
}

.infoUserGal>span {
    text-transform: none;
    font-weight: bold;
    font-size: 13px;
    max-width: 100px;
}

.infoUserGal>svg {
    /* padding: 3px; */
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    align-content: center;
    stroke-width: 3px;
    border-radius: 50%;
    fill: white;
    display: table-caption;
    align-items: center;
    place-content: center;
    place-items: center;
    /* text-align: center; */
}

.totalGal {
    margin-left: 2px;
    position: absolute;
    z-index: 1;
    background: #2081a7;
    position: absolute;
    color: white;
    border: 4px solid;
    place-items: center;
    place-content: center;
    margin-top: -40px;
    display: inline-flex;
    font-size: 10px;
    /* float: right; */
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.break {
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.defnpermenvmsg {
    background: var(--c_4);
    color: white;
    font-size: 16px;
    height: 45px;
    width: calc(100% - 20px);
    display: grid;
    place-content: center;
    padding: 10px;
    place-items: center;
    text-align: center;
}

#thumbviewer:hover {
    pointer-events: all;
}

#thumbviewer:hover+.thumbviewer2 {
    opacity: 1 !important;
}

.tela_zoom:hover .thumbviewer2 {
    opacity: 1;
}

.thumbviewer2 {
    width: 340px;
    height: 340px;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    position: absolute;
    opacity: 0;
    border: 4px solid whitesmoke;
    z-index: 99;
    border-radius: 100%;
    display: block;
    background-repeat: no-repeat;
    transition: opacity .2s;
}

.msgcxformconv .chatmsginputdiv>.txtmsgenv {
    height: 70px;
}

.cardmenu.pointer>p {
    margin: 18px 0;
}

.pesqPerc {
    display: flex;
    border: 1px solid grey;
    flex-wrap: wrap;
    /*font-size: 15px;*/
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    height: fit-content;
}

.pesqPerc>label.atv {
    background: yellow;
    border-color: white;
}

.pesqPerc>label {
    /*padding: 8px;*/
    padding: 6px;
    margin: 0;
    border: 1px solid grey;
}

.pesqPerc>label>input {
    display: none;
}

.sepUtils.novoseptopo svg {
    fill: grey;
    max-height: 25px;
}

.sepUtils.linha svg {
    fill: grey;
    max-height: 25px;
}

.sepUtilsFiltro {
    display: flex;
    flex-wrap: wrap;
    border: 1px dotted grey;
    margin: -5px;
}

.sepUtilsFiltro .corpo {
    max-height: 30px;
    max-width: 260px !important;
    padding: 5px;
    margin: 5px 15px;
    flex: 1 auto;
    display: initial;
}

.sepUtilsFiltro .corpo.labelmarcadesmarca>label {
    background: white !important;
    margin: 0 3px;
    padding: 5px 10px;
}

.sepUtilsFiltro .corpo select {
    margin: 5px;
}

.sepUtilsFiltro .corpo.labelmarcadesmarca>label:has(input:checked):before,
.sepUtilsFiltro .corpo.labelmarcadesmarca>label.atv:before {
    content: '\2713';
    color: green;
    font-size: 28px;
    margin-top: -15px;
    display: inline-block;
    transform: scale(1);
    position: absolute;
    margin-top: -10px;
    margin-left: -12px;
}

.sepUtils.novoseptopo {
    margin-bottom: 15px;
}

.sepUtils.linha {
    height: 45px;
    width: 100%;
    /* display: contents; */
    margin: 0 0 10px 0;
    align-items: center;
    align-content: center;
    place-content: center;
    place-items: center;
    /* padding-bottom: 10px; */
    display: block;
}

.sepUtilsFiltro input.btn_3.c_12.pointer {
    width: 100% !important;
    flex: 100%;
    padding: 5px;
    color: white;
    background: green;
    border: 1px solid #004f00 !important;
}

.sepUtils.linha>div>span>select {
    max-width: 150px;
}

.sepUtils.linha>div>span {
    display: inline-block;
    place-items: center;
}

.sepUtils.novoseptopo>div>span>select {
    max-width: 150px;
}

.sepUtils.linha>div {
    /* items: 2; */
    height: inherit;
    place-content: center;
    place-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
}

.sepUtils.novoseptopo>div {
    display: flex;
    flex-wrap: wrap;
    height: inherit;
    height: 25px;
    place-content: center;
    place-items: center;
    padding: 3px;
    min-width: calc(20% - 23px) !important;
    /*max-width: 150px !important;*/
    /* gap: 2px; */
    display: contents;
    margin: 0;
    flex: 1 0 auto;
    /* align-items: center; */
    /* align-content: center; */
}

.sepUtils.novoseptopo>div>input[type="submit"] {
    min-width: 100%;
}

svg.iconeapresentacao {
    border-radius: unset;
    background: transparent;
    fill: green;
}

.sepUtilsFiltro .corpo.labelmarcadesmarca>span {
    color: white;
    display: block;
    padding: 1px 10px;
    border: 1px solid;
    border-radius: 15px;
    margin-top: -15px;
    margin-bottom: 15px;
    background: #77857b;
}

.flx.content.or_cnt.v2 {
    padding: 5px;
}

.flx.content.or_cnt.v2>.icocont.pointer {
    margin: 3px;
}

.icocont.pointer {
    /*flex: 1 150px !important;*/
    flex: 1 200px !important;
}

.icocont .autor h5+h6>img {
    height: 12px !important;
    margin: -5px 1px !important;
}

.icocont>.autor h7 {
    margin: -5px 0 0 5px;
    flex-wrap: wrap;
    display: flex;
}

.icocont>.autor h7>svg {
    width: 10px !important;
    height: 10px !important;
    position: relative !important;
    margin: 2px;
}

.icocont>.autor h7>svg.perfamz {
    background: unset !important;
    fill: #3a3a3a !important;
    padding: 0;
}

.autor h5>span {
    width: fit-content !important;
    min-width: unset !important;
    max-width: unset !important;
    text-align: left;
}

text:hover,
input:hover,
select:hover,
label:hover {
    cursor: pointer;
}

.nwsInfoBottom {
    width: fit-content !important;
    padding-top: 10px;
    margin: 0px auto -10px auto;
    align-items: center;
    align-content: center;
}

.pesqform {
    display: flex;
    flex-wrap: wrap;
}

.pesqform>div>input {
    width: 100% !important;
    margin: 10px !important;
    min-height: 20px;
}

.pesq {
    fill: #2f2b2b2e;
    width: 100%;
    height: 20px;
    text-align: center;
    display: inline-table;
}

.pesq>svg {
    fill: #2f2b2b2e;
    width: 25px;
    height: 25px;
}

.listaResumoSvg {
    width: 20px !important;
    height: 20px !important;
    margin: 2px !important;
    padding: 2px;
}

.visto.listaResumoSvg {
    width: 17px !important;
    height: 17px !important;
    margin: 4px 2px !important;
}

.msg.listaResumoSvg {
    fill: #ff9b00;
    margin: 0 auto !important;
}

.transferencia+clear {
    right: 10px;
    top: 5px;
}

.transferencia:focus+clear,
.transferencia:hover+clear,
text:hover+clear,
input:hover+clear,
select:hover+clear,
label:hover+clear,
clear:hover {
    transform: scale(1);
    opacity: 1;
    transition-delay: 0s;
    display: flex;
}

clear {
    position: relative;
    transition: 0.4s;
    transform: scale(0);
    transition-delay: 1s;
    opacity: 0;
    background: var(--c_4);
    fill: white;
    padding: 5px;
    border-radius: 50%;
    float: right;
    right: 0;
    margin-top: 7px;
    margin-left: -15px;
    margin-right: -15px;
    cursor: pointer;
    height: fit-content;
    width: fit-content;
    z-index: 1;
}

clear>svg {
    width: 15px;
    height: 15px;
}

.spntit span {
    margin-bottom: 0px !important;
}

.spntit span[data-name]::before {
    content: "";
}

.spntit {
    margin-top: -5px !important;
    margin-bottom: -15px !important;
}

.viewcht .divtags {
    max-width: 100%;
    margin-bottom: 15px;
}

.coment1_p {
    min-height: 110px !important;
}

.paContent {
    min-height: 170px !important;
}

.pa {
    display: -webkit-box;
    display: -webkit-inline-box;
    text-align: center;
    display: grid;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 50px 0 0;
}

.meetTit.tag_1 {
    padding: 2px 15px;
    margin: 3px auto !important;
    text-transform: capitalize;
}

.msg.listaResumoSvg.novomsglistaresumosvg {
    margin-left: 10vw !important;
}

.paInfo {
    position: absolute !important;
    top: 5px;
    right: 25px;
    margin: 0px !important;
}

.paInfo details p {
    max-width: 200px;
}

@media only screen and (min-width: 400px) {
    .pa {
        margin: 0px 70px 0 0;
    }
    .meetTit.tag_1 {
        padding: 0px 15px;
    }
    .msg.listaResumoSvg.novomsglistaresumosvg {
        margin-left: 20vw !important;
    }
    .paInfo {
        right: 50px;
    }
}

@media only screen and (min-width: 600px) {
    .pa {
        margin: 0px 75px 0 0;
    }
    .meetTit.tag_1 {
        padding: 0px 25px;
    }
    .msg.listaResumoSvg.novomsglistaresumosvg {
        margin-left: 10vw !important;
    }
}

.tela_zoom.atv {
    cursor: pointer !important;
    height: 100vh !important;
    width: 100vw !important;
    margin: 0px auto 50vh auto !important;
}

.tela_zoom.atv img {
    /* margin: 0px !important; */
    position: relative !important;
}

.btn_3,
.btn_3>p {
    user-select: none;
}

.scrollbar::-webkit-scrollbar {
    width: calc(var(--vwScrollbar) * 1px) !important;
}

.scrollbar::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0px !important;
}

.config>span>img {}

.config>span {
    height: 15px;
    width: 15px;
    overflow: inherit;
    background: #7b7d83;
    fill: white;
    padding: 10px;
    border-radius: 50%;
    margin-right: 15px;
}

@media only screen and (max-width: 600px) {
    .emoji,
    .mobile {
        transform: scale(0) !important;
        display: none !important;
        margin: 0px !important;
        padding: 0px !important;
    }
}

.msgcxformconv>.emoji.scrollbar {
    top: calc(100% - 335px);
}

.chatmsginputdiv transferencia {
    width: 124px;
    margin-top: -98px !important;
}

.transferencia:hover+transferencia,
transferencia:hover {
    z-index: 222222;
}

.msgcxformconv .chatmsginputdiv transferencia {
    width: calc(100vw - 130px);
    margin-left: 5px;
}

.viewer.atv.v2 {
    --vhViewer: 50vh;
    --vGap: 15px;
    --base: 30px;
}

.viewer.atv.v2 .viewcntrl {
    z-index: 2;
    position: absolute;
    background: transparent !important;
    border-color: transparent !important;
}

.viewer.atv.v2 .viewcntrl .novo_comentario {
    /* position: absolute; */
    /* right: 20px; */
    /* margin: 130px 0px 0 0; */
}

.viewer.atv.v2 .viewcntrl .novo_comentario>svg,
.viewer.atv.v2 .viewcntrl .novo_Like>svg {
    fill: transparent !important;
}

.viewer.atv.v2 .viewcntrl .novo_identificador_tipo {
    position: absolute;
    right: 20px;
    margin: 70px 0px 0 0 !important;
    background: white;
    /* pointer-events: none !important; */
    /* cursor: none !important; */
}

.viewer.atv.v2 .viewcntrl .novo_identificador_tipo>svg {
    margin: 0 !important;
    filter: none !important;
    padding: 5px;
    fill: black !important;
    /* cursor: none !important; */
    /* pointer-events: none !important; */
}

.viewer.atv.v2 .viewcntrl span {
    filter: drop-shadow(0px 0px 4px black);
    color: white;
    stroke: white;
    right: 20px;
    /* fill: white !important; */
    top: 0;
    position: absolute;
    display: flex;
    margin-top: calc((var(--base) * var(--mult)) + (30px * var(--mult))) !important;
}

.viewer.atv.v2 .viewcntrl span>svg {
    fill: white !important;
}

.viewer.atv.v2 .viewcntrl span>svg {
    filter: drop-shadow(0px 0px 3px black);
}

.viewer.atv.v2 .tela_zoom {
    height: 100%;
    height: calc((var(--vh, 1vh) * 100) - var(--vhViewer));
    width: 100vw;
    padding: 0;
    margin-bottom: 0 !important;
}

.viewer.atv.v2 .sld_home {
    height: calc((var(--vh, 1vh) * 100) - var(--vhViewer));
    margin: 0;
    /* position: relative; */
    height: auto;
}

.viewer.atv.v2 .slideshow {
    margin: 0;
    height: 100vh;
    display: contents;
}

.viewer.atv.v2 .viewcht {
    margin: 0 auto;
    /* margin-top: 10px; */
    width: calc(100vw - 30px);
}

.viewer.atv.v2 .tela_zoom.atv .viewcht {
    /*background: red;*/
}

.viewer.atv.v2 .tela_zoom.atv {
    /* width: calc(100vw - 31px) !important; */
    padding: 0;
    /* position: fixed !important; */
    margin-bottom: 100vh !important;
    margin-bottom: 0 !important;
}

.viewer.atv.v2 .viewcntnt>video.thumbvideo.zoom {
    height: calc(var(--vh, 1vh) * 100) !important;
    min-height: calc(var(--vh, 1vh) * 100) !important;
    margin: auto auto;
}

.viewer.atv.v2 .thumbvideo {
    margin: 0px auto;
    max-height: calc((var(--vh, 1vh) * 100) - var(--vhViewer)) !important;
    height: calc((var(--vh, 1vh) * 100) - var(--vhViewer)) !important;
}

.viewer.atv.v2 .sld_home.txt {
    /* height: calc((var(--vh, 1vh) * 100) - var(--vhViewer)); */
    /* min-height: calc((var(--vh, 1vh) * 100) - var(--vhViewer)); */
    /* height: calc(var(--vh, 1vh) * 100); */
    display: block;
    height: auto;
}

.viewer.atv.v2 .sld_home.txt .tela_zoom {
    height: 100%;
    height: calc((var(--vh, 1vh) * 100) - var(--vhViewer));
    width: 100vw;
}

.viewer.atv.v2 .sld_home.txt .tela_zoom.atv {
    height: calc(var(--vh, 1vh) * 100) !important;
}

.viewer.atv.v2 .sld_home.txt+.viewcht {
    padding-top: 55px;
    height: calc(var(--vhViewer) - 80px) !important;
}

.viewer.atv.v2 .viewcht.scrollbar .idcoment .optcontentmenu>div {
    top: calc(var(--elmtop) - 351px) !important;
    left: calc(var(--elmleft) + 15px) !important;
}

.viewer.atv.v2 video+.viewcht.scrollbar .idcoment .optcontentmenu>div {
    top: calc(var(--elmtop) - 350px) !important;
    left: calc(var(--elmleft) + 15px) !important;
}

.viewer.atv.v2 .txt+.viewcht.scrollbar .idcoment .optcontentmenu>div {
    top: calc(var(--elmtop) - 350px) !important;
    left: calc(var(--elmleft) + 15px) !important;
}

.viewer.atv.v2 .viewcht .v2.emoji.scrollbar {
    height: calc(var(--vhViewer) - 92px) !important;
    width: calc(100vw - 55px);
    left: 26px;
}

.viewer.atv.v2 .thumbvideo {
    max-width: 100vw !important;
    object-fit: contain;
}

.viewer.atv.v2 .viewcntrl .identificador .icocont.pointer {
    height: inherit;
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 3px white);
}

.viewer.atv.v2 .viewcntrl .identificador .icocont .autor {
    display: grid !important;
    grid-template-rows: 50% auto;
    height: inherit;
}

.viewer.atv.v2 .viewcntrl .identificador .autor.pointer>h6>img {
    max-height: 12px;
    margin-top: -20px !important;
}

.viewer.atv.v2 .viewcntrl .identificador .autor.pointer>span,
.viewer.atv.v2 .viewcntrl .identificador .autor.pointer>h6 {
    display: inline-table;
    height: auto;
    width: auto;
    margin: -5px 0 0 0;
    padding: 0 0 0 5px;
    display: block;
    place-items: center;
    display: block;
}

.viewer.atv.v2 .viewcntrl .identificador {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 12px;
    align-items: center;
    height: 49px;
    display: block;
    align-content: center;
    place-content: center;
    place-items: center;
    text-align: initial;
}

.viewer.atv.v2 .viewcntrl .identificador .autor h5 {
    margin: 5px 0 0 5px;
}

.viewer.atv.v2 .sld_home.txt .tela_zoom>p {
    --vwPadd: 60px;
    margin: 0 !important;
    padding-right: var(--vwPadd) !important;
    padding-left: calc(var(--vwPadd) / 3) !important;
    width: calc(100vw - (var(--vwPadd) - 20px) - (var(--vwPadd) / 1)) !important;
    min-width: calc(100vw - (var(--vwPadd) - 20px) - (var(--vwPadd) / 1)) !important;
}


/*.viewer.atv.v2 .sld_home.txt .tela_zoom>p {
    --vwPadd: 60px;
    margin-right: var(--vwPadd) !important;
    margin-left: calc(var(--vwPadd) / 3) !important;
    width: calc(100vw - (var(--vwPadd) - 20px) - (var(--vwPadd) / 2)) !important;
    min-width: calc(100vw - var(--vwPadd) - 20px) !important;
}
*/

.viewer.atv.v2 .sld_home.txt .tela_zoom>p:nth-child(1) {
    margin-top: 70px !important;
}

.viewer.atv.v2 #vidplaypause_contentexterno {
    margin-top: 12px !important;
    margin-right: 175px;
}

.viewer.atv.v2 #vidprogbarrange_contentexterno {
    margin-right: 45px;
    margin-top: 37px;
    max-width: 130px !important;
}

.viewer.atv.v2 span.novo_Like[data-cont]::after {
    margin-top: 20px;
    margin-left: -5px;
    padding: 2px 5px;
}

span.novo_Like[data-cont]::after {
    margin-bottom: -5px;
    margin-left: -20px;
}

span.novo_Like>svg {
    fill: transparent !important;
    stroke: #575757;
    stroke-width: 1.5px;
}

.viewer.atv.v2 span.novo_Like>svg {
    stroke: white;
}

.viewer.atv.v2 .novo_Like.atv>svg {
    fill: green !important;
}

.novo_Like.atv>svg {
    fill: green !important;
    stroke: transparent;
}

.viewer.atv.v2 .tela_zoom.atv .novo_CampoTextoExtra,
.viewer.atv.v2 video.thumbvideo.zoom+div>.novo_CampoTextoExtra {
    transform: scaleY(1);
}

.viewer.atv.v2 .tela_zoom .novo_CampoTextoExtra,
.viewer.atv.v2 video.thumbvideo+div>.novo_CampoTextoExtra {
    position: absolute;
    color: white;
    display: flex;
    transition: 0.4s;
    transform: scaley(0);
    padding: 5px 10px 5px 10px;
    margin-top: -53px;
    filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 2px black);
    width: calc(100vw - 20px);
    left: 0;
    bottom: 0;
}

.novo_CampoTextoExtra>p {
    width: 100%;
}

.viewer.atv.v2 .novo_CampoTextoExtra.atv {
    height: calc(100vh - 30px);
    width: calc(100vw - 30px);
    left: 0;
    top: 0;
    margin: 0;
    z-index: 2;
    padding: 15px;
    font-size: 15px;
    word-break: unset;
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
}

.viewer.atv.v2 .btn_novo_CampoTextoExtra {
    color: black;
    /* padding: 5px; */
    width: 30px;
    height: 30px;
    /* position: absolute; */
    float: left;
    place-content: center;
    place-items: end;
    transition: 0.4s;
    display: flex;
    font-size: 21px;
    transform: scaley(-1);
    /* position: absolute; */
    /* left: 0; */
    /* border-radius: 10px; */
    /* z-index: 3; */
    /* margin: -73px calc(50vw - 15px); */
    background: white;
}

.viewer.atv.v2 .btn_novo_CampoTextoExtra.atv {
    background: orangered;
    transform: scaleY(-1);
    border-radius: 50%;
    bottom: 77px;
    color: white;
    place-items: end;
}

.viewer.atv.v2 .coment2_p,
.viewer.atv.v2 .novo_CampoTextoExtra {
    cursor: pointer;
}


/*----------------------------*/

.spntit span[data-cont]::after,
.viewcntrl span[data-cont]::after {
    content: attr(data-cont);
    display: inline-block;
    /* background: orangered; */
    /* color: white; */
    padding: 3px 5px;
    width: auto !important;
    height: auto !important;
    border-radius: 7px;
    /* position: relative; */
    overflow: unset;
    /* bottom: 10px; */
    /* right: 10px; */
    /* font-size: 10px; */
}


/*----------------------------*/


/*-----TOPO NAV - REDUCT------*/

.novomenufiltro>.botoes>span>svg,
.novomenufiltro>.botoes>span>img,
.novomenufiltro>.botoes>span.atv {
    padding: 5px !important;
}


/*----------------------------*/


/*-----TOPO ICONE TITULO------*/

.TopoIconeTitulo {
    background: #bbb8b8;
    padding: 5px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 5px;
    margin-left: -5px;
    place-items: center;
    display: inline-block;
    display: flex;
    height: 44px;
    width: 100%;
    gap: 10px;
    border-color: black;
}

.TopoIconeTitulo>span {
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
}

.TopoIconeTitulo>svg,
.TopoIconeTitulo>img {
    height: 40px;
    width: 40px;
}


/*----------------------------*/

.config img {
    height: 15px;
    width: 15px;
}


/*-----------PERFIL-----------*/

.tituloContentIcoPerfil {
    height: 15px;
    width: 15px;
    display: inline;
    margin: -2px 10px;
}

.dashboardCard {
    background: var(--dashFundo);
    color: var(--dashCor);
    border: 1px solid grey;
    padding: 15px;
    word-break: break-word;
    flex: 1 0 auto;
    flex: 1 0 calc(var(--dashFlex) * 1px);
    line-height: 25px;
    display: flow-root;
    margin: 10px;
    position: inherit;
    left: 15px;
    opacity: 0;
    transition: 0.8s;
    text-align: center;
}

.dashboardCard.atv {
    opacity: 1;
}

.dashboardCard .titulo {
    font-weight: bold;
}

.dashboardCard .tag_1 {
    display: block;
    text-transform: capitalize;
    border: 1px solid grey;
}

@media only screen and (min-width: 600px) {
    .dashboardCard {
        max-width: 50%;
        flex: 1;
    }
}

.novoseptopo {
    flex: 1 0 auto;
    display: flex;
    height: auto;
    gap: 5px 15px;
    grid-gap: 5px 15px;
    gap: 5px;
    width: 100%;
    flex-wrap: wrap;
    padding: 2px;
    align-items: center;
    align-content: center;
    text-align: center;
    place-content: center;
    place-items: center;
}

.novoseptopo>.novoseptopobloco {
    flex: 1 160px;
    padding: 0;
}

.novoseptopo>.novoseptopobloco>div {
    flex: 1 160px;
    flex-wrap: wrap;
    padding: 0;
    place-content: center;
    place-items: center;
    display: flex;
    width: 30px !important;
    height: 30px !important;
}

.novoseptopo .flx>.novoseptopomarcador {
    flex: 1 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    align-content: center;
    align-items: center;
    border: 1px solid grey;
}

.novoseptopo .flx>.novoseptopomarcador>label {
    margin: 3px auto;
}

.novoseptopo .flx>.novoseptopomarcador input {
    display: none;
}

.novoseptopo .novoseptopogenerovalidado {
    max-width: 25% !important;
    width: fit-content !important;
    margin: auto 10px;
    display: flex;
    place-content: center;
    place-items: center;
    border: 1px solid grey;
}

.novoseptopo .novoseptopogenerovalidado svg {
    fill: black;
    stroke-width: 0;
}

.novoseptopo .novoseptopogenerovalidado input {
    display: none;
}

.novoseptopo .novoseptopogenerovalidado>label {
    display: -webkit-inline-box;
    width: inherit !important;
    height: inherit !important;
}

div.newselect::after {
    top: 10px;
}

.menusNavToggle ul li {
    text-transform: capitalize;
}

.viewer.atv.v2 .viewcntrl .novo_ambito {
    cursor: context-menu;
    background: orangered;
    opacity: 0.7;
    padding: 0px;
    position: fixed !important;
    left: 0;
    margin: 60px 0px !important;
}

.viewer.atv.v2 .viewcntrl .novo_ambito>svg {
    margin: 0px !important;
    filter: none !important;
    padding: 5px;
}

.pub_novo_ambito {
    cursor: context-menu;
    background: orangered;
    opacity: 0.7;
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    z-index: 1;
    margin: 10px 0 !important;
}

.pub_novo_ambito>svg {
    padding: 5px;
    fill: white !important;
}

.sepUtils.novoseptopo input[type="submit"] {
    margin: 0 0 -20px 0;
}

.bloconome svg.visto.pointer {
    width: 20px;
    height: 20px;
}

.viewer.atv.v2 .viewcntrl .novo_Vizs>svg {
    fill: transparent !important;
}

.viewer.atv.v2 .sld_home.txt .hist.tela_zoom>div:nth-child(1) {
    margin-top: 50px;
}

.viewer.atv.v2 .sld_home.txt .hist.tela_zoom>div>p {
    width: calc(100% - 60px);
    margin-left: 30px;
}

.viewer.atv.v2 .sld_home.txt .hist.tela_zoom>div>p:nth-child(1) {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

.viewer.atv.v2 .sld_home.txt .hist.tela_zoom>div>p:nth-child(2) {
    color: grey;
    text-align: center;
}

.autorcoment.pointer.hist>div>div>p {
    transform: scaleY(0);
    transition: 0.4s;
}

.autorcoment.pointer.hist.atv>div>div>p {
    transform: scaleY(1);
}

.autorcoment.pointer.hist>div>div>p:nth-child(1),
.autorcoment.pointer.hist.atv>div>div>p {
    transform: scaleY(1);
    transition-delay: 0.4s;
}

.autorcoment.pointer.hist>div>div>p:nth-child(1),
.autorcoment.pointer.hist>div>div {
    height: 22px;
    transition: 0.4s;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.autorcoment.pointer.hist.atv>div>div>p,
.autorcoment.pointer.hist.atv>div>div {
    height: auto;
    word-break: break-word;
    overflow: unset;
    white-space: break-spaces;
    text-overflow: unset;
}

.autorcoment.pointer.hist.atv .vermais::after {
    transform: rotate( 45deg) scale(-0.5);
    border-left: 15px solid transparent;
    border-bottom: 15px solid #5cb2d4;
    animation: unset;
}

.autorcoment.pointer.hist .vermais::after {
    float: right;
    margin-top: -30px;
    transform: rotate( 45deg) scale(0.5);
}

.autorcoment.pointer.hist .vermais {
    width: 100%;
    position: relative;
    position: absolute;
}

.autorcoment.pointer.hist>.comentcontent.pointer {
    display: grid !important;
}

.novoseptopo .flx>label.novoseptopomarcador {
    max-width: 70px;
    max-height: 30px !important;
}

.sepUtils.novoseptopo>div#formtagspublicacao {
    display: flex;
    width: auto;
    height: auto;
    margin: 0;
    flex-wrap: wrap;
    max-width: 100% !important;
    min-width: 40% !important;
}

.sepUtils.novoseptopo>div#formtagspublicacao>div {
    display: contents;
}

.novoseptopo>.novoseptopobloco>div#formcbvalidadospublicacaogenerovalidadodiv {
    max-width: 40px !important;
}

.amzdList {
    overflow: hidden;
    height: 60px;
    width: 100%;
}

.amzdList.atv {
    overflow: unset;
    height: auto;
}

.meetTit,
.autorcoment {
    font-size: 12.5px !important;
    line-height: 15px !important;
}

label.check:after {
    content: '\2713';
    color: green;
    font-size: 28px;
    margin-top: -15px;
    filter: drop-shadow(0px 0px 4px white) drop-shadow(0px 0px 4px white);
    display: inline-block;
    transform: scale(1);
    position: absolute;
    margin-top: -10px;
    margin-left: -5px;
}

.viewcht .coment1_p>.linha {
    margin-top: -12px;
    margin-bottom: 7px;
}

@media only screen and (max-width: 600px) {
    .chatmsgemojisbtn {
        display: none !important;
    }
}

.autorcoment.pointer.hist>div>div>p::first-letter {
    margin-left: 10px;
}

.autorcoment.pointer.hist>div>div>p {
    margin-top: 10px;
    word-spacing: 2px;
}

.subtitulos.chatconversatopo>span {
    cursor: pointer;
}

.autorcoment.pointer.hist>p {
    min-width: fit-content !important;
    word-break: break-word !important;
}

.content_book.v2.v3 {
    gap: 3px;
}

.amzList {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}

.amzList>div:hover {
    transform: scale(1.1);
    transition: 0.4s;
    background: white;
}

.amzList>div {
    flex: 1 200px;
    border: 1px solid #bfbfbf;
    display: grid;
    grid-template-columns: auto 30px;
    margin: 2px;
    display: grid;
}

.amzList>div>span {
    width: 30px;
    display: flex;
    height: 25px;
    fill: #ff9e00;
    margin: auto;
}

.flx.btnAmzTipo>span.pointer:hover {
    background: #2099cb;
}

.flx.btnAmzTipo>span {
    width: calc(50% - 1px) !important;
    margin: auto;
    background: #63bce1;
    color: white;
    padding: 5px 0px;
    display: inline-grid;
    place-content: center;
    place-items: center;
}

.apresElementos {
    place-items: center;
    padding: 3px;
    display: flex;
    gap: 3px;
}

.apresElementos>img,
.apresElementos>svg {
    max-height: 14px;
}

.flx.btnAmzTipo>span.atv {
    background: #1a789f;
}

.content_book.v2.v3>div>.book {
    height: 43px;
}

.content_book.v2.v3>div>.book.video {
    height: 150px;
}

.content_book.v2.v3>div {
    flex: 0 125px;
    margin: auto;
    font-size: 11px;
    font-weight: 400;
}

@media only screen and (min-width: 600px) {
    .content_book.v2.v3>div {
        flex: 0 160px;
    }
    .content_book.v2.v3>div>.book {
        height: 60px;
    }
    .content_book.v2.v3>div>.book.video {
        height: 150px;
    }
}

.content.v4 {
    padding: 5px !important;
}

.content.v4>.content_book.v4 {
    gap: 0.5rem;
    min-width: calc(100% - 10px);
}

.content.v4>.content_book.v4 h5 {
    color: black;
    font-weight: bold;
    font-size: 11px;
    margin: 0px;
    filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white);
}

.content.v4>.content_book.v4 h6 {
    text-align: initial;
    align-items: center;
    display: flex;
    bottom: 0;
    position: absolute;
    gap: 3px;
}

.content.v4>.content_book.v4 h6>img,
.content.v4>.content_book.v4 h6>svg {
    max-height: 15px;
    filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white);
}

.content.v4>.content_book.v4>div.book.pointer {
    margin: auto;
    flex: 1 125px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5px;
    height: 150px;
}

.content.v4>.content_book.v4>div.book.pointer>div {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.content.v4>.content_book.v4>div.book:after {
    content: '';
    display: block;
    position: absolute;
    opacity: 50%;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(11.7%, rgba(0, 0, 0, 0.009)), color-stop(22.1%, rgba(0, 0, 0, 0.034)), color-stop(31.2%, rgba(0, 0, 0, 0.072)), color-stop(39.4%, rgba(0, 0, 0, 0.123)), color-stop(46.6%, rgba(0, 0, 0, 0.182)), color-stop(53.1%, rgba(0, 0, 0, 0.249)), color-stop(58.9%, rgba(0, 0, 0, 0.32)), color-stop(64.3%, rgba(0, 0, 0, 0.394)), color-stop(69.3%, rgba(0, 0, 0, 0.468)), color-stop(74.1%, rgba(0, 0, 0, 0.54)), color-stop(78.8%, rgba(0, 0, 0, 0.607)), color-stop(83.6%, rgba(0, 0, 0, 0.668)), color-stop(88.7%, rgba(0, 0, 0, 0.721)), color-stop(94.1%, rgba(0, 0, 0, 0.762)), to(rgba(0, 0, 0, 0.79)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and (min-width: 600px) {
    .content.v4>.content_book.v4>div.book.pointer {
        margin: auto;
        flex: 0 145px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 5px;
    }
}

.autorcoment>.meetTit {
    z-index: 1;
}

.detalheEncontro>p {
    display: grid;
    grid-template-columns: 30px auto;
    margin: 0;
    border-top: 1px grey dotted;
    padding: 5px 0;
}

.detalheEncontro>p>svg {
    max-width: 20px;
    max-height: 20px;
    margin: 2px;
    fill: grey;
}

.detalheEncontro>p>div.linha>span {
    margin: 10px;
    text-transform: initial;
}

.detalheEncontro>p>div.linha {
    text-align: start;
    width: max-content;
}

.filtro {
    flex: 1 auto;
}

#newFormVersion>.newselect {
    width: auto !important;
    margin: 0px;
}

#newFormVersion>.rangeslider {
    width: auto !important;
    max-width: 500px;
    min-width: 250px;
    flex: 1 250px;
    margin: 5px;
}

#newFormVersion>.newselect>select {
    padding-right: 30px;
}

.filtro.labels {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    position: relative;
    width: auto;
    padding: 0 5px;
    flex: 1 auto;
    margin: 5px auto;
    max-width: fit-content;
    cursor: pointer;
    transition: 0.4s;
}

.filtro.labels label:hover {
    background: #dbdbdb6e;
    border-color: #808080ab;
    transition: 0.4s;
    transform: scale(0.95);
    background: linear-gradient(181deg, rgb(0 0 0 / 21%) 0%, rgba(255, 255, 0, 1) 100%);
    filter: drop-shadow(0px 2px 4px gold);
}

.filtro.labels label:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.filtro.labels label:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.filtro.labels img:nth-child(3) {
    margin-left: -15px;
}

.filtro.labels label {
    flex: 1 auto;
    width: 10%;
    max-width: 77px;
    min-width: 45px;
    height: 25px;
    display: inherit;
    border: 0.5px solid #8080808a;
    margin: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(255 255 255 / 50%) 100%);
}

.filtro.labels input {
    display: none;
}

.filtro.labels input:checked~svg {
    fill: #535353 !important;
}

.filtro.labels input:checked~img {
    opacity: 1;
    filter: contrast(1);
}

.filtro.labels img {
    opacity: 0.5;
    filter: contrast(0);
}

.filtro.labels img,
.filtro.labels svg {
    fill: grey;
    width: auto;
    height: auto;
    padding: 3px;
    stroke-width: 0;
}

.filtro.labels img {
    margin: 2px auto;
    float: left;
}

.filtro.labels svg.visto.pointer.listaResumoSvg {
    margin: auto !important;
    padding: 2px !important;
    fill: white !important;
}

.filtro.labels label span.ngt {
    border: 0px !important;
    color: black !important;
    margin: auto !important;
    padding: 0 !important;
}

@media only screen and (min-width: 600px) {
    .filtro.labels label {
        max-width: 55px;
        min-width: 35px;
    }
}

.detalheEncontro>p.detalheEAV3 {
    display: block;
    border: 1px solid grey;
    padding-top: 0;
    margin-top: 5px;
    border-radius: 6px 6px 0 0;
}

.detalheEncontro>p.detalheEAV3>p {
    background: grey;
    height: 20px;
    width: calc(100% - 10px);
    padding: 5px;
    fill: white;
    color: white;
    margin-top: 0;
    text-align: center;
    grid-template-columns: 25px auto;
    display: grid;
    border-radius: 4px;
}

.detalheEncontro>p.detalheEAV3>p>svg {
    display: block;
    width: 20px;
    height: 20px;
}

.detalheEAV3>div>div.div {
    display: none !important;
}

.detalheEAV3>div>p {
    padding: 0;
    margin: 0;
}

.linhaGenero>div {
    display: flex;
    flex-wrap: wrap;
}

.linhaGenero>div>label {
    flex: 0 auto;
    display: block;
}

.linhaGeneroSelect>div {
    display: flex;
    flex-wrap: wrap;
}

.linhaGeneroSelect>div>label {
    border-radius: 4px;
    margin: 0 3px;
    display: grid;
    border: 1px grey dotted;
    position: relative;
    padding: 4px;
}

.linhaGeneroSelect>div>label>p {
    margin: 0;
    display: flex;
    place-items: center;
    place-content: center;
}

.linhaGeneroSelect>div>label>input {
    display: none;
}

.linhaGeneroSelect>div>label>span:before {
    content: '\2A2F';
    transition: 0.4s;
    transform: scale(0.9);
    position: absolute;
    margin: 0px 2px;
    opacity: 0.5;
    left: -1px;
    top: -1px;
    color: orangered;
}

.linhaGeneroSelect>div>label>input:checked~span:before {
    content: '\2713';
    color: green;
    font-size: 28px;
    border-radius: 0px;
    transform: scale(1);
    margin: -10px 0px;
    border-radius: 50%;
    opacity: 1;
    left: -1px;
    top: -1px;
}

.tag_2 {
    background: #005b80 !important;
    text-shadow: 0 0 6px black, 0 0 6px black;
}

@media only screen and (min-width: 600px) {
    .linhaGenero>div>label {
        padding: 5px !important;
        font-size: 13px !important;
    }
}

.flx.linha.corpo select {
    border-color: #bbbbbb;
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(255 255 255 / 50%) 100%);
    border-radius: 4px;
    padding: 3px;
    max-height: 27px;
    transition-delay: 0.7s !important;
    transition: 0.7s;
    max-width: max-content;
    min-width: max-content;
    width: max-content;
}

.flx.linha.corpo select:focus {
    background-color: white !important;
}

.flx.linha.corpo select:hover {
    transition-delay: 0s !important;
    background-color: rgb(239 239 239);
    filter: drop-shadow(0px 2px 4px #d1d2d2);
}

.v2 .novomenufiltro>.botoes>span {
    padding: 3px !important;
    text-align: center;
    display: flow-root;
}

.v2 .novomenufiltro>.botoes.flx>span.atv {
    border-left: 1px solid #80808040;
    background: yellow;
    fill: grey !important;
    color: grey !important;
}

.v2 .novomenufiltro>.botoes.flx>span>p {
    font-size: 9px;
    width: 100%;
    margin: 0px;
    text-align: center;
}

.v2 .novomenufiltro>.botoes.flx>span>img,
.v2 .novomenufiltro>.botoes.flx>span>svg {
    fill: #4f4f4f !important;
    max-width: 20px;
    max-height: 20px;
    padding: 0px 0px 3px 0px !important;
}

@media only screen and (min-width: 600px) {
    .v2 .novomenufiltro>.botoes.flx>span>p {
        font-size: 13px;
    }
}

.regua {
    height: 25px;
    width: 50%;
    min-width: 250px;
    max-width: 450px;
    margin: 10px;
    display: grid;
    align-items: center;
}

.regua>span {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    height: 13px;
    background: #c9c9c9;
}

.regua>label.atv {
    background: yellow;
}

.regua>label.atv:after {
    content: "km";
    position: absolute;
    margin-left: -13px;
    margin-top: 15px;
}

.regua>label {
    z-index: 1;
    position: inherit;
    padding: 3px;
    border: 1px solid grey;
    background: white;
    border-radius: 3px;
}

.divTable.v2 {
    border-color: black;
}

.divTable.v2>.rTable thead {
    background: #e3e1e1;
    color: black;
    font-weight: bold;
}

.divTable.v2>.rTable th+th,
.rTable td+td {
    border-left: 1px solid black;
}

.divTable.v2>.rTable tbody tr {
    border-top: 1px solid black;
}

.divTable.v2>.rTable tbody tr>td>label {
    display: contents;
}

.divTable.v2>.rTable tbody tr.atv {
    background: yellow;
    font-weight: bold;
}

.divTable.v2>.rTable tbody tr>td.tdcheck>input {
    display: none;
    padding: 0;
    margin: 0;
}

.divTable.v2>.rTable tbody tr>td.tdcheck>input+span {
    position: relative;
}

.divTable.v2>.rTable tbody tr>td.tdcheck>input+span:before {
    content: "";
    transform: scale(1);
    color: black;
    font-size: 15px;
}

.divTable.v2>.rTable tbody tr>td.tdcheck>input:checked+span:before {
    content: '\2713';
    transform: scale(1);
}

#livreacessostabDivimposto {
    color: black;
    font-size: 10px;
    margin-left: 40px;
    margin-top: -10px;
}

.tabPack {
    min-width: 20vw;
    max-width: 356px;
    margin: 30px auto 5px;
}

.tabPack>p {
    position: absolute;
    margin-top: -15px;
    text-transform: capitalize;
    color: red;
    font-size: 11px;
}

.divTable.v2>.rTable tbody td label {
    padding: 0;
}

.tabPack>div.titcontent {
    background: #e3e1e1 !important;
    padding: 5px;
    margin: 0 !important;
    color: red;
    text-transform: inherit;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
}

.divTable.v2>.rTable tbody td label {
    padding: 0;
}

@media only screen and (max-width: 600px) {
    .divTable.v2>.rTable tr {
        font-size: 12px !important;
    }
}

.target {
    display: flex;
    gap: 5px;
}

.target>.cmsexo {
    display: block;
    padding: 5px !important;
    margin: 2px auto;
    border-radius: 0;
    border: 1px solid #80808038;
}

.target>.cmsexo>div>img {
    max-height: 15px;
}

.target>.cmsexo>div>font {
    font-size: 11px;
}

.detalheEncontro {
    margin-top: 10px;
}

.link {
    color: #1160b3;
}

.labelEA {
    display: inline-grid;
    margin-left: 5px;
}

.formEA select {
    outline: 0;
    border: 1px solid #80808061;
    box-shadow: none;
    font-weight: 600;
    padding: 0.5em 0 0.5em 0.5em;
    color: grey;
    background-color: white;
    cursor: pointer;
    max-width: fit-content;
    margin: 10px;
    height: inherit;
}

.formEA .labelmarcadesmarca>img {
    margin: 5px;
}

.formEA .labelmarcadesmarca>label {
    margin: auto;
    border-radius: 0;
    padding: 4px;
}

.formEA .labelmarcadesmarca>img {
    margin: 5px;
    max-width: 100px;
    min-width: 100px;
}

.formEA .labelmarcadesmarca p {
    background: #f8f8f8;
    border: 1px solid grey;
    width: calc(100% - 150px);
    display: flex;
    place-content: center;
    place-items: center;
    text-align: center;
    padding: 3px;
}

.formEA textarea {
    outline: none;
    width: auto;
    margin-top: 15px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid var(--c_f);
    font-size: 15px;
    resize: none;
    transition: 0.4s ease-in-out;
    width: calc(100% - 10px);
}

@media only screen and (min-width: 600px) {
    .formEA .labelmarcadesmarca>label {
        padding: 9px;
        border-radius: 5px;
    }
}

#objectivositetopodiv>input {
    flex: 1 auto;
    padding: 5px;
    display: inherit;
    border: 0.5px solid #8080808a;
    margin: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(255 255 255 / 50%) 100%);
}

.meetDat>span {
    background: #005b80;
}

@media only screen and (max-width: 600px) {
    .target>.cmsexo>div>font {
        font-size: 10px;
    }
    .meetDat>span {
        /* font-size: 7px; */
    }
    .detalheEncontro>p {
        font-size: 11px;
    }
    .target>.cmsexo {
        padding: 3px !important;
    }
    .detalheEncontro>p>img {
        margin-left: 0px !important;
        max-width: 21px;
    }
    #objectivositetopodiv>input {
        font-size: 2.5vw;
        font-weight: 800;
        padding: 3px 0;
    }
}

.notific .meetTit.tag_1 {
    z-index: 1;
}

.msgcxformconv .chatmsginputdiv transferencia {
    margin-top: -120px !important;
}

@media only screen and (max-width: 1024px) {
    .chatmsginputdiv transferencia {
        margin-top: -85px !important;
    }
}

@media only screen and (max-height: 400px) and (max-width: 600px) {
    .chatmsginputdiv transferencia {
        display: none !important;
    }
}

svg.visto {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: transparent;
    fill: goldenrod;
    stroke-width: 0.5px;
    stroke: #FF5722;
}

.bloconome svg.visto.pointer {
    background: transparent !important;
}

.visto.pointer.iconeapresentacao {
    fill: green;
    stroke-width: 0;
}

.content_book.v2.v3.aceitAmzd>div {
    margin-left: 3px;
}

.content_book.v2.v3.aceitAmzd .book:before {
    background-position: center;
}

.content_book.v2.v3.aceitAmzd .book:after {
    content: unset;
}

.content_book.v2.v3.aceitAmzd {
    width: inherit;
    margin: 0;
    max-width: inherit;
}

.divTable.v2>.rTable tbody td {
    min-width: 11px;
}

.divTable.v2>.rTable.promo thead:after {
    margin-top: -27px;
}

.autocompletetags-items div:hover {
    background-color: #134c62;
}

.book.hotspot::before {
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: contain;*/
}

.book.hotspot::after {
    content: unset;
}
.filtro.labels.v2 label{
    width: auto !important;
    max-width: fit-content !important;
    min-width: fit-content !important;
    place-content: center;
    place-items: center;
    padding: 0 5px;

}

.topov3 {
    line-height: initial !important;
    word-break: initial !important;
}

.topov3 .v2 .novomenufiltro>.botoes.flx>span>p{
    width: 100%;
    margin: 0px;
    text-align: center;
}

.topov3 .v2 .novomenufiltro>.botoes.flx>span>img,
.topov3 .v2 .novomenufiltro>.botoes.flx>span>svg {
    fill: #4f4f4f !important;
    max-width: 20px;
    max-height: 20px;
    padding: 0px 0px 3px 0px !important;
}

.topov3 .v2 .novomenufiltro>.botoes>span {
    padding: 3px !important;
    text-align: center;
    display: flow-root;
}

.topov3 .v2 .novomenufiltro>.botoes.flx>span.atv {
    border-left: 1px solid #80808040;
    background: yellow;
    fill: grey !important;
    color: grey !important;
}
.topov3>div>div.v2{
    margin-bottom:-13px;
}

.dashboardCard>div>div>div>div span.tag_1.c_12{
    display:inline;
}

/*#################################*/

.pasta{
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid black;
    background: #d4d4d4;
    color: black;
    fill:black;
    display: flex;
    align-items: center;
    gap: 5px;

}
.pasta>div{
    /*margin: 0 !important;
    padding: 0;*/
}
.pasta>div>div{
    background: transparent !important;
    padding: 0 !important;
    color: black !important;
    margin: 0 !important;
    line-height: 0 !important;
}
.jaseguedeixar{
    transition:0.4s;
    display:grid;
    grid-template-columns:100% 0;
}
.jaseguedeixar:hover{
    grid-template-columns:2fr auto;
}
.jaseguedeixar>.btn_1.c_2{
    transition: all 0.1s ease-in-out;
    transform: scaleX(0);
    margin: 10px 0px 0px;
    border-radius: 0px;
    transform-origin: left;
    height: auto;
    padding: 10px 20px;
}
.jaseguedeixar:hover>.btn_1.c_2{
    transition: 0.4s;
    transform:scalex(1) !important;
    padding: 10px 20px;
}

.imgspropriassellista.v2{
    gap:2px;
}
.imgspropriassellista.v2>label{
    margin:3px auto;
    max-height: 90px;
    max-width: 90px;
}
.imgspropriassellista.v2>label>input{
    accent-color:gold !important;
    margin-left: 5px;
    margin-top: 5px;
}

.imgspropriassellista.v2>label>img{
    padding: 5px;
    margin: 0;
}
/* ----------------- */

.atv .viewcntrl span{
    transform: scale(1);
    right: 20px;
}
.viewcntrl span{
    transition: 0.4s;
    transition-delay:calc(var(--mult) * 0.4s);
    transform: scale(0.5);
    right: -50%;
}
.viewer{
    height:100%;
}
.menusNavToggle ul{
    overflow-y: auto;
    /*height: calc(100vh - 110px) !important;*/
    padding-top: 150px;
    padding-bottom: 100px;
    height: calc(100vh - 100px - 116px) !important;
    /*fallbacks*/
    height: calc(100dvh - 100px - 116px) !important;
    height: calc(100svh - 100px - 116px) !important;
    height: calc((var(--vh, 1vh) * 100) - 100px - 116px) !important;
}
.menusNavToggle>ul>svg{
    right: 0;
    width: 180px;
}


.interacao>svg{
    height: 22px;
    width: 22px;
    height: 30px;
    width: 30px;
}

.interacao>font{
    margin-left: 3px;
    /*font-weight: bold;*/
    margin-left: 3px;
    font-size: 30px;
}

.interacao{
    border-radius: 3px;
    transition: 0.4s;
    fill: grey;
    color: grey;
    padding: 3px;
    display: inline;
    height: fit-content;
    background: transparent;
    border: 1px solid transparent;
}

.interacao:hover{
    fill: white;
    color: white;
    background: orangered;
    border: 1px solid #80808057;
}

.svginteracao>div.icocont.pointer {
    width: calc(100% - 5px) !important;
}

.svginteracao>div.icocont.pointer>span.interacao{
    margin: 0 auto;
}
.menucorpocontent{
    overflow-y: auto;
}

.muraltopo{

}

.muraltopo .autor h5>span{

}