body{
    /*    color:aquamarine*/
    /*background: whitesmoke;*/
    /*background: linear-gradient(whitesmoke, appworkspace);*/
    /*background: linear-gradient(10deg, #00BFFF 20%, #8A2BE2);*/
    background: linear-gradient(to right, white, white);
    /*width: 98.93vmax;*/
    height: 100%;
    overflow: auto;
    padding: 0%;
    margin: 0%;
    font-family: 'Red Hat Display', sans-serif;
    font-family: 'Ubuntu', sans-serif;
    font-family: 'Arial', sans-serif;
    font-family: 'FontAton', sans-serif;
    font-family: 'FontAtonBold', sans-serif;
}

@font-face {
    font-family: FontAton;
    /*src: url("../Util/Fonte/Mluvka-Regular-BF65518ac8463f5.otf");*/
    src: url("../Util/Fonte/Mluvka-Regular-BF65518ac8463f5.otf");

    font-family: FontAtonBold;
    /*src: url("../Util/Fonte/Mluvka-Bold-BF65518ac8cff8c.otf");*/
    src: url("../Util/Fonte/Mluvka-Bold-BF65518ac8cff8c.otf");
}

@media print {
    body {
        /*        margin-top: 5px;
                margin-left: 10px;*/
        /*transform: scale(1.001);*/
        /*transform-origin: 0 0;*/
    }
    #TabelasGraficos {
        margin: 0;
        padding: 0;
        border: 0;
    }
    #printable {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 14px;
    }
    #printable ~ * {
        display: none;
    }
    @page {
        size: A4 landscape;
    }
}



/*CONFIGURAÇÃO PARA QUEBRA DE PÁGINA NA IMPRESSÃO DOS GRÁFICOS*/
div.pagebreak {
    page-break-after: always;
    page-break-inside: avoid;
}

.parent {
    page-break-after: always;
}

.class-page-break {
    page-break-inside: avoid;
}

@media (min-width: 768px) {
    body {
        padding-top: 0;
    }
}

.FundoTela{
    height: 100%;
    overflow: auto;
    background-image: url('../img/logo1.png') ;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
    opacity: 0.9;
}

.FundoTelaGrafico{
    height: 100%;
    overflow: auto;
    background-image: url('../img/logo1.png') ;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
    opacity: 0.9;
}

.dragging{
    opacity: 0.3;
}

/*CLASSES*/
.centralizada{
    max-width: 1280px;
}

.alignLeft{
    text-align: left;
}

.alignCenter{
    text-align: center;
}

.alignRight{
    text-align: right;
}

.alignJustify{
    text-align: justify;
}

.clear{
    clear: both;
}

.espaco_entre_linhas{
    line-height:initial;
}
.borderBottomLinha{
    border-bottom:1px #000099 solid;
    width: 100%;
}
.borderBottom{
    border-bottom: 1px solid #eee;
    width: 90%;
}
.abasform{
    padding: 0.5%;
    background: linear-gradient(lightgray,lightyellow);
    /*color: bisque*/
    /*background: linear-gradient( #dcdcdc , bisque );*/
}
.abasBordas{
    border: 1px double silver;
    border-radius: 4px;
    /*    color:#2E3039*/
}

