body {
    margin-top:0 !important;
}
     

div.contextmenu {
    background-color:#fff;
    width:300px;
    height:250px; 
    position: absolute;
    z-index:999999;
    border-radius: 6px;
    border: 2px solid #71b5ff;
}


form#enviararquivos {
    flex-direction:row !important;
}

div.editor {
    position: fixed;
    width:100%;
    top:-1px;
    display: flex;
    flex-direction: row; 
    align-items: start;  
    justify-content: start;
    flex-wrap: wrap;
    gap: 0.2rem;
    z-index: 99;
    background-color: #fbfbfb;
    border-bottom: 1px solid #dadada;
    padding: 10px;
} 

div.texto {
    background-color: #fff;
}

div.texto figure img {
    width: min(100%, 900px);
}


div.texto figure {
    text-align: center;
}


div.editor button { 
    align-self: center;
    text-align: center;
    padding: 5px;
    border: 2px solid #e4e4e4;
    border-radius: 7px;
    user-select: none;
    cursor: pointer; 
    background: #fff;
    margin-top:0 !important;
    width: auto;
}
    
div#modal-principal {  
    position:fixed;
    top:50%;
    left:50%;
    max-width: 860px;
    max-height: 658px;
    min-width: 630px;
    min-height: 230px;
    transform:translate(-50%,-50%);
    background:#fff;
    border-radius: 10px;
    border: 1px solid #c0c0c0;
    z-index: 99;
    overflow: hidden;
    pointer-events: none;
}


div#modal-principal[open] {  
box-shadow: 0px 0px 0px 1000px #00000073;
pointer-events: all;
}


div#modal-secundaria {  
    position:fixed;
    top:50%;
    left:50%;
    /* max-width: 860px;
    max-height: 658px;
    min-width: 630px;
    min-height: 230px; */
    transform:translate(-50%,-50%);
    background:#fff;
    /* border-radius: 10px; */
    border: 1px solid #c0c0c0;
    z-index: 99;
    overflow: hidden;
    pointer-events: none;
    width: 100%;
    height:100%;
}

div#modal-secundaria[open], div#modal-recursos[open], div#modal-principal[open] {
    pointer-events: all;
    display:flex;
    opacity:1;
}  

div#modal-secundaria[closed], div#modal-recursos[closed], div#modal-principal[closed] {
   display:none;
   opacity:0;
   pointer-events: none;
} 


div#modal-secundaria {
    z-index:99999;
} 

div#modal-recursos {  
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px;
    border: 1px solid #c0c0c0;
    z-index: 999999;
    overflow: hidden;
    pointer-events: none;
    width: min(100%, 555px);
    height: 600px;
    box-shadow: 1px 1px 1px 1000px #30303099;
}



