body {
    /*font-family: 'MS Reference Sans Serif';*/
    background-color: #fff;
    line-height: normal;
    font-size: 14px;
    color: #4e5766;
    margin: 0px;
}

h1 {
    font-size: 32px;
    font-family: inherit;
}

a[role='button'][onclick] {
    cursor: pointer;
}

.header_main {
    background: #2c6aa0;
    float: none;
    padding: 2px;
    padding-bottom: 0;
    margin: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #2f5bbb;
    display: table;
    width: 99.7%;
    min-height: 45px;
}

    .header_main div {
        display: table-cell;
        vertical-align: top;
    }

phlogo {
    width: 150px;
}

.hlogo {
    display: inline-flex !important;
    width: 150px;
    height: 44px;
    position: absolute;
    background: #fff;
}

    .hlogo:after {
        display: block;
        content: "";
        position: absolute !important;
        right: 0;
        top: 0px;
        border: 8px solid transparent;
        border-left-color: #FFF;
        border-width: 22.6px 10px;
        background: #2c6aa0;
    }

    .hlogo img {
        max-height: 44px !important;
        max-width: 125px !important;
        object-fit: contain;
    }

.divLogin input[type=text], .divLogin input[type=password] {
    width: 500px;
}

.navbar {
    list-style: none;
    float: right;
    margin-right: 0;
    position: relative;
    left: 0;
    display: block;
    margin: 0 10px 0 0;
    height: 100%;
    padding: 0;
}

    .navbar li {
        border-left: 1px solid #DDD;
        max-width: 200px;
        max-height: 45px;
        line-height: 45px;
        float: left;
    }

    .navbar a {
        cursor: pointer;
    }


.nav_pager {
    list-style: none;
    position: relative;
    display: block;
    height: 100%;
    padding: 0;
}

    .nav_pager li {
        margin: 2px;
        position: relative;
        padding: 4px;
        cursor: pointer;
        float: left;
        list-style: none;
        background: #f8f8f9;
    }

    .nav_pager a {
        cursor: pointer;
    }

.lisair {
    background: #b74635;
    border-right: 1px solid #DDD;
}

.main_content {
    padding: 0;
    position: relative;
}

    .main_content:before {
        display: table;
        line-height: 0;
        content: "";
    }

.side_menu {
    width: 200px;
    position: relative;
    float: left;
    height: 1px;
    overflow: visible;
}

    .side_menu:before {
        content: "";
        display: block;
        width: 200px;
        position: fixed;
        bottom: 0;
        top: 0;
        z-index: -1;
        background-color: #002f58;
        border-right: 0;
    }

    .side_menu:after {
        display: table;
        line-height: 0;
        content: "";
        clear: both;
    }

.side_content {
    margin-left: 205px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
}

.nav_menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .nav_menu > li {
        cursor: pointer;
        display: block;
        padding: 0;
        margin: 0;
        border: 0;
        border-top: 1px solid #002f58;
        border-bottom: 1px solid #002f58;
        position: relative;
        line-height: 12px;
    }

    .nav_menu span {
        color: #efefef;
    }

    .nav_menu.gray span {
        color: #585858;
    }

    .nav_menu .li_modulo {
        border-top: 1px solid #eee;
    }

        .nav_menu .li_modulo.gray {
            background: #f9f9f9;
            border-top: 1px solid #d3d3d3;
        }

        .nav_menu .li_modulo .divMenu {
            margin-left: 5px;
            cursor: pointer;
        }

.menu_nucleo {
    color: #fff;
    height: 30px;
    line-height: 25px;
    border-top: 1px solid #fff;
    background: #e39912;
    /*font-size: 13px;*/
    text-align: center;
}

.nav_menu .li_form {
    display: none;
    background: #023969;
}

    .nav_menu .li_form.white {
        background: #fff;
    }

    .nav_menu .li_form .divMenu {
        margin-left: 22px;
    }

    .nav_menu .li_form a:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 7px;
        left: 12px;
        top: 20px;
        border-top: 1px dotted #9dbdd6;
    }

    .nav_menu .li_form.selected {
        background: #2c6aa0;
    }

        .nav_menu .li_form.selected a:after {
            display: block;
            content: "";
            position: absolute !important;
            right: 0;
            top: 4px;
            border: 8px solid transparent;
            border-width: 14px 10px;
            border-right-color: #fff;
        }

    .nav_menu .li_form .ic-modulo, .nav_menu .li_form .ui-icon-caret-1-s {
        display: none !important;
    }


.menu_vertical_container {
    float: left;
    min-width: 250px;
    margin-right: 50px;
}

.menu_vertical_container_ul {
    list-style: none;
    padding: 0;
}

    .menu_vertical_container_ul li {
        width: 100%;
        background: #002f58;
        padding: 10px 0px;
        padding-right: 10px;
        text-indent: 25px;
        box-shadow: 0px 0px #126CA1 inset;
        transition: box-shadow .3s,text-indent .3s;
        position: relative;
        border: 1px solid #fff;
    }

        .menu_vertical_container_ul li:hover {
            background: #2c6aa0;
            box-shadow: 3px 0px #126CA1 inset;
            transition: box-shadow .3s linear,text-indent .3s linear;
            text-indent: 31px;
        }

        .menu_vertical_container_ul li a {
            color: #fff;
        }

    .menu_vertical_container_ul.text {
        line-height: 40px;
    }

    .menu_vertical_container_ul li.current {
        background: #66aa50;
    }

.pedido_cadastro .table-cell {
    padding: 0px 15px;
    vertical-align: middle;
}

.pedido_cadastro .table-cell-0 {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.icon-lupa {
    left: auto;
    right: 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    vertical-align: middle;
    background-image: url(images/ic-lupa.png);
    background-repeat: no-repeat;
    margin-top: 0;
    width: auto;
    height: auto;
    background-position: 6px 4px;
}

    .icon-lupa:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        content: "\f007";
    }

/*- tabsAzul --------------------------- */
.tabsAzul {
    float: left;
    width: 100%;
    line-height: normal;
    border-bottom: 1px solid #002f58;
}

    .tabsAzul ul {
        margin: 0;
        padding: 10px 10px 0 5px;
        list-style: none;
    }

    .tabsAzul li {
        display: inline;
        margin: 0;
        padding: 2px;
        float: left;
        background: #eee;
        margin: 0;
        text-decoration: none;
        border: 1px;
        border-bottom: 0;
        border-color: #2c6aa0;
        border-style: solid;
    }

    .tabsAzul a {
        float: left;
        display: block;
        padding: 5px 15px 4px 6px;
        color: #002f58;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsAzul a {
        float: none;
    }
    /* End IE5-Mac hack */
    .tabsAzul li:hover {
        background: #fff;
    }

        .tabsAzul li:hover a {
            color: #2c6aa0;
        }

    .tabsAzul li:hover {
        background-position: 0% -42px;
    }

        .tabsAzul li:hover a {
            background-position: 100% -42px;
        }

    .tabsAzul #current {
        border-top: 2px solid #2c6aa0;
        margin-bottom: -1px;
        background: #fff;
    }
/*-- tabsAzul --*/

.conteudo {
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    padding-bottom: 10px;
}

.center {
    text-align: center;
}

/*tabelas*/
.table {
    display: table;
    margin: auto;
}

    .table.p2 div {
        padding: 2px;
    }

.table-cell {
    display: table-cell;
}

.table-cell-i {
    display: table-cell !important;
}

.tablePesquisa {
    border: 1px solid #B2B4BF;
    background-color: #FFFFFF;
}

.tableCriterio {
    border: 1px solid #B2B4BF;
}

.tablePesquisa th {
    text-align: center !important;
    color: #039;
    background-color: #fff;
    padding: 10px 8px;
    border: 1px solid #ddd !important;
    border-bottom: 2px solid #6678b1 !important;
    font-weight: 500 !important;
}

.tablePesquisa td {
    border: 1px solid #ddd;
    padding: 4px 6px;
}

.tablePesquisa tr:nth-child(odd):not(.custombg) td:not(.custombg) {
    background-color: #f7f7f7 !important;
}

.tablePesquisa tr:hover td {
    color: #669;
}

.tablePesquisa .td {
    border: 1px solid #ddd;
    padding: 9px 8px 0;
}

.tablePesquisa.noborder .td {
    border: 0px;
}

.noborder td {
    border: 0px;
}

.noborder tr {
    box-shadow: 0px 0px 0px !important;
}

.tblfullwidth {
    width: 100%;
}

.td {
    display: table-cell;
    vertical-align: middle;
}

.table.td10 .td {
    padding: 10px 2px;
}

.tr {
    display: table-row;
}

.td10 .td {
    padding: 0px 5px;
}

.td2 {
    padding: 2px;
    display: table-cell;
    vertical-align: middle;
}
/*---*/

select {
    border: #002f58 1px solid;
    padding: 4px 6px;
}

input[type='text'], input[type='password'] {
    border: 1px solid #959595;
    padding: 4px 6px;
}

input[type=submit] {
    color: #fff;
    cursor: pointer;
    background: #2283c5;
    padding: 5px;
    text-transform: none;
    border: 1px solid #002f58;
}

    input[type=submit]:hover {
        background: #2c6aa0;
        border: 1px solid #002f58;
        box-shadow: 0px 1px 2px #023969;
    }

    input[type=submit].aspNetDisabled {
        background: #f9f9f9;
        cursor: default;
    }

.opcoes {
    position: relative;
}

    .opcoes button, .opcoes .button {
        background-color: #2283c5 !important;
        border-color: #2283c5;
        line-height: 18px;
        border-width: 1px;
        display: inline-block;
        color: #FFF !important;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
        border: 2px solid;
        border-radius: 0;
        box-shadow: none !important;
        cursor: pointer;
        vertical-align: middle;
        margin: 0;
        position: relative;
        /*padding: 4px;
                font-size: 11px;*/
    }

        .opcoes button i, .opcoes .button i {
            padding: 3px 10px;
        }

