@media (min-width: 1500px) {
    .container {
        width: 1470px !important;
    }
}

/*general*/
.required::after {
    content: " *";
    font-weight: bold;
}



.passwordText {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}


.singleLine {
    width: 100%;
}

select {
    height: 27px;
    width: 100%;
}


.datepicker {
    width: 100%;
}

.notExecuteSave {
}

.sbmt {
}

.sbmtparent {
}

.sbmtSecondLevel {
}

.hiddenclass {
    display: none !important;
}

.colorBlack {
    color: black;
    font-weight: bold;
}

.sbmtEnabled {
}

.sbmtDisabled {
    background-color: #dfdfdf !important;
}

.pageContainer {
    position: relative;
}

* {
    outline: none !important;
    font-family: 'Poppins', sans-serif;
    margin-top: 2px;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow: auto;
}

.headerContainer {
    background: #F9F9F9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
    z-index: 1000;
    border: none;
}

.bodyContainer {
    margin-bottom: 100px;
}

.footerContainer {
    background-color: #E0E0E0;
    position: fixed;
    bottom: 0px;
    padding: 20px;
    right: 0px;
    left: 0px;
    text-align: center;
    margin-right: -5px;
}

a {
    color: #00a79d;
    text-decoration: none;
}

    a:hover {
        color: #00958c;
        text-decoration: none;
    }

.buttonTemplate {
    background-color: #00a79d;
    color: white;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
}

.backButton {
    background-color: #00a79d;
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
}

    .backButton:hover {
        background-color: #00958c;
    }

p {
    margin: 0px;
}

li {
    display: block;
}

input[type="submit"] {
    background-color: #00a79d;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
    margin-top: 2px;
}

    input[type="submit"]:hover {
        background-color: #00958c;
    }

/*end general*/

/*header*/
.rowHeader {
    margin-bottom: 15px;
}

.h1 {
    font-size: 25px;
    color: #00a79d !important;
}

.simulate {
    color: red;
    float: right;
    margin-right: 10px;
}

.selectLanguage {
    float: right;
    width: 15%;
}

.welcome {
    float: right;
    margin-top: 20px;
}

.welcomeLogin {
    margin-top: 20px;
}

.log_out {
    background-color: #F4F4F4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
    float: right;
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('img/log_out.png');
    cursor: pointer;
}

.message {
    float: right;
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('img/message.png');
    cursor: pointer;
    margin-top: 15px;
    margin-left: 10px;
}

.alert {
    float: right;
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('img/alert.png');
    cursor: pointer;
    margin-top: 15px;
    box-shadow: none;
}
/*end header*/


/*menu*/

@media screen and (max-width:680px) {
    .responsiveNone {
        display: none;
    }

    .responsive {
        width: 100px;
    }

    .floatRight {
        float: left !important;
    }

    .buttonMenu {
        background: #A0A0A0;
        border-color: #999999;
        margin-left: 15px;
    }

    .icon-bar {
        background: #fff;
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        margin: 3px;
    }
}

@media screen and (min-width:680px) {
    .floatRight {
        float: right !important;
    }

    .buttonMenu {
        display: none;
    }

    .icon-bar {
        display: none;
    }
}

.menuRow {
    background-color: #d1d2d4;
    box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.20);
    padding-bottom: 0px;
    cursor: pointer;
    padding-left: 30px;
}

@media screen and (max-width:680px) {
    .menuRow {
        width: 150px;
    }
}

.open > a, .nav .open > a:hover {
    background-color: #00a79d !important;
    color: #ffffff;
}

.dropdown {
    margin-left: 9px !important;
    padding: 8px !important;
}

    .dropdown a {
        margin: 0px;
    }

.nav-pills {
    margin-left: -30px;
}

    .nav-pills > li > a {
        border-radius: 4px;
        display: block;
        padding: 0px 0px;
        color: inherit;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        white-space: nowrap;
    }

.open {
    background-color: #00a79d;
    color: #ffffff;
}

.dropdown-menu {
    margin: -5px 0 0;
}

.dropdown-menu {
    margin: -5px 0 0;
}

