/* CSS novo */
body
{
    background-image: url('../Imagens/background.png');
}

input[type="text"], input[type="password"], select
{
    height: 29px;
    width: 100%;
}

input[type="button"], input.botao
{
    background: MidnightBlue;
    border: 1px solid Gray;
    color: White;
    padding: 4px;
    width: auto;
}

input[type="button"]:hover, input.botao:hover
{
    background: RoyalBlue;
}

input[type=checkbox] {
    height: 18px;
    width: 18px;
}

/* Menu superior */

div.menu-superior
{
    background: White;
    background-image: url('../Personalizacoes/logoempresabkg.png');
    background-repeat: repeat-x;
}

div.logo-empresa
{
   background-image: url('../Personalizacoes/logoempresa.png');
   background-repeat: no-repeat;   
   min-height: 128px;
}

div.usuario-logado
{
    margin-top: 60px;
}

/* Menus em geral */

.w3-navbar li a:hover, .w3-dropdown-hover:hover
{
    background: RoyalBlue !important;
    color: White !important;
}

a, .click
{
    cursor: pointer;
}

.w3-navbar > li > a
{
    padding: 8px;
}

.w3-navbar > li ul
{
    display: none;
}

.w3-dropdown-hover {
    background: none !important;
}

li.menu-item-selecionado, a.pagina-selecionada, ul.w3-pagination > li > a.pagina-selecionada, .selecionado
{
    background: MidnightBlue !important;
    color: White;
}

/* Conteúdo */

div.conteudo, div.bg-color
{
    background: White;
}

header
{
    background: DodgerBlue;
    color: White;
}

/* Rodapé */

div.rodape
{
    background: MidnightBlue;
}

/* Modal */

div.modal > div > header
{
    background: DodgerBlue;
    border-bottom: 2px solid silver;
    color: White;
}

div.modal > div > div
{
    min-height: 128px;
}

div.modal > div > footer
{
    background: MidnightBlue;
    border-top: 2px solid gray;
}

div.modal > div > footer > input
{
    background: none;
    border: none;
    color: White;
    padding: 4px;
    width: 128px;
}

div.modal > div > footer > input:hover, div.modal > div > footer > input:focus
{
    background: CornflowerBlue;
}

div.modal > div > footer > input:hover, div.modal > div > footer > input:hover
{
    background: RoyalBlue;
}

/* Centralizar imagem verticalmente */

.img-container {
    text-align: center;
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
}

/* Seletor */

div.seletor-multi
{
    cursor: pointer;
}

div.seletor-multi > div
{
    border: 1px solid Silver;
    height: 100%;
    margin: 4px;
}

div.seletor-multi > div:hover
{
    border-color: Gray;
}

div.seletor-multi-selecionado > div
{
    background: DodgerBlue;
    border-color: MidnightBlue;
    color: White;
}

/* Personalizações W3.css */

.w3-margin-top-8
{
    margin-top: 8px !important;
}

.w3-margin-bottom-8
{
    margin-bottom: 8px !important;
}

.w3-margin-left-8
{
    margin-left: 8px !important;
}

.w3-margin-right-8
{
    margin-right: 8px !important;
}

img
{
    margin-bottom: 0px;
}

html, body 
{
    font-family: "Segoe UI", Verdana, sans-serif;
    font-size:15px;
    line-height:1.5
}

.w3-vert-navbar
{
    min-height: 400px;
}

.w3-vert-navbar ul
{
    padding-left: 8px;
}

.w3-vert-navbar li
{
    list-style-type: none;
    width: 100%;
}

/* Tabelas */

.w3-table th
{
    background: DodgerBlue;
    color: White;
    font-weight: initial;
}

.w3-table td, .w3-table th
{
    padding: 4px;
}

.w3-padding-8
{
    padding: 0px 8px;
}

.w3-pagination li a:hover
{
    background: RoyalBlue;
    color: White;
}

.w3-content {
    max-width: 1400px;
}

a.aba > div
{
    border-bottom: 4px solid #ccc !important;
    padding: 8px 16px;
}

a.aba > div:hover
{
    background-color: ghostwhite;
    border-bottom-color: gray !important;
}

a.aba-selecionada > div
{
    border-bottom-color: gray !important;
}

.w3-content, .conteudo {
    min-height: 600px;
}

@media (min-width: 0) {
    .w3-modal-content {
        width: 1000px;
    }

    .w3-navbar {
        font-size: 12px;
    }

    .w3-navbar > li > a {
        padding: 10px 8px;
    }
}

@media (min-width: 1200px) {
    .w3-modal-content {
        width: 1100px;
    }

    .w3-navbar {
        font-size: 14px;
    }

    .w3-navbar > li > a {
        padding: 9px 8px;
    }
}

@media (min-width: 1300px) {
    .w3-modal-content {
        width: 1200px;
    }
}

@media (min-width: 1400px) {
    .w3-modal-content {
        width: 1300px;
    }

    .w3-navbar {
        font-size: 15px;
    }
}

div.overflow {
    min-height: 300px;
    max-height: 600px;
    overflow: auto;
}

.padding-bottom-4 {
    padding-bottom: 4px !important;
}

.img-bkg {
    background: DodgerBlue;
}

.w3-table td {
    vertical-align: middle;
}

.w3-badge, .w3-tag, .w3-sign {
    background-color: RoyalBlue;
    border-radius: 4px;
    margin: 0px 4px;
    padding: 4px;
    font-weight: normal;
    font-size: small;
}

.maiusculo {
    text-transform: uppercase;
}