#TituloOpcao {
    font: bold 26px Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #374E0C;
    color:#C6E746;
    /*    margin-left: 0.5%;
        margin-top:0.01%;*/
    padding:0.2%;
}
#TituloOpcaoB {
    font: bold 22px Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 1px #374E0C;
    color:#C6E746;
    margin-left: 0.5%;
    margin-top:0.5%;
    /*padding:0.2%;*/
}
#TituloLista {
    font: bold 18px Arial, Helvetica, sans-serif;
    /*text-shadow: 1px 1px 1px blue;*/
    color:midnightblue;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top:0.3%;
    padding:0.5%;
}
#BarraBotoes {
    margin-top:0.2%;
    padding:0.2%;
}
#BarraQuadro {
    width: 100%;
    display: inline-block;
    height: 40px;
    /*vertical-align:central;*/
    border-radius: 4px;
    box-shadow:2px 2px 2px 2px #337ab7;
    padding: 0.5%;
    /*    color:sandybrown*/
    background: linear-gradient(lightgoldenrodyellow, lightgoldenrodyellow);
}
#TabelaCabecalho table.th{
    font: bold 14px Arial, Helvetica, sans-serif;
    color:#FFF;
}
#BarraTitulo{
    /*    width: 100%;
        height: 7%;
        display: inline-block;
        vertical-align:central;*/
    /*color:lightgreen*/
    background: linear-gradient(#F0F8FF,#F8F8FF );
    /*    border: 1px double silver;
        border-radius: 4px;
        box-shadow:3px 3px 3px 3px #337ab7;
        margin-top: 0.05%;*/
    padding: 0.3%;
}
#BarraTituloOpcao{
    /*color:#dcdcdc*/
    background: linear-gradient(#FFF, #dcdcdc );
    padding: 1%;
}
#BarraTituloOpcao span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}
#BarraTituloOpcao button{
    font: bold 16px Ubuntu, Helvetica, sans-serif;
}
#TabelaAgendamento{
    width: 95%;
}
#BarraTituloOpcaoAgenda{
    /*    color:lightskyblue*/
    background: linear-gradient(lightskyblue, #dcdcdc );
    padding: 1%;
}
#BarraTituloOpcaoAgenda span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}
#BarraTituloOpcaoAgenda button{
    font: bold 18px Ubuntu, Helvetica, sans-serif;
}

#BarraTituloOpcaoConfirmar{
    /*color:#43D5B1*/
    background: linear-gradient(#808080, #43D5B1 );
    padding: 1%;
}
#BarraTituloOpcaoConfirmar span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}
#BarraTituloOpcaoConfirmar button{
    font: bold 18px Ubuntu, Helvetica, sans-serif;
}

#BarraTituloOpcaoPreventiva{
    /*color:appworkspace*/
    background: linear-gradient(appworkspace, #C6E746 );
    padding: 1%;
}
#BarraTituloOpcaoPreventiva span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}
#BarraTituloOpcaoPreventiva button{
    font: bold 18px Ubuntu, Helvetica, sans-serif;
}

#BarraTituloOpcaoPreventivaItem{
    /*color:#C6E746*/
    background: linear-gradient(#C6E746, #C6E746 );
    padding: 1%;
}
#BarraTituloOpcaoPreventivaItem span{
    font: bold 20px Red Hat Display, Helvetica, sans-serif;
}

#BarraTituloOpcaoRevisaoItemSaida{
    /*color:#C6E746*/
    background: linear-gradient(#C6E746, #C6E746 );
    padding: 1%;
}
#BarraTituloOpcaoRevisaoItemSaida span{
    /*color:#FFF*/
    font: bold 18px Red Hat Display, Helvetica, sans-serif;
    text-shadow: 2px 2px #FFF;
}


#BarraTituloOpcaoRevisaoItemEntrada{
    /*color:green*/
    background: linear-gradient(green, green );
    padding: 1%;
}
#BarraTituloOpcaoRevisaoItemEntrada span{
    /*color:#000000*/
    font: bold 18px Red Hat Display, Helvetica, sans-serif;
    color:red;
    text-shadow: 2px 2px #000000;
}


#BarraTituloOpcaoRevAgendamento{
    /*color:mediumturquoise*/
    background: linear-gradient(mediumturquoise, cadetblue );
    padding: 1%;
}
#BarraTituloOpcaoRevAgendamento span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}
#BarraTituloOpcaoRevAgendamento button{
    font: bold 18px Ubuntu, Helvetica, sans-serif;
}

#BarraTituloIndcadorAgendamentos{
    /*color:darksalmon*/
    background: linear-gradient( #31b0d5, darksalmon );
    padding: 1%;
}
#BarraTituloIndcadorAgendamentos span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}

#BarraTituloOpcaoRevAgendamentoItem{
    /*color:#C6E746*/
    background: linear-gradient(#C6E746, #C6E746 );
    padding: 1%;
}
#BarraTituloOpcaoRevAgendamentoItem span{
    font: bold 20px Red Hat Display, Helvetica, sans-serif;
}


