.ic18 {
    width: 18px;
    height: 18px;
}

.BtnVoltar {
    background-color: #1b69c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b69c8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnVoltar.png);
    background-repeat: no-repeat;
}

    .BtnVoltar:hover {
        background-color: #134ea7;
    }

    .BtnVoltar:active {
        position: relative;
        top: 1px;
    }

    .BtnVoltar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnIncluir {
    background-color: #1b9b45;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnIncluir.png);
    background-repeat: no-repeat;
}

    .BtnIncluir:hover {
        background-color: #68a54b;
    }

    .BtnIncluir:active {
        position: relative;
        top: 1px;
    }

    .BtnIncluir:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnBuscarIncluir {
    background-color: #1b9b45;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnBuscarIncluir.png);
    background-repeat: no-repeat;
}

    .BtnBuscarIncluir:hover {
        background-color: #68a54b;
    }

    .BtnBuscarIncluir:active {
        position: relative;
        top: 1px;
    }

    .BtnBuscarIncluir:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnBuscar {
    background-color: #1b9b45;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnBuscar.png);
    background-repeat: no-repeat;
}

    .BtnBuscar:hover {
        background-color: #68a54b;
    }

    .BtnBuscar:active {
        position: relative;
        top: 1px;
    }

    .BtnBuscar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnContinuar {
    background-color: #1b69c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b69c8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnContinuar.png);
    background-repeat: no-repeat;
}

    .BtnContinuar:hover {
        background-color: #134ea7;
    }

    .BtnContinuar:active {
        position: relative;
        top: 1px;
    }

    .BtnContinuar:disabled {
        background-color: #e1e1e1;
        border: 1px solid #e0e0e0;
        color: #ffffff;
        cursor: default;
    }

.BtnBoleto {
    background-color: #b7192b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b7192b;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 4px 14px 4px 32px;
    text-decoration: none;
    background-image: url(../Images/icBtnBoleto.png);
    background-repeat: no-repeat;
}

    .BtnBoleto:hover {
        background-color: #db242a;
    }

    .BtnBoleto:active {
        position: relative;
        top: 1px;
    }

    .BtnBoleto:disabled {
        background-color: #e1e1e1;
        border: 1px solid #e0e0e0;
        color: #ffffff;
        cursor: default;
    }

.BtnBoletoLaranja {
    background-color: #ff6600;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ff6600;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 4px 14px 4px 32px;
    text-decoration: none;
    background-image: url(../Images/icBtnBoleto.png);
    background-repeat: no-repeat;
}

    .BtnBoletoLaranja:hover {
        background-color: #ff4800;
    }

    .BtnBoletoLaranja:active {
        position: relative;
        top: 1px;
    }

    .BtnBoletoLaranja:disabled {
        background-color: #e1e1e1;
        border: 1px solid #e0e0e0;
        color: #ffffff;
        cursor: default;
    }

.BtnLaranja {
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ff8a00;
    display: inline-block;
    cursor: pointer;
    color: #ff8a00;
    font-family: arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}

    .BtnLaranja:hover {
        background-color: #f1f1f1;
    }

    .BtnLaranja:active {
        position: relative;
        top: 1px;
    }

