/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;1,400&family=Barlow:wght@300;400;500;600;700;800;900&family=Jura:wght@400;500;700&display=swap');



html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

html, body {
    overflow: auto;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}


body{
    background-color: #fff;
    overflow-y: hidden;
    font-family: 'Geologica', sans-serif;
}

.pageLogin body {
  background: #f2f2f2;
}

.textoEsticado span{
    font-family: 'Jura', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 20px;
    letter-spacing: 11px;
    color: #121212;
    margin-top: 24px;
    display: block;
    margin-bottom: 64px;
}

.pageLogin body p{
    color: #656565;
}


body p {
    color: #656565;
    font-weight: 300;
}

.caixaFormulario, .containerTopo {
    max-width: 570px;
}

.builder .caixaFormulario {
    min-height: 750px;
}

/*Exlusivo Xml */
.builder .caixaFormulario.frmXmlMaior, .builder .caixaFormulario.frmXmlMaior .containerTopo{
    max-width: 100%;
}


.containerTopo .logo{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 16px 0px 0px 0px
}
.containerTopo .logo img{
    width: 100%;
}
#prompt{
    margin-top: 64px;
}
.containerTopo h1{
    text-align: center;
    color: #ffffff;
    margin-bottom:32px;
}

.caixaFormulario form label {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Geologica', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #121212;
    text-transform: uppercase;
}
.caixaFormulario form label.inlineTextos{
    text-transform: initial !important;
}
.caixaFormulario form label.inlineTextos .conteudoTexto{
    font-weight: 300;
}

p.fakeLabel{
    color: #121212;
    font-weight: 700;
    font-size: 13px;
}
a.btnCatalogo{
    font-family: 'Jura', sans-serif;
    color: #1332F8;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
.tag{
    background: #1332F8;
    color: #ffffff;
    font-family: 'Jura', sans-serif;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 20px;
}

.caixaFormulario form label.headerLabel{
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #121212;
}


.caixaFormulario form label .menor {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #2D2D2D;
}

.msgRetornoErro.erroAtivo p {
    color: #fff;
}
.grupoCampo{
    margin-top: 36px;
}

.grupoCampo.notValid > div{
    border: solid 1px #ff1430;
    position: relative;
}

.grupoCampo.notValid> div:after{
    position: absolute;
    top: -8px;
    right: 20px;
    background: #FFFFFF;
    color: #ff1430;
    content: "Obrigatório";
    font-size: 11px;
    padding: 0px 10px;;
}


.formField p {
    color: #6C6C6C;
    line-height: 23.5px;
}
.caixaFormulario form select {
    width: 100%;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    background-color: transparent;
    height: 64px;
    margin-top: 16px;
    color: #1D1D1D;
    padding: 0 24px;
}

.caixaFormulario form input[type='text']{
    width: 100%;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    height: 48px;
    margin-top: 16px;
    color: #6C6C6C;
    padding: 0px 8px;
    box-sizing: border-box;
    border-radius:4px ;
}



.caixaFormulario form textarea{
    width: 100%;
    height: 124px;
    resize: none;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    background-color: transparent;
    margin-top: 16px;
    padding: 8px;
    color: #6C6C6C;
    box-sizing: border-box;
    font-family: 'Jost', sans-serif;
}
#publicaPost {
    margin-top: 0 !important;
}
.caixaFormulario form textarea::placeholder{
    color: #6C6C6C;
    opacity: 1;
}
#btnVoltar {
    margin-left: 0 !important;
}
.caixaFormulario form .submit {
    height: 56px;
    border: none;
    color: #fff;
    line-height: 56px;
    font-size: 14px;
    text-transform:uppercase ;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 0px;
    transition: all ease-in 300ms 200ms;
    width: 370px;
    background: #1332F8;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
    font-family: 'Jura', sans-serif;
    border-radius: 56px;
}
.caixaFormulario form .submit:hover{
opacity: .9;
}

.caixaFormulario form .submit.desativado{
    background: #ececec;
    color: #ccc;
    pointer-events: none;
}

.tox-tinymce{
    margin-top: 24px;
    margin-bottom: 48px;
}
.caixaFormulario form .submit.sucesso {
    background: #77BA99;
    color: #ffffff;
}



.caixaFormulario form .voltar{
    margin-left: auto;
    margin-right: auto;
    width: 230px;
    display: block;
    margin-top: 16px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: #D33F49;
}

.msgBox{
    display: block;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-weight: 300;
    padding: 10px 10px;
    box-sizing: border-box;
}

.msgBox a{
    text-decoration: underline;
    color: #fbf9ff;
    display: block;
    margin-top: 8px;
}



.msgBox.sucesso{
    background-color:#da5869 ;
    color:#fbf9ff ;
    border:solid 1px #d84654;
}




.msgSucesso h2 {
    color: #1D1D1D;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
}
.msgSucesso a {
    color: #ffffff;
}

.msgBox.sucesso{
    background-color:#64a67f ;
    color:#4f9d69 ;
    border:solid 1px #4f9d69;
}
.msgBox.sucesso p {
    color: #ffffff;
}

.layoutColunas{display: flex;;}
.layoutColunas .col20 {
    flex-basis: 300px;
    height: 100vh;
    min-width: 300px;
}
.layoutColunas .col80{  flex-basis: 81%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 75px;
}
.textoIntroducao {
    max-width: 700px;
}
.textoIntroducao h1{
    color: #ffffff;
}
.textoIntroducao p{
    color: #6C6C6C;
}

.btnPadrao {
    width: 270px;
    height: 56px;
    border: 2px solid #ff9e4a;
    color: #ff9e4a;
    line-height: 56px;
    font-size: 20px;
    text-align: center;
    position: relative;
    font-weight: 500;
    margin-top: 54px;
    text-decoration: none;
    padding: 0;
    display: block;
    transition: all ease-in 300ms 200ms;
}

.btnPadrao:hover{
    background: #ff9e4a22;
    color: #ffffff;
}

.colunaHome {
    background: #1332F8;
}

#resultadoPrompt #btnVoltar {
    border: none;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: inherit !important;
    height: inherit !important;
    justify-content: left !important;
    padding: 0 !important;
    line-height: 0 !important;
    text-decoration: none;
    color: #ff9e4a;
    margin-top: 32px;
}
#btnVoltar svg {
    margin-right: 12px;
}
#resultadoPrompt #btnVoltar:hover {
    color: #ff9e4a !important;
    background: transparent !important;
}


.logotipo img{height: 100%}

/*Page login */
.layoutColunasFrm{display: flex;flex-wrap: wrap}
.col100{
    flex-basis: 100%;
}
.colunaTopoLogin{
    padding: 40px 0px;
}


.pageLogin .logotipo{
    margin-top: 0;
    height: auto;
    position: static;
    text-align: left !important;
}

.pageLogin .logotipo img{
    filter: invert(1);
}

.formLogin {
    height: auto;
    width: 370px;
    margin-left: auto;
    margin-right: auto;
    background: inherit;
    display: block;
    padding: 0;
    border-radius: 0;
    border: navajowhite;
    box-sizing: border-box;
}

.frmPadrao .groupCampo{
    margin-bottom: 16px;
    position: relative;
}



.frmPadrao .groupCampo label {
    display: block;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    position: absolute;
    bottom: 43px;
    transition: bottom ease-in-out 100ms 250ms;
    background: linear-gradient(180deg, rgb(245, 246, 247) 0%, rgb(255, 255, 255) 85%);
    left: 16px;
    padding: 0px 5px;
}


.frmPadrao .groupCampo input:focus{
    outline: none;
}
.frmPadrao .groupCampo input::placeholder{
    opacity: 1;
    color: #656565;
}

.frmPadrao .groupCampo.active input::placeholder{
    opacity: 1;
    color: #fff;

}
.frmPadrao .groupCampo.active input{
    color: #656565;
}
.frmPadrao .groupCampo input {
    transition: color ease-in-out 100ms 250ms;
    width: 100%;
    height: 50px;
    border: none;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    margin-bottom: 0px;
    border-radius: 0;
    margin-top: 0;
    padding-left: 0;
    color: #707070;
    font-size: 14px;
    background: none;
    color: transparent;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    font-size: 16px;
}

.frmPadrao .groupCampo input[type="submit"] {
    height: 56px;
    border: none;
    color: #FFFFFF;
    line-height: 56px;
    font-size: 14px;
    text-align: center;
    position: relative;
    text-decoration: none;
    padding: 0;
    display: block;
    cursor: pointer;
    margin-top: 32px;
    transition: all ease-in 300ms 200ms;
    background: #1332F8;
    border-radius: 56px;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
    text-transform: uppercase;
}

.frmPadrao .groupCampo input[type='submit']:hover{
    opacity: 0.8;
}

.frmPadrao .groupCampo a {
    color: #1332F8;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.frmPadrao .msgBoxFrm {
    margin-bottom: 32px;
    padding: 10px 64px;
    text-align: center;
    line-height: 21px;
    font-size: 14px;
    display: none;
}

.frmPadrao .msgBoxFrm.frmErr {
    display: block;
    background: #E63946;
    color: #ffffff;

}

.frmPadrao .msgBoxFrm.frmScs {
    display: block;
}

/*Builder*/
.contentBuilder .layoutColunas .col80.layPadrao{
    display: block;
    overflow:hidden;
}

.contentBuilder .controleAcesso {
    display: flex;
    justify-content: center;
    background: #1332F8;
    position: fixed;
    width: 300px;
    bottom: 0;
    border-top: 1px solid #3D36FF;
}
.contentBuilder .controleAcesso  .todoControle{
    width: 100%;
}

.contentBuilder .controleAcesso  .todoControle .container{
    display: flex;
    align-items: center;
    padding: 30px 0px;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

.contentBuilder .controleAcesso  .todoControle .menuUser{
    position: absolute;
    left: 0;
    top: 80%;
    width: 100%;
    background: #121212;
    padding: 10px;
    box-sizing: border-box;
    transition: all ease-in 200ms 300ms ;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
}

.contentBuilder .controleAcesso  .todoControle .menuUser.slided{
    top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    height: 100%;
    padding: 10px 36px;
}
.btnClose {
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 18px;
    top: 5px;
}


.contentBuilder .controleAcesso  .todoControle .menuUser a{
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}


.contentBuilder .controleAcesso  .todoControle .imgAvatar {
    flex-basis: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    border: solid 2px #fff;
    margin-right: 15px;
}
.contentBuilder .controleAcesso  .todoControle .imgAvatar img{
    width: 100%;
}

.contentBuilder .controleAcesso  .todoControle .textoControle p{
    margin: 0px 0px 4px 0px;
    padding: 0;
    color:#454545;
    font-weight: 400;

}

.contentBuilder .controleAcesso  .todoControle .textoControle p strong{
    font-weight: 600;
    color: #ffffff;
}
.internas .textoIntroducao h1 {
    border-left: solid 4px #ffffff;
    padding-left: 0;
    color: #1D1D1D;
    font-size: 32px;
    line-height: 47px;
    margin-bottom: 56px;
    margin-top: 96px;
    font-weight: 500;
}
.internas .textoIntroducao .h1Interna{
    margin-bottom: 48px;
}
.internas .layoutColunas .col80, .internas .layoutColunas .col20{
    height: auto;
    min-height: 100vh;
    position: relative;
}
.msgRetornoErro, .msgRetornoErroEt2 {
    display: none;
    background: #8E443D;
    color: #ffffff;
    margin-bottom: 32px;
    padding: 10px 64px;
    text-align: center;
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 32px;
    margin-top: 32px;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../../src/images/select.png');
    background-repeat: no-repeat;
    background-position: right center;
    width: calc(100% - 25px);
    background-position: calc(100% - 25px) center;
}

.msgRetornoErro.erroAtivo, .msgRetornoErroEt2.erroAtivo{
    display: block;
}

#resultadoPrompt{
    display: none;
}

#btnGerarPost.loading{
    pointer-events: none;
}

.todoGeraPost{
    display: flex;
}

.todoGeraPost form {
    flex-basis: 37%;
    padding-right: 48px;
}

.todoGeraPost .historico {
    padding: 16px;
    box-sizing: border-box;
    background: #F5F5F5;
    border: none;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 46%;
    padding-left: 54px;
}

.tox-notification.tox-notification--in.tox-notification--warning {
    width: 86%;
}
ol {
    padding-left: 0;
    list-style: inside;
    list-style-type: disc;
    list-style-type: decimal;
}

ol li a{
    color: #6C6C6C;
    text-decoration: none;
}
.todoGeraPost .historico h3{
    color: #ffffff;
    font-size: 24px;
    margin-top: 173px;
    color: #1D1D1D;
    font-weight: 400;
}

.todoGeraPost .historico ol li {
    color: #6C6C6C;
    text-decoration: none;
    margin-bottom: 24px;

    cursor: pointer;
}

.todoGeraPost .historico ol li a{
    color: #ffffff;
}

#resultadoPrompt  {
    padding-bottom: 64px;
}
#resultadoPrompt .btn a svg{
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 24px;
    text-align: center;
    fill:#1332F8;
    transition: all ease-in 200ms 300ms ;
}

#resultadoPrompt label {
    color: #1D1D1D;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

#resultadoPrompt textarea {
    width: 100%;
    height: 124px;
    resize: none;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    background-color: transparent;
    margin-top: 16px;
    padding: 8px;
    color: #6C6C6C;
    box-sizing: border-box;
    margin-bottom: 36px;
}
#resultadoPrompt .gruporefinar{
    display: flex;
    align-items: center;
}

#resultadoPrompt .formField{
    flex-basis: 100%;
}

#resultadoPrompt .btn {
    flex-basis: inherit;
    text-align: center;
    height: 64px !important;
    width: 270px !important;
    border: 2px solid #1332F8;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

#resultadoPrompt .btn a{
    display: block;
    width: 100%;
    text-align: center;
    color:#1332F8;
    text-decoration: none;
    transition: all ease-in 200ms 300ms ;
}

#resultadoPrompt .btn a:hover{
    color: #ffffff;
    background: #1332F8;
}
#resultadoPrompt .btn a:hover svg{
    fill: #1332F8;
}
#resultadoPrompt .btn a svg{
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-right: 24px;
    fill:#ff9e4a;
    transition: all ease-in 200ms 300ms ;
}
#resultadoPrompt input[type='text'] {
    width: 100%;
    resize: none;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    background-color: transparent;
    margin-top: 16px;
    padding: 8px;
    color: #6C6C6C;
    box-sizing: border-box;
    height: 48px;
}

#resultadoPrompt .botoes{
    display: block;
}
#resultadoPrompt .botaoPadrao {
    width: 270px !important;
    height: 64px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 18px !important;
    font-weight: 500 !important;

}
#resultadoPrompt .botaoPadrao:hover{
    color: #ffffff !important;
    background: #1332F8 !important;
}

.doisBotoes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#resultadoPrompt input[type='submit'], #resultadoPrompt input[type='button']{
    height: 48px;
    border: 2px solid #1332F8;
    color: #1332F8;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    position: relative;
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 32px;
    transition: all ease-in 300ms 200ms;
    width: auto;
    padding: 0pc 18px;
}

#resultadoPrompt input[type='submit']:hover, #resultadoPrompt input[type='button']:hover{
    background: #ff9e4a22;
    color: #ffffff;
}

#resultadoPrompt input[type='button']{
    margin-left: 16px;
}

#resultadoPrompt .btn a:hover svg{
    fill:#ffffff
}

.loaderContent{
    display: none;
    position: fixed;
    width: 100%;
    background: #131313;
    opacity: 0.98;
    height: 100%;

    left: 0;
    top: 0;
    z-index: 2;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 1000;
}

.loaderContent h4 {
    margin: 0;
    text-align: center;
    padding: 0;
    position: absolute;
    color: #fff;
    text-shadow: 3px 1px 5px #000;
    text-transform: uppercase;
    max-width: 300px;
    font-size: 22px;
}

.loaderContent svg{
    -moz-animation: giro .3s  infinite;
    -webkit-animation: giro .3s  infinite;
    -o-animation: giro .3s   infinite;
    animation: giro .3s  infinite;
    transform-origin: center center;
}

@keyframes giro {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-180deg); }
    100% { transform: rotate(-360deg); }
}

.loaderContent.loaderativo{
    display: flex;
}


.layoutColunasFrm.flex {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}


.imagemLogin {
    width: 945px;
    height: 100%;
    background-size: cover;
    background-position: bottom left;
}


.coluna.col100.colunaFrmLogin {
    width: 370px;
}

.coluna.col100.colunaTopoLogin p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
}

.coluna.col100.colunaTopoLogin h1 {
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 24px;
    margin-top: 96px;
}

.coluna.col100.colunaTopoLogin strong{
    font-weight: 500;
}





.todoLogin {
    padding-left: 20%;
}

.todoLogin .commonSeparator{
    margin-top: 48px;
    margin-bottom: 48px;
}

.textoControle {
    display: flex;
    align-items: center;
}

.textoControle svg{
    margin-left: 12px;
}
.textoControle p{
    margin-bottom: 0 !important;
}

ul {
    list-style: none;
}

.iconeMenu {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 12px;
}

ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    margin-bottom: 36px;
    display: flex;
    text-decoration: none;
    align-items: center;
}
ul {
    padding-left: 36px;
}