#BarraTituloOpcaoApontamento{
    /*color:cadetblue*/
    /*background: linear-gradient(activeborder, cadetblue );*/
    padding: 1%;
}
#BarraTituloOpcaoApontamento span{
    font: bold 24px Red Hat Display, Helvetica, sans-serif;
}
#BarraTituloOpcaoApontamento button{
    font: bold 20px Ubuntu, Helvetica, sans-serif;
    /*margin-right: 2%;*/
}




#TabelaPreventiva{
    width: 70%;
    margin: 0.05%;
    align-content:center;
}
#InserirPreventiva{
    /*    color:forestgreen*/
    background: linear-gradient(azure, #C6E746 );
}

#InserirVeiculos{
    /*background:#eee*/
    background: linear-gradient(#eee,aliceblue );
    padding: 2%;
    border-radius: 10px;
}
#InserirItemRevisao{
    /*color: aliceblue;*/
    background: linear-gradient(#eee,aliceblue );
    padding: 2%;
    border-radius: 10px;
}
#InserirFunc{
    background: linear-gradient(#eee,aliceblue );
    padding: 1.3%;
    border-radius: 2px;
}

#BarraPesquisa{
    width: 100%;
    display: inline-block;
    vertical-align:central;
    margin-top: 0%;
}
#ListaReg{
    width: 100%;
    display: inline-block;
    vertical-align:central;
    /*color: #336666*/
    background: linear-gradient(#336666, #31b0d5);
    border: 4px double silver;
    border-radius: 4px;
    box-shadow:3px 3px 3px 3px #337ab7;
    /*padding: 1%;*/
}
/*#ListaRegTab{
    width: 98%;
    display: inline-block;
    vertical-align:central; 
    color:#AAAAAA
    background-color:lightgreen;
    background: linear-gradient(#AAAAAA, #31b0d5);
    background: linear-gradient(aquamarine, #31b0d5);
    color:aquamarine
    border: 4px double silver;
    border-radius: 4px;
    box-shadow:3px 3px 3px 3px ;
    padding: 0.3%;
    margin-top: 0.3%;
}*/
#ListaRegTab1{
    width: 100%;
    display: inline-block;
    /*vertical-align:central;*/
    /*    border-radius: 4px;
        background: linear-gradient(#DCDCDC 10%, white);*/
}
#ListaRegTab2{
    width: 100%;
    display: inline-block;
    vertical-align:central;
    border-radius: 4px;
    padding: 0.3%;
}
#ListaRegTab3{
    width: 100%;
    display: inline-block;
    vertical-align:central;
    border-radius: 4px;
    /*padding: 0.3%;*/
}
#ListaRegTab4{
    width: 70%;
    display: inline-block;
    vertical-align:central;
    border-radius: 4px;
    padding: 0.3%;
}
/*#ListaCotacaoProdFornec{
    width: 100%;
    display: inline-block;
    vertical-align:central; 
    border-radius: 4px;
    background: linear-gradient(#DCDCDC 10%, white);
}*/
#TabelaPadrao{
    width:100%;
    table-layout:auto;
    word-wrap:normal;
    height: 0.1%;
}
#TabelaPadrao.nowrap{
    width:100%;
    margin: 0 auto;
}
#FormLogin{
    width: 30%;
    height: 70%;
    /*display: inline-block;*/
    vertical-align: central;
    background: linear-gradient(#336666, #31b0d5);
    box-shadow:3px 3px 3px 3px #AAAAAA;
    margin: 10%;
    padding: 1%;
    border-radius: 4px;
    line-height: 40%;
}
#FormCad{
    width: 80%;
    display: inline-block;
    vertical-align: central;
    background: linear-gradient(#336666, #31b0d5);
    box-shadow:3px 3px 3px 3px #AAAAAA;
    padding: 1px;
}
#ManTipoDebCredModalLabel{
    background: linear-gradient(#336666, #31b0d5);
    color: #C6E746;
    font: bold 20px Arial, Helvetica, sans-serif;
    margin: 0.3%;
    padding: 1%;
    border-radius: 4px;
}
#InserirTipoDebCred{
    /*width: 90%;*/
    border: 3px double silver;
    border-radius: 5px;
    /*    color:#F4FF77
        background: linear-gradient( #337ab7 , #337ab7 );*/
    background: linear-gradient( lightyellow , lightyellow );
    padding: 1%;
    line-height: 40%;
}
#ManHistoricoModalLabel{
    /*color:#ddd*/
    background: linear-gradient(#336666, #31b0d5);
    color: #C6E746;
    font: bold 20px Arial, Helvetica, sans-serif;
    margin: 0.3%;
    padding: 1%;
    border-radius: 4px;
}
#InserirHistorico{
    /*width: 90%;*/
    border: 3px double silver;
    border-radius: 5px;
    /*    color:#AA0000*/
    background: linear-gradient( lightyellow , lightyellow );
    padding: 1%;
    line-height: 40%;
}


