* {
    margin: 0px;
    padding: 0px;
}

html, body {
    height: 100%;
}

body {
    background: #FFFFFF;
    font: 12px/100% Helvetica,Arial,sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    min-width: 800px;
}

/*Link*/
a:link, a:visited {
    color: #696969;
    text-decoration: none;
}

a:hover {
    color: #B02A21;
    text-decoration: none;
}

a:active {
    color: #741E16;
    text-decoration: none;
}


/* Inputs */
input[type=text], input[type=password] {
    border: 1px solid #d0d0d0;
    color: #000;
    height: 22px;
    line-height: 22px;
}

    input[type=text]:focus, input[type=password]:focus {
        border: 1px solid #696969;
        height: 22px;
        line-height: 22px;
    }

textarea[readonly],
input[readonly] {
    background-color: #F0F0F0 !important;
    color: #303030 !important;
    border: 1px solid #d0d0d0;
}

fieldset {
    border: 1px solid #c4c4c4;
    -khtml-border-radius: 5px;
    -icab-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -opera-border-radius: px;
    border-radius: 5px;
}

    fieldset legend {
        color: #B02A21;
        font: 13px/100% Helvetica,Arial,sans-serif;
        font-weight: bold;
        padding: 0px 5px 0px 5px;
    }

/*SELECT OLAP */
.selectbox {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 20px;
    overflow: hidden;
    top: 4px;
}

    .selectbox select {
        z-index: 10;
        position: relative;
        border: none;
        background: none;
        outline: none;
        opacity: 0;
        height: 20px;
        -webkit-appearance: none;
        filter: alpha(opacity=0);
    }

.select-arrow {
    background: url('imagens/seta-select.jpg') no-repeat 50% 50%;
    position: absolute;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
}

/* Table */
#corpo table {
    width: 100%;
    background: #FFF;
    border-collapse: collapse;
    color: #000;
    border: none;
    font: 11px/100% Helvetica,Arial,sans-serif;
}

    #corpo table caption {
        text-align: left;
        color: #B02A21;
        font: 13px/100% Helvetica,Arial,sans-serif;
        font-weight: bold;
    }

    #corpo table thead {
        text-transform: uppercase;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 2;
    }

    #corpo table th {
        font-weight: bold;
        background: #eeeeee; /* Old browsers */
        background: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /*KDE Linux*/
        background: -icab-linear-gradient(top, #eeeeee, #cccccc); /*iCab Mac*/
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8    */

    }

        #corpo table th.redHead {
            font-weight: bold;
            background: #D70809; /* Old browsers */
            background: -khtml-gradient(linear, left top, left bottom, from(#D70809), to(#FA2525)); /*KDE Linux*/
            background: -icab-linear-gradient(top, #D70809, #FA2525); /*iCab Mac*/
            background: -moz-linear-gradient(top, #D70809 0%, #FA2525 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D70809), color-stop(100%,#FA2525)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #D70809 0%,#FA2525 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #D70809 0%,#FA2525 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #D70809 0%,#FA2525 100%); /* IE10+ */
            background: linear-gradient(top, #D70809 0%,#FA2525 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D70809', endColorstr='#FA2525',GradientType=0 ); /* IE6-8    */
            color: #fff;
            text-transform: uppercase;
        }

    #corpo table tr:hover td {
        color: #FFF;
        background: #D70607;
    }

    #corpo table tr.footer td, .conteudo table tr.footer:hover td {
        font-weight: bold;
        color: #000;
        background: #eeeeee; /* Old browsers */
        background: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /*KDE Linux*/
        background: -icab-linear-gradient(top, #eeeeee, #cccccc); /*iCab Mac*/
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8    */
        text-transform: uppercase;
    }

    #corpo table td,
    #corpo table th {
        padding: 0 3px;
        border: 1px solid #696969;
    }

    #corpo table tr {
        height: 24px;
    }

    #corpo table td a:link,
    #corpo table td a:visited,
    #corpo table th a:link,
    #corpo table th a:visited {
        color: #000;
        text-decoration: none;
    }

    #corpo table tr:hover td a:link,
    #corpo table tr:hover td a:visited {
        color: #FFF;
        font-weight: normal;
        text-decoration: none;
    }

    #corpo table tr:hover td a:hover,
    #corpo table tr:hover td a:active {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    #corpo table th a:hover {
        color: #B02A21;
        font-weight: bold;
        text-decoration: none;
    }

    #corpo table th a:active {
        color: #741E16;
        font-weight: bold;
        text-decoration: none;
    }

    #corpo table tr.striped {
        background: #f1f1f1;
    }

    #corpo table tr.select {
        background-color: #C3D388;
        font-weight: bold;
        color: #000;
    }

    #corpo table tr.destacar-grupo-pai {
        background-color: #C3D388;
        font-weight: bold;
    }

    #corpo table tr.destacar-subgrupo {
        background-color: #D9EACE;
    }

    #corpo table tr.nao-destacar-subgrupo {
        background-color: #FFF;
    }


    #corpo table tr.select-destacar pre {
        font-weight:bold;
    }

    #corpo table tr.selectAmarelo {
        background-color: #FFE599;
        font-weight: bold;
        color: #000;
    }

    #corpo table tr.selectAzul {
        background-color: #BFCFFF;
        font-weight: bold;
        color: #000;
    }

    #corpo table tr.selectNormal {
        background-color: #C3D388;
        font-weight: normal;
        color: #000;
    }

    #corpo table tr.pagination {
        line-height: 26px;
    }

        #corpo table tr.pagination td table {
            width: 400px;
            border: none;
            text-align: center;
        }

            #corpo table tr.pagination td table tr,
            #corpo table tr.pagination td table tr td {
                border: none;
                padding: 0px;
            }

                #corpo table tr.pagination td table tr td span {
                    color: #B02A21;
                }

    #corpo table tr:hover.pagination td a:link,
    #corpo table tr:hover.pagination td a:visited {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    #corpo table tr:hover.pagination td table tr td a:hover,
    #corpo table tr:hover.pagination td table tr td a:active {
        color: #B02A21;
        font-weight: bold;
        text-decoration: none;
    }

