* {
 margin: 0 auto;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font: inherit;
 list-style:none;
 vertical-align: baseline;
 max-width:1890px;
}

article, aside, figure, footer, header, nav, section {
 display: block;
}

img, picture, video, embed {
 max-width: 100%;
}

body{
 text-align:center;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 0.75em; /* 12px ÷ 16px = 0.75em */
}

table{
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
  /*color: #FFF;*/
  
}
strong {
    font-weight: bold;
    /*color: #333;*/
}
input {
    text-align: center;
}
input[type="text"] {
    width: 100%;
}

select {
    background:#FFF;
}


header{
    height:5px;
    /*height:70px;*/
    /*background:url("/img/maintop.jpg") no-repeat;*/
}

nav ul {
    background: #000;
}
nav ul li {
    display: block;
    position: relative;
    float: left;
}
nav li ul {
    display: none;
}
nav ul li a {
    display: block;
    padding: 0.5em;
    white-space: nowrap;
    color: #fff;
}
nav ul li a:hover {
    background: #4A4A4A;
}
nav li:hover > ul {
    display: block;
    position: absolute;
    z-index:2;
}
nav li:hover li {
    float: none;
}
nav ul ul ul {
    margin-left: 100%;
    margin-top: 0;
}
nav ul:before, nav ul:after {
    content: " ";
    display: table;
}
nav ul:after {
    clear: both;
}

th {
    font-weight:bold;
    text-align:center;
}
tbody td {
    text-align:center;
    border:1px solid #AFB5B8;
}
thead th {
    background:#000;
    color:#FFF;
    padding: 7px;
    text-align:center;
    border-top:1px solid #93A1AA;
    border-left:1px solid #93A1AA;
    border-bottom:1px solid #2F3B42;
    border-right:1px solid #2F3B42;
}
tfoot th {
    padding-top: 10px;
}
td, th {
    text-align:center;
}

#login {
    /*background: url("/img/bglogin.jpg") no-repeat top fixed;*/
}
#login-center {
    /*background: #000;*/
    width: 270px;
    height: 280px;
    margin: 5% auto 1% auto;
    position: relative;
}
#login-head {
    position: absolute;
    /*background: url("/img/bglogo.png") no-repeat;*/
    width: 220px;
    height: 114px;
    margin-top: 4%;
    margin-left: 10%;
}
#login-form {
    padding-top: 50%;
}
#login-form input[type="text"], #login-form input[type="password"] {
    text-align: center;
    background:#FFF;
    position: relative;
    color: #676767;
    padding: 10px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 1em;
    border-radius: 5px;
    border: 1px solid #DED6D6;
    width: 150px;
}
#login-acessar {
    width: 40%;
    padding: 3%;
    background: #000;
    color: #ECECEC;
    box-shadow: inset 0px 0px 10px #666464;
    font-size: 1.125em;
    cursor: pointer;
    border-radius: 5px;
}

#logo{
    position:absolute;
    /*background:url("/img/bglogo_mini.png") no-repeat;*/
    width:110px;
    height:57px;
    margin-top:5px;
    margin-left:15px;
}

#content-header {
    background: #000;
    margin-top: 5px;
    height: 25px;
}
#content-header b {
    color: #FFF;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 15px;
    float: left;
}
#content-tabs {
    float: right;
    padding-right: 15px;
}
#content-tabs li {
    float: left;    
}
#content-tabs li a {
    color: #FFF;
    padding: 5px 10px;
    display: block;
}
#content-tabs li a:hover {
    color: #0090c0;
}
#content-box {
padding-top: 5px;
padding-bottom: 7px;
    border-top: 1px solid #ccc;
    background:#D7DBDD;
    text-align:left;
    overflow-x:auto;
    overflow-y:hidden;
}
/*#content-box a {
    color: #000;
}*/
#filtro th {
    background:#000;
}
#botao {
    width: 90px;
    height:35px;
    background: #000;
    color: #ECECEC;
    box-shadow: inset 0px 0px 10px #666464;
    font-size: 1.125em;
    outline: none;
    border: none;
    cursor: pointer;
    font-weight:500;
    border-radius: 5px;
    margin-top: 1%;
    margin-bottom: 1%;
}


