/*Cores Padrão GrupoVAB*/

/*color:#00295c;*/ /*Primaria Azul escuro*/
/*color:#930021;*/ /*Primaria Vermelho escuro*/
/*color:#939598;*/ /*Primaria Cinza escuro*/
/*color:#e6e7e9;*/ /*Auxiliar Cinza claro*/
/*color:#ffffff;*/ /*Auxiliar Branco*/

/*Fonte para cadastro de pessoas*/
.font_P {
    font-size: 0.7em !important;
    font-family: Verdana;
}

/*Cor da fonte da navbar - Bruno*/
.navbar-custon .navbar-nav > li > a {
    color: #efefef !important;
}

.navbar-custon .navbar-brand {
    color: #efefef !important;
}

.navbar-custon .navbar-nav .open .dropdown-menu {
    background-color: #fff !important;
}

    .navbar-custon .navbar-nav .open .dropdown-menu > li {
        background-color: #efefef !important;
    }

        .navbar-custon .navbar-nav .open .dropdown-menu > li > a {
            color: black !important;
        }

            .navbar-custon .navbar-nav .open .dropdown-menu > li > a:hover {
                color: #A3A3A3 !important;
            }

/*Nome vermelho dentro dos drops Separador de Menu na barra de navegação - Bruno*/
.separador-navbar {
    color: #930021;
    font-weight: bold;
}

/*Lista de chamados*/
.chamado {
    padding: 14px 35px 8px 14px;
    margin-top: 10px;
    background-color: #efefef;
    border-left: 4px solid #969494;
}

    .chamado button {
        position: absolute;
        top: 12px;
        right: 17px;
        color: inherit;
        background-color: inherit;
        width: 40px;
        border: 1px solid #A3A3A3;
    }

.imagem-chamado {
    height: 50px;
    width: 50px;
}

.chamado-alto {
    border-color: #AC001B;
}

.chamado-cor-heading {
    color: #574d4d;
}

.chamado-ematendimento {
    background-color: #f5d5a3;
}

.chamado-pedido-de-material {
    border-color: #d9534f;
    background-color: #f39c12;
}

.chamado-pedido-de-manutencao {
    border-color: #d9534f;
    background-color: #f39c12;
}

.chamado-pedido-desenvolvimento {
    border-color: #d9534f;
    background-color: #f39c12;
}

.chamado-projeto {
    border-color: #d9534f;
    background-color: #f39c12;
}

.chamado-contador {
    font-weight: 700;
    font-size: large;
    color: #990000;
}

/*Alerta amarelo*/
.alert-aviso {
    color: #b19913;
    background-color: #f2f38b;
    border-color: #dec954;
}

    .alert-aviso hr {
        border-top-color: #dcb87b;
    }

/*Painel de login na barra - Bruno*/

