/* Let's highlight canvas boundaries */
/* Vamos destacar os limites da tela */

@import url(../webfonts/opensans/opensans.css);
@import url(../webfonts/fontello-hautoria/css/fontello.css);
@import url(../webfonts/icomoon/style.css);
@import url(styleAvaliacao.css);
@import url(grid.css);
@import url(components.css);
@import url(config.css);
@import url(painelBkp.css);
@import url(videoInterativo.css);

:root {

  --bg1: #EDF0F6;
  --bg2: #FFF;
  --bg3: #FFF;
  --bg4: #EDF0F6;
  --bg5: #F5F9FF;
  --bgModal: #562E9C80;
  --corPrimaria: #562E9C;
  --corSegundaria: #576081;
  --btAtivo: #e21111;
  --colorFont1: #562E9C;
  --colorFont2: #E5DCEE;
  --colorFont3: #5A607F;
  --auxBgWhite: #FFFFFF;
  --auxBgColor: #562E9C;


  --paleta1: #1E0150;
  --paleta2: #2F1164;
  --paleta3: #644897;
  --paleta4: #F1FF19;
  --paleta5: #EDF0F6;
  --paleta6: #5A607F;
  --paleta7: #212C37;
  --paleta8: #562E9C;
  --paleta9: #53397E;

  --text1: #FFF;
  --text2: #F1FF19;
  --text3: #1E0150;
  --text4: #562E9C;
  --text5: #53397E;

  --fontFamilyDefault: 'Open Sans'

}



body{
  font-family: "Open Sans" !important;
  margin: 0;
  color: var(--colorFont1);
  font-size: 11px !important;
}

[data-ambiente="prd"] [data-habilita="hml"],
[data-ambiente="prd"] [data-habilita="dev"]{
  display: none !important;
}

[data-ambiente="hml"] [data-habilita="dev"]:not([data-local]){
  display: none !important;
}

.gjs-resizer{
  height: 100%;
}

* ::-webkit-scrollbar {
  background: #999999 !important;
  width: 5px;
  height: 5px

}
.desativado{
  display: none !important;
}

.mouseover-dropper{
  cursor: move !important;
}
.container-rulergrid{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
}

#rulerGrid {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 99999999999999;
}

.rul_ruler
{
  background-color: #CCC;
}

.mdc-snackbar
{
  top: 0px;
  right: 240px;
  left: 200px;
  bottom: auto;
  color: var(--colorFont1);
  z-index: 9999999;
}

.mdc-snackbar__surface
{
  background-color: #E5DCEE;
  color: var(--colorFont1) !important;
}
.mdc-snackbar__label
{
    color: var(--colorFont1);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-load
{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999999999;
  background-color: var(--bgModal);
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
}

.block-load[data-type="inicio"]
{
  background-color: #562E9C;
}

.block-load .mensagem-bloqueio{
      /* border: 1px solid red; */
      width: 100%;
      height: 100%;
      /* width: 500px; */
      /* height: 200px; */
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      /* background-color: rebeccapurple; */
      background-image: radial-gradient(ellipse at center,#562E9C99 16% , #562E9C00 );
}
.block-load .mensagem-bloqueio .info-progresso{
  font-size: 16px;
}


.indicador-alteracao{
  background-color: #562e9c;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 3;
  right: 16px;
  top: 10px;
}

.menu-context{
  background-color: #FFF;
  position: absolute;
  z-index: 99;
  width: 250px;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 9px 2px rgb(0 0 0 / 70%);
  border-radius: 5px;
}


.menu-context .box-menu{
  background-color: transparent;
  position: relative;
  width: 250px;
  left: 0;
  top: 0;
}

.menu-context .box-menu .icone-item
{
    width: 20px;
    height: 20px;
    margin: 5px;
}

.menu-context .box-menu .icone-item.item-agrupar
{
    margin: 0px 10px 0 2px;
}

.menu-context .box-menu .item-menu-context
{
    /*width: 100%;*/
    height: 50px;
    align-items: center;
    display: flex;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
}

.menu-context .box-menu .item-menu-context:hover
{
  background-color: #562E9C11;

}
.menu-context .box-menu .item-menu-context.disabled
{
    opacity: .2;
    pointer-events: none;
}

.label-btn-context{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 5px 0 0;
}

.label-btn-context .label-instrucao {
  background-color: #562E9C11;
  padding: 5px;
  border-radius: 5px;

}

.divisao-menu-type{
  padding: 5px;
}

.divsao-item-menu{
  opacity: 0.2;
  border-top: 1px solid #562E9C;
  border-bottom: none;
}


.panel_interno  hr{
      margin: 0px 10px;
      background-color: #CACCD4;
      opacity: .3;
      display: block;
      unicode-bidi: isolate;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: auto;
      margin-inline-end: auto;
      overflow: hidden;
      border-style: inset;
      border-width: 1px;
}

.container-interfaces
{
    position: relative;
    width: 250px;
    height: calc(100% - 66px);
    box-shadow: 0px 0px 6px -2px #999;
    z-index: 9999;
    overflow: auto;
}

.panel-configuracoes hr{
  background-color: #A0A1A8;
}

.selector-states
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.selector-states .btn-set-state input{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: none;
}

.selector-states .btn-set-state input:disabled{
  /*opacity: .4;*/
}

.selector-states .btn-set-state label{
  background-color: #fff;
  font-size: 10px;
  width: 55px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
}

.selector-states .btn-set-state label:hover{
  background-color:#D1D3DE;
}



.selector-states .btn-set-state input:checked + label{
  background-color:#D1D3DE;
}

.selector-states .btn-set-state input:disabled + label{
  background-color: transparent;
  opacity: .5;
  cursor: auto;
}



.selector-container .btn-set-view-device input{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: none;
}

.selector-container .btn-set-view-device label{
  background-color: #fff;
  font-size: 10px;
  width: 70px;
  height: 21px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
}

.selector-container .btn-set-view-device label .icon-bt{
/*  margin: 0 5px 0 0;*/

}

.selector-container .btn-set-view-device label .icon-not-view{
  display: none;
}


.selector-container .btn-set-view-device label:hover{
  background-color:#D1D3DE;
}

.selector-container .btn-set-view-device input:checked + label{
  /*background-color:#D1D3DE;*/
}

.selector-container .btn-set-view-device input:checked + label .icon-not-view{
  display: block;
}

.selector-container .btn-set-view-device input:checked + label .icon-view{
  display: none;
}

.btn-view{
  width: fit-content;
}

.btn-view input
{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: none;
}


.btn-view input:disabled + label{
  background-color: transparent;
  opacity: .5;
  cursor: auto;
}

.btn-view label
{
  background-color: #fff;
  font-size: 11px;
  width: 100%;
  height: 21px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  margin-left: 5px;
}

.btn-view label .icon-not-view, .btn-view label .icon-view
{
  margin: 0px 5px;
}

.btn-view label .icon-not-view.material, .btn-view label .icon-view.material
{
  margin: 0px 3px 0px 0px;
}

.btn-view label:hover{
  background-color:#D1D3DE;
}

.btn-view label .icon-not-view{
  display: none;
}


.btn-view input:checked + label .icon-not-view{
  display: block;
}

.btn-view input:checked + label .icon-view{
  display: none;
}



.gjs-trt-traits{
  display: flex;
  flex-wrap: wrap;
}
.gjs-trt-trait {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.gjs-trt-trait select{
  appearance: auto;
  width: 90px;
  border-bottom: 1px solid #CACCD4;
}

.gjs-trt-trait input{
    border-bottom: 1px solid #CACCD4;
}

.gjs-trt-trait--checkbox .gjs-label-wrp
{
  width:100%;
  margin: 10px;
}

.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-acao
{
  width: 50%;
}
.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-target
{
  width: 50%;
}
.gjs-trt-trait__wrp-data-comportamento
{
  width: 100%;
}
.gjs-trt-trait__wrp-data-comportamento .gjs-trt-trait
{
  display: flex;
  flex-direction: row-reverse;
 align-items: center;
 width: 100%;
}

.gjs-trt-trait--checkbox
{
  display: flex;
  flex-direction: row-reverse;
 align-items: center;
 width: 100%;
}


.gjs-trt-trait__wrp-data-requisito
{
  width: 100%;
}
.gjs-trt-trait__wrp-data-requisito .gjs-trt-trait--select
{
  width: 100%;
}
.gjs-trt-trait__wrp-data-requisito .gjs-label-wrp
{
  width: 100%;
}
.gjs-trt-trait__wrp-data-requisito .gjs-field-wrp--select
{
  width: 100%;
}
.gjs-trt-trait__wrp-data-requisito .gjs-field-select
{
  width: 100%;
}

.gjs-trt-trait__wrp-data-requisito .gjs-field-select [data-input]
{
  width: 100%;
}

.gjs-trt-trait__wrp-data-requisito .gjs-field-select select
{
  width: 100%;
}

.gjs-trt-trait.gjs-trt-trait--number .gjs-label-wrp{
  width: 100% !important;
}

.gjs-trt-trait.gjs-trt-trait--number .gjs-field-arrow-u, .gjs-trt-trait.gjs-trt-trait--number .gjs-field-arrow-d{
  display: none !important;
}

.alinhamentos
{
  display: flex;
}

.font-autoria-icon
{
  font-size: 24px;
}

.alinhamentos .gjs-pn-btn
{
  min-height: 0;
  min-width: 0;
  margin: 5px 4px;
  padding: 0;
  width: 15px;
  text-align: center;
  justify-content: center;
}

.panel__right .font-autoria-icon
{
  font-size: 13px;
  color: var(--colorFont3);
}

.panel__right .alinhamento-horizontal .font-autoria-icon
{
  font-size: 20px;
  color: var(--colorFont3);
}

#chkOpcaoAlinhamentoTela:checked{
  background-color: red;
}

.container-opcoes-alinhamento{
    width: 100%;
    display: flex;
}

.container-opcoes-alinhamento .gjs-label{
  font-size: 12px;
  margin: 0 5px 0 5px;
}

.form-info-modelo .form-info-modelo{
  margin: 10px;
}

.wrapper-container-view{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.view-modelo-save
{
  background-color: var(--corSegundaria);
  /*width: 1024px;
  height: 800px;
  zoom: 45%;*/
  overflow: hidden;
  border: 1px solid var(--corPrimaria);
  box-shadow: 0px 0px 23px 3px #ccc;
  /*margin: 30px auto;*/
  pointer-events: none;
  width: 600px;
  height: 322px;
  border-radius: 10px;
  margin: 0 0 10px;
}

.view-modelo-save img{
  width: 100%;
}

.view-modelo-save .cabecalho-tela
{
  display: none;
}

.form-info-modelo{

}
.form-info-modelo .form-info-content{
    border: 1px solid;
    border-radius: 10px;
    min-height: 31px;
    padding: 5px;
}
.form-info-modelo .form-info-content .input-modal-gjs{
  border: none;
  width: 100%;

}
.form-info-modelo .form-info-content .textarea-modal-gjs{
  border: none;
  resize: none;
}

.form-info-modelo .bt-add-tag{
  appearance: none;
  border: none;
  background: transparent;
  color: var(--corPrimaria);
  cursor: pointer;
}

.form-info-modelo .form-info-content .bt-remove-tag{
  appearance: none;
  background: transparent;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 5px;
  cursor: pointer;
  line-height: 2px;
}

.form-info-modelo .form-info-content .tags{
  display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.form-info-modelo .form-info{
  margin-top: 13px;
}
.form-info-modelo .form-info input[type="checkbox"]{
  appearance: none;
  border: 1px solid var(--corPrimaria);
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  border-radius: 2px;
}


.form-info-modelo .form-info input[type="checkbox"]:checked::before{
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-color: var(--corPrimaria);
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform: rotate(45deg);
  box-sizing: border-box;
  display: block;
  height: 11px;
  margin: 0 4px;
  width: 5px;
}


.wrapper-container-view .label-msg-info, .form-info-modelo .label-template{
  font-weight: bold;
}

 .form-info-title {
  display: flex;
  justify-items: center;
  align-items: center;
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: bold;
}

.form-info-tags .form-info-title {
  margin-bottom: 0px !important;
}

.form-info-modelo .form-info-content .tags .tag {
    border-radius: 15px;
    background-color: var(--corPrimaria);
    color: #FFF;
    border: 1px solid;
    cursor: pointer;
    min-width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    overflow: hidden;
    padding: 5px 10px;
}

.form-info-modelo .form-info-content .tags .input-tag{
  border-radius: 15px;
  border: 1px solid var(--corPrimaria);
  cursor: pointer;
  min-width: 65px;
  max-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  overflow: hidden;
  padding: 5px 10px;
  appearance: none;

}

[data-overflow="hidden"]{
  overflow: hidden !important;
}


.modal-custom{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;

}

.modal-container-custom
{
  background-color: #FFF;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 10px;
  border-radius: 5px;
}

[data-painel="v02"] .modal-container-custom{
  background-color: var(--paleta7);
}

.gjs-mdl-container,
.modal-custom
{
  background-color: rgb(86, 46, 156, .80);
}


.gjs-mdl-container.modal-confirmacao .gjs-mdl-header,
.modal-container-custom .modal-confirmacao .gjs-mdl-header
{
  display: none;
}

.gjs-mdl-container.modal-confirmacao-sair .gjs-mdl-header,
.modal-container-custom .modal-confirmacao-sair .gjs-mdl-header
{
  display: none;
}
.gjs-mdl-container.modal-confirmacao .gjs-mdl-content,
.modal-container-custom .modal-confirmacao .gjs-mdl-content
{
    width: 543px;
    display: flex;
    height: 202px;
    align-items: center;
    justify-content: center;
}

.gjs-mdl-container.modal-confirmacao-sair .modal-confirmacao,
.modal-container-custom .modal-confirmacao
{
    padding: 30px;
}
.gjs-mdl-container.modal-confirmacao-sair .gjs-mdl-content .modal-confirmacao .text-modal,
.modal-container-custom .text-modal
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.gjs-mdl-container.modal-confirmacao-sair .gjs-mdl-content .modal-confirmacao  .text-modal .text-info,
.modal-container-custom  .modal-confirmacao  .text-modal
{
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 30px;
}

.gjs-mdl-container.modal-confirmacao-sair .gjs-mdl-content .modal-confirmacao  .text-modal .text-confirmacao,
.modal-container-custom  .modal-confirmacao  .text-modal .text-confirmacao
{
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 50px;
}

.gjs-mdl-container.modal-confirmacao-sair .gjs-mdl-content .modal-confirmacao .container-botoes-modal-gjs .btn-modal-gjs,
.modal-container-custom   .modal-confirmacao .container-botoes-modal-gjs .btn-modal-gjs
{
  width: 170px;
  margin: 20px;
}

.gjs-mdl-container.modal-confirmacao .gjs-mdl-content  .text-modal,
.modal-container-custom  .modal-confirmacao .gjs-mdl-content  .text-modal
{
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
}

.gjs-mdl-container.modal-confirmacao .gjs-mdl-content .gjs-mdl-c,
.modal-container-custom  .modal-confirmacao .gjs-mdl-content .gjs-mdl-c
{
  display: flex;
  flex-direction: column;

}

.gjs-mdl-container .gjs-mdl-content .modal-confirmacao .container-botoes-modal-gjs,
.modal-container-custom  .modal-confirmacao .container-botoes-modal-gjs
{
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0px;

}

.gjs-mdl-container .gjs-mdl-content .modal-confirmacao .container-botoes-modal-gjs .btn-modal-gjs,
.modal-container-custom  .modal-confirmacao .container-botoes-modal-gjs .btn-modal-gjs
{
  border-radius: 50px;
  background-color: var(--corPrimaria);
  color: #fff;
  border: none;
  padding: 5px 15px;
  cursor: pointer;
  width: 94px;
  height: 34px;
  font-size: 16px;
  /* margin: 0 auto; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.gjs-badge.tela
{
  top: 0 !important;
}

.gjs-toolbar.tela
{
  top: 0 !important;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 90%;
  height: 15px;
  width: 15px;
  opacity: 0.7;
}

.sp-container.sp-light.sp-alpha-enabled.sp-palette-buttons-disabled.sp-initial-disabled.gjs-one-bg.gjs-two-color{
  position: absolute !important;
    top: 306px !important;
    left: calc(100% - 248px) !important;
    right: 0px !important;
    width: 208px !important;
}

.aplicacao-curso{
  WIDTH: 100%;
  HEIGHT: 100%;
  TOP: 0;
  LEFT: 0;
  position: absolute;
}

.topo-config-curso{
  height: 30px;
  width: 100%;
  position: relative;
  background-color: pink;
}

.menu-telas-lateral{
  height: 100%;
  width: 100px;
  position: relative;
  background-color: red;
}

.container-central
{
  width: 100%;
  height: 100%;
  display: flex;
}

  .stage {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .panel__top {
    padding: 0 !important;
    width: 100%;

    display: flex;
    position: initial;
    justify-content: center;
    justify-content: start;
    height: 65px;
    background-color: #FFF !important;
    box-shadow: 7px 0px 10px #ccc;
    z-index: 7;
  }

  .panel-top-comum{
    background-color: var(--bg2) !important;
    margin: 0 0 0 2px;
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .panel__logo.gjs-pn-panel
  {
    /*height: 100%;*/
    min-width: 68px;
    background-color: transparent !important;
    padding: 5px 0 0px 0px;
  }

  .panel__logo .text-logo
  {
      font-size: 24px;
      font-family: Baloo;
  }

  .gjs-block.btn-block-texto{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 0px;
   /* border-bottom: 1px solid #F2F2F2;*/
    min-height: 0;
    color: var(--colorFont3);
  }

  .gjs-block.btn-block-forma{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 0px;
    border-bottom: 1px solid #F2F2F2;
    min-height: 0;
    color: var(--colorFont3);
    height: 130px;
  }



  .gjs-block.btn-block-texto .gjs-block-label{
    line-height: normal;
    font-size: .65rem;
    font-weight: normal;
    font-family: Helvetica,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
    margin: 0;
    /* padding: 20px 5px; */
    /* border-bottom: 1px solid #CCC; */
    min-height: 0;

  }

.gjs-rte-actionbar{
  background-color: #FFF;
  color: var(--text3);
}

.gjs-label-wrp{
     width: 53px;
     min-width: 0;
}

.gjs-trt-trait__wrp-data-direction .gjs-label-wrp{
  width: 100%;
}

.gjs-block-label img, .gjs-block-label canvas, .gjs-block-label video
{
  width: 100%;
}

.gjs-block-label .jsgif_toolbar
{
  display: none;
}
#meuTeste
{
  position: absolute;
  z-index: 99999;
}
 .gjs-block.btn-block-image
 {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-bottom: none;
  min-height: 0;
 }

 .label-block-formas{
  width: 100px;
  margin: 0 auto;
 }

.tooltip-biblioteca
{
  position: absolute;
    top: 28px;
    background-color: #fff;
    left: 36px;
    box-shadow: 0px 0px 11px 2px #ccc;
    padding: 2px;
    width: 150px;
    z-index: 9999;
}

[data-painel="v02"] .tooltip-biblioteca
{
  color: var(--text4);
}

.btn-estilo-biblioteca{
  height: 39px;
  background-color: #F6F6F6;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  margin: 5px 0;
  width: 180px;
}
.btn-estilo-biblioteca .config-estilos-biblioteca{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  height: 100%;
  position: relative;
}


.container-btn-estilo
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  position: relative;
}



.container-btn-estilo[data-container-tipo="default"] .btn-remover-biblioteca{
  display: none !important;
}

.container-btn-estilo .btn-remover-biblioteca
{
  height: 38px;
  width: 15px;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;

}

.btn-estilo-biblioteca .config-estilos-biblioteca .cor-estilo{
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #E4E4E4;
}

.btn-estilo-biblioteca .config-estilos-biblioteca .elemento-biblioteca{
  pointer-events: none;
  /* width: 50%; */
  /* min-height: 5px; */
  /* border: 1px solid; */
  zoom: 5%;
  padding: 0;
  margin: 0;
  /* display: contents; */
  overflow: hidden;
  /*height: 90%;
  max-height: 90%;*/
  z-index: 8;
}



.btn-estilo-biblioteca .config-estilos-biblioteca .elemento-biblioteca .biblioteca{
    /*height: 100%; */
    /*width: 100%;*/
    margin: 0;
    position: relative;
    padding: 0;
}

  .panel__basic-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: flex-end;
    background-color: transparent !important;
    padding: 0px 15px !important;
  }

.panel__basic-actions .btn-basic-action
{
  margin: 10px;
}

.panel__basic-actions .gjs-disabled
{
  pointer-events: none;
}

.panel__basic-actions .opcoes-salvar
{
  background-color: #FFF;
    min-width: 153px;
    position: absolute !important;
    left: 90px !important;
    top: 65px !important;
    /*box-shadow: 0px 0px 10px 2px #ccc;*/
}
.panel__basic-actions .opcoes-preview
{
  background-color: #FFF;
    min-width: 153px;
    position: absolute !important;
    left: 150px !important;
    top: 65px !important;
}

.panel__basic-actions .menu-pacote
{
  background-color: #FFF;
    min-width: 153px;
    position: absolute !important;
    left: 233px !important;
    top: 65px !important;
}

/*
.opcoes-salvar .container-botoes
{
  padding: 5px 0;
  display: flex;
  flex-direction: column;
}*/

.menu-salvar .container-botoes  .btn-opcao-salvar
{
  font-size: 11px !important;
  color: var(--colorFont1)!important
  /*text-align: start;
  height: 30px;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;*/
}



.menu-salvar .btn-opcao-salvar:hover
{
  background-color: #E5DCEE;

}


.submenu-opcoes-salvar
{
  left: auto !important;
  top: 65px !important;
  max-height: 947px;
}

.panel-configuracoes .info-selected{
  background-color: transparent;
  width: auto;
  /*height: 50px;*/
  text-align: start;
  border-bottom: 1px solid #CACCD4;
}

.panel-configuracoes .label-titulo-panel,.gjs-sm-icon
{
  text-align: initial;
  font-weight: 700;
  color: #535353;
}

[data-sector-title]:not(.label-titulo-panel){
  display: none;
}

.select-tipo-color
{
  border: none;
  font-size: 10px;
}


[data-painel="v02"] .gjs-two-color{
  color: var(--text1) !important;
}

[data-painel="v02"] .gjs-layer.gjs-two-color{
  color: var(--text4) !important;
}


.gjs-two-color{
  color: var(--colorFont1) !important;
}

.label-device
{
   font-size: 11px;
}

.gjs-sm-sector .gjs-sm-property, .gjs-clm-tags .gjs-sm-property
{
  width: auto;
  margin-bottom: 0;
  padding: 0 0 0 0 ;
  margin: 10px 0 0px 0;

}

.gjs-sm-sector .gjs-sm-composite .gjs-sm-property, .gjs-clm-tags .gjs-sm-property
{
   margin: 0
}



.gjs-sm-input-holder select
{
  color: #000 !important;
  appearance: auto !important;
}

.gjs-field.gjs-select select
{
  appearance: auto !important;
}


.gjs-sm-sector .gjs-sm-field input, .gjs-clm-tags .gjs-sm-field input, .gjs-sm-sector .gjs-clm-select input, .gjs-clm-tags .gjs-clm-select input, .gjs-sm-sector .gjs-clm-field input, .gjs-clm-tags .gjs-clm-field input, .gjs-sm-sector .gjs-sm-field select, .gjs-clm-tags .gjs-sm-field select, .gjs-sm-sector .gjs-clm-select select, .gjs-clm-tags .gjs-clm-select select, .gjs-sm-sector .gjs-clm-field select, .gjs-clm-tags .gjs-clm-field select
{
  color: #5A607F !important;
  font-size: 10px;
}

.gjs-input-holder input{
  font-size: 10px;
}

.gjs-color-main, .gjs-sm-sector .gjs-sm-stack #gjs-sm-add, .gjs-clm-tags .gjs-sm-stack #gjs-sm-add, .gjs-off-prv
{
  color: #000 !important;
}

  .info-selected-structure{
    display: flex;
    width: 170px;
    /*justify-content: space-between;*/
  }

  .info-selected-structure .select-structure
  {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    width: 71px;
    padding: 0px 10px;
   /* text-align-last: right;*/
  }

  .info-selected-structure .select-structure.select-licao
  {
    width: 65px;
  }

  .info-selected-structure .arrow-select-structure
  {
    position: absolute;
    pointer-events: none;
  }

  .gjs-d-s-arrow
  {
    display: none;
  }


  .selector-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .selector-container .name-selected
  {
      font-weight: 700;
      width: 100%;
      word-break: break-all;
      min-height: 25px;
  }

  .selector-container .btn-set-view-device {
  background-color: transparent;
  border: none;
}

  .selector-container .gjs-clm-tags
  {
    display: flex;
    flex-direction: column-reverse;
    align-content: revert;
    justify-content: revert;
    align-items: revert;
    justify-items: revert;
  }


  .selector-container .gjs-clm-header-status
  {
    margin-left: initial;
  }

  .selector-container .gjs-select {
    width: 75px;
  }

  .selector-container #gjs-clm-up.fechado{
    display: none;
  }

  .selector-container #gjs-clm-tags-field{
    display: none;
  }

  .selector-container #gjs-clm-tags-field{
    display: none;
  }

  .selector-container .gjs-clm-sel-id
  {
    display: none;
  }

  .gjs-layer-name.gjs-no-app
  {
    pointer-events: none;
  }

 .gjs-layer__t-container-tela .gjs-layer-children .gjs-layer-name.gjs-no-app{
    pointer-events: auto !important;
    cursor: text;
 }

  .gjs-layer-move
  {
    display: none !important;
  }

  .layers-container{
    display: none;
  }

  .layers-container.aberto{
    display: block;
  }

  .layers-container{
     width: 220px;
  }

  .layers-container .gjs-layer
  {
    background-color: #FFF;
  }

  .layers-container .gjs-layer .gjs-layer-title
  {
    background-color: #FFF;
  }

  .layers-container .gjs-layer.gjs-hovered .gjs-layer-title
  {
    background-color: #e5dcee69;
  }

  .layers-container .gjs-layer.gjs-selected .gjs-layer-title
  {
    background-color: #E5DCEE;
  }

  .layers-container .gjs-layer-lock
  {
    height: auto !important;
    width: auto !important;
    left: 20px;
    top: 0;
    padding: 7px 5px 7px 10px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
  }


  .layers-container .gjs-layer-vis:hover::before , .layers-container .gjs-layer-lock:hover::before
  {
    text-shadow: 0px 0px 20px #5a607f;
    font-size: 13px;
  }

  .layers-container .gjs-layer-children .gjs-layer.is-lock
  {
    pointer-events: none;
    opacity: .3;
  }

  .gjs-layer.gjs-layer__t-wrapper>.gjs-layer-vis , .gjs-layer.gjs-layer__t-Tela>.gjs-layer-vis, .gjs-layer.gjs-layer__t-container-tela>.gjs-layer-vis,
  .gjs-layer.gjs-layer__t-wrapper>.gjs-layer-lock , .gjs-layer.gjs-layer__t-Tela>.gjs-layer-lock, .gjs-layer.gjs-layer__t-container-tela>.gjs-layer-lock{
    display: none !important;
  }
  .painel-templates-salvos
  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
    background-color: transparent;
    /*flex-wrap: wrap;*/
    justify-content: flex-start;

    width: auto;
    height: auto;
    max-width: 1024px;
    max-height: 600px;
    min-width: 1024px;
    min-height: 600px;
    align-items: flex-start;
  }
  .container-lista-tags{
     position: relative;
     width: 100%;
  }


  .list-models-container{
    width: 1004px;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    box-shadow: 0px 0px 5px 0px;
    border-radius: 8px;
    padding: 10px;
    margin: 17px 0 0;
    height: 490px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .painel-templates-salvos .container-modelo
  {
   /* width: 1124px;
    height: 800px;
    zoom: 25%;*/
    width: 100%;
    height: 100%;
   /* background-color: #FFF;*/
    pointer-events: none;
  }
  .painel-templates-salvos .container-modelo img
  {
    width: 100%;
    height: 100%;
  }
  .painel-templates-salvos .btn-template-salvo
  {
    position: relative;
    width: 300px;
    margin: 10px;
    /* padding: 10px; */
    /* border: 1px solid yellow; */
    /* box-shadow: -5px 6px 7px 3px rgb(0 0 0 / 26%); */
    background-color: transparent;
    /* border-radius: 10px; */
    /* box-shadow: 0px 0px 2px 0px; */
    max-width: 227px;
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .painel-templates-salvos .opcoes-modelos{
    display: flex;
    flex-direction: column;
  }



  .painel-templates-salvos .opcoes-modelos .list-filter{
    display: flex;
  }


  .painel-templates-salvos .label-tags input:checked ~ span{
    color: #FFF;
    background-color: #562e9c;
    box-shadow: 0px 0px 2px 0px #FFF;

}

.painel-templates-salvos .label-tags span{
  width: 100%;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .painel-templates-salvos .label-tags{
    border-radius: 15px;
    border: 1px solid;
    cursor: pointer;
    min-width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    overflow: hidden;
  }

  .painel-templates-salvos  .lista-de-tags{
    list-style-type: none;
    width: 100%;
    display: flex;
    /*flex-wrap: wrap;*/
    padding: 0 0 5px;
    overflow: auto;
  }



  .painel-templates-salvos  .label-tags input{
    appearance: none;
    position: absolute;
  }

  .container-botoes-modal-gjs .btn-add-template:disabled
  {
   /* background-color: red;*/
   /* border: 2px solid #CCC;*/
      cursor: default;
  }

  .painel-templates-salvos .btn-template-salvo:hover
  {
    box-shadow: none;
    cursor: pointer;
    border: 3px solid #562E9C90;
    margin: 7px;
  }

  .painel-templates-salvos [data-selected=true]
  {
      box-shadow: none;
      cursor: pointer;
      border: 4px solid var(--corPrimaria);
      /*width: 100%;
      height: 100%;*/
  }

  .painel-templates-salvos .label-titulo{
    margin: 10px 0;
  }

  .painel-templates-salvos .thumb-template
  {
    position: relative;
    display: flex;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px;
    border-radius: 10px;
    background-color: var(--corPrimaria);
    width: 219px;
    height: 152px;
  }

  .painel-templates-salvos .thumb-template .container-modelo .modelo-info-container {
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    display: none;
  }

  .painel-templates-salvos .btn-template-salvo:hover .container-modelo .modelo-info-container {
    display: block;
  }

  .painel-templates-salvos .btn-template-salvo .label-template
  {
      margin-top: 10px;
  }


  /* Reset some default styling */
  /* Redefinir alguns estilos padrão */

  .gjs-pn-panel
  {
    /*display: inline-block;*/
    position: relative;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    z-index: 3;
  }

  .gjs-block {
   /* width: auto;
    height: auto;
    min-height: auto;*/
  }




  .editor-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    height: calc(100vh - 70px);
    background: #FFF;
    padding: 2px;
    z-index: 1;
    position: relative;
  }
  .editor-row.is-modal-tui-image, .editor-row.is-modal-full {
    z-index: initial !important;
  }

  .panel-full{
    width: 100%;
    height: calc(100vh - 70px);
    position: absolute;
    background-color: var(--bg4);
    z-index: 99;
    display: none;
    overflow: hidden;
  }

  .panel-full .panel-container
  {
    position: relative;
    overflow: auto;
    height: calc(100% - 50px);
    padding: 15px 10px;
}

  .panel-full.aberto{
    display: block;
  }

  .editor-canvas {
    flex-grow: 1;
    /*margin: 0 auto;*/
    /*width: 100%;*/
  }



  .panel__right {
    /*flex-basis: 400px;*/
    position: relative;
    /*overflow-y: auto;*/
    right: 0px;
    height: calc(100vh - 136px);
    display: flex;
    background-color: transparent !important;
    width: 255px;
    -webkit-animation: .3s linear 0s mostrar;
    animation: .3s linear 0s mostrar;
    box-shadow: -2px 8px 10px #ccc;
    z-index: 2;
  }

  .panel__right.esconder{
    /*display: none;*/
    /*right: -100px;*/
   /* animation: example;
    animation-duration: 4s;*/
    right: -274px;
    -webkit-animation: .3s linear 0s esconder;
    animation: .3s linear 0s esconder;
  }

  @keyframes esconder {
    from { right: 0; }
    to {right: -274px;}
  }

  @keyframes mostrar {
    from { right: -274px; }
    to {right: 0;}
  }

 .panel-fontes
  {
    position: absolute;
    left: 100%;
    background-color: var(--bg1);
    width: 256px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    box-shadow: 0px 1px 5px 1px #ccc;
  }
  .panel-fontes .content-top-fonte{
      height: 35px;
    width: 100%;
    padding: 5px;
  }


  .panel-fontes .lista-fontes
  {
    overflow: auto;
    height: 100%;
  }
  .panel-fontes .lista-fontes .item-fonte
  {
    text-align: center;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
  }
  .panel-fontes .lista-fontes .item-fonte:hover
  {
    background-color: #e5dceec7;
  }

  .panel-fontes .lista-fontes .item-fonte.selected
  {
    background-color: #dbcee9;
  }



  .panel__right .panel-configuracoes
  {
    height: 100%;
    /*display: flex;
    flex-direction: column;
    flex-wrap: wrap;*/
    background-color: #FFF;
    width: 100%;
    /*box-shadow: 0px 0px 10px #ccc;*/
    overflow: auto;
    padding: 20px 0px 0 15px;
    z-index: 9;
    /*display: flex;
    flex-direction: column;
    justify-content: space-around;*/
  }

  .panel__right .panel-configuracoes.desabilitado
  {
    opacity: .5;
    pointer-events: none;
  }

  .panel__right .panel-configuracoes .panel_interno
  {
    margin: 0 0 15px 0;
    width: 95%;
  }
.container-scroll-rigth{
 /* overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 261px);*/
  position: relative;
  width: 100%;
  padding: 0;
}
  .panel__right .actions-panel-right
  {
   /* display: flex;*/
   display: none;
    justify-content: start;
    align-items: flex-start;
    left: 0;
    position: relative;
    background-color: transparent;
    height: 100%;
    z-index: 9;
  }
.upload-asset
{
  margin: 10px 0 0 0;
  padding: 0px 15px 0 10px;

}


.btn-mais-opcoes .btn-mais-opcoes-base {
  width: 100%;
  height: 82px;
  background-color: var(--corPrimaria);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 200px;
  /* margin-left: 155px; */
  color: #FFF;
  font-size: 156px;
  /* border: 1px solid #FFF; */
  border-radius: 10px;
  cursor: pointer;
  margin: 0 auto;
  padding: 8px 10px;
}

.btn-mais-opcoes.btn-upload-fontes .btn-mais-opcoes-base {

  font-size: 16px;
  height: 50px;
  width: 100%;
  font-weight: bold;

}

.opcoes .container-botao-opcao
{
    border-bottom: 1px solid #F2F2F2;
}

.container-botao-opcao .opcoes-fontes{
  margin-bottom: 10px;
  margin-top: 5px;
}


  .btn-mais-opcoes{
    /*width: 168px;*/
    border-radius: 10px;
    margin: 0 auto;
   /* height: 80px;*/
    align-items: center;
    display: flex;
    background-color: transparent;
  }

  .btn-mais-opcoes:hover{
    /*box-shadow: -3px 3px 7px 0px #ccc;*/

  }
  .btn-mais-opcoes.fechado{

    display: none;

  }

  .btn-fechado
  {
    display: block;
  }


  .btn-aberto
  {
    display: none;
  }


  .esconder .btn-fechado
  {
    display: none;
  }


  .esconder .btn-aberto
  {
    display: block;
  }

  .panel__right .actions-panel-right .bnt-controle-panel-right
  {
    width: 21px;
    border: none;
    background-color: #FFF;
  }


  .panel__devices {
    position: initial;
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: flex-end;
  }

  .panel__switcher {
    position: initial;
  }

.panel__screen-actions{
  display: flex;
  align-content: center;
  align-items: center;
  background-color: transparent !important;
  height: 100%;

}

.panel__screen-actions .mdc-slider{
  cursor: pointer;
  height: 48px;
  margin: 0;
  position: relative;
  touch-action: pan-y;
  width: 146px;
}

.panel__screen .panel__screen-action-zoom
{
  display: flex;
  align-content: flex-start;
  align-items: center;
  padding: 0 10px;

}

.panel__screen .panel__screen-action-zoom .text-zoom
{
    background-color: transparent;
    border: none;
    width: 18px;
    text-align: end;
    font-size: 9px;

}

.panel__screen .panel__screen-action-zoom input[type=text]::-webkit-inner-spin-button,
input[type=text]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  border: none;
}

.panel__screen .panel__screen-action-zoom input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.panel__screen
{
  display: flex;
  align-content: center;
    align-items: center;
}

  #gjs {

    /*border: 3px solid #444;*/
    /*width: 100%;*/
    /*height: 100% !important;*/

    width: 100%;
    height: calc(100vh - 135px);
    position: relative;
    margin: 0 auto;
  }
  .gjs-cv-canvas {
     top: 0;
     width: 100%;
     height: 100%;
     /*overflow: auto;*/
     position: relative;
   }

  .gjs-f-text::before {
    content: "T";
}