.error {
    font-weight: bold;
    font-size: 1.125em;
    color:#FF0000;
    text-align:center;
}
.white {
    background:#FFF;
}
.black {
    color:#000;
}
.red {
    color:#FF0000;
    font-weight: bold;
}
.blue {
 color: blue;
}
.bgred {
    background:#FF0000;
    font-weight: bold;
}
.bgyellow {
    background:#FFFF00;
    font-weight: bold;
}
.bgblack {
    color:#FF0000;
    background:#000;
    font-weight: bold;
}
.bgwhite {
    background:#FFF;
    color:#000;
}
.left {
    text-align: left;    
    padding-left: 5px;
    padding-right: 5px;
}
.left p {
    padding-top: 5px;
}
.right {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

.border {
 border: 1px solid #000;
}
.border-bottom {
 border-bottom: 2px solid #000;
}
.center {
 text-align:center;  
}
.underline {
 text-decoration: underline;
}
.ph1 {
 color: #000;
 font-weight: bold;
 font-size: 13px;
}
.padding10 {
    padding-left: 10px;
    padding-right: 10px;
}
/*.ph1 a {
  color: #AAA;
}*/
.table {
 /*width: 100%;*/
 border-collapse: collapse;
}
.table tbody td {
  background-color:#D7DBDD;
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  border:1px solid #AFB5B8;
}
.table tbody th {
  background-color:#000;
  color:#FFF;
  padding:7px;
  text-align:center;
  border-top:1px solid #93A1AA;
  border-left:1px solid #93A1AA;
  border-bottom:1px solid #2F3B42;
  border-right:1px solid #2F3B42;
  
  
}

.bg2 {
  background-color:#FFF;
}





.dataTable {
    border-collapse: separate;
    max-width:100%;
}
.dataTable input {
    font-size: 0.875em;
}
.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
    cursor: pointer;
}
.dataTable tbody tr.odd {
    background: #eee;
}
.dataTable tbody tr:hover {
    background: #fff;
}
.dataTable tbody td {
    font-size: 0.875em;
}
.dataTable tbody th, .dataTable tbody td {
    border-top: 1px solid #ddd;
}
.dataTable.no-footer {
    border-bottom: 1px solid #111;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length {
    clear: both;
    float: left;
    padding-top: 0.755em;
    padding-left: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.dataTables_wrapper .dt-buttons {
  float:right;  
  text-align:center;
}


.dropv table {font-size: 1.125em;}
.dropv li ul {position: absolute; left: -9999px;}
.dropv td {background: #FFF;padding:5px;}
.dropv li:hover ul {left: auto;margin-left:100px;text-align:left;}


@media screen and (min-width:960px) {
    #login-produtos {
        position: relative;
        /*background: url("/img/bgprodutos.png") no-repeat;*/
        width: 957px;
        height: 80px;
    }
}

@media screen and (min-width:850px) {
    #topprod {
        position: relative;
        /*background:url("/img/bgprodutos_mini.png") no-repeat;*/
        width:682px;
        /*height:57px;*/
        float:right;
        margin-right:10px;
        margin-top:10px;
    }
}

/*@media screen and (max-width: 750px) {
    tbody td, thead th {
        display: block;
        text-align:center;
    }
}*/









/* reordenar esse, no caso ver se vai ser id ou class, relacionado ao dashboard */
#pesquisa {
    width: 100%;
    background:#000080;
    color: #FFF;
}
.full {
    width: 100%;
    /*padding-left:1%;
    padding-right:1%;*/
}
.half {
    position:relative;
    width: 50%;
    float: left;
}
.btn-link {
    color: #FFF;
    background:none;
    padding: 8px 10px;
}
.btn-link-mark {
    background: #0090c0;
}
.btn-link:hover {
    background: #0090c0;
    cursor:pointer;
}

.ui-autocomplete li.ui-menu-item{text-align:left;}