.inline-block {
    display: inline-block !important;
    vertical-align: middle;
}

.opcoes a {
    cursor: pointer;
}

.block {
    display: block;
}

.opcoes button span, .opcoes .span_only, .ui-icon-white {
    background-image: url("images/ui-icons_ffffff_256x240.png") !important;
    display: inline-block;
    vertical-align: middle;
}

.top {
    vertical-align: top;
}

.ui-icon-red {
    background-image: url("images/ui-icons_cc0000_256x240.png") !important;
    display: inline-block;
    vertical-align: middle;
}

.ui-icon-green {
    background-image: url("images/ui-icons_777620_256x240.png") !important;
    display: inline-block;
    vertical-align: middle;
}

.ui-icon-blue {
    background-image: url("images/ui-icons_3d80b3_256x240.png") !important;
    display: inline-block;
    vertical-align: middle;
}

.ui-icon-info {
    cursor: pointer;
}

.custom-tooltip {
    background: #f7faff !important;
    border: 1px solid #2c6aa0 !important;
}

.opcoes_content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1100;
    float: left;
    min-width: 120px;
    padding: 5px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .opcoes_content.nucleo {
        display: none;
        max-width: 400px;
        width: max-content;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;
    }

    .opcoes_content li {
        position: relative;
        line-height: 25px;
        text-align: left;
        padding-left: 5px;
    }

        .opcoes_content li span, .opcoes_content li a {
            display: inline-block;
            vertical-align: baseline;
            padding: 1px;
        }

        .opcoes_content li:hover {
            background: #eee;
        }

    .opcoes_content .fas {
        padding-right: 2px;
    }

.absolute_top {
    background: #ffefef;
    padding: 15px;
    border: 2px solid #c40606;
    font-size: 16px;
    width: 176px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
}

    .absolute_top.loading {
        z-index: 999999999;
        background: #fff;
        border: 2px solid #000;
        color: #000;
        position: fixed;
        top: 10%;
    }

.modal-header.error {
    background: #af0000 !important;
}

.modal-header.sucess {
    background: green !important;
}

#modalmsg .modal-body {
    color: #000;
    font-size: 15px;
}

#modalsuccess {
    position: fixed;
    top: 10px;
    left: 45%;
}
/* IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .opcoes_content.nucleo {
        width: 400px;
    }

    .nav_menu > li {
        padding: 10px;
    }
}
/*--------*/

/* EDGE */
@supports (-ms-ime-align:auto) {
    .opcoes_content.nucleo {
        width: 400px;
    }
}
/*------------*/


