﻿html {
    position: absolute;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

html body {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(3b5998, white);
}

.sscampo {
    margin: 0;
    padding: 0;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 6px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 3px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 3px;
}

.dx-form-group-with-caption .dx-form-group-content {
    padding-top: 5px;
    padding-bottom: 4px;
    margin-top: 0px;
}

.supersis {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    overflow: hidden;
}

#sistema {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    overflow: hidden;
}

.paginas {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    padding: 3px;
    margin: 0;
    overflow: hidden;
}

.pagina {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    padding: 4px;
    margin: 4px;
    background-color:floralwhite;
}

#menua {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.ssaba {
    border-top-right-radius: 10px 30px;
    margin: -2px 0 -7px 0;
    padding: 1px 10px 1px 10px;
    cursor: pointer;
    vertical-align: central;
}


/*aba: natural*/
.ssaba {
    background-color: #DDDDDD;
}
/*#009ED6*/

/*aba: passar o mouse*/
.ssaba:hover {
    background-color: #f1f1ad;
    font-weight: bold;
}

/*aba: ativa (clicada)*/
.ssaba.active {
    background-color: #0094ff; /*#DDDDDD;*/
    font-weight: bold;
}

/*aba: passar o mouse ativa (clicada)*/
    .ssaba.active:hover {
        background-color: #009ED6;
        font-weight: bold;
    }

.abs01controle {
    padding: 0 3px 0 3px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
}

.abs01controle:hover {
    background-color: orangered;
    font-weight: bold;
    color: white;
}

/*.abs01controle { background-color: red; }*/
/*.abs01controle.active { background-color: blue; }
.ssaba:hover .abs01controle { background-color: yellow; }
.ssaba:hover .abs01controle:hover { background-color: maroon; }
.ssaba.active:hover .abs01controle { background-color: blueviolet; }
.ssaba.active:hover .abs01controle:hover { background-color: gold;}*/


.barra {
    height: 3px;
    margin: 5px;
    padding: 0px;
    background-color: black;
    border-radius: 20px;
}


.home-view p {
    padding: 0px;
}

.home-view {
    padding: 0px;
    /*background-color:greenyellow;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.sscontainer {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 3px;
    border: 1px solid green;
}

.bgorder {
    border: 1px solid black;
}

label {
    margin-bottom: 0;
}

.dx-tabpanel-tabs {
    background-color: #ff6a00;
}

.dx-tabs-wrapper {
    background-color: #f1f1ad;
    /*#caaf9c;*/
}

.dx-tab-selected {
    background-color: #ff6a00;
}

.dx-tabpanel-container {
    background-color: #EEEED1;
}

#localizar .dx-texteditor-input {
    background-color: #f1f1ad;
}

.dx-numberbox .dx-texteditor-input {
    text-align: right;
}

.dx-numberbox-spin .dx-texteditor-input {
    text-align: right;
}

.dx-texteditor-input:read-only {
    background-color: darkgrey;
}

.filtro {
    position: absolute;
    border: 1px solid #808080;
    /*float:right;*/
    /*display: inline;*/
    width: 600px;
    background-color: aqua;
}

.fsel0 {
    position: absolute;
    border: 1px solid #808080;
    width: 100px;
    top: 0;
    left: 0;
    background-color: burlywood;
}

.fsel {
    border: 1px solid #808080;
    display: inline-block;
    width: 100px;
    top: 0;
    left: 100px;
    height: 100%;
    background-color: burlywood;
}

.fsel0 {
    position: absolute;
    border: 1px solid #808080;
    width: 100px;
    top: 0;
    left: 100px;
    background-color: burlywood;
}

.fsel2 {
    position: absolute;
    border: 1px solid #808080;
    width: 100px;
    top: 0;
    left: 200px;
    background-color: burlywood;
}

.fsel3 {
    position: absolute;
    border: 1px solid #808080;
    width: 100px;
    top: 0;
    left: 300px;
    background-color: burlywood;
}