.BtnLaranja2 {
    background-color: #ff6600;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ff6600;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    line-height: 22px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}

    .BtnLaranja2:hover {
        background-color: #ff4800;
    }

    .BtnLaranja2:active {
        position: relative;
        top: 1px;
    }

.BtnVerde {
    background-color: #1b9b45;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b9b45;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}

    .BtnVerde:hover {
        background-color: #26b547;
    }

    .BtnVerde:active {
        position: relative;
        top: 1px;
    }

.BtnVermelho {
    background-color: #b7192b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #b7192b;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
}

    .BtnVermelho:hover {
        background-color: #db242a;
    }

    .BtnVermelho:active {
        position: relative;
        top: 1px;
    }

.BtnBranco {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #b6cdec;
    border: 1px solid #9eb4d1;
    display: inline-block;
    cursor: pointer;
    color: #1b69c8;
    font-family: arial;
    font-size: 11px;
    padding: 3px 6px 3px 6px;
    text-decoration: none;
}

    .BtnBranco:hover {
        background-color: #9eb4d1;
    }

    .BtnBranco:active {
        position: relative;
        top: 1px;
    }

.BtnBoletoA {
    background-color: #1b69c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b69c8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    padding: 4px 14px 4px 32px;
    text-decoration: none;
    background-image: url(../Images/icBtnBoleto.png);
    background-repeat: no-repeat;
}

    .BtnBoletoA:hover {
        background-color: #134ea7;
    }

    .BtnBoletoA:active {
        position: relative;
        top: 1px;
    }

    .BtnBoletoA:disabled {
        background-color: #e1e1e1;
        border: 1px solid #e0e0e0;
        color: #ffffff;
        cursor: default;
    }

.BtnPrimeira {
    background-color: #eaeef2;
    border: 1px solid #e3e6ea;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 25px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-primeira.svg);
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 10px;
}

    .BtnPrimeira:hover {
        background-color: #e1e1e1;
    }

    .BtnPrimeira:active {
        position: relative;
        top: 1px;
    }

    .BtnPrimeira:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        background-image: url(../Images/Icon/ic-primeira-off.svg);
        cursor: default;
    }

.BtnAnterior {
    background-color: #eaeef2;
    border: 1px solid #e3e6ea;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 25px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-anterior.svg);
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 10px;
}

    .BtnAnterior:hover {
        background-color: #e1e1e1;
    }

    .BtnAnterior:active {
        position: relative;
        top: 1px;
    }

    .BtnAnterior:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        background-image: url(../Images/Icon/ic-anterior-off.svg);
        cursor: default;
    }

.BtnProxima {
    background-color: #eaeef2;
    border: 1px solid #e3e6ea;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    padding: 6px 25px 6px 10px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-proxima.svg);
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: 10px;
}

    .BtnProxima:hover {
        background-color: #e1e1e1;
    }

    .BtnProxima:active {
        position: relative;
        top: 1px;
    }

    .BtnProxima:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        background-image: url(../Images/Icon/ic-proxima-off.svg);
        color: #cccccc;
        cursor: default;
    }

.BtnUltima {
    background-color: #eaeef2;
    border: 1px solid #e3e6ea;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    padding: 6px 25px 6px 10px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-ultima.svg);
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: 10px;
}

    .BtnUltima:hover {
        background-color: #e1e1e1;
    }

    .BtnUltima:active {
        position: relative;
        top: 1px;
    }

    .BtnUltima:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        background-image: url(../Images/Icon/ic-ultima-off.svg);
        color: #cccccc;
        cursor: default;
    }

.BtnExcluir {
    background-color: #e67878;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cc5656;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnExcluir.png);
    background-repeat: no-repeat;
}

    .BtnExcluir:hover {
        background-color: #d76666;
    }

    .BtnExcluir:active {
        position: relative;
        top: 1px;
    }