.dropdown-submenu > p {
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
}

    .dropdown-submenu > .dropdown-menu > li > a:hover {
        background-color: #00a79d;
        background-image: none;
        color: white;
    }

.dropdown-menu > .menu-item > a:hover {
    background-color: #00a79d;
    background-image: none;
    color: white;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > p:focus, .dropdown-submenu > p:hover {
        background-color: #00a79d !important;
        color: white;
    }

        .dropdown-submenu > p:focus > a, .dropdown-submenu > p:hover > a {
            color: white;
        }

    .dropdown-submenu > p > a {
        color: #333;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > p:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
    }

/*end menu*/

/*************Body*************/

h2 {
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 25px;
}

h3 {
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 25px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 650;
    margin-top: 10px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Poppins', sans-serif;
}

textarea, textbox {
    width: 100%;
}

.botao-criar {
    background-color: #00a79d;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    margin-right: 4px;
    float: left;
    cursor: pointer;
}

    .botao-criar:hover {
        background-color: #00958c;
    }

    .botao-criar > a {
        text-decoration: none;
        color: #FFF;
    }

.rowTable {
    margin-top: 15px;
}

@media screen and (max-width:992px) {
    .rowTable {
        margin-top: 35px;
    }
}


th {
    background-color: #f9f9f9;
}

.rowDescription {
    margin-top: 10px;
}

/*.rowModal {
    width:50px;
}*/
/*************** pesquisa ***************/
.pesquisa {
    float: right;
    height: 34px;
}
    /* input pesquisa */
    .pesquisa .input-text { /*class div input text*/
        float: left;
        background: url('img/pesquisa_1.png') no-repeat;
        width: 215px;
        height: 34px;
    }

    .pesquisa input[type=text] { /*class div input text*/
        border: none;
        height: 30px;
        margin: 2px 1px 2px 5px;
        width: 205px;
        padding: 0 5px;
        font-size: 10pt;
    }
    /* botoes pesquisa */
    .pesquisa .botoesPesquisa {
        padding-left: 0;
    }

    .pesquisa .pesquisar {
        float: right;
        height: 34px;
        width: 36px;
        display: block;
        background: url('img/pesquisa_2.png') no-repeat;
        cursor: pointer;
    }

        .pesquisa .pesquisar:hover {
            background-position: -36px 0;
        }

    .pesquisa .pesquisa-avancada {
        float: right;
        margin-left: 3px;
        height: 34px;
        width: 36px;
        display: block;
        background: url('img/pesquisa_avancada.png') no-repeat;
        cursor: pointer;
    }

        .pesquisa .pesquisa-avancada:hover {
            background-position: -36px 0;
        }

    .pesquisa .limpar-pesquisa {
        float: right;
        margin-left: 3px;
        height: 34px;
        width: 36px;
        display: block;
        background: url('img/limpar_pesquisa.png') no-repeat;
        cursor: pointer;
    }

        .pesquisa .limpar-pesquisa:hover {
            background-position: -36px 0;
        }

    .pesquisa .pesquisa-avancada-disable {
        float: right;
        margin-left: 3px;
        height: 34px;
        width: 36px;
        display: block;
        background: url('img/pesquisa_avancada.png') no-repeat;
        background-position: -72px 0;
    }
/******************************* FIM Pesquisa *******************************/


/*************** quick filters ***************/
.pesquisa-quickFilter .botao-pesquisa {
    margin-bottom: 5px;
    background-color: #DDD;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
    text-indent: 0;
    display: inline-block;
    color: #1e466a;
    font-size: 12px;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    margin-right: 4px;
}

    .pesquisa-quickFilter .botao-pesquisa:hover {
        background-color: #CCC;
        cursor: pointer;
    }

.pesquisa-quickFilter .selected {
    background-color: #BBB;
}
/******************************* FIM quick filters *******************************/







/******************************* Paginação *******************************/
.duplas {
    float: left;
    height: 27px;
    width: 27px;
    background: url('img/seta_dupla_esq.png');
    cursor: pointer;
}

    .duplas:hover {
        background-position: -27px 0;
    }

.simples {
    float: left;
    height: 27px;
    width: 27px;
    background: url('img/setas_esq.png');
    cursor: pointer;
    margin-left: 2px;
    margin-right: 4px;
}

    .simples:hover {
        background-position: -27px 0;
    }

.pages {
    float: left;
    padding: 7px;
    font-size: 10pt;
}

.simples-right {
    float: left;
    height: 27px;
    width: 27px;
    background: url('img/setas_drt.png');
    cursor: pointer;
    margin-left: 4px;
    margin-right: 2px;
}

    .simples-right:hover {
        background-position: -27px 0;
    }

.duplas-right {
    float: left;
    height: 27px;
    width: 27px;
    background: url('img/seta_dupla_drt.png');
    cursor: pointer;
}

    .duplas-right:hover {
        background-position: -27px 0;
    }

.grid-navigator-records {
    float: left;
    padding: 8px;
    font-size: 8pt;
}
/******************************* FIM Paginação *******************************/
/******************************* Exportação *******************************/
.grid-export-excel {
    float: right;
    background-color: #00a79d;
    width: auto;
    color: #fff;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px 35px 7px;
    height: 34px;
}

    .grid-export-excel:hover {
        background-color: #00958c;
    }

.grid-export-pdf {
    float: right;
    background-color: #00a79d;
    width: auto;
    color: #fff;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 7px 10px 35px 7px;
    height: 34px;
    margin: 4px;
}

    .grid-export-pdf:hover {
        background-color: #00958c;
    }
/******************************* FIM Exportação *******************************/
/******************************* Actions *******************************/
.grid-action-correctProcess {
    width: 22px;
    height: 22px;
    background-image: url('img/correctProcess.png');
    float: left;
    cursor: pointer;
}

    .grid-action-correctProcess:hover {
        background-position: -22px 0;
    }

.grid-action-executeProcess {
    width: 22px;
    height: 22px;
    background-image: url('img/executeProcess.png');
    float: left;
    cursor: pointer;
}

    .grid-action-executeProcess:hover {
        background-position: -22px 0;
    }

.grid-action-major {
    width: 22px;
    height: 22px;
    background-image: url('img/major.png');
    float: left;
    cursor: pointer;
}

    .grid-action-major:hover {
        background-position: -22px 0;
    }

.grid-action-minor-clean {
    width: 0px;
    height: 0px;
}

.grid-action-minor {
    width: 22px;
    height: 22px;
    background-image: url('img/minor.png');
    float: left;
    cursor: pointer;
}

    .grid-action-minor:hover {
        background-position: -22px 0;
    }


.grid-action-askpackage {
    width: 22px;
    height: 22px;
    background-image: url('img/simulate.png');
    float: left;
    cursor: pointer;
}

    .grid-action-askpackage:hover {
        background-position: -22px 0;
    }


.grid-action-activatePackage {
    width: 22px;
    height: 22px;
    background-image: url('img/simulate.png');
    float: left;
    cursor: pointer;
}

    .grid-action-activatePackage:hover {
        background-position: -22px 0;
    }

.grid-action-downloadDelete {
    width: 22px;
    height: 22px;
    background-image: url('img/downloadDelete.png');
    float: left;
    margin-left: 2px;
    cursor: pointer;
}

.grid-action-downloadDelete:hover {
    background-position: -22px 0;
}

.grid-action-download {
    width: 22px;
    height: 22px;
    background-image: url('img/download.png');
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

    .grid-action-download:hover {
        background-position: -22px 0;
    }

.grid-action-renew {
    width: 22px;
    height: 22px;
    background-image: url('img/details.png');
    float: left;
    cursor: pointer;
}

    .grid-action-renew:hover {
        background-position: -22px 0;
    }

.grid-action-details {
    width: 22px;
    height: 22px;
    background-image: url('img/select.png');
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

    .grid-action-details:hover {
        background-position: -22px 0;
    }

.grid-action-simulate {
    width: 22px;
    height: 22px;
    background-image: url('img/simulate.png');
    float: left;
    cursor: pointer;
}

    .grid-action-simulate:hover {
        background-position: -22px 0;
    }

.grid-action-edit {
    width: 22px;
    height: 22px;
    background-image: url('img/edit.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-edit:hover {
        background-position: -22px 0;
    }


.grid-action-kill {
    width: 22px;
    height: 22px;
    background-image: url('img/kill.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-kill:hover {
        background-position: -22px 0;
    }

.grid-action-factured {
    width: 22px;
    height: 22px;
    background-image: url('img/select.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-factured:hover {
        background-position: -22px 0;
    }

.grid-action-payed {
    width: 22px;
    height: 22px;
    background-image: url('img/select.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-payed:hover {
        background-position: -22px 0;
    }

.grid-action-editInProjectMovement {
    width: 22px;
    height: 22px;
    background-image: url('img/select.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-editInProjectMovement:hover {
        background-position: -22px 0;
    }

    
.grid-action-changeState {
    width: 22px;
    height: 22px;
    background-image: url('img/select.png');
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

    .grid-action-changeState:hover {
        background-position: -22px 0;
    }

.grid-action-delete {
    width: 22px;
    height: 22px;
    background-image: url('img/delete.png');
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

    .grid-action-delete:hover {
        background-position: -22px 0;
    }

.grid-action-report {
    width: 22px;
    height: 22px;
    background-image: url('img/dropdown.png');
    float: left;
    cursor: pointer;
}

    .grid-action-report:hover {
        background-position: -22px 0;
    }

.grid-action-dropdown {
    width: 20px;
    height: 22px;
    background-image: url('img/dropdown.png');
    float: left;
    cursor: pointer;
    margin-left: 3px;
    margin-top: 1px;
}

    .grid-action-dropdown:hover {
        background-position: -20px 0;
    }

.grid-action-check {
    width: 22px;
    height: 22px;
    background-image: url('img/check.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-check:hover {
        background-position: -22px 0;
    }

.grid-action-uncheck {
    width: 22px;
    height: 22px;
    background-image: url('img/uncheck.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-uncheck:hover {
        background-position: -22px 0;
    }

.grid-action-select {
    width: 22px;
    height: 22px;
    background-image: url('img/select.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-select:hover {
        background-position: -22px 0;
    }

.grid-action-block {
    width: 22px;
    height: 22px;
    background-image: url('img/block.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-block:hover {
        background-position: -22px 0;
    }

.grid-action-unblock {
    width: 22px;
    height: 22px;
    background-image: url('img/unblock.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-unblock:hover {
        background-position: -22px 0;
    }

.grid-action-send {
    width: 22px;
    height: 22px;
    background-image: url('img/send.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-send:hover {
        background-position: -22px 0;
    }

.grid-action-cancel {
    width: 22px;
    height: 22px;
    background-image: url('img/cancel.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-cancel:hover {
        background-position: -22px 0;
    }

.grid-action-editModal {
    width: 22px;
    height: 22px;
    background-image: url('img/editm.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-editModal:hover {
        background-position: -22px 0;
    }

.grid-action-cloneRecords {
    width: 22px;
    height: 22px;
    background-image: url('img/cloneRecords.png');
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

    .grid-action-cloneRecords:hover {
        background-position: -22px 0;
    }


    
.grid-action-invoice {
    width: 20px;
    height: 22px;
    background-image: url('img/editinvoice.png');
    float: left;
    cursor: pointer;
    margin-left: 3px;
    margin-top: 1px;
}

    .grid-action-invoice:hover {
        background-position: -20px 0;
    }


    
.grid-action-entityInvoice {
    width: 20px;
    height: 22px;
    background-image: url('img/editentityInvoice.png');
    float: left;
    cursor: pointer;
    margin-left: 3px;
    margin-top: 1px;
}

    .grid-action-entityInvoice:hover {
        background-position: -20px 0;
    }


.grid-action-removeEntity {
    width: 20px;
    height: 22px;
    background-image: url('img_verde/delete.png');
    float: left;
    cursor: pointer;
    margin-left: 3px;
    margin-top: 1px;
}

    .grid-action-removeEntity:hover {
        background-position: -20px 0;
    }

.grid-action-removeCategories {
    width: 20px;
    height: 22px;
    background-image: url('img_amarelo/delete.png');
    float: left;
    cursor: pointer;
    margin-left: 3px;
    margin-top: 1px;
}

    .grid-action-removeCategories:hover {
        background-position: -20px 0;
    }

.grid-helper-header {
}

    .grid-helper-header:hover {
        cursor: url('img/orderCursor.png'), auto;
    }

.grid-helper-headerSimple {
}

    .grid-helper-headerSimple:hover {
    }
/******************************* FIM Actions *******************************/
/*********end Body***********/

/***************Modal Window***************/
.ui-widget-header {
    border: 1px solid #D0D0D0;
    background: none;
    background-color: #c7e0de;
    color: #090909;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin: -13px 0 0 0;
    color: transparent;
    background-image: url('img/close.png');
    background-position: center;
}

.rowButtons {
    margin-top: 10px;
}

#dialog-modal > .row {
    margin-right: 0;
}

#dialog-modalSecondLevel > .row {
    margin-right: 0;
}
/*************End Modal Window************/
/*popup alertas*/
#info_float {
    top: 5px;
    left: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: transparent;
    border-radius: 5px;
    padding: 5px;
    width: 300px;
    position: fixed;
    font-size: 10pt;
    z-index: 1000;
}

.info_floatHaveItems {
    background-color: #e0e0e0 !important;
}

* html #info_float {
    position: absolute;
}


.alertByType {
    padding: 5px;
    float: left;
    margin-right: 30px;
}

.alertByTypePrinc {
    text-align: center;
    font-size: 10pt;
}

.alertNotReadPrinc {
    padding: 5px;
    float: left;
    width: 100%;
}

.alertNotRead {
    float: left;
    width: 90%;
}

.alertNotReadButton {
    float: right;
    margin-right: 10px;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.6);
}
/*end popup alertas*/

/***Tab Grids***/
.tabColumns {
    margin: 0;
    padding: 0;
}

.form-button {
    background-color: #00a79d;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    height: 34px;
    line-height: 34px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    /*margin-right: 4px;
    float: left;*/
    cursor: pointer;
    vertical-align: top;
}

    .form-button:hover {
        background-color: #00958c;
    }
/***End Tab Grids***/

/*helper*/
.divSeparator {
    background-color: #1E466A;
    height: 2px;
}

.divBody {
    padding-top: 5px;
}


.divTitle {
    padding-bottom: 5px;
}
/*end helper*/
/***Forms***/
.divNumCharacters {
    color: black !important;
    font-size: 8pt !important;
    float: right;
    /*margin-top: 15px;*/
    margin-right: 5%;
}

.nav > li > a:focus {
    background-color: inherit;
}

.ui-widget-content {
    border: 1px solid #00a79d;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #c5dbec;
        background: none;
        font-weight: bold;
        color: rgba(51, 51, 51, 0.9);
        background-color: #00a79d;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #00a79d;
        font-weight: bold;
        color: #00a79d !important;
        background-color: #fcfdfd;
    }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: white;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #00a79d;
}

.nav-tabs > li > a:hover {
    background-color: white;
    color: #00a79d;
}

.emptyTab {
    background: rgba(9, 9, 9, 0.08) !important;
}

.grid-action-getCoordenadas {
    margin-top: 25px;
    cursor: pointer;
    background-color: #DDD;
    padding: 5px 10px 10px 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
    text-align: center;
    width: 50%;
    margin-left: 25%;
    height: 30px;
}

#map-canvas {
    margin: 0px 0px 10px 0px !important;
    max-height: 155px;
}

.text-box, .single-line {
    width: 100%;
}
/***End Forms***/


/*****Account*****/
.rememberMe {
    display: inline;
    cursor: pointer;
}

.startSessionButton > input[type="submit"] {
    background-color: #00a79d;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 15px;
    width: 100%;
    border: none;
}

    .startSessionButton > input[type="submit"]:hover {
        background-color: #00958c;
    }

.rowTroubleshoot {
    font-size: 8pt;
}

    .rowTroubleshoot > div > a {
        width: 100%;
    }

.colTroubleshoot {
    text-align: right;
}

@media screen and (max-width: 992px) {
    .colTroubleshoot {
        text-align: left;
    }
}


.rowSetPWInfo {
    margin-bottom: 10px;
}

/*****End Account*****/

/*******Package*******/
.table-legend {
    font-size: 12px;
    font-weight: normal;
    color: #5d5d5d;
    margin-top: 5px;
}

.table-legend-text {
    float: left;
    margin-top: 2px;
}

.table-legend-color {
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 7px;
    margin-right: 7px;
}
/*******End Package*******/


/*******Reports*******/


.logo_topo {
    height: 50px;
    margin-top: 10px;
    text-align: center;
}

.logo_topo_center {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    text-align: center;
}

    .logo_topo_center .logo_topo img {
        height: 50px;
    }

.filtrosAno {
    float: left;
    text-align: center;
}

.navegacao {
    margin-top: 30px;
}

.navegacao_title {
    color: #19669e;
    font-size: 15pt;
}

.principal {
    float: left;
    width: 290px;
}

.subprincipal {
}

.navegacao_anoanterior {
    float: left;
    width: 38px;
    height: 25px;
    margin-top: 2px;
    background: url('img/left2.png') no-repeat;
}

    .navegacao_anoanterior:hover {
        background-position: -38px 0px !important;
    }

.navegacao_anoproximo {
    float: right;
    width: 38px;
    height: 25px;
    margin-top: 2px;
    background: url('img/right2.png') no-repeat;
}

    .navegacao_anoproximo:hover {
        background-position: -38px 0px !important;
    }

.navegacao_mesanterior {
    float: left;
    width: 38px;
    height: 25px;
    margin-top: 2px;
    background: url('img/left.png') no-repeat;
}

    .navegacao_mesanterior:hover {
        background-position: -38px 0px !important;
    }

.navegacao_mesproximo {
    float: right;
    width: 38px;
    height: 25px;
    margin-top: 2px;
    background: url('img/right.png') no-repeat;
}

    .navegacao_mesproximo:hover {
        background-position: -38px 0px !important;
    }

.filtros {
    float: right;
}

    .filtros ul {
        list-style: none;
    }


.estado {
    width: 251px;
    cursor: pointer;
    background-color: #19669e;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 15pt;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    text-decoration: none;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .estado:hover {
        background-color: #237bb7;
    }

.estado2 {
    cursor: pointer;
    background-color: #19669e;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 12pt;
    font-style: normal;
    height: 25px;
    width: 215px;
    line-height: 25px;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .estado2:hover {
        background-color: #237bb7;
    }

.estado3 {
    cursor: pointer;
    background-color: #19669e;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 12pt;
    font-style: normal;
    line-height: 25px;
    padding: 0 20px 0 20px;
    text-decoration: none;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
}

    .estado3:hover {
        background-color: #237bb7;
    }

.reportHelpButton {
    width: 30px;
    height: 25px;
    background: url('img/info.png') no-repeat;
    cursor: pointer;
    float: left;
}

.reportHelpButtonDisable {
    width: 30px;
    height: 25px;
    float: left;
}

.reportHelpButtonDisable {
    width: 200px;
    height: 25px;
    float: left;
}

.informacao {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    background-color: #71a1c3;
    color: white;
    font-size: 13pt;
    padding: 3px 0;
}

.graficos {
    width: 100%;
}

.categorias {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

/*******End Reports*******/

/********************************* MENU VERTICAL ****************************************/

.exportToPDF {
    background-color: #00a79d;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
}

    .exportToPDF:hover {
        background-color: #00958c;
    }

.top-menu {
}


.menuvertical {
}

#menubody_vertical {
    position: relative;
    height: 40px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-size: 13px;
    list-style: none;
    z-index: 50;
    cursor: pointer;
}

    #menubody_vertical li, #menubody li ul li {
        height: 40px;
    }

    #menubody_vertical > li {
        width: 300px;
        margin-bottom: 5px;
        padding: 0px 15px;
        display: inline-block;
        position: relative;
        line-height: 40px;
        color: white;
        font-size: 12pt;
        font-style: normal;
        text-decoration: none;
        text-align: center;
        background-color: #19669e;
    }

        #menubody_vertical > li:hover {
            background-color: #237bb7;
            /*background-image: url(img/menu_hover.png);*/
            /*height:45px;*/
        }

    #menubody_vertical .menuoption {
        display: block;
        text-decoration: none;
        padding: 0px;
        color: #053253;
        text-align: left;
        max-width: 400px;
    }

        #menubody_vertical .menuoption:hover {
            background-color: transparent;
        }

    #menubody_vertical li ul {
        position: absolute;
        margin: 0px;
        padding: 0px;
        /*top: 45px;*/
        left: 0;
        min-width: 150px;
        background-color: #f0f0f0;
        list-style: none;
    }

        #menubody_vertical li ul li {
            padding: 0px;
            text-indent: 10px;
        }

    #menubody_vertical li .menuoption {
        width: 300px;
        text-decoration: none;
        text-align: center;
        color: white;
    }

    #menubody_vertical li ul li .menuoption {
        padding: 0px 15px;
        text-decoration: none;
        text-align: center;
        background-color: #19669e;
        color: white;
    }

    #menubody_vertical ul ul {
        position: relative;
        top: -40px;
        left: 150px;
        margin: 0px;
        padding: 0px;
        text-align: left;
        z-index: 200;
    }

    #menubody_vertical li li .menuoption:hover {
        background-color: #237bb7;
    }

    #menubody_vertical li li:hover {
        background: #bebebe;
    }

    #menubody_vertical li ul {
        display: none;
    }

    #menubody_vertical li:hover > ul {
        display: block;
    }