.gjs-h1.gjs-f-text::before {
  content: "H";
}
/*
.gjs-sm-label
{
  display: none;
}*/




.gjs-sm-title
{
  display: none;
}

.gjs-sm-sector__typography  .gjs-sm-title .fa
{
  display: none;
}

.gjs-sm-sector__typography  .gjs-sm-title
{
    display: block;
    background: transparent;
    pointer-events: none;
    border: none;
    padding: 0;
    margin: 10px 0;
}

.gjs-sm-sector__typography  .gjs-input-holder
{
  border-bottom: none;
}

.gjs-sm-sector__typography  .gjs-sm-property.gjs-sm-integer
{

  align-items: center;
  justify-content: center;
}



.gjs-sm-sector__typography .gjs-sm-property
{
  border-bottom: 1px solid #CACCD4;
}

.gjs-sm-sector__typography .gjs-sm-property.gjs-sm-property__font-weight
{
  width: 40%;
}

.gjs-sm-sector__typography .gjs-sm-property.gjs-sm-property__text-align
{
  border-bottom: none;
}

.gjs-sm-sector__typography  .gjs-sm-property__line-height
{
  width: 53px;
}

.gjs-sm-sector__typography  .gjs-sm-property__letter-spacing
{
  width: 53px;
}

.gjs-sm-sector__typography  .gjs-sm-property__line-height .gjs-field
{
  width: 34px;
}

.gjs-sm-sector__typography  .gjs-sm-property__letter-spacing .gjs-field
{
  width: 34px;
}

.gjs-sm-sector__typography  .gjs-sm-property__font-style{
  padding: 0px 2px 0px 2px;
  border-bottom: none;
}

.gjs-sm-sector__typography  .gjs-sm-property__font-style[data-value="italic"] .gjs-radio-item:first-child{

  display: none;
}

.gjs-sm-sector__typography  .gjs-sm-property__font-style[data-value="normal"] .gjs-radio-item:last-child{
  display: none;
}

.gjs-sm-sector__typography  .gjs-sm-property__font-style .gjs-radio-item:last-child{
  background-color: rgba(86, 46, 156, 0.30);
  border-left:none;

}

.gjs-sm-sector__typography  .gjs-sm-property__font-style .gjs-radio-item{
  box-shadow: 0px 0px 1px 0px;
}
.gjs-sm-sector__typography  .gjs-sm-property__font-style .gjs-radio-item:hover{
  background-color: rgba(86, 46, 156, 0.20);
}

.gjs-sm-sector__typography  .gjs-sm-property__font-style .label-text{
  position: relative;
  font-size: 23px;
  top: 2px;
}

.gjs-sm-sector__decorations .gjs-sm-title
{
    display: block;
    background: transparent;
    pointer-events: none;
    border: none;
    padding: 0;
    margin: 10px 0;
}

.gjs-sm-sector__sombra .gjs-sm-title
{
    display: block;
    background: transparent;
    pointer-events: none;
    border: none;
    padding: 0;
}

.gjs-sm-sectors .gjs-sm-sector
{
  margin: 10px 0;
}

.gjs-sm-sector__sombras
{
  border-bottom: 1px solid #A0A1A8 !important;
  padding-bottom: 20px;
}

.gjs-sm-sector__dimension

{
  border-bottom: 1px solid #A0A1A8 !important;
  padding-bottom: 20px;
}


/*
.gjs-sm-title
{
    display: block;
    background: transparent;
    pointer-events: none;
    border: none;
    padding: 10px;
}*/

.sp-picker-container, .sp-palette-container
{
    padding-bottom: none;
    margin-bottom: none;
}

.gjs-sm-sector.aberto{
  display: block !important;
  width: 100%;
  background-color: transparent;
}

.gjs-sm-sectors.gjs-one-bg.gjs-two-color{
  width: 100%;
}

.sp-choose
{
  display: none;
}

.gjs-editor-cont .sp-button-container.sp-cf
{

  margin: 15px 0;
  float: left;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;

}

.gjs-editor-cont .sp-cancel , .gjs-editor-cont .sp-cancel:hover{
  font-size: 11px;
  padding: 5px;
  vertical-align: unset;
  color: var(--colorFont1);
  border: 1px solid var(--colorFont1);
  border-radius: 40px;
  width: 62px;
  /* text-align: center; */
  height: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 5px;
  bottom: 0;
}

.container-actions
{

  display: flex;
  justify-content: flex-end;
  z-index: 99;
  margin: 16px 0 0px 0;

}

.btn-adicionar-biblioteca{
  border: 1px solid var(--corPrimaria);
  width: 75px;
  height: 19px;
  margin: 5px;
  cursor: pointer;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 10px;
}

.sp-picker-container .btn-adicionar-biblioteca{

  color: var(--corPrimaria);
}

.btn-adicionar-biblioteca svg{
  width: 14px;
  height: 14px;
}

.panel-color-picker.aberto{
  display: flex !important;
  top: 0 !important;
  left: 0 !important;
  position: relative !important;
  flex-direction: column;
}

.gjs-category-open, .gjs-block-category.gjs-open, .gjs-sm-sector.gjs-sm-open, .gjs-sm-open.gjs-clm-tag
{
  border-bottom: none;
}

.gjs-sm-sector
{
 width: 100%;
 /* display: none;*/
}

.gjs-fields
{
  display: flex;
  align-items: center;
}



