.fundo-modal{display:none;position:fixed;width:100%;height:100vh;z-index:997;background:rgba(0,0,0,.05);-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0;top:0}#modal-erro{z-index:999}.fundo-modal.bloco{display:block}.fundo-modal.visivel{opacity:1}#bloco-erro{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:#d23a3a;text-align:center}.texto-aviso{color:#fff;padding:15px;font-family:Raleway,sans-serif;font-size:calc(1.15 * var(--altura-fonte));cursor:pointer}.texto-aviso:after{content:'X';position:relative;margin-left:15px;top:calc(-.1 * var(--altura-fonte));font-size:calc(.8 * var(--altura-fonte));opacity:.75;-webkit-transition:opacity .15s;transition:opacity .15s}.texto-aviso:hover:after{opacity:.4}.porta-modal-adicao{position:fixed;width:100%;height:100vh;z-index:995;top:0}.modal-lateral{width:300px;min-height:100vh;position:fixed;right:0;top:0;background:#fff;-webkit-transition:transform .25s;transition:transform .25s;-webkit-transform:translateX(320px);transform:translateX(320px);z-index:998}.modal-lateral.deslocado{-webkit-transform:translateX(0);transform:translateX(0)}.modal-lateral button{width:100%}.modal-lateral .grupo-campo{margin-bottom:calc(2.5 * var(--altura-fonte))}.topo-modal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;background:#0a6c8f;box-shadow:0 2px 4.75px .25px rgba(0,0,0,.15);position:relative;height:calc(4.5 * var(--altura-fonte));width:100%}.topo-modal .fecha-modal{border-radius:50%;width:calc(1.5 * var(--altura-fonte));height:calc(1.5 * var(--altura-fonte));opacity:.8;color:#ccc;border:2px solid #ccc;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;margin-left:14px;-webkit-transition:opacity .15s;transition:opacity .15s;cursor:pointer;font-size:calc(.9 * var(--altura-fonte))}.topo-modal .fecha-modal:active,.topo-modal .fecha-modal:hover{opacity:.5}.topo-modal h4{text-align:center;font-family:Raleway,sans-serif;font-weight:500;font-size:calc(.9 * var(--altura-fonte));color:#fff;text-transform:uppercase;width:100%}.modal-lateral form{padding:calc(3 * var(--altura-fonte)) 15px}#modal-adicao-filial .minor-circle{left:30px;top:45px}
