

/*
Custom.css.aspx
*/

@import url('tema.css');

@font-face {
    font-family: 'Segoe UI';
    font-weight: normal;
    font-style: normal;
}

.divLegenda {
    font: normal 11px 'Segoe UI', Arial, Helvetica, sans-serif;
    position: absolute;
   border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px;
    background: var(--card-background, #FFFFFF);
    top: 45px;
    right: 23px;
    width: 230px;
    z-index: 999;
    display: none;
}


.backImage {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-484px;
	margin-top:-304px;
	background-image:url("../images/home/home1.png");
	background-repeat:no-repeat;
	width:968px;
	height:608px;
}

.backImageLogin {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-484px;
	margin-top:-304px;
	background-image:url("../images/home/home0.png");
	background-repeat:no-repeat;
	width:968px;
	height:608px;
}

.customBackLogin {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: var(--primary-color) !important;
font-family: 'Segoe UI', Calibri, anita_semi-squareregular, Open Sans, Verdana, Arial;
}

.customBack {
background: var(--background-color);

font-family: 'Segoe UI','Segoe UI LOCAL', Calibri, anita_semi-squareregular, Open Sans, Verdana, Arial;

}

.barraSuperior {
background-color: var(--primary-color);
margin: -8px 0 0 -8px;
top:0;
left:0;
right:0;
height:auto;
padding: 9px 9px 8px 9px;
position: fixed;
z-index: 1;
}

.barraSuperior ul li a img {
width: 92px;
}

.barraSuperiorCinza {
background-color: #777777;
margin: -8px 0 0 -8px;
max-width: 1920px;
left:0;
right:0;
height:auto;
padding: 9px 9px 6px 9px;
position: fixed;
box-shadow: 1px 1px 2px #555;}

.barraSuperiorCinza ul li a img {
width: 92px;
}

.textoTituloLeft { font-family: 'Segoe UI'; font-size: 2.38rem; padding-left: 30px; color: #fff; width: 100%; position: absolute; text-align: left; z-index: -1 }
.textoTitulo{color: ghostwhite; font-size: 38px; display: block; margin-top: -4px; font-family: 'Segoe UI', Calibri; width: 100%; position: absolute; text-align: center; z-index: -1}

.perfilUsuario{font-size: 17px; display: inline; margin: 10px -5px 0 0;}
.perfilUsuario a{color: ghostwhite; margin-top: -30px; text-decoration: none;}

.subMenuPrincipal {float: left; display: inline; text-decoration:none; margin-top: 5px;}
.subMenuPrincipal img:hover{transform: scale(1.1); }

.LogoProdwin{width: 200px; height: 40px; float: left; margin: 1px 0 0 0px;}
.LogoProdwin img{width: 92px; height: 60px; margin: -11px 0 0 -4px;}

.imgUserPass{float: left; margin: 0px 0 0px 23%;}
.imgUserPass img{width: 25px; height: 25px; margin: 0 0 0 -7px;}

.imgDicionario{float: left; margin: 0px 0 0px 23%;}
.imgDicionario img{width: 22px; height: 22px; margin: 0 0 0 -6px;}

.trocarSenha{text-align: center;}
.trocarSenha a{font-size: 13px; color: #FFF;}

.LogoPW1{float: right; bottom: 0;}
.LogoPW1 img {width: 200px; height: 57px;}

.LogoAlpa{width: 526px; height: 137px; padding: 6% 0 0% 30%;}
.LogoAlpa img {width: 526px; height: 137px;}

.caixaLogin{
display: flex; 
flex-direction: column; 
align-items: center; 
background-image: linear-gradient(135deg, rgba(255,255,255, 0.1), rgba(255,255,255,0));
backdrop-filter: blur(5px);
box-shadow: var(--card-shadow);
border: 1px solid rgba(255,255,255, 0.3);
width: 400px;
border-radius: 10px; 
text-align: center; 
padding: 20px
}

.LogoCentral{padding: 8% 0 10% 0;}
.LogoCentral img {width: 300px; height: 85px;}

.LogoLeao{width: 280px; height: 148px; padding: 6% 0 0 1%;}
.LogoLeao img {width: 410px; height: 106px;}





/* Menu com submenu */
ul.menu, .menu li, .menu a {
    margin-top: -2px;
    list-style: none;
    text-decoration: none;
    padding-left: 2px;
    z-index: 999;
    font-family: 'Segoe UI', Calibri, anita_semi-squareregular, Open Sans;
}
    ul.menu ul {
        position: absolute;
        z-index: 999;
        display: none;
        box-shadow: 3px 3px 2px #0c2169;
    }

ul.menu {
    float: left;
    font-size: 14px;
    border-radius: 5px;
    margin: 3px 15px -5px 0;
z-index: 999;
}

.menu li {
    float: left;
    width: auto;
    position: relative;
z-index: 999;
}

    .menu li a {
        line-height: 20px;
        text-align: center;
        height: 45px;
        padding: 0 20px 10px 0px;
        float: left;
        transition: all 0.1s linear;
z-index: 999;
    }

    .menu li:hover > ul.submenu-1 {
        display: inline;
        top: 50px;
        padding: 5px;
        width: 354px;
        border-radius: 5px;
        left: 5px;
        z-index: 999;
    }

.menu ul.submenu-1 a {
    margin-top: 5px;
    width: 115px;
    height: 85px;
    padding: 7px 0 0 1px;
    border-radius: 5px;
    z-index: 999;
}

.submenu-1 {
    background: #0C2169;
    z-index: 999;
}

    .submenu-1 a .texto{
        color: #fff;
        text-align: center;
        line-height: 15px;
        z-index: 999;
    }

    .submenu-1 li:hover > a {
        background: #0463f2;
        z-index: 999;
    }


    .menu img {
        width: 70px;
        height: 60px;   
z-index: 999;
    }
/* Fim Menu com submenu */



/* Menu cinza */

.menu li:hover > ul.submenu-2 {
        display: inline;
        top: 57px;
        padding: 5px;
        width: 280px;
        border-radius: 5px;
        left: 5px;
        z-index: 999;
    }

.menu ul.submenu-2 a {
    margin-top: 5px;
    width: 90px;
    height: 85px;
    padding: 7px 0 0 1px;
    border-radius: 5px;
    z-index: 999;
}

.submenu-2 {
    background: #757575;
    z-index: 999;
}

    .submenu-2 a .texto{
        color: #fff;
        text-align: center;
        line-height: 15px;
        z-index: 999;
    }

    .submenu-2 li:hover > a {
        background: #555;
        z-index: 999;
    }

////* Menu mol *////
ul.menu-mol, .menu-mol li, .menu-mol a {
    margin-top: -2px;
    padding-left: 2px;
}
ul.menu-mol ul {
    position: absolute;
    z-index: 999;
    display: none;
    width: 19rem;
    padding: 10px 0;
}

ul.menu-mol {
    float: left;
    font-size: 14px;
    border-radius: 5px;
    margin: 3px -9px -5px 0;
}

.menu-mol li {
    float: left;
    position: relative;
}

.menu-mol li a {
    text-align: center;
    padding: 3px 20px 10px 0px;
    float: left;
    transition: all 0.1s linear;
}

.menu-mol ul.submenu-mol a {
    width: 17rem;
    height: 1.5rem;
    padding: 7px 0 0 1px;
    border-radius: 5px;
    text-align: center;
}

.submenu-mol {
    background: #343A40;
    top: 3rem;
    border-radius: 5px;
    
}

.submenu-mol li{
    float: right;
    padding: 3px 15px 4px 3px;
}

.submenu-mol li a {
    background: var(--btn-secundary);
}

.submenu-mol li a:hover {
    filter: brightness(1.3);
}

.menu-mol img {
    width: 70px;
    height: 60px;   
}
/* Fim Menu Mol */


/* Menu Mol Cinza */

.menu-mol li:hover > ul.submenu-mol-2 {
    display: inline;
    top: 47px;
    padding: 5px;
    width: 310px;
    border-radius: 5px;
    right: 10px;
    }

.menu-mol ul.submenu-mol-2 a {
    margin-top: 5px;
    width: 305px;
    height: 30px;
    padding: 7px 0 0 1px;
    border-radius: 5px;
    background-color: #444;
}

.submenu-mol-2 {
    background: #656565;
}

.submenu-mol-2 a .texto{
    color: #fff;
    text-align: center;
}

.submenu-mol-2 li{
    float: right;
    padding: 3px 0px;
}
.submenu-mol-2 li:hover > a {
        background: #222;
    }

/* Fim Menu Mol Cinza */




/* Menu Usuario */
ul.subMenuPrincipal, .subMenuPrincipal li, .subMenuPrincipal a {
    margin-top: 4px;
    list-style: none;
    text-decoration: none;
    padding-left: 10px;
    z-index: 999;
    font-family: 'Segoe UI', Calibri, anita_semi-squareregular, Open Sans;
}
    ul.subMenuPrincipal ul {
        position: absolute;
        z-index: 999;
        display: none;
    }

ul.subMenuPrincipal {
    float: left;
    font-size: 14px;
    border-radius: 5px;
    margin: 3px 15px -5px 0;
    z-index: 999;
}

.subMenuPrincipal li {
    float: left;
    width: auto;
    position: relative;
    z-index: 999;
}

    .subMenuPrincipal li a {
        line-height: 20px;
        text-align: center;
        height: 45px;
        padding: 0 20px 10px 0px;
        float: left;
        transition: all 0.1s linear;
        z-index: 999;
    }

    .subMenuPrincipal li:hover > ul.submenuPrincipalUsuario {
        display: inline;
        top: 37px;
        padding: 5px;
        width: 150px;
        border-radius: 5px;
        right: 5px;
        z-index: 999;
    }

.subMenuPrincipal ul.submenuPrincipalUsuario a {
    margin-top: 0px;
    width: 150px;
    height: 30px;
    padding: 7px 0 0 1px;
    border-radius: 5px;
    z-index: 999;
}

ul.submenuPrincipalUsuario a:hover {
    background-color: #0463f2;
}



.submenuPrincipalUsuario {
    background: #0C2169;
    z-index: 999;
}



    .submenuPrincipalUsuario a .texto{
        color: #fff;
        float: left;
        margin-left: 10px;
    }



    .subMenuPrincipal img {
        width: 35px;
        height: 35px;   
        z-index: 999;
    }

    .submenuPrincipalUsuario img {
        float: left;
        width: 20px;
        height: 20px;   
        z-index: 999;
        padding: 1px 0 0 10px;
    }
    
/* Fim Menu Usuario */



/* Menu Usuario Cinza */


.subMenuPrincipal li:hover > ul.submenuPrincipalUsuario-2 {
    display: inline;
    top: 40px;
    padding: 5px;
    width: 150px;
    border-radius: 5px;
    right: 5px;
    z-index: 999;
}

.subMenuPrincipal ul.submenuPrincipalUsuario-2 a {
    margin-top: 0px;
    width: 150px;
    height: 30px;
    padding: 7px 0 0 1px;
    border-radius: 5px;
    z-index: 999;
}

ul.submenuPrincipalUsuario-2 a:hover {
    background-color: #333;
}

.submenuPrincipalUsuario-2 {
    background: #656565;
    z-index: 999;
}

    .submenuPrincipalUsuario-2 a .texto{
        color: #fff;
        float: left;
        margin-left: 10px;
    }

    .submenuPrincipalUsuario-2 img {
        float: left;
        width: 20px;
        height: 20px;   
        z-index: 999;
        padding: 1px 0 0 10px;
    }
    
/* Fim Menu Usuario Cinza */


/* Icones SubMenu /Branco e Azul */

.cadastroSelecionadobranco {
    background-image: url('../images/home/cadastrosSelecionadobranco.png');
}
.cadastroSelecionadoazul {
    background-image: url('../images/home/cadastrosazul.png');
}



.timelineSelecionadobranco {
    background-image: url('../images/home/timelineSelecionadobranco.png');
}
.timelineSelecionadoazul {
    background-image: url('../images/home/timelineazul.png');
}



.cepSelecionadobranco {
    background-image: url('../images/home/cepSelecionadobranco.png');
}
.cepSelecionadoazul {
    background-image: url('../images/home/cepazul.png');
}



.golSelecionadobranco {
    background-image: url('../images/home/golSelecionadobranco.png');
}
.golSelecionadoazul {
    background-image: url('../images/home/golazul.png');
}



.historicoSelecionadobranco {
    background-image: url('../images/home/historicoSelecionadobranco.png');
}
.historicoSelecionadoazul {
    background-image: url('../images/home/historicoazul.png');
}



.layoutSelecionadobranco {
    background-image: url('../images/home/layoutSelecionadobranco.png');
}
.layoutSelecionadoazul {
    background-image: url('../images/home/layoutazul.png');
}



.manutencaoSelecionadobranco {
    background-image: url('../images/home/manutencaoSelecionadobranco.png');
}
.manutencaoSelecionadoazul {
    background-image: url('../images/home/manutencaoazul.png');
}



.molSelecionadobranco {
    background-image: url('../images/home/molSelecionadobranco.png');
}
.molSelecionadoazul {
    background-image: url('../images/home/molazul.png');
}



.pcpSelecionadobranco {
    background-image: url('../images/home/pcpSelecionadobranco.png');
}
.pcpSelecionadoazul {
    background-image: url('../images/home/pcpazul.png');
}



.relatorioSelecionadobranco {
    background-image: url('../images/home/relatoriosSelecionadobranco.png');
}
.relatorioSelecionadoazul {
    background-image: url('../images/home/relatoriosazul.png');
}



.wipSelecionadobranco {
    background-image: url('../images/home/wipSelecionadobranco.png');
}
.wipSelecionadoazul {
    background-image: url('../images/home/wipazul.png');
}

.integracaoSelecionadobranco {
    background-image: url('../images/home/integracaoSelecionadobranco.png');
}
.integracaoSelecionadoazul {
    background-image: url('../images/home/integracaoazul.png');
}


.tvSelecionadobranco {
    background-image: url('../images/home/tvSelecionadobranco.png');
}
.tvSelecionadoazul {
    background-image: url('../images/home/tvazul.png');
}



.utilidadesSelecionadobranco {
    background-image: url('../utilidades/utilidadesSelecionadobranco.png');
}

.utilidadesSelecionadoazul {
    background-image: url('../utilidades/utilidadesazul.png');
}








.BombrilETECSelecionadobranco {
    background-image: url('../images/home/BombrilETECSelecionadobranco.png');
}

.BombrilETECazul {
    background-image: url('../images/home/BombrilETECazul.png');
}

.troubleshootingSelecionadobranco {
    background-image: url('../images/home/troubleshootingSelecionadobranco.png');
}

.troubleshootingazul {
    background-image: url('../images/home/troubleshootingazul.png');
}

.ordem_producaoSelecionadobranco {
    background-image: url('../images/home/ordem_producaoSelecionadobranco.png');
}

.ordem_producaoazul {
    background-image: url('../images/home/ordem_producaoazul.png');
}

.entrada-manualSelecionadobranco {
    background-image: url('../utilidades/entrada-manualSelecionadobranco.png');
}

.entrada-manualazul {
    background-image: url('../utilidades/entrada-manualazul.png');
}

.hp_printerSelecionadobranco {
    background-image: url('../images/home/hp_printerSelecionadobranco.png');
}

.hp_printerazul {
    background-image: url('../images/home/hp_printerazul.png');
}

.GraficosGerenciaisSelecionadobranco {
    background-image: url('../images/natura/GraficosGerenciaisSelecionadobranco.png');
}

.GraficosGerenciaisazul {
    background-image: url('../images/natura/GraficosGerenciaisazul.png');
}

.emergenciaSelecionadobranco {
    background-image: url('../images/natura/emergenciaSelecionadobranco.png');
}

.emergenciaazul {
    background-image: url('../images/natura/emergenciaazul.png');
}

.checkListSelecionadobranco {
    background-image: url('../images/home/checklistSelecionadobranco.png');
}
.checkListSelecionadoazul {
    background-image: url('../images/home/checkListazul.png');
}

.dashboardSelecionadobranco {
    background-image: url('../images/home/dashboardSelecionadobranco.png');
}
.dashboardSelecionadoazul {
    background-image: url('../images/home/dashboardazul.png');
}

/* Fim Icones SubMenu */