.gjs-sm-properties
{
 /* display: block !important;*/
 background-color: transparent;
 flex-wrap: wrap;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.material-slider-custom{
  width: 100%;
  height: auto;
}

.material-slider-custom .mdc-slider
{
  height: auto;
  margin: 0;
  z-index: 99;
}

.material-slider-custom .mdc-slider .mdc-slider__thumb
{
  height: auto;

}
.gjs-sm-property{
  /*border: 1px solid red;*/
  float: both !important;
  display: block !important;
}

.gjs-sm-property.gjs-sm-integer
{
  display: flex !important;
  align-items: center;
}



.gjs-sm-property__font-family
{
  box-sizing: border-box;
  float: none !important;
  width: 100% !important;
  margin-bottom: 5px;
  padding: 0 5px;
  display: flex !important;
  justify-content: space-between;

}
.gjs-sm-property__font-family .gjs-sm-label
{
  display: none;
}

.gjs-sm-sector__typography .gjs-sm-property.gjs-sm-property__font-family
{
  border-bottom: none;
}

.gjs-sm-property__font-family .gjs-fields
{
  width: 100%;
  border-bottom: 1px solid #CACCD4;
}

.gjs-sm-property__font-family .gjs-fields .gjs-field #gjs-sm-input-holder
{
  /*opacity: 0;*/
}

.gjs-sm-property__font-family .gjs-fields .gjs-field .input-font-family
{
  position: absolute;
  background-color: #FFF;
  z-index: 2;
  color: #5A607F;
  width: 104px;
  font-size: 11px;

}


.gjs-sm-property__font-size{
  width: 50px !important;
}

.gjs-sm-property__font-size .gjs-field{
  /*width: 48px;
  border: 1px solid yellow;*/
}

.gjs-sm-property__font-size .gjs-field .gjs-input-holder input{
  /*color: #000 !important;
  text-align: center;
  padding-right: 0;
  width: 30px;
  background-color: #FFF;*/
}

.gjs-sm-property__font-size .gjs-sm-label
{
  display: none;
}
/*
.gjs-sm-property__color{
  border-left: none !important;
  width: auto !important;
  display: flex;
  height: 50px;
}*/

/*
.gjs-sm-property__background-color{
  border-left: none !important;
  width: auto !important;
  display: flex;
  height: 50px;
}*/
/*
.gjs-sm-property__border-color{
  border-left: none !important;
  width: auto !important;
  display: flex;
  height: 50px;
}*/

.gjs-sm-property.gjs-sm-color{
  display: flex !important;
  width: auto !important;
    border-bottom: 1px solid #CCC;
  /*  margin: 5px 10px;*/
    height: 20px;
    padding: 0;
}


.gjs-sm-property.gjs-sm-color.gjs-sm-property__color{
  justify-content: center;
  width: 105px !important;
}

.gjs-field
{
  background-color: transparent !important;
}
.gjs-field-checkbox
{
  border: 1px solid #000;
}

.gjs-sm-input-holder select{
  color: #000;
}

.gjs-sm-property.gjs-sm-select.gjs-sm-property__panel-select
{
  width: 100%;
}

.gjs-sm-property__color .gjs-field-colorp
{
  border-left: none !important;
}
/*
.gjs-sm-property__color .gjs-field-color
{
   height: 100%;
   width: 40px;
   background-color: transparent;
}*/


/*
.gjs-sm-property__color .gjs-field-colorp-c
{
  background-image: none;
}

.gjs-sm-property__color .gjs-checker-bg
{
  display: none;
}
.gjs-sm-property__color .gjs-field-colorp-c .gjs-field-color-picker
{
  opacity: 0;
}

.gjs-sm-property__color .gjs-field-colorp-c .font-color-container-svg
{
  height: 100%;
}

.gjs-sm-property__color .gjs-field-colorp-c .font-color-container-svg svg
{
  height: 100%;
}*/

.gjs-field input, .gjs-field select, .gjs-field textarea {
  padding: 0;
}

.gjs-sm-composite
{
  background-color: transparent !important;
  border: none !important;
}


.gjs-field-colorp
{
  border: 1px solid rgb(204, 204, 204 , 0.2);
  box-shadow: 1px 1px 2px 0px #ccc;
  padding: 0px;
  height: 13px;
  width: 13px;
  position: relative;
  margin: 5px 6px;
}

.gjs-field-color
{
   height: 25px;
   width: 25px;
   background-color: transparent;
}

.gjs-sm-property__box-shadow-color .gjs-field-colorp-c
{
  filter: blur(2px);
}

.gjs-sm-property__box-shadow-color .gjs-input-holder
{
   display: none;
}

/*.gjs-field-colorp-c
{
  background-image: none;
}*/
/*
.gjs-checker-bg
{
  display: none;
}*/
/* .gjs-field-colorp-c .gjs-field-color-picker
{
  opacity: 0;
}*/

.gjs-field-colorp-c .font-color-container-svg
{
  height: 100%;
}

.gjs-field-colorp-c .font-color-container-svg svg
{
  height: 100%;
}



.gjs-sm-property__text-align .gjs-radio-item
{
  border-left: none;
  width: 19px;
  padding: 0;
  margin: 0px 12px 0 0;

}




.gjs-sm-property__text-align .gjs-radio-item .gjs-radio-item-label svg{

  fill: #5A607F;
}

.gjs-sm-property__color .gjs-field-colorp
{
  border-left: 1px solid rgba(0,0,0,.2);
  box-sizing: border-box;
  height: 100%;
  /* padding: 2px; */
  /* position: absolute; */
  right: auto !important;
  /* top: 0; */
  /* width: 22px; */
  height: 13px;
  z-index: 10;
}

.gjs-radio-item-label
{
  padding: 0;
}

.gjs-sm-label
{
  margin: 0;
}

.gjs-sm-property__color .gjs-sm-label
{
   /*display: none;*/
}

/*.gjs-sm-property__background-color .gjs-sm-label {
  display: none;
}*/

.gjs-sm-property__box-shadow-h .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__box-shadow-v .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__box-shadow-blur .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__box-shadow-spread .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__width .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__height .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__left .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__top .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__transform .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__width .gjs-sm-label .gjs-sm-icon {
  color: #D7D9DF !important;
}

.gjs-sm-property__border-color  {
  display: flex !important;
}

.gjs-sm-property__border-color .gjs-sm-label {
  display: block !important;
}

.gjs-sm-property__color .gjs-input-holder{
   display: none;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border
{
  /*width: 120px !important;*/
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border .gjs-sm-composite .gjs-sm-properties
{
    width: 120px
}
.gjs-sm-property.gjs-sm-property__border-style .gjs-sm-label .gjs-sm-icon
{
  color: #D7D9DF !important;
}

.gjs-sm-property.gjs-sm-property__border-width .gjs-sm-label .gjs-sm-icon
{
  color: #D7D9DF !important;
}


.gjs-sm-sector.gjs-sm-sector__bordasArrendodadas
{


}


.gjs-sm-sector.gjs-sm-sector__bordas
{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gjs-sm-sector.gjs-sm-sector__bordasArrendodadas .gjs-sm-title
{
  padding: 0;
  margin: 0 0 10px 0;
  background-color: transparent;
  display: block !important;
  border: none;
  pointer-events: none;
}

.gjs-sm-sector.gjs-sm-sector__bordasArrendodadas .gjs-sm-title .fa
{

  display: none !important;
}

.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-properties
{
   width: 50%;
}

.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-properties.w-full
{
   width: 100%;
}

.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-properties .gjs-field
{
   height: 15px;
}

.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-properties .gjs-sm-property
{
   margin: 0;
   display: flex !important;
    align-items: center;
}

.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-properties .gjs-sm-property.gjs-sm-property__border-style
{
  border-bottom: 1px solid #CACCD4;
}


.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-title {
  padding-left: 0;
  margin: 0;
  background-color: transparent;
  display: block !important;
  border: none;
  pointer-events: none;
}

.gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-title .fa
{
  display: none !important;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border-radius> .gjs-sm-label
{
 display: none !important;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border-radius
{
  width: 165px !important;
}

.gjs-sm-property__box-shadow-color
{
  display: flex !important;
}
.gjs-sm-property__background-color{
  display: flex !important;
}

.gjs-sm-property__background-color .gjs-sm-label{
  display: block !important;
}

.gjs-sm-property__background-color .gjs-input-holder{
  display: none;
}

.gjs-sm-property__border-color .gjs-input-holder{
  display: none;
}


.gjs-sm-sector.gjs-sm-sector__dimension .gjs-sm-title,
.gjs-sm-sector.gjs-sm-sector__espacamentos .gjs-sm-title,
.gjs-sm-sector.gjs-sm-sector__espacamentosInternos .gjs-sm-title
{
  padding: 0;
  margin: 10px 0;
  background-color: transparent;
  display: block !important;
  border: none;
  pointer-events: none;
}

.gjs-sm-sector.gjs-sm-sector__dimension .gjs-sm-title .fa,
.gjs-sm-sector.gjs-sm-sector__espacamentos .gjs-sm-title .fa,
.gjs-sm-sector.gjs-sm-sector__espacamentosInternos .gjs-sm-title .fa
{

  display: none !important;
}

.gjs-sm-sector__dimension .gjs-sm-property
{
  display: flex !important;
  flex-wrap: wrap;
  width: 45px;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__margin >[data-sm-label]{
  display: none !important;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__margin [data-type="icone"]{
  color: var(--corPrimaria) !important;
  font-size: 25px !important;
}

.gjs-sm-sector__dimension .gjs-field.gjs-field-integer
{
 width: 25px;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border .gjs-sm-property__border-style
{
  display: flex !important;
  align-items: center;
}

.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border .gjs-sm-property__border-style .gjs-fields
{
  border-bottom: 1px solid #CCC;
}
.gjs-sm-property.gjs-sm-composite.gjs-sm-property__border .gjs-sm-property__border-style .gjs-fields .gjs-field
{
  font-size: unset;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__width::before
{
  content: 'Tamanho';
  width: 100%;
  font-size: 10px;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__height
{
  width: 35px;
  position: relative;
  margin-left: -20px;
}



.gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::before
{
  content: 'Tamanho';
  width: 100%;
  font-size: 10px;
  color: transparent;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::after
{
  content: '';
  border-right: 1px solid #CCC;;
  width: 40px;
  height: 34px;
  position: absolute;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__left::before
{
  content: 'Posição';
  width: 100%;
  font-size: 10px;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__top
{
  width: 35px;
  position: relative;
  margin-left: -20px;
}
.gjs-sm-property.gjs-sm-integer.gjs-sm-property__top::before
{
  content: 'Posição';
  width: 100%;
  font-size: 10px;
  color: transparent;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__top::after
{
  content: '';
  border-right: 1px solid #CCC;;
  width: 40px;
  height: 34px;
  position: absolute;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__transform
{
  width: 35px;
}

.gjs-sm-property.gjs-sm-integer.gjs-sm-property__transform::before
{
  content: 'Rotação';
  width: 100%;
  font-size: 10px;
}

.gjs-sm-properties input{

}



.gjs-field-arrow-u
{
  border-bottom: 4px solid rgb(37 35 35);
}

.gjs-field-arrow-d
{
  border-top: 4px solid rgb(37 35 35);
}

.gjs-field .gjs-d-s-arrow{
  border-top: 4px solid rgb(37 35 35);


}
.gjs-field.gjs-select
{
  /*border-bottom: 1px solid #CACCD4;*/
  height: 20px;
}

.gjs-field.gjs-select select
{
  font-size: 10px;
}


.gjs-sm-input-holder
{
  border-bottom: 1px solid #CACCD4;
}

.gjs-input-holder{
  display: flex;
  align-items: center;
  background-color: var(--bg3);
  border-bottom: 1px solid #CACCD4;
  height: 100%;
  }

  .gjs-sm-property__font-size .gjs-input-holder{
  width: 28px;
  }


  .gjs-sm-property.gjs-sm-property__border-radius:first-child .gjs-fields
  {
    border-right: 1px solid #CACCD4;
  }

  /*
  .gjs-input-holder input{
    color: #000 !important;
    padding-right: 0;
    width: 45px;

  }*/

  .mdc-slider__thumb::before {
    display: none !important;
  }
  .mdc-slider__thumb::after {
    display: none !important;
  }


  .mdc-slider .mdc-slider__thumb {
    left: 0;
    width: auto;
}

  .mdc-slider__thumb-knob {
    width: 10px !important;
    height: 10px !important;
    border: .5px solid #FFF !important;
  }
  .mdc-slider__thumb-knob-interno{
    width: 5px;
    height: 5px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
  }

  input{
    color: #000 !important;
  }

.input-modal-gjs{
  width: 80%;
}
  .btn-modal-gjs{
    border: 3px solid #fff;
    padding: 10px;
    cursor:pointer;
   }

   .container-botoes-modal-gjs{
     margin: 30px;
     display: flex;
     justify-content: center;
   }

   .list-edit{
    cursor: pointer;
    background-color: transparent;
   }

   .gjs-title.modal-list
   {
     display: none;
   }

   .container-list-modal-gjs
   {
     display: block;
   }

   .container-list-modal-gjs.fechado
   {
     display: none;
   }

   .painel-editor-modal-gjs{
     display: block;
     width: 100%;
     height: 100%;
   }


   .painel-editor-modal-gjs.fechado{
    display: none;
  }

.panel-blocks.fechado{
  display: none;
}

.panel-blocks{
  display: block;
}

.btn-panel-topo
{
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
.gjs-pn-buttons
{
   height: 100%;
}

.gjs-pn-btn
{
  height: 100%;
  align-items: center;
    display: flex;
}


.gjs-pn-btn.gjs-pn-active
{
   background-color: #E5DCEE;
}
.gjs-pn-btn:hover
{
   background-color: #E5DCEE;
}

.gjs-pn-btn
{
  line-height: 10px;
}

.gjs-block {
 /* width: 80px;
  height: 90px;
  min-height: auto;
  min-width: 10px;*/
  padding: 8px 10px;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}

.gjs-block.fa {
  font-size: 3em;
  line-height: 1em;
  padding: 11px;
}


.gjs-block.gjs-fonts {
  font-size: 0.6em;
  line-height: 1em;
  padding: 11px;
}


.gjs-block .block-container-interacoes{
  position: relative;
  zoom: 90%;
}



.gjs-block [data-gjs-type="Popup"]
{
  width: 400px;
  height:300px;
  background-color: #FFF;
  display: block;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #000;
  overflow: hidden;
}

.gjs-block [data-gjs-type='cabecalho-pop']{
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  /*'justify-content': 'center; */
  height: 40px;
  background-color: #CCC;
  top: 0;
  left: 0;
  text-align: left;
  }

  .gjs-block [data-gjs-type='botao-fechar']
  {
    width: 30px;
    height: 30px;
    background-color: #CCC;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    right: 0;
    top: 0;
    left: 90%;
    position: absolute;
    border: 1px solid #000;
  }

  .gjs-block [data-gjs-type='Popup'] [data-gjs-type="Texto"]{
    padding-left: 10px;
    padding-right:10px;
    width: 100%;
    height:auto;
    text-align: left;
  }

  .gjs-block [data-gjs-type='cabecalho-pop'] [data-gjs-type="Texto"]{
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    /*'justify-content': 'center; */
    height: 40px;
    background-color: #CCC;
    top: 0;
    left: 0;
    text-align: left;
    }

.gjs-block[data-type-image='true']{
  /*width: 50%;
  height: 50%;
  min-height: 50%;
  min-width: 50%;*/
}


.styles-container{
  display: flex;
  flex-wrap: wrap;
}


.sp-container {

  border-radius: 0;
  background-color: #FFF;
  border: none;
  padding: 0;
  margin: -81px 0;
  left: 0 !important;
  pointer-events: auto;
  box-shadow: -1px 2px 5px 0px #ccc;
 /* left: 1400px !important;*/


}


.panel-configuracoes .container-color-picker{
 /* position: relative !important;*/

  position: absolute !important;
  pointer-events: none;
  height: 100%;
  width: 193px;
  top: 0;
  left: -193px;

}
.panel-configuracoes .container-color-picker .options-color
{
    display: flex;
    justify-content: space-between;
}

.panel-configuracoes .container-color-picker .sp-palette-buttons-disabled{
 /* position: relative !important;
  top:  0 !important;
   left: 0 !important;*/
}


.panel__left.aberto {
  /*flex-basis: 40%;*/
 /* overflow: hidden;
  margin: 0 5px 0 0;
  display: flex;
 width: 68px;
 position: relative;*/
}

.panel__left {
  /*flex-basis: 15%;
  position: relative;
  overflow-y: auto;
  display: flex;*/

/*  flex-basis: 90px;*/
  width: 68px;
  position: relative;
  overflow-y: auto;
  background-color: var(--bg4) !important;
  /*display: flex;*/
}



.panel_selecao
{
  /*width: 90px;*/
  position: relative;
  overflow-y: auto;
  display: grid;
/*border: 1px solid yellow;*/
  height: 100%;
  /*width: 30%;*/
  /*flex-basis: 247px;*/
  /*height: 100%;

  left: 0;
  top: 0;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  padding: 0;*/
}

.gjs-mdl-btn-close
{
  content: "TESTE";
}

.gjs-asset-manager
{
  width: 847px;
}

.gjs-asset-manager .gjs-am-assets-header .gjs-am-add-asset{
  background: #FFF;
  padding: 2px 0;
  border-radius: 3px 15px 15px 3px;
}

.gjs-asset-manager .container-custom-buttons{
  width: 100%;
  height: 30px;
  float: left;
}

.gjs-asset-manager .container-custom-buttons .am-buttons {
  float: right;
  margin: 3px;
}

.gjs-asset-manager .container-custom-buttons .am-btn-cancelar{
  border: 1px solid var(--corPrimaria);
  border-radius: 12px;
  padding: 4px 13px;
  color: var(--corPrimaria);
  background-color: #FFF;
  cursor: pointer;
}

.gjs-asset-manager .container-custom-buttons .am-btn-confirmar{

}

.gjs-asset-manager .gjs-am-assets-header .gjs-am-add-asset .gjs-field.gjs-am-add-field{
  margin: 5px;
}

.gjs-asset-manager .gjs-am-assets-header .gjs-am-add-asset .gjs-field.gjs-am-add-field input{
  color: #000 !important;
}

.gjs-asset-manager .gjs-am-assets .gjs-am-asset-image.selected::after
{
  content: '\2713';

  color: var(--corPrimaria);
  padding: 15px 6px 0 0;
  right: 20px;
  position: absolute;
  font-size: 29px;
  font-weight: bold;
}

.gjs-am-file-uploader #gjs-am-title {
   font-size: 15px;
}

.lista-biblioteca
{
  padding: 30px 0 0 0;
}

.lista-template{
 /* width: 70%;*/
  background-color: #fff;
  height: calc(100vh - 135px);
  position: absolute;
  top: 0;
  left: 68px;
  display: none;
  z-index: 9;
  width: 220px;
  box-shadow: 6px 0px 8px -4px rgb(0 0 0 / 80%);
}

.lista-template.Imagens{
  /* width: 70%;*/
   background-color: #F3F3F3;
 }

 .lista-template.texto.aberto{
  display: flex;
 }

.lista-template.texto{
  /* width: 70%;*/
   background-color: #fff;
   width: 230px;

   align-items: flex-start;
   justify-content: start;
   align-content: flex-start;
 }

 .lista-template.interacoes,
.lista-template.exercicios{
  padding: 12px;
 }
 .lista-template.Basicos{
  /* width: 70%;*/
   background-color: #fff;
 }

.lista-template.aberto{
 /* top: 0;*/
  /*left: 130px;*/
  display: grid;
  align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
 /* padding: 5px;
  position: absolute;
 border:2px solid red;
 /* z-index: 9;*/
  /*flex-basis: 70%;*/
}

.lista-template.camadas
{
  overflow-y: auto;
}

.lista-template .gjs-one-bg
{
  background-color: transparent;
}

.gjs-pn-active
{
  background-color:#a9a9a9;
}

/* Theming */

/* Primary color for the background */
.gjs-one-bg {
  /*background-color: #535353;*/
  background-color: transparent;
}

/* Secondary color for the text color */
.gjs-two-color {
  color: rgba(255, 255, 255, 1);
}

/* Tertiary color for the background */
.gjs-three-bg {
  background-color: #ec5896;
  color: white;
}

/* Quaternary color for the text color */
.gjs-four-color,
.gjs-four-color-h:hover {
  color: var(--corPrimaria);
}

.gjs-block-svg {
  width: 61%;
}

.gjs-block-svg-path {
fill: white;
}

.gjs-blocks-c{
  padding: 0;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
}


.gjs-blocks-c.Basicos .gjs-block-label
{
    margin: 0 auto;
}

.gjs-blocks-c.texto{

}

.panel_selecao> .gjs-pn-buttons{
  display:grid;
}

.opcoes{
  padding: 5px;
  width: 220px;
  position: relative;
}

.gjs-editor{
  background-color: #CCC;

}

/*.gjs-frame
{
  border: 3px solid #444;
}*/

.panel__structure .panel-info
{
  color: var(--colorFont3);
  display: grid;
  align-content: center;
  align-items: center;

  justify-items: flex-start;
  padding: 10px;
}

.panel-info .info-curso
{
  display: flex;
  align-items: center;
}

.panel-info .label-nome-curso
{
  font-size: 16px;
  font-weight: 600;
  color: var(--colorFont3);

}

.panel_selecao .gjs-pn-buttons
{
   display: grid;
   align-items: center;
   justify-content: center;
   height: auto;
}

.panel_selecao .btn-controle-panel
{
  margin: 10px 0 0 0;
  width: 68px;
  height: 50px;
  position: relative;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;

}

.panel_selecao .btn-controle-panel:hover
{
   margin: 10px 0 0 0;
   background-color: #E5DCEE;
}

.panel_selecao .panel_btn_rodape
{
  display: grid;
  align-content: flex-end;
}

.btn-controle-panel.gjs-pn-active
{
  background-color: transparent;
  color: var(--corPrimaria);
  box-shadow: none;

}

.btn-controle-panel.gjs-pn-active::before {
  content: "";
  background-color: var(--corPrimaria);
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
}

#containerlistaTemplate
{
  position: relative;
  overflow: auto;
  position: relative;
  padding: 5px;
 /* width: 200px;*/
  /*height: calc(100vh - 146px);*/
  max-height: 100%;
}

.lista-template.Imagens #containerlistaTemplate
{
  height: -webkit-fill-available;
}


.gjs-frame-wrapper__name
{
  width: 100%;
  text-align: center;
}

.gjs-frame-wrapper
{

   /* border: 3px solid #444;*/
    /*height: 600px;*/
   /* position: absolute;*/
}

.sp-palette-buttons-disabled{
  /*left: 100% !important;
  border: 1px solid #FFF;*/
}

.traits-container{
  border: 1px solid #FFF;
  background-color: #FFF;

}

.myTool{
  background-color: red;
  width: 10px;
  height: 10px;
}

/*
.gjs-dashed
{
    left: 0 !important;
    top: 0!important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}*/

.gjs-sm-label .gjs-sm-icon
{
    color: #5A607F;
    font-weight: normal;
    font-size: 11px;
}

.gjs-field{
 background-color: #fff;
 color: #5A607F;
 font-size: 10px;
}

.gjs-field.gjs-field-integer{
  color: #5A607F !important;
  padding: 0px 0px 0 2px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  margin: 0 2px 0 0px;
}

.gjs-field.gjs-field-integer .gjs-field-arrows
{
  display: none;
}

.gjs-field-integer input {
  padding-right: 2px;
}


.gjs-field-checkbox input:checked+.gjs-chk-icon {
  border-color: rgba(0,0,0,1);
  border-width: 0 2px 2px 0;
  border-style: solid;
}

.btn-update-template{
  display:block;
}
.btn-save-template{
  display:block;
}

.btn-update-template.fechado{
  display:none;
}
.btn-save-templat.fechadoe{
  display:none;
}

.gjs-mdl-dialog
{
  max-width: 100%;
  width: auto;
  background-color: #FFF;
}


.panel-full .title-panel-full
{
  font-size: 24px;
  color: #5A607F;
  padding: 10px 5px 5px 45px;
}

.panel-full .panel-actions
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px 5px 45px;
}

.bt-fechar-fontes
{
  background-color: transparent;
  border: none;
  cursor: pointer;
  right: 0;
  position: absolute;
}

.bt-fechar-full
{
  background-color: transparent;
  border: none;
  cursor: pointer;
  top: auto;
  right: auto;
  position: absolute;
}
.bt-action-full
{
  border-radius: 50px;
  background-color: var(--corPrimaria);
  color: #fff;
  border: none;
  padding: 5px 15px;
  cursor: pointer;
}
.bt-action-full.btn-confirmar-modal-gjs
{
  margin-right: 15px;
}

.bt-action-full:disabled
{
  border-radius: 50px;
  background-color: var(--corPrimaria);
  color: #fff;
  border: none;
  padding: 5px 15px;
  cursor: not-allowed !important;
  opacity: .5;
}

.lista-telas
{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 20px 20px;
}

.lista-telas .btn-lista-telas.disabled{
  pointer-events: none;
}

.lista-telas .btn-lista-telas{
  position: relative;
 /*
  margin-left: -10px;
  margin-bottom: 15px;
  */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.grabbing * {
  cursor: grabbing !important;
}
.lista-telas .btn-lista-telas:active ,
.lista-telas .btn-lista-tela.dragging {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}

.btn-lista-telas.btn-add-tela .label-btn-add
{
  width: 50px;
}

.lista-telas .btn-add-primeira-tela{
  width: 204px;
  height: 160px;
  background-color: var(--corPrimaria);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  margin-bottom: 24px;
  color: #FFF;
  font-size: 5px;
  cursor: pointer;
  border-radius: 10px;
  flex-direction: row;
}

.lista-telas[data-drag="true"] .btn-add-entre-telas,
.lista-telas[data-drag="true"] .btn-tela{
  pointer-events: none !important;
}

.lista-telas .btn-add-entre-telas
{
  width: 45px;
  height: 173px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
  pointer-events: auto;
}

.lista-telas .btn-add-entre-telas:hover
{

  height: 160px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5px;
  opacity: 1;

}

.lista-telas .btn-add-tela.btn-add-entre-telas.disabled , .btn-add-tela.btn-add-primeira-tela.disabled{
  pointer-events: none;
  cursor: auto;
}
/*
.lista-telas .btn-add-tela.disabled button{
  pointer-events: none;
}*/

.lista-telas .btn-tela{
   /* width: 1024px;
    height: 800px;*/
    /*background-color: #FFF;*/
}

.lista-telas .btn-tela:hover{
  z-index: 99999;
}

.lista-telas .btn-tela .container-btn-tela
{
  pointer-events: none;
  background-color: var(--corSegundaria);;
  width: 1024px;
  height: 800px;
  overflow: hidden;
  border-radius: 30px;
  margin: 5px 5px 20px 5px;
  zoom: 20%;
  box-shadow:  -10px 10px 40px 2px #ccc
}

.lista-telas .btn-tela .container-btn-tela .cabecalho-tela
{
  display: none;
}

.lista-telas .btn-tela .label-tela-sequencia
{
  font-size: 15px;
  width: 40%;
}

.lista-telas .container-botoes-telas{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 215px);
  align-items: center;
  justify-content: center;
  gap: 4px;
  grid-template-rows: repeat(auto-fill);
}


.lista-telas .painel-container-botoes-telas{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 215px);
  align-items: center;
  justify-content: center;
  gap: 7px;
  /*grid-template-rows: repeat(auto-fill, 200px);*/
}

.lista-telas  .painel-container-botoes-telas.container-botoes-entre-telas{
  position: absolute;
  transform: translateX(-55px);
  pointer-events: none;
  z-index: 99;
}

.btn-lista-telas .container-info-tela
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

}


.btn-lista-telas .container-btn-acao.fechado
{
    display: none;
}

.btn-lista-telas .container-btn-acao
{
   display: flex;
   width: 100%;
   position: absolute;
   top: 112px;
   height: 50px;
   overflow: hidden;
   font-size: 12px;

   border-radius: 0 0 9px 9px;
   padding: 1px;
   z-index: 99999;
}

.btn-lista-telas .btn-acao
{
  width: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #FFF;
}

.btn-lista-telas .btn-acao.disabled
{
  pointer-events: none;
  color: #BEC2D0;
  cursor: auto;
  opacity: .8;
}

.btn-lista-telas .btn-duplicar-tela
{
    background-color: #EDF0F6;
}

.btn-lista-telas .btn-remover-tela
{
  background-color: #E5DCEE;
}

.barra-controle-conteudo{
   background-color: var(--bg3);
  width: calc(100% - 68px);
  position: absolute;
  /* top: 72px; */
  z-index: 98;
  height: 64px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 0px 10px #ccc;
  left: 68px;
  padding-right: 157px;
}

.modal-preview-custom{
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0,  0 , 0.8);
  z-index: 99999;
}

.wrapper-iframe-preview
{
  width: 100%;
  height: 100%;
  background-color: #FFF;

   transition: .45s;
  -webkit-transition: .45s;
  -moz-transition:  .45s;
  font-size: 16px;
  display:block;
}


.modal-preview-custom[data-device="Mobile"] .wrapper-iframe-preview{
  width: 414px;
}


.modal-preview-custom[data-device="Desktop"] .btn-desktop-preview{
  display: none;
}

.modal-preview-custom[data-device="Mobile"] .btn-modbile-preview{
  display: none;
}
.container-controles-preview:hover{
  opacity: 1;
}

.btn-troca-device-preview{
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  opacity: .5;
  cursor: pointer;
}

.btn-troca-device-preview:hover{
  box-shadow: 0px 0px 4px 3px #f7e7e7;
  opacity: 1;
}

.modal-preview-custom.fechado
{
  display: none;
}

.iframe-preview-custom
{
  width: 100%;
  height: 100%
}

.container-controles-preview{
    width: 190px;
    height: 30px;
    background-color: #fffafa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0px 10px 10px;
    top: 0;
    position: absolute;

    padding: 10px;
    opacity: .5;
    background-color: #fffafa;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 0 0px 10px 10px;
    top: 0;
    position: absolute;
    padding: 10px;
    opacity: .5;
}

.btn-fechar-modal
{
  width: 149px;
  height: 23px;

  display: flex;
  align-items: center;
  justify-content: center;
  /*border-radius: 0 0px 10px 10px;*/
 /* top: 0;*/
  /* right: 10px; */
  position: relative;
  padding: 10px;
  opacity: .5;
  /* flex-direction: column;*/
  cursor: pointer;
}

.btn-fechar-modal:hover
{
  box-shadow: 0px 0px 4px 3px #f7e7e7;
  opacity: 1;
}

.btn-fechar-modal .label-text
{
  margin: 0 0 0 9px;
}

.label-button-panel
{
  font-size: 11px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}

.label-button-panel .label-text
{
  /*font-family: Myriad Pro;*/
  font-size: 11px;
  margin: 0 auto;
  margin-top: 3px;
}

.label-button-panel svg
{
  /*font-family: Myriad Pro;*/
 width: 20px;
 height: 20px;
 margin: 0 auto;
}

.gjs-am-preview {
  position: absolute;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.gjs-mdl-dialog.modal-tui-image
{
  max-width: 100% !important;
  width: 100% !important;

  height: 100%;
  position: fixed;
  overflow: hidden;



}


.gjs-mdl-dialog .tui-image-editor-main>.tui-image-editor-wrap{
  /* bottom: 0px;
   top: 0px;
   left: 0px;*/
   width: 100%;
   height: 100%;
   overflow: auto;
 }


 .modal-tui-image .gjs-mdl-content {
  height: 100%;
}

.modal-tui-image #gjs-mdl-c{
  height: 100%;
  position: relative;
}

.modal-tui-image #gjs-mdl-c>div{
  height: 100%;
  position: relative;
}


.tui-image-editor-container
{
  width: 100%;
    height: 100% !important;
    min-height: 650px;
    position: relative;
}

.tui-image-editor-menu
{
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  position: absolute;
  height: calc(100% - 30px);
}

.tui-image-editor-container .tui-image-editor
{
  top: 0px !important;
  left: 0px !important;
}

.tui-image-editor-item:before, .tui-image-editor-item:after
{
  display: none !important;
}

.tui-image-editor-container .tui-image-editor-checkbox input {
  opacity: 1 !important;
}


.container-interfaces .container-botoes
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.btn-interface
{
  margin: 10px;
}

.container-btn-interface
{
  zoom: 40%;
  border: 1px solid black;
}

.btn-tipo-animacao
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  cursor: pointer;
  margin: 10px;
}


.btn-tipo-animacao.selected
{
  border: 3px solid #562e9c;
}

.btn-tipo-animacao:hover
{
  border: 2px solid #562e9cd0;
}

.btn-tipo-animacao .titulo-tipo
{
  margin: 10px;
  font-weight: bold;
  pointer-events: none;
}


.btn-tipo-animacao .item1{
  font-weight: 900;
  pointer-events: none;
}

.btn-tipo-animacao .container1{
  display: flex;
  width: 100%;
  border: 1px solid #562e9c;
  padding: 2px;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  }
.btn-tipo-animacao .container2{
      width: 115px;
      pointer-events: none;
  }
.btn-tipo-animacao .item-anima
  {
      margin: 2px;
      position: relative;
      pointer-events: none;
  }
.btn-tipo-animacao .img-anima{
      width: 80px;
      height: 70px;
      position: relative;
      pointer-events: none;
  }

.panel-busca
{
  padding: 10px 12px 0;
}

.panel-busca .mdc-text-field--outlined
{
  height: 40px;
  padding-left: 5px;
  width: 250px;
}


.painel-servicos-imagens{
  height: 45px;
  padding-top: 15px;
  position: relative;
}

.panel-abas-imagens{
  height: 45px;
  padding-top: 15px;
  position: relative;
}

.panel-abas-imagens .mdc-tab, .painel-servicos-imagens .mdc-tab{

    position: relative;
    font-size: 11px;
    padding: 0;
    margin: 0;
    /*border-right: 1px solid;*/
    height: 30px;
    min-width: 0;
}

.painel-servicos-imagens .mdc-tab{
  font-size: 11px;
  border-radius: 20px;
  border: 1px solid #562E9C;
  margin: 5px;
}

.painel-servicos-imagens .mdc-tab.mdc-tab--active{
  background-color: #562E9C;
  color: #FFF !important;
}

.painel-servicos-imagens .mdc-tab.mdc-tab--active .mdc-tab__text-label
{
  color: #FFF !important;
}

.painel-servicos-imagens  .mdc-tab__ripple{
  border-radius: 20px;
}

.panel-abas-imagens .mdc-tab .mdc-tab__text-label, .painel-servicos-imagens .mdc-tab .mdc-tab__text-label
{
  color:#562E9C;
}
.panel-abas-imagens .mdc-tab .mdc-tab-indicator__content--underline , .painel-servicos-imagens .mdc-tab .mdc-tab-indicator__content--underline{
  border-color: #562E9C !important;

}

.painel-servicos-imagens .mdc-tab .mdc-tab-indicator__content--underline{
  display: none;
}

.container-rodape-lista{
  display: flex;
  justify-content: center;
  justify-items: center;
  padding: 10px;
}

.container-rodape-lista .btn-carregar-mais
{
  background-color: var(--corPrimaria);
  color: #fff;
  border-radius: 10px;
  padding: 5px;
  font-size: 11px;
  border: none;
  width: 100%;
  cursor: pointer;
}

.label-block-imagem{
  position: relative;
}

.info-imagens {
  position: absolute;
  z-index: 9;
  background-color: #000000bf;
  width: 35px;
  height: 35px;
  right: 5px;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.info-imagens span{
  top: -6px;
  position: relative;
}

.context-info
{
  z-index: 999;
}

.container-info
{
  padding: 10px;
  max-width: 200px;
    color: #562e9c;

}
.link-site-origem a{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.link-site-origem a:link {
  color: #562e9c;
}

/* visited link */
.link-site-origem a:visited {
  color: #562e9c;
}

/* mouse over link */
.link-site-origem a:hover {
  color: #562e9c;
}

/* selected link */
.link-site-origem a:active {
  color: #562e9c;
}

.label-site-origem{
  width: 47%;
  padding-top: 3px;
}

.label-site-origem img{
  width: 100%;
}


.gjs-trt-trait__wrp-data-fill{
  width: 100%;

}
.gjs-trt-trait__wrp-data-fill .gjs-trt-trait--color
{
  display: flex;
  flex-direction: row;
}

.gjs-trt-trait__wrp-data-fill .gjs-trt-trait--color .gjs-label-wrp
{
  width: 70px;
}

.gjs-trt-trait__wrp-data-fill .gjs-field-color
{
  width: 100%;
  display: flex;
}

.gjs-trt-trait__wrp-data-fill  .gjs-input-holder {
  display: flex;
  height: 100%;
  border-bottom: none;
}

.gjs-trt-traits
{
  font-size: 11px;
}



.label-block-icone [data-font]{
  font-size: 50px;
  display: flex;
  flex-direction: column;
}
.label-block-icone [data-font="outlined"]
{
     font-family: 'Material Icons Outlined';
}
.label-block-icone [data-font="normal"]
{
     font-family: 'Material Icons';
}

.intro-modal-help
{
   width: 360px;
   max-width: max-content;
   font-size: 12px;

}

.intro-modal-help .introjs-tooltip-header
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.intro-modal-help .introjs-tooltip-title
{
   width: 100%;
}

.intro-modal-help  .introjs-skipbutton{
  border: 1px solid var(--colorFont1);
  border-radius: 100%;
  color: var(--colorFont1);
  width: 20px;
  height: 20px;
  font-size: 19px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  padding: 0;
  display: none !important;
}

.intro-modal-help .msg-help-index{
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.msg-help-index .content-text
{
  width: 70%;
}

.intro-modal-help .introjs-tooltipbuttons
{
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.introjs-tooltipbuttons .container-checkbox{
  display: flex;
  align-items: center;
  width: 100%;
}

.introjs-overlay{
  background-color: var(--bgModal);
}

.introjs-helperLayer{
  box-shadow: #562e9c80 0px 0px 1px 2px, #562e9c80 0px 0px 0px 5000px !important;
}

.intro-modal-help .introjs-button{
  background-color: var(--corPrimaria);
  color: #fff;
  border-radius: 10px;
  padding: 2px;
  font-size: 11px;
  border: none;
  width: 33px;
  cursor: pointer;
  text-align: center;
  text-shadow: none;
  box-sizing: unset;
}

.content-text .btn-acessar{

  background-color: transparent;
  border: 1px solid var(--colorFont1);
  border-radius: 5px;
  color: var(--colorFont1);
  cursor: pointer;
  font-size: 11px;
}

.content-text .btn-acessar:hover{
  background-color: var(--colorFont1);
  color: #FFF;
}

.label-block-icone .label-icone{
  word-break: break-all;
}

.text-modal .text-info{
  font-size: 12px;
}
.container-info-compras{
  font-size: 12px;
  overflow: auto;
  max-height: 500px;
  border: 1px solid;
  margin: 10px;
  padding: 10px;
}

.container-info-compras .bloco-imagem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin: 15px 5px;
  box-shadow: 0px 1px 5px 2px #9e9e9e;
  position: relative;

}


.container-info-compras .bloco-imagem .container-loader{
  position: absolute;
  z-index: 99;
  background-color: rgba(255,255,255,0.9);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
}

.container-info-compras .bloco-imagem .container-loader .icone-loader-anima
{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.container-info-compras .bloco-imagem .container-imagem{
  width: 120px;
  height: 120px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==');
  background-color: #CCC;
  display: flex;
  justify-content: center;
  align-items: center;

}
.container-info-compras .bloco-imagem .container-imagem::before{
  content: '';
  width: 120px;
  height: 120px;
  background-color: rgba(204, 204, 204, 0.4);
  position: absolute;

}

.container-info-compras .bloco-imagem .container-imagem img{
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.container-info-compras .bloco-imagem .infos-imagem
{
  padding: 10px;
  width: 66%;
}

.container-info-compras .bloco-imagem .container-input{
  display: flex;
  align-items: center;
}
.container-info-compras .check-compra{
  padding: 10px;
  font-size: 40px;
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-info-compras .container-status{
  padding: 10px;
}

.container-info-compras .container-status .check-compra .check-text{
  font-size: 10px;
  text-align: center;
}

.gjs-mdl-container .gjs-mdl-content .modal-confirmacao .container-botoes-modal-gjs .btn-modal-gjs:disabled,
[data-disabled="true"]{
  cursor: default !important;
  background-color: #ccc !important;
  pointer-events: none !important;
}


/*------------------------------------------------------------------------------
Gear Loader  / prefixfree
---------------------------------------------------------------------------------*/


.gear{
  width: 90px;
  height: 95px;
  border-radius:10%;
  border:5px solid  var(--colorFont1) ;
  position:relative;
  box-shadow:  0 10px 0 0 rgba(0, 0, 0, .1);
}

.gear:after{content:"";
            width: 100px;
            height: 100px;
            border-radius:100%;
            display:block;
            border:5px dashed  var(--colorFont1);
            position:absolute; top:-24px; left: -24px;
            box-shadow: inset 0px 0 0 20px var(--colorFont1);
            transform:scale(.5) rotate(0deg);
            animation:gear 6s linear infinite;}

.gear:before{
      content:"";
      width: 58px;
      height: 58px;
      border-radius:100%;
      display:block;
      border:5px dashed  var(--colorFont1) ;
      position:absolute; top:26px;
      right: -14px;
      box-shadow: inset 0px 0 0 10px var(--colorFont1);
      transform:scale(.5) rotate(0deg);
      animation:gear2 4s linear infinite;
}

@keyframes gear {
   0%{transform:scale(.5) rotate(0deg);}
  100%{transform:scale(.5) rotate(360deg);}
}

@keyframes gear2 {
   0%{transform:scale(.5) rotate(0deg);}
  100%{transform:scale(.5)  rotate(-360deg);}
}


.container-mensagem-lista{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.btn-login-adobe{
  font-size: 11px;
  border-radius: 20px;
  border: 1px solid #562E9C;
  padding: 5px 20px;
  color: #562E9C;
  cursor: pointer;
}
.btn-login-adobe:hover
{
  background-color: rgba(86, 46, 156, 0.1);
}


.gjs-am-meta {
  width: 55% !important;
}

#gjs-sm-preview-box{
  display: block;
  border: 1px solid #707070 !important;
}

#gjs-sm-preview-file{
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  background-position: center center !important;
  height: 71px !important;
  transform: translateX(-5px) !important;
  box-shadow: -2px 2px 7px 2px #CCC;
}

.btn-fechar-default , #gjs-sm-close{
  background-color: transparent;
  border: 1px solid;
    border-radius: 360px;
    height: 20px;
    width: 20px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: 2px !important;
    font-size: 17px !important;
    opacity: 1 !important;
    position: absolute  !important;
    cursor: pointer  !important;
    right: 5px !important;
}
.btn-fechar-default:hover , #gjs-sm-close:hover{
  background-color: #562E9C;
  color: #FFF;
  font-weight: 700;
  font-size: 15px !important;
}

.fechado{
  display: none;
}


.bt-trait-default{
  border-radius: 5px;
  border: 1px solid;
  padding: 5px 16px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.bt-upload-trait-deafult{
  border-radius: 5px;
  border: 1px solid;
  padding: 5px 16px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 121px;
}

.bt-upload-trait-deafult [data-type="icone"]{
  font-size: 27px !important;
  width: 30px !important;
  height: 30px !important;
  color: var(--corPrimaria) !important;
}

.bt-upload-trait-deafult:hover{
  background-color: #562E9C;
  color: #FFF;
}

.bt-upload-trait-deafult:hover [data-type="icone"]{
  color: #FFF !important;
}

[data-type="icone"]
{
  font-family: "Material Icons" !important;
}

.modal-error-upload{
  background-color: #FFF;
  /* padding: 50px; */
  border-radius: 5px;
  color: var(--colorFont1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: -4px 3px 6px -1px #562e9c;
}

.header-modal-erro-upload{
  position: relative;
  top: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  padding: 10px;
  border-bottom: 1px solid #562E9C;
  font-size: 17px;
}
.info-error-upload{
  padding: 40px;
  font-size: 17px;
}
.btn-fechar{
  width: 20px;
  height: 20px;
  border-radius: 360px;
  border: 1px solid #562E9C;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;

  padding-top: 2px;
  padding-left: 6px;
  cursor: pointer;

}
.btn-fechar-default:hover{
  background-color: #562E9C;
  color: #FFF;
}

.gear.upload {
  width: 90px;
  height: 95px;
  border-radius: 10%;
  border: none;
  position: relative;
  box-shadow: none;
}


.gear.upload::before{
  border: 5px dashed #FFF;
  box-shadow: inset 0px 0 0 10px #FFF;
}

.gear.upload::after{
  border: 5px dashed #FFF;
  box-shadow: inset 0px 0 0 20px #FFF;
  top: -17px;
}


.icone-asset-anexo{

  display: flex;
  align-items: center;
  justify-content: center;

}


.custom-asset-midias .gjs-am-preview-cont, .custom-asset-anexos .gjs-am-preview-cont{
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 59px;
}


.btn-default-upload , #gjs-sm-images:not(.btn-default2){

  background-color: #FFF !important;
  border-radius: 5px !important;
  border: 1px solid #562E9C !important;
  color: #562E9C !important;
  font-size: 11px !important;
  text-shadow: none !important;
  width: 100% !important;
  min-height: 26px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  margin-top: 10px !important;
  box-shadow: none !important;
  opacity: .85;
}

.btn-default-upload:hover, #gjs-sm-images:hover{
  background-color: #562E9C !important;
  color: #FFF !important;
}

.container-config-bg-video{
  width: 100%;
}
.preview-box-video{
  border: 1px solid !important;
  padding: 3px 20px;
  background-color: rgba(255,255,255,.05);
  border-radius: 2px;
  margin-top: 5px;
  position: relative;
  overflow: hidden;
  height: 58px;;
}

.video-preview{
  height: 50px;
  width: 97%;
  border: 1px solid;
}


.gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height{
  width: 100%;
  position: relative;
  margin-left: 0;
  margin-bottom: 20px;
}



.gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::before{
  content: '';
  width: 0;
  font-size: 11px;
  color: transparent;
}

.gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::after{
  content:'Altura Maxima: Desktop 1080px, Mobile 4320px';
  border-left: 1px solid #CCC;
  border-right: none;
  padding: 0 7px;
  font-size: 11px;
  width: 100px;
  height: 34px;
  position: relative;
}


.gjs-sm-sector__decorationsTela .gjs-sm-property__height .gjs-sm-label .gjs-sm-icon{
  color: #5A607F !important;
}

.gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height .gjs-sm-label{
  width: 72px;
}
.gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height .gjs-field-integer{
  width: 36px;
}
.gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height .gjs-field-integer .gjs-field-units{
  display: none !important;
}

.modal-config-opcoes{
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.modal-config-opcoes .painel-opcoes{
  box-shadow: -1px 2px 4px 1px #ccc;
  height: 400px;
  width: 349px;
  border-radius: 5px;
  overflow: hidden;
  margin: 30px;

}

.modal-config-opcoes .painel-opcoes .header-painel-opcoes{

  color: #FFE;
  font-size: 13px;
  background-color: #562e9c;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 4px 7px 1px #ccc;
}

.modal-config-opcoes .painel-opcoes .content-opcoes{
  overflow: auto;
  max-height: calc(100% - 98px);
  height: 100%;
  padding-top: 10px;
  background-color: #562e9c0f;
}

.modal-config-opcoes .painel-opcoes .container-botoes-opcoes .btn-add-opcao{
  border: 1px solid #FFF;
  background-color: transparent;
  border-radius: 5px;
  padding: 5px !important;
  color: #FFF;
  /* width: 20px; */
  /* height: 20px; */
  padding: 0;
  line-height: 1;
  cursor: pointer;
}

.modal-config-opcoes .painel-opcoes .container-botoes-opcoes .btn-add-opcao:hover{
  background-color: #FFF;
  color: var(--colorFont1);;
}

.modal-config-opcoes .painel-opcoes .content-opcoes .card-opcao .btn-acao-opcao{
  border: none;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  font-size: 26px;
  background-color: #FFF;
  box-shadow: -1px 1px 3px 1px #ccc;
  cursor: pointer;
  color: var(--colorFont1);
}
.modal-config-opcoes .painel-opcoes .content-opcoes .card-opcao .btn-acao-opcao:not([disabled]):hover{
 color: #FFF;
 background-color: var(--colorFont1);
}

.modal-config-opcoes .painel-opcoes .content-opcoes .card-opcao .btn-acao-opcao[disabled]{
  color: #CCC;
  cursor: not-allowed;
 }

.modal-config-opcoes .painel-opcoes .content-opcoes .card-opcao
{
  display: flex;
  padding: 4px 10px;
  box-shadow: 0px 0px 2px 0px;
  border-radius: 4px;
  background-color: #FFF;
  justify-content: space-between;
  align-items: center;
}

.modal-config-opcoes .botoes-acao-painel
{
  width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 48px;
}
.modal-config-opcoes .botoes-acao-painel .btn-acao-opcao{

  border-radius: 50px;
  background-color: #FFF;
  border: 1px solid #562e9c;
  color: #562e9c;
  padding: 5px 22px;
  cursor: pointer;

}

.modal-config-opcoes .botoes-acao-painel .btn-acao-opcao:hover{
  background-color: #562e9c;
  color: #FFF;
}

.modal-config-opcoes  .header-labels{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 25px;
  padding: 6px;
  box-shadow: 1px 1px 5px 1px #ccc;
  margin-bottom: 3px;
}

.modal-config-opcoes  .header-labels .label-texto{
    width: 176px;
    text-align: center;
  }

  .content-opcoes .card-opcao .txt-opcao{
    border: 1px solid #CCC;
    border: none;
    box-shadow: -2px 1px 6px 2px #ccc;
  }

  .content-opcoes .card-opcao input[type=text]:focus-visible{
    outline: 1px solid #CCC;
  }

.content-opcoes .card-opcao .id-opcao{
  font-size: 13px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  font-weight: bold;
}


.card-opcao label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
  font-size: 13px;
}
.card-opcao input[type=radio] {
  display: none;
}
.card-opcao label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 0px;
  top: -9px;
  background-color: #fff;
  /* border: 1px solid #562e9c; */
  box-shadow: -1px 1px 3px 1px #562e9c;
}
.card-opcao label:before {
  border-radius: 5px;
}
.card-opcao input[type=radio]:checked + label:before {
  content: "\2713";
  color: #562e9c;
  font-size: 15px;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
}

.gjs-toolbar-item .material-symbols,
.gjs-toolbar-item .material-symbols-outlined{
  width: 100% !important;
  height: 100% !important;
  font-size: 17px !important;
}


.gjs-layer[data-visible="false"]{
  opacity: .55 !important;
}

.gjs-layer[data-visible="false"] .gjs-layer-vis::before{
  content: "\f070";
}

.container-painel-configuracoes{
  background-color: #562E9CF9;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden;
}

.wrapper-content-config{
      position: relative;
      height: calc(100% - 75px);
      display: flex;
      align-items: center;
      /*justify-content: center;*/
      overflow: hidden;
      box-shadow: 3px 3px 20px #CCC;
      border-radius: 0px 0px 10px 10px;
      overflow: hidden;
  }

.wrapper-config .mdc-tab-bar{
  color: #562e9c !important;
  position: relative;
  display: block;
  min-height: 10px;
  top: -3px;
 }



 .wrapper-config .mdc-tab-bar .mdc-tab--active .mdc-tab__icon, .wrapper-config .mdc-tab-bar .mdc-tab--active .mdc-tab__text-label{
      color: #562e9c !important;
 }

 .wrapper-config .mdc-tab-bar .mdc-tab-indicator .mdc-tab-indicator__content--underline{
      border-color: #562e9c !important;
 }



  .painel-configuracoes{
      /*width: 800px;*/
      /*height: fit-content;*/
      background-color: #FFF;
      border-radius: 10px;
      padding: 10px;
      font-family: Arial;
      color: #562e9c !important;
      min-height: 645px;
      position: relative;

      width: 100%;
      height: calc(100vh - 17px);
      margin: 17px 17px;
      overflow: hidden;
  }
  .wrapper-config{
      width: calc(100% - 20px);
      height: 100%;
      position: absolute;
  }
  .content-config{
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .content-config[data-aba="cores"]{
    max-width: 1024px;
    max-height: 655px;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
  }

  .content-config iframe{
    width: 100%;
    height: calc(100% - 75px);
    border: none;
    position: relative;
  }
  .titulo-card-config{
      font-weight: bold;
      padding: 12px 0;
  }

  .card-config{
      padding: 16px 10px;
      border-bottom: 1px solid #CCC ;
      box-shadow: 1px 1px 8px -2px #ccc;
      border: 1px solid;
      margin: 15px 0 0 0;
      border-radius: 5px;
  }
  .titulo-card-config{
    background-color: #FFF;
    transform: translateY(-22px);
    left: 10px;
    position: absolute;
    padding: 0px 15px 0 15px;
    display: inline-flex;
  }
  .config-opcoes-card{
      display: flex;
      justify-content: space-evenly;
  }
  .config-opcoes-card .opt-cor{
     /* width: 100px;
      height: 100px;*/
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta{
      width: 100px;
      height: 100px;
      background-color:  transparent;
      border: none;
      cursor: pointer;
  }
  .config-fonte .config-opcoes-card {
    /*  flex-direction: column;*/
    margin-bottom: 10px;
  }

  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"] {
    color: transparent !important;
    border: 1px solid #000;
    appearance: none;
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"][data-escolha="1"]{
    background-color: var(--cor1);
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"][data-escolha="2"]{
    background-color: var(--cor2);
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"][data-escolha="3"]{
    background-color: var(--cor3);
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"][data-escolha="4"]{
    background-color: var(--cor4);
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"][data-escolha="5"]{
    background-color: var(--cor5);
  }
  .config-opcoes-card .opt-cor .cor-opcao-paleta[type="text"][data-escolha="6"]{
    background-color: var(--cor6);
  }

  .opt-fonte[data-context="titulo"] .exe-view{
     /* color: var(--cor1);*/
 }
 .opt-fonte[data-context="subtitulo"] .exe-view{
     /*color: var(--cor1);*/
 }
 .opt-fonte[data-context="topico"] .exe-view{
     /* color: var(--cor2);*/
 }

 .opt-fonte[data-context="texto"] .exe-view{
     /* color: var(--cor2);*/
 }

 .opt-fonte[data-context="legenda"] .exe-view{
  /*color: var(--cor2);*/
}

  .bt-exe-view[data-bg="1"]{
      background-color: var(--cor1);
 }

  .bt-exe-view[data-bg="2"]{
      background-color: var(--cor2);
 }

 .bt-exe-view[data-bg="3"]{
      background-color: var(--cor3);
 }

 .bt-exe-view[data-bg="4"]{
      background-color: var(--cor4);
 }

 .bt-exe-view[data-bg="5"]{
      background-color: var(--cor5);
 }

 .bt-exe-view[data-bg="6"]{
      background-color: var(--cor6);
 }

 .exe-view[data-font="1"]:not(.txt-exe-view){
  color: var(--cor1) !important;
 }

 .exe-view[data-font="2"]:not(.txt-exe-view){
      color: var(--cor2) !important;
 }


 .exe-view[data-font="3"]:not(.txt-exe-view){
  color: var(--cor3) !important;
 }

 .exe-view[data-font="4"]:not(.txt-exe-view){
  color: var(--cor4) !important;
 }

 .exe-view[data-font="5"]:not(.txt-exe-view){
      color: var(--cor5) !important;
 }

 .exe-view[data-font="6"]:not(.txt-exe-view){
  color: var(--cor6) !important;
 }

 [data-font-family]{
  height: 20px;
  margin-bottom: 5px;
  font-size: 20px;
 }

 [data-font-family="0"] {
     font-family: var(--fontFamily);
 }

 .opt-fonte .exe-view[data-font-family="1"] {
     font-family: var(--fontFamily1);
     font-weight: var(--fontWeight1);
     /*line-height: var(--fontLine1);*/
 }

 .opt-fonte .exe-view[data-font-family="2"] {
     font-family: var(--fontFamily2);
     font-weight: var(--fontWeight2);
    /* /*line-height: var(--fontLine2);*/
 }

 .opt-fonte .exe-view[data-font-family="3"] {
     font-family: var(--fontFamily3);
     font-weight: var(--fontWeight3);
     /*line-height: var(--fontLine3);*/
 }

 .opt-fonte .exe-view[data-font-family="4"] {
     font-family: var(--fontFamily4);
     font-weight: var(--fontWeight4);
     /*line-height: var(--fontLine4);*/
 }

 .opt-fonte .exe-view[data-font-family="5"] {
  font-family: var(--fontFamily5);
  font-weight: var(--fontWeight5);
  /*line-height: var(--fontLine5);*/
}

 .btn-escolha-cor{
      width: 25px;
      height: 25px;
      border: 1px solid #CCCCCC;
 }
 .btn-escolha-cor[data-aplicacao="1"]{
      background-color:  var(--cor1);
 }
 .btn-escolha-cor[data-aplicacao="2"]{
      background-color:  var(--cor2);
 }
 .btn-escolha-cor[data-aplicacao="3"]{
      background-color:  var(--cor3);
 }
 .btn-escolha-cor[data-aplicacao="4"]{
      background-color:  var(--cor4);
 }
 .btn-escolha-cor[data-aplicacao="5"]{
      background-color:  var(--cor5);
 }

 .btn-escolha-cor[data-aplicacao="6"]{
      background-color:  var(--cor6);
 }

 .btn-escolha-cor[data-escolhido="true"]{
       outline: 2px solid #562e9c;
      outline-offset: 2px;
 }



 .painel-view-aplicacao{
      z-index: 2;
      padding: 5px;
      height: 100%;
  }
 .painel-view-aplicacao .btn-escolha-cor{
      width: 15px;
      height: 15px;
      z-index: 2;
      cursor: pointer;
 }

 .painel-view-aplicacao .btn-escolha-cor[data-toggle-item]{
   margin-right: 5px;
 }

 .painel-view-aplicacao  .item-prop{
      display: flex;

 }
 .opt-fonte  .painel-aplicacao{
  height: 83%;
}
 .opt-fonte .painel-view-aplicacao .item-prop{
      flex-direction: column;
      justify-content: space-evenly;
      height: 100%;
 }

 .fonte-padrao{
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 1px 0;
  position: relative;
  height: 100%;
  top: 4px;
 }
 .fonte-padrao .container-label{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
 }

 .info-cor{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
 }

 [data-label]{
      font-size: 13px;
 }

 .info-cor-type[data-label]{
      font-size: 12px;
 }

  .bt-exe-view{
          width: 150px;
          height: 40px;
          border-radius: 5px;
          border-width: 0px;
          border-style: none;
          /* border: 1px solid #CCC; */
          box-shadow: 0px 1px 8px 0px #ccc;
  }

.container-size input{
  width: 50px;
}

  .fechado , [data-fechado="true"]{
      display: none !important;
  }
  .painel-escolha-aplicacao .btn-escolha-cor{
      width: 20px;
      height: 20px;
  }



  .painel-escolha-aplicacao{
      display: flex;
      /*justify-content: end;*/
      padding: 5px;
      border: 1px solid #562e9c;
      box-shadow: -1px 1px 2px 1px #ccc;
      position: absolute;
      background-color: #E5DCEE;
     /* width: 145px;*/
      z-index: 13;
      transform: translateY(-15px) translateX(36px);

  }
  .painel-escolha-aplicacao .container-btn-escolha-cor{
      background-color: #FFF;
      width: 163px;
      padding: 6px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
  }

  .painel-escolha-aplicacao .ponta-balao{
      /*width: 30px;*/
      height: 0;
      position: absolute;
      border-top: 24px solid transparent;
      border-bottom: 24px solid transparent;
      border-right: 20px solid #E5DCEE;
      left: -20px;
      top: -1px;
      z-index: 2;
  }
  .painel-escolha-aplicacao:after{
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      border-top: 24px solid transparent;
      border-bottom: 24px solid transparent;
      border-right: 20px solid #562e9c ;
      left: -21px;
      top: -1px;
      z-index: 1;
  }
  .painel-escolha-aplicacao:before{
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      border-top: 26px solid transparent;
      border-bottom: 26px solid transparent;
      border-right: 22px solid #CCC;
      /* border-radius: 7%; */
      left: -25px;
      top: -1px;
      filter: blur(2px);
      z-index: 0;
  }
  .acoes-config{
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      height: auto;
  }

  .btn-default{
      border-radius: 50px;
      background-color: #FFF;
      border: 1px solid #562e9c;
      color: #562e9c;
      padding: 5px 22px;
      cursor: pointer;
  }
  .btn-default:hover{
      background-color: #562e9c;
      color: #FFF;
  }

  .content-fonte-padrao{
      margin-bottom: 5px;
  }
  .content-fonte-padrao[data-label-texto]{
  margin-bottom: 10px;
}
  .content-fonte-padrao[data-label-texto="0"]{
  min-height: 30px;
}

  .content-select{
      display: flex;
      flex-direction: column;
  }

  .content-select select{
      margin-bottom: 5px;
  }
  .content-select .fonte-custom{
      width: 125px;
  }

  .container-escolha-cor{
      display: flex;

  }
  [data-color-paleta="1"]:not('[data-modelo]'){
    color: var(--cor1)
  }
  [data-color-paleta="2"]:not('[data-modelo]'){
    color: var(--cor2)
  }
  [data-color-paleta="3"]:not('[data-modelo]'){
    color: var(--cor3)
  }
  [data-color-paleta="4"]:not('[data-modelo]'){
    color: var(--cor4)
  }
  [data-color-paleta="5"]:not('[data-modelo]'){
    color: var(--cor5)
  }
 [data-color-paleta="6"]:not('[data-modelo]'){
    color: var(--cor6)
  }


  [data-auxiliar-bg="cor"]{
    background-color: var(--auxBgColor);
  }

.gjs-toolbar-item [data-type="icone"]{
  color: #FFFFFF !important;
}

.container-action-aba{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  position: relative;
}


.btn-basic-action[data-action-process]{
  opacity: 0.6;
  background-color: #562e9c50;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  cursor: not-allowed;
}



.btn-basic-action[data-action-process]::before{
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  /*border-color: var(--corPrimaria) transparent var(--corPrimaria) transparent;*/
  border-color: var(--paleta5) transparent var(--paleta5) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
  position: absolute;

}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.btn-basic-action[data-save-pendente]::after{
  position: absolute;
  top: 6px;
  right: 17px;
  width: 8px;
  height: 8px;
  opacity: 0;
}

[data-save-pendente]::after{
  content: '';
  background-color: var(--corPrimaria);
  border-radius: 100%;
  width: 12px;
  height: 12px;
  position: relative;
  top: 0;
  right: 0;
}


.container-painel-configuracoes .modal-confirmacao .wrapper-content-confirma-config,
.container-modal-editor-custom .modal-confirmacao .wrapper-content-confirma-config,
.modal-substituir-cor .wrapper-substituir-cor{
  padding: 11px;
  background-color: #FFF;
  border-radius: 10px;
  min-width: 800px;
  min-height: 177px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: relative;
}
.container-painel-configuracoes .modal-confirmacao .wrapper-content-confirma-config .content-text,
.container-modal-editor-custom .modal-confirmacao .wrapper-content-confirma-config .content-text{
    font-size: 20px;
    font-weight: bold;
}

.container-painel-configuracoes .modal-confirmacao[data-aberto="false"],
.container-modal-editor-custom .modal-confirmacao[data-aberto="false"],
.modal-substituir-cor[data-aberto="false"]{
  display: none !important;
}

.container-painel-configuracoes .modal-confirmacao .wrapper-content-confirma-config .content-action,
.container-modal-editor-custom .modal-confirmacao .wrapper-content-confirma-config .content-action{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}


.painel-thumb-telas-view{
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
  width: calc(100% - 370px);
}

.content-thumb-telas{
  display: flex;
  position: relative;

}

.inner-thumb{

  position: relative;
  display: flex;
  flex-direction: column;
  margin: 3px
}
.inner-thumb .tela-content{
    zoom: 7%;
    border: 1px solid;
    border: 1px solid;
    width: 1024px;
    height: 550px;
    position: relative;
}

.inner-thumb .tela-content[data-fechado]{
  display: none;
}

.inner-thumb .info-tela[data-only] span {
  background-color: #7f7b7b;
  color: #FFF;
  padding: 0 5px;
  margin: 3px
}

.painel-thumb-telas-view .bt-carregar-tela{
  display: flex;
  flex-direction: column;
  font-size: 11px;
  cursor: pointer;
  color: var(--colorFont1);
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 1px 1px #CCC;
}

.painel-thumb-telas-view .bt-carregar-tela:hover:not([disabled]){
    background-color: var(--colorFont2);
    color: var(--text3);
}



.painel-thumb-telas-view .bt-carregar-tela[disabled]{
  opacity: .5;
  cursor: not-allowed;
}

.painel-thumb-telas-view .wrapper-content-painel-thumb-view{
  position: relative;
  display: flex;
  transform: translateX(119px);
}

.painel-thumb-telas-view .content-text-info{
    min-width: 470px;
    width: 470px;
    text-align: left;
    padding: 0 10px;
}

.info-selected-structure .select-structure.select-tela{
  width: 110px;
}


.gjs-trt-trait__wrp-data-frame-atual,
.gjs-trt-trait__wrp-data-travar-loop{
  width: 100%;
}

.gjs-trt-trait__wrp-data-frame-atual .gjs-label-wrp{
  width: 100%;
}

.gjs-trt-trait__wrp-data-frame-atual .gjs-label{
  width: 100%;
}

.gjs-trt-trait__wrp-data-frame-atual .gjs-field-wrp--select{
  width: 100%;
}

.gjs-trt-trait__wrp-data-frame-atual .gjs-field-select{
  width: 100%;
}

.gjs-trt-trait__wrp-data-frame-atual .gjs-field-select select{
  width: 100%;
}


.panel-action-ctlz{
  z-index: 999999;
  position: absolute;
  background-color: #FFF;

  min-width: 200px;

  border-radius: 10px;
  box-shadow: 0px 3px 2px 2px #CCC;
  overflow: hidden;
}

.content-ctlz {
  padding: 10px 0;
}

.header-painel-ctlz{
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: var(--corPrimaria);
  color: #fff;
  display: flex;
  justify-content: space-between;
  justify-items: center;
}

.action-ctlz{

  box-shadow: 0px 0px 6px 0px #CCC;
  min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

}

.action-ctlz[data-ponteiro="true"]{
  background-color: #562E9C80;
}

.content-action-ctlz{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 103px;
  width: 100%;
  padding: 5px 10px;
}


.btn-action-panel-float{
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 100%;
  align-content: center;
  width: 15px;
  height: 15px;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  align-items: center;
  justify-content: center;
  padding: 0;

}
.wrapper-content-ctlz{
  min-height: 580px;
  max-height: 580px;
    overflow: auto;
}


.wrapper-bt-acao-selecionado{
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}

.content-bt-acao-selecionado{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    position: relative;

}


.container-action-template-modelo{
  /*background-color: #FFF;
  width: 25px;
  height: 25px;

  */
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;


}


.btn-delete-modelo{


  background-color: var(--corPrimaria);
  color: var(--text1);

  width: 25px;
  height: 25px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 0 5px;
  box-shadow: -1px 2px 3px 0px #CCC;

}


.btn-delete-modelo:hover{
  background-color: #FFF;
  color: var(--text3) !important;

}

[data-painel="v02"] .btn-delete-modelo [data-type="icone"][data-font]{
  width: 20px !important;
  height: 20px !important;
  font-size: 25px !important;
  color: var(--text1) !important;
}



.card-estrutura-wrapper{
    height: calc(100% - 70px);
    overflow: hidden;
    overflow-x: hidden;

    padding: 16px 10px;
    border-bottom: 1px solid #CCC;
    box-shadow: 1px 1px 8px -2px #ccc;
    border: 1px solid;
    margin: 20px 15px 0px 15px;
    border-radius: 5px;

}



.card-estrutura{
    position: relative;
    box-shadow: 0 0px 10px 1px #CCC;
    padding: 0 0 10px;
    margin: 10px;
    border-radius: 5px;
}

.card-estrutura-wrapper-modulos {
  overflow: auto;
  height: 100%;
}

.card-estrutura .card-estrutura-wrapper-modulo {
  width: 100%;
  position: relative;
}

.card-estrutura .card-estrutura-wrapper-modulo .card-estrutura-info-modulo{
  display: flex;
  padding: 10px;
  box-shadow: 1px 1px 4px 1px #CCC;
  background-color: #562e9c;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  align-items: center;
  border-radius: 5px 5px 0 0;
}

.card-estrutura .card-estrutura-wrapper-modulo .card-estrutura-info-modulo .item-info
{
  display: flex;
  margin: 0 5px;
}

.card-estrutura .card-estrutura-wrapper-modulo .card-estrutura--wrapper-licoes{
  position: relative;
  padding: 15px;
  border: 1px solid;
  margin: 22px 10px 10px 15px;
  border-radius: 5px;
}

.card-estrutura .card-estrutura-wrapper-modulo .card-estrutura--wrapper-licoes .card-estrutura-info-licao{
  position: relative;
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #CCC;
  box-shadow: 1px 1px 8px -2px #ccc;
  align-items: center;
}


.card-estrutura .card-estrutura-wrapper-modulo .card-estrutura--wrapper-licoes .card-estrutura-info-licao .item-info{
  position: relative;
  display: flex;
}

.card-estrutura-wrapper .titulo-card-config{
  font-size: 20px;
  transform: translateY(-27px);
  left: 36px;
}

.card-estrutura--wrapper-licoes .titulo-card-config{
  font-size: 16px;
  left: 15px;
}



.card-estrutura .item-info{
 margin: 0 5px;
}

.card-estrutura--wrapper-licoes .item-info{
  border: 1px solid;
  border-radius: 5px;
  padding: 10px 10px 10px;
}

.item-info .titulo-card-config {
    left: 6px;
    font-size: 11px;
    transform: translateY(-17px);
    padding: 0px 10px 0 10px;
  }



  .item-info .content-info-value {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-right: 10px;
  }

  .item-info-content-requisitos, .content-info-value[data-select-requisitos]{
    width: 100%;
    max-width: 100%;
  }

  .item-info.item-info-content{
    min-width: 200px;

  }

  .item-info.item-number-sequencia{
    /* font-size: 20px;*/
     /* background-color: var(--corPrimaria); */
     /* color: #FFF; */
     padding: 5px;
     border-radius: 5px;
     border: 1px solid;
   }
   .card-estrutura--wrapper-licoes .item-info.item-number-sequencia{
       /* height: 100%; */
       font-size: 17px;
       padding: 14px;
       /* border: none; */
       font-weight: bold;
   }


.content-config-estrutura{
  position: relative;
    height: calc(100% - 100px);
    display: block;
    overflow: hidden;
    margin: 15px 0 0 0;
}

.content-configuracoes-gerais-navegacao{
  display: flex;
}

.item-info-content-requisitos{
  width: 100px;
}

.tag-requisitos{
  border: 1px solid;
  border-radius: 360px;
  padding: 5px;
  max-width: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-advanced{
  position: relative;
  width: 90px;
  border: 1px solid;
  border-radius: 35px;
  padding: 0 7px 0 5px;
  color: var(--corPrimaria);
  cursor: pointer;
}

.modal-style-advanced{
  width: 100%;
  height: calc(100% - 170px);
  position: relative;
}

.content-modal-style-advanced{
  width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.is-modal-full-advance .gjs-mdl-dialog,
.is-modal-full-advance .gjs-mdl-dialog .gjs-mdl-content,
.is-modal-full-advance .gjs-mdl-dialog .gjs-mdl-content,
.is-modal-full-advance .gjs-mdl-dialog .gjs-mdl-content #gjs-mdl-c{
  width: 100%;
  height: 100%;
}

.content-info-value-direction .toggle-direction{

}


.content-info-value-direction .toggle-direction input[type=checkbox]{

  visibility:hidden;

}

.content-info-value-direction .toggle-direction{

  position: relative;

  /*height:50px;
  margin:auto;
  margin-top:25%;
  font-family:arial;
  background:#BADBD0;
  width:50%;
  border-radius:40px;
  border:4px solid white;
  position:relative;

  -webkit-box-shadow: 1px 0px 0px 8px rgba(0,0,0,1);
-moz-box-shadow: 1px 0px 0px 8px rgba(0,0,0,1);
box-shadow: 1px 0px 0px 8px rgba(0,0,0,1);*/

}


.content-info-value-direction .toggle-direction:before{
 /* content: 'on';
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  color: var(--pink);*/
  /*content:"On";
  color:black;
  float:left;
  margin-left:5%;
  margin-top:5px;
  font-size:2em;*/
  content:"On";
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);

}

.content-info-value-direction .toggle-direction:after{
/*
  content:"Off";
  color:black;
  float:right;
  margin-right:5%;
  margin-top:5px;
  font-size:2em;
  */
  content:"Off";
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;

}

.content-info-value-direction .toggle-direction label{

  display:block;
  width:20%;
  height:100%;
  border-radius:50px;
  position:absolute;
  background:#DE2631;
  bottom:0.2%;
  left:-0.1%;
    -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  transition: all 0.75s ease;

}


.toggle-direction input:checked ~ .toggle-direction label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.toggle-direction input:checked ~ .toggle-direction label:before {
  opacity: 0;
}
.toggle-direction input:checked ~ .toggle-direction label:after {
  opacity: 1;
}


.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 19px;
  padding: 2px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 11px;
  /*text-transform: uppercase;*/
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}

.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 7px;
  color: var(--corPrimaria);
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 7px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: var(--corPrimaria);;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: calc(100% - 22px);
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}

[data-estrutura-item="licao"]:not([data-formato-selected="tradicional"]) .content-info-value-direction{
  display: none;
}


[data-formato-licao="tradicional"]:not([data-mobile]) .gjs-sm-sector__decorationsTela .gjs-sm-property__height{
  display: none !important;
}

.editor-row[data-mobile] .gjs-trt-trait__wrp-data-posicao-interface,
.editor-row[data-mobile] .gjs-trt-trait__wrp-data-order-elements,
.editor-row[data-mobile] .gjs-trt-trait__wrp-data-direcao,
.editor-row[data-mobile] .gjs-trt-trait__wrp-data-padding-right,
.editor-row[data-mobile] .gjs-trt-trait__wrp-data-padding-left,
.editor-row[data-mobile] .gjs-trt-trait__wrp-data-padding-top,
.editor-row[data-mobile] .gjs-trt-trait__wrp-data-padding-bottom{
  display: none !important;
}

.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-posicao-interface-mobile,
.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-mobile-order-elements,
.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-mobile-direcao,
.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-mobile-padding-right,
.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-mobile-padding-left,
.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-mobile-padding-top,
.editor-row:not([data-mobile]) .gjs-trt-trait__wrp-data-mobile-padding-bottom{
  display: none !important;
}


.gjs-trt-trait__wrp-data-posicao-interface,
.gjs-trt-trait__wrp-data-posicao-interface .gjs-field-wrp--select,
.gjs-trt-trait__wrp-data-posicao-interface .gjs-label-wrp,
.gjs-trt-trait__wrp-data-posicao-interface select,
.gjs-trt-trait__wrp-data-order-elements,
.gjs-trt-trait__wrp-data-order-elements .gjs-field-wrp--select,
.gjs-trt-trait__wrp-data-order-elements .gjs-label-wrp,
.gjs-trt-trait__wrp-data-order-elements select,
.gjs-trt-trait__wrp-data-mobile-order-elements,
.gjs-trt-trait__wrp-data-mobile-order-elements .gjs-field-wrp--select,
.gjs-trt-trait__wrp-data-mobile-order-elements .gjs-label-wrp,
.gjs-trt-trait__wrp-data-mobile-order-elements select{
  width: 100% !important;
}

.gjs-trt-trait__wrp-data-posicao-interface-mobile,
.gjs-trt-trait__wrp-data-posicao-interface-mobile .gjs-field-wrp--select,
.gjs-trt-trait__wrp-data-posicao-interface-mobile .gjs-label-wrp,
.gjs-trt-trait__wrp-data-posicao-interface-mobile select,
.gjs-trt-trait__wrp-data-direcao,
.gjs-trt-trait__wrp-data-direcao .gjs-field-wrp--select,
.gjs-trt-trait__wrp-data-direcao .gjs-label-wrp,
.gjs-trt-trait__wrp-data-direcao select,
.gjs-trt-trait__wrp-data-mobile-direcao,
.gjs-trt-trait__wrp-data-mobile-direcao .gjs-field-wrp--select,
.gjs-trt-trait__wrp-data-mobile-direcao .gjs-label-wrp,
.gjs-trt-trait__wrp-data-mobile-direcao select{
  width: 100% !important;
}

.interface-view [data-type="AreaInterface"] [data-type="Container-Generico"],
.interface-view [data-type="AreaInterface"] [data-type="Container-Generico"] *{
  pointer-events: none !important;
}


.content-config-pacote {
  height: calc(100vh - 157px);
}

.item-config-pacote
{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 10px 10px 20px;
}

.item-config-pacote .item-titulo{
  font-size: 16px;
}

.item-config-pacote .content-info-value{
  margin-right: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.item-config-pacote .content-info-value .switch{
  width: 48px;
}

.guide-tela{
  width: 177px;
  height: 108px;
  border: 1px solid;
  padding: 2px;
  position: relative;
  display: flex;
}


.guide-tela .guide-celula{
  width: calc(100% - 3px);
  /* height: 100%; */
  border: 1px dotted var(--corPrimaria);
  position: relative;
  margin-left: 1px
}


.bt-guides{
  display: flex;
  margin-bottom: 15px;
  box-shadow: 0px 0px 6px 0px #CCC;
  padding: 7px;
  border-radius: 5px;
}

.container-opcao-guide{
  display: flex;
}


.container-opcao-guide[data-variacao]:not([data-variacao="0"]) .guide-tela{
  display: grid !important;
}

.content-info-value-direction .toggle-direction input[type="checkbox"]:checked + label:after{
  left : 142px;
}

.container-opcao-guide[data-variacao="1"] .guide-tela{
  grid-template-columns: repeat(3,1fr);
}


.container-opcao-guide[data-variacao="1"] .guide-tela .guide-celula[data-guide="1"]{
  grid-column: 3/1;
  grid-row: 3/1;
}

.container-opcao-guide[data-variacao="2"] .guide-tela .guide-celula[data-guide="3"]{
  grid-column: 1/3;
}

.container-opcao-guide[data-variacao="3"] .guide-tela .guide-celula[data-guide="1"]{
  grid-column: 1/3;
}



.container-telas-guides{
  display: flex;
}

.container-bt-guides{
  display: flex;
  flex-direction: column;
}

.gjs-am-asset [data-toggle="asset-remove"]{
  display: none !important;
}
.card-arquivo .container-thumb-arquivo{
  width: 123px;
  height: 76px;
  position: relative;
}

.card-arquivo .thumb-arquivo img{
  width: 100%;
  height: 100%;
  position: relative;
}

.card-arquivo .container-thumb-arquivo .thumb-arquivo
{

    position: absolute;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.infos-arquivo{
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}
/*
.infos-arquivo > *,
.header-info-arquivos-2 > *{
  min-width: 10%;
}

*/

.detail-info{
  min-width: 10%;
  max-width: 15%;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  text-wrap: wrap;
  word-break: break-all;
}

.detail-info .detail-info-name{
  width: 20%;
}

.content-card-arquivo{
  display: flex;
  align-items: center;
  width: 100%;
}

.detail-info-ocorrencias-txt{
 /* border: 1px solid;*/
  padding: 5px;
 /* cursor: help;*/
  text-decoration: underline;
  box-shadow: 1px 1px 2px 0px;
}

.detail-info-ocorrencias-txt:hover{
  color: #FFF;
  background-color: var(--corPrimaria);
}

.container-thumb-arquivo .gjs-checker-bg{
  width: 100%;
  height: 100%;
  position: relative;
}

.container-card-arquivos .card-arquivo{
  padding: 5px 15px;
  box-shadow: 0px 0px 3px 0px #CCC;
  margin: 7px;
}


.btn-action-remove-arquivo{
  background-color: #fff;
  border: 1px solid #562e9c;
  border-radius: 5px;
  color: #562e9c;
  padding: 10px;
  cursor: pointer;
}

.content-config [data-aba="arquivos"]{
  overflow: hidden;
}

.content-config-arquivos{
  height: calc(100% - 65px);
  box-shadow: 0px 0px
  7px 0px #CCC;
  padding-bottom: 5px;
  overflow: hidden;
  position: relative;
  padding: 10px;
}

.container-card-arquivos{
  overflow: auto;
  height: calc(100vh - 285px);
  position: relative;
  margin: 5px 0 5px;
}

.header-info-arquivos{
  width: calc(100% - 10px);
  position: relative;
  display: flex;
  height: 27px;
  align-items: center;
  padding: 5px;
  background-color: var(--corPrimaria);
  color: #FFF;
}

.header-info-arquivos-1{
    width: 123px;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
    margin: 0px;
    font-size: 12px;
}

.header-info-arquivos-2{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-evenly;
}

.container-thumb-arquivo [data-type="icone-assets"],
.container-thumb-arquivo .icone-asset-anexo{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-thumb-arquivo [data-type="icone-assets"]{
  font-family: 'Material Icons';
  font-size: 73px;

}


.btn-action-remove-arquivos-sem-ocorrencia{
  background-color: #FFF;
  color: var(--corPrimaria);
  border: 1px solid var(--corPrimaria);
  border-radius: 5px;
  cursor: pointer;
  text-overflow: ellipsis;
  max-width: 168px;
  white-space: nowrap;
  overflow: hidden;
  display: none !important;
}


.container-modal-editor-custom{
  z-index: 999999999;
  position: fixed;

}
.container-bt-remove-arquivoss-sem-ocorrencia{
  width: 184px;
}

.container-bt-remove-arquivo{
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-modal-confirmacao-remove-assets{
  margin-bottom: 33px;
  font-size: 12px;
  min-width: 550px;
}
.content-modal-confirmacao-remove-assets ul{
  overflow: auto;
  height: 550px;
}

.bts-modal-confirmacao-remove-assets{
  display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.content-config-arquivos .info-carreagando-lista-assets{
  position: absolute;
  width: 100%;
  height: calc(100vh - 171px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  z-index: 99;
  flex-direction: column;
  font-size: 12px;
}

.content-config-arquivos .container-gear .gear:before{
  border: 5px dashed var(--corPrimaria);
  box-shadow: inset 0px 0 0 20px var(--corPrimaria);
}

.content-config-arquivos .container-gear .gear:after{
  border: 5px dashed var(--corPrimaria);
  box-shadow: inset 0px 0 0 10px var(--corPrimaria);
}

.gjs-block-label [data-label-responsivo]{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 177px;
  background-color: #FFF;
}



.div-container-templates{
  display: flex;
  font-weight: bold;
  font-size: 12px;
  align-items: center;
  justify-content: flex-start;
}
.div-container-templates >*{
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.label-type-screen-ai{
  margin-right: 10px;
}

#containerlistaTemplate:has(.responsivo),
#testando,
.gjs-blocks-cs,
.gjs-block-categories,
.gjs-block-category,
.gjs-blocks-c{
  width: 100% !important;
  position: relative !important;
}

.guide-tela[data-display="flex"] .guide-celula[data-is-icone="true"] .type-image,
.guide-tela[data-display="grid"] .guide-celula[data-is-icone="true"] .type-image{
  max-height: 38px;
}


[data-painel="v02"] .editor-row{
  padding: 0px !important;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2;
  height: 100vh;
}

[data-painel="v02"]  .container-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

[data-painel="v02"] .gjs-pn-panel,
[data-painel="v02"] .panel__right .panel-configuracoes{
  background-color: var(--paleta1) !important;
}

[data-painel="v02"]  .gjs-pn-btn svg,
[data-painel="v02"]  .icon-view,
[data-painel="v02"]  .icon-not-view{
  fill: var(--text1) !important;

}

[data-painel="v02"] .gjs-pn-btn:hover svg {
  fill: var(--text3) !important;
  stroke: var(--text3) !important;
}

[data-painel="v02"]  .gjs-pn-btn:hover svg *{
  stroke: var(--text3) !important;
}

[data-painel="v02"]  .gjs-pn-btn svg *,
[data-painel="v02"]  .icon-view *{
  stroke: var(--text1) !important;
}

[data-painel="v02"]  .content-text-info{
  display: none;
}

[data-painel="v02"] .btn-view label,
[data-painel="v02"] .selector-container .btn-set-view-device label,
[data-painel="v02"] .traits-container{
  background-color: transparent;
  border: none;
}

[data-painel="v02"] .btn-view{
  width: fit-content;
  border-bottom: 0.5px solid #FFFFFF55;
}

[data-painel="v02"] .btn-view label .icon-not-view, [data-painel="v02"] .btn-view label .icon-view{
  margin: 0px 5px 0px 0px!important;
}

[data-painel="v02"] .btn-view label{
  margin-left: 0px !important;
}

[data-painel="v02"] .panel__screen .panel__screen-action-zoom .text-zoom {
  color: var(--text1) !important;
}

[data-painel="v02"] .gjs-input-holder,
[data-painel="v02"] .info-selected-structure .select-structure{
  background-color: transparent;
  color: var(--text1) !important;
  cursor: pointer;
}

[data-painel="v02"] .gjs-four-color,
[data-painel="v02"] .gjs-four-color-h:hover,
[data-painel="v02"] .gjs-sm-label .gjs-sm-icon,
[data-painel="v02"] .panel-configuracoes .label-titulo-panel,
[data-painel="v02"] .gjs-sm-icon{
  color: var(--text1) !important;
}


[data-painel="v02"] .panel-configuracoes .label-titulo-panel{
  color: var(--text2) !important;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 12px;
  font-size: 11px;
  position: relative;
}

[data-painel="v02"] .panel-info .label-nome-curso,
[data-painel="v02"] .info-selected-structure .select-structure.select-modulo{
  color: var(--text2) !important;
  cursor: pointer;
}

[data-painel="v02"] select option,
[data-painel="v02"] .info-selected-structure .select-structure option{
  color: var(--text3) !important;


}

[data-painel="v02"] .info-selected-structure .select-structure option,
[data-painel="v02"] .select-structure.select-tela option{
  border: none;
  appearance: none;
  background-color: #FFF;
  padding: 10px;
  margin: 20px;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  line-height: 62px;
  color: var(--text3) !important;
  min-height: 41px;
  font-size: 14px;
}

[data-painel="v02"] .info-selected-structure .select-structure option:hover,
[data-painel="v02"] .select-structure.select-tela option:hover{
  background-color: var(--paleta3);
}

[data-painel="v02"] .select-structure.select-tela option:hover{

  background-color: var(--paleta3);

}

[data-painel="v02"] .stage{
  display: grid;
  grid-template-rows: 2fr;
  grid-template-columns: 2fr;
}

[data-painel="v02"] .panel__top{
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
}

[data-painel="v02"] .panel__right{
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  /*height: 100%;*/
  height: calc(100% - 85px);
  box-shadow: 0px 0px 1px 0.5px #CCC;
  z-index: 4;
  overflow: visible;
}

[data-painel="v02"] .panel_selecao .btn-controle-panel{
  border-radius: none !important;
}


[data-painel="v02"] .panel_selecao .btn-controle-panel:hover{
  background-color: var(--paleta5);
  color: var(--text3) !important;
}

[data-painel="v02"] .btn-controle-panel.gjs-pn-active {
  background-color: var(--paleta5);
  color: var(--text3) !important;
}

[data-painel="v02"] .btn-controle-panel.gjs-pn-active::before {
  background-color: var(--paleta5);

}

[data-painel="v02"] .select-structure.select-tela{
  background-color: transparent;
  border: none;
  color: var(--text1);
  height: 100%;
  padding: 12px;
  font-size: 14px;
}

[data-painel="v02"] .gjs-block-label{
 color: var(--text4);
}

[data-painel="v02"] .painel-thumb-telas-view .bt-carregar-tela{
  color: var(--text1);
  box-shadow: none !important;
  height: 100%;
  width: 50px;
}

[data-painel="v02"] .mdc-slider .mdc-slider__thumb-knob{
  background-color: var(--paleta4) !important;
  border: 2px solid var(--paleta1) !important;
  box-sizing: content-box !important;
  top: 23px !important;

}


[data-painel="v02"] .mdc-slider .mdc-slider__track--inactive{
  opacity: 1 !important;
  background-color: var(--paleta6)  !important;
  border: 1px solid var(--paleta6)  !important;
  height: 0px !important;
}

[data-painel="v02"] .mdc-slider .mdc-slider__track--active_fill{
  border-color: transparent  !important;
  background-color: transparent  !important;
}

[data-painel="v02"] .barra-controle-conteudo{
  height: 64px;
  justify-content: end;
  box-shadow: none;
  align-items: center;
  padding-right: 0px !important;
  bottom: 64px;
}


[data-painel="v02"] .alinhamentos .gjs-pn-btn {
  min-height: 15px;
  min-width: 21px;
  margin: 5px 4px;
  padding: 0;
  width: 8px;
  text-align: center;
  justify-content: center;
  /*border: 1px solid #FFF;*/
}

[data-painel="v02"] .alinhamentos .gjs-pn-btn svg * {
  fill: var(--text1) !important;
  stroke: var(--text1) !important;
}

[data-painel="v02"] .alinhamentos .gjs-pn-btn:hover svg * {
  fill: var(--text3) !important;
  stroke: var(--text3) !important;
}

[data-painel="v02"] .painel-thumb-telas-view{
  width: 37%;
  height: 100%;
}

[data-painel="v02"] .painel-thumb-telas-view .wrapper-content-painel-thumb-view{
  position: relative;
    display: flex;
    transform:none;
    height: 100%;
    align-items: center;
}

[data-painel="v02"] .panel__top{
  box-shadow: none;
}


[data-painel="v02"][data-config-aberto] .gjs-pn-btn:not(.btn-basic-action-configuracao){
  pointer-events: none !important;
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  position: relative;

}

[data-painel="v02"]:not([data-config-aberto]) .gjs-pn-btn.gjs-pn-active,
[data-painel="v02"]:not([data-config-aberto]) .gjs-pn-btn:hover,
[data-painel="v02"] .gjs-pn-btn.gjs-pn-active.btn-basic-action-configuracao,
[data-painel="v02"] .gjs-pn-btn.gjs-pn-active.btn-basic-action-configuracao:hover,
[data-painel="v02"] .gjs-pn-btn.btn-basic-action-configuracao:hover{
  background-color: var(--paleta5);
  box-shadow: none;
  border-radius: 0px;
  color: var(--text3) !important;
}

[data-painel="v02"] .btn-basic-action-configuracao .label-button-panel svg{
  fill: var(--text1);
  stroke: var(--text1);
}

[data-painel="v02"] .btn-basic-action-configuracao .label-button-panel svg *{
  /*  fill: var(--text1);*/
    stroke: var(--text1) !important;
  }

[data-painel="v02"] .btn-basic-action-configuracao.gjs-pn-active .label-button-panel svg *,
[data-painel="v02"] .btn-basic-action-configuracao:hover .label-button-panel svg *{
/*  fill: var(--text1);*/
  stroke: var(--text3) !important;
}

[data-painel="v02"] .btn-basic-action-configuracao:hover .label-button-panel svg{
  fill: var(--text3);
  stroke: var(--text3);
}




[data-painel="v02"] .info-selected-structure{
  height: 22px;
  align-items: center;
}

[data-painel="v02"] .info-selected-structure .container-select-modulos,
[data-painel="v02"] .info-selected-structure .container-select-licoes{
  height: 100%;
  display: flex;
  align-items: center;
}

[data-painel="v02"] .gjs-pn-btn{
  padding: 3px
}


[data-painel="v02"] .panel-full {
    width: calc(100% - 63px);
    height: calc(100vh);
    position: absolute;
    background-color: var(--bg4);
    z-index: 99;
    overflow: hidden;
    left: 63px;
}

[data-painel="v02"] .lista-template {
  background-color: #fff;
  height: calc(100vh);
  position: absolute;
  top: 0;
  left: 63px;
  z-index: 9;
  box-shadow: 6px 0px 8px -4px rgb(0 0 0 / 80%);
}

[data-painel="v02"] .lista-template:not(.texto):not(.exercicios):not(.interacoes):not(.Basicos):not(.animacoes):not(.biblioteca):not(.camadas) {
  width: 36.5%;
  padding: 0px 10px 0px 20px;
}

[data-painel="v02"] .lista-template #containerlistaTemplate{
  width: 100%;
}


[data-painel="v02"] .lista-template.aberto{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
    flex-direction: column;
    background-color: var(--paleta5) !important;
}

[data-painel="v02"] .lista-template.texto.aberto{
  justify-content: start;
}

[data-painel="v02"] .lista-template.camadas.aberto,
[data-painel="v02"] .lista-template.biblioteca.aberto,
[data-painel="v02"] .lista-template.animacoes.aberto,
[data-painel="v02"] .lista-template.Basicos.aberto,
[data-painel="v02"] .lista-template.interacoes.aberto,
[data-painel="v02"] .lista-template.exercicios.aberto{

  justify-content: flex-start;

}

[data-painel="v02"] .mdc-tab-bar.tab-panel-abas-imagens{
    padding-bottom: 0px !important;
}

[data-painel="v02"] .container-btn-fechar-opcoes-imagens {
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-painel="v02"] .gjs-blocks-c:not(.texto):not(.exercicios):not(.interacoes):not(.Basicos):not(.animacoes):not(.biblioteca):not(.camadas){
  display: grid;
  grid-template-columns: repeat(3, minmax(0%, auto));
  /* grid-auto-rows: auto; */
  /* grid-auto-columns: 62px; */
  grid-template-rows: repeat(8, minmax(111px, 119px));
  grid-gap: 5px;
}

[data-painel="v02"] .gjs-blocks-c .gjs-block[data-type-image="true"]{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  box-sizing: border-box;
  padding: 0;
}
[data-painel="v02"] .gjs-blocks-c .gjs-block[data-type-image="true"][data-tamanho="width"]{
  grid-area: auto / auto / auto / auto;

}

[data-painel="v02"] .gjs-blocks-c .gjs-block[data-type-image="true"][data-tamanho="height"]{

  grid-area: auto / auto / span 2 / auto;

}
[data-painel="v02"] .gjs-blocks-c .gjs-block[data-type-image="true"]{

  display: flex;
  /* align-items: center; */
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
[data-painel="v02"] .gjs-blocks-c:not(.responsivo) .btn-block-box{
  margin-bottom: 20px;
}


[data-painel="v02"] .gjs-blocks-c .btn-block-texto:hover{
  box-shadow: 0 3px 4px 0 rgba(0,0,0,.15);
}


[data-painel="v02"] .gjs-block-label img,[data-painel="v02"] .gjs-block-label canvas,[data-painel="v02"] .gjs-block-label video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-painel="v02"] .gjs-block {
  padding: 2px 2px;

  }

[data-painel="v02"] .btn-default {
  border: 1px solid var(--corPrimaria) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  padding: 5px 12px !important;
  cursor: pointer !important;
  color: var(--text3) !important;
  text-transform: none !important;
  min-height: 30px !important;
  box-sizing: border-box;
  font-weight: 400;
  font-family: 'Open Sans';
  display: flex;
  align-items: center;
  justify-content: center;
}


[data-painel="v02"] .btn-default.mdc-tab--active{
  background-color: var(--paleta8) !important;
  color: var(--text2) !important;
}
[data-painel="v02"] .btn-default.mdc-tab--active .mdc-tab__text-label{
  color: var(--text2) !important;

}

[data-painel="v02"] .btn-default:hover{
  background-color: var(--paleta8) !important;
  color: var(--text2) !important;
}
[data-painel="v02"] .btn-default:hover .mdc-tab__text-label{
  color: var(--text2) !important;

}


[data-painel="v02"] .btn-default svg{
width: 14px;
height: 14px;
margin-left: 7px;
}
[data-painel="v02"] .btn-default:hover svg,[data-painel="v02"] .btn-default:hover svg *{
  color: var(--text2) !important;
  stroke: var(--text2) !important;
  fill: var(--text2) !important;
}

[data-painel="v02"] .btn-default  .mdc-tab__text-label
{
  color: var(--text3) !important;
  text-transform: none !important;
}

[data-painel="v02"] .btn-mais-opcoes .btn-mais-opcoes-base{
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  padding: 0px !important;
  color: var(--text3) !important;
  font-size: 16px !important;
  min-width: 35px !important;
}

[data-painel="v02"] .btn-mais-opcoes .btn-mais-opcoes-base:hover,
[data-painel="v02"] .btn-mais-opcoes:hover .btn-mais-opcoes-base {
  background-color: var(--paleta8) !important;
  color: var(--text2) !important;
}

[data-painel="v02"] .upload-asset{
  margin: 0px !important;
  padding: 0px !important;
  width: 35px;
  height: 35px;
}

[data-painel="v02"] .opcoes{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

[data-painel="v02"] .mdc-tab-scroller__scroll-content{
  flex: none !important;
}

[data-painel="v02"] .opcoes >*{
  position: relative;
  padding-top: 0px;
  margin-right: 12px !important;
}

[data-painel="v02"] .opcoes *{
  position: relative;
  display: flex;
  align-items: center;
}


[data-painel="v02"] [data-option-disabled="true"]{
  display: none !important;
}

[data-painel="v02"] .mdc-tab-bar{
  min-height: unset !important;
  top: 0px;
  padding-bottom: 0px;
  background-color: #FFF;
  border-radius: 10px 10px 0 0;
}

[data-painel="v02"] .panel-abas-imagens .mdc-tab-bar{
  background-color: transparent;
  border-radius: 0px;
}


[data-painel="v02"] .gjs-mdl-dialog.gjs-one-bg.gjs-two-color,
[data-painel="v02"] .container-modal-editor-custom .modal-confirmacao .wrapper-content-confirma-config{
 background-color: var(--paleta7);
 color: var(--text1);
}

[data-painel="v02"] .panel-abas-imagens .btn-default{
  margin-right: 12px !important;
}

[data-painel="v02"] .bt-actions-thumb-telas{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-painel="v02"] .container-select-telas{
  margin: 0px 10px;
  height: 100%;
}

[data-painel="v02"] .container-select-telas .content-select-tela{
  height: 100%;
}

[data-painel="v02"] .panel__screen{
  height: 100%;
}

[data-painel="v02"] .panel-busca{
  display: flex;
  width: 100%;
  padding: 0px !important;
}

[data-painel="v02"] .panel-busca .mdc-text-field__input{
  display: block;
  width: 157px;
  position: absolute;
  padding: 0px 10px;
  color: var(--text3) !important;
  left: 35px;
  line-height: 1;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  font-stretch: unset;
  font-family: 'OPEN SANS';
  font-size: 14px;
}

[data-painel="v02"] .panel-busca .mdc-text-field__icon{
  left: 10px;
  position: absolute;
  color: var(--text3);
}

[data-painel="v02"] .gjs-blocks-c.texto .btn-block-texto{
 padding: 20px 10px;
}


[data-painel="v02"] .container-painel-configuracoes{

    /* width: calc(100% - 68px) !important; */
    height: calc(100% - 130px);
    position: relative;

}

[data-painel="v02"] .painel-configuracoes{
  margin: 0px !important;
  height: 100% !important;
  min-height: unset !important;
  background-color: var(--paleta5);
}



[data-painel="v02"] .painel-configuracoes .wrapper-config
{
  width: calc(100% - 20px);
  height: calc(100% - 19px);
  position: absolute;
  overflow: auto;
  padding: 5px 0;
}

[data-painel="v02"] .painel-configuracoes .wrapper-content-config{
  height: calc(100% - 54px) !important;
  display: flex;
  align-items: start;
  justify-content: center;
  overflow: auto;
  background-color: #FFF;
}


[data-painel="v02"] .panel-full .panel-actions{
  padding: 5px 45px !important;
}

[data-painel="v02"] .panel-full .panel-actions .bt-fechar-full{
  position: relative !important;
}

[data-painel="v02"] .panel__basic-actions{
  padding: 0px 0px 0px 15px !important;
}

[data-painel="v02"] .panel__basic-actions .btn-basic-action {
  margin: 0px 0px 0px 10px;
}

[data-painel="v02"] .menu-container-type,[data-painel="v02"] .container-lista-animacoes,[data-painel="v02"] .lista-biblioteca{
  color: var(--text4);
}

[data-painel="v02"] .select-structure.select-tela select{
  padding: 10px
}

[data-painel="v02"] .select-structure.select-tela:hover, [data-painel="v02"] .select-structure.select-tela:focus-visible{
  color: var(--text2);
  background-color: var(--paleta3);
}
[data-painel="v02"] .select-structure.select-tela:focus-visible{
  color: var(--text4);
  background-color: #FFF;
}

[data-painel="v02"] .selector-container{
  margin-top: 10px;
}

[data-painel="v02"] .name-selected{
  display: flex;
}


[data-painel="v02"] .gjs-sm-sector.gjs-sm-sector__bordas .gjs-sm-properties{
  width: auto;
}


[data-painel="v02"] select option{
  background-color: #FFF;
  border-radius: 0px;
}

[data-painel="v02"] .btn-default2,
[data-painel="v02"] .bt-upload-trait-deafult,
[data-painel="v02"] .bt-trait-default {
  background-color: transparent !important;
  color: var(--text1) !important;
  border-radius: 25px !important;
  border: 1px solid var(--paleta3) !important;
  height: 18px !important;
  width: auto !important;
  font-size: 11px !important;
  padding: 1px 12px 3px 12px !important;
  min-height: initial !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

[data-painel="v02"] .btn-default2:hover,
[data-painel="v02"] .bt-upload-trait-deafult:hover,
[data-painel="v02"] .bt-trait-default:hover  {
  background-color: var(--paleta3) !important;
  color: var(--text2) !important;

}

[data-painel="v02"] .btn-set-state input:checked + label {
  background-color: transparent !important;
  color: var(--text2);
}

[data-painel="v02"] .gjs-field select ,
[data-painel="v02"] .gjs-trt-trait select,
[data-painel="v02"] .gjs-sm-sector .gjs-sm-field input,
[data-painel="v02"] .gjs-clm-tags .gjs-sm-field input,
[data-painel="v02"] .gjs-sm-sector .gjs-clm-select input,
[data-painel="v02"] .gjs-clm-tags .gjs-clm-select input,
[data-painel="v02"] .gjs-sm-sector .gjs-clm-field input,
[data-painel="v02"] .gjs-clm-tags .gjs-clm-field input,
[data-painel="v02"] .gjs-sm-sector .gjs-sm-field select,
[data-painel="v02"] .gjs-clm-tags .gjs-sm-field select,
[data-painel="v02"] .gjs-sm-sector .gjs-clm-select select,
[data-painel="v02"] .gjs-clm-tags .gjs-clm-select select,
[data-painel="v02"] .gjs-sm-sector .gjs-clm-field select,
[data-painel="v02"] .gjs-clm-tags .gjs-clm-field select,
[data-painel="v02"] .gjs-input-holder input,
[data-painel="v02"] .styles-container .label-text{
  color: var(--text1) !important;
  font-family: var(--fontFamilyDefault);
  font-size: 11px;
}

[data-painel="v02"] .material-icons-outlined{
  font-family: "Material Icons" !important;
}

[data-painel="v02"] .gjs-sm-property__font-family{
  width: 63% !important;
}

[data-painel="v02"] .gjs-field-checkbox input:checked+.gjs-chk-icon{
  border-color: var(--text1);
}

[data-painel="v02"] .gjs-sm-sector__typography .gjs-sm-property__line-height,
[data-painel="v02"] .gjs-sm-sector__typography .gjs-sm-property__letter-spacing{
 width: 47px;
}

[data-painel="v02"] .view-interface .btn-view svg,
[data-painel="v02"] .btn-set-view-device svg{
  width: 28.514px;
  height: 12.374px;
}

[data-painel="v02"] .gjs-chk-icon{
  color: var(--text1);
}

[data-painel="v02"] .gjs-trt-trait--checkbox,
[data-painel="v02"] .gjs-field-checkbox{
  border-color: #FFF ;
}

[data-painel="v02"] .action-section-style{
  width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

[data-painel="v02"] .bt-section-style{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  color: var(--text1);
  cursor: pointer;
  pointer-events: auto;
}

[data-painel="v02"] .bt-section-style .icone-bt-section{
  border-radius: 100%;
  border: 1px solid var(--text1);
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text1);

}

[data-painel="v02"] .bt-section-style .bg-bt-section{
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
}

[data-painel="v02"] [data-sector-title][data-opened]  .icone-bt-section.section-closed,
[data-painel="v02"] [data-sector-title]:not([data-opened]) .icone-bt-section.section-opened{
  display: none !important;
}


[data-painel="v02"] .panel-configuracoes .styles-container [data-container-style]{
  width: 100%;
  margin-bottom: 15px;
}

[data-painel="v02"] .panel-configuracoes .styles-container [data-container-style] .gjs-sm-sectors{
  margin-bottom: 15px;
}

[data-painel="v02"] .gjs-field.gjs-select,
[data-painel="v02"] .gjs-sm-property__line-height,
[data-painel="v02"] .gjs-sm-integer,
[data-painel="v02"] .panel-configuracoes .info-selected,
[data-painel="v02"] .defaults-container,
[data-painel="v02"] [data-container-style],
[data-painel="v02"] .gjs-sm-property__font-size,
[data-painel="v02"] .gjs-sm-property__box-shadow .gjs-input-holder,
[data-painel="v02"] .gjs-sm-property__border-radius .gjs-input-holder,
[data-painel="v02"] .gjs-sm-property__border-top-left-radius .gjs-input-holder,
[data-painel="v02"] .gjs-sm-property__border-top-right-radius .gjs-input-holder,
[data-painel="v02"] .gjs-sm-property__border-bottom-right-radius .gjs-input-holder,
[data-painel="v02"] .gjs-sm-property__border-bottom-left-radius .gjs-input-holder,
[data-painel="v02"] .gjs-sm-sector__bordas .gjs-input-holder,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-input-holder,
[data-painel="v02"] .gjs-sm-sector__espacamentos .gjs-input-holder,
[data-painel="v02"] .gjs-sm-espacamentosInternos .gjs-input-holder,
[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-input-holder,
[data-painel="v02"] .gjs-sm-sector__backgroundIndex .gjs-input-holder,
[data-painel="v02"] .gjs-trt-trait__wrp-data-formatacao .gjs-trt-trait select,
[data-painel="v02"] .gjs-trt-trait select,
[data-painel="v02"] .gjs-trt-trait input{
  border-bottom: 1px solid var(--paleta9) !important;
}

[data-painel="v02"] .gjs-sm-sector__typography .gjs-sm-property:not(.gjs-sm-property__font-size),
[data-painel="v02"] .gjs-sm-property__font-family .gjs-fields,
[data-painel="v02"] .gjs-sm-property__background-color,
[data-painel="v02"] .gjs-sm-property__box-shadow-color,
[data-painel="v02"] .gjs-sm-property__border-radius,
[data-painel="v02"] .gjs-sm-property__box-shadow .gjs-sm-integer,
[data-painel="v02"] .gjs-sm-property__border-radius .gjs-sm-integer,
[data-painel="v02"] .gjs-sm-sector__bordas .gjs-sm-property,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-integer,
[data-painel="v02"] .gjs-sm-sector__espacamentos .gjs-sm-integer,
[data-painel="v02"] .gjs-sm-sector__espacamentosInternos .gjs-sm-integer,
[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-sm-property__height,
[data-painel="v02"] .gjs-trt-trait__wrp-data-min .gjs-input-holder,
[data-painel="v02"] .gjs-trt-trait__wrp-data-max .gjs-input-holder
{
  border-bottom: none !important;
}

[data-painel="v02"] .gjs-sm-property.gjs-sm-color.gjs-sm-property__color{
  justify-content: start;
}

[data-painel="v02"] .container-opcoes-alinhamento{
  margin-bottom: 10px;
}

[data-painel="v02"] .panel_interno,
[data-painel="v02"] .container-scroll-rigth{
  width: 95% !important;
  margin-bottom: 100px;
}
[data-painel="v02"] .panel_interno.styles-container{
  width: 100% !important;
}

[data-painel="v02"] .gjs-sm-sector .gjs-sm-title{
  color: var(--text2);
}

[data-painel="v02"] .gjs-sm-sector .gjs-sm-property{
  width: auto !important;
}

[data-painel="v02"] .gjs-sm-property__box-shadow .gjs-sm-property__box-shadow-h .gjs-sm-icon,
[data-painel="v02"] .gjs-sm-property__box-shadow .gjs-sm-property__box-shadow-v .gjs-sm-icon,
[data-painel="v02"] .gjs-sm-property__box-shadow .gjs-sm-property__box-shadow-blur .gjs-sm-icon,
[data-painel="v02"] .gjs-sm-property__box-shadow .gjs-sm-property__box-shadow-spread .gjs-sm-icon
{
  font-size: 8px;
}
[data-painel="v02"] .gjs-sm-property__border-radius >.gjs-sm-label >.gjs-sm-icon {
  display: flex;
}

[data-painel="v02"] .icone-label-radius{
  width: 11px;
  height: 11px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid var(--paleta5);
}

[data-painel="v02"] .gjs-sm-property__border-radius svg [data-ativo="false"] {
  display: none;
}

[data-painel="v02"] .gjs-sm-property__border-color .gjs-field-colorp{
  margin: 0px 6px;
}

[data-painel="v02"] .gjs-sm-sectors .gjs-sm-sector{
  margin: 15px 0;
}

[data-painel="v02"] .gjs-sm-sector.gjs-sm-sector__bordasArrendodadas .gjs-sm-title{
  margin: 0px I !important;
}

[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-title.label-titulo-panel,
[data-painel="v02"] .gjs-sm-sector__espacamentos .label-titulo-panel,
[data-painel="v02"] .gjs-sm-sector__espacamentosInternos .label-titulo-panel{
  text-transform: none !important;
}

[data-painel="v02"] .gjs-sm-sector.gjs-sm-sector__bordasArrendodadas{
  margin: 25px 0px;
}

[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__width::before,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::before,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__left::before,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__top::before,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__transform::before{
  content: '' !important;
  width: none !important;
}


[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-properties{
  justify-content: flex-start !important;
}

[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__top::after,
[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::after{
  border-right: none !important;
  display: none !important;
}

[data-painel="v02"] .gjs-sm-sector__dimension .gjs-sm-properties >*{
  margin-right: 13px;
  margin-left: 0px !important;
}

[data-painel="v02"]  .gjs-sm-property__transform [data-type="icone"][data-icone="rotate_90_degrees_cw"]{
  transform: rotateY(180deg);
}

[data-painel="v02"] .gjs-sm-sector__espacamentos [data-type="icone"],
[data-painel="v02"] .gjs-sm-sector__espacamentosInternos [data-type="icone"]{
    font-size: 11px !important;
    color: var(--text1) !important;
    width: 23px !important;
}

[data-painel="v02"] .gjs-blocks-no-cat .gjs-blocks-c{
  display: flex !important;
}

[data-painel="v02"] .container-config-bg-video{
  width: auto;
}

[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-sm-show,
[data-painel="v02"] .gjs-sm-sector__decorationsTela .preview-box-video,
[data-painel="v02"] .gjs-sm-sector__backgroundIndex .gjs-sm-show,
[data-painel="v02"] .gjs-sm-sector__backgroundIndex .preview-box-video{
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  border :1px solid #707070 !important ;
  width: 100%;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}

[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-sm-show #gjs-sm-preview-file,
[data-painel="v02"] .gjs-sm-sector__backgroundIndex .gjs-sm-show #gjs-sm-preview-file{
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    background-position: center center !important;
    height: 100% !important;
    transform: none !important;
    height: 100%;
    width: 100%;
    position: relative;
}

[data-painel="v02"]  #gjs-sm-close{
  background-color: var(--paleta1);
}

[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height::after{
  border-left: 1px solid var(--paleta9) !important;
  width: 78px;
}

 [data-painel="v02"] .content-config[data-aba="cores"]{
  max-height: unset !important;
  height: auto !important;
}

[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-sm-property.gjs-sm-integer.gjs-sm-property__height .gjs-sm-label{
  width: auto !important;
}

[data-painel="v02"] .gjs-sm-sector__decorationsTela .gjs-sm-property__height .gjs-sm-label .gjs-sm-icon
{
  color: var(--text1) !important;
  margin-right: 9px !important;
}


[data-painel="v02"]  .gjs-sm-property__font-size.gjs-sm-property.gjs-sm-integer{
  width: 49px !important;

}

[data-painel="v02"] .gjs-trt-trait__wrp-data-formatacao{
  font-size: 11px;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-formatacao .gjs-trt-trait{
  flex-direction: row;
  padding: 5px 3px;
}



[data-painel="v02"] .gjs-trt-trait__wrp-data-formatacao [data-label],
[data-painel="v02"] .gjs-trt-trait__wrp-data-formatacao .gjs-trt-trait select{
  font-size: 11px !important;
  width: auto !important;
  margin-right: 10px !important;
}

[data-painel="v02"] .gjs-trt-traits:has(.gjs-trt-trait--textearea),
.gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-alt,
.gjs-trt-trait.gjs-trt-trait--textearea .gjs-label-wrp,
.gjs-trt-trait.gjs-trt-trait--textearea .gjs-field-wrp.gjs-field-wrp--textearea,
.gjs-trt-trait.gjs-trt-trait--textearea .gjs-field.gjs-field-textearea,
.gjs-trt-trait.gjs-trt-trait--textearea .trait-textarea-type-wrp{
  position: relative;
  width: 100%;
}

[data-painel="v02"] .gjs-trt-traits:has(.gjs-trt-trait__wrp-data-definition),
.gjs-trt-traits .gjs-trt-trait__wrp-data-definition,
.gjs-trt-trait__wrp-data-definition .gjs-label-wrp,
.gjs-trt-trait__wrp-data-definition .gjs-field-wrp.gjs-field-wrp--text,
.gjs-trt-trait__wrp-data-definition .gjs-field.gjs-field-text,
.gjs-trt-trait__wrp-data-definition .gjs-field.gjs-field-text input{
  position: relative;
  width: 100%;
}
.gjs-trt-trait__wrp-data-definition .gjs-field.gjs-field-text input{
  font-family: 'OpenSans';
  color: var(--text1) !important;
  border: 1px solid var(--text4);
  font-size: 11px;
  padding: 5px;
}


[data-painel="v02"] .gjs-trt-trait.gjs-trt-trait--textearea .gjs-label-wrp .gjs-label,
[data-painel="v02"] .gjs-trt-trait__wrp-data-definition .gjs-label-wrp .gjs-label{
  font-size: 11px;
  color: var(--text2);
}

.trait-textarea__alt textarea{
  height: 68px;
  width: 100%;
  border: 1px solid var(--text4);
  text-align: start;
  color: var(--text1) !important;
  font-size: 11px;
  position: relative;
  display: block;
  resize: none;
  appearance: none;
  font-family: 'OpenSans';
  padding: 5px;
}

.gjs-trt-trait.gjs-trt-trait--textearea{
  padding: 0px !important;
}

.wrp-confirm-trait-textarea{
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;

}

[data-painel="v02"] .gjs-sm-sector__dimension{
  border-bottom: none !important;
}

[data-painel="v02"] .gjs-sm-sector__espacamentos [data-type="icone"][data-font]:not([data-base-arrow]):not([data-modelo]):not([data-status]),
[data-painel="v02"] .gjs-sm-sector__espacamentosInternos [data-type="icone"][data-font]:not([data-base-arrow]):not([data-modelo]):not([data-status]){
  height: auto !important;
}

[data-painel="v02"] .gjs-sm-sector__espacamentos .gjs-sm-property,
[data-painel="v02"] .gjs-sm-sector__espacamentosInternos .gjs-sm-property{
  margin: 0 !important;
}

[data-painel="v02"] .gjs-trt-trait{
  margin: 0 !important;
  padding: 0px !important;
}


[data-painel="v02"] .gjs-trt-trait--checkbox{
  flex-direction: row !important;
}

[data-painel="v02"] .traits-container .gjs-trt-traits,
[data-painel="v02"] .traits-container .gjs-trt-traits .gjs-label,
[data-painel="v02"] .traits-container .trait-info-label{
  font-size: 11px !important;
}


[data-painel="v02"] .gjs-trt-trait__wrp-data-player .gjs-trt-trait--select{
    width: 100%;
    flex-direction: row !important;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-player .gjs-trt-trait--select .gjs-field-wrp--select .gjs-field-select select{
  width: auto !important;
}

[data-painel="v02"] .gjs-field-wrp--button .gjs-btn-prim{
  background-color: transparent !important;
}

[data-painel="v02"] .gjs-trt-trait--button .gjs-field-wrp--button .gjs-btn-prim{
  padding: 12px 0px 7px 0px !important
}

[data-painel="v02"] .gjs-trt-trait--button .gjs-field-wrp--button .gjs-btn-prim{
  padding: 12px 0px 7px 0px !important
}

[data-painel="v02"] .gjs-field-wrp--button .gjs-btn-prim:disabled{
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

[data-painel="v02"] .gjs-trt-trait--button .gjs-field-wrp--button .gjs-btn-prim .bt-upload-trait-deafult{
  width: 90% !important;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-arquivo,
[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-name-poster{
  min-width: 96px;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-arquivo .trait-info-label,
[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-name-poster .trait-info-label{
  display: none;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-arquivo .trait-info-value,
[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-name-poster .trait-info-value{
  text-overflow: ellipsis;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-obrigatorio{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Popup"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Abas"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Carrossel"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Alternativas"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="ComboBox"] .gjs-trt-trait__wrp-data-requisito{
  width: auto !important;
  margin-left: 15px ;
}


[data-painel="v02"] [data-type-selected="Popup"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Abas"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Carrossel"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="Alternativas"] .gjs-trt-trait__wrp-data-requisito,
[data-painel="v02"] [data-type-selected="ComboBox"] .gjs-trt-trait__wrp-data-requisito{
  margin-left: 8px ;
}

[data-painel="v02"] [data-type-selected="Popup"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp,
[data-painel="v02"] [data-type-selected="Popup"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp .gjs-label,
[data-painel="v02"] [data-type-selected="Abas"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp,
[data-painel="v02"] [data-type-selected="Abas"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp .gjs-label,
[data-painel="v02"] [data-type-selected="Carrossel"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp,
[data-painel="v02"] [data-type-selected="Carrossel"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp .gjs-label,
[data-painel="v02"] [data-type-selected="Alternativas"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp,
[data-painel="v02"] [data-type-selected="Alternativas"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp .gjs-label,
[data-painel="v02"] [data-type-selected="ComboBox"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp,
[data-painel="v02"] [data-type-selected="ComboBox"] .gjs-trt-trait__wrp-data-requisito .gjs-label-wrp .gjs-label{
  width: 100% !important;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-requisito .gjs-trt-trait--select,
[data-painel="v02"] .gjs-trt-trait__wrp-data-requisito .gjs-trt-trait--select{
  flex-direction: row;
}

[data-painel="v02"] .gjs-trt-traits .gjs-field-wrp--checkbox{
  margin-left: 3px;

}

[data-painel="v02"] .gjs-trt-traits .gjs-field-wrp--checkbox .gjs-field-checkbox{
  width: 13px;
  height: 13px;
  border-color: var(--text5);
}

[data-painel="v02"] .gjs-trt-traits .gjs-field-wrp--checkbox .gjs-field-checkbox:hover{
  border-color: var(--text2);
  color: var(--text2)
}

[data-painel="v02"] .gjs-trt-traits .gjs-field-wrp--checkbox .gjs-field-checkbox:hover  .gjs-chk-icon{
  border-color: var(--text2);
  color: var(--text2)
}

[data-painel="v02"] .gjs-trt-traits .gjs-field-wrp--checkbox .gjs-field-checkbox .gjs-chk-icon{
  width: 3.76px;
  height: 7.5px;
  margin: 0 3.8px;
  border-width: 0 1px 1px 0;
}


[data-painel="v02"] .gjs-field-wrp--select,
.gjs-field-select,
[data-painel="v02"] .gjs-field-wrp--text{
  margin: 0 3.8px;
  width: 100%;
}

[data-painel="v02"] .gjs-trt-trait--checkbox .gjs-label-wrp,
[data-painel="v02"] .gjs-trt-trait--select{
  margin: 10px 0 !important;
  width: auto !important;
}

[data-painel="v02"] [data-type-selected="Midia"]:has(.gjs-trt-trait--input) .gjs-trt-trait__wrp-data-player{
  max-width: 50%;
}

[data-painel="v02"] [data-type-selected="Midia"]:not(:has(.gjs-trt-trait--input)) .gjs-trt-trait__wrp-data-player{
  max-width: unset !important;
  width: 100% !important;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-controles{
  width: 50% !important;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-player .gjs-trt-trait--select .gjs-label-wrp{
  width: auto !important;
  max-width: 50%;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-player .gjs-trt-trait--select .gjs-field-wrp--select{
  max-width: 50% !important;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-midia-id,
[data-painel="v02"] .gjs-trt-trait__wrp-data-poster{
  width: 50% !important;
  display: flex;
  align-items: center;
}

[data-painel="v02"] .panel_interno.traits-container{
  width: 100% !important;
  position: relative;
}

[data-painel="v02"] .traits-container .gjs-trt-traits{
  margin-top: 12px;
}

[data-painel="v02"] .gjs-trt-trait--select,
[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-midia-id .gjs-trt-trait--input,
[data-painel="v02"] .gjs-trt-trait--text,
[data-painel="v02"] .gjs-trt-trait__wrp-data-min .gjs-trt-trait--number,
[data-painel="v02"] .gjs-trt-trait__wrp-data-max .gjs-trt-trait--number{
  flex-direction: row;
}


.gjs-trt-trait__wrp-data-midia-id .gjs-trt-trait--input .gjs-label-wrp{
  width: auto !important;
  min-width: 16%;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-formato{
  width: 50%;
}

[data-painel="v02"] .gjs-trt-trait .gjs-field-wrp--select{
 max-width: 65% !important;
}

[data-painel="v02"] .gjs-trt-trait select,
[data-painel="v02"] .gjs-trt-trait .gjs-label-wrp {

  max-width: 100%;
}

[data-painel="v02"] [data-type-selected="frame-state"] .gjs-trt-trait select,
[data-painel="v02"] [data-type-selected="frame-state"] .gjs-trt-trait .gjs-label-wrp{
  width: auto !important;
}

[data-painel="v02"] [data-type-selected="Midia"] .gjs-trt-trait__wrp-data-requisito .gjs-trt-trait .gjs-label-wrp{
  width: 100% !important;
}

[data-painel="v02"] [data-type-selected="Abas"] .gjs-trt-trait__wrp-data-direction .gjs-trt-trait .gjs-label-wrp{
  width: 100% !important;
}

[data-painel="v02"] .gjs-field input{
  color: var(--text1) !important;
  font-size: 11px !important;
}


[data-painel="v02"] .gjs-trt-trait__wrp-data-href .gjs-trt-trait--text,
[data-painel="v02"] .gjs-trt-trait__wrp-href .gjs-trt-trait--text,
[data-painel="v02"] .gjs-trt-trait__wrp-data-midia-id .gjs-trt-trait--input{
  align-items: center !important;
}


[data-painel="v02"] .gjs-trt-trait__wrp-data-href{
  width: 100%;
}
[data-painel="v02"] .gjs-trt-trait__wrp-data-href .gjs-trt-trait--text{
  margin: 10px 0 !important;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-href .gjs-field-wrp--text{
  max-width: 85%;
  width: auto;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-inicia-aberto{
  margin-left: 12px;
}

[data-painel="v02"] [data-type-selected="frame-state"]:has(.gjs-trt-trait__wrp-data-style-default) .gjs-trt-trait__wrp-data-destaque,
[data-painel="v02"] [data-type-selected="frame-state"]:has(.gjs-trt-trait__wrp-data-style-default) .gjs-trt-trait__wrp-data-correta  {
  display: flex;
  align-items: center;
  margin-left: 12px !important;
}

[data-painel="v02"] .gjs-trt-trait .gjs-field,
[data-painel="v02"] [data-type="icone"][data-font]:not([data-base-arrow]):not([data-modelo]):not([data-status]){
  color: var(--text1) !important;
}

[data-painel="v02"] [data-type-selected="frame-state"]:has(.gjs-trt-trait__wrp-data-edit-list) .gjs-trt-trait--button .gjs-field-wrp--button .gjs-btn-prim {
  padding: 5px !important;
}

[data-painel="v02"] .modal-config-opcoes .painel-opcoes{
  box-shadow: 0px 0px 6px -2px #000;
}

[data-painel="v02"] .modal-config-opcoes .painel-opcoes .header-painel-opcoes {
  background-color: rgb(0, 0, 0, 0.3);
  box-shadow: 0px 0px 1px 0px #000;
}

[data-painel="v02"] .modal-config-opcoes .painel-opcoes .content-opcoes .card-opcao{
  background-color: transparent;
  border-radius: 0px;
  box-shadow: 0px 0px 2px 0px #000;
}

[data-painel="v02"] .modal-config-opcoes .header-labels{
  box-shadow: 0px 0px 2px 0px #000;
}

[data-painel="v02"] .modal-config-opcoes .painel-opcoes .content-opcoes .card-opcao .btn-acao-opcao,
[data-painel="v02"] .content-opcoes .card-opcao .txt-opcao{
  box-shadow: none !important;
}


.btn-default3,
[data-painel="v02"] .bt-action-full,
[data-painel="v02"] .am-buttons{
  background-color: #353F47 !important;
  color: var(--text1) !important;
  border: none !important;
  border-radius: 0px !important;
  min-height: 37px !important;
  cursor: pointer;
}

[data-painel="v02"] .bt-action-full,
[data-painel="v02"] .am-buttons{
  min-height: 0px !important;
}

[data-painel="v02"] .gjs-am-add-asset{
  background-color: transparent !important;
}

[data-painel="v02"] .gjs-am-add-field{
  background-color: #FFF !important;
  height: 25px;
}

[data-painel="v02"] .gjs-am-add-field input{
  padding-top: 2px;
}

[data-painel="v02"] .gjs-trt-trait__wrp-data-frame-atual .gjs-label-wrp,
[data-painel="v02"] .gjs-trt-trait__wrp-data-conteudo-atual .gjs-label-wrp{
  width: auto !important;
}


.container-painel-configuracoes .modal-confirmacao,
.container-modal-editor-custom .modal-confirmacao.confirmacao-configuracoes{
    position: absolute;
    background-color: var(--corPrimaria);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.container-painel-configuracoes .modal-confirmacao,
.container-modal-editor-custom .modal-confirmacao.confirmacao-configuracoes{
  position: fixed;
}

[data-painel="v02"]  .modal-confirmacao{

}

.drag-sort-active{
  cursor: move !important;
}

body:has(.drag-sort-active),
body:has(.drag-sort-active) *{
  cursor: move !important;

}

[data-case="upper"]{
  text-transform: uppercase !important;
}


[data-painel="v02"] .container-action-template-modelo .btn-delete-modelo:hover [data-type="icone"][data-font]{
  color: var(--text3) !important;
}

[data-painel="v02"] .gjs-sm-properties,
[data-painel="v02"] .gjs-layer{
  font-size: 11px;
}


[data-painel="v02"] .mdc-tab-bar-configuracoes.mdc-tab-bar .mdc-tab-scroller__scroll-content{
  width: 100%;
}

.gjs-trt-trait__wrp-tabindex .gjs-trt-trait--integer{
  flex-direction: row !important;
}

.gjs-trt-trait__wrp-tabindex .gjs-trt-trait--integer [data-label]{
  width: 100% !important;
  font-size: 11px !important;
}

[data-painel="v02"] .gjs-sm-sector__backgroundIndex .gjs-sm-property__background-color,
[data-painel="v02"] .gjs-sm-sector__backgroundIndex .gjs-sm-property__background-image{
  width: 100% !important;
}


.modal-substituir-cor{
  width: 100%;
    position: fixed;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: var(--bgModal);
}

.gjs-trt-traits .gjs-trt-trait__wrp-tabindex{
  width: 100% !important;
}

.gjs-trt-traits .gjs-trt-trait__wrp-tabindex .gjs-label-wrp{
  width: 100% !important;
}

.gjs-trt-traits .gjs-trt-trait__wrp-tabindex .gjs-field-wrp--text .gjs-field-text,
.gjs-trt-traits .gjs-trt-trait__wrp-start .gjs-field-wrp--text .gjs-field-text{
  width: 20px !important;
}

.lista-telas:has(.el-drag-bt-tela) .btn-lista * {
  pointer-events: none;
}

.el-drag-bt-tela{
  position: absolute !important;
  z-index: 9999999;
  /*zoom: 20%;*/
}

.gjs-trt-traits .gjs-trt-trait__wrp-data-gabaritar{
  width: 100%;
}


.gjs-trt-traits .gjs-trt-trait__wrp-data-peso{
  width: 100%;
}

.gjs-trt-traits .gjs-trt-trait--integer{
  flex-direction: row;
}

.gjs-trt-traits .gjs-trt-trait--integer .gjs-label-wrp{
  margin-right: 5px;
}

.stage:not([data-mobile="true"]) .gjs-trt-traits [class*=-data-mobile],
.stage:not([data-mobile="true"]) .gjs-trt-traits [class*=-interface-mobile] {
 display: none !important;
}

.stage[data-mobile="true"] .gjs-trt-traits:not([data-type-selected="celula-conteudo"]) .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-direcao,
.stage[data-mobile="true"] .gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-order-elements,
.stage[data-mobile="true"] .gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-posicao-interface,
.stage[data-mobile="true"] .gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-padding-right,
.stage[data-mobile="true"] .gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-padding-bottom,
.stage[data-mobile="true"] .gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-padding-top,
.stage[data-mobile="true"] .gjs-trt-traits .gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-padding-left{
 display: none !important;
}

.btn-mais-opcoes{
  width: auto !important;
  min-width: 18px;
  /* border: 1px solid red; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}

.btn-mais-opcoes .text-label-opcoes-tela{
  text-align: center;
    width: 6px;
    word-wrap: break-word;
    line-height: 0.5;
    font-weight: bold;
    transform: translateY(-3px);

}

.gjs-sm-sector__dimension:has(.container-option-ratio) .gjs-sm-properties{
  padding: 0 0px 0px 6px !important;
  position: relative !important;
}

.gjs-sm-sector__dimension:has(.container-option-ratio) .gjs-sm-properties .container-add-customizacoes{
  margin-right: 0 !important;
}

.container-option-ratio{
  position: absolute;
  width: 7px;
  height: 29px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  margin: 0 !important;
  top: 25px;
  left: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


.container-option-ratio[data-ratio="true"] .el-icone[data-unlock],
.container-option-ratio[data-ratio="false"] .el-icone[data-lock]{
  display: none !important;
}

.container-option-ratio .el-icone {
  background-color: var(--paleta1);
  padding: 2px;
  transform: translateX(-3px);
}

.gjs-resizer[data-ratio="true"] .gjs-resizer-h-tc,
.gjs-resizer[data-ratio="true"] .gjs-resizer-h-cl,
.gjs-resizer[data-ratio="true"] .gjs-resizer-h-cr,
.gjs-resizer[data-ratio="true"] .gjs-resizer-h-bc{
  display: none !important;
}

.panel-full .panel-actions .content-panel-action{
  display: flex;
  gap: 10px;
}

.panel-full.selecionar-habilitado{
  z-index: 99999999;
  left: 0;
  width: 100%;
}


.panel-full.selecionar-habilitado .panel-container{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--paleta7);
  z-index: 99999;
  top: 0;
  left: 0;
}



.panel-full.selecionar-habilitado .panel-container .container-botoes-entre-telas,
.panel-full.selecionar-habilitado .panel-container .btn-add-primeira-tela,
.panel-full.selecionar-habilitado .panel-container .container-btn-acao,
.panel-full:not(.selecionar-habilitado) .container-bt-acao-selecionados{
 display: none !important;
}



.panel-full.selecionar-habilitado .panel-container .btn-tela .container-btn-tela{
  box-shadow: none !important;

}

.panel-full .panel-container .btn-tela.over{
  outline: 3px solid;
  border-radius: 10px;
}


.panel-full.selecionar-habilitado .panel-container .btn-tela:not(:has(input:checked)) .container-btn-tela{
  opacity: .5 !important;
}

.panel-full.selecionar-habilitado .panel-container .btn-tela .container-info-tela{
  color: #FFF !important;
}

.panel-full:not(.selecionar-habilitado) .panel-container .btn-tela .container-opcao-selecionar{
    display: none !important;
}

.panel-container .btn-tela .container-opcao-selecionar{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 999999;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.container-checkbox-select{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 5px 10px;
}

.container-checkbox-select .checkmark{
  border-radius: 360px;
  width: 23px;
  height: 23px;
  position: relative;
  display: block;
  background-color: rgba(255, 255, 255, 1);
  border: 2px solid #939393;
}

.container-checkbox-select input{
  width: 0px;
  height: 0px;
  opacity: 0;
}

.container-checkbox-select input:checked ~ .checkmark {
  background-color: var(--corPrimaria);
  border-radius: 360px
}


.container-checkbox-select .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox-select input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox-select .checkmark:after {
  left: 8px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;

}

.panel-container .container-bt-acao-selecionados{
  height: 39px;
  display: flex;
  gap: 20px;
  padding: 20px;
}

.sp-picker-container .sp-eye-dropper,
.sp-picker-container .sp-eye-dropper:hover{
  background-color: transparent;
  border: none;
  background-image: none;
  display: block;
  float: left;
}



.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-conteudo-atual,
.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-conteudo-atual select{
  width: 100%;
}

.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-conteudo-atual .gjs-field-wrp--select{
  max-width: 100%;
}


.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-acessar-licao,
.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-acessar-licao .gjs-trt-trait--select,
.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-acessar-licao .gjs-trt-trait--select .gjs-label-wrp
.gjs-trt-trait__wrp.gjs-trt-trait__wrp-data-acessar-licao .gjs-trt-trait--select  .gjs-field-wrp.gjs-field-wrp--select
{
  
  width: 100%;
  max-width: 100% !important;
}