/*Janela do sistema*/
#tudo {
    min-height: 100%;
    position: relative;
}

* html #tudo {
    height: 100%;
}
/* IE 6 */

/* Topo */
div#topo {
    width: 100%;
    height: 75px;
}

div.logos-topo {
    background: #F0F0F0 url('imagens/bck-topo.gif' ) repeat-x;
    padding: 5px 10px 5px 5px;
}

div.barraTopo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 26px;
    padding: 0px 10px 0 10px;
    line-height: 26px;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    background: #B02A21;
    color: #f1f1f1;
}

div.barraTopo a,
div.barraTopo a:hover {
    color: #f1f1f1 !important;
}

div.barraTopo-mobile {
    height: 35px; 
    padding: 5px 10px 0 10px; 
    line-height: 26px; 
    border-top: 1px solid #D2D2D2; 
    border-bottom: 1px solid #D2D2D2; 
    background: #B02A21; 
    color: #f1f1f1; 
    display: flex; 
    justify-content: center;
}

div.segundaBarraMaster {
    padding: 0px 6px 0px 13px;
    margin: 7px 0px 5px 0px;
    background-color: #f1f1f1;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
}


/* Corpo / Conteudo */
div#corpo {
    margin: 10px 10px 0px 10px;
    padding-bottom: 40px;
}

div.conteudo {
    margin: 10px 5px 10px 5px;
}

div#rodape {
    position: absolute;
    overflow: visible !important;
    bottom: 0;
    background: #CD221B url('imagens/bck-rodape.gif') repeat-x;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

