/*CSS utilizado*/
html {
    overflow: hidden;
}

html, body {
    height: 100%;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.canvas {
    height: 100%;
    width: 100%;
    background-color: #ededed;
}

    .canvas .bg {
        height: 100%;
        width: 100%;
        background-image: url(../img/novoMenu/fundo.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .8;
        position: fixed
    }



.logo-config {
    width: 9vw;
    height: calc(11vw * 1.00);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    -webkit-transition: 0.2s linear;
    -webkit-transition-property: -webkit-transform margin;
    margin: 1.5% 0.5% 0.5% 0.5%;
}

    .logo-config:hover {
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1.2);
    }

.controleinterno-logo {
    background-image: url(../img/novoMenu/menu.controleinterno.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.meu-acesso-logo {
    background-image: url(../img/novoMenu/menu.meuacesso.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.patrimonio-logo {
    background-image: url(../img/novoMenu/menu.patrimonio.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.fiscalizacao-logo {
    background-image: url(../img/novoMenu/menu.fiscalizacao.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.almoxarifado-logo {
    background-image: url(../img/novoMenu/menu.almoxarifado.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.gestaopessoas-logo {
    background-image: url(../img/novoMenu/menu.gestaopessoas.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.nfse-logo {
    background-image: url(../img/novoMenu/menu.nfs-e.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.orcamento-logo {
    background-image: url(../img/novoMenu/menu.orcamento.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.processo-logo {
    background-image: url(../img/novoMenu/menu.processo.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.arrecadacao-logo {
    background-image: url(../img/novoMenu/menu.arrecadacao.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.bi-logo {
    background-image: url(../img/novoMenu/menu.bi.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.compras-logo {
    background-image: url(../img/novoMenu/menu.compras.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.contabilidade-logo {
    background-image: url(../img/novoMenu/menu.contabilidade.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.contabilidade-desenv-logo {
    background-image: url(../img/novoMenu/menu.contabilidade.desenv.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.orcamento-desenv-logo {
    background-image: url(../img/novoMenu/menu.orcamento.desenv.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.transparencia-logo {
    background-image: url(../img/novoMenu/menu.transparencia.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.frotas-logo {
    background-image: url(../img/novoMenu/menu.frotas.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.logo-top {
    width: 25vw;
    height: calc(25vw * 0.5);
    background: url(../img/novoMenu/agili.png) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: 5vh;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.15s linear;
    -webkit-transition-property: -webkit-transform margin;
    transition: all 0.2s ease-in-out;
}

    .logo-top:hover {
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1.2);
    }

.logo-agili-core {
    width: 15vw;
    height: calc(15vw * 0.24);
    background: url(../img/novoMenu/agilicore.png) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 15px;
    left: 25px;
    position: fixed;
    z-index: 99999;
}

.agili-portal-cliente {
    width: 10vw;
    height: calc(10vw * 0.5);
    background-image: url(../img/novoMenu/portal.cliente.png);
    position: center;
    z-index: 99999;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-content: center end;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .agili-portal-cliente:hover {
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1.2);
    }

.agili-rodape {
    width: 21vw;
    height: calc(21vw * 0.03);
    background-image: url(../img/novoMenu/rodape_.png);
    background-repeat: no-repeat;
    position: fixed;
    bottom: 15px;
    right: 50px;
    z-index: 99999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.menu-header {
    width: 90vw;
    height: 35vh;
    position: fixed;
    top: -2%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    z-index: 99999;
}

.menu-container {
    width: 90vw;
    height: 60vh;
    position: fixed;
    top: 32vh;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    z-index: 99999;
    overflow-y: auto;
}

.menu-container::-webkit-scrollbar {
    width: 8px; 
}

.menu-container::-webkit-scrollbar-track {
    background: transparent;
 }

.menu-container::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 4px;
 }

.menu-container::-webkit-scrollbar-thumb:hover {
    background: #aaaaaa;
 }

.menu-footer {
    width: 100vw;
    height: 15vh;
    position: fixed;
    bottom: -2%;
    text-align: center end;
    z-index: 99999;
}

.engrenagem {
    width: 31px;
    height: 31px;
    background-image: url(../img/gear2.png);
    position: fixed;
    bottom: 7px;
    right: 9px;
    z-index: 99999;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 3s ease 0.0s;
    -moz-transition: all 3s ease 0.0s;
    -o-transition: all 3s ease 0.0s;
    -ms-transition: all 3s ease 0.0s;
    transition: all 3s ease 0.0s;
}

    .engrenagem:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.tip {
    color: #fff;
    background: rgba(10, 76, 90, 0.81);
    display: none;
    padding: 5px;
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: auto;
    font-size: 12px;
}

.left-arrow {
    background-image: url(../img/voltar.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    width: 50px;
}
/*CSS utilizados*/