.fsel4 {
    position: absolute;
    border: 1px solid #808080;
    width: 100px;
    top: 0;
    left: 400px;
    background-color: burlywood;
}

.fsel5 {
    position: absolute;
    border: 1px solid #808080;
    width: 100px;
    top: 0;
    left: 500px;
    background-color: burlywood;
}

.cpr1 {
    color: red;
}

.cpr2 {
    color: blue;
}

.cpr3 {
    color: green;
}

#gridContainer {
    height: 440px;
}

.internal-grid-container {
    padding: 10px 0 10px 0;
}

.internal-grid-container > div:first-child {
    padding: 0 0 5px 10px;
    font-size: 14px;
    font-weight: bold;
}

.indextop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
    /*background-color: #3b5998;*/
    background-color: #F0FFFF;
}

#login {
    position: absolute;
    top: 51px;
    left: 0;
    bottom: 20px;
    right: 0;
    overflow: hidden;
    background-color: lavender;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#formlogin {
    width: 500px;
    /*height:270px;*/
    padding: 30px 120px 30px 120px;
    /*margin:auto;*/
    background-color: white;
    /*border:1px dotted #9F0;*/
}

#titulologin {
    font-size: 14px;
    font-weight: bold;
}

#indexfooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    overflow: hidden;
    border-top: 1px solid #808080;
}

#sys {
    position: absolute;
    width: 40%;
    height: 50px;
    top: 0;
    left: 0;
    padding:5px;
}

#idsys {
    position: absolute;
    width: 60%;
    height: 50px;
    top: 0;
    right: 0;
    padding: 5px;
}

#syslogo {
    max-width: 90%;
    max-height: 90%;
}

#licencaid {
    position: absolute;
    /*width: 60%;*/
    height: 50px;
    top: 0;
    right: 80px;
    /*background-color:burlywood;*/
    /*border: 1px solid #808080;*/
    /*border-radius:10px/20px;*/
    text-align: right;
    vertical-align: central;
    line-height: 16px;
    padding: 1px 8px 1px 8px;
    /*font-family: "Times New Roman", Times, serif;*/
    /*font-style: oblique;*/
    font-size: 15px;
    font-weight: bold;
    color: #009ED6;
    /*margin: 1px 3px 2px 3px;*/
}

#unitrocar {
    position: absolute;
    width: 80px;
    height: 50px;
    top: 0;
    right: 0px;
    /*background-color:burlywood;*/
    border-left: 1px solid #808080;
    /*border-radius:10px/20px;*/
    text-align: center;
    /*vertical-align: central;*/
    line-height: 16px;
    padding: 7px;
    margin-left: 5px;
    /*font-family: "Times New Roman", Times, serif;*/
    /*font-style: oblique;*/
    font-size: 15px;
    font-weight: bold;
    color: black;
    background-color:tomato;
    cursor: pointer;
}


.docbx {
    /*position:absolute;
    width:100%;*/
    padding: 10px;
}

.recuperar {
    color: blue;
}

.poppagina {
    /*position: absolute;*/
    width: 350px;
    height: 250px;
    /*display: none;*/
    padding: 5px;
    margin: 0;
    overflow: hidden;
}

.poppgheader {
    /*position:absolute;*/
    top: 20px;
    left: 0;
    right: 0px;
    height: 30px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 1px solid #808080;
    /*border: 1px solid #808080;
    background-color:red;*/
}

.poppgdetail {
    /*position:absolute;*/
    top: 63px;
    left: 0;
    right: 0px;
    bottom: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    /*border: 1px solid #808080;
    background-color:yellow;*/
}



.popup .toobar .grid {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dx-treeview .dx-treeview-item .dx-treeview-item-content span {
    white-space: nowrap;
}

.dx-item-content.dx-treeview-item-content {
    overflow-x: auto;
    overflow-y: hidden;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 3px;
}

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 0px;
}



.baseform {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding: 10px;
}

/*.cssbordas {
    border: 1px solid #808080;
    border-radius: 10px/20px;
    background-color: lavender;
    padding: 10px;
    margin: 3px 3px 0 0;
    overflow: hidden;
}*/