/*Cadastros básicos*/
.ic-delete {
    background: url(images/ic-delete.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ic-edit {
    background: url(images/ic-edit.png) no-repeat;
    width: 30px;
    height: 16px;
    display: inline-block;
}
/*--------------*/

/*-----ic-agenda---*/
.ic-agenda {
    background: url('images/ic-agenda.png') no-repeat #dfebf9 !important;
    margin: 0;
    width: 16px;
    height: 16px;
}

    .ic-agenda.white {
        background: url('images/ic-agenda-fff.png') no-repeat !important;
    }

    .ic-agenda.refresh {
        background-position: center 12px !important;
    }

    .ic-agenda.next {
        background-position: center -116px !important;
    }

    .ic-agenda.previous {
        background-position: center -73px !important;
    }

    .ic-agenda.adicionar {
        background-position: center -36px !important;
    }

    .ic-agenda.config {
        background-position: center -242px !important;
    }

    .ic-agenda.pesquisa {
        background-position: center -288px !important;
    }

    .ic-agenda.filter {
        background-position: center -334px !important;
    }

    .ic-agenda.voltar {
        background-position: center -365px !important;
    }

    .ic-agenda.contato {
        background-position: center -400px !important;
    }

    .ic-agenda.contato_add {
        background-position: center -440px !important;
    }
/*---------------*/
.divconf {
    display: inherit;
    text-align: left;
}

.ui-autocomplete-input {
    height: 30px;
    padding: 4px 6px;
    background: #fff !important;
    /*border-right: 0px !important;*/
}
/*.custom-combobox .ui-corner-right{height:30px; top:-1.5px;background:#fff;border-left:0px;}*/
span.custom-combobox {
    display: block;
    position: relative;
    width: 98%;
}

.custom-combobox .ui-autocomplete-input {
    width: 100%;
}

.custom-combobox .ui-corner-right {
    position: absolute;
    right: 1px;
    padding: 0;
    margin: 0;
    border: none;
    top: 2px;
    height: 26px;
    background: #fff;
}

.ui-autocomplete-input {
    padding-left: 5px
}

ul.ui-widget-content {
    box-shadow: 0px 2px 1px #2c6aa0;
    padding: 5px;
    border-color: #4492c9;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 150px;
    z-index: 999999999;
}

li.ui-state-focus {
    background-color: #316ac5 !important;
    color: #fff !important;
}

.divcli {
    background: #e8f0ff;
    padding: 4px 2px;
    margin: 2px 0px;
}

.divalert {
    background: #fffee8;
    padding: 4px 2px;
    margin: 2px 0px;
    color: black;
    margin: 2px 0px 25px 0px;
}

    .divalert :is(p,ul) {
        margin-bottom: 0px !important;
    }

.div10 {
    margin: 10px 0px;
}

.div20 {
    margin: 20px 0px;
}

.div5 {
    margin: 5px 0px;
}

.div2 {
    margin: 2px 0px;
}

.divfirst {
    clear: both;
}

.conteudo .divfirst {
    margin-top: 50px;
}
/*--------Memorando-------*/
.memorando_menu {
    border-right: 1px solid #eee;
    margin-top: 20px;
    display: table-cell;
    vertical-align: top;
}

    .memorando_menu div {
        padding: 5px;
    }

.memorando_opcoes {
    background: #E5E5E5;
    border: 1px solid #eee;
    padding: 5px;
}

.memorando_msg {
    display: table-cell;
    width: 85%;
}
/*--------------------*/

input[type=checkbox] {
    vertical-align: middle;
}

.group_header {
    border: 1px solid #002f58;
    padding: 10px;
    background: #fff;
    border-bottom: 0px;
    width: 99%;
    color: #002f58;
    font-weight: bold;
}

.group_content {
    width: 99%;
    border: 1px solid;
    border-top: 0px;
    background: #fff;
}

.group_header_a {
    border: 0;
    padding: 0;
}
/*--Google--*/
.google-visualization-orgchart-node-medium {
    font-size: 1em !important;
}
/*---------*/
.ul-inline {
    list-style: none;
}

    .ul-inline li {
        display: inline;
    }

.hplImprimir {
    color: #fff;
    background: #2283c5;
    cursor: pointer;
    text-transform: none;
    border: 1px solid #002f58;
    padding: 6px;
    text-align: center;
}

    .hplImprimir:hover {
        color: #fff;
        background: #2c6aa0;
        border: 1px solid #002f58;
        box-shadow: 0px 1px 2px #023969;
    }

/*---steps progress bar--*/
.step_container {
    float: left;
    width: 100%;
    margin: 10px auto;
}

.step_progressbar {
    margin: 0;
    padding: 0;
    counter-reset: step;
}

    .step_progressbar li {
        list-style-type: none;
        float: left;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        color: #7d7d7d;
        cursor: pointer;
    }

        .step_progressbar li a {
            color: #7d7d7d;
        }

    .step_progressbar.li2 li {
        width: 50%;
    }

    .step_progressbar.li3 li {
        width: 33.33%;
    }

    .step_progressbar.li4 li {
        width: 25%;
    }

    .step_progressbar.li5 li {
        width: 20%;
    }

    .step_progressbar.li6 li {
        width: 16.66%;
    }

    .step_progressbar.li7 li {
        width: 14.28%;
    }

    .step_progressbar li:before {
        width: 30px;
        height: 30px;
        content: counter(step);
        counter-increment: step;
        line-height: 25px;
        border: 2px solid #7d7d7d;
        display: block;
        text-align: center;
        margin: 0 auto 10px auto;
        border-radius: 50%;
        background-color: white;
    }

    .step_progressbar li:after {
        width: 100%;
        height: 2px;
        content: '';
        position: absolute;
        background-color: #7d7d7d;
        top: 15px;
        left: -50%;
        z-index: -1;
    }

    .step_progressbar li:first-child:after {
        content: none;
    }

    .step_progressbar li.current, .step_progressbar li.current a {
        color: green;
        font-weight: bold;
    }

        .step_progressbar li.current:before {
            border-color: #55b776;
        }

        .step_progressbar li.current + li:after {
            background-color: #55b776;
        }
/*-------*/
.cabcolor {
    color: #3366CC;
}

#chart_div {
    width: 100%;
    height: 500px;
    overflow-x: scroll;
}

.bold {
    font-weight: bold;
}

.green {
    color: green;
}

.relative {
    position: relative;
}

.menu_vertical_container_ul .untick, .menu_vertical_container_ul .tick {
    position: absolute;
    right: 5px;
    top: 20px;
    padding: 13px;
}

.menu_vertical_container_ul .tick {
    background: url(images/tick.png);
    background-repeat: no-repeat;
    background-position: center;
}

.menu_vertical_container_ul .untick {
    background: url(images/untick.png);
    background-repeat: no-repeat;
    background-position: center;
}

.btnFiltro .fa-exclamation-circle {
    display: none;
}

    .btnFiltro .fa-exclamation-circle.show {
        display: table-cell
    }

span[data-toggle="tooltip"], i[data-toggle="tooltip"] {
    cursor: help;
}

.aspNetDisabled {
    cursor: text !important;
}

    .aspNetDisabled a {
        color: #eee !important;
    }

.btn-info {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #2c6aa0;
    padding: 0px 2px;
}

h2 {
    font-size: 1.5rem !important;
}

.div-filter {
    background: #F8F8FF;
    display: block;
    padding: 7px;
    text-align: right;
}

.btn-filter {
    padding: 5px;
    cursor: pointer;
    background: #6678b1;
    color: #fff;
}

    .btn-filter:hover {
        color: #fff !important;
    }

.btn-print-filter {
    padding: 5px;
    cursor: pointer;
    background: #989898;
    color: #fff;
    margin-right: 5px;
}

    .btn-print-filter:hover {
        color: #fff !important;
    }

.btn-del-filter {
    padding: 5px;
    cursor: pointer;
    background: #3a0404;
    color: #fff;
    margin-right: 5px;
}

    .btn-bloq-filter:hover, .btn-del-filter:hover, .btn-lock-filter, .btn-pk-filter:hover, .btn-blocado-filter:hover {
        color: #fff !important;
    }

.btn-bloq-filter {
    padding: 5px;
    cursor: pointer;
    background: #be3d00;
    color: #fff;
    margin-right: 5px;
}

.btn-lock-filter {
    padding: 5px;
    cursor: pointer;
    background: #be3d00;
    color: #fff;
    margin-right: 5px;
}

.btn-pk-filter {
    padding: 5px;
    cursor: pointer;
    background: #25355a;
    color: #fff;
    margin-right: 5px;
}

.btn-blocado-filter {
    padding: 5px;
    cursor: pointer;
    background: #334d87;
    color: #fff;
    margin-right: 5px;
}


/*.filterable .tablePesquisa tr:first-child {
        display: table-row !important;
    }*/


/*--DataTable--*/
.dataTables_length {
    display: inline-block;
    float: left;
}

    .dataTables_length select {
        padding: 3px;
    }

    .dataTables_length label {
        margin: 0;
    }

.dataTables_info {
    background: #eff3f8;
}

.dataTables_paginate.paging_numbers {
    background: #eff3f8;
    height: 40px;
    text-align: center !important;
}

.paginate_button {
    color: #2283c5;
    background-color: #fafafa;
    margin: 0 -1px 0 0;
    border-color: #e0e8eb;
    cursor: pointer;
    border: 1px solid #bebebe;
}

    .paginate_button:hover {
        background-color: #eee;
    }

    .paginate_button.current {
        background-color: #6faed9;
        border-color: #6faed9;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
    }

.dataTables_filter {
    display: inline-block;
}

    .dataTables_filter input[type="search"] {
        padding: 3px;
    }
/*---------------*/
/*--RadioButton toggle--*/
.has-toggle-input label, .has-toggle-input.radio label {
    display: block;
    float: left;
    padding: 5px 10px;
    margin: auto auto auto -1px;
    background: #f4f4f4;
    color: #444;
    border: 1px #d0d0d0 solid;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
}

    .has-toggle-input label.active {
        background: #cb0928;
        border-color: #cb0928;
        color: white;
        font-weight: bolder;
    }

    .has-toggle-input label:first-of-type {
        margin-left: auto;
    }

    .has-toggle-input label:last-of-type {
    }
/*---------------------*/

/*-----------CheckBox Switch---------------*/
label[for] {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    background-color: #eee;
    width: 40px;
    height: 15px;
    border-radius: 10px;
    box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
    cursor: pointer;
    margin: 0px 6px;
}

span[chkGreenRed] input[type='checkbox'] {
    background-color: red;
}

input[type='checkbox']:disabled {
    background: #fff;
}

input [type='checkbox']:focus {
    outline: none;
    cursor: pointer;
}

input[type='checkbox']:before {
    content: '';
    margin-top: -2.5px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #333, 0 2px 5px rgba(0,0,0,.5);
    position: relative;
    left: 0;
    transition: left .3s ease-out;
    -webkit-transition: left .3s ease-out;
}

input[type='checkbox']:disabled:before {
    box-shadow: inset 0 0 0 2px #a7a7a7, 0 2px 5px rgba(0,0,0,.5);
}

input [type='checkbox']:after {
    content: '';
    display: block;
    margin-top: -2.5px;
    left: 20px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    transition: left .3s ease-out;
    -webkit-transition: left .3s ease-out;
    color: #666;
}

input[type='checkbox']:checked, span[chkGreenRed] input[type='checkbox']:checked {
    background-color: lime;
}

span[chkRed] input[type='checkbox']:checked {
    background-color: red;
}

input[type='checkbox']:checked:disabled {
    background-color: #bae7ba;
}

input[type='checkbox']:checked:before {
    left: 22.5px;
    box-shadow: inset 0 0 0 2px green, 0 2px 5px rgba(0,0,0,.5);
}

span[chkRed] input[type='checkbox']:checked:before {
    left: 22.5px;
    box-shadow: inset 0 0 0 2px red, 0 2px 5px rgba(0,0,0,.5);
}

input[type='checkbox']:checked:after {
    content: '';
    left: 43.5px;
    color: green;
}
/*---------------------*/

/*---------Table Checkbox------------------*/
.noswitch input[type="checkbox"]:before, .noswitch input[type="checkbox"]:after,
.tablePesquisa input[type="checkbox"]:before, .tablePesquisa input[type="checkbox"]:after {
    all: initial;
}

.noswitch input[type="checkbox"],
.tablePesquisa input[type="checkbox"] {
    content: "";
    color: #dddfe6;
    font-family: "Font Awesome 6 Free";
    line-height: 1;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    border-radius: 1px;
}

    .noswitch input[type="checkbox"]:checked,
    .tablePesquisa input[type="checkbox"]:checked {
        content: "";
        color: #fe4365;
        animation: tick 250ms ease-in;
    }

    .noswitch input[type="checkbox"]:disabled,
    .tablePesquisa input[type="checkbox"]:disabled {
        content: "";
        color: #dddfe6;
    }

@keyframes tick {
    0% {
        transform: scale(0);
    }

    90% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.tablePesquisa tfoot {
    background: #CBDCDC;
}
/*----------------------------------*/

.dTreinamento {
    min-width: 800px;
}

.dPlayer {
    display: table !important;
    margin: 10px auto;
}

input::-webkit-input-placeholder { /* Edge */
    font-style: italic;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style: italic;
}

input::placeholder {
    font-style: italic;
}

.pointer {
    cursor: pointer;
}

.info {
    cursor: help;
}


.fas.icon {
    padding: 4px;
}

.horizontal-separator {
    margin-left: 5px;
    vertical-align: baseline !important;
}

.draggable_handle {
    cursor: move;
}

.hoverGray:hover {
    border: 1px solid #eee;
    background: #f8f8f8;
    border-radius: 5px;
}

.overflow_auto {
    overflow: auto;
}

.vermais {
    display: inline-block;
    border: none;
    background: none;
    color: blue;
    font-weight: bold;
    cursor: pointer;
}

.f12 {
    font-size: 12px;
}

#divFiltro {
    overflow: auto;
}

.mirror, .scaleX {
    transform: scaleX(-1);
}

.subtitle {
    z-index: -1;
    color: #3366CC;
    font-weight: bold;
}

.box {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #eee;
    padding: 20px;
    min-width: 300px;
}

.box-title {
    position: absolute;
    top: -10px;
    left: 5px;
    background: #fff;
}

.w-auto {
    width: auto;
    margin: inherit;
}

.exercito {
    width: 60px;
    height: 60px;
    background: url('../images/exercito.png');
    margin: auto;
}

.policia_federal {
    width: 60px;
    height: 60px;
    background: url('../images/policia_federal.png');
    margin: auto;
}

.policia_civil {
    width: 60px;
    height: 60px;
    background: url('../images/policia_civil.png');
    margin: auto;
}

.policia_civil {
    width: 60px;
    height: 60px;
    background: url('../images/policia_civil.png');
    margin: auto;
}

.ibama {
    width: 60px;
    height: 60px;
    background: url('../images/ibama.png');
    margin: auto;
}

    .exercito.min, .policia_federal.min, .policia_civil.min, .ibama.min, .outros.min {
        background-size: 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
    }

.p5 {
    padding: 5px;
}

.ban:after {
    content: "";
    position: absolute;
    border-top: 2px solid black;
    width: 145%;
    transform: rotate( 52deg);
    transform-origin: 0% 0%;
}

.opacity50 {
    opacity: 50%;
}

#ScanReader__dashboard_section div {
    margin: 40px 0px;
}

.btnScan {
    background: #9e8614;
    color: #fff;
    cursor: pointer;
}

    .btnScan::after {
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        content: "\f030";
    }

.search-choice-close {
    padding: initial;
}

.chosen-container {
    font-size: 14px;
}

.chosen-choices, .chosen-drop {
    font-size: 14px;
}

.search-choice {
    padding: 4px !important;
}

    .search-choice span {
        padding-right: 15px;
    }

.multiple-txt .chosen-container {
    width: 100% !important;
}

.multiple-txt .chosen-drop {
    display: none;
}

.list_item {
    position: relative;
    float: left;
    margin: 0px 10px;
    padding: 10px;
    background: #eee;
}

.notificacao_event {
    display: none;
    top: 60px;
    right: 10px;
    position: fixed;
    background: #f9f9f9;
    min-width: 20%;
    border-radius: 5px;
    box-shadow: 6px 8px 8px #ccc;
    z-index: 40;
    max-width: 45vw;
    border: 1px solid lightgray;
}

    .notificacao_event.error {
        box-shadow: 0px 2px 2px 2px #ff8d8d;
    }

    .notificacao_event .title {
        background: #2c6aa0;
        color: #fff;
        position: relative;
        height: 30px;
    }

    .notificacao_event.error .title {
        background: #9b0000;
    }

    .notificacao_event .title a {
        float: right;
        background: #f3f3f3;
        padding: 6px;
        color: #162b5c;
        cursor: pointer;
        margin: 2px;
    }

    .notificacao_event.error .title a {
        color: #9b0000;
    }

    .notificacao_event .title div {
        float: left;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
    }

    .notificacao_event .content {
        padding: 10px;
    }

        .notificacao_event .content div {
            margin: 5px 0px;
        }

        .notificacao_event .content span {
            background: #ffeb00;
            color: #062c97;
            font-weight: bold;
            padding: 0px 5px;
        }