#contato_table.table.tbody{
    height: 2px;
}
#ManContatoModal{
    margin: 0.2%;
}
#ManContatoModalLabel{
    /*color:#ddd*/
    background: linear-gradient(#336666, #31b0d5);
    color: #C6E746;
    font: bold 20px Arial, Helvetica, sans-serif;
    margin: 0.3%;
    padding: 0.1%;
    border-radius: 4px;
}
InserirContato{
    /*width: 90%;*/
    border: 3px double silver;
    border-radius: 5px;
    /*color: lightyellow*/
    background: linear-gradient( lightyellow , lightyellow );
    padding: 1%;
    line-height: 50%;
}
#ManBancoContaModal{
    margin: 0.2%;
}
#ManBancoContaModalLabel{
    /*color:#ddd*/
    background: linear-gradient(#336666, #31b0d5);
    color: #C6E746;
    font: bold 20px Arial, Helvetica, sans-serif;
    margin: 0.3%;
    padding: 0.1%;
    border-radius: 4px;
}

#InserirBancoConta{
    /*width: 90%;*/
    border: 3px double silver;
    border-radius: 5px;
    /*color: lightgoldenrodyellow*/
    background: linear-gradient( lightyellow , lightyellow );
    padding: 1%;
    line-height: 50%;
}
#ManLanctoContaModal{
    margin: 0.2%;
}
#ManLanctoContaModalLabel{
    /*color:#ddd*/
    background: linear-gradient(#336666, #31b0d5);
    color: #C6E746;
    font: bold 20px Arial, Helvetica, sans-serif;
    margin: 0.3%;
    padding: 0.1%;
    border-radius: 4px;
}
#InserirLanctoConta{
    /*width: 90%;*/
    border: 3px double silver;
    border-radius: 5px;
    /*color: lightgoldenrodyellow*/
    background: linear-gradient( lightyellow , lightyellow );
    padding: 1%;
    line-height: 50%;
}

#ManEmpresaModalLabel{
    /*color:#ddd*/
    background: linear-gradient(#336666, #31b0d5);
    color: #C6E746;
    font: bold 20px Arial, Helvetica, sans-serif;
    margin: 0.3%;
    padding: 0.1%;
    border-radius: 4px;
}
#InserirEmpresa{
    /*width: 90%;*/
    border: 3px double silver;
    border-radius: 5px;
    /*color: lightyellow*/
    background: linear-gradient( lightyellow , lightyellow );
    font: bold 10px Arial, Helvetica, sans-serif;
    padding: 0.5%;
    line-height: 30%;
}

#MensagemProcesso{
    width: 90%;
    display: inline-block;
    vertical-align: central;
}
#Tabela1{
    width: 100%;
    /*    display: inline-block;
        vertical-align: central;*/
    margin-top: 0.10%;
    border: 3px double silver;
    border-radius: 10px;
    padding: 1%;
}
/*table thead tr.th{
    font: bold 14px Arial, Helvetica, sans-serif;
    color:#FFF;
}*/
/*fonte do cabeçalho da tabela*/
/*.th {
    font: bold 14px Arial, Helvetica, sans-serif;
}*/

.nav a{
    font: bold 14px Arial, Helvetica, sans-serif;
}