.navbar-login {
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size {
    font-size: 87px;
}
/*Icones Grandes para dashboard*/
i.glyphicon.icone-3em {
    font-size: 3em;
}

/*Painel de Caixa*/
.caixa {
    position: relative;
    float: left;
}

/*Fim*/


/*Grades*/
.gradesimples {
    background: #fff;
    border: 1px solid #990000;
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 0px;
    margin-top: 1px;
}

    .gradesimples a {
        color: rgb(240,240,240);
        text-decoration: none;
    }

    .gradesimples th {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, #990000) );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#d9534f');
        background-color: #990000;
        color: #FFFFFF;
        border-left: 1px solid #A3A3A3;
        padding: 5px;
        text-align: center;
    }

    .gradesimples td {
        border: 1px inset #A3A3A3;
        padding: 5px 10px;
    }

    .gradesimples tr:nth-child(even) {
        background: rgb(240,240,240);
    }

    .gradesimples tr:hover {
        background: #d0cccc;
    }

    .gradesimples tr > td > table > tbody > tr > td {
        /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, #c73929) );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#c73929');*/
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, #990000) );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#990000');
        /*background-color: #DB4937;*/
        background-color: #990000;
        border: 1px solid #d43f3a;
        border-radius: 3px;
    }

        .gradesimples tr > td > table > tbody > tr > td > a {
            color: White;
            text-decoration: none;
        }

.noprint {
    display: none;
}
/*FIM Grades*/

/* #region Aumenta uma imagem*/
.zoom img {
    -webkit-transform: scale(1);
    -webkit-transition-duration: 0.5s;
}

    .zoom img:hover {
        background-color: gray;
        -webkit-transform: scale(10) translateX(22px) translateY(15px); /*Webkit: Scale up image*/
        -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
        -webkit-box-shadow: 1px 1px 1px #333;
        opacity: 1;
        position: relative;
        z-index: 1;
    }
/* #fim Aumenta uma imagem*/

.BuscaDivZoom1 {
    width: 50px;
    height: 50px;
    background-color: white;
    -moz-border-radius: 2px; /*borda erredondada*/
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    /*-webkit-transform:scale(1);
    -webkit-transition-duration: 0.5s; 
    display:block; 
    position:relative;*/
}

    .BuscaDivZoom1:hover {
        -webkit-transform: scale(5) translateX(20px) translateY(20px);
        -moz-transform: scale(5);
        -o-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
        z-index: 1;
    }

/*Comprovante de pagamento de etiquetas - Alano*/

/*.borda-comprovante-loja {
    border: solid 2px black;
    position: absolute;
    left: 50px;
    top: 120px;
    width: 5cm;
    height: 8cm;
}*/

/*.borda-comprovante-cliente {
    border: solid 2px black;
    position: absolute;
    left: 260px;
    top: 120px;
    width: 12cm;
    height: 8cm;
}*/

/*.borda-comprovante-cliente-meio {
    border: solid 1px black;
    position: absolute;
    left: 55.8px;
    top: 167px;
    width: 4.7cm;
    height: 6.6cm;
}*/

/*.comprovante-loja {
    font-size: 0.9em;
    font-family: 'fonte-cartazeamento';
    position: absolute;
    left: 53px;
    top: 120px;
}*/

/*.linha-comprovante {
    font-size: 1em;
    font-family: 'fonte-cartazeamento';
    position: absolute;
}*/

/*.loja1 {
    left: 55px;
    top: 140px;
}

.loja2 {
    left: 57.4px;
    top: 180px;
}

.loja3 {
    left: 57.4px;
    top: 210px;
}

.loja4 {
    left: 57.4px;
    top: 245px;
}

.loja5 {
    left: 57.4px;
    top: 290px;
}

.loja6 {
    left: 57.4px;
    top: 335px;
}

.loja7 {
    left: 57.4px;
    top: 375px;
}

.Label-loja-recibo {
    font-size: 0.9em;
    left: 60px;
    top: 165px;
}

.Label-loja-chave {
    font-size: 0.9em;
    font-weight: bold;
    left: 150px;
    top: 175px;
}

/* Impressao de Recibo de Pagamento de etiquetas Alano*/

.recibo {
    width: 18cm;
    height: 9cm;
}

.recibo-esquerda {
    position: absolute;
    width: 200px;
    height: 8.9cm;
    border: solid 2px black;
    padding: 2px;
}

.recibo-meio {
    position: absolute;
    width: 20px;
    left: 210px;
    height: 8.9cm;
    border-width: thin;
    border-color: #000000;
    border-right-style: dotted;
}

.recibo-direita {
    position: absolute;
    width: 430px;
    height: 8.9cm;
    border: solid 2px black;
    left: 250px;
    padding: 3px;
    /*float:right;*/
    /*margin-left: 18px;*/
}

.EMatriz {
    width: 195px;
    padding: 0px 2px 2px 2px;
    font-size: 0.8em;
    border: solid 1px black;
}

.E0 {
    height: 33px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
}

.E1 {
    height: 21.5px;
}

.E2 {
    height: 30px;
    font-size: 0.7em;
}

.E3 {
    height: 50px;
    font-size: 0.7em;
}


.D1 {
    width: 100%;
    height: 2cm;
    border: solid 1px black;
}

.D2 {
    width: 100%;
    height: 3cm;
    border: solid 1px black;
    margin-top: 2px;
    font-size: 0.8em;
    padding: 2px;
}

.D3 {
    width: 100%;
    height: 0.8cm;
    text-align: center;
    font-size: 0.8em;
}

.D4 {
    width: 100%;
    height: 0.8cm;
    border: solid 1px black;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
}

.D5 {
    width: 100%;
    height: 1.9cm;
    border: solid 1px black;
    margin-top: 2px;
    font-size: 0.8em;
    padding: 2px;
}

.D1-Logo {
    width: 20%;
    height: auto;
    float: left;
}

.D1-Meio {
    width: 45%;
    height: auto;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
}

.D1-Direita {
    width: 35%;
    height: auto;
    float: left;
}

.D1-1 {
    width: 99%;
    height: 0.8cm;
    display: block;
    border: solid 1px black;
    margin-top: 1px;
    padding: 2px 2px 2px 2px;
    font-size: 0.8em;
}


/*thembnail ou paineis do busca produtos - Bruno*/

.thumbnail-busca > img,
.thumbnail-busca a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    cursor: zoom-in;
}