.col20 .logotipo {
    padding: 36px;
    padding-bottom: 48px;
}
ul .ativo a{     color: #ff1430;}

@media only screen and (max-width:1700px) {
    .todoLogin {
        padding-left: 10%;
    }

}


@media only screen and (max-width:1500px) {
    .imagemLogin {
        width: 745px;}
}

@media only screen and (max-width:1280px) {
    .imagemLogin {
        width: 700px;}
}



.options {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    padding: 0;
    top: 49px;
    border: 1px solid #DEDEDE;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 999;
}

.select-fake, .select-fake-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #656565;
    max-width: 570px;
    height: 56px;
    padding: 0 24px;
    box-sizing: border-box;
    margin-top: 12px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

.select-fake-list .listItem{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.select-fake-list .icone{
    flex-basis: 16px;
    background-color: #DCDCDC;
    border-radius: 4px;
    padding: 3px;
    display: flex;
    border: none;
    margin-right: 10px;
}

.select-fake-list .icone svg{
    position: static;
    right: 0px;
}

.select-fake-list .icone svg {
    fill: #636363
}
.select-fake-list .icone svg.disc{
    fill:transparent;
    stroke: #636363
}
.select-fake-list .icone svg.disc path{
    stroke: #636363
}

.options li {
    height: 42px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    cursor: pointer;
    color: #656565;
    font-weight: 300;
}

.selected {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    padding-left: 24px;
    cursor: pointer;
    z-index: 10;
    color: #656565;
}

.Ativo .selected {
    color: #656565;
}

.select-fake svg,  .select-fake-list  svg {
    position: absolute;
    right: 24px;
}

/*
.select-fake span{
    opacity: 0;
    transition: top ease-in-out 0.3s;
}*/

.select-fake-list span{
    opacity: 0;
    transition: top ease-in-out 0.3s;
}

.select-fake-list span.SpanAtivo{
    opacity: 1;
    color: #6C6C6C;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    top: -16px;
    position: relative;
}

.select-fake .SpanAtivo, .select-fake span{
    opacity: 1;
    color: #6C6C6C;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    top: -16px;
    position: relative;
}

.SpanAtivo {
    top: -16px;
    position: relative;
}
.SetaAtivo{
    transform: rotate(180deg);
    transition: transform ease-in-out 0.3s;
}
.SetaAtivo path{
    fill: #3D36FF;
}



.options li:hover{
    background: #DEDEDE;
}

.select-fake-list .selected{
    top:inherit;
}
.select-fake-list .selected.Ativo{
    top: 7px;
}


.selected.Ativo, .selected {
    top: 0px;
}

.select-fake.Ativo{
    border: 2px solid #1332F8;
}

.col20{
    transition: width ease-in-out 0.2s;
    transition: flex-basis ease-in-out 0.2s;
}


.coluna.col20.colunaHome.MenuFechado {
    width: 80px;
    flex-basis: 80px;
    transition: width ease-in-out 0.2s;
    transition: flex-basis ease-in-out 0.2s;
}

.coluna.col20.colunaHome.MenuFechado ul li a{
    display: none;
}

.coluna.col20.colunaHome.MenuFechado .iconeMenu{
    display: block;
}

.layoutColunas.padrao .coluna.col80 {
    align-items: flex-start;
}

.layoutColunas.padrao .coluna.col80 h1 {
    margin-bottom: 166px;
}

.btnPadrao.padrao {
    width: 270px;
    height: 56px;
    border: 2px solid #1332F8;
    color: #fff;
    line-height: 56px;
    font-size: 20px;
    text-align: center;
    position: relative;
    font-weight: 500;
    margin-top: 91px;
    text-decoration: none;
    padding: 0;
    transition: all ease-in 300ms 200ms;
    background: #1332F8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnPadrao.padrao svg{
    margin-right: 16px;
}
.menu ul {
    margin-top: 0;
}
.link {
    display: flex;
    align-items: center;
    margin-top: 24px;

}
.link a{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ff1430;
    text-decoration: none;
    margin-left: 12px;

}
.btnPadrao.padrao:hover{
    background: #ff1430;
    opacity:.9;
}


.campoSubmit{
    margin-top: 48px;
}

.groupColumns{
    margin-left: -15px;
    margin-right: -15px;
}

.select-fake-card .options{
    display: flex;
    opacity: 1;
    position: static;
    background: transparent;
    border: none;
    box-shadow: none;
    flex-wrap: wrap;
    width: auto;
}

.select-fake-card .options li{
    height: auto;
    display: inherit;
    flex-basis: 50%;
    padding: 0 15px;
    margin-bottom: 24px;
    box-sizing: border-box;
}

.select-fake-card .options.fixedWidth li {
    flex-basis: unset;
}

#plataformas.select-fake-card .options.fixedWidth li{
    flex-basis: 200px;
    min-width: 200px;
}

#plataformas.select-fake-card .options.fixedWidth .cardOption{
   height: 74px;
}

#plataformas.select-fake-card .options.fixedWidth .cardOption .imagem{
    width: auto;
}


.select-fake-card.cardSelect .options li{
    position: relative;
}

.select-fake-card.cardSelect .options li:before{
    content: "";
    background: transparent;
    outline: solid 2px #1D1D1D;
    border: solid 2px #dfdfdf;
    width: 24px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 12px;
}

.select-fake-card.cardSelect .options li.cardAtivo:before{
    border: solid 2px transparent;
    outline: solid 2px #dfdfdf;
    background-color: #6d36fb;
    position: relative;
    background-image:url('../images/check.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.select-fake-card .options li:hover{
    background: transparent ;
}

.select-fake-card .options li:hover > .cardOption{
   /* background:#efefef;*/
}

.select-fake-card .options li.cardAtivo > .cardOption .imagem{
  /*  outline: solid 3px #268f52;*/
    outline: 2px solid #1332F8;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    border: solid 1px transparent;
}
.select-fake-card .options li.cardAtivo > .cardOption:after{
    background-image: url("../images/check.png");
    content: " ";
    height: 18px;
    width: 18px;
    background-color: #1332F8;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 21px;
    right: 21px;
    background-repeat: no-repeat;
    background-position: center;
}



.select-fake-card .options li .cardOption{
  /*  border: 1px solid #DEDEDE;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);*/
    width: 100%;
    text-align: center;
    padding: 16px 0px 0px;
    transition: background ease-in 200ms;
}

.select-fake-card .options li .cardOption .imagem{
    width: 216px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #656565;
    padding: 25px;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
}

.select-fake-card .options li .cardOption img{
    max-width: 100%;
}
.select-fake-card .options li .cardOption p{
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 12px;
    max-width: 216px;
    margin-left: auto;
    margin-right: auto;
    min-height: 54px;
}

#plataformas .cardOption{
min-height: 100px;}

.controladorEtapas{position: relative;
    margin-bottom: 64px;
    margin-top: 24px;}
.controladorEtapas .rowControladorEtapas{display: flex;
    gap: 20px;
    font-size: 14px;justify-content: space-between;}
.controladorEtapas .itemEtapa{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #cfcfcf;
    font-weight: 500;
    flex-wrap: wrap;
    text-transform: uppercase;
}

.controladorEtapas .itemEtapa span{
    display: block;
    flex-basis: 100%;
    text-align: center;
}

.controladorEtapas .itemEtapa span  i{
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    border: 1px solid #D7D1D1;
    border-radius: 50%;
    background: #FFFFFF;
    position: relative;
    top: 8px;
    color: #656565;
    font-family: 'Montserrat';
font-style: normal;
}

.controladorEtapas .itemEtapa div {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    color: #656565;
    margin-top: 20px;
    font-family: 'Jura', sans-serif;
}


.controladorEtapas .itemEtapa.EtapaAtiva span i{
    background: #1332F8;
    border: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}


.controladorEtapas .itemEtapa.EtapaAtiva div{
    color: #1332F8;
    font-weight: 700;
}

.controladorEtapas .itemEtapa.EtapaAtiva{
    color: #fff;
    border-radius: 10px;
    padding: 0px 15px;
    position: relative;
    cursor: pointer;
}

.controladorEtapas .itemEtapa.EtapaConcluida{
    color: #fff;
    border-radius: 10px;
    padding: 0px 15px;
    position: relative;
    cursor: pointer;
    opacity: .8;
}

.controladorEtapas .itemEtapa.EtapaConcluida span i{
    background: #1332F8;
    border: none;
    color: #FFFFFF;
}
.controladorEtapas .itemEtapa.EtapaConcluida div{
    color: #1332F8;
    font-weight: 700;
}


.controladorEtapas .timeline{
    position: absolute;
    height: 2px;
    width: 100%;
    background: #EAEAEA;
    top: 0;
    margin-top: 27px;
}

.frmEtapa{
    display: none;
}
.frmEtapa.frmEtapaAtiva{
    display: block;
}

/*Buildes pt2*/
.estrutura-criativo{
    background: #ECECEC;
    width: 50%;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
}
.caixa-Criativo h2{
    margin-top: 14px;
    font-size: 12px;
    color: #606060;
    font-weight: 500;
}

#BtnAddAsset {
    margin-top: 24px;
}

#BtnAdd, #BtnAddAsset {
    color: #FFFFFF;
    background: #ff1430;
    text-decoration: none;
    display: inline-flex;
    padding: 0px 20px;
    height: 36px;
    align-items: center;
    cursor: pointer;
}
#BtnAdd.disabled, #BtnAddAsset.disabled{
    cursor: pointer;
    background: #efefef;
}

#BtnAdd svg, #BtnAddAsset svg{
    fill: #FFFFFF;
    margin-right: 8px;
}
#BtnAdd svg *, #BtnAddAsset svg *{
    stroke: #FFFFFF;
}
#BtnAdd:hover, #BtnAddAsset:hover{
    opacity: .9;
}


.modal-txt-edit {
    position: fixed;
    right: 0;
    top: 0;
    background: #edede3;
    height: 100%;
    width: calc(50% - 275px);
    border-left: solid 1px #dedede;
    padding:15px;
    transform: translateX(100%);
    transition: transform ease-in 300ms 200ms;
}

.modal-txt-edit.modalAtivo{
    transform: translateX(0%);
}

.modal-txt-edit .btnClose{
    color: #1D1D1D;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
}

.modal-txt-edit h3{
    color: #666666;
    font-size: 24px;
}

.modal-txt-edit .caixaFormulario form input[type="text"]{
    background: transparent;
    color: #1D1D1D;
}


.modal-txt-edit .campoSubmit {
    margin-top: 48px;
}

.modal-txt-edit .AIGen{
    display: inline-flex;
    cursor: pointer;
    margin-top: 12px;
    align-items: center;
    color: #ff1430;
    transition: opacity ease-in 100ms;
}

.modal-txt-edit .AIGen:hover{
    opacity: .8;
}

.modal-txt-edit .AIGen svg{
    margin-right: 8px;
    stroke: #ff1430;
}

.modal-txt-edit .loadingGif{
    display: none;
}

.modal-txt-edit .btnRemove{
    margin-top: 36px;
    cursor: pointer;
    color: #ff1430;
    transition: opacity ease-in 100ms;
    /* display: inline-flex;*/
    display:none;
    align-items: center;
}

.modal-txt-edit .btnRemove.removeAtivo{
    display: inline-flex;
}

.modal-txt-edit .btnRemove svg{
    margin-right: 8px;
}

.modal-txt-edit .btnRemove svg *{
    stroke:#ff1430
}

.modal-txt-edit.Loading .loadingGif{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,128,148,0.7);
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select-fake-card.uploadField .options li .cardOption{
    padding: 0px 24px;
    display: flex; align-items: center;background: #FFFFFF;}
.select-fake-card.uploadField .options li .cardOption .imagem{flex-basis: 24px;width: 24px}
.select-fake-card.uploadField .options li .cardOption svg{
    width: 24px;
}
.select-fake-card.uploadField .options li .cardOption p {
    margin-top: 0;
}


.modal-asset-edit {
    position: fixed;
    right: 0;
    top: 0;
    background: #edede3;
    height: 100%;
    width: calc(50% - 275px);
    border-left: solid 1px #dedede;
    padding:15px;
    transform: translateX(100%);
    transition: transform ease-in 300ms 200ms;
}

.modal-asset-edit.modalAtivo{
    transform: translateX(0%);
}

.modal-asset-edit .loadingGif{
    display: none;
}

.modal-asset-edit.Loading .loadingGif{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,128,148,0.7);
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-asset-edit .btnClose{
    color: #1D1D1D;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
}


.Menu-brandFiat path:nth-child(1) {
    animation: fade-in 1s ease-in-out infinite;
}

.Menu-brandFiat path:nth-child(2) {
    animation: fade-in 1s ease-in-out infinite;
    animation-delay: 0.25s;
}

.Menu-brandFiat path:nth-child(3) {
    animation: fade-in 1s ease-in-out infinite;
    animation-delay: 0.5s;
}

.Menu-brandFiat path:nth-child(4) {
    animation: fade-in 1s ease-in-out infinite;
    animation-delay: 0.75s;
}

.oculto{
    display: none !important;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#promptGen{
    display: none;
}

#retornoApi{
    display: none;
}
#retornoApi.retornoAtivo{
    display: block;

}

#retornoApi .errRetorno{
    display: block;
    margin-top: 16px;
    max-width: 100%;
    text-align: center;
    background: #e30b09;
    color: #ffffff;
    padding: 15px 30px;
}


.caixa-Criativo .format span{
    display: block;
    cursor: pointer;
}
.caixa-Criativo .format span:after{
    content: "";
    margin-left: 6px;
    background-image: url('../images/pencil.png');
    height: 12px;
    width: 12px;
    background-size: contain;
    display: none;
}

.estrutura-criativo:hover .caixa-Criativo .format > span:after{
    display: inline-block;
}

.caixa-Criativo .format span:hover{
    color: #ff1430;
}

.caixa-Criativo .format .titulo{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: #1D1D1D;
    margin-top: 24px;
}

.caixa-Criativo .format .descricao{
    font-weight: normal;
    font-size: 13px;
    color: #1D1D1D;
    margin-top: 8px;
}
.caixa-Criativo .format .disclaimer{
    font-weight: normal;
    font-size: 10px;
    color: #1D1D1D;
    margin-top: 8px;
}

svg#upload *{
    fill: #268f52;
}

.options li.embreve{

}
.options li.embreve svg {
    stroke: #dfdfdf;
}

.options li.embreve {
    pointer-events: none;
}

.options li.embreve .cardOption{
    cursor: not-allowed;
}
.options li.embreve .desc p{
    color: #dfdfdf;
}

.noUpload{
    display: none;
}

.loadingGifGeral {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255,0.9);
    z-index: 99;
    display: none;
    align-items: center;
    justify-content: center;
}

.loadGeralAtivo{
    display: flex;
    flex-wrap: wrap;
}
.loadGeralAtivo p{
    color: #313131;
    font-weight: bold;
    flex-basis:100%;
    text-align: center;
}

.loadGeralAtivo .elLoading {
    text-align: center;
}


.previewContent .contImage{
    max-width: 120px;
}
.previewContent .contImage img{
    width: 100%;
}
.controlsAssetPrincipal a{
    display: flex;
    width: 200px;
    align-items: center;
    color: #ff1430;
    text-decoration: none;
    margin-bottom: 2px;
}

a.trocarAsset  svg {fill:#ff1430;width: 16px;margin-right: 8px;}
a.excluirAsset svg{width: 18px;margin-right: 8px;}
a.excluirAsset svg * {stroke:#ff1430}

.listAssetsSecs{}
.listAssetsSecs .itemAsset{
    cursor: pointer;
    display: flex;
    margin-top: 16px;
    align-items: center;

}
.listAssetsSecs .itemAsset:hover{
    opacity: .9;
}
.listAssetsSecs .itemAsset .image{
    width: 70px;
    margin-right: 16px;
}
.listAssetsSecs .itemAsset .image img{
    width: 100%
}
.listAssetsSecs .itemAsset svg *{
    stroke: #ff1430;
    cursor: pointer;
}

.campoBtnAdd{
    margin-top: 48px;
}
.campoSubmit{
    margin-bottom: 36px;
    display: flex;
    align-items: center;
}



.loadingGeralResults{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(233, 233, 255,0.8)
}

.loadingGeralResults .elLoading{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
}

.loadingGeralResults .elLoading{
    flex-basis: 100%;
}
.loadingGeralResults .elLoading>div{
    text-align: center;
}

.loadingGeralResults .elLoading p {
    flex-basis: 100%;
    text-align: center;
    color:#313131;
    font-weight: bold;
}

.modal-editor-criativo{
    position: fixed;
    right: 0;
    top: 0;
    background: #f5f5f5;
    height: 100%;
    width: calc(80% - 275px);
    border-left: solid 1px #e9e9e9;
    padding:15px;
    transform: translateX(100%);
    transition: transform ease-in 300ms 200ms;
    overflow-y: auto;
}

.modal-editor-criativo .contModal {
    position: relative;
    padding: 75px 16px;
}

body.modalEditorAtivo{
    max-height: 100vh;
    overflow: hidden;
}

.modal-editor-criativo .btnClose{
    color: #313131;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
}

.modal-editor-criativo.modalAtivo{
    transform: translateX(0%);
}

.carModelos.noClick{
    pointer-events: none;
}

.controls {
    background: #afafaf;
    padding: 10px;
}

.previewOficial{
    padding: 16px 5px;
}

.modal-editor-criativo .loadingGif{
    display: none;
}
.contModal{position: relative}
.modal-editor-criativo.Loading .loadingGif{
    position: absolute;
    left: -16px;
    width: calc(100% + 32px);
    height: calc(100vh);
    background:rgba(233, 233, 255,0.8);
    top: -16px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grupoOculto{
    display: none;
}

/*EXTRAS NOVOS FLUXOS*/
.selectLinha{}

.caixaFormulario form label.inline{
    display: flex;
    align-items: center;
}

label .caixaSelect{
    background: #FFFFFF;
    border: 2px solid #313131;
    width: 96px;
    height: 36px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    border-radius: 36px;
    color: #1332F8;
}

label .caixaSelect svg{
    display: none;
}

label .caixaSelect.selectInlineAtivo{
    border: solid 2px transparent;
    outline: solid 2px #dfdfdf;
    background: #209051;
    position: relative;
}
label .caixaSelect.selectInlineAtivo svg{
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
}
label .caixaSelect.selectInlineAtivo svg * {
    stroke:white;
}

label .caixaSelect.left{
    margin-right: 14px;
}

.selectLinha{
    margin-top: 0px;
    position: relative;
}

.inputFilho{
    display: none;
}

.inputFilho.filhoAtivo{
    display: block;
    margin-top: 8px;
}

.dispFlex{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: end;
    background: #efefef;
    padding: 10px 16px;
}
.dispFlex span{
    margin-right: 8px;
}
.dispFlex span.preText2{
    margin-left: 8px;
}
.caixaFormulario form .dispFlex input[type="text"]{
    border-top: none;
    border-left: none;
    border-right: none;
    height: auto;
    margin-top: 8px;
    background: transparent;
    color: #000;
}

.dispFlex input{
    flex: 1;
}

form .separador{
    border-bottom: solid 1px #cdcdcd;
    height: 1px;
    width: 100%;
    margin-top: 36px;
    margin-bottom: 36px;
}
.grupoCampo.no-margin{
    margin-top: 0px;
}

.carPreviw{
    display: none;
}

.carPreviw.prevAtivo{
    display: flex;
    flex: 1;
    max-width: calc(100% - 700px - 48px);
    margin-top: 290px;
    position: absolute;
    right: 19%;
}

.controlsNav .prev {
    position: absolute;
    left: -28px;
    top: 50%;
    cursor: pointer;
    font-size: 24px;
    transform: translateY(-50%) scaleY(2);
    transform-origin: center;
    color: #1332F8;

}

.controlsNav .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scaleY(2);
    transform-origin: center;
    color: #1332F8;
    margin-left: 14px;
    cursor: pointer;
    font-size: 24px;
}

.controlsNav .prevXml {
    position: absolute;
    left: 80px;
    top: 50%;
    cursor: pointer;
    font-size: 24px;
    transform: translateY(-50%) scaleY(2);
    transform-origin: center;
    color: #1332F8;
}

.controlsNav .nextXml {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scaleY(2);
    transform-origin: center;
    color: #1332F8;
    margin-left: 14px;
    cursor: pointer;
    font-size: 24px;
}


.contentBuilder .layoutColunas .col80.layPadrao.flexLayout{
    display: flex;
    justify-content:space-between;
    align-items: start;
    position: relative;
    overflow: visible;
}

.contentBuilder .layoutColunas .col80.layPadrao.flexLayout .textoIntroducao {
    flex-basis: 700px;
}


.carPreviw .previewTextos{
    display: none;
}
.carPreviw .previewTextos.atvCar{
    display: none !important;
}

.carPreviw .previewTextos .avisoPrev{
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color:#656565;
}


.previewTextos .tdContainer {
    max-width: 472px;
}
.previewTextos .tdContainer .caixaInterna{
    background: linear-gradient(0deg, #F2F2F2, #F2F2F2);
    padding: 16px;
    border: 1px solid #8D8D8D;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
}

.previewTextos .tdContainer .caixaInterna .internaPrev{
    background: #FFFFFF;
}


.previewTextos .topoExt{
    background: #8D8D8D;
    color: white;
    display: inline-block;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    width: 227px;
    height: 47px;
    text-align: center;
}
.previewTextos .topoInterno {
    background:  #FFFFFF;
    border-top-right-radius: 0px;
    display: flex;
    padding: 13px 16px;
    align-items: center;
    border-bottom: solid 1px #E9E9E9;
}

.previewTextos .topoInterno .avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
    border: 1px solid #CCCCCC
}

.previewTextos .topoInterno .avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.previewTextos .topoInterno .user {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #1f1f1f;
}

.previewTextos .topoInterno svg{
    margin-left: 4px;
}

.previewTextos .footer{
    background: #FFFFFF;
    display: flex;
    padding: 4px 16px;
    border-top: solid 1px #E9E9E9;
    margin-top: 32px;
}

.previewTextos .footer .desc p{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #40424A;
    padding-top: 15px;
}

.previewTextos .arte{
    position: relative;
    overflow: hidden;
    min-height: 370px;
    padding:16px;
    box-sizing: border-box;
}

.previewTextos .arte div{
    position: relative;
    z-index: 2;
}

.previewTextos .arte div.detalhe{
    position: absolute;
    right: -30px;
    top: -62px;
    width: 200px;
    height: 100px;
    background: #5f5f5f;
    transform: rotate(-140deg);
    z-index: 1;
    opacity: .4;
}

.previewTextos .arte div.detalhe2{
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 150px;
    height: 150px;
    background: #fdfdf3;
    transform: rotate(-140deg);
    border-radius: 50%;
    z-index: 1;
    opacity: .4;
}

.previewTextos .arte .titulo {
    color: #40424A;
    font-size: 24px;
    font-weight: 800;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
}

.previewTextos .arte .cupom {
    font-weight: 700;
    margin-top: 16px;
}


.previewTextos .arte .destaque{
    background: #40424A;
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 12px;
}


.previewTextos .arte .desconto{
    font-weight: 700;
    font-size: 18px;
    margin-top: 14px;
}


.previewTextos .arte .subtitulo{
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #40424A;
    margin-top: 10px;
}

.previewTextos .arte .features{
    margin-top: 12px;
}

.previewTextos .arte .features ul{
    padding-left: 0px;
}
.previewTextos .arte .features ul li{
    list-style-position: inside;
    list-style-type: disc;
}

.previewTextos .arte .cta {
    margin-top: 26px;
    background: #40424A;
    color: #fff;
    padding: 13.5px 0px;
    transform: inherit;
    display: block;
    width: 194px;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0em;
}

.previewTextos .arte .cta.oculto{
    display: none;
}


.previewTextos .arte .cta span{
    transform: skew(15deg);
}
.previewTextos .arte  .logo{
    width: 64px;
    height: 64px;
    margin-bottom: 13px;
    background: #cccccc;
}

.previewTextos .arte .nome{
    margin-bottom: 8px;
}

.previewTextos .arte .preco{
    margin-top:16px;
    color: #4f4f4f;
    font-weight: bold;
    font-size: 18px;
}

.editarKv{
    display: none;
}

.cardAtivo{
    position: relative;
}
.cardAtivo .editarKv{
    display: block;
    position: absolute;
    /*
    cursor: pointer;
    background: #268f52;
    color: #fff;
     */
    cursor: not-allowed;
    background: #cccccc;
    color: #a9a9a9;
    z-index: 6;
    left: 50%;
    bottom: -32px;
    font-size: 13px;
    padding: 2px 10px;
    opacity: .9;
    font-weight: bold;
    border-radius: 10px;
    transform: translateX(-50%);
}

.caixaFormulario form label.inlineTextos{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    background: #efefef;
    padding: 12px;
    box-sizing: border-box;
}
.caixaFormulario form label .caixaSelect.right{
    margin-left: 8px;
}

.conteudoTexto {
    flex: 1;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}


.btnsAdd{
    display: flex;
    margin-top: 24px;
}

.btnsAdd> div{
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 16px;
    border: 2px solid #1332F8;
    padding: 0px 0;
    box-sizing: border-box;
    color: #fff;
    transition: all ease-in 300ms 200ms;
    border-radius: 36px;
    text-align: center;
    line-height: 36px;
    width: 270px;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0em;
    background: #1332F8;
    font-family: 'Jura', sans-serif;
}

.btnAddManual{
    border: 2px solid #121212 !important;
    border-radius: 1px !important;
    color: #121212 !important;
    background: transparent !important;
    border-radius: 36px !important;
}

.btnsAdd> div:hover{
opacity: 0.8;
}

.btnsAdd> div:hover svg{

}



.btnsAdd> div svg {
    margin-right: 8px;
    stroke: none;
    transition: all ease-in 300ms 200ms;
}
.btnsAdd > div svg path {
    fill: #ffffff;
  }

.btnsAdd> div svg *{
}

.caixaNovoTexto.caixaOculta{
    display: none;
}

.caixaNovoTexto{
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 99;
    background: #edede3ee;
    align-items: center;
    justify-content: center;
}

.caixaNovoTexto .loadingSomenteIA , .caixaNovoTexto .formFake{
    display: none;
}

.caixaNovoTexto .formFake.frmAtivo {
    display: flex;
}
.caixaNovoTexto .formFake.frmAtivo form{
    display: flex;
    flex-wrap: wrap;
}
.caixaNovoTexto .formFake.frmAtivo form label, .caixaNovoTexto .formFake.frmAtivo form input{
    flex-basis: 100%;
}


.caixaNovoTexto .formFake.frmAtivo form label{
    font-weight: bold;
    font-size: 24px;
}

.caixaNovoTexto #txtNewTexto{
    height: 64px;
    background: #fff;
    color: #1d1d1d;
    outline: none;
    border: 1px solid #1D1D1D;
    margin: 26px 0px;
    box-sizing: border-box;
    padding: 0px 10px;
    font-size: 16px;
    font-weight: bold;
}
.caixaNovoTexto input[type=submit]{
    height: 64px;
    border: none;
    color: #fff;
    line-height: 56px;
    font-size: 18px;
    text-align: center;
    position: relative;
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 0px;
    transition: all ease-in 300ms 200ms;
    width: 370px;
    background: #ff1430;
}

.caixaNovoTexto #cancel{
    flex-basis: 100%;
    color: #ff1430;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    margin-top: 10px;
}


