@charset "UTF-8";
/* CSS Document */


.icons{height:auto; width:auto; min-height: 110px; }

.bg-icon-blue{
    padding:5px;
    border-radius:3px;
    border:0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007daa+0,00a1af+100 */
    background: #25a9e0
; /* Old browsers */
/*    background: -moz-linear-gradient(45deg, #007daa 0%, #00a1af 100%)*/; /* FF3.6-15 */
   /* background: -webkit-linear-gradient(45deg, #007daa 0%,#00a1af 100%);*/ /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(45deg, #007daa 0%,#00a1af 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007daa', endColorstr='#00a1af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
    height:auto;
    width:85%;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    z-index:0;
    position:absolute;
    cursor: pointer;
}
 
.disabled{
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bg-icon-black{
    padding:5px;
    border-radius:3px;
    border:0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007daa+0,00a1af+100 */
    background: #404041;
 /* Old browsers */
/*    background: -moz-linear-gradient(45deg, #007daa 0%, #00a1af 100%)*/; /* FF3.6-15 */
   /* background: -webkit-linear-gradient(45deg, #007daa 0%,#00a1af 100%);*/ /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(45deg, #007daa 0%,#00a1af 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007daa', endColorstr='#00a1af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
    height:auto;
    width:85%;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    z-index:0;
    position:absolute;
    cursor: pointer;
}

.bg-icon-gray{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(45deg, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius:3px;
    border:1px solid #D2D2D2;
}
 
.icon-equipa-trabalho{
    z-index:1;
    position:relative;
    float:left;
    background:url(svg/equipa-de-trabalho.svg) no-repeat center;
    width:86px;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}

.icon-pausa{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Pausa.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}
.icon-setup{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Setup.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;

}

.icon-registar-producao{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Producao.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;

}
.icon-registar-paragem{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Paragem.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;

}
.icon-registar-consumo{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Consumos.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}
.icon-pos-producao{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/PosProducao.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}
.icon-pesagem-simples{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Pesos.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}
.icon-registar-produto-nao-conforme{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/NaoConformidade.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}
.icon-checklist{
    z-index:1;
    position:relative;
    float:left;
    background:url(svg/checklist-manutencao.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}
.icon-documentos{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Documentos.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 6px 0px;
}
.icon-anotacoes{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Anotacoes.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
}
.icon-consulta{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Consulta.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    /*margin: 20px 0px 10px 0px;*/
}
.icon-mao-de-obra{
    z-index:1;
    position:relative;
    float:left;
    background:url(svg/registar-mao-de-obra.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}
.icon-ovo-liquido{
    z-index:1;
    position:relative;
    float:left;
    background:url(svg/ovo-liquido.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}
.icon-planeamento{
    z-index:1;
    position:relative;
    float:left;
    background:url(svg/planeamento.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
}
.text{
    width:auto;
    text-align: center;
    font-weight: bold; 
    color: white; 
    font-size: 16px;
    height: 100%;
}
.icon-controlo-qualidade{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/ControloQualidade.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}

.icon-home{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/home.svg) no-repeat center center;
    width:100%;
    height:32px;
    line-height:32px;
    vertical-align:middle;
}
.icon-login{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/LogIn.svg) no-repeat center center;
    width:100%;
    height:32px;
    line-height:32px;
    vertical-align:middle;
}

.icon-parametros{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Parametros.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}

.icon-embalagem{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Embalagem.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}
.icon-materia-prima{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/MatPrima.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}
.icon-planeamento{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Planeamento.svg) no-repeat center center;
    width:100%;
    height:86px;
    line-height:86px;
    vertical-align:middle;
}
.icon-etiquetas{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Etiquetas.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}
.icon-emitir-etiquetas{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Etiquetas.svg) no-repeat center center;
    width:100%;
    height:36px;
    /*line-height:60px;*/
    vertical-align:middle;
    /*margin: 20px 0px 10px 0px;*/
}

.icon-retomar{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Retomar.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}

.icon-finalizar{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Finalizar.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}

.icon-vsoft{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/vsoft.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin-top: 5px;
    margin-bottom: -15px;
}


/* */
.icon-controlo-qualidade-rodape{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/ControloQualidade.svg) no-repeat center center;
    width:100%;
    height:35px;
    line-height:35px;
    vertical-align:middle;
}

.icon-fechar-rodape{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Fechar.svg) no-repeat center center;
    width:100%;
    height:35px;
    line-height:35px;
    vertical-align:middle;
}
.icon-voltar-rodape{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/Retomar.svg) no-repeat center center;
    width:100%;
    height:35px;
    line-height:35px;
    vertical-align:middle;
}

.icon-nao-conforme-rodape{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/NaoConformidade.svg) no-repeat center center;
    width:100%;
    height:35px;
    line-height:35px;
    vertical-align:middle;
}

.icon-paletes{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/PaletesPorValidar.svg) no-repeat center center;
    width:100%;
    height:35px;
    line-height:35px;
    vertical-align:middle;
}


.icon-anotacoes-rodape{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/ControloQualidade.svg) no-repeat center center;
    width:100%;
    height:35px;
    line-height:35px;
    vertical-align:middle;
}

.botao-autocontrolo{
    z-index:1;
    position:relative;
    float:left;
    width:100%;
    height:120px;
    line-height:120px;
    vertical-align:middle;
}

.icon-registar-autocontrolo{
    z-index:1;
    position:relative;
    float:left;
    background:url(icons/ControloQualidade2.svg) no-repeat center center;
    width:100%;
    height:60px;
    line-height:60px;
    vertical-align:middle;
    margin: 20px 0px 10px 0px;
}

.bg-icon-orange{
    padding:5px;
    border-radius:3px;
    border:0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007daa+0,00a1af+100 */
    background: #FFA500;
     /* Old browsers */
    /* background: -moz-linear-gradient(45deg, #007daa 0%, #00a1af 100%)*/; /* FF3.6-15 */
   /* background: -webkit-linear-gradient(45deg, #007daa 0%,#00a1af 100%);*/ /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(45deg, #007daa 0%,#00a1af 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007daa', endColorstr='#00a1af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
    height:auto;
    width:85%;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    z-index:0;
    position:absolute;
    cursor: pointer;
}