.confirm-content {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-weight: 400;
    color: rgba(0, 0, 0, .64);
    max-width: calc(100% - 20px);
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.confirm-bottom {
    text-align: right;
    margin-top: 13px;
    padding: 13px 16px;
}

    .confirm-bottom button, .confirm-bottom a {
        margin: 5px !important;
        display: inline-block;
        position: relative;
        color: #fff;
        border: none;
        box-shadow: none;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
        padding: 10px 24px;
        margin: 0;
        cursor: pointer;
    }

#confirm-cancel {
    color: #555;
    background-color: #efefef;
}

    #confirm-cancel:hover {
        background-color: #e8e8e8;
    }

#confirm-ok {
    background-color: #e64942;
}

    #confirm-ok:hover {
        background-color: #df4740;
    }

/*-----------------------------------------------------------------antigo----------------------------------------------------------------------------*/
.lnk {
    color: #012c9f;
    padding: 3px 4px 3px 11px;
    text-decoration: none;
    letter-spacing: 0.2px;
}

    .lnk:hover {
        color: #0d4dE5;
        background-position: -2px -21px;
    }

.lnkAssinaturaDigital {
    background: transparent url('images/setalink.gif') no-repeat scroll -2px 5px;
    color: #012c9f;
    padding: 3px 4px 3px 11px;
    text-decoration: none;
    letter-spacing: 0.2px;
    font-weight: bold;
    font-size: 13px;
}

    .lnkAssinaturaDigital:hover {
        color: #0d4dE5;
        background-position: -2px -21px;
    }
/* busca */
.contHeaderWrapper .searchAndShopCart {
    float: right;
    display: inline;
    margin: 8px 0 0 0;
    width: 628px;
    height: 56px;
    padding: 5px 0 0 35px;
}

    .contHeaderWrapper .searchAndShopCart .fldBusca {
        float: left;
        display: inline;
        border: none;
        font-weight: bold;
        width: 301px;
        margin: 8px 10px 0 0;
        color: #a1a1a1;
        padding: 4px 4px 5px;
        height: 13px;
    }

    .contHeaderWrapper .searchAndShopCart .fldBuscaNObg {
        background: transparent none !important;
    }

    .contHeaderWrapper .searchAndShopCart .btSearch {
        text-indent: -9999px;
        text-decoration: none;
        float: left;
        display: inline;
        margin: 7px 27px 0 0;
        cursor: pointer;
        border: 1px solid none !important;
    }

    .contHeaderWrapper .searchAndShopCart .btShopCartHolder {
        overflow: hidden;
        _zoom: 1;
        padding: 0 0 0 0;
        margin-right: 15px;
    }

        .contHeaderWrapper .searchAndShopCart .btShopCartHolder .btShopCart {
            float: left;
            display: inline;
            color: #FFF;
            font-size: 9px;
            padding: 14px 0 0 133px;
            position: relative;
            z-index: 5;
        }

/* --- AUTOCOMPLETE --- */
.ac_results {
    overflow: hidden;
    _zoom: 1;
    border: 1px solid #A8A8A8;
    border-top: none;
    background-color: #FFF;
    padding: 0px;
    z-index: 99999;
    width: 309px !important;
}

    .ac_results ul {
        overflow: hidden;
        _zoom: 1;
        padding: 0;
        margin: 0;
    }

        .ac_results ul li {
            overflow: hidden;
            _zoom: 1;
            margin: 0;
            font-size: 12px;
            height: 17px;
            padding: 3px 5px 0;
        }

.ac_loading {
    background: #FFF url(../../../locales/global/img/indicator.gif) right center no-repeat;
}

.ac_odd {
    background-color: #FFF;
}

.ac_over {
    background: url(../../../locales/global/img/bg_selected_sidemenu.png) 0 0 repeat-x;
    color: #FFF;
}
/************************/

/* */

/*.btnOk
 {  font-family: Arial;  
    color: #ffffff;  
    font-size: 12px;  
    padding: 10px;  
    text-decoration: none;  
    -webkit-border-radius: 16px;  
    -moz-border-radius: 16px;  
    -webkit-box-shadow: 0px 1px 3px #666666;  
    -moz-box-shadow: 0px 1px 3px #666666;  
    text-shadow: 1px 1px 3px #666666;  
    border: solid #c2c2c2 1px;  
    background: #cccccc;
}

.btnOk:hover {  
    background: #4371cf;

}*/

.btnVoltar {
    background: #e3e3e3;
    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
    padding: 7px 0 4px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 60px;
}

.btnGeral {
    background: #e3e3e3;
    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

.btnVoltar:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
}

.btnVoltar:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}

.btnFechar {
    background: #e3e3e3;
    border: 1px solid #bbb;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
    padding: 7px 0 4px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 50px;
}

    .btnFechar:hover {
        background: #d9d9d9;
        -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
        box-shadow: inset 0 0 1px 1px #eaeaea;
        color: #222;
        cursor: pointer;
    }

    .btnFechar:active {
        background: #d0d0d0;
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
        box-shadow: inset 0 0 1px 1px #e3e3e3;
        color: #000;
    }

.btnGrafico_pie {
    background: url('images/grafico_pie.jpg') no-repeat center;
    width: 30px;
    height: 30px;
}

.btnGrafico_barras {
    background: url('images/grafico_barras.jpg') no-repeat center;
    width: 30px;
    height: 30px;
}

.btnGrafico_barras_h {
    background: url('images/grafico_barras_h.jpg') no-repeat center;
    width: 30px;
    height: 30px;
}

.btnGrafico_piramide {
    background: url('images/grafico_piramide.jpg') no-repeat center;
    width: 30px;
    height: 30px;
}

.btnDownload {
    background: url('images/download.gif') no-repeat center;
    width: 16px;
    height: 16px;
}

.btnGray {
    background: gray;
    color: #fff;
}

    .btnGray:hover {
        background: #d5d5d5;
        color: #fff;
    }

.btnGreen {
    background: green;
    color: #fff;
    cursor: pointer;
}

    .btnGreen:hover {
        background: #629b58;
        color: #fff;
    }

.aspNetDisabled.btnGreen {
    background: #b6b6b6 !important;
    color: #6e6e6e !important;
}

.btnGreen5 {
    background: green;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}

    .btnGreen5:hover {
        background: #629b58;
        color: #fff;
    }

.btnBlue {
    background: #2c6aa0;
    color: #fff;
    cursor: pointer;
}

    .btnBlue:hover {
        background: #6f93b3;
        color: #fff;
    }