#RelogioTela {
    margin-top: 0.05%;
    font: bold 14px Arial, Helvetica, sans-serif;
    color:goldenrod;
}
/*CORPO*/
#box{
    width: 100%;
    vertical-align: central;
    margin: 0.05%;
    /*background: linear-gradient(#336666, #337ab7);*/
    border: 3px double silver;
    border-radius: 10px;
}
/*CONTEUDO*/
/*#header{
    height: 0%;
    position: relative;
    background-color: #43D5B1;
    background: linear-gradient(#336666, #337ab7);
}*/
#Cabecalho{
    height: 10%;
}
.logo{
    width: 0%;
    height: 0%;
    /*float: left;*/
    /*margin: 1px;*/
    /*background:orange;*/
}
.logo img{
    margin-top: 0%;
    width: 70%;
    height: 30%;
}
.menu-opcoes {
    position:absolute;
    float: right;
    bottom: 0%;
    right: 0%;
    top: 0%;
    /*    top:80%;
        background: linear-gradient(#336666, #337ab7);
        border:#003366 double 3px;
        padding:3px;*/

}
.menu-opcoes ul {
    font-size: 15px;
}
.menu-opcoes a {
    color: #000000;
}
.menu-opcoes ul li {
    display: inline;
    margin-left: 10px;
    top:10%;
    text-align:justify;
}


.BotaoInserir {
    position:absolute;
    float: right;
    bottom: 0%;
    right: 0%;
    top: 0%;
}

/*MENU*/
/*#menu{
    background: linear-gradient(#336666, #337ab7);
    width: 25%;
    height:100%;
    float:left;
    font: bold 11px Arial, Helvetica, sans-serif;
    padding-top: 3px;
    top:30%;
}*/

/*CONTEUDO*/
#content{

    background: linear-gradient(silver, #337ab7);
}

/*RODAPE*/
#rodape{
    clear: both;
    width: 100%;
    height: 3%;
    float: end;
    /*background: linear-gradient(#006699, #337ab7);*/
    background: linear-gradient(whitesmoke, #31b0d5);
    font: bold 12px Arial, Helvetica, sans-serif;
    text-align: center;
    /*color:whitesmoke;*/
    padding: 0.05%;
    margin-top: 0.02%;
}


/* MENU PRINCIPAL */
#main-menu {
    background-color: #2E3039;
}

.list-group-item {
    background-color: #2E3039;
    border: none;
}

a.list-group-item {
    color: white;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: #000099;
    /*#43D5B1;*/
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    color: #FFF;
    background-color: #43D5B1;
    border: none;
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 2px;
    border: 2px solid green;
}

.list-group-level1 .list-group-item {
    padding-left:30px;
}

.list-group-level2 .list-group-item {
    padding-left:50px;
}

.list-group-level3 .list-group-item {
    padding-left:60px;
}

/* TELA DE LOGIN */
/*#dvLogin{
    font-size: 1.125em;
    max-width: 430px;
    width: 100%;
    margin-top: 5%;
    border: 2px #AAAAAA solid;
    border-radius: 5px;
    padding: 5%;

    VERTICAL
    background: steelblue;
    background: linear-gradient(steelblue,#AAAAAA);

}*/

#dvLogin{
    /*max-width: 1280px;*/
    /*width: 30%;*/
    /*margin-top: 2%;*/
    margin-left:auto;
    margin-right:auto;
    /*background-color:#dcdcdc;*/
    /*border: 3px steelblue double;*/
    border-radius:10px;
    /*padding:0.1%;*/
    /*box-shadow:3px 3px 3px 3px #337ab7;*/
    vertical-align: central;
}
.imgLogin{
    width: 50%;
    height: 35%;
}

/*formatação do GIF*/
#blanket,#aguarde{
    position: fixed;
    display: none;
    margin-top: 1%;
    margin-left:35%;
}


.ParceiroPerfil {
    /*min-height: 100%;*/
    margin: 0%;
    float: left;
    /*    font-family: bold Red Hat Display, sans-serif;
        font-size: 30px;*/
}

.ParceiroPerfil a {
    width: 100%;
    /*padding: 6px 8px 6px 8px;*/
    margin-left: 5%;
    text-decoration: none;
    font-size: 20px;
    color:#000;
    display: block;
    font-family: Ubuntu,sans-serif;
}

.ParceiroPerfil a:hover {
    color:blue;
    text-decoration:underline;
    font-weight: bold;
}
/*Aumento da Fonte/Negrito 
tabela tabela_check_movto_item do Item do Check-List*/
.bigfont{
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, serif;
}



/*MENU PRINCIPAL*/