.thumbnail-busca {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #930021;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .thumbnail-busca > img,
    .thumbnail-busca a > img {
        margin-left: auto;
        margin-right: auto;
    }

    .thumbnail-busca .caption {
        padding: 2px;
        color: #333333;
    }

/*Fim da edição*/

/*Alerta modal deixa o fundo transparente - Bruno*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.pnlBackGround {
    position: fixed !important;
    top: 15% !important;
    left: 15% !important;
    width: 300px;
}


/*usado no busca produtos - Bruno*/
.divWaiting {
    position: absolute;
    background-color: #FAFAFA;
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
}
/*FIM - Alerta modal deixa o fundo transparente*/

/*Grade do Niver - Chagas*/
/*div.niver {
    padding: 5px 210px;
    text-align: center;
}*/



table.gradeniver {
    font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
}

    table.gradeniver td {
        border: 1px solid #A3A3A3;
        padding: 5px 10px;
        border-spacing: 0;
    }

    table.gradeniver tr:nth-child(even) {
        background: #e2e2e2;
    }
/*Grade do Niver*/

/*Painel-body*/
.painel-box {
    min-height: 128px !important;
    max-height: 128px !important;
}

/*Criar uma linha parao header da pagina*/
.divCabecalho {
    padding-top: 3px;
    width: 100%;
    height: 15px;
    font-size: 15px;
    color: #efefef;
    line-height: 10px;
    text-align: center;
    background: #990000;
}

/*Estacionamento*/
.circuloOcupado {
    width: 100px;
    height: 30px;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    background: #ffa500;
}

.circuloRodizio {
    padding-top: 3px;
    width: 100%;
    height: 15px;
    font-size: 15px;
    color: #fff;
    line-height: 10px;
    text-align: center;
    background: #990000;
}
/*Fim Estacionamento*/

.pedidoHabibs {
    min-height: 190px !important;
}



/*style='min-height: 90px;'>*/

.botao-fixo-xml {
    position: fixed;
    top: 145px;
    right: 47px;
}


/*Dopdown custon*/
.select {
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    background: #0ea6c8;
    color: #fff;
    cursor: pointer;
    font-size: 1.7em;
}

    .select option {
        background-color: #e1dddd;
        color: black;
        font-size: 1em;
        border-bottom: solid 1px #990000;
    }

.calculadora-cartao {
    height: 100%;
    background-color: red;
}

.input-box {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
}