.caixaNovoTexto .loadingSomenteIA.loAtivo{
    display: flex;
}
.caixaNovoTexto .loadingSomenteIA.loAtivo  .elLoading{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.caixaNovoTexto .loadingSomenteIA.loAtivo  .elLoading svg{
    flex-basis: 100%;
}

.caixaNovoTexto .loadingSomenteIA.loAtivo .elLoading p{
    color:#313131;
    font-weight: bold;
}

.textoResultados {
    padding-bottom: 36px;
    max-width: 900px;
}

.textoResultados .itemSize {
    overflow: hidden;
    margin-bottom: 36px;
    margin-top: 36px;
    position: relative;
    z-index: 0;
}

.textoResultados .itemSize.numItem-0{
    display: none !important;
}

.resultados-form .itemSize h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #656565;
    margin-bottom: 36px;
}

.resultados-form .itemSize h3 strong{
    font-weight: 700;
    display: block;
    color: #121212;
}


.itemSize .imgPrev{
    text-align: center;
}

.imgPrev img{
    width: 300px;
}
.carModelos {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding-left: 0px;
    padding-right: 0px;
    gap: 30px;
}
.carModelos .itemCar {
    margin-right: 0px;
    margin-bottom: 24px;
    flex-basis: calc(33.333% - 25px);
    display: flex;
    justify-content: center;
    border: 1px solid #656565;
    padding-top: 24px;
    flex-wrap: wrap;
    cursor: pointer;
    padding-bottom: 24px;
    z-index: 0;
    position: relative;
    background: #F2F2F2;
    transition: background ease-in 300ms 200ms;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

.carModelos .itemCar:after{
    content: " ";
    width: 18px;
    height: 18px;
    border: 1px solid #656565;
    background: #ffffff;
    position: absolute;
    right: 11px;
    top: 16px;
    border-radius: 50%;
}

.carModelos .itemCar.itemCarAtivo:after{
    background: #1332F8;;
    border-color: #1332F8;;
    background-image: url("../images/check.png") ;
    background-repeat: no-repeat;
    background-position: center;
}

.carModelos .itemCar:before{
    content: " ";
    width: calc(100% - 64px);
    position: absolute;
    height: calc(100% - 96px );
    padding: 24px 16px;
    top: 24px;
    left: 16px;
    background: white;
}

.itemCar .header {
    height: 49px;
    background: #fff;
    width: 100%;
    border-bottom: solid #E9E9E9 1px;
    border-bottom: solid #e9e9e9 1px;
    position: relative;
    margin-bottom: 16px;
}
.itemCar .descricao  p{
    font-size: 13px;
    padding: 8px 16px;
}
.itemCar .descricao p strong{
    margin-right: 8px;
}


.itemCar .header img{
    position: relative;
    top: 12px;
    left: 15px;
    width: 80px;
}

.itemCar .descricao{
    width: 100%;
    background: #FFFFFF;
    margin-top: 30px;
    position: relative;
    border-top: solid #e9e9e9 1px;
    position: relative;
}

.carModelos .itemCar .editarCriativo{
    position: absolute;
    z-index: 6;
    right: 5px;
    bottom: 7px;
    background: #1332F8;
    padding: 11.5px 18.5px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in 300ms 200ms;
    border-radius: 1px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: center;
    font-family: 'Jura', sans-serif;
    border-radius: 48px;
}

.carModelos .itemCar .editarCriativo:hover{
    opacity: 0.8;
}

.carModelos .itemCar .editarCriativo svg{
    margin-right: 8px;
}
.carModelos .itemCar .editarCriativo svg *{
    fill:white;
}


.carModelos .itemCar.itemCarAtivo {
    border: solid 2px #1332F8;
}

.carModelos .itemCar .sel {
    flex-basis: 100%;
    text-align: center;

}
.carModelos .itemCar .sel p {
    font-size: 18px;
    font-weight: bold;
    color: #ff1430;
    margin-top: 24px;
    margin-bottom: 0px;
    overflow: hidden;
    transition: all ease-in 300ms 200ms;
}
.carModelos .itemCar .sel span {
    font-size: 13px;
    color: #6C6C6C;
    display: inline-block;
    max-width: 200px;
    transition: all ease-in 300ms 200ms;
}

.carModelos .itemCar>div.containerMini{
    transform: scale(.2);
    transform-origin: top left;
}

.carModelos .itemCar:hover{
    border-color: #1332F8;
    opacity: .9;
    background: #cdc6ef;
}

.carModelos .itemCar:hover .sel p {
    color: #609070;
}
.carModelos .itemCar:hover .sel span {
    color: #609070;
}


.c-1080x1080 .carModelos .containerMini {
    width: 216px;
    height: 216px;
}


.c-1080x1920 .carModelos .containerMini {
    width: 216px;
    height: 384px;
}

.c-1200x628 .carModelos .containerMini {
    width: 240px;
    height: 125.6px;
}

.c-1080x1350 .carModelos .containerMini {
    width: 216px;
    height: 270px;
}

.c-1200x1200 .carModelos .containerMini {
    width: 216px;
    width: 216px;
}


.carModelos .itemCar .containerMini >div{
    pointer-events: none;
}

.checkouPublicacao {
    position: fixed;
    top: 36px;
    right: 36px;
    background: #1332F8;
    border-radius: 30px;
    text-align: center;
    width: 220px;
    cursor: pointer;
    transition: all ease-in 300ms 200ms;
}

.checkouPublicacao:hover{
    opacity: .8;
}

.checkouPublicacao.checkoutAtivo{
    right: calc(80% - 275px - 1px);
    width: auto;
}
.checkouPublicacao.checkoutAtivo .tip{
    display: none;
}
.checkouPublicacao.checkoutAtivo  .selecionados{
    margin-bottom: 8px;
    justify-content: left;
}
.checkouPublicacao.checkoutAtivo:hover{
    opacity: 1;
}
.checkouPublicacao.checkoutAtivo .selecionados #numItens{
    width: 34px;
    height: 34px;
    margin-right: 8px;
    margin-left: 8px;
}
.checkouPublicacao.checkoutAtivo .selecionados span{
   display: none;
}

.checkouPublicacao .selecionados{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    margin-top: 8px;

}

.checkouPublicacao .tip {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    margin-top: 4px;
    font-size: 13px;
    margin-bottom: 5px;
}

.checkouPublicacao .tip svg{
    margin-right: 3px;
    width: 18px;
}
.checkouPublicacao .tip svg *{
    fill: #FFFFFF;
}

.checkouPublicacao .selecionados #numItens{
    background: white;
    color: #313131;
    width: 23px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    transition: all ease-in 300ms 200ms;
}

.modal-editor-criativo .campoSubmit{
    margin-top:36px;
}

.modal-customizar-criativo .campoSubmit{
    margin-top:64px;
}

.modal-editor-criativo .campoSubmit input, .modal-customizar-criativo .campoSubmit input{
    height: 48px;
    border: none;
    color: #ffffff;
    line-height: 48px;
    font-size: 14px;
    text-align: center;
    position: relative;
    font-weight: 700;
    border-radius: 48px;
    text-decoration: none;
    padding: 0;
    display: block;
    cursor: pointer;
    margin-top: 24px;
    transition: all ease-in 300ms 200ms;
    background: #1332F8;
    min-width: 220px;
    font-family: 'Jura', sans-serif;
}

.modal-editor-criativo .campoSubmit input:hover, .modal-customizar-criativo .campoSubmit input:hover{
    opacity: .9;
}

.seletor_de_plataformas{
    display: flex;
}
.seletor_de_plataformas .selItem{
    background: #dfdfdf;
    padding: 8px 15px;
    text-align: center;
    color: #7f7f7f;
    border-radius: 0px;
    margin-right: 8px;
    cursor: pointer;
    font-size: 13px;
    font-family: 'Jura', sans-serif;
    font-weight: 700;
    border-radius: 24px;
}

.seletor_de_plataformas .selItem.selAtivo{
    color: #ffffff;
    background:#1332F8;
    pointer-events: none;
    font-family: 'Jura', sans-serif;
    font-weight: 700;
    border-radius: 24px;
}

.modal-customizar-criativo{
    position: fixed;
    right: 0;
    top: 0;
    background: #f5f5f5;
    height: 100%;
    width: calc(80% - 30px);
    border-left: solid 1px #e9e9e9;
    padding:15px;
    transform: translateX(100%);
    transition: transform ease-in 300ms 200ms;
    overflow-y: auto;
}

.modal-customizar-criativo .contModal{
    overflow: hidden;
}

.modal-customizar-criativo.modalAtivo{
    transform: translateX(0%);
    z-index: 99;
}

.modal-customizar-criativo .btnClose{
    color: #1D1D1D;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
}

.loadPreview{
    position: relative;}
.arteTemp{
    position: relative;
}
.controles-Size{
    position: absolute;
    display: flex;
}

.controles-Size .zoom{
    background: #afafaf;
    color: #FFFFFF;
    font-size: 12px;
    width: 45px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.controles-Size .zoom:last-of-type{
    border-bottom-right-radius: 70px;
    padding-right: 6px;
}

.controles-Size .zoom.ativo{
    color: #1d1d1d;
    background: #FFFFFF;
}
.controles-Size .selLupa{
    background: #1d1d1d;
    border-bottom-left-radius: 70px;
    width: 23px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.controles-Size .selLupa svg{
    position: relative;
    left: 2px;
}

.arteTemp div{
    transition: ease-in-out transform 600ms;
}


.arteTemp > div{
    transform-origin: top left;
}

.res-25 > div{transform: scale(.25);}
.res-25.siz-1080x1080{width: calc(1080px * .25);height: calc(1080px * .25)}
.res-25.siz-1080x1920 {width: calc(1080px * .25);height: calc(1920px * .25)}
.res-25.siz-1200x628 {width: calc(1200px * .25);height: calc(628px * .25)}
.res-25.siz-1080x1350{width: calc(1080px * .25);height: calc(1350px * .25)}

.res-50 > div{transform: scale(.5);}
.res-50.siz-1080x1080{width: calc(1080px * .5);height: calc(1080px * .5);}
.res-50.siz-1080x1920 {width: calc(1080px * .5);height: calc(1920px * .5)}
.res-50.siz-1200x628 {width: calc(1200px * .5);height: calc(628px * .5)}
.res-50.siz-1080x1350{width: calc(1080px * .5);height: calc(1350px * .5);}

.res-75 > div{transform: scale(.75);}
.res-75.siz-1080x1080{width: calc(1080px * .75);height: calc(1080px * .75)}
.res-75.siz-1080x1920 {width: calc(1080px * .75);height: calc(1920px * .75)}
.res-75.siz-1200x628 {width: calc(1200px * .75);height: calc(628px * .75)}
.res-75.siz-1080x1350{width: calc(1080px * .75);height: calc(1350px * .75)}

.res-100 > div{transform: scale(1);}
.res-100.siz-1080x1080{width: calc(1080px * 1);height: calc(1080px * 1)}
.res-100.siz-1080x1920 {width: calc(1080px * 1);height: calc(1920px * 1)}
.res-100.siz-1200x628 {width: calc(1200px * 1);height: calc(628px * 1)}
.res-100.siz-1080x1350{width: calc(1080px * 1);height: calc(1350px * 1)}


.arteTemp .editable.activEdit{
    opacity: .6;
    background: #1da1f2;
}

.arteTemp .editable.activEdit.position{
    cursor: move;
}

#results-publish{
    display: none;
}
#results-publish.addResultsAtivo{
    display: block;
}

#results-publish .contentBox {}
#results-publish .contentBox .Itens{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.Itens.sucesso .Itn{
    background:#CFF2DD;
    color: #268f52;
}

.Itens.sucessoP .Itn{
    background: #FFFFE1;
    color: #CCA551;
}

.Itens.erro .Itn{
    background: #FFE0D9;
    color: #BF6059;
}

#results-publish .contentBox .Itens .Itn{
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#results-publish .contentBox .Itens .Itn .thumb{
    flex-basis: 100px;
    max-width: 70px;
    height: 70px;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 6px;
    position: relative;
}


#results-publish .contentBox .Itens .Itn .thumb>div{
    pointer-events: none;
    transform: scale(.06) translate(-50% , -50%);
    transform-origin: top left;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 0px;
}

#results-publish .contentBox .Itens .Itn .status p {
    padding-left: 12px;
}


#results-publish .contentBox .Itens .Itn .status{
    flex-basis: calc(100% - 100px);
}

#caixaPublicacao.inativo{
    display: none;
}

#results-publish .btnFinalizar {
    height: 48px;
    border: none;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0 16px;
    display: inline-block;
    cursor: pointer;
    margin-top: 32px;
    transition: all ease-in 300ms 200ms;
    background: #6d36fb;
    min-width: 220px;
    width: auto;
    line-height: 48px;
    border-radius: 48px;
    font-family: 'Jura', sans-serif;
}
#results-publish .btnFinalizar p {
    color: #FFFFFF;
    margin: 0;
}

#results-publish .finalizar a{
    text-align: center;
    width: 320px;
    margin-top: 8px;
    color: #6d36fb;
    display: block;
    font-size: 16px;
}

@media only screen and (max-width:1700px) {
    .todoGeraPost .historico {
        width: 34%;
    }
    .todoGeraPost form {
        flex-basis: inherit;
        padding-right: 48px;
        width: 50%;
    }

}
@media only screen and (max-width:1500px) {

    .todoGeraPost .historico h3 {
        margin-top: 190px;

    }

    #resultadoPrompt .btn {
        width: 49% !important;

    }

    #resultadoPrompt .botaoPadrao {
        width: 49% !important;
        font-size: 16px !important;
    }

    .tox-notification.tox-notification--in.tox-notification--warning {
        width: 82%;
    }
}