.cssbordas {
    /*border: 1px solid #DDDDDD;
    padding: 0;
    margin: 0;
    overflow: hidden;*/
}


.bt {
   border-top: 1px solid #DDDDDD;
}

.bl {
    border-left: 1px solid #DDDDDD;
}

.bb {
    border-bottom: 1px solid #DDDDDD;
}

.br {
    border-right: 1px solid #DDDDDD;
}






.cssgrupo {
    margin: 1px;
    padding: 6px;
}

.brt {
    border-top: 1px solid #DDDDDD;
}

.brr {
    border-right: 1px solid #DDDDDD;
}

.brb {
    border-bottom: 1px solid #DDDDDD;
}

.brl {
    border-left: 1px solid #DDDDDD;
}

.pgheader {
    position: absolute;
    /*position:relative;*/
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    border-bottom: 1px solid #DDDDDD;
    padding: 0;
    overflow: hidden;
    /*background: linear-gradient(#DDDDDD, white);*/
    /*background-color: #DDDDDD;*/
}

.pgdetailh {
    top: 0;
    right: 0;
    left: 0;
    height: 34px;
    padding: 3px;
    border-bottom: 1px solid #DDDDDD;
}

.pgdetailh {
    top: 34px;
    right: 0;
    left: 0;
    bottom: 0;
}

.pgdetail {
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: auto;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.pgdetailFull {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: auto;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.baserot {
    background-color: lavender;
}

.sstabbled {
    padding-bottom: 5px;
}

#basep {
    top: 0;
    bottom: 0;
    padding: 0;
    /*overflow: hidden;*/
    /*background-color: darkorange;*/
}

#menup {
    top: 0;
    bottom: 0;
    width: 350px;
    overflow: hidden;
    border-top: 1px solid #DDDDDD;
}

#leftmenu {
    position: absolute;
    top: 0;
    width: 40px;
    bottom: 0;
    left: 0;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    background-color: #B0E0E6; /*#F0F8FF;*/
    cursor: pointer;
}

#rmenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    padding: 0;
    margin: 4px;
    overflow: hidden;
    /*border-radius: 5px/10px;*/
}

#menutitiulo {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
}

#menutitutlotxt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    writing-mode: vertical-lr;
    /*-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    /*border-radius: 5px/10px;*/
}


#righttela {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 40px;
}

#indextab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    overflow: hidden;
    /*background-color: aquamarine;*/
    /*background-color: #3b5998;*/
    background-color: #F0FFFF;
    border-top: 1px solid #DDDDDD;
}

#bars {
    position: absolute;
    top: 0;
    left: 0px;
    width: 40px;
    bottom: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#abasheader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px;
    margin: 3px 3px 0 3px;
    overflow: hidden;
}


#indexdetail {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 40px;
    padding: 0;
    overflow: hidden;
    /*background-color: brown;*/
}

#hfundo{
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding:4px;
}

#hbase {
    position: absolute;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0;
    margin-right:4px;
    padding: 2px;
    overflow-x:hidden;
    overflow-y: auto;
       
}

#hresumo {
    position: absolute;
    top: 0;
    width: 300px;
    bottom: 0;
    right: 0;
    margin-left: 4px;
    padding: 2px;
    overflow:auto;
}

#hcliente {
    position: absolute;
    top: 0;
    height: 150px;
    right: 0;
    left: 0;
    padding-left:3px;    
}


#hdetalhe {
    position: absolute;
    top: 150px;
    bottom:0;
    right: 0;
    left: 0;
    padding-left: 3px;
    padding-top: 4px;
    overflow: hidden;
}


#xxhcontas {
    position: absolute;
    top: 0;
    height: 50%;
    right: 0;
    left: 0;
    padding-left: 3px;
    padding-top: 4px;
    overflow: hidden;
}

#xxhprodutos {
    position: absolute;
    height: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 12px;
    overflow: hidden;
}