.btnBlue5 {
    background: #2c6aa0;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}

    .btnBlue5:hover {
        background: #6f93b3;
        color: #fff;
    }

.btnRed {
    background: #800000;
    color: #fff;
    cursor: pointer;
}

    .btnRed:hover {
        background: #884e4e;
        color: #fff;
    }

.btnWhite {
    background: #fff;
    color: #000;
    cursor: pointer;
}

.btnOrange {
    background: #e39912;
    color: #fff;
    cursor: pointer;
}

    .btnOrange:hover {
        background: #edbf6b;
        color: #fff;
    }

.btnBlue[disabled] {
    background: #c8c8c8;
}

.icon_msg_lida {
    background: url('images/icon_msg_lida.gif') no-repeat center;
    width: 15px;
    height: 14px;
}

.icon_msg_nao_lida {
    background: url('images/icon_msg_nao_lida.gif') no-repeat center;
    width: 15px;
    height: 14px;
}

.btnImprimir {
    background: url('images/btnImprimir.png') no-repeat center;
    width: 100px;
    height: 22px;
}

.divtop {
    margin: 10px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
}

    .divtop h2 {
        margin: 0;
    }

    .divtop a {
        display: table-cell;
        padding: 4px 8px;
        vertical-align: bottom;
    }

.btnback {
    font-size: 20px;
}

.divbottom {
    margin: 10px 0px;
    padding: 10px;
    background: #eee;
}

.divTitulo {
    margin-bottom: 10px;
    padding: 8px;
    background: #E9F0F5;
}

    .divTitulo:not(:first-child):not(:last-child) {
        margin-top: 30px;
    }

    .divTitulo > h1, h2, h3, h4, h5, h6 {
        margin-bottom: 0px !important;
    }


.divCadastro {
    font-size: 13px;
}

    .divCadastro input {
        padding: 5px;
    }

    .divCadastro .custom-combobox .ui-corner-right {
        height: 30px;
    }
/* */
/* CSS Implementações a partir de 08/10/2012 */
table .center {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

table.viewCenter {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

    table.viewCenter td, th {
        padding: 1px;
    }

table.view100 {
    width: 900px;
}
/* 

/* gridview style 
.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url('images/grd_head.png') repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.mGrid .alt { background: #fcfcfc url('images/grd_alt.png') repeat-x top; }  
.mGrid .pgr { background: #424242 url('images/grd_pgr.png') repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

/* */

.destaque_aviso {
    background: transparent url('images/alert.gif') no-repeat scroll -0px -0px;
    color: #156FB6;
    padding: 3px 4px 3px 18px;
    text-decoration: none;
    letter-spacing: 0.2px;
    font-weight: bold;
}

.divEndereco {
    padding: 2px;
}

.borda1 {
    border: 7px solid #bbb;
    font-size: 12px;
    color: #2D2D2D;
}

.borda_cinza {
    -webkit-box-shadow: 0px 0px 3px 3px rgba(87, 82, 81, 100);
    box-shadow: 0px 0px 3px 3px rgba(87, 82, 81, 100);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wrapmsg {
    /* hack */
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    z-index: 11;
}

.centerdivmsg {
    position: relative;
    height: 340px; /* I need fixed height and width, I can't do this with liquid layouts */
    width: 460px;
    margin-top: -170px; /* margins are negative and they're half of dimensions above */
    margin-left: -230px;
    background: #f2f2f2;
    border: 5px solid #222;
    padding: 20px;
    display: block;
    z-index: 12;
}

.centerdivmsgold2 {
    width: 600px;
    position: relative;
    left: 50%;
    margin-top: 0;
    border: 1px dotted #ccc;
    background-color: #F3E9E9; /* estava f3f3f3*/
    z-index: 11;
}

.centerdivmsgold {
    position: relative;
    top: 50px;
    left: 50%;
    width: 30em;
    padding: 5px;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px dotted #ccc;
    background-color: #F3E9E9; /* estava f3f3f3*/
    z-index: 11;
}

.overlaymsg {
    /*position: absolute;
    float: inherit;
    left:0;
    top:0; 
    background-color:#FFFFFF; 
    opacity:0.6;
    filter:alpha(opacity=60);*/
    opacity: 0.5;
    filter: alpha(opacity=60);
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}

.overlaybackground {
    opacity: 0.1;
    filter: alpha(opacity=1);
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 11;
    top: 0;
    left: 0;
    position: fixed;
}

.overlaybackgroundcenter {
    /* hack */
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    z-index: 12;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.imagem {
    border: none;
    vertical-align: middle;
}

.UpdateProgress {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.DropDownList_Menu {
    background-color: #E5E5E5;
    width: 200px;
    margin: 2px;
    color: #666;
}

.top_left {
    color: #4e5766;
    top: 5px;
    text-align: right;
    line-height: normal;
    float: left;
    vertical-align: middle;
    float: left;
}

.top_middle {
    color: #4e5766;
    top: 5px;
    text-align: right;
    line-height: normal;
    vertical-align: middle;
    float: right;
}

.top_right {
    color: #4e5766;
    top: 5px;
    text-align: right;
    line-height: normal;
    float: right;
}


.menu_modulo {
    margin: 10px 0px 10px 15px;
    font-weight: bold;
    color: rgb(0, 119, 0);
}

.superior {
    margin: 0px 0px 0px 0px;
    border: 0px solid #496077;
    padding: 3px;
    height: 20px;
}

.page {
    background-color: #fff;
    border: 0px dotted #496077;
    padding: 2px;
}

.footer, footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.HyperLink {
    font-family: arial;
    font-size: 11px;
    color: #000099;
    font-style: normal;
    text-decoration: none;
    border: 0px transparent #fff;
    margin: 5px 5px 5px 5px;
}

a {
    color: #000099;
    font-style: normal;
    text-decoration: none;
    border: 0px transparent #fff;
    padding: 10px 10px 10px 10px;
}

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

.menu_light {
    color: #FFFFFF;
}

    .menu_light:hover {
        color: #E0E0E0;
    }

menu_root a:hover {
    color: #E0E0E0;
}

.menu_background {
    background: #eee;
    float: none;
    width: 99%;
    bottom: auto;
    background: url(images_style/topnav_bg.gif) repeat-x;
    margin: 0px;
    height: 5px;
}

.menu_popup {
    background: #eee;
    float: left;
    width: 100%;
    bottom: auto;
    background: url(images_style/tall.jpg);
    margin: 0;
}

.botao {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    cursor: pointer;
}

    .botao:hover {
        background-image: url(1_pic.jpg);
    }

.line_3d {
    background: #eee;
    float: left;
    width: 100%;
    height: 3px;
    bottom: auto;
    background: url(images_style/line_3d.gif) repeat-x;
    margin: 0;
}

.titulodrag {
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #0066CC;
    background-color: #FFFFE6;
    height: 12px;
    width: 300px;
    border: 1px solid #999999;
    visibility: visible;
}

.dragme {
    position: relative;
    left: 300;
    top: 300;
}

.oculto {
    position: relative;
    left: 300;
    top: 300;
    visibility: hidden;
}

.cbDefault {
    height: 15px;
    width: 15px;
    border: none;
}

.rbDefault {
    height: 15px;
    width: 15px;
    border: none;
}

.cmbDefault {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

input.normal {
    text-transform: none;
}

.menu {
    Border-Right: #BAB7B7 1px solid;
    background-color: #DCD9D9;
    font-family: verdana;
    font-size: 11px;
    padding: 1px 0px 4px 0px;
}

    .menu a {
        color: #666666;
    }

        .menu a:hover {
            color: #804000;
        }

.menu_mouse_over {
    background-color: #E3E0E0;
}

.child_menu a {
    color: #666666;
}

    .child_menu a:hover {
        color: #804000;
    }

.child_menu {
    border-top: #BAB7B7 1px solid;
    border-bottom: #BAB7B7 1px solid;
    border-right: #BAB7B7 1px solid;
    border-left: #BAB7B7 1px solid;
    background-color: #DCD9D9;
    font-family: verdana;
    font-size: 11px;
    padding: 2px 0px 2px 0px;
}

.child_menu_mouse_over {
    background-color: #E3E0E0;
}

.msg {
    color: #FF0000;
    text-align: center;
}

.spacer {
    padding-top: 40px;
}

.tableBody {
    border: 1px solid #999999;
    background-color: #E7E4E0;
}

.tableForm {
    border: 1px solid #999999;
    background-color: #F1F0F4;
}

    .tableForm td {
        padding: 2px 2px 2px 2px;
    }

.tableSemBorda {
    padding: 0px 0px 0px 0px;
    border: 0px solid #B2B4BF;
    background-color: #FFFFFF;
}

.tableConsulta {
    color: #455872;
    letter-spacing: 1px;
}



.tableModelo1 {
    border-left: 1px dotted #999;
    border-top: 1px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableModelo1 th {
        color: #fff;
        border-right: 1px dotted #999;
        border-bottom: 1px dotted #999;
        border-top: 1px dotted #999;
        text-align: left;
        padding: 3px 3px 3px 6px;
    }

        .tableModelo1 th.nobg {
            border-top: 0;
            border-left: 0;
            border-right: 1px dotted #C1DAD7;
            background: none;
        }

        .tableModelo1 th.spec {
            border-left: 1px dotted #C1DAD7;
            border-top: 0;
            background: #fff url(images/bullet1.gif) no-repeat;
            font: regular 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        }

        .tableModelo1 th.specalt {
            border-left: 1px dotted #C1DAD7;
            border-top: 0;
            background: #f5fafa url(images/bullet2.gif) no-repeat;
            font: 10px;
            color: #B4AA9D;
        }

    .tableModelo1 td {
        border-right: 1px dotted #999;
        border-bottom: 1px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #455872;
    }


        .tableModelo1 td.alt {
            background: #F5FAFA;
            color: #B4AA9D;
        }



.tableRomaneio {
    border-left: 1px dotted #999;
    border-top: 1px dotted #999;
    padding: 0;
    margin: 0;
    width: auto;
}

    .tableRomaneio th {
        color: #455872;
        border-right: 1px dotted #999;
        border-bottom: 1px dotted #999;
        border-top: 1px dotted #999;
        text-align: left;
        padding: 3px 3px 3px 6px;
    }

        .tableRomaneio th.nobg {
            border-top: 0;
            border-left: 0;
            border-right: 1px dotted #C1DAD7;
            background: none;
        }

        .tableRomaneio th.spec {
            border-left: 1px dotted #C1DAD7;
            border-top: 0;
            background: #fff url(images/bullet1.gif) no-repeat;
            font: regular 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        }

        .tableRomaneio th.specalt {
            border-left: 1px dotted #C1DAD7;
            border-top: 0;
            background: #f5fafa url(images/bullet2.gif) no-repeat;
            font: 10px;
            color: #B4AA9D;
        }

    .tableRomaneio td, .tableRomaneio .td {
        width: 80px;
        border-right: 1px dotted #999;
        border-bottom: 1px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #455872;
    }


        .tableRomaneio td.alt {
            background: #F5FAFA;
            color: #B4AA9D;
        }


.tableEmbalagem {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #455872;
    }


        .tableEmbalagem td.alt {
            background: #F5FAFA;
            color: #B4AA9D;
        }

.tableEmbalagem_Nivel1 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel1 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #00B900;
        font-style: italic;
    }

.tableEmbalagem_Nivel2 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel2 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #688CD9;
        font-style: italic;
    }

.tableEmbalagem_Nivel3 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel3 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #DCBA98;
        font-style: italic;
    }

.tableEmbalagem_Nivel4 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel4 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #81C0C0;
        font-style: italic;
    }

.tableEmbalagem_Nivel5 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel5 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #CC33FF;
        font-style: italic;
    }

.tableEmbalagem_Nivel6 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel6 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #15FFFF;
        font-style: italic;
    }

.tableEmbalagem_Nivel7 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel7 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #FF802B;
        font-style: italic;
    }

.tableEmbalagem_Nivel8 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel8 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #8282FF;
        font-style: italic;
    }

.tableEmbalagem_Nivel9 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel9 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #FF2DFF;
        font-style: italic;
    }

.tableEmbalagem_Nivel10 {
    border-left: 0px dotted #999;
    padding: 0;
    margin: 0;
}

    .tableEmbalagem_Nivel10 td {
        border-right: 0px dotted #999;
        border-bottom: 0px dotted #999;
        padding: 3px 3px 3px 6px;
        font: 10px;
        color: #4F4FFF;
        font-style: italic;
    }

.tableSolid {
    border: 1px solid #999999;
    background-color: #E7E4E0;
}


.tableDotted {
    border: 1px dotted #CCCCCC;
    background-color: #E7E4E0;
    padding: 5px;
    margin: 0px;
}