.BtnCancelar {
    background-color: #ededed;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnCancelar.png);
    background-repeat: no-repeat;
}

    .BtnCancelar:hover {
        background-color: #e1e1e1;
    }

    .BtnCancelar:active {
        position: relative;
        top: 1px;
    }

    .BtnCancelar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnSalvar {
    background-color: #1b69c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b69c8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnSalvar.png);
    background-repeat: no-repeat;
}

    .BtnSalvar:hover {
        background-color: #134ea7;
    }

    .BtnSalvar:active {
        position: relative;
        top: 1px;
    }

    .BtnSalvar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnValidar {
    background-color: #1b69c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b69c8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnValidar.png);
    background-repeat: no-repeat;
}

    .BtnValidar:hover {
        background-color: #134ea7;
    }

    .BtnValidar:active {
        position: relative;
        top: 1px;
    }

    .BtnValidar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnAssinar {
    background-color: #1b69c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1b69c8;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnAssinar.png);
    background-repeat: no-repeat;
}

    .BtnAssinar:hover {
        background-color: #134ea7;
    }

    .BtnAssinar:active {
        position: relative;
        top: 1px;
    }

    .BtnAssinar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnDanfe {
    background-color: #c4b2a1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #94785d;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 10px 6px 28px;
    text-decoration: none;
    background-image: url(../Images/icBtnPdf.png);
    background-repeat: no-repeat;
}

    .BtnDanfe:hover {
        background-color: #b4a291;
    }

    .BtnDanfe:active {
        position: relative;
        top: 1px;
    }

    .BtnDanfe:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.BtnCartao {
    border-radius: 2px;
    border: 1px solid #314f5e;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 10px 12px 10px 38px;
    text-decoration: none;
    background-image: url(../Images/icBtnCartao.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
}

    .BtnCartao:hover {
        background-color: #1a81b6;
    }

    .BtnCartao:active {
        position: relative;
        top: 1px;
    }

    .BtnCartao:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.tdSpace {
    width: 10px;
}

.thTable {
    width: 80px;
    vertical-align: bottom;
    text-align: center;
}

.thTit {
    height: 20px;
    vertical-align: top;
    text-align: center;
}

.thCst {
    width: 40px;
    line-height: 13px;
    background-color: #1b9b45;
    text-align: center;
}

.thAliq {
    width: 40px;
    line-height: 13px;
    background-color: #1b69c8;
    font-size: 10px;
    text-align: center;
}

.tdCst {
    width: 40px;
    background-color: #ecf4e8;
    text-align: center;
    color: #336633;
}

.tdAliq {
    width: 40px;
    background-color: #e0e9f1;
    text-align: center;
}

.bolCobEsq {
    margin: 0;
    padding: 0;
    width: 370px;
    height: 30px;
    float: left;
    position: relative;
    text-align: right;
}

.bolCobCen {
    margin: 0;
    padding: 0;
    width: 240px;
    height: 30px;
    float: left;
    position: relative;
    text-align: center;
}

.bolCobDir {
    margin: 0;
    padding: 0;
    width: 370px;
    height: 30px;
    float: left;
    position: relative;
}

.icon-svg {
    width: 100%;
    height: 100%;
}

.circle-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: 2px;
    margin-top: -4px;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    cursor: pointer;
}

.circle-add {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 2px;
    margin-top: -4px;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    cursor: pointer;
}

ibt-page {
    margin-left: 10px;
}

.btn-voltar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    background-color: #eaeef2;
    border: 1px solid #e3e6ea;
    color: #777777;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px 8px 25px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-voltar.svg);
    background-repeat: no-repeat;
    background-position: center left;
}

    .btn-voltar:hover {
        background-color: #e1e1e1;
    }

    .btn-voltar:active {
        position: relative;
        top: 1px;
    }

    .btn-voltar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.btn-copiar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    background-color: #bdc7d0;
    border: 1px solid #96a2a9;
    color: #96a2a9;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px 6px 25px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-copy-cinza.svg);
    background-repeat: no-repeat;
    background-position: center left;
}

    .btn-copiar:hover {
        background-color: #e1e1e1;
    }

    .btn-copiar:active {
        position: relative;
        top: 1px;
    }

    .btn-copiar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.btn-importar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    background-color: #bdc7d0;
    border: 1px solid #96a2a9;
    color: #fafafa;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px 6px 25px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-importar.svg);
    background-repeat: no-repeat;
    background-position: center left;
}

    .btn-importar:hover {
        background-color: #a6b3bb;
    }

    .btn-importar:active {
        position: relative;
        top: 1px;
    }

    .btn-importar:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

.btn-nova-nfe {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    background-color: #ccd8e0;
    border: 1px solid #c5d2da;
    color: #34434d;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px 6px 25px;
    text-decoration: none;
    background-image: url(../Images/Icon/ic-novo.svg);
    background-repeat: no-repeat;
    background-position: center left;
}

    .btn-nova-nfe:hover {
        background-color: #a6b3bb;
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
    }

    .btn-nova-nfe:active {
        position: relative;
        top: 1px;
    }

    .btn-nova-nfe:disabled {
        background-color: #f2f2f2;
        border: 1px solid #e0e0e0;
        color: #cccccc;
        cursor: default;
    }