@media only screen and (max-width:1300px) {
    .tox-notification.tox-notification--in.tox-notification--warning {
        width: 75%;
    }

}


/* Novos Estilos Braip */

.commonSeparator{
    background: #D9D9D9;
    height: 1px;
}

.logotipoLoad path {
    animation: rotate 1s ease-in-out infinite;
    opacity: 0;

}

.logotipoLoad path:nth-of-type(1) {
    animation: rotate 2s infinite;
    animation-delay: 0.2s;
    transform-origin: center;
}

.logotipoLoad path:nth-of-type(2) {
    animation: rotate 2s infinite;
    animation-delay: 0.4s;
}

.logotipoLoad path:nth-of-type(3) {
    animation: rotate infinite;
    animation-delay: 0.6s;
}

.logotipoLoad path:nth-of-type(4),
.logotipoLoad path:nth-of-type(5) {
    animation: rotate 2s infinite;
    animation-delay: 0.8s;
}

.logotipoLoad path:nth-of-type(6){
    animation: rotate 2s infinite;
    animation-delay: 1s;
}

.grpInput{
    border: 1px solid #656565;
    border-radius: 1px;
    background: #FFFFFF;
    border-radius: 6px;
}
.grpInput input {
    position: relative;
    border: none !important;
}

.frmPadrao .groupCampo.grpInput{
    margin-bottom: 32px;
}

.frmPadrao .groupCampo.grpInput.last{
    margin-bottom: 16px ;
}

.groupCampo.grpInput input{
    color: #656565;
    height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    caret-color: #1332F8;
    font-weight: 300;
}

.groupCampo.grpInput label{
    bottom: 48px;
    left: 0;
    background: transparent;
    font-family: 'Jura', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 12px;
    text-transform: uppercase;
    color: #121212;
    padding: 0;
}

.grpInput label{
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color:#656565;
}

.poweredBy {
    text-align: center;
}
.poweredBy p{
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    color:#939494;
    margin-bottom: 4px;
}

.poweredBy svg{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.groupCampo.grpInput.active label{
    color:#1332F8
}

.groupCampo.grpInput.active {
    border: 2px solid #1332F8
}

.menu ul li a{
    font-family: 'Jura', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #9d98ef;
}

.menu ul li.ativo a{
    font-weight: 700;
}

.menu ul li a .iconeMenu svg *{fill:#9d98ef}

.todoCaixaBuilder{
    padding-top: 64px;
    width: 100%;
    max-width: 81%;
    padding-bottom: 64px;
}

.todoCaixaBuilder h1{
    font-family: 'Jura', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-transform: uppercase;
    color: #121212;
    margin-bottom: 36px;
}

 a.btnVoltarEtapa {
    height: 56px;
    width: 170px;
    border-radius: 56px;
    text-align: center;
    flex-basis: 170px;
    margin-right: 30px;
     font-family: 'Jura', sans-serif;
    border: 2px solid #121212;
    font-size: 14px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0em;
    color: #121212;
    transition: all ease-in 300ms 200ms;
     cursor: pointer;
     text-transform: uppercase;

}

 a.btnVoltarEtapa:hover{
    color:#ffffff;
    background:  #121212;
}

.btnsCheck{
    display: flex;
    margin-top: 12px;
}
.btnsCheck .itemSelBtn{
    cursor: pointer;
    width: 96px;
    height: 36px;
    line-height: 36px;
    border: 2px solid #121212;
    color: #121212;
    margin-right: 16px;
    border-radius: 1px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: center;

    border-radius: 36px;
}

.btnsCheck .itemSelBtn.SelAtivo{
    background: #1332F8;
    border: 2px solid #1332F8;
    color: #ffffff;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);

}

.itemGen .grupoCampo > div {
    margin-top: 16px;
}

/* Adicione os estilos de animação para os outros paths */

.campoExtra{
    margin-top: 32px;
    transition: all ease-in 300ms 200ms;
}

.campoExtra .btnAdicionarNovo{
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 16px;
    background: transparent;
    border: 2px solid #1332F8;
    padding: 0px 0;
    box-sizing: border-box;
    transition: all ease-in 300ms 200ms;
    border-radius: 36px;
    text-align: center;
    line-height: 36px;
    width: 270px;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0em;
    color: #1332F8;
    margin-top: 24px;
    font-family: 'Jura', sans-serif;
}

.campoExtra .btnAdicionarNovo path{
    fill:#1332F8;
}

.campoExtra .btnAdicionarNovo:hover path{
    fill:#ffffff;
}

.campoExtra .btnAdicionarNovo:hover{
    color: #ffffff;
    background: #1332F8;
}

.campoExtra .btnAdicionarNovo svg {
    margin-right: 8px;
}

.campoExtra .btnAdicionarNovo:hover svg *{
    transition: all ease-in 300ms 200ms;
}


.campoExtra .btnAdicionarNovo:hover svg *{
    fill: #ffffff;
}

.campoExtra .campoNewText{
    border: 1px solid #656565;
    background:#FFFFFF;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    padding-right: 50px !important;

}

.campoExtra{position: relative}

.campoExtra .contador{
    position: absolute;
    top: 51px;
    right: 20px;
    color: #818182;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
}

.itemGen .inlineTextos{
    border: 1px solid #979797;
    background: #ffffff !important;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 1px;
    transition: all ease-in 300ms 200ms;
}

.itemGen .inlineTextos:hover{
    background: #F5F5F5 !important;
}

.itemGen .inlineTextos .caixaSelect{
    background: transparent;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #979797;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
}

.itemGen .inlineTextos .caixaSelect.selectInlineAtivo{
    background: #1332F8;
}

.itemGen .inlineTextos ul {
    padding-left:0px;
    list-style-type: disc;
    list-style-position: inside;
}

.minifyMenu{
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 36px;
}

.minifyMenu .elipt{
    height: 36px;
    width: 36px;
    background: none;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.textoResultados h1.h1Interna{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    text-transform: uppercase;

    color: #313131;
}

.textoResultados h2.h2Interna{
    color: #656565;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-top: 64px;
}

.coluna.col20.colunaHome{
    transition: ease-in 100ms 50ms all;
}

.minifyMenu{
    transition: ease-in 100ms 50ms all;
}

.fullSize .coluna.col20.colunaHome {
    transform: translateX(-300px);
}

.fullSize .minifyMenu{
    right: -50px;
}
.minifyMenu .elipt{
    transition: ease-in 100ms 50ms all;
}

.layoutColunas .col80{
    transition: ease-in 300ms 50ms all;
}
.fullSize  .layoutColunas .col80{
    flex-basis: 100%;
    padding-left: 4px;
    left: -10%;
}
.fullSize  .layoutColunas .col80 .todoCaixaBuilder{
    max-width: 91%;

}

.fullSize .minifyMenu .elipt{
    background: #1332F8;
    transform: rotate(180deg);
}



.campoExtraInline .grupoCampo{
    margin-top: 24px;
}

.campoExtraInline .grupoCampo label {
    font-size: 14px;
    text-transform: capitalize;
}

.campoExtraInline .grupoCampo input{
    margin-top: 8px !important;
}

.previewTextos .arte .condicao {
    margin-top: 14px;
}

@keyframes rotate{
    0% {
        opacity: 1;
        transform: rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: rotate(360deg);
    }
}

#btnDownload {
    color: #1332F8;
    font-weight: 800;
    cursor: pointer;
    transition: ease-in 100ms 50ms all;
    margin-top: 36px;
}
#btnDownload.downloadButton {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #1332F8;
    border-radius: 24px;
    background: #1332F8;
    color: #ffffff;
}
#btnDownload:hover{
    opacity: .7;
}
@media only screen and (max-width:1800px) {

    .carPreviw.prevAtivo {

        right: 3%;
      }

}

/*Ajustes para o novo Kv3 - Mei*/

#et1 {
    min-width: 880px;
}

#et1 .select-fake-card .options li{
    flex-basis: 33.33%;
}

.previewTextos .arte div.mensagemCanal{
    margin-top: 8px;
}

.btnNewCampanha {
    background: #1332F8;
    color: #ffffff;
    display: inline-block;
    padding: 4px;
    margin-left: 12px;
    cursor: pointer;
}

.labelTwoColumns{
    display: flex;
}

/*Novos fluxos de upload de campanha*/


.todoEtapa{
    display: flex;
    margin-bottom: 24px;
    margin-left: -30px;
    margin-right: -30px;
    max-width: 750px;
}

.todoEtapa .itemEtapa {
    padding: 0px 30px;
    flex-basis: 50%;
}

.todoEtapa .itemEtapa .wrapper{
    border: 1px solid #DEDEDE;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
    width: 100%;
    text-align: center;
    transition: background ease-in 200ms;
    cursor: pointer;
    text-align: center;
    padding: 15px;
    min-height: 190px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.todoEtapa .itemEtapa .wrapper p {
    margin: 0px;
}


.todoEtapa .itemEtapa:hover .wrapper{
    background: #fff;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.10);
}

.todoEtapa .itemEtapa .wrapper .imagemDesc svg{
    margin-left: auto;
    margin-right: auto;
    width: 48px;
    height: 48px;
}

.todoEtapa .itemEtapa .wrapper .imagemDesc svg *{
    stroke:#505050 !important;
}

.selecaoEtapa h3{
    margin-top: 24px;
    margin-top: 36px;
}

.opcaoEtapa{position: relative;  padding-top: 48px;}
.voltarEtapa{position: absolute;cursor:pointer;font-weight: 600; top:36px; left:0}

.criarNovoConjunto  a, #btnNovaCampanha {
    background: transparent;
    padding: 11.5px 18.5px;
    color: #1332F8;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    font-family: 'Jura', sans-serif;
    border-radius: 48px;
    border: solid 1px #1332F8;
}

#frmControl{
    padding: 0px 12px;
}

#returnMsgCriaCampanha {
    text-align: center;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: solid 2px #29d452;
    margin-top: 36px;
    display: none;
}

#returnMsgCriaCampanha.msAtivo {
    display: flex !important;
}
#returnMsgCriaCampanha p{
   font-weight: bold;
}

.frmConjunto{
    background: #ffffff;
    padding: 16px;
    margin-top: 12px;
    max-width: 650px;
    border: solid 1px #DFDFDF;
}

.campoTextSingle label{
    display: block;
    width: 100%;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #313131;
}
.campoTextSingle input{
    width: 100%;
    display: block;
    outline: none;
    border: 1px solid #656565;
    height: 48px;
    margin-top: 16px;
    color: #6C6C6C;
    padding: 0px 8px;
    box-sizing: border-box;
    max-width: 570px;
    border-radius: 4px;
    background: transparent;
}

.formFake label {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Geologica', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #121212;
    text-transform: uppercase;
}

.camposFlex{
    display: flex;
    margin-top: 16px;
    align-items: center;
}
.camposFlex input {
    width: 100%;
    outline: none;
    border: 1px solid #656565;
    height: 48px;
    color: #6C6C6C;
    padding: 0px 8px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: 4px;
}

.camposFlex.faixaEtaria input{
    max-width: 20px;
    max-width: 60px;
    height: 38px;
}

.faixaEtaria span:nth-of-type(2){
    margin-left: 4px;
}

.select-fake-multiplos-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #656565;
    max-width: 570px;
    height: 56px;
    padding: 0 24px;
    box-sizing: border-box;
    margin-top: 16px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

.select-fake-multiplos-check .options{
    margin-top: 36px;
}

.select-fake-multiplos-check span {
    opacity: 1;
    color: #6C6C6C;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    top: -16px;
    position: relative;
}

.select-fake-multiplos-check .options{
    max-height: 150px;
    overflow-y: scroll;
    padding: 16px 0px;
}

.select-fake-multiplos-check  .listGroup{
    padding-left: 0pc;
}

.closeSelectButton{
    position: absolute;
    font-weight: 600;
    cursor: pointer;
    color: #dfac00;
    top: calc(100% + 11px);
    right: 0;
    font-size: 13px;
    display: none;
}

.select-fake-multiplos-check.Ativo .closeSelectButton{
    display: block;
}

.listGroup .fakeCheck{
    border: 1px solid #656565;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.listGroup .ativoCheck .fakeCheck{
    background: #FC0;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    border-color: #FC0;
    background-image: url("../images/check.png");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
}

.options li.groupItem{
    padding-left:48px;
}

#frmCriaConjunto {
    border: none;
    color: #1332F8;
    border: solid 1px #1332F8;
    font-size: 14px;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    display: block;
    cursor: pointer;
    margin-top: 0;
    transition: all ease-in 300ms 200ms;
    background: transparent;
    border-radius: 48px;
    padding: 12px 26px;
    font-family: 'Jura', sans-serif;
}


#conta.select-fake-card .options li .cardOption .imagem{
    padding: 0;
}

#conta.select-fake-card .options li .cardOption img {
    vertical-align: middle;
}

.selecaoConta .caixaFormulario {
    max-width: 100%;
}

#conta li.inactive{
    filter: grayscale(100);
    pointer-events: none;
    cursor: not-allowed;
    opacity: .3;
}


.loadingGeralScience{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(233, 233, 255,0.8);
    display: none;
}


.loadingGeralScience.Loading{
    display: block !important;
}


.loadingGeralScience .elLoading{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
}

.loadingGeralScience .elLoading{
    flex-basis: 100%;
}
.loadingGeralScience .elLoading>div{
    text-align: center;
}

.elementLoad{
    color: #1332F8;
    font-family: 'Jura', sans-serif;
    font-size: 70px;
    transition: all ease-in 300ms;
    display: block;
}

.elementLoad .e1{
    -moz-animation: loadAnimation 5s  infinite;
    -webkit-animation: loadAnimation 5s  infinite;
    -o-animation: loadAnimation 5s   infinite;
    animation: loadAnimation 5s  infinite;
    transform-origin: center center;
    display: inline-block;
}

 .elementLoad .e2{
    -moz-animation: loadAnimation2 5s  infinite;
    -webkit-animation: loadAnimation2 5s  infinite;
    -o-animation: loadAnimation2 5s   infinite;
    animation: loadAnimation2 5s  infinite;
    display: inline-block;
}

@keyframes loadAnimation {
    0% { transform: rotate(0deg) translateX(0); }
    25% { transform: rotate(76deg);translateX(20px) }
    50% { transform: rotate(-360deg)translateX(40px); }
    75% { transform: rotate(-75deg)translateX(-40px); }
    100% { transform: rotate(0deg)translateX(0px); }
}

@keyframes loadAnimation2 {
    0% { transform: rotate(0deg) translateX(0); }
    25% { transform: rotate(-76deg);translateX(-20px) }
    50% { transform: rotate(360deg)translateX(-40px); }
    75% { transform: rotate(75deg)translateX(40px); }
    100% { transform: rotate(0deg)translateX(0px); }
}


.loadingGeralScience .elLoading p {
    flex-basis: 100%;
    text-align: center;
    color:#313131;
    font-weight: bold;
}

.selecaoContaTopo {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: end;
    width: 100%;
    right: 20px;
}
.selecaoContaTopo  h3 span{
    display: block;
}

.selecaoContaTopo  h3 span a {
    color:#121212;
    text-decoration: none;
}

.selecaoContaTopo h3{
    font-size: 14px;
}

.selecaoContaTopo h3 span.voltarContas{
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.selecaoContaTopo h3 span.voltarContas svg{
    transform: rotate(180deg);
}

.selecaoContaTopo .thumbConta{
    margin-left: 8px;
}
.selecaoContaTopo .thumbConta img{
    width: 40px;
}

.controlesPublicacao{
    border-top: solid 1px #afafaf;
    margin-top: 48px;
}

.modal-editor-criativo .controlesPublicacao .campoSubmit {
    margin-top: 12px;
}

.motion_btn {
    position: absolute;
    width: 110px;
    background: #fff;
    z-index: 2;
    display: flex;
    align-items: center;
    color: #191919;
    border: solid 1px #191919;
    top: -12px;
    padding: 2px 6px;
    left: 5px;
    border-radius: 1px;
    font-size: 13px;
    opacity: 1;
    transition: ease-in 300ms 50ms all;
}

.motion_btn svg{
    width: 16px;
    height: 16px;
    margin-right: 4px;
    transition: ease-in 300ms 50ms all;
}
.motion_btn span{
    margin-left: 4px;
    font-size: 9px;
    font-weight: 700;
    border-radius: 10px;
    line-height: 9px;
    position: relative;
    transition: ease-in 300ms 50ms all;
}
.motion_btn span:before{
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    top: 3px;
}

.motion_btn.off span{
    background: #acacac;
    color: #fff;
    padding: 2px 4px 2px 12px;
}

.motion_btn.off span:before{
    left: 3px;
}


.motion_btn.on span{
    background: #1cb18e;
    color: #fff;
    padding: 2px 12px 2px 4px;
}

.motion_btn.on span:before{
    right: 3px;
}


/* KV Analyser*/
.todoListaProdutos{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.itemProduto {
    flex-basis: 25%;
    padding: 15px;
}

.itemProduto .wrapper {
    background: #ffffff;
    border: 1px solid #DEDEDE;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: start;
    padding: 12px;
    flex-wrap: wrap;
}

.itemProduto h3{
    font-size: 16px;
}

.itemProduto p.descricao{
    font-size: 14px;
}

.itemProduto .aiBtn{
    border: 2px solid #1332F8;
    background: #1332F8;
    color: white;
    font-family: 'Jura', sans-serif;
    font-weight: 700;
    line-height: 48px;
    height: 48px;
    border-radius: 48px;
    text-align: center;
    min-width: 160px;
    cursor: pointer;
}
.itemProduto .aiBtn:hover{
    opacity: .9;
}

/*Catálogos */
#caixa-cadatro-feed.HidePainel{
    overflow: hidden;
    transform: translateX(100%);

}
#caixa-cadatro-feed{
    border-left: solid 1px #e9e9e9;
    background: #f5f5f5;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    width: calc(80% - 275px);
    padding: 15px;
    right: 0;
    z-index: 999;
    transform:translateX(0);
    transition: transform ease-in 300ms 200ms;
}

.todoCatalogos .itemCatalogo .infosCatalogo{
    display: flex;
    align-items: center
}
.todoCatalogos .itemCatalogo .infosCatalogo h3{
    margin-right: 16px
}
.todoCatalogos .itemCatalogo{
    background: #ede6ff;
    border: solid 1px #1332F8;
    padding: 0px 30px;
    border-radius: 48px;
 }


.CatalogoAtivo.itemCatalogo{
    padding-bottom: 24px;
}

.todoCatalogos .itemCatalogo .infosCatalogo h3{
    font-size: 18px;
}
.todoCatalogos .itemCatalogo .infosCatalogo .numProdutos{
    font-size: 14px;
    color:#1332F8;
}
.todoCatalogos .itemCatalogo .infosCatalogo .numProdutos span{
    font-size: 12px;
    cursor: pointer;
}

.spacer{
    flex-grow: 1;
}

.todoCatalogos .itemCatalogo .infosCatalogo .btnAction{
    background: #1332F8;
    color:#ffffff;
    padding: 8px;
    cursor: pointer;
    border-radius: 48px;
    font-size: 12px;
}
.todoListaProdutos{
    display: flex;
    background: #ffffff;
    position: relative;
    padding: 0px 30px;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px;
}