div.close {
    align-self: flex-end;
    padding: 0;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #4ea3d6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

div.close i{
    align-self:flex-end;
    color:#fff;
}

div.titulo {
    align-self:flex-start;
    color:#fff;
    padding-left:12px;
}   

select.sel-titulos {
    width: 127px;
    outline-color: rgb(101, 214, 255);
    color: rgb(26 26 26);
    font-size: 0.9rem;
    padding: 3px;
    border: 2px solid #e4e4e4;
    border-radius: 5px;
}

div.dialogcontent {
    padding: 12px;
    max-height: 353px;
    overflow: auto;
    margin: 10px;
    margin-right: 9px;
}

div.imagens {  
    padding:4px;
    width: 168px;
    height:120px;
    border:1px solid #f5f5f5;
    cursor:pointer;
    overflow:hidden;
}

div.imagens:hover {  
    
border-color: #cdefff;
    background-color: #fdfeff;
}
   
div.imagens img {
    width:100%;
}

div.galeria {
    display:flex;
    align-items:flex-start;
    justify-content: center;
    flex-wrap:wrap;
    gap:1ch;
    width:700px;
}

div.enviararquivos {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 21px;
    border-radius: 40px;
    margin-bottom: 19px;  
    border: 2px solid #e8f5fd;
    padding: 10px;
    height: 60px;
    width: 424px;
    margin: auto;
    margin-bottom: 20px;
    background: linear-gradient(180deg, #ffffff00, #4ea3d605);
}   

div.selecionearquivos {
    position: absolute;
    left: 30px;
    cursor: pointer;
    width: 190px;
    padding: 10px;
    color: #4995c2;
    z-index: -1;
    cursor:pointer;
}  
 
.btenviar {
    font-family: var(--fontb);
    background-color: var(--btgreen);
    color: #fff;
    border: 0;
    padding: 9px 0;
    border-radius: 49px;
    font-size: 0.8rem;
    /* text-transform: uppercase; */
    font-weight: bold;
    cursor: pointer;
    width: 237px;
    max-width: 360px;
    border: 1px solid var(--btgreen);
    margin:0;  
}

input.inputarquivos { 
    opacity:0;
    height: 50px;
}

div.pagebuilder {
    display:grid;
    grid-template-columns:1fr; 
    height:100%; 
}

div.propriedades, div.estrutura {
    position: relative;
    top: 50px;
    width: 230px;
    height: 100%;
    font-size: 0.82rem;
}  
 

div.propriedades-conteudo, div.estrutura-conteudo {
    position: fixed;
    top: 50px;
    width: 230px;
    height: 100%;
    /* z-index: -1;  */
}
  
div.estrutura-conteudo {
border-right: 2px solid #f5f5f5;
}

div.propriedades-conteudo {
    border-left: 2px solid #f5f5f5;
}



div.estilotit{
    color: #a0a0a0;
        font-size: 11px;
        outline: 0px;
        cursor: default;
        user-select: none;
        overflow: visible;
        background: rgb(255 255 255);
        border-bottom: 1px solid rgb(250 250 250);
        height: 28px;
        padding-left: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        flex: 0 1 auto;
        cursor: pointer;
      user-select:none;
    }
    div.estilotit svg{
    margin-right: 4px;
    }
    

    div.spacing{
        background-color: #404040;
    }
    div.size{
        background-color: #fff;
        align-items: center;
        display: none;
        gap: 8px 8px;
        grid-template-columns: 44px 1fr 44px 1fr;
        padding: 8px;
        color:#7c7c7c;
      font-size: 11px;
      user-select: none;
    }
    
    
    div.overflow{
        width: 39px;
        text-align: center;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 24px;
        border-radius: 0px;
        color: rgb(169 169 169);
        background: rgb(255 255 255);
        border: 1px solid rgb(214 214 214);
        cursor: pointer;
    }
    
    div.overflow:hover{
    background: #00a3fb; 
      color:#fff;
    }
    
    div.position{
        display: none;
        background-color: #404040;
    }
    div.typography{
        background-color: #404040;
        display: none;
    }
    div.backgrounds{
        background-color: #404040;
        display: none;
    }
    div.borders{ 
        background-color: #404040;
        display: none;
    }
    div.effects{
        background-color: #404040;
        display: none;
    }
    
    
      ul.camadas {
        list-style:none;
        padding:10px;
        margin:0;
        display:block;
      }
      
      ul.camadas li {
       padding:10px;
      border:1px solid #555;
        background-color:#303030;
        cursor:pointer;
      }
    
      div.abas div{
        text-align:center;
        flex-grow:1;
        flex-shrink:1;
        flex-basis:0%;
        align-self: center;
        align-items:center;
        justify-content:center;
        height: 36px;
        line-height: 36px;
        cursor:pointer;
      }
      
    div.estilo input.name { 
    margin:15px;
    width:180px; 
    
    }
    
    div.estilo input.salvar {
    margin-top: 10px;
        padding:5px;
        font-size:11px;
        line-height:0;
    }
    
      div.estilo input {
        width:100%; 
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        padding:4px;
        font-size:11px;
        color:#666;
    /*     height:15px;  */
      }
    
    div.estilo input:focus {
      outline:1px solid #65d6ff;
    }
    
    input.ewidth {
      width: 23px;
    }
    
      div.estilo textarea {
        background-color: #333;
        border: 1px solid #444;
        border-radius: 1px;
        padding: 4px;
        font-size: 11px;
        color: #fff; 
        margin: 0px;
        width: 171px;
        height: 82px;
      }
    
    div[data-abre]{
      user-select:none;
    }
    
    div.layout div.overflow {
      width:31px;
    }

    div.tag-prop {
        padding: 14px;
    }

    div.tag-prop input {
        padding: 6px;
        font-size: 0.9rem;
    }