.tableDotted_White {
    border: 1px dashed #CCCCCC;
    background-color: #fff;
    padding: 5px;
    margin: 0px;
}

.tableDashed_White {
    border: 1px dashed #999999;
    background-color: #fff;
    padding: 5px;
    margin: 0px;
}

.tableBotoes {
    border: 1px dotted #999999;
    background-color: #E7E4E0;
    padding: 5px;
    margin: 0px;
    display: table;
    width: 100%;
}

    .tableBotoes td {
        text-align: right;
    }

td {
    padding: 2px;
    overflow: visible;
}

    td a {
        color: #012c9f;
        padding: 3px 3px 3px 3px;
        text-decoration: none;
        letter-spacing: 0.2px;
        border: none;
        border-spacing: 0px;
        padding: 0px;
    }

        td a:hover {
            color: #0d4dE5;
        }

    td.screen_title {
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        border: solid 1px #CACACA;
        padding: 5px 25px 5px 25px;
    }

    td.user_name {
        font-size: 12px;
        font-weight: bold;
        color: #EAEAEA;
        padding: 5px 25px 5px 25px;
    }

textarea {
    Border-Bottom: #666666 1px solid;
    Border-Left: #666666 1px solid;
    Border-Right: #666666 1px solid;
    Border-Top: #666666 1px solid;
    font-family: Tahoma, verdana;
    /*font-size: 12px;*/
}

.tableLegenda {
    border: 1px solid #999999;
    background-color: #FCFCFC;
}

    .tableLegenda.header1 {
        background-color: #CC6666;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
    }

    .tableLegenda.header2 {
        background-color: #008400;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
    }

    .tableLegenda.header3 {
        background-color: #9A9A9A;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
    }

.pagebreak {
    page-break-before: always;
}

.imgLink_Consulta {
    cursor: hand;
}

.sub_title {
    color: #000066;
    font-size: 11px;
    border-bottom: solid 1px #000066;
}

.main_title {
    color: #444444;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #444444;
}

.login_title {
    color: #DDDDD9;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 0px #444444;
}