.todoListaProdutos .divCatalogo{display: flex; margin-right: -15px; margin-left: -15px; flex-wrap: wrap}
.todoListaProdutos .msgCatalogo {flex-basis: 100%}
.todoListaProdutos .itemProduto {flex-basis: 33.333%; padding: 0px 15px; margin-bottom: 12px; margin-top:12px;box-sizing: border-box;border-radius: 10px}
.msgCatalogo{margin-top: 24px; margin-bottom: 0px}
.todoListaProdutos .itemProduto .imagemWrapper{ flex-basis: 50px;height: 50px; position: relative; overflow: hidden; margin-right: 12px}
.todoListaProdutos .itemProduto .imagemWrapper img {position: absolute; width: 100%; left: 0 ; top: 0; height: auto}
.todoListaProdutos .itemProduto .wrapper .topoProduto {display:flex; align-items: center}
.todoListaProdutos .itemProduto .product_name{flex-basis: calc(100% - 50px); padding: 0px; margin: 0px; font-size: 14px}
.todoListaProdutos .itemProduto .descricao{display: none}

.loadingBoxInline {display: flex; align-items: center}
.loadingBoxInline.inativo{display: none}
.loadgind-Text{margin-left: 8px;color:#1332F8;font-size: 14px}
.loadingBoxInline .elementLoad{font-size: 20px;}

 .alertBox{display: inline-block; padding: 8px;font-size: 14px; border-radius: 4px;color:#121212}
 .alertBox.error{
    background: #f6a7a3;border-left: solid 3px #91110e;}
.closePainel{position: absolute;right: 10px;color: #fff;font-size: 18px;
top: 5px;color: #1D1D1D;font-weight: bold;font-size: 40px;cursor: pointer;z-index: 99}
.todoPainel{position: relative}

.contentCatalogo{
    max-height: 90%;
    overflow: auto;
    padding: 16px 0px;
}

.contentCatalogo .itemConteudoFeed{
    display: flex;
    background: #fff;
    border: solid 1px #cdcdcd;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all ease-in 50ms 100ms;
}

.contentCatalogo .itemConteudoFeed:hover{
    background: #f1f2ff;
}

.contentCatalogo .itemConteudoFeed.catalogoSelecionado{
    background: #ede6ff;
    border: solid 1px #1332F8;
    position: relative;
}

.contentCatalogo .itemConteudoFeed.catalogoSelecionado:before{
    position: absolute;
    border: solid 2px transparent;
    outline: solid 2px #dfdfdf;
    background-color: #6d36fb;
    background-image: url('../images/check.svg');
    content: "";
    width: 10px;
    height: 10px;
    background-size: 14px;
    background-repeat: no-repeat;
    left: 5px;
    top: 5px;
    background-position: -2px;
}

.contentCatalogo .itemConteudoFeed .wraperConteudoFeed{display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}
.contentCatalogo .itemConteudoFeed h3{font-size: 16px;color: #1332F8;font-family: 'Jura', sans-serif; font-weight: 700; margin-bottom: 0px; text-transform: uppercase}

.contentCatalogo .itemConteudoFeed p {
    color: #1D1D1D;
    font-size: 13px;
    margin-top: 8px;
}
.contentCatalogo .itemConteudoFeed .optionsFeed{
    display: flex;
    align-items: center;
}
.contentCatalogo .itemConteudoFeed .optionsFeed .numItens{
    display: flex;
    align-items: center;
}

.contentCatalogo .itemConteudoFeed .optionsFeed p.numItens{
    color: #1D1D1D;
}

.contentCatalogo .itemConteudoFeed .optionsFeed p.numItens:hover{
    color: #1332F8;
}


.contentCatalogo .itemConteudoFeed .optionsFeed .numItens svg{
    margin-left: 8px;
    width: 24px;
}

.contentCatalogo .itemConteudoFeed .optionsFeed .editarCatalogo{
    margin-left: 32px;
}

.contentCatalogo .itemConteudoFeed .optionsFeed .editarCatalogo {
    border-radius: 50%;
    background: #1332F8;
    stroke: #ffffff;
    flex-basis: 24px;
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contentCatalogo .itemConteudoFeed .optionsFeed .editarCatalogo svg{
    width: 18px;
}

.contentCatalogo .itemConteudoFeed .optionsFeed .editarCatalogo svg *{
    fill:#ffffff;
}

.contentCatalogo .itemConteudoFeed .optionsFeed .editarCatalogo:hover{
    background: #ffffff;
}
.contentCatalogo .itemConteudoFeed .optionsFeed .editarCatalogo:hover svg * {
    fill:#1332F8;
}

.contentCatalogo .itemConteudoFeed .optionsFeed .numItens svg , .contentCatalogo .itemConteudoFeed .optionsFeed .numItens svg *{
    stroke:#1332F8 ;
}

#caixa-cadatro-feed .importarCatalogo {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

#caixa-cadatro-feed .importarCatalogo svg{
    width: 18px;
}

#caixa-cadatro-feed .importarCatalogo svg *{
    stroke: #1332F8;
}
#caixa-cadatro-feed .importarCatalogo p {
    margin-left: 8px;
    color: #1332F8;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#caixa-cadatro-feed .btnSelecaoFeed {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 0px;
    transition: all ease-in 300ms 200ms;
    width: 270px;
    background: #1332F8;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
    font-family: 'Jura', sans-serif;
    color: #ffffff;
    border-radius: 36px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 24px;
}

.inactiveBtn{
    pointer-events: none !important;
}
.inactiveInput{
    pointer-events: none;
    opacity: .2;
}
.caixaSelectedFeed {
    margin-top: 24px;
}

.caixaSelectedFeed p strong{
    color:#1332F8 ;
}
.caixaSelectedFeed p a{
    text-decoration: none;
    color:#1332F8 ;
    font-size: 12px;
}

.popUpProdutos{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
}

.popUpProdutos .wrapperProdutos{
    width: 96%;
    max-width: 720px;
    height: 80%;
    background: white;
    border: solid 1px #e9e9e9;
    border-radius: 9px;
    overflow-y: auto;
    padding: 64px 36px 36px;
    position: relative;
}

.popUpProdutos .closePopup{
    position: absolute;
    right: 24px;
    font-size: 18px;
    top: 24px;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 24px; cursor: pointer}

.popUpProdutos .alertBox{ width: 100%; max-width: 100%}
.popUpProdutos .alertBox.error{}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed{display: flex;background: #f1f2ff;
    border: solid 1px #1332F8;
    box-sizing: border-box;
    padding: 4px 16px;
    margin-bottom: 8px;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto h3{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color:#1d1d1d ;
    font-weight: 700;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto .spacer{
    flex-grow: 1;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .wrapper{
    width: 100%;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto .vermais{
    transform: scaleX(1.32);
    transform-origin: center;
    font-size: 12px;
    cursor:pointer;
    color:#1332F8 ;
    transition: all ease 300ms 200ms;
}


.popUpProdutos .containerProdutosFeed .itemProdutoFeed.produtoAtivo .topoProduto .vermais{
    transform:  scaleX(1.32) rotate(180deg);
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto .link-externo{
    width: 19px;
    height: 19px;
    margin-left: 8px;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto .link-externo svg{
    width: 19px;
    height: 19px;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed.produtoAtivo .moreInfo{
    display: block;
}


.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto .imagemWrapper{
    flex-basis: 40px;
    margin-right: 24px;
    border: solid 3px #fff;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .topoProduto .imagemWrapper img{
    width: 100%;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .moreInfo{
    display: none;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .moreInfo{
    margin-top: 16px;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .moreInfo p{
    margin-top: 0px;
    font-size: 13px;
    margin-top: 8px;
}

.popUpProdutos .containerProdutosFeed .itemProdutoFeed .moreInfo p.labelProduto{
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 0px;
}

.paginacaoBox{
    display: flex;
    align-items: center;
    justify-content: center;
}
.paginacaoBox a{
    margin-right: 12px;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    background: #a0a0bf;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 52px;
    font-size: 12px;
    color: #fff;
}

.paginacaoBox a:hover, .paginacaoBox a.pageAtivo{
    background: #1332F8 ;
}

.paginacaoBox a:last-of-type{
    margin-right: 0px;
}

/**IMPORTAR FEEDS*/
#caixa-importar-feed.HidePainel {
    overflow: hidden;
    transform: translateX(100%);
}
#caixa-importar-feed{
    border-left: solid 1px #e9e9e9;
    background: #f5f5f5;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    width: calc(80% - 275px);
    padding: 15px;
    right: 0;
    z-index: 999;
    transform: translateX(0);
    transition: transform ease-in 300ms 200ms;
}


#caixa-importar-feed .fakeCheck{
    width: 16px;
    height: 16px;
    border: solid 1px #1d1d1d;
    display: inline-block;
    margin-right: 8px;
    cursor:pointer;
}

.grupoCampoFlex{
    display: flex;
    align-items: center;
}

#caixa-importar-feed .fakeCheck.ativo{
    background: #1332F8;
    position: relative;
    border: solid 1px #dfdfdf;
}

#caixa-importar-feed .fakeCheck.ativo:before{
    background-image: url('../images/check.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
}

.backTo{
    display: flex;
    align-items: center;
    color: #1332F8;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Jura', sans-serif;
    font-weight: 800;
    font-size: 13px;
}
.backTo svg {
    width: 17px;
    margin-right: 4px;
}
.backTo svg *{
    stroke:#1332F8 ;
}

.submitFake {
    height: 48px;
    border: none;
    color: #fff;
    line-height: 45px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 0px;
    transition: all ease-in 300ms 200ms;
    width: 270px;
    background: #1332F8;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
    font-family: 'Jura', sans-serif;
    border-radius: 48px;
    text-decoration: none;
    transition: ease 200ms 300ms;
}
.submitFake:hover{
    opacity: .8;
}

.submitFake a{
    color:#ffffff;
    text-decoration: navajowhite;
}

.fakeFrm label{
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Geologica', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #121212;
    text-transform: uppercase;
}

.fakeFrm input[type=text] {
    width: 100%;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    height: 48px;
    margin-top: 16px;
    color: #1d1d1d;
    padding: 0px 8px;
    box-sizing: border-box;
    background: transparent;
    border-radius: 4px;
    max-width: 560px;
}

#resultXml {
    display: flex;
    background: #fff;
    border: solid 1px #cdcdcd;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 8px;
    transition: all ease-in 50ms 100ms;
    flex-wrap: wrap;
}

#resultXml p {
    color: #1D1D1D;
    font-size: 14px;
    margin-top: 8px;
}

#resultXml .prodtext {
    color:#1332F8;
}
#resultXml .prodtext .numProdutos{
    font-weight: 700;
}
#resultXml ul{
    padding-left: 0px;
}

.caixaResultadoConfirmacao{
    display: block;
    width: 100%;
}

#resultXml ul li{
    font-size: 14px;
}
#resultXml .controlesFeed{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: end;
}

#resultXml .controlesFeed>span{
    cursor: pointer;
}

#resultXml .controlesFeed>span svg{
    width: 27px;
    height: 27px;
}

#resultXml .controlesFeed>span.cancel{
    margin-left: 8px;
}

#resultXml .controlesFeed>span.confirm svg *{
    fill:#1332F8
}
#resultXml .controlesFeed>span.cancel svg * {
    fill:#DF6648
}

.fakeFrm textarea {
    width: 100%;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    min-height: 200px;
    margin-top: 16px;
    color: #1d1d1d;
    padding: 4px 8px;
    box-sizing: border-box;
    background: transparent;
    border-radius: 4px;
    max-width: 560px;
    resize: none;
}

#voltarNovoCatalogo {
    width: 270px;
    text-align: center;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#voltarNovoCatalogo svg{
    width: 12px;
    margin-right: 12px;
}

.btnNoEvents{
    pointer-events: none !important;
    opacity: .3;
}

.voltarErroCatalogo {
    display: block;
    flex-basis: 100%;
    margin-top: 12px;
    font-size: 13px;
    cursor: pointer;
}

.itemProduto .checkProduto {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 2px #bfbfbf;
    margin-right: 12px;
    cursor: pointer;
}

.itemProduto .checkProduto.ativo{
    background-color: #1332F8;
    background-image: url('../images/check.svg');
    background-size: 16px;
    border: solid 2px #4040C1;
}

.todosProduto{
    display: flex;
    flex-wrap: wrap;
}
.todosProduto .itemProduto {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    background: #f3f3f3;
    border-bottom: solid 1px #D0D0D0;
}
.todosProduto .itemProduto:last-of-type{
    border-bottom: none;
}

.paginacaoProduto {
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.paginacaoProduto .pageIten.ativo {
    cursor: default;
    pointer-events:none;
    background: #1332F8;
}
.paginacaoProduto .pageIten {
    cursor: pointer;
    margin-right: 12px;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    background: #a0a0bf;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 52px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
}


#resultXml p.mgnbConfirm2{
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Geologica', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #121212;
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 24px;
}


.controlesProdutos{
    margin-bottom: 16px;
}

.controlesProdutos span i{
    width: 13px;
    height: 13px;
    border: solid 2px #bfbfbf;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.controlesProdutos span.Markativo i{
    background-color: #1332F8;
    background-image: url('../images/check.svg');
    background-size: 13px;
    border: solid 2px #4040C1;
}

.controlesProdutos span.Markativo:after{
    content: "Desmarcar todos desta página";
}

.controlesProdutos span:after{
    content: "Marcar todos desta página";
    font-size: 12px;
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
    margin-top: 2px;
}


.paginacaoProduto .pageIten:last-of-type{
    margin-right: 0px;
}

.camposExtraXml{}

.grupoCampo input[type="number"] {
    width: 50px;
    margin-top: 12px;
    outline: none;
    border: 1px solid #1D1D1D;
    border-radius: 4px;
}

/*Css - 1Bilhão*/
#campo_CTA .options {height: 160px; overflow: hidden}
/*FIM CSS - 1bilhao*/


/*Css Xml*/
.acoes-em-massa{
    border-bottom: solid 1px #EFEFEF;
    padding-bottom: 12px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}
.acoes-em-massa .optionsAcoes{
    display: none;
    position: relative;
}

.optionsAcoes.optionsAcoesAtivo{
    display: flex;
    position: relative;
    margin-left: 12px;
}

.optionsAcoes.optionsAcoesAtivo svg * {
    stroke: #6f6f6f;
}

.itemOptionsAcoes{
    position: relative;
}


.optionsAcoes.optionsAcoesAtivo .itemOptionsAcoes:hover span{
    position: absolute;
    color: #FFFFFF;
    background: #121212;
    display: block;
    top: calc(100% + 8px);
    width: 250px;
    left: 50%;
    margin-left: -125px;
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 22px;
    font-size: 12px;
    align-items: center;
}

.itemOptionsAcoes>span {
    position: absolute;
    display: none;
}


.ckBx{
    border: none;
    outline: 1px solid #313131;
    width: 15px;
    height: 15px;
    display: inline-block;
}


.ckBx.checkedAction {
    background-image: url('../images/check.svg');
    background-size: 14px;
    background-position: center;
    background-color: #c0c0cf;
}
.ckBx.mixed{
    background-image: url('../images/minus.svg');
    background-size: 14px;
    background-position: center;
    background-position: center;
    background-color: #c0c0cf;
}

.checkProduto.checkedActionFilho{
    background-image: url('../images/check.svg');
    background-size: 14px;
    background-position: center;
}


.item-produto-gen .cabecalho .optionsProduto{
    display: none;
}

.item-produto-gen.checkedActionPai .cabecalho .optionsProduto{
    display: flex;
}

.cabecalho .optionsProduto{
    cursor: pointer;
}
.cabecalho .optionsProduto svg {
    width: 31px;
    height: 31px;
}

.cabecalho .optionGroup{
    display: flex;
    flex-wrap: nowrap;
    width: 0px;
    overflow: hidden;
    transition: width ease-in 300ms 200ms;
}

.cabecalho .optionGroup .itemOption {
    position: relative;
    margin-right: 12px;
    opacity: 0;
    transition: opacity ease-in 400ms 300ms;
    cursor: pointer;
}

.cabecalho .optionGroup .itemOption:hover .itemOptionLabel{
    position: absolute;
    color: #FFFFFF;
    background: #121212;
    display: block;
    top: calc(100% + 8px);
    width: 100px;
    left: 50%;
    margin-left: -50px;
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 22px;
    font-size: 12px;
    align-items: center;
}


.checkedActionPai .cabecalho .optionGroup.optionsAtive .itemOption{
    opacity: 1;
}

.cabecalho .optionGroup .itemOption:last-of-type{
    margin-right: 0px;
}

.cabecalho .optionGroup .itemOption .itemOptionLabel{
    position: absolute;
    color:#FFFFFF;
    background: #121212;
    display: none;
}


.checkedActionPai .cabecalho .optionGroup.optionsAtive{
    width: 65px;
    overflow: visible;
    padding: 4px;
    background: rgba(255,255,255,.2);
    border-radius: 90px;
}


.acoes-em-massa .setinha{
    font-size: 7px;
    margin-left: 6px;
    transform: scaleX(1.7);
    transform-origin: center;
}

.acionador{
    display: inline-flex;
    justify-content: start;
    align-items: center;
}

.item-produto-gen{
    padding: 0px 0px 16px 0px;
    margin-bottom: 16px;
    background: #ffffff;
}

.item-produto-gen:last-of-type{
    border-bottom: none !important;
}

.item-produto-gen .checkProduto{    border: none;
    outline: 1px solid #ffffff;
    width: 15px;
    height: 15px;}

.item-produto-gen .cabecalho{
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 6px 36px;
    background: #1332F8;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.item-produto-gen .cabecalho h3{
    font-size: 14px;
    color:#ffffff
}

.item-produto-gen .itemCampoExtraXml{
    padding: 6px 36px;
    background:#ffffff;
    margin-top:16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom:solid 1px #efefef;
}

.item-produto-gen .itemCampoExtraXml:last-of-type{
    border-bottom: none !important;
}

.item-produto-gen .itemCampoExtraXml .caixasExtraXml{
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
}

.item-produto-gen .itemCampoExtraXml .caixasExtraXml .inlineTextos{
    border: 1px solid #979797;
    background: #ffffff !important;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
}


.item-produto-gen .itemCampoExtraXml .caixasExtraXml .inlineTextos .caixaSelect {
    background: transparent;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #979797;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
}


.caixaFormulario form .item-produto-gen .itemCampoExtraXml  .caixasExtraXml label.inlineTextos{
    width: 49%;
    margin-right: 2%;
}

.caixaFormulario form .item-produto-gen .itemCampoExtraXml .caixasExtraXml label.inlineTextos:nth-of-type(2n){
    margin-right: 0px;
}

.item-produto-gen .itemCampoExtraXml .caixasExtraXml .btnsAddXml{
    width: 100%;
    flex-basis: 100%;
}


.imagemParincipal div{
    width: 40px;
    background-size: cover;
    height: 40px;
    background-position: center;
    margin-left: 16px;
    margin-right: 16px;
}

.btnsAddXml{
    display: flex;
}

.btnsAddXml > div {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 16px;
    border: 2px solid #1332F8;
    padding: 0px 0;
    box-sizing: border-box;
    color: #fff;
    transition: all ease-in 300ms 200ms;
    border-radius: 36px;
    text-align: center;
    line-height: 25px;
    width: 170px;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0em;
    background: #1332F8;
    font-family: 'Jura', sans-serif;
}

.btnsAddXml > div svg {
    margin-right: 12px;
    width: 15px;
}

.btnsAddXml > div svg *{
    fill:#ffffff
}


.btnsAddXml > div.btnAddManualXml svg *{
    fill:#121212;
}

.btnsAddXml > div.btnAddManualXml svg {
    width: 11px;
}

