#top {
    position: relative;
    color: white;
    padding: 5px;
    margin: 0px;
}

#bottom {
    position: relative;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    padding: 5px;
}

.left_content {
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

.info_gerais {
    margin: 4px 0px -3px 0px;
    text-align: center;
}

.info_gerais li {
    color: #aaa;
    display: inline;
    font-size: 11px;
    margin-left: 4px;
    margin-right: 4px;
}

.info_gerais span {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.info_gerais .negativo {
    color: crimson;
}

.info_gerais .positivo {
    color: cornflowerblue;
}

header {
    position: fixed;
    top: 70px;
    left: 4px;
    right: 4px;
    bottom: 4px;
}

header > #painel_interno {
    position: absolute;
    top: 0px;
    bottom: 0px;
    overflow: auto;
    left: 0px;
    right: 0px;
}

.ui-state-active {background-color: rgb(23, 53, 247) !important;}

.vermelho {background-color: rgb(242, 222, 222) !important;}
.ui-datatable-odd.vermelho {background-color: rgba(242, 222, 222, .5) !important;}
.ui-datatable-odd.vermelho:hover,.vermelho:hover {background-color: rgb(235, 204, 204) !important;}
.txtVermelho {color: rgb(230, 0, 0) !important;}

.verde {background-color: rgb(223, 240, 216) !important;}
.ui-datatable-odd.verde {background-color: rgba(223, 240, 216, .5) !important;}
.ui-datatable-odd.verde:hover,.verde:hover {background-color: rgb(208, 233, 198) !important;}
.txtVerde {color: rgb(99, 214, 83) !important;}

.azul {background-color: rgb(217, 237, 247) !important;}
.ui-datatable-odd.azul {background-color: rgba(217, 237, 247, .5) !important;}
.ui-datatable-odd.azul:hover,.azul:hover {background-color: rgb(196, 227, 243) !important;}
.txtAzul {color: rgb(46, 119, 255) !important;}

.amarelo {background-color: rgb(252, 248, 227) !important;}
.ui-datatable-odd.amarelo {background-color: rgba(252, 248, 227, .5) !important;}
.ui-datatable-odd.amarelo:hover,.amarelo:hover {background-color: rgb(250, 242, 204) !important;}
.txtAmarelo {color: rgb(255, 210, 46) !important;}

.ui-rowgroup-header.ui-datatable-headerrow.ui-widget-header td {background-color: #CCD1D1 !important;}

a.selecionado .ui-menuitem-text,a.selecionado .ui-menuitem-icon {color: blue !important;}

li.ui-state-highlight{background-color: #F5B041 !important;}
.ui-datatable-data .ui-state-highlight td{background-color: #F5B041 !important;}
.ui-datatable-data .ui-state-highlight:hover td{background-color: #FFB833 !important;}

.imageLink{float: left; margin-right: 5px;}
.imageLink:hover{transform: scale(1.1);}