.menubody_vertical_active {
    background-color: #14cbff !important;
    color: #000 !important;
}

#menubody_vertical li .menubody_vertical_active2 {
    margin-left: -15px;
    padding: 0px 15px;
    background-color: #14cbff !important;
    color: #000 !important;
}

.liFirstSecondLevel {
    display: inline-block;
}

.divliFirstLevel {
    max-height: 100px;
}

.dropdown-submenu > p {
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > p:focus, .dropdown-submenu > p:hover {
        background-color: #f5f5f5;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > p:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
    }
/*************************************************************************************** FIM MENU ****************************************************************/

.highlighted {
    background-color: #d1d2d4;
}

.display-field { /*o display é posto diretamente como texto na div editor field temos de criar uma div a envolver para lhe podermos dar o aspeto pretendido*/
    border: 1px solid #A9A9A9;
    font-family: Verdana;
    font-size: 9pt;
    height: 25px;
    width: 200px;
    margin-top: 10px;
}

/* Color Picker */

.colorPickerContainer {
    display: none;
    width: 100%;
}

.jqx-color-picker-panel {
    margin-top: 10px !important;
}

    .jqx-color-picker-panel input {
        border: 1px solid #A0A0A0 !important;
        border-radius: 3px;
        text-indent: 5px !important;
    }

.jqx-color-picker-preview {
    left: 172px !important;
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
}

.jqx-widget-content {
    margin-top: 1px !important;
    height: 20px !important;
}

.jqx-color-picker-panel input[maxlength = "6"] {
    margin-left: 0 !important;
}

.jqx-color-picker-bar, .jqx-color-picker-bar img, jqx-color-picker-bar div {
    width: 20px !important;
}

.jqx-color-picker-map {
    border: none !important;
}

.colorPickerButton {
    background-color: #00a79d;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 12px !important;
    font-weight: bold;
    font-style: normal;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 25px;
    width: 96px;
    margin-right: 5px;
}

    .colorPickerButton:hover {
        background-color: #00958c;
    }

.jqx-widget-content input[maxlength = "3"] {
    width: 33.4%;
}
/* End Color Picker */

.disabled {
    pointer-events: none;
    background-color: rgb(235, 235, 228);
    border-color: silver;
    border-width: 1px;
    box-sizing: border-box;
    box-shadow: none;
}

.addRecord {
    width: 34px;
    height: 34px;
    background-image: url('img/adicionar.png');
}

.redirect {
    width: 22px;
    height: 22px;
    background-image: url('img/search.png');
    margin-left: 10px;
}

    .redirect:hover {
        background-position: -22px 0;
    } 

.negativeBankMovement {
    color: rgb(157,38,33);
}

.positiveBankMovement {
    color: rgb(88,139,92);
}

.quickfilterInfo {
    font-weight: bold;
    padding: 10px 0px;
}

/*Calendar*/
#calendar {
    margin: 40px auto;
}