.btnAddManualXml {
    border: 2px solid #121212 !important;
    border-radius: 1px !important;
    color: #121212 !important;
    background: transparent !important;
    border-radius: 36px !important;
}


.select-fakeXml, .select-fake-listXML {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #656565;
    max-width: 570px;
    height: 56px;
    padding: 0 24px;
    box-sizing: border-box;
    margin-top: 12px;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

.select-fakeXml .SpanAtivo, .select-fakeXml span {
    opacity: 1;
    color: #6C6C6C;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    top: -16px;
    position: relative;
}

.campoExtraAddTextXml{
    margin-top:24px;
    width:100%
}

.campoExtraAddTextXml .btnAdicionarNovo {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 16px;
    background: transparent;
    border: 2px solid #1332F8;
    padding: 0px 0;
    box-sizing: border-box;
    transition: all ease-in 300ms 200ms;
    border-radius: 36px;
    text-align: center;
    line-height: 25px;
    width: 170px;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0em;
    color: #1332F8;
    margin-top: 24px;
    font-family: 'Jura', sans-serif;
}

.campoExtraAddTextXml .btnAdicionarNovo svg{
    margin-right: 8px;
}


.campoExtraAddTextXml .btnAdicionarNovo:hover{
    color: #ffffff;
    background: #1332F8;
}

.campoExtraAddTextXml .btnAdicionarNovo:hover path{
    fill: #ffffff;
}

.campoExtraAddTextXml .btnAdicionarNovo path {
    fill: #1332F8;
}


.item-produto-gen .itemCampoExtraXml .caixasExtraXml .inlineTextos .caixaSelect.selectInlineAtivo {
    background: #1332F8;

}

.relatorioErros{
    position: fixed;
    left: 0;
    top:0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.relatorioErros .containerErros {
    width: 96%;
    max-width: 720px;
    height: 50%;
    background: white;
    border: solid 1px #e9e9e9;
    border-radius: 9px;
    padding: 24px 36px 36px ;
    overflow-y: auto;
    box-shadow: 3px 3px 7px 0px #EFEFEF;
    position: relative;
}
.relatorioErros .containerErros .header{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.relatorioErros .containerErros .header h3{
    margin-top: 8px;
    text-align: center;
    flex-basis: 100%;
    width: 100%;
    font-size: 18px;
}
.relatorioErros .containerErros  svg * {
   fill: #1332F8
}

.relatorioErros .containerErros  .itemErroProduto{
    background: #f2dede;
    border-bottom: solid 1px #ae4f4d;
    color:#ae4f4d;
    margin-bottom: 8px;
    font-size: 13px;
    padding: 4px;
}
.relatorioErros .containerErros  .itemErroProduto p {
    font-weight: 600;
    color:#ae4f4d;
    margin-bottom: 8px;
}


.relatorioErros .containerErros  .itemErroProduto .CamposErro p{
    font-weight: 400;
    color: #3F3F3F;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px;
}

.relatorioErros .containerErros .btnOk{
    height: 48px;
    border: none;
    color: #1332F8;
    line-height: 45px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 0px;
    transition: all ease-in 300ms 200ms;
    width: 270px;
    background: #ffffff;
    border:solid 1px #1332F8;
    /*box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);*/
    font-family: 'Jura', sans-serif;
    border-radius: 48px;
    text-decoration: none;
    transition: ease 200ms 300ms;
    margin-top: 24px;
}


.relatorioErros  .closePopup {
    position: absolute;
    right: 24px;
    font-size: 18px;
    top: 24px;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
}


.opcoesProd .prodInfos{
    font-family: 'Jura', sans-serif;
    background: #1332F8;
    font-size: 15px;
    padding: 8px;
    border-radius: 8px;
}

.opcoesProd h6{
    margin-bottom: 0px;
    color: #fff;
    font-size: 15px;
    margin-top: 0px;
}

.opcoesProd .flexProds p{
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 4px;
    color: #ffffff;
    margin-bottom: 0px;
}

.opcoesProd .flexProds{
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.opcoesProd .flexProds .imagemPrincipal{
    width: 60px;
    height: 60px;
    margin-right: 8px;
}
.opcoesProd .flexProds .imagemPrincipal>div{
    width:100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.opcoesProd .tamanhos > .itemSize:first-of-type{
    margin-top: 0px;
}

.msgCatalogo a{
    cursor: pointer;
    color: #1332F8;
    text-decoration: none;
}

.previewBoxWrapper{
    display: none;
}
.previewBoxWrapper.previewBoxAtivo{
    display: flex;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}
.previewBoxWrapper.previewBoxAtivo .carPreviw{
    display: flex;
    justify-content: center;
}


.previewBoxWrapper .previewBoxClose {
    position: absolute;
    right: 24px;
    top: 24px;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 24px;
    cursor: pointer;
}

.previewBoxWrapper .previewBox{
width: 96%;
max-width: 720px;
height: 80%;
background: white;
border: solid 1px #e9e9e9;
border-radius: 9px;
overflow-y: auto;
padding: 64px 36px 36px;
position: relative;
}

.previewBoxWrapper .previewBox .carPreviw{
    position: relative;
}

/*Fim Css Xml*/

/*CSS Novos tipos de  POS */
#selOpcoesConteudo svg{
    width: 74px !important;
    height: 74px !important;
}
#selOpcoesConteudo svg *{
    fill: #B0B0B0;
}

#selOpcoesConteudo .embreve{
    position: relative;
    opacity: .2;
}

#selOpcoesConteudo .embreve:after{
    position: absolute;
    right: 20px;
    top: 20px;
    content: "EM BREVE";
    font-size: 9px;
    color: #fff;
    background: #000;
    padding: 5px;
    border-radius: 20px;
}

.controladorEtapas.around .rowControladorEtapas{
    justify-content: space-around;
}

.labelAdiconal{
    font-size: 11px;
}


.caixaNova{
    border: 1px solid #656565;
    padding: 25px;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    margin-top: 24px;
}

.caixaNova p {
    flex-basis: 100%;
    text-align: center;
}

.contentPlus{
    border-radius: 100%;
    width:40px;
    height: 40px;
    border: solid 4px #1332F8;
    display: block;
    background: none;
}
.contentPlus svg{
    width:40px;
    height: 40px
}

.contentPlus svg *{
    stroke: #1332F8;
}

.caixaLateral.hiddenPanel {
    overflow: hidden;
    transform: translateX(100%);
    transition: transform ease-in 300ms 200ms;
}

.caixaLateral{
    border-left: solid 1px #e9e9e9;
    background: #f5f5f5;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    width: calc(80% - 275px);
    padding: 15px;
    right: 0;
    z-index: 999;
    transition: all ease-in 300ms 200ms;
    transform: translateX(0);
    overflow-y: scroll;
}

.caixaLateral .loadingBoxCaixa {
    position: absolute;
    display: flex;
    top: 50%;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -65px;
}
.caixaLateral .loadingBoxCaixa p{
    flex-basis: 100%;
    text-align: center;
}

.caixaLateral .btnClose{
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 18px;
    top: 5px;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
    z-index: 99;
}

.caixaLateral .etapaCaixa{
    display: none;
}

.caixaLateral .etapaCaixa.etapaCaixaAtiva {
    display:block ;
}


.kvsPosts{
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
    margin-bottom: 36px;
}

.kvsPosts .todoModelos{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    width: 100%;

}

.kvsPosts .todoModelos .ItemModelo{
    flex-basis: 33.333%;
    padding: 16px;
    box-sizing: border-box;
    width: 25%;
    cursor: pointer;
}

.kvsPosts .todoModelos .ItemModelo img{
    width: 100%;
}
.kvsPosts .todoModelos .ItemModelo .imgModelo{
    position: relative;
}



.cardTextPadrao .contentModelo{
    border: 1px solid #DEDEDE;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
    transition: background 100ms 200ms ease-in;
    padding: 16px;
    box-sizing: border-box;
}


.cardTextPadrao p {
    text-align: center;
}

.cardTextPadrao .hoverImage{
    width: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 100ms 200ms ease-in;
    position: absolute;
    height: 64px;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-left: -32px;
    background: #1332F8;
    border-radius: 50%;
}
.cardTextPadrao .hoverImage svg *{
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.cardTextPadrao:hover .contentModelo{
    background: rgba(29, 22, 241,0.2);
}

.cardTextPadrao:hover .hoverImage{
    width: 64px;
    opacity: 1;
}


.btnReload{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.btnReload span {
    color: #1332F8;;
}
.btnReload svg {margin-right: 8px}
.btnReload svg *{
    stroke: #1332F8;
}

.todoResults{
    display: flex;
    gap: 30px;
    max-width: 1080px;
}

.todoResults .ItemResult {
    margin-right: 0px;
    margin-bottom: 24px;
    flex-basis: calc(33.333% - 25px);
    max-width:  calc(33.333% - 25px);
    display: flex;
    justify-content: center;
    border: 1px solid #656565;
    border-top-color: rgb(101, 101, 101);
    border-right-color: rgb(101, 101, 101);
    border-bottom-color: rgb(101, 101, 101);
    border-left-color: rgb(101, 101, 101);
    padding-top: 24px;
    flex-wrap: wrap;
    cursor: pointer;
    padding-bottom: 24px;
    z-index: 0;
    position: relative;
    background: #F2F2F2;
    transition: background ease-in 300ms 200ms;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

.todoResults .ItemResult .contentResult{
    background: #FFFFFF;
}

.todoResults .ItemResult .contentResult .header{
    height: 49px;
    background: #fff;
    width: 100%;
    border-bottom: solid #E9E9E9 1px;
    border-bottom: solid #e9e9e9 1px;
    position: relative;
    margin-bottom: 16px;
}

.todoResults .ItemResult .contentResult .header img {
    position: relative;
    top: 12px;
    left: 15px;
    width: 80px;
}

.todoResults .ItemResult .contentResult .descricao {
    width: 100%;
    background: #FFFFFF;
    margin-top: 30px;
    position: relative;
    border-top: solid #e9e9e9 1px;
    position: relative;
    text-align: left;
}


.todoResults .ItemResult .contentResult .descricao p{
    font-size: 13px;
    padding: 8px 16px;
    text-align: left;
}

.todoResults .ItemResult .contentResult .descricao p strong {
    margin-right: 8px;
}

.todoResults .ItemResult .contentResult  .containerMini{
    margin-right: auto;
    margin-left: auto;
}


.todoResults .ItemResult::after {
    content: " ";
    width: 18px;
    height: 18px;
    border: 1px solid #656565;
    background: #ffffff;
    position: absolute;
    right: 11px;
    top: 16px;
    border-radius: 50%;
}


.todoResults .ItemResult:hover {
    border-color: #1332F8;
    opacity: .9;
    background: #cdc6ef;
}

.todoResults .ItemResult.selecionadoAtivo{
    border: solid 2px #1332F8;
}


.todoResults .ItemResult.selecionadoAtivo::after{
    background: #1332F8;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    border-color: #1332F8;
    background-image: url("../images/check.png");
    background-repeat: no-repeat;
    background-position: center;
}


.actionsSelecionados{
    bottom: 36px;
    right: 36px;
    background: #1332F8;
    border-radius: 30px;
    text-align: center;
    width: 318px;
    cursor: pointer;
    transition: all ease-in 300ms 200ms;
    z-index: 999;
    padding: 16px 8px;
    position: fixed;
    cursor: pointer;
}

.actionsSelecionados:hover{
    opacity: .8;
}

.actionsSelecionados a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.actionsSelecionados a svg{
    margin-right: 4px;
}

.actionsSelecionados a svg *{
    fill:#FFFFFF;
    stroke: #FFFFFF;
}

.actionsSelecionados a {
    color: #FFFFFF;
    text-decoration: none;
}



.c-1080X1350 .containerMini {
    width: 216px;
    height: 270px;
    transform: scale(.2);
    transform-origin: top left;
}

.c-1080X1080 .containerMini {
    width: 216px;
    height: 216px;
    transform: scale(.2);
    transform-origin: top left;
}


.c-1080x1080 .containerMini {
    width: 216px;
    height: 216px;
    transform: scale(.2);
    transform-origin: top left;
}


.c-1080x1920 .containerMini {
    width: 216px;
    height: 384px;
    transform: scale(.2);
    transform-origin: top left;
}

.c-1200x628 .containerMini {
    width: 240px;
    height: 125.6px;
    transform: scale(.2);
    transform-origin: top left;
}

.c-1080x1350 .containerMini {
    width: 216px;
    height: 270px;
    transform: scale(.2);
    transform-origin: top left;
}

.c-1200x1200 .containerMini {
    width: 216px;
    height: 216px;
    transform: scale(.2);
    transform-origin: top left;
}

.templatesPosts h2{
    margin-top: 36px;
}

.selecionadosGroup {
    margin-top: 0px;
    margin-bottom: 36px;
    display: none;
    margin-left: -16px;
    margin-right: -16px;
}

.selecionadosGroup.ativoCar{
    display: block;
}

.selecionadosGroup .itemSelecionados, .selecionadosGroup .newGroup {
    max-width: 33.33%;
    padding: 0px 16px;
    cursor: pointer;
    position: relative;
    min-width: 300px;
}

.selecionadosGroup .itemSelecionados:after{
    content: " ";
    width: 18px;
    height: 18px;
    border: 1px solid #656565;
    background: #ffffff;
    position: absolute;
    right: 27px;
    top: 16px;
    border-radius: 50%;
}

.selecionadosGroup .itemSelecionados.selAtivoActions .contentSelecionados{
    outline: solid 2px #1332F8;
}
.selecionadosGroup .itemSelecionados.selAtivoActions:after{
    background: #1332F8;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    border-color: #1332F8;
    background-image: url("../images/check.png");
    background-repeat: no-repeat;
    background-position: center;
}

.selecionadosGroup .swiper-button-next, .selecionadosGroup .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,50px);
    left: auto;
    color: #fff;
    background: #1332F8;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 8px;
}

.selecionadosGroup .swiper-button-prev, .selecionadosGroup swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
    color: #fff;
    background: #1332F8;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 8px;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 21px !important;
}

.selecionadosGroup .contentSelecionados{
    background: white;
    border: 1px solid #DEDEDE;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
    transition: background 100ms 200ms ease-in;
    padding: 16px;
    box-sizing: border-box;
}

.selecionadosGroup .header {
    height: 49px;
    background: #fff;
    width: 100%;
    border-bottom: solid #E9E9E9 1px;
    border-bottom: solid #e9e9e9 1px;
    position: relative;
    margin-bottom: 16px;
}

.selecionadosGroup .header img {
    position: relative;
    top: 12px;
    left: 15px;
    width: 80px;
}

.selecionadosGroup .descricao {
    width: 100%;
    background: #FFFFFF;
    margin-top: 30px;
    position: relative;
    border-top: solid #e9e9e9 1px;
    position: relative;
    text-align: left;
}

.selecionadosGroup.descricao p {
    font-size: 13px;
    padding: 8px 16px;
    text-align: left;
}

.selecionadosGroup .descricao p strong {
    margin-right: 8px;
}

.selecionadosGroup .containerMini {
    margin-left: auto;
    margin-right: auto;
}

.selecionadosGroup  .opcoesSel{
    height: 0;
    overflow: hidden;
    transition: height 200ms 300ms ease-in ;
    display: flex;
    width: 100%;
    gap: 12px;
    box-sizing: border-box;
    align-items: center;
}

.selecionadosGroup  .opcoesSel div > span {
    display: none;
}

.selecionadosGroup .itemSelecionados.selAtivoActions .opcoesSel{
    height: 40px;
    overflow: visible;
}


.selecionadosGroup .itemSelecionados .opcoesSel svg * {
    fill: none;
    transition: all ease-in 100ms 200ms ;
    opacity: 0;
}

.selecionadosGroup .itemSelecionados .opcoesSel .removerOptions svg * {
    fill: none;
    stroke:none ;
    transition: all ease-in 100ms 200ms ;
    opacity: 0;
}


.selecionadosGroup .itemSelecionados.selAtivoActions .opcoesSel svg * {
    fill: #1332F8;
    opacity: 1;
}

.selecionadosGroup .itemSelecionados.selAtivoActions .opcoesSel .removerOptions svg * {
    fill: none;
    stroke:#D33F49 ;
    opacity: 1;
}


.selecionadosGroup .itemSelecionados.selAtivoActions .opcoesSel > div{
    position: relative;
}

.selecionadosGroup .itemSelecionados.selAtivoActions .opcoesSel > div:hover span{
    display: flex;
    position: absolute;
    background: #1d1d1d;
    color: #FFFFFF;
    padding: 4px 12px;
    border-radius: 50px;
    left: -50%;
    top: calc( 100% + 8px);
}

.selecionadosGroup .itemSelecionados.selAtivoActions .opcoesSel > div:hover svg * {
    opacity: .9;
}

.groupItens{
    display: none;
}


.cxGroup{
    display: flex;
    width: 100%;
    height: 60px;
}
.groupItens.groupItensAtivo {
    display: flex;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.cxSelecionadosGeral{
    position: relative;
}

.groupItens.groupItensAtivo p {
    background: #1332F8;
    color: #FFFFFF;
    padding: 8px 24px;
    border-radius: 40px;
    font-size: 14px;
}

.selecionadosGroup .newGroup{
    overflow: hidden;
}

.selecionadosGroup .newGroup .tagGroup{
    background: #1332F8;
    color: #FFFFFF;
    position: absolute;
    padding: 3px 13px;
    z-index: 99;
    right: 23px;
    bottom: 8px;
    font-size: 11px;
    border-radius: 12px;
}
.selecionadosGroup .newGroup .itemCarGroup .contentSelecionados{
    border: none;
    box-shadow: none;
}
 .newGroup  .contentSelecionados  .swiper-wrapper>div{
    display: none;
}
.newGroup  .contentSelecionados  .swiper-wrapper > div.itemGroupAtivo{
    display: block;
}

.newGroup .next:before{ position: absolute; top:50%;right:0;font-family: swiper-icons;content: 'next';color:#1332F8;padding: 5px; box-sizing: border-box;margin-top: -14px      }
.newGroup .prev:before{position: absolute; top:50%; left: 0; font-family: swiper-icons; content: 'prev';color:#1332F8;padding: 5px; box-sizing: border-box; margin-top: -14px    }

.newGroup .dots{
    position: absolute;
    width: 100%;
    max-width: ;
    padding-top: 8px;
    left: 0;
}

.newGroup .dots .todoDots{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.newGroup .dots .todoDots span{
    width: 8px;
    height: 8px;
    background: #8D8D8D;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}

.newGroup .dots .todoDots span.dotAtivos{
    background: #1332F8;
}


#overlayFullScreen {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .9);
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

#overlayFullScreen .closeBtn{
    position: absolute;
    right: 32px;
    color: #fff;
    font-size: 18px;
    top: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
    z-index: 99;
}

.cxSelFixed{
    display: flex;
    width: 100%;
    height: calc(100% - 180px);
    align-items: center;
    justify-content: center;
    transform-origin: top left;
    position: relative;
    top:50px;
    overflow: scroll;
}

.ampliarFullScreen{
    height: 100vh;
    overflow: hidden;
}

#overlayFullScreen .cxSelFixed > div.containerMini {
    transform-origin: center left;
    position: absolute;
    top:0px;
    cursor: grab;
}

#overlayFullScreen .cxSelFixed > div.grabbing{
    cursor: grabbing;
}


#overlayFullScreen .cxSelFixed > div *{
    pointer-events: none;
}


.zoomBox .res-25 > div{transform: scale(.25);}
.zoomBox .c-1080X1350.res-25 > div {width: calc(1080px * .25);height: calc(1350px * .25)}
.zoomBox .c-1080x1080.res-25 > div {width: calc(1080px * .25);height: calc(1080px * .25)}
.zoomBox .c-1080X1080.res-25 > div {width: calc(1080px * .25);height: calc(1080px * .25)}
.zoomBox .c-1080x1920.res-25 > div {width: calc(1080px * .25);height: calc(1920px * .25)}
.zoomBox .c-1200x628.res-25 > div {width: calc(1200px * .25);height: calc(628px * .25)}
.zoomBox .c-1200x1200.res-25 > div {width: calc(1200px * .25);height: calc(1200px * .25)}



.zoomBox .res-50 > div{transform: scale(.5);}
.zoomBox .c-1080X1350.res-50 > div {width: calc(1080px * .5);height: calc(1350px * .5)}
.zoomBox .c-1080x1080.res-50 > div {width: calc(1080px * .5);height: calc(1080px * .5)}
.zoomBox .c-1080X1080.res-50 > div {width: calc(1080px * .5);height: calc(1080px * .5)}
.zoomBox .c-1080x1920.res-50 > div {width: calc(1080px * .5);height: calc(1920px * .5)}
.zoomBox .c-1200x628.res-50 > div {width: calc(1200px * .5);height: calc(628px * .5)}
.zoomBox .c-1200x1200.res-50 > div {width: calc(1200px * .5);height: calc(1200px * .5)}


.zoomBox .res-75 > div{transform: scale(.75);}
.zoomBox .c-1080X1350.res-75 > div {width: calc(1080px * .75);height: calc(1350px * .75)}
.zoomBox .c-1080x1080.res-75 > div {width: calc(1080px * .75);height: calc(1080px * .75)}
.zoomBox .c-1080X1080.res-75 > div {width: calc(1080px * .75);height: calc(1080px * .75)}
.zoomBox .c-1080x1920.res-75 > div {width: calc(1080px * .75);height: calc(1920px * .75)}
.zoomBox .c-1200x628.res-75 > div {width: calc(1200px * .75);height: calc(628px * .75)}
.zoomBox .c-1200x1200.res-75 > div {width: calc(1200px * .75);height: calc(1200px * .75)}


.zoomBox .res-100 > div{transform: scale(1);}
.zoomBox .c-1080X1350.res-100  > div {width: calc(1080px * 1);height: calc(1350px * 1)}
.zoomBox .c-1080x1080.res-100  > div {width: calc(1080px * 1);height: calc(1080px * 1)}
.zoomBox .c-1080X1080.res-100  > div {width: calc(1080px * 1);height: calc(1080px * 1)}
.zoomBox .c-1080x1920.res-100  > div {width: calc(1080px * 1);height: calc(1920px * 1)}
.zoomBox .c-1200x628.res-100  > div {width: calc(1200px * 1);height: calc(628px * 1)}
.zoomBox .c-1200x1200.res-100  > div {width: calc(1200px * 1);height: calc(1200px * 1)}


#zoomControls, #zoomControlsEdit{display: flex;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 99;
    align-items: center;
    justify-content: center;
    bottom: 40px;}

#zoomControlsEdit {
    justify-content: start;
    bottom: 80px;
    max-width: 220px;
}