:root {
    --cor-fundo-menu: #e3e4d8;
    --cor-fundo-menu-escuro: #bbc5ce;
    --cor-borda-menu: #d9daca;
    --cor-borda-menu-escuro: #aeb6bd;
    --cor-menu: #274151;
    --cor-menu-m: #274151; /*#417191;*/
    --cor-menu-hover: #2687e9;
}

.custom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    line-height: 20px;
    color: var(--cor-menu);
    border-radius: 4px;
    border: 1px solid var(--cor-borda-menu);
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .custom-btn.large {
        padding: 12px 10px;
    }

    .custom-btn.margin-r {
        margin-right: 15px;
    }

    .custom-btn.margin-r5 {
        margin-right: 5px;
    }

    .custom-btn i {
        margin-right: 6px;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: var(--cor-menu);
    }

        .custom-btn i.right {
            margin-right: 0px;
            margin-left: 6px;
            float: right;
        }

    .custom-btn:hover i {
        background-color: var(--cor-menu-hover);
    }

    .custom-btn:active {
        transform: scale(0.98);
    }

    .custom-btn.aspNetDisabled {
        cursor: not-allowed;
        pointer-events: none; /* Prevents clicks on links */
        background-color: #f2f2f2 !important;
        border: 1px solid #e0e0e0 !important;
        color: #cccccc !important;
    }

        .custom-btn.aspNetDisabled i {
            background-color: #cccccc !important;
        }

    .custom-btn.btn-claro {
        background-color: var(--cor-fundo-menu);
    }

        .custom-btn.btn-claro:hover {
            background-color: #f9f9f3;
            color: var(--cor-menu-hover);
            text-decoration: none;
        }

    .custom-btn.btn-escuro {
        background-color: var(--cor-fundo-menu-escuro);
        border: 1px solid var(--cor-borda-menu-escuro);
    }

        .custom-btn.btn-escuro:hover {
            background-color: #d7e4eb;
            color: var(--cor-menu-hover);
            text-decoration: none;
        }

    .custom-btn.btn-azul {
        background-color: #1b69c8;
        border: 1px solid #1b69c8;
        color: #fafafa;
    }

        .custom-btn.btn-azul:hover {
            background-color: #134ea7;
            border: 1px solid #134ea7;
            color: #fafafa;
            text-decoration: none;
        }

        .custom-btn.btn-azul i {
            background-color: #fafafa;
        }

    .custom-btn:hover.btn-azul i {
        background-color: #fff;
    }

    .custom-btn.btn-escuro-m {
        background-color: var(--cor-fundo-menu-escuro);
        border: 1px solid var(--cor-borda-menu-escuro);
        color: var(--cor-menu-m);
        padding: 3px 10px;
        font-size: 12px;
        line-height: 14px;
        vertical-align: bottom;
    }

        .custom-btn.btn-escuro-m:hover {
            background-color: #d7e4eb;
            color: var(--cor-menu-hover);
            text-decoration: none;
        }

        .custom-btn.btn-escuro-m i {
            background-color: var(--cor-menu-m);
        }

    .custom-btn:hover.btn-escuro-m i {
        background-color: var(--cor-menu-hover);
    }

    .custom-btn i.ic-voltar {
        -webkit-mask: url('../Images/Icon/ic-voltar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-voltar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-novo-documento {
        -webkit-mask: url('../Images/Icon/ic-novo.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-novo.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-enviar {
        -webkit-mask: url('../Images/Icon/ic-enviar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-enviar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-importar {
        -webkit-mask: url('../Images/Icon/ic-importar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-importar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-buscar {
        -webkit-mask: url('../Images/Icon/ic-busca.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-busca.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-cancel {
        -webkit-mask: url('../Images/Icon/ic-cancel.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-cancel.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-adicionar {
        -webkit-mask: url('../Images/Icon/ic-incluir.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-incluir.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-incluir {
        -webkit-mask: url('../Images/Icon/ic-incluir.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-incluir.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-save {
        -webkit-mask: url('../Images/Icon/ic-save.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-save.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-excluir {
        -webkit-mask: url('../Images/Icon/ic-excluir.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-excluir.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-copiar {
        -webkit-mask: url('../Images/Icon/ic-copiar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-copiar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-continuar {
        -webkit-mask: url('../Images/Icon/ic-continuar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-continuar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-inutilizar {
        -webkit-mask: url('../Images/Icon/ic-inutilizar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-inutilizar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-recorrente {
        -webkit-mask: url('../Images/Icon/ic-recorrente.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-recorrente.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-lista {
        -webkit-mask: url('../Images/Icon/ic-lista.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-lista.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-senha {
        -webkit-mask: url('../Images/Icon/ic-senha.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-senha.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-associar {
        -webkit-mask: url('../Images/Icon/ic-associar.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-associar.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-manifestacao {
        -webkit-mask: url('../Images/Icon/ic-manifestacao.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-manifestacao.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-corrigir {
        -webkit-mask: url('../Images/Icon/ic-corrigir.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-corrigir.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-email {
        -webkit-mask: url('../Images/Icon/ic-email.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-email.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-print {
        -webkit-mask: url('../Images/Icon/ic-print-cinza.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-print-cinza.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-zip {
        -webkit-mask: url('../Images/Icon/ic-zip.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-zip.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-export {
        -webkit-mask: url('../Images/Icon/ic-export.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-export.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-pdf {
        -webkit-mask: url('../Images/Icon/ic-pdf.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-pdf.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-txt {
        -webkit-mask: url('../Images/Icon/ic-txt.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-txt.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-save-doc {
        -webkit-mask: url('../Images/Icon/ic-save-doc.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-save-doc.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-validate {
        -webkit-mask: url('../Images/Icon/ic-validate.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-validate.svg') no-repeat center / contain;
    }

    .custom-btn i.ic-transmit {
        -webkit-mask: url('../Images/Icon/ic-transmit.svg') no-repeat center / contain;
        mask: url('../Images/Icon/ic-transmit.svg') no-repeat center / contain;
    }

.ic-info-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.botoes-inline {
    float: left;
    margin-right: 8px;
}

.botoes-inline-right {
    float: right;
    margin-right: 8px;
}

.botoes-inline-r {
    display: inline-block;
    margin-left: 8px;
}

.botoes-inline-rr {
    display: inline-block;
    float: right;
    margin-left: 8px;
}

.img-info-verde {
    -webkit-mask: url('../Images/Icon/ic-info-default.svg') no-repeat center / contain;
    mask: url('../Images/Icon/ic-info-default.svg') no-repeat center / contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #1b9b45;
    cursor: pointer;
    margin-top: -3px;
}

.img-info-azul {
    -webkit-mask: url('../Images/Icon/ic-info-default.svg') no-repeat center / contain;
    mask: url('../Images/Icon/ic-info-default.svg') no-repeat center / contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #2687e9;
    cursor: pointer;
    margin-top: -3px;
}

.img-info-vermelho {
    -webkit-mask: url('../Images/Icon/ic-info-default.svg') no-repeat center / contain;
    mask: url('../Images/Icon/ic-info-default.svg') no-repeat center / contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #b7192b;
    cursor: pointer;
    margin-top: -3px;
}

.img-entrada {
    -webkit-mask: url('../Images/Icon/ic-seta-down.svg') no-repeat center / contain;
    mask: url('../Images/Icon/ic-seta-down.svg') no-repeat center / contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #222222;
    cursor: pointer;
    margin-top: -3px;
}

.img-saida {
    -webkit-mask: url('../Images/Icon/ic-seta-up.svg') no-repeat center / contain;
    mask: url('../Images/Icon/ic-seta-up.svg') no-repeat center / contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #1b69c8;
    cursor: pointer;
    margin-top: -3px;
}