.empresa_filial {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.btnNext {
    border-bottom: #4D728C 1px Solid;
    font-size: 11px;
    color: #4D728C;
}

.link_button {
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
}

.linkbutton {
    display: block;
    width: 150px;
    padding: 5px 18px;
    margin: 0;
    margin-bottom: 5px;
    color: #999;
    background: #222 url(images_style/tab_bg.jpg) repeat-y;
    border: 1px solid #1a1a1a;
    text-decoration: none;
}

.tbl_Panel {
    background-color: #E3E3E3;
    border-right: solid;
    border-right-color: #797979;
    border-right-width: 1px;
    border-left: solid;
    border-left-color: #797979;
    border-left-width: 1px;
}

.td_noborder {
    border-right: none;
    border-left: none;
}

.td_spacer {
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

.tbl_Msg {
    background-color: #E3E3E3;
    border-right: solid 1px #797979;
    border-left: solid 1px #797979;
    border-top: solid 1px #797979;
    border-bottom: solid 1px #797979;
}

.empty_body {
    background-color: #FFFFFF;
}

.td_footer {
    background-color: #FFFFE2;
    color: #000000;
    font-weight: bold;
}

.st_button {
    border-width: 1px;
    color: white;
    font-weight: bold;
    font-size: 10px;
    height: 18px;
    margin: 0 0 0 0;
    padding: 0;
    background-repeat: repeat-x;
    background-position: 50px 49%;
    background-image: url('images/buttonbg.gif');
    background-color: #3163BD;
}

.link_form {
    color: #000000;
    font-weight: bold;
    vertical-align: middle;
}

.empresa_teste {
    /*background-color:#e3f4df;*/
    /*background-color:#b6f2a6;*/
    /*font-size:10px;*/
    font-weight: bold;
    color: #009900;
}

/*copiado da loja virtual*/
.table_identificacao {
    border: solid 1px #c7c7c7;
    background-color: #f6f6f6;
}

.title_identificacao {
    /*background-color: #f6f6f6;*/
    background-color: #e0e0e0;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    border-bottom: solid 1px #c7c7c7;
}

.menu_compra {
    background-image: url(images/bg_menu_compra.jpg);
    height: 22px;
}

.tablePesquisa_Loja {
    border: 1px solid #B2B4BF;
    background-color: #FFFFFF;
}

    .tablePesquisa_Loja td {
        border: 1px solid #B2B4BF;
        color: #827E7D;
    }

    .tablePesquisa_Loja th {
        color: #9a9b9a;
        background-color: #f6f6f6;
        font-weight: bold;
        line-height: 20px;
        border: 1px solid #B2B4BF;
        border-bottom: 5px solid #B2B4BF;
    }

        .tablePesquisa_Loja th.header1 {
            color: #ffffff;
            background-color: #7596bb;
            font-weight: bold;
            line-height: 20px;
            border: 1px solid #B2B4BF;
            border-bottom: 5px solid #B2B4BF;
        }

        .tablePesquisa_Loja th.header2 {
            color: #ffffff;
            background-color: #6282a7;
            font-weight: bold;
            line-height: 20px;
            border: 1px solid #B2B4BF;
            border-bottom: 5px solid #B2B4BF;
        }

        .tablePesquisa_Loja th.header3 {
            color: #ffffff;
            background-color: #506b8a;
            font-weight: bold;
            line-height: 20px;
            border: 1px solid #B2B4BF;
            border-bottom: 5px solid #B2B4BF;
        }

        .tablePesquisa_Loja th.header4 {
            color: #ffffff;
            background-color: #3c536d;
            font-weight: bold;
            line-height: 20px;
            border: 1px solid #B2B4BF;
            border-bottom: 5px solid #B2B4BF;
        }

.title1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #827E7D;
    line-height: 15px;
    text-decoration: none;
}

.menu_dados_item {
    /*background-color:#c9c9c9;*/
    background-color: #f9f9f9;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border: solid 1px #c7c7c7;
    color: #999;
}

.td_frete {
    background-color: #ecebe6;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #827E7D;
    line-height: 15px;
}

.td_prazo_entrega {
    background-color: #d1d0cb;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
}

    .td_prazo_entrega div {
        background-color: #7596bb;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        line-height: 20px;
    }

.td_subtotal {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #c3c3c2;
    font-weight: bold;
    color: #000;
    line-height: 25px;
}

.td_total {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #5D7B9D;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
}

.frete_gratis {
    color: Red;
}

.msg_loja {
    background-color: #f5ee85;
    color: Red;
    font-weight: bold;
    line-height: 18px;
}

.bg_treina td {
    background-image: url(images/bg_treina.gif);
    background-repeat: repeat-x;
}
/*----------------------*/

/*---Elementos da loja virtual---*/
.menu_categoria {
    width: 150px;
    vertical-align: top;
}

.ofertas {
    width: 100%;
}

.menu_ofertas {
    background-color: #E3EAEB;
}

.titulo_categoria_menu {
    text-align: center;
    background-image: url('images/loja_virtual/bg_categoria.gif');
    height: 50px;
    width: 150px;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.menu_nodes {
    font-family: Arial, Tahoma, Times New Roman, Sans-Serif;
    font-size: 11px;
    padding: 3px 0px 0px 0px;
    color: #666666;
}

    .menu_nodes:hover {
        text-decoration: underline;
    }

.menu_nodes_root {
    font-family: Arial, Tahoma, Times New Roman, Sans-Serif;
    font-size: 11px;
    padding: 7px 0px 0px 0px;
    color: #990000;
    font-weight: bold;
}

    .menu_nodes_root:hover {
        text-decoration: underline;
        color: #990000;
    }

.div_menu {
    border: solid 1px #990000;
    width: 145px;
    padding-left: 2px;
    padding-bottom: 2px;
}

.produto_vitrine {
    border-bottom: solid 1px #E3EAEB;
}

.no_border {
    border: none;
}

.bem_vindo {
    font-weight: bold;
    text-align: center;
}

.ddlDefault {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    color: #102132;
    border: 1px solid #284279;
}

.body_loja {
    background-color: #ffffff;
    font-family: verdana;
    font-size: 11px;
    margin: 0px;
}
/*-------------------------------*/

/*para divs de configurações da loja*/
/*-------------------------------*/
.divBannerPrincipalCentral {
    position: relative;
    width: 165px;
    height: 0px;
    left: 200px;
    top: -22px;
}

.divBannerPrincipalSuperior {
    position: relative;
    width: 165px;
    height: 0px;
    left: 320px;
    top: -22px;
}

.divBannerPrincipalLateral {
    position: relative;
    width: 165px;
    height: 0px;
    left: 40px;
    top: -22px;
}

.divBannerSecundario {
    position: relative;
    width: 155px;
    height: 0px;
    left: 0px;
    top: 4px;
}

.divFundoDepartamentos {
    position: relative;
    width: 155px;
    height: 0px;
    left: 0px;
    top: 4px;
}

.divFreteGratis {
    position: relative;
    width: 155px;
    height: 0px;
    left: 0px;
    top: 2px;
}

.divBotaoComprar {
    position: relative;
    width: 155px;
    height: 0px;
    left: 0px;
    top: 2px;
}
/*-------------------------------*/

.fullheight {
    margin-bottom: 120px;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #DDE6F7;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

    .modalPopup p {
        padding: 5px;
    }

.sampleStyleA {
    background-color: #FFF;
}

.sampleStyleB {
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC {
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD {
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}


tr.grayrow {
    background-color: #999999;
    color: black;
}

tr.grayrow_light {
    background-color: #ddd;
    color: black;
}

td.tdTitulo {
    border: 0px solid #B2B4BF;
    border-bottom: 2px solid #B2B4BF;
}

.ReportControl {
    overflow: hidden;
    background-color: #FFF;
    border: 1px dashed #95B7F3;
    color: gray;
    font-family: Arial;
    font-size: 65%;
    padding-left: 5px;
}


/* -- menu -- */
ul.topnav li {
    float: left;
    margin: 0px;
    padding: 0px 15px 0px 0px;
    position: relative; /*--Declare X and Y axis base--*/
}

    ul.topnav li a {
        padding: 10px 5px;
        color: #fff;
        display: block;
        text-decoration: none;
        float: left;
    }

        ul.topnav li a:hover {
            background: url(images_style/topnav_hover.gif) no-repeat center top;
        }

    ul.topnav li span { /*--Drop down trigger styles--*/
        width: 17px;
        height: 35px;
        float: left;
        background: url(images_style/subnav_btn.gif) no-repeat center top;
    }

        ul.topnav li span.subhover {
            background-position: center bottom;
            cursor: pointer;
        }
    /*--Hover effect for trigger--*/
    ul.topnav li ul.subnav {
        list-style: none;
        position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
        left: 0px;
        top: 35px;
        background: #333;
        margin: 0px;
        padding: 0px;
        display: none;
        float: left;
        width: 270px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border: 1px solid #111;
    }

        ul.topnav li ul.subnav li {
            margin: 0px;
            padding: 0px;
            border-top: 1px solid #252525; /*--Create bevel effect--*/
            border-bottom: 1px solid #444; /*--Create bevel effect--*/
            clear: both;
            width: 170px;
        }

html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(images_style/dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}

    html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
        background: #222 url(images_style/dropdown_linkbg.gif) no-repeat 10px center;
    }
/* -- fim menu -- */

/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 1px;
    cursor: pointer;
    width: 300px;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 1px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    cursor: pointer;
    width: 300px;
}

/* */

.rodape {
    background: #eee;
    position: absolute;
    bottom: 8px;
    left: 5px;
    right: 5px;
    background: url(images_style/topnav_bg.gif) repeat-x;
    height: 5px;
}
/* */

.treinamento_doc {
    background: url('images/doc_icon.png') no-repeat center;
    width: 25px;
    height: 23px;
    padding: 0px 2px 10px 20px !important;
}

    .treinamento_doc[disabled="disabled"], .aspNetDisabled.treinamento_doc {
        background: url('images/doc_icon_disabled.png') no-repeat center;
        width: 25px;
        height: 23px;
        padding: 0px 2px 10px 20px !important;
    }

.treinamento_video {
    background: url('images/video_icon.png') no-repeat center;
    width: 25px;
    height: 23px;
    padding: 0px 2px 10px 20px !important;
}

    .treinamento_video[disabled="disabled"], .aspNetDisabled.treinamento_video {
        background: url('images/video_icon_disabled.png') no-repeat center;
        width: 25px;
        height: 23px;
        padding: 0px 2px 10px 20px !important;
    }

/* asp:MenuItem */
.static {
    list-style: none !important;
    padding: 1px;
}

/*pop_up*/
.panel_pop_up {
    border-radius: 15px;
    border: 1px solid dimgray;
    position: absolute;
    z-index: 10001;
    top: 30%;
    background: #f6f6f6;
}

.pre_pop_up {
    position: fixed;
    left: 50%;
    top: 10%;
}

.div_pop_up {
    display: none;
    left: 20%;
    top: 10%;
    background: #fff;
    position: fixed;
    z-index: 999999999;
    padding: 10px;
    border-radius: 5px;
    box-shadow: -1px 0px 2px 2px white;
}

    .div_pop_up.abs {
        left: -50%;
        position: relative;
    }

.pop_up_title {
    position: absolute;
    font: bold 13px Arial !important;
    color: #fff !important;
    top: -15px;
    left: 0px;
    padding: 5px;
    background: #2c6aa0;
    width: 100%;
    border-radius: 5px 5px 0px 0;
    box-shadow: -1px -1px 2px 2px white;
}

.pop_up_content {
    overflow: auto;
    padding-top: 20px;
}

.div_pop_up p {
    padding: 5px;
}

.d-sm-flex {
    z-index: 0;
}
/*.div_pop_up input[type='text'] {
    height: 20px;
    line-height: 20px;
    width: 250px;
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
}*/
.div_pop_up input[type='text']:focus {
    background-color: white !important;
}


#close_video, .close_video {
    float: right;
    display: block;
    background: url(images/close.png) no-repeat 0 0;
    position: absolute;
    right: -24px;
    top: -25px;
    height: 33px;
    cursor: pointer;
    width: 42px;
    text-indent: -999em;
    z-index: 999;
}

    #close_video:hover, .close_video:hover {
        background-position: 0px -42px;
    }
/*.close_video.cad {
        right: -24px;
        top: -25px;
        height: 33px;
    }*/
/*--*/

.grv_paginacao a {
    padding-left: 2px;
    padding-right: 2px;
}

.grv_paginacao img {
    border-radius: 2px;
    border: 0;
}

.treeview {
    font-family: Verdana;
    font-size: 10pt;
}

.treeview_node {
    font-family: Tahoma;
    font-size: 10pt;
    color: black;
    border: 1px dotted #999999;
    background-color: #E5E5E5;
    height: 20px;
    padding: 0px 2px 0px 2px;
}

.table_sem_borda {
    border: 0;
}

    .table_sem_borda td {
        border: 0;
    }

.tbl_opcao, .tbl_opcao td {
    border: 0;
}

    .tbl_opcao td p {
        padding: 0 !important;
        margin: 0px 4px;
        width: 22px;
        height: 22px;
        background-size: 100% 100%;
    }

.alterar_icon {
    background: url('images/edit_icon.png') no-repeat;
}

.excluir_icon {
    background: url('images/trash_icon.png') no-repeat;
}

.white {
    color: white;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.darkblue {
    color: darkblue;
}

.darkyellow {
    color: #d5d900;
}

.darkgreen {
    color: darkgreen;
}

.darkred {
    color: darkred;
}

.yellow {
    color: yellow;
}

.italic {
    font-style: italic;
}

.span_help {
    background: url('images/help.gif') no-repeat 1px;
    padding: 9px;
    cursor: help;
}

.left {
    float: left;
}

.right {
    float: right;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.t-right-i {
    text-align: right !important;
}

.clear {
    clear: both;
}

.pdv_dados div {
    background: #a0bab6;
    padding: 5px;
    margin-top: 4px;
}

.pdv_dados span {
    font-weight: bold;
    color: #3800BC;
}

.pdv_dados input {
    width: 99%;
    background-color: #a0bab6;
    color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-width: 1px;
    text-align: right;
    outline: none;
    font-weight: bold;
}

    .pdv_dados input[readonly="readonly"] {
        border: none;
    }

.pdv {
    font-size: 17px;
}

    .pdv input {
        font-size: 19px;
    }

.pdv_menu {
    padding-top: 20px;
}

    .pdv_menu .button label {
        color: #7c7d81;
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        left: 8px;
        bottom: 5px;
    }

    .pdv_menu div.button {
        position: relative;
        float: left;
        margin-right: 6px;
    }

    .pdv_menu input[type="submit"] {
        width: 120px;
        height: 56px;
        font-size: 18px;
        font-weight: bold;
        color: #7c7d81;
        background: #e4e4e4;
        border-radius: 5px;
    }

.btn_pdv_confirm {
    width: 178px !important;
    height: 30px !important;
    font-size: 12px !important;
    background-image: url('../images/confirm.png') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px !important;
    background-position-x: 5px !important;
}

.btn_pdv_cancel {
    width: 155px !important;
    height: 30px !important;
    font-size: 12px !important;
    background-image: url('../images/cancel.png') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px !important;
    background-position-x: 5px !important;
}

.pdv_fmenu {
    background: #CDE2C7;
    padding: 6px;
}

.pdv_fcontent {
    padding-top: 15px;
    border: 1px solid white;
}

.btn_pdv_list {
    width: 178px !important;
    height: 30px !important;
    font-size: 12px !important;
    background-image: url('../images/list.png') !important;
    background-repeat: no-repeat !important;
    background-position-y: 3px !important;
    background-position-x: 5px !important;
}

.pp_social, .d-none {
    display: none;
}

.d-none-i {
    display: none !important;
}

.ic-shared {
    width: 16px;
    height: 16px;
    background: url("images/icon-shared.png") no-repeat;
    background-size: 100%;
    color: #444444;
    padding: 0px;
}

.ic-person-shared {
    width: 16px;
    height: 19px;
    background-image: url("images/ic-person-shared.png");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center center;
    color: #444444;
    padding: 0px;
    float: right;
}

.ui_icon_red {
    background-image: url("images/ui-icons_cc0000_256x240.png") !important;
}

.ui_icon_blue {
    background-image: url("images/ui-icons_2e83ff_256x240.png") !important;
}
/*-------------RASTREAMENTO-----------------*/
.pbtn {
    display: table;
    width: 35px;
    height: 35px;
    background: #eee;
    border: 2px solid #a6a6a6;
    box-shadow: 1px 1px 1px #000;
    text-align: center;
    float: right;
    margin: 0px 10px;
    color: #949494;
}

    .pbtn span {
        display: table-cell;
        vertical-align: middle;
        font-family: Impact;
        font-size: 18px;
    }

    .pbtn.on {
        background: #0ee000;
        color: #002b05;
    }

    .pbtn.off {
        background: #e00000;
        color: #fff0f0;
    }

    .pbtn.sos {
        animation: blinker 1s linear infinite;
        background: #ff0000;
        color: #fff0f0;
        border-radius: 13px;
        border: none;
        box-shadow: 0px 0px 10px #000;
    }

    .pbtn.mapa {
        background: #f7ed96;
        color: #fff0f0;
    }

    .pbtn.bateria {
        background: #eee;
        color: #fff0f0;
    }

.pbtnSemQuadrado {
    display: table;
    width: 35px;
    height: 35px;
    text-align: center;
    float: right;
    margin: 0px 10px;
}

.pbtn.armfail {
    background: #ff0000;
    color: #fff0f0;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#map {
    height: 400px;
    width: 100%;
    margin-top: 23px;
}

.imgmapa {
    width: 25px;
    height: 25px;
    margin: 4px;
    background: url('../images/Maps-32.png') no-repeat;
}

#battery {
    height: 400px;
    width: 100%;
    margin-top: 23px;
}

.imgbateria {
    width: 35px;
    height: 38px;
    margin-left: 1px;
    padding-top: 0px;
    background: url('../images/Battery-0-icon_Cinza.png') no-repeat;
    background-size: 35px 38px;
    background-position: bottom;
    background-position-x: 0px;
    background-position-y: 8px;
}

.imgvelocidade {
    width: 38px;
    height: 38px;
    margin-left: 1px;
    padding-top: 0px;
    background: url('../images/PlacaVelocidade_1.png') no-repeat;
    background-size: 38px 38px;
    background-position: bottom;
    background-position-x: 0px;
    background-position-y: 0px;
}

    .imgvelocidade.alerta {
        margin-left: 1px;
        padding-top: 0px;
        animation: blinker 1s linear infinite;
        background: url('../images/PlacaVelocidade_1.png') no-repeat;
        background-size: 38px 38px;
        background-position: bottom;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.imggps {
    width: 38px;
    height: 38px;
    margin-left: 4px;
    padding-top: 0px;
    /*background: url('../images/SinalGpsON_Transp_1.png') no-repeat;
            background-size: 38px 38px;            
            background-position:top;
            background-position-x: 0px;
            background-position-y: 0px;            */
}

    .imggps.on {
        background: url('../images/SinalGpsON_Transp_1.png') no-repeat;
        background-size: 38px 38px;
        background-position: top;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imggps.off {
        background: url('../images/SinalGpsOFF_Transp_1.png') no-repeat;
        background-size: 38px 38px;
        background-position: top;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.imgchaveignicao {
    width: 30px;
    height: 30px;
    margin: 4px;
    padding-top: 0px;
    /*background: url('../images/SinalGpsON_Transp_1.png') no-repeat;
            background-size: 38px 38px;            
            background-position:top;
            background-position-x: 0px;
            background-position-y: 0px;            */
}

    .imgchaveignicao.on {
        background: url('../images/ChaveON.png') no-repeat;
        background-size: 30px 30px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imgchaveignicao.off {
        background: url('../images/ChaveOFF.png') no-repeat;
        background-size: 30px 30px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.imgportaaberta {
    width: 30px;
    height: 30px;
    margin-left: 1px;
    margin-top: 4px;
    padding-top: 0px;
}

    .imgportaaberta.on {
        background: url('../images/CarroPortaAbertaON.png') no-repeat;
        background-size: 30px 30px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imgportaaberta.off {
        background: url('../images/CarroPortaAbertaOFF.png') no-repeat;
        background-size: 30px 30px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imgportaaberta.alerta {
        animation: blinker 1s linear infinite;
        background: url('../images/CarroPortaAbertaON.png') no-repeat;
        background-size: 30px 30px;
    }

.imgsinalgprs {
    width: 34px;
    height: 34px;
    margin: 1px;
    padding-top: 0px;
}

    .imgsinalgprs.on {
        background: url('../images/GPRS_ON.png') no-repeat;
        background-size: 34px 34px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imgsinalgprs.off {
        background: url('../images/GPRS_OFF.png') no-repeat;
        background-size: 32px 32px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.imgsinalgsm {
    width: 35px;
    height: 35px;
    margin: 1px;
    padding-top: 0px;
}

    .imgsinalgsm.on {
        background: url('../images/GSM_ON.png') no-repeat;
        background-size: 35px 35px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imgsinalgsm.off {
        background: url('../images/GSM_OFF.png') no-repeat;
        background-size: 35px 35px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.imgcombustivel {
    width: 38px;
    height: 38px;
    margin: 1px;
    padding-top: 0px;
}

    .imgcombustivel.on {
        background: url('../images/Combustivel.png') no-repeat;
        background-size: 30px 30px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

    .imgcombustivel.off {
        background: url('../images/Combustivel.png') no-repeat;
        background-size: 30px 30px;
        background-position: center;
        background-position-x: 0px;
        background-position-y: 0px;
    }

.imgbombacombustivel {
    width: 38px;
    height: 38px;
    margin: 1px;
    padding-top: 0px;
}

    .imgbombacombustivel.on {
        background: url('../images/BombaCombustivelON.png') no-repeat;
        background-size: 38px 32px;
        background-position: center;
    }

    .imgbombacombustivel.off {
        background: url('../images/BombaCombustivelOFF.png') no-repeat;
        background-size: 38px 32px;
        background-position: center;
    }

    .imgbombacombustivel.alerta {
        animation: blinker 1s linear infinite;
        background: url('../images/BombaCombustivelCORTE.png') no-repeat;
        background-size: 38px 32px;
        background-position: center;
    }

.imgsirenealarme {
    width: 38px;
    height: 38px;
    margin: 1px;
    padding-top: 0px;
}

    .imgsirenealarme.on {
        /*background: url('../images/SireneAzul.png') no-repeat;*/
        background: url('../images/SireneVernelha.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }

    .imgsirenealarme.off {
        background: url('../images/SireneOFF.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }

    .imgsirenealarme.alerta {
        animation: blinker 1s linear infinite;
        background: url('../images/SireneVernelha.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
        animation-name: example blink infinite;
        -webkit-transition-property: background, background;
    }

.imginformacao {
    width: 35px;
    height: 35px;
    margin: 1px;
    padding-top: 0px;
}

    .imginformacao.on {
        /*background: url('../images/information-icon.png') no-repeat;*/
        background: url('../images/Information-Balloon-blue-32.png') no-repeat;
        background-size: 35px 35px;
        background-position: center;
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    30% {
        background: url('../images/SireneVernelha.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }

    60% {
        background: url('../images/SireneAzul.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }

    100% {
        background: url('../images/SireneVernelha.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }
}

/* Standard syntax */
@keyframes example {
    30% {
        background: url('../images/SireneVernelha.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }

    60% {
        background: url('../images/SireneAzul.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }

    100% {
        background: url('../images/SireneVernelha.png') no-repeat;
        background-size: 38px 38px;
        background-position: center;
    }
}

/*-------------*/
.message_note {
    position: absolute;
    background: #dcdc00;
    color: #000;
    padding: 5px;
    border: 1px solid #fFf;
    z-index: 9999;
}
/*-----------------------*/

.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(images/a03.png) no-repeat;
    overflow: hidden;
}

.jssora03l {
    background-position: -3px -33px;
}

.jssora03r {
    background-position: -63px -33px;
}

.jssora03l:hover {
    background-position: -123px -33px;
}

.jssora03r:hover {
    background-position: -183px -33px;
}

.jssora03ldn {
    background-position: -243px -33px;
}

.jssora03rdn {
    background-position: -303px -33px;
}

.dtcGroup {
    display: none !important;
}


.tblDocumentos {
    margin-bottom: 10px;
}

    .tblDocumentos div.row {
        background-color: white;
        border-bottom: 1px solid silver;
    }

    .tblDocumentos div.col {
        text-align: center;
        padding: 2px !important;
    }

    .tblDocumentos div.row:nth-child(odd) {
        background-color: #f7f7f7 !important;
    }

    .tblDocumentos div.row.th {
        color: #000;
        background: #f9f9f9 !important;
        font-weight: bold;
    }

    .tblDocumentos div.obs-AR {
        flex-basis: 100%;
        font-size: 1em;
        font-weight: normal;
    }

.tblDocumentos-scroll {
    max-height: 100px;
    overflow-y: auto;
}

    .tblDocumentos-scroll::-webkit-scrollbar {
        width: 5px;
    }

    .tblDocumentos-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .tblDocumentos-scroll::-webkit-scrollbar-thumb {
        background: #bbb;
    }

        .tblDocumentos-scroll::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.obs-AR {
    font-size: 1.20rem;
    font-weight: bold;
    color: red;
}


/*--drag drop--*/
.inputDnD {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 6em;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    box-shadow: 0 0 5px silver;
    overflow: hidden;
}

    .inputDnD input[type=file]::before {
        content: attr(data-title);
        position: absolute;
        background: linear-gradient(45deg, #eee,#fefefe);
        color: #000;
        left: 0;
        width: 100%;
        min-height: 6em;
        line-height: 2em;
        padding-top: 1.5em;
        opacity: 1;
        visibility: visible;
        text-align: center;
        overflow-wrap: break-word;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
        overflow: visible;
        border: 1px dashed #000;
    }

    .inputDnD input[type=file]:hover:before {
        border-style: solid;
        box-shadow: inset 0px 0px 0px 2px currentColor;
    }
/*--drag drop--*/


.clipboard {
    cursor: copy;
}

    .clipboard:hover {
        border: 1px dashed var(--primary);
    }


.ellipse-collapse {
    cursor: pointer !important;
    width: inherit !important;
}

.ellipse {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max-lines {
    -webkit-line-clamp: var(--lines);
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden !important;
}

.text-wrap {
    white-space: normal !important;
}

[tcs-atributo] span, [tcs-caracteristica] span {
    margin-right: 5px;
    margin-bottom: 4px;
}

[tcs-atributo] .badge, [tcs-caracteristica] .badge {
    font-size: 85%;
}

/* tree view lote armaz */
table td.lote-treeview-node {
    background-color: #E5E5E5;
    border-color: #999999;
    border-width: 1px;
    border-style: Dotted;
    height: 10px;
    padding: 4px;
}

div.lote-treeview > table:not(:first-child) {
    margin-top: 10px;
}
/* ------- */