#zoomControls .zoomContainer, #zoomControlsEdit .zoomContainer{
    display: flex;
}
#zoomControls .zoomContainer .zoom, #zoomControlsEdit .zoomContainer .zoom{
    height: 25px;
    width: 25px;
    box-sizing: border-box;
    background: #afafaf;
    color: #FFFFFF;
    font-size: 12px;
    width: 45px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

#zoomControls .zoomContainer .zoom.ativo, #zoomControlsEdit .zoomContainer .zoom.ativo{
    background: #1332F8;
}

#zoomControls .zoomContainer .zoom:last-of-type, #zoomControlsEdit .zoomContainer .zoom:last-of-type{
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

#zoomControls .zoomContainer .selLupa, #zoomControlsEdit .zoomContainer .selLupa {
    width: 45px;
    height: 30px;
    background: #000;
    text-align: center;
    line-height: 30px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

#areaSelect {
    position: relative;
    height: calc(100% - 220px);
    overflow: scroll;
}

/*FIM POSTS**/

/*Editar Posts*/
    #boxEdicao .editBgColor{
      transition: background-color ease-in-out 100ms 200ms;

    }
    #boxEdicao .editBgColor.selectedElement{
        cursor: crosshair;
    }

    #boxEdicao .editTextOptions.selectedElement{
        cursor: text;
        position: relative;
    }

    #boxEdicao .editBgColor.selectedElement:before,     #boxEdicao .editTextOptions.selectedElement:before {
        content: " ";
        background: rgba(4,224,254,.5) !important;
        position: absolute;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    #editBoxGeral {
        position: fixed;
        background: #232020;
        top: 0;
        width: 100%;
        min-height: 10%;
        display: none;
        height: auto;
        padding: 16px 0px;
    }

    #editBoxGeral .todoBox{
        background: #232020;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
    }


    #editBoxGeral.editAtivo{
        display: flex;
        align-items: center;

    }

    #boxEdicao.noOvervlow{
        overflow-y:hidden;
    }


    .fixedColor, .selColor{position: relative; width: 25px; height: 25px}
    .fixedColor span, .selColor span{position: absolute; height: 100%; width: 100%; left: 0; top:0; cursor: pointer;background-size: cover !important; }

     .selImage{position: relative; width: 25px; height: 25px}
      .selImage span{position: absolute; height: 100%; width: 100%; left: 0; top:0; cursor: pointer;background-size: cover !important; }

    .editWrapper{
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
    }

    .containerEdit{
        display: flex;
        align-content: center;
        justify-content: end;
        width: 100%;
        max-width: calc(100% - 100px);
        margin-left: auto;
        margin-right: auto;
    }

     .colorsEditBox .containerEdit{
         gap: 16px;
     }

     #editBoxGeral{
         display: none;
     }

    #editBoxGeral .closeBoxEdit {
        position: absolute;
        right: 10px;
        top: 10px;
        font-weight: 600;
        color: #fff;
        cursor: pointer;
        transform: scale(1.13,1);
        top: 16px;
    }

    .bodyEditAtivo{
        overflow: hidden;
        height: 100vh;
    }


    .colorsEditBox .more{
        cursor: pointer;
    }

    .colorsEditBox .more svg *{
        fill: #505050;
        stroke: #202020;
    }

    #moreOptions {
        flex-basis: 100%;
        display: flex;
        width: 100%;
        justify-content: start;
        margin: 24px auto;
    }

    #moreOptions .moreContent{
        width: 100%;
    }

    #moreOptions .moreContent .selOption {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    #moreOptions .moreContent .selOption .itemOptionDiv{
        background: #36383a;
        border: solid 1px #46484a;
        display: flex;
        cursor: pointer;
        padding: 4px;
        box-sizing: border-box;
        align-items: center;
        transition: all ease-in 200ms 300ms ;
    }

    #moreOptions .moreContent .selOption .itemOptionDiv:hover{
        background: #56585a;
    }

    #moreOptions .moreContent .selOption .itemOptionDiv p {
        color: #dfdfdf;
        margin-left: 12px;
        font-size: 13px;
    }

    #moreOptions .moreContent .selOption .itemOptionDiv svg{
        width: 24px;
        height: 24px;
    }
    #moreOptions .moreContent .selOption .itemOptionDiv#option-custom-image svg *{
        stroke:#dfdfdf;
    }

    #moreOptions .moreContent .selOption .itemOptionDiv#option-custom-color svg path {
        stroke: #dfdfdf;
        fill: transparent;
    }

    #moreOptions .btnMore {
        display: flex;
        gap: 12px;
    }

    #moreOptions .divForm{
        margin-top: 24px;
        position: relative;
    }


    #moreOptions .btnMore>div {
        height: 28px;
        border: none;
        color: #fff;
        line-height: 28px;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        font-weight: 700;
        text-decoration: none;
        padding: 0;
        display: block;
        background: none;
        cursor: pointer;
        margin-top: 0px;
        transition: all ease-in 300ms 200ms;
        width: 150px;
        background: #1332F8;
        box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
        font-family: 'Jura', sans-serif;
        border-radius: 56px;
    }

    #moreOptions .btnMore>div:hover{
        opacity: .9;
    }

    #moreOptions .btnMore>div.cancelBtn{
        background: #66686a;
        box-shadow: 4px 4px 24px 0px #404040;
    }


    #moreOptions .fakeForm .groupItem {
        border-bottom: solid 1px #2f2f2f;
        margin-bottom: 24px;
        padding-bottom: 8px;
    }

    #moreOptions .fakeForm .groupItem .label{
        font-size: 14px;
        color: #afafaf;
    }

    #Customcolor{
        display: block;
        width: 100%;
        height: 36px;
        line-height: 36px;
        background: #36383a;
        border: solid 1px #46484a;
        max-width: 150px;
        font-size: 14px;
        color:#ffffff;
        text-transform: uppercase;
    }

    #Customcolor:hover,  #Customcolor:focus{
        outline: none !important;
        appearance: none;
    }

    .controlesEdit .atualizarBtn{
        position: fixed;
        bottom: 70px;
        right: 24px;
        cursor: pointer;
        border-radius: 56px;
        width: 150px;
        background: #1332F8;
        box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
        height: 38px;
        font-family: 'Jura', sans-serif;
        transition: all ease-in 300ms 200ms;
        font-weight: 700;
        text-align: center;
        line-height: 38px;
        color: #fff;
    }

    .controlesEdit .atualizarBtn span{
        cursor: pointer;
    }

    .caixaBtnDireito {
        position: absolute;
        top: 100%;
        background:rgba(55,55,55,0.96);
        margin-top: 10px;
        display: none;
        align-items: center;
        border-radius: 4px;
    }

    .caixaBtnDireito.extraMenuDireitoAtivo{
        display: flex;
        flex-wrap: wrap;
        left: -20px;
        min-width: 120px;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .caixaBtnDireito > div{
        border-bottom: solid 1px #4f4f4f;
        flex-basis: 100%;
        justify-content: center;
        transition: all ease-in 200ms 300ms ;
    }

    .caixaBtnDireito > div:hover{
        background: rgba(255,255,255,.2);
    }


    .btnExcluirDireito {
        display: flex;
        align-items: center;
    }

    .btnEditarDireito{
        display: flex;
        align-items: center;
    }

    .btnEditarDireito svg{
        width: 16px;
        margin-right: 4px;
    }

    .btnEditarDireito svg *{
        fill: #FFFFFF;
    }

    .btnEditarDireito p{
        color: #FFFFFF;
        cursor: pointer;
        font-size: 14px;
    }


    .itemMenuDireito {
        padding: 2px 12px;
        margin-bottom: 4px;
        border-bottom: solid 1px #202020;
        cursor: pointer;
    }

    .btnExcluirDireito svg{
        width: 16px;
        cursor: pointer;
    }

    .btnExcluirDireito svg *{
        stroke: #D33F49;
    }

    .btnExcluirDireito p{
        color: #D33F49;
        cursor: pointer;
        font-size: 16px;
    }

    .fakeInputUploader{
        cursor: pointer;
        border-radius: 56px;
        background: #1332F8;
        box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
        height: 38px;
        font-family: 'Jura', sans-serif;
        transition: all ease-in 300ms 200ms;
        font-weight: 700;
        text-align: center;
        line-height: 38px;
        color: #fff;
        display: inline-block;
        padding: 0px 24px;
        font-size: 13px;
        margin-bottom: 14px;
    }

    .fakeInputUploader:hover{
      opacity: .9;
    }

    .formOculto {
        display: none;
    }

    .nomeArquivo {
        font-size: 13px;
        color: #fff;
        padding: 14px 0px;
        margin-left: 10px;
    }
    .urlArquivo{
        display: none !important;
    }

    #extraCamposBGPreview {
        position: absolute;
        right: 0;
        top: 0;
    }

    .fakeSelectEdit .selecionado {
        width: 100%;
        height: 36px;
        line-height: 36px;
        background: #36383a;
        border: solid 1px #46484a;
        font-size: 13px;
        color: #ffffff;
        max-width: 280px;
        display: inline-block;
        padding: 4px 8px;
        cursor: pointer;
    }

    .groupItemSecundario .fakeInput {
        width: 100%;
        height: 36px;
        line-height: 36px;
        background: #36383a;
        border: solid 1px #46484a;
        font-size: 13px;
        color: #ffffff;
        max-width: 280px;
        display: inline-block;
        padding: 4px 8px;
    }


    #campo-custom-text{
        width: 100%;
        padding: 0px 16px;
    }
    .divForm .fakeWYSWYG{
        width: 100%;
        height: 36px;
        line-height: 36px;
        background: #36383a;
        border: solid 1px #46484a;
        font-size: 13px;
        color: #ffffff;
        display: inline-block;
        padding: 4px 8px;
        min-height: 120px;
        box-sizing: border-box;
    }

    .btnMore {
        display: flex;
        gap: 12px;
    }

    .btnMore>div {
    height: 28px;
    border: none;
    color: #fff;
    line-height: 28px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    display: block;
    background: none;
    cursor: pointer;
    margin-top: 0px;
    transition: all ease-in 300ms 200ms;
    width: 150px;
    background: #1332F8;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
    font-family: 'Jura', sans-serif;
    border-radius: 56px;
    }
    .btnMore>div:hover{
    opacity: .9;
    }

    .btnMore>div.cancelBtn{
    background: #66686a;
    box-shadow: 4px 4px 24px 0px #404040;
    }

    .separadorDivForm{
        height: 1px;
        background: #2f2f2f;
        margin-bottom: 24px;
        padding-bottom: 0;
        width: 100%;
        margin-top: 24px;
        box-sizing: border-box;
    }

    .colunasForm{
        display: flex;
        flex-wrap: wrap;
        max-width: calc(100% - 200px);
        gap: 16px;
        justify-content: space-between;
     }

.colunasForm>div{
    flex-basis: calc(50% - 18px);
    box-sizing: border-box;
}

.fakeSelectEdit{
    position: relative;
}

.fakeSelectEdit .fakeOptionsEdit{
    position: absolute;
    background: #292b2d;
    width: 100%;
    max-width: 300px;
    z-index: 9;
}
.fakeSelectEdit .fakeOptionsEdit div{
    color: #ffffff;
    padding: 8px 8px;
    box-sizing: border-box;
    font-size: 11px;
    margin-bottom: 4px;
    cursor: pointer;
}
#extraCamposBGCustomSize{
    display: flex;
    align-items: center;
}
#extraCamposBGCustomSize .itemPersonalizado{
}

#extraCamposBGCustomSize .itemPersonalizado.cxLargura , #extraCamposBGCustomSize .itemPersonalizado.cxAltura{
    flex-basis: 80px;
}

#extraCamposBGCustomSize .itemPersonalizado.cxX{
    flex-basis: 30px;
    text-align: center;
    margin-left: 21px;
    margin-right: 7px;
    margin-top: 38px;
}
#extraCamposBGCustomSize .itemPersonalizado.cxX .label{
    line-height: 1px;
}

#extraCamposBGCustomSize .itemPersonalizado.cxReload{
    margin-left: 30px;
    margin-top: 40px;
    padding: 3px;
    cursor: pointer;
}

.hasOverlay{
    position: relative;
}

#CustomPreview .overlayBg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.frmEditText{
    background: #26282a;
    display: flex;
    margin-top: 16px;
    padding: 8px;
    align-items: center;
    justify-content: space-evenly;
    border: solid 1px #2f2f2f;
}
.frmEditText > div{
    cursor:pointer;
}

#ModalIAGen{
    position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    left:0;
    top:0px;
    z-index: 999;
}

#ModalIAGen .ModalWraper{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ModalIAGen .ModalWraper .opacityBG{
    background: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#ModalIAGen .ModalContainer {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 16px;
    max-height: 700px;
    overflow: scroll;
}

#ModalIAGen h3{
    font-weight: 400;
    line-height: 26px;
    font-size: 19px;
    text-transform: uppercase;
}
#ModalIAGen h3 strong {
    color:#1332F8
}

#ModalIAGen .itemTabela{
    margin-bottom: 16px;
}
#ModalIAGen .itemTabela .headerTabela{
    display: flex;
    align-items: center;
    justify-content: start;
    background: #1332F8;
    padding: 6px 8px;
}

#ModalIAGen .itemTabela .headerTabela p {
    color:#ffffff;
    font-weight: 600;
}

#ModalIAGen .itemTabela .headerTabela .editBgColor{
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 8px;
}

#ModalIAGen .itemTabela .linhaGerar{
    background: #fff;
    padding: 16px 8px;
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #efefef;
}

#ModalIAGen .itemTabela .linhaGerar:nth-of-type(odd){
    background: #ececec;
}

#ModalIAGen .itemTabela .linhaGerar p {
    margin: 0px;
    padding: 0x;
    color: #000000;
    font-weight: 400;
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar{
    display: flex;
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar span{
    cursor: pointer;
    background: #ffffff;
    border: solid 1px #1332F8 ;
    color: #1332F8;
    font-family: 'Jura', sans-serif;
    margin-right: 8px;
    text-transform: uppercase;
    padding: 4px 16px;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    font-size: 13px;
    letter-spacing: 1px;
    border-radius: 36px;
    display: flex;
    align-items: center;
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar span svg{
    margin-right: 8px;
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar span svg *{
    fill:#1332F8
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar span:hover{
    background: #1332F8;
    border: solid 1px #ffffff ;
    color:#ffffff;
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar span:hover svg *{
    fill:#FFFFFF
}

#ModalIAGen .itemTabela .linhaGerar .acoesGerar span:last-of-type{
    margin-right: 0px;
}


#ModalIAGen .selEtapasPop{
    display: flex;
    justify-content: end;
    flex-wrap: wrap;

}

#ModalIAGen .btnEtapaPop {
    flex-basis: 100%;
    display: flex;
    justify-content: end;
}

#ModalIAGen .btnEtapaPop span{
    cursor: pointer;
}


#ModalIAGen .btnEtapaPop.apply span{
    background: #1332F8;
    color: #ffffff;
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 36px;
    padding: 8px 16px;
    font-size: 13px;
    min-width: 150px;
    text-align: center;
}

#ModalIAGen .btnEtapaPop.apply span:hover{
    opacity: .9;
}

#ModalIAGen .btnEtapaPop.cancel span {
    min-width: 150px;
    text-align: right;
    font-size: 12px;
    color: #6C6C6C;
    padding: 9px 16px;
}

#ModalIAGen .btnEtapaPop.cancel span:hover{
    color:#1332F8;
}

#ModalIAGen .selGer{
    display: flex;
    flex-wrap: wrap;
}

#ModalIAGen .selGer .optionSel{
    flex-basis: 100%;
    text-align: center;
    color: #1cb18e;
    border: solid #1cb18e 1px;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px 8px;
}

#ModalIAGen .selGer .voltarOption{
margin-top: 8px;
font-size: 11px;
flex-basis: 100%;
text-align: center;
color: #6c6c6c;
cursor: pointer;
}

#ModalIAGen .selGer  .voltarOption:hover{
    color:#1332F8;
}

#ModalIAGen #EtapaPop2 p{
    text-transform: inherit;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 16px;
}