/*Janela de login*/
.bordaBox {
    /* background: transparent;*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px;
    width: 463px;
    height: 213px; /* 190px;*/
/*    height: 35%;
    min-height: 200px;
*/    min-width: 200px;
    top: 50%;
    left: 50%;
    margin-top: -106.5px;
    margin-left: -231.5px;
    position: absolute;
    background: #FFFFFF;
    opacity: 88%;
    border: 0px solid #a90000;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
    transition: 0.2s ease-in-out;
}
    .bordaBox:hover {
        transform: translate(0, -0.5px);
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        opacity: 97%;
    }
       

   /* */
    .bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {
        display: block;
        overflow: hidden;
        font-size: 1px;
    }

    .bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {
        height: 1px;
    }

    .bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {
        background: #eee;
        border-left: 1px solid #696969;
        border-right: 1px solid #696969;
    }

    .bordaBox .b1 {
        margin: 0 5px;
        background: #696969;
    }

    .bordaBox .b2 {
        margin: 0 3px;
        border-width: 0 2px;
    }

    .bordaBox .b3 {
        margin: 0 2px;
    }

    .bordaBox .b4 {
        height: 2px;
        margin: 0 1px;
    }

    .bordaBox .janela {
        width: 440px;
        height: 200px;
        padding: 10px;
        display: block;
        border-left: 1px solid #696969;
        border-right: 1px solid #696969;
    }
    .tbLogin {
        background: #FFFFFF; 
        border: 0px solid #a90000;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
    }
    /* */
    .divFieldsLogin {
        display: flex;
        justify-content: space-around;
        flex-direction: row;
    }
    .divImagesLogin {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .divButtonsLogin {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .divMessageLogin {
        display: flex;
        justify-content: left;
        flex-direction: row;
    }
/*Fim Janela Login*/

/* Menu */
div.base-menu {
    height: auto !important;
    width: 100%;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #f1f1f1;
    background: url('imagens/bck-menu.jpg') no-repeat;
    background-position: center;
}

div.corpo-menu {
    height: auto !important;
    width: 300px;
    padding: 0px 0px 1px 0px;
    background: url('imagens/bck-barra-menu.png');
    border-right: 1px solid #e7ddde;
}

ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul.menu li {
        position: relative;
        display: inline;
        color: #000;
    }

        ul.menu li.azul > a {
            color: #0000FF;
            text-decoration: none;
            display: block;
            padding: 5px 18px;
        }

        ul.menu li > a {
            color: #000;
            text-decoration: none;
            display: block;
            padding: 5px 18px;
        }

        ul.menu li.azul > a:hover,
        ul.menu li a:hover {
            color: #FFFFFF;
            text-decoration: none;
            background: #D70607 url('imagens/bck-row.gif') repeat-x;
        }

        ul.menu li.parent {
            display: block;
            padding: 5px;
            width: 100%;
        }

            ul.menu li.parent a,
            ul.menu li.parent a:hover {
                background: transparent;
                color: #B02A21;
                font: 13px/100% Helvetica,Arial,sans-serif;
                font-weight: bold;
                padding: 5px;
            }

        ul.menu li.header {
            display: block;
            padding: 10px;
            color: #B02A21;
            font: 13px/100% Helvetica,Arial,sans-serif;
            font-weight: bold;
            width: 100%;
        }


ul.sub-menu {
    display: none;
}



/*
     MENU PRINCIPAL (MOBILE) 
     --------------------------------------
*/
/*
div.corpo-menu.mobile {
    height: auto !important;
    width: 800px;
    padding: 1px 0px 1px 0px;
    background: url('imagens/bck-barra-menu.png');
    border-right: 1px solid #e7ddde;
}

ul.menu.mobile {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    ul.menu.mobile li > a {
        color: #000;
        text-decoration: none;
        font-size: 2.5rem;
        display: block;
        padding: 30px 18px 35px 15px;
        margin: 2px;
        background-color: rgba(100,100,100,0.1);
        border-radius: 10px;
    }
    
    ul.menu.mobile li.azul > a:hover,
    ul.menu.mobile li a:hover {
        color: #FFFFFF;
        text-decoration: none;
        background: #D70607 url('imagens/bck-row.gif') repeat-x;
    }

    ul.menu.mobile li.parent {
        display: block;
        padding: 5px;
        width: 100%;
    }

        ul.menu.mobile li.parent a,
        ul.menu.mobile li.parent a:hover {
            background: transparent;
            color: #B02A21;
            font: 33px/100% Helvetica,Arial,sans-serif;
            font-weight: bold;
            padding: 5px;
        }

            ul.menu.mobile li.parent a,
            ul.menu.mobile li.parent a:hover {
                background: transparent;
                color: #B02A21;
                font: 33px/100% Helvetica,Arial,sans-serif;
                font-weight: bold;
                padding: 5px;
            }

    ul.menu.mobile li.header {
        display: block;
        padding: 10px;
        color: #B02A21;
        font-size: 2.5rem;
        font-weight: bold;
        width: 100%;
    }
    */
/* 
    Fim Menu (MOBILE)



#corpo table tr td.bgVermelho,
#corpo table tr:hover td.bgVermelho,
#corpo table tr td.bgVermelho a:link,
#corpo table tr td.bgVermelho a:visited,
#corpo table tr:hover td.bgVermelho a:link,
#corpo table tr:hover td.bgVermelho a:visited {
    BACKGROUND: red;
    color: #FFF;
}

#corpo table tr td.bgAzul,
#corpo table tr:hover td.bgAzul,
#corpo table tr td.bgAzul a:link,
#corpo table tr td.bgAzul a:visited,
#corpo table tr:hover td.bgAzul a:link,
#corpo table tr:hover td.bgAzul a:visited {
    BACKGROUND: #BFCFFF;
    color: #000;
}

#corpo table tr td.bgAmarelo,
#corpo table tr:hover td.bgAmarelo,
#corpo table tr:hover td.bgAmarelo a:link,
#corpo table tr:hover td.bgAmarelo a:visited {
    BACKGROUND: #FFE599;
    color: #000;
}

#corpo table tr td.bgVerde,
#corpo table tr:hover td.bgVerde,
#corpo table tr td.bgVerde a:link,
#corpo table tr td.bgVerde a:visited,
#corpo table tr:hover td.bgVerde a:link,
#corpo table tr:hover td.bgVerde a:visited {
    BACKGROUND: green;
    color: #FFF;
}

#corpo table tr td.bgWhite,
#corpo table tr:hover td.bgWhite,
#corpo table tr td.bgWhite a:link,
#corpo table tr td.bgWhite a:visited,
#corpo table tr:hover td.bgWhite a:link,
#corpo table tr:hover td.bgWhite a:visited {
    background-color: white;
    color: #000;
}

.azul > a:link, .azul > a:visited {
    color: #0000FF;
}

.azul {
    color: #0000FF;
}

.vermelhoJang {
    color: #B02A21;
}

    .vermelhoJang > a:link, .vermelhoJang > a:visited {
        color: #B02A21;
    }

.preto {
    color: #000000;
}

.negrito {
    font-weight: bold;
}

label {
    padding-right: 5px;
}

.inputSearch {
    background: white url(/ConsultasWeb/App_Themes/jangTextil/imagens/search.gif) right no-repeat;
    padding-right: 17px;
}

.ps {
    clear: both;
    display: block;
    padding: 5px;
    font-style: italic;
    text-align: left;
    color: Red;
}

    .ps p {
        margin-bottom: 5px;
    }
/*
.floatThead-col {
    display: none;
}*/
/***** PRINT ******/
@media print {
    .segundaBarraMaster, #rodape {
        display: none;
        margin: 0px;
        border: none;
    }

    .print,
    .printPopUp {
        display: block;
    }

        .print .buttons,
        .printPopUp .buttons {
            display: none;
            display:inline
        }

    .printPopUp {
        position: relative;
        margin: 0px;
        padding: 0px;
        left: 0px;
        border: none;
        width: 100%;
        overflow: hidden;
    }

    .noPrint {
        display: none !important;
    }
    /*
    .printTC {
       display: table-cell;
    }*/
}

/* RESPONSIVE */

/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.section2 {
    clear: both;
    padding: 0px;
    margin: 0px;
    padding-left: 40%;
}
/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }


/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.1%;
}

.span_1_of_3 {
    width: 32.2%;
}

.span_1_of_2 {
    width: 49.2%;
}

.ms .ms-drop {
    z-index: 1002;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}


@media only screen and (max-width: 768px) {
    .bordaBox {
        width: 300px;
       /* height: 35%;*/
        height: 213px;
        left: 0%;
        margin-left: 30px;
    }
    .divFieldsLogin {
        flex-direction: column;
        align-items: center;
        margin: 5px;
    }
    #txtUsuario {
        margin-bottom: 10px;
    }
    /**  INÍCIO **
        Por Guerreiro Junior em 24/11/23 
        configura menu de navegação e Tela de Expedição
    */
    #Header1_HyperLink3 {
        font-size: 20px;
    }
    #leftblock {
        width: 100%;
    }
    #lblTituloPagina {
        font-size: 25px;
    }
    ul.menu li.header {
        font-size: 40px/100%;
        padding: 10px;
    }
    
    ul.menu li.parent div > a,
    ul.menu-basico li > a,    
    ul.menu-basico li.azul > a {
        font-size: 40px;
        padding: 25px;
    }

    ul.sub-menu li > a,
    ul.sub-menu li.azul > a,
    ul.menu li.header,
    ul.menu li.parent.header {
        font-size: 40px;
        padding: 25px;
    }
    ul.menu li.azul > a:hover,
    ul.menu li a:hover {
        font-size: 40px;
        padding: 25px;
    }
    ul.menu li.parent a,
    ul.menu li.parent a:hover {
        background: transparent;
        color: #B02A21;
        font: 40px/100% Helvetica,Arial,sans-serif;
        font-weight: bold;
        padding: 5px;
    }
    /*   Expedição **/
    #dvExpedTopo {
        height: 100px;
        flex-wrap: wrap;
    }
    #dvExpedTopo div > strong,
    #dvExpedTopo div > select,
    #dvExpedTopo div > button {
        font-size: 16px;
        padding: 5px;
        margin: 5px;
    }
    #ContentPlaceHolder1_cmpPeriodo_cmpDataInicial,
    #ContentPlaceHolder1_cmpPeriodo_cmpDataFinal {
        margin: 5px;
    }
    #tb_pedidos tbody > tr {
        padding: 5px 0 5px 0;
    }
    #tb_pedidos tbody > tr > td {
        font-size: 12px;
        padding: 5px;
        font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        line-height: 20px;
    }
    /** FIM **
        Por Guerreiro Junior em 24/11/23
    */

    .col {
        margin: 1% 0 1% 0%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_2, .span_1_of_3 {
        width: 100%;
    }

    .divDetalhePedido {
        display: none;
    }

    .divListaDePedidos {
        flex: 1;
        width: 100vh;
    }

    .bottomTelaPedidos {
        margin-bottom: 10vh;
    }
}

tr.subtotal-fluxo-caixa-label td {
    font-weight: bold;
    font-size: 12px;
    background-color: darkgrey
}

tr.grupo-fluxo-caixa-label td {
    font-weight: bold;
    font-size: 12px;
}

pre {
    font: 11px/100% Helvetica,Arial,sans-serif;
}