#ModalIAGen .textAreaPrompUser{}
#ModalIAGen .textAreaPrompUser textarea{
    width: 100%;
    min-height: 85px;
    resize: none;
    font-size: 14px;
}
#ModalIAGen .textAreaPrompUser textarea::placeholder{
    font-size: 14px;
}
#ModalIAGen #btnSubmitPrompoPost{
    margin-top: 16px;
}


#ModalIAGen #EtapaPop2 #btnSubmitPrompoPost{
    background: #1332F8;
    color: #ffffff;
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 36px;
    padding: 8px 16px;
    font-size: 13px;
    width: 150px;
    text-align: center;
    cursor: pointer;
}

#ModalIAGen #EtapaPop2 #btnSubmitPrompoPost:hover{
    opacity: .9;
}

#ModalIAGen #EtapaPop2 .btnCancel{
    font-size: 12px;
    width: 150px;
    text-align: left;
    color: #6c6c6c;
    cursor: pointer;
    padding: 4px 0px;
}


#ModalIAGen #EtapaPop3 ul.listaOptions{
    padding-left: 0px;
}

#ModalIAGen #EtapaPop3 ul.listaOptions li{
    display: flex;
    border: 1px solid #979797;
    background: #ffffff !important;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    margin-bottom: 16px;
    padding: 16px;
    font-size:14px;
}

#ModalIAGen #EtapaPop3 ul.listaOptions li .selOption{
    width: 18px;
    height: 18px;
    border: 1px solid #656565;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 2px 2px 0px 0px #EDEDE3;
    margin-right: 12px;
    cursor: pointer;
}


#ModalIAGen #EtapaPop3 ul.listaOptions li .selOption.ativoSelOptions{
    background:#1332F8;
    position: relative;
}

#ModalIAGen #EtapaPop3 ul.listaOptions li .selOption.ativoSelOptions:before{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    background-image:url('../images/check.svg');
    background-size: cover;
    border-color: #1332F8;
}


#ModalIAGen #EtapaPop3 #btnSelecionaOpcao {
    background: #1332F8;
    color: #ffffff;
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 36px;
    padding: 8px 16px;
    font-size: 13px;
    width: 200px;
    text-align: center;
    cursor: pointer;
}

#ModalIAGen #EtapaPop3 #backToPrompt {
    font-size: 12px;
    width: auto;
    text-align: left;
    color: #6c6c6c;
    cursor: pointer;
    padding: 4px 0px;
    display: inline-block;
}


#ModalIAGen #frmPrompt.processingPrompt #btnSubmitPrompoPost{
    color: transparent;
    pointer-events: none;
    position: relative;
}

#ModalIAGen #frmPrompt.processingPrompt #btnSubmitPrompoPost:before{
    content: ' ';
    background-image: url("../images/loading.gif");
    background-position: center;
    background-size: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
}


#ModalIAGen #frmPrompt.processingPrompt .btnCancel{
    pointer-events: none;
}

.selecionadosGroup .descricao.isEditing{

}

.selecionadosGroup .descricao p:after{
    content: "Editar";
    padding-left: 22px;
    font-size: 11px;
    color: #1332F8;
    background-image: url("../images/editar-btn.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 6px;
}

.ModalContainer{
    position: relative;;
}
.btnCloseModal {
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 18px;
    top: 5px;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 21px;
    cursor: pointer;
    z-index: 99;
}

.todoBtnGen{
    display: block;
    text-align: right;
}

.btnGenIA {
    border: solid 1px #1332F8;
    display: inline-flex;
    margin-top: 4px;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 48px;
    cursor: pointer;
}
.btnGenIA span {
    color: #1332F8;
    font-size: 12px;
    margin-left: 4px;
}

.btnGenIA svg{

}

.btnGenIA svg *{
    fill: #1332F8;
}

.frmProv textarea{
    resize: none;
    width: 100%;
    min-height: 100px;
    font-size: 14px;
    appearance: none;
    box-shadow: none;
    border: solid 1px #1D1D1D;
    box-sizing: border-box;
}


.frmProv textarea.error{
    border: solid 1px #ff1430;
}

#btnSubmitDescricao {
    flex-basis: 100%;
    display: flex;
    justify-content: start;
}
#btnSubmitDescricao span{
    background: #1332F8;
    color: #ffffff;
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 36px;
    padding: 8px 16px;
    font-size: 13px;
    min-width: 150px;
    text-align: center;
    cursor: pointer;
}


.TodoConteudo.processingPrompt  #btnSubmitDescricao span {
    pointer-events: none !important;
    cursor: default;
    background-image: url("../images/loading.gif");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    color:transparent;
}

.TodoConteudo.processingPrompt .btnGenIA svg{
    display: none;
}

.TodoConteudo.processingPrompt .btnGenIA  span{
    pointer-events: none !important;
    cursor: default;
    background-image: url("../images/loading.gif");
    filter: invert(100);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    color:transparent;
 }


li.download .cardOption svg{
    width: 64px;
}

li.auto .cardOption svg{
    width: 64px;
}

li.download svg *{
    stroke: #656565;
}

/*Fim  Editar Post*/

/*Publicação dos posts*/
#selOpcoesPublicacoes .beta{
    position: relative;
}

#selOpcoesPublicacoes .beta::after {
    position: absolute;
    right: 20px;
    top: 20px;
    content: "BETA";
    font-size: 9px;
    color: #fff;
    background: #1332F8;
    padding: 5px;
    border-radius: 20px;
}

#selOpcoesPublicacoes .betaBreve{
    position: relative;
    cursor: default;
    pointer-events: none;
    opacity:.5 ;
}

#selOpcoesPublicacoes .betaBreve::after {
    position: absolute;
    right: 20px;
    top: 20px;
    content: "EM BREVE";
    font-size: 9px;
    color: #fff;
    background: #666666;
    padding: 5px;
    border-radius: 20px;

}


.cxPadrao {
    border-left: solid 1px #e9e9e9;
    background: #f5f5f5;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    width: calc(80% - 275px);
    padding: 15px;
    right: 0;
    z-index: 999;
    transition: all ease-in 300ms 200ms;
    transform: translateX(0);
    overflow-y: scroll;
}

.cxPadrao.oculto {
    overflow: hidden;
    overflow-y: hidden;
    transform: translateX(100%);
    transition: transform ease-in 300ms 200ms;
}

.cxPadrao .btnClose{
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 18px;
    top: 5px;
    color: #1D1D1D;
    font-weight: bold;
    font-size: 40px;
    cursor: pointer;
    z-index: 99;
}

.cxPadrao .loadingBoxCaixa {
    position: absolute;
    display: flex;
    top: 50%;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -65px;
}

.cxPadrao .loadingBoxCaixa .elementLoad {
    flex-basis: 100%;
    text-align: center;
}


.msgDownload{margin-top: 24px}

.tabelaItensDownlod .itemDownload{
    display: block;
}

.tabelaItensDownlod.sucesso .itemDownload{
    background: #1cb18e33;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: solid 1px #1cb18e;
}

.tabelaItensDownlod.sucesso .btnDownload a {
    color: #1D1D1D;
    text-decoration: none;
    border: solid 1px;
    border-radius: 24px;
    padding: 8px;
}

.tabelaItensDownlod.sucesso .btnDownload a:hover{
    background: #1cb18e;
    color: #ffffff;
    border-color: #1cb18e;
}

.tabelaItensDownlod.error .btnDownload a { color: #ffffff;
    text-decoration: none;
    border: solid 1px;
    border-radius: 24px;
    padding: 8px;}

.tabelaItensDownlod.error .btnDownload a:hover{
    background: #8E443D;
    border-color: #8E443D;
}


.tabelaItensDownlod.error .itemDownload{
    background:#8E443D33;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: solid 1px #8E443D;
}


.tabelaItensDownlod  .mini{
    width: 64px;
    overflow: hidden;
    height: 64px;
    position: relative;
    margin-right: 16px;
}

.tabelaItensDownlod  .mini >div{
    transform: scale(0.07);
    transform-origin: top left;
}


.tabelaItensDownlod .itemDownload{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*Fim publicação dos posts*/

/*XML Refinamento*/
.subOptionsFeed{
    display: none !important;
}

/*Ajustes NEWSCO e melhorias de QDV*/
.flex-wrap{
    flex-wrap:wrap ;
}

.contentResult .ampliar{
    position: absolute;
    right: 24px;
    top: 40px;
    z-index: 9;
    display: flex;
    gap:2px;
    align-items: center;
    cursor: pointer;
    opacity: 1;
    transition: all ease-in-out 200ms;
}

.contentResult .ampliar:hover{
    opacity:.85 ;
}

.contentResult .ampliar svg{
    width: 24px;
    fill: #1332f8;
}

.contentResult .ampliar span{
    font-size: 12px;
    color: #1332f8;
}

#viewFullScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    z-index: 999;
    overflow: auto;
    padding-top: 32px;
    padding-bottom: 32px;
}
#viewFullScreen .codeFull{
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;
}

#viewFullScreen .codeFull > div {
    overflow: hidden;
}

#viewFullScreen .containerFull{
    overflow-y: scroll;
    height: calc(100% - 32px);
    width: 100%;
}

#viewFullScreen #closeFixedAD {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    color: #FFFFFF;
    z-index: 99;
    cursor: pointer;
}

#overlayFullScreenAD {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
}

.isFull{
    overflow: hidden;
    height: 100vh;
}

.isFull *:not(#viewFullScreen,#closeFixedAD,.containerFull,.motion_btn) {
    cursor: none;
    pointer-events: none;
}

#viewFullScreen .motion_btn{
    position: fixed;
    left: 50%;
    top: 24px;
    margin-left: -55px;
    cursor: pointer;
    pointer-events: all;
}

.Tempo-Slides {
    padding: 5px;
    font-size: 12px;
    color: #1332f8;
    border: solid 1px #1332f8;
    margin: 14px 11px;
    display: inline-block;
}

#ModalIAGen .itemTabela .headerTabela > div{
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 8px;
    margin-bottom: 0px;
}

#ModalIAGen .itemTabela .headerTabela > div * {
    max-width: 50px !important;
    max-height: 50px !important;
}

.all_motion_btn {
    width: 130px;
    background: #fff;
    z-index: 2;
    display: flex;
    align-items: center;
    color: #191919;
    border: solid 1px #191919;
    top: -12px;
    padding: 2px 6px;
    left: 5px;
    border-radius: 1px;
    font-size: 13px;
    opacity: 1;
    transition: ease-in 300ms 50ms all;
    cursor: pointer;
}

.all_motion_btn svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    transition: ease-in 300ms 50ms all;
}

.all_motion_btn.off span {
    background: #acacac;
    color: #fff;
    padding: 2px 4px 2px 12px;
}

.all_motion_btn.off span::before {
    left: 3px;
}

.all_motion_btn.on span {
    background: #1cb18e;
    color: #fff;
    padding: 2px 12px 2px 4px;
}

.all_motion_btn span::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    top: 3px;
}

.all_motion_btn span {
    margin-left: 4px;
    font-size: 9px;
    font-weight: 700;
    border-radius: 10px;
    line-height: 9px;
    position: relative;
    transition: ease-in 300ms 50ms all;
}

.all_motion_btn span::before {
    right: 3px;
}

.motion_btn.motionFullSel {
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -55px;
}

#boxEdicao .itemEdit {
    margin-top: 16px;
}

.motion_btn.motionEdit {
    top: 7px;
    cursor: pointer;
}

.btnEditarBar{
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 24px;
    margin-top: 24px;
    border: solid 1px #1332f8;
    padding: 8px 04px;
    transition: all ease-in-out 300ms;
    cursor: pointer;
}

.btnEditarBar:hover{
    opacity: 0.85;
}

.btnEditarBar span{
    color:#1332f8;
    font-size: 13px;
}

.btnEditarBar svg{
    width: 18px;
    fill: #1332f8;
    transition: all ease-in-out 300ms;
}
.btnEditarBar svg.rotateSvg{
    transform: rotate(180deg);
}

.sidebarEditar.sidebarActive {
    position: fixed;
    right: calc(100% - 240px);
    background: white;
    height: 100%;
    top: 0;
    width: 240px;
    overflow-y: scroll;
    border-right: 3px solid #efefef;
    padding: 8px 0px;
    box-sizing: border-box;

}

.sidebarEditar .content-elementos > div{
    display: flex;
    gap: 8px;
    padding: 17px 8px;
    border-bottom: solid 1px #1332f8;
    box-shadow: 0px 2px 11px #dfdfdf;
    color: #1332ff;
    font-size: 13px;
    cursor: pointer;
    transition:all ease-in-out 300ms ;
}

.sidebarEditar .content-elementos > div:hover{
    background: rgba(0,0,0,.1);
}

.sidebarEditar .content-elementos > div svg{
    width: 16px;
    fill:#232020;
}


#boxEdicao.caixaEditarAtivo{
    padding-left: 290px;
}


.selecionadoEdit {
    outline: aqua 4px dotted !important;
    background: rgba(0,255,255,1) !important;
    opacity: .9 !important;
}

.itemEditSide{
    flex-wrap: wrap;
}

.todo_sub_edit {
    display: flex;
    flex-basis: 100%;
}

.itemEditSide .fkForm * {
    color: #1D1D1D
}

.itemEditSide .fkForm h4{
    margin-bottom: 8px;
}

.itemEditSide .fkForm {
    width:100%;
    flex-basis:100%
}

.itemEditSide .fkForm .fkbtn {
    color: #1332f8;
    padding: 8px 0px;
    margin: 6px 0px;
    margin-top: 6px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    cursor: pointer;
    display: flex;
    transition: all ease-in-out 300ms;
    border-bottom: solid 1px #EFEFEF;
}

.itemEditSide .fkForm .historico{
    min-height:32px
}


.itemEditSide .fkForm .fake-submit{
    background: #1332F8;
    color: #ffffff;
    color: #fff;
    font-family: 'Jura', sans-serif;
    font-weight: 700;
    min-height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 48px;
    transition: all ease-in-out 300ms;
}

.itemEditSide .fkForm .fake-submit:hover{
    opacity:.85
}


.itemEditSide .fkForm .fkbtn:hover{
    opacity:.85;
}


.itemEditSide .fkForm .historico {
    min-height: 24px;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
}


.itemEditSide .fkForm .fkbtn svg{
    width:16px;
    fill: #1332f8;
    display: inline-block;
    margin-right:6px;
}

.square-bg {
    width: 16px;
    height: 16px;
    display: inline-flex;
    background-size: cover !important;
}

.selItemEdit > .square-bg{
    transition: all ease-in-out 300ms;
}

.selItemEdit >.square-bg:hover{
    opacity: 0.85;
    outline: solid 1px #1D16F1;
}

.selItemEdit.selItemEditAtivo > .square-bg{
    opacity: 0.85;
    outline: solid 1px #1D16F1;
}

.bodyEditAtivo::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9;
}

.selItemEdit{
    position: relative;
}


.selItemEdit  .extraOptionEdit{
    padding: 8px;
    margin: 0;
    position: absolute;
    height: 24px;
    background: #fff;
    box-shadow: 1px 5px 12px 1px #afafaf;
    border: solid 1px #bfbfbf;
    top: 100%;
    right: calc(0px - 20px);
    z-index: 999;
}

.selItemEdit .extraOptionEdit li{
    transition: all ease-in-out 300ms;
    display: flex;
    align-items: center;
    color: #ff1430 ;
    gap:8px;
    line-height: 24px;
}

.selItemEdit .extraOptionEdit li span{
    color: #ff1430 ;
}

.selItemEdit  .extraOptionEdit svg{
   fill: #ff1430 !important;
}


.selItemEdit  .extraOptionEdit li:hover{
    opacity: .85
}


/*Modal Editar */
.modalComplementoEditar{
    position: fixed;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlayModalComplementoEditar{
    position: absolute;
    left: 0;
    top:0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.9);
}

.todoModalComplementoEditar{
    background: white;
    width: 100%;
    max-width: 680px;
    min-height: 350px;
    height: auto;
    overflow: auto;
    position: relative;
    z-index: 999;
}

.containerModalComplementoEditar {
    padding: 16px;
}

.modalComplementoEditar label{
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Geologica', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #121212;
    text-transform: uppercase;
}

.modalComplementoEditar input, .modalComplementoEditar .inputColorPicker{
    width: 100%;
    display: block;
    outline: none;
    border: 1px solid #1D1D1D;
    height: 48px;
    color: #6C6C6C;
    padding: 0px 8px;
    box-sizing: border-box;

}
.modalComplementoEditar .groupLine input, .modalComplementoEditar .groupLine .inputColorPicker {
    flex-shrink: 1;
    flex-basis: fit-content;
}

.modalComplementoEditar .line{
    margin-bottom: 24px;
}

.modalComplementoEditar .groupLine {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 8px;
}
.modalComplementoEditar groupLine label{
    display: flex;
    flex-shrink: 1;
    flex-basis: fit-content;
}

.color_picker_hexa{
    height: 32px;
}

.submitFakeModal{
    cursor: pointer;
    border-radius: 56px;
    width: 150px;
    background: #1332F8;
    box-shadow: 4px 4px 24px 0px rgba(103, 98, 255, 0.47);
    height: 38px;
    font-family: 'Jura', sans-serif;
    transition: all ease-in 300ms 200ms;
    font-weight: 700;
    text-align: center;
    line-height: 38px;
    color: #fff;
    appearance: none;
    box-shadow: none;
    border: none;
    outline: none;
}

.btnUpload{
    appearance: none;
    box-shadow: none;
    border: solid 1px #1332F8;
    outline: none;
    width: auto;
    padding: 0pc 16px;
    height: 38px;
    line-height: 38px;
    color: #1332F8;
    font-family: 'Jura', sans-serif;
    transition: all ease-in 300ms 200ms;
    font-weight: 700;
    text-align: center;
    background: white;
    cursor: pointer;
    border-radius: 56px;
}

.btnUpload svg{
    width: 16px;
    fill: #1332F8;
}

.submitFakeModal:hover, .btnUpload:hover{
    opacity: .85;
}

.modalComplementoEditar .closeBtnModal{
    position: absolute;
    top: 14px;
    right: 14px;
    height: 20px;
    width: 30px;
    cursor: pointer;
}

.modalComplementoEditar .nomeArquivo{
    font-size: 14px;
    color: #121212;
    padding: 0px 0px 12px;
    margin-left: 0;
    margin-top: 0px;
    display: block;
    font-style: italic;
}

.modalComplementoEditar.loadinOnModal .todoModalComplementoEditar{
    display: none;
}

.itemModal.loadinOnModal .todoModalComplementoEditar *{
    pointer-events: none;
}

#loadingModal{
    font-size: 40px;
}

#imagePreview {
    border: solid 1px #007aff;
}

#uploadSecondLine {
    gap: 16px;
}


#uploadSecondLine .previewBoxAll{
    flex-basis: 200px;
    box-sizing: border-box;
}

#uploadSecondLine .complementoBoxAll{
    flex-basis: calc(100% - 202px - 16px);
    flex-shrink: 1;
    gap: 16px;
}

.modalComplementoEditar .fakeSelectEdit .selecionado {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #ffffff;
    border: solid 1px #1332F8;
    font-size: 13px;
    color: #1332F8;
    max-width: 280px;
    display: inline-block;
    padding: 4px 8px;
    cursor: pointer;
    box-sizing: border-box;
}

.modalText{
    margin-top: 36px;
}
.modalText .newText {
    font-family: unset;
    font-size: unset;
    text-decoration: unset;
    text-transform: unset;
    color: unset;
    font-weight: unset;
}