.labelTitle {
    font-size: 16px;
}

.labelSubTitle {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.fieldButtonSearch {
    max-width: 3% !important;
    flex: 0 0 3% !important;
}

.fieldTextSearch {
    max-width: 97% !important;
    flex: 0 0 97% !important;
}

.fieldButtonSearchPopup {
    max-width: 5% !important;
    flex: 0 0 5% !important;
}

.fieldTextSearchPopup {
    max-width: 95% !important;
    flex: 0 0 95% !important;
}


.tableStructure tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.tableStructure tr:nth-child(even) {
    background-color: #EAEAEA;
}

.grid-helper-LineTotal {
    background-color: #79C074 !important;
    color: #FFF !important;
}

.grid-helper-LineTotalIndirect {
    background-color: #1A9500 !important;
    color: #FFF !important;
}

.grid-helper-LineTotalIndirecttd {
    text-align: left;
    padding-left: 10px !important;
}

.gridTdStructure {
    border: 1px solid #FFFFFF !important;
}

.grid-helper-headerCostResume {
    background-color: #1A9500;
    text-align: left;
    vertical-align: middle !important;
    padding-left: 10px !important;
    color: #FFF;
    cursor: pointer;
}

.grid-helper-headerCostResumeTotalValue {
    background-color: #1A9500;
    text-align: center;
    vertical-align: middle !important;
    color: #FFF;
    cursor: pointer;
}

.grid-helper-headerCostResumeYear {
    background-color: #1A9500;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

.grid-helper-headerCostResumeYearTitle {
    background-color: #1A9500;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

.grid-helper-LineTotalFinal {
    background-color: #79C074 !important;
    color: #FFF !important;
}

.grid-helper-LineTotaltd {
    text-align: left;
    padding-left: 10px !important;
}

.grid-helper-LineTotalFinaltd {
    text-align: left;
    padding-left: 10px !important;
}



.formTextInfo {
    font-size: 0.85rem;
}

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

.requiredForSubmission::after {
    content: ' **';
}

/*tamanho do container para o bootstrap, o max-width tem que ser sempre menor que min-width*/
/*base nao mexer no min-width pois caso se mexa vai ter a classe no bootstrap.css*/
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

/*base nao mexer no min-width pois caso se mexa vai ter a classe no bootstrap.css*/
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/*base nao mexer no min-width pois caso se mexa vai ter a classe no bootstrap.css*/
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

/*base nao mexer no min-width pois caso se mexa vai ter a classe no bootstrap.css*/
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/*Acrescentado para qdo tiver ecra acima dos 1560*/
@media (min-width: 1560px) {
    .container {
        max-width: 1500px;
    }
}

@media (min-width: 1760px) {
    .container {
        max-width: 1700px;
    }
}

/*general*/
.gridBackgroudColorIncoherence {
    background-image: linear-gradient(to right, white, orange, orange);
}

.buttonsRegisterPassword {
    margin-top: 25px;
}


.buttonRegister {
    margin-top: 40px;
}

.apresentationImageDesgin {
    margin-top: 60px;
}

.buttonsandFieldsLogin {
    margin-top: 50px;
}

.apresentationTextColorDesgin {
    margin-top: 50px;
}

.recapcherTop {
    margin-top: 25px;
}

.field-validation-error {
    color: red;
    font-size: 10px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.g-recaptcha {
    display: inline-block;
}

.text-centercaptcha {
    text-align: center;
    margin-bottom: 10px;
}

.text-centercaptchaError {
    text-align: center;
    margin-bottom: 10px;
    color: red;
    font-size: 14px !important;
}


.text-leftcaptcha {
    text-align: left;
    margin-bottom: 10px;
}

.text-leftcaptchaError {
    text-align: left;
    margin-bottom: 10px;
    color: red;
    font-size: 14px !important;
}

.svg_messageUser_envelope {
    fill: white;
}

.newemail {
    background-color: #155078;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
    float: left;
    height: 32px;
    margin-right: 6px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.svg_addCreate_plus {
    fill: #1C222B;
}

.addRecord {
    width: 34px !important;
    height: 34px !important;
    background-color: #155078;
    margin-bottom: -14px !important;
}

    .addRecord:hover {
        background-color: #258ecb;
    }

.breadCrum {
    font-size: 14px;
    margin-top: 9px;
}

#calender2 {
    width: 220px;
    margin: 0 auto;
    font-size: 10px;
    height: 200px;
}


.tooltiptopicevent {
    width:auto;
    height:auto;
    background:#62839e;
    position:absolute;
    z-index:10001;
    padding:10px 10px 10px 10px ;  
    line-height: 200%;
}

#calender2 .fc-body .fc-row
{ 
    min-height: 20px; 
    max-height: 45px;
}

#calender2 .fc-toolbar {
    font-size: .9em;
}

#calender2 .fc-header-title h2 {
    font-size: .9em;
    white-space: normal !important;
}

#calender2 .fc-toolbar h2 {
    font-size: 12px;
    white-space: normal !important;
}

#calender2 .fc-more-cell a {
    display: block;
    width: 85%;
    margin: 1px auto 0 auto;
    border-radius: 3px;
    background: grey;
    color: transparent;
    overflow: hidden;
    height: 4px;
}
#calender2 .fc-more-popover {
    width: 100px;
}
#calender2 .fc-view-month .fc-event,#calender2  .fc-view-agendaWeek .fc-event,#calender2  .fc-content {
    font-size: 0;
    overflow: hidden;
    height: 2px;
}
#calender2 .fc-view-agendaWeek .fc-event-vert {
    font-size: 0;
    overflow: hidden;
    width: 2px !important;
}
#calender2 .fc-agenda-axis {
    width: 20px !important;
    font-size: .7em;
}

#calender2 .fc-button-content {
    padding: 0;
}

.svg_search_magnifier {
    fill: white;
}

.redirect {
    width: 22px !important;
    height: 22px !important;
    background-color: #155078;
    margin-left: 10px !important;
}

    .redirect:hover {
        background-color: #258ecb;
    }


/*popup chat*/
.info_floatMessage {
    top: 150px;
    left: 1300px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: transparent;
    border-radius: 5px;
    padding: 5px;
    width: 300px;
    position: fixed;
    font-size: 10pt;
    z-index: 1000;
}

.grid-helper-header {
    font-size: 5px;
}
    /*TODO confirmar png*/
    .grid-helper-header:hover {
        cursor: url('img/orderCursor.png'), auto;
    }

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

.datepicker {
    width: 100%;
}

.notExecuteSave {
}

.sbmt {
}

.sbmtparent {
}

.sbmtSecondLevel {
}

.hiddenclass {
    display: none !important;
}

.disabledclass {
    color: rgba(51, 51, 51, 0.9) !important;
    background-color: #94958E !important;
    pointer-events: none !important;
}

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

.sbmtEnabled {
}

.sbmtDisabled {
    background-color: #dfdfdf !important;
    border: 2px solid #dfdfdf !important;
    cursor: default !important;
}

.pageContainer {
    position: relative;
}

* {
    outline: none !important;
    font-family: 'Montserrat', sans-serif;
}

body {
    font-family: Verdana, Geneva, Tahoma, 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: 10px;
    font-size: 12px;
    right: 0px;
    left: 0px;
    text-align: center;
    margin-right: -5px;
}

a, a:hover {
    text-decoration: none;
}

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

.backButton {
    background-color: #075488;
    padding: 10px 10px 10px 10px;
    color: white;
}

p {
    margin: 0px;
    font-size: 12px;
}

a {
    color: #075488;
}

li {
    display: block;
}


.buttonnClass {
    background-color: #075488;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
    cursor: pointer;
}

input[type="submit"] {
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 20px;
    color: #1C222B;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
}

    input[type="submit"]:hover {
        background-color: #37B44B;
        color: white;
    }

.table td, .table th {
    padding: .3rem;
    vertical-align: top;
    font-size: 13px;
    border-top: 1px solid #dee2e6;
}

/*end general*/

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

.h1 {
    font-size: 25px;
}

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

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

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

.welcomeLogin {
    margin-top: 20px;
}

    .welcomeLogin .grid-action, .welcomeLogin .tenantName {
        float: right;
    }

.tenantName {
    margin-top: 0;
    margin-right: 5px;
}

.welcomeText {
    float: right;
    margin-right: 40px;
}

.svg_log_out_circle {
    fill: #1C222B;
    ;
}
.svg_log_out_bar {
    fill: #1C222B;
}
.svg_log_out_letters {
    fill: #1C222B;
}

.log_out {
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 10px;
    float: right;
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

    .log_out:hover {
        background-color: #37B44B;
    }

    .log_out:hover svg *{
        fill: white;
    }
/*end header*/


/*menu*/

.dropdown-menu > li > a {
    display: block;
    padding: 0px 0px;
    clear: both;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
}

.dropdown-menu {
    background-color: #1C222B;
}

.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    white-space: nowrap;
    font-weight: 400;
    text-align: inherit;
    background-color: #1C222B;
}

    .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #37B44B;
    }

.dropdown-submenu > p {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    white-space: nowrap;
}

    .dropdown-submenu > p:hover {
        text-decoration: none;
        background-color: #37B44B;
    }

    .dropdown-submenu > p > a {
        display: block;
        clear: both;
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        color: #fff;
    }

.dropdown-submenu {
    position: relative;
}

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

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

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

    .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
        top: 0;
        left: 100%;
    }



@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;
    }
}


.nav {
    display: block !important;
}

.menuRow {
    background-color: #1C222B;
    box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.20);
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: 600px;
    color: #fff;
    cursor: pointer;
    padding-left: 30px;
}


.open > a, .nav .open > a:hover {
    background-color: #37B44B !important;
}

.dropdown {
    margin-left: 10px !important;
    padding: 5px !important;
    float: left;
    /*width: 100% !important;   possvel problema com ecra pequeno q mete os menus sobrepostos se tiverem um texto peq. se assim acontecer descomentar isto*/
}

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

    .dropdown {
        padding-right: 15px !important;
    }
}

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

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

.open {
    background-color: #37B44B;
}

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

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

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

h2 {
    font-size: 23px;
    margin-top: 14px;
    margin-bottom: 14px;
    color: #1C222B;
    font-weight: bold;
}

h2 a{
    color: #1C222B;
}

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

label {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}

.editor-label {
    margin-top: 5px;
    font-size: 13px;
}

.editor-field {
    font-size: 13px;
}

.botao-criar {
    background-color: white;
    text-indent: 0;
    display: inline-block;
    color: #1C222B;
    font-size: 12px;
    font-style: normal;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    margin-right: 4px;
    float: left;
    cursor: pointer;
    border: 2px solid #37B44B;
    border-radius: 20px;
    font-weight: bold;
}

    .botao-criar:hover {
        background-color: #37B44B;
        color: white;
    }

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

.rowTable {
    margin-top: 5px;
}

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


th {
    background-color: #dee2e6;
}

.rowDescription {
    margin-top: 10px;
}

/*.rowModal {
    width:50px;
}*/
/*************** pesquisa ***************/
.pesquisa {
    /*float: right;*/
    height: 34px;
}

.pesquisa-body {
    float: right !important;
}
/* input pesquisa */ /*todo confirmar esta imagem*/
.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;
}

.svg_pesquisa_magnifier {
    fill: grey;
}

.pesquisa .pesquisar {
    float: right;
    height: 34px;
    width: 36px;
    display: block;
    background: linear-gradient(white, #dee2e6);
    cursor: pointer;
}

    .pesquisa .pesquisar:hover {
        background: linear-gradient(white, #dee2e6);
    }

        .pesquisa .pesquisar:hover .svg_pesquisa_magnifier {
            fill: #37B44B;
        }

.svg_detail_search_magnifier {
    fill: grey;
}


.svg_detail_search_plus {
    fill: grey;
}

.pesquisa .pesquisa-avancada {
    float: right;
    margin-left: 3px;
    height: 34px;
    width: 36px;
    display: block;
    background: linear-gradient(white, #dee2e6);
    cursor: pointer;
}

    .pesquisa .pesquisa-avancada:hover {
        background: linear-gradient(white, #dee2e6);
    }

        .pesquisa .pesquisa-avancada:hover .svg_detail_search_magnifier {
            fill: #37B44B;
        }
        .pesquisa .pesquisa-avancada:hover .svg_detail_search_plus {
            fill: #37B44B;
        }

.pesquisa .pesquisa-avancada-disable {
    float: right;
    margin-left: 3px;
    height: 34px;
    width: 36px;
    display: block;
    background-color: gray;
}

    .pesquisa .pesquisa-avancada-disable .svg_detail_search_magnifier {
        fill: white;
    }
    .pesquisa .pesquisa-avancada-disable .svg_detail_search_plus {
        fill: white;
    }

.svg_clear_search_magnifier {
    fill: grey;
}

.svg_clear_search_cross {
    fill: grey;
}

.pesquisa .limpar-pesquisa {
    float: right;
    margin-left: 3px;
    height: 34px;
    width: 36px;
    display: block;
    background: linear-gradient(white, #dee2e6);
    cursor: pointer;
}

    .pesquisa .limpar-pesquisa:hover {
        background: linear-gradient(white, #dee2e6);
    }

        .pesquisa .limpar-pesquisa:hover .svg_clear_search_cross {
            fill: #37B44B;
        }
        .pesquisa .limpar-pesquisa:hover .svg_clear_search_magnifier {
            fill: #37B44B;
        }

/******************************* FIM Pesquisa *******************************/

/*************** quick filters ***************/
.pesquisa-quickFilter {
    margin-top: 10px;
}

    .pesquisa-quickFilter .botao-pesquisa {
        margin-bottom: 5px;
        background-color: #37B44BA2;
        border: 2px solid #37B44BA2;
        border-radius: 20px;
        text-indent: 0;
        display: inline-block;
        color: white;
        font-size: 12px;
        font-style: normal;
        line-height: 32px;
        padding-left: 6px;
        padding-right: 10px;
        text-decoration: none;
        text-align: center;
        margin-right: 4px;
    }

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

    .pesquisa-quickFilter .selected {
        background-color: #37B44B;
        border: 2px solid #37B44B;
    }
/******************************* FIM quick filters *******************************/

/******************************* Paginação *******************************/
.duplas {
    float: left;
    height: 27px;
    width: 27px;
    cursor: pointer;
}

.duplas .svg_left2_arrow{
    fill: grey;
}

    .duplas:hover .svg_left2_arrow {
        fill: #37B44B;
    }

.simples {
    float: left;
    height: 27px;
    width: 27px;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 4px;
}

    .simples .svg_left_arrow {
        fill: grey;
    }

    .simples:hover .svg_left_arrow {
        fill: #37B44B;
    }

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

.simples-right {
    float: left;
    height: 27px;
    width: 27px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 2px;
}

    .simples-right .svg_right_arrow {
        fill: grey;
    }

    .simples-right:hover .svg_right_arrow {
        fill: #37B44B;
    }

.duplas-right {
    float: left;
    height: 27px;
    width: 27px;
    cursor: pointer;
}

    .duplas-right .svg_right2_arrow {
        fill: grey;
    }

    .duplas-right:hover .svg_right2_arrow {
        fill: #37B44B;
    }

.grid-navigator-records {
    float: left;
    padding: 8px;
    font-size: 8pt;
}

.selectRowPerPage{
    width:55px !important ;
}
/******************************* FIM Paginação *******************************/
/******************************* Exportação *******************************/
.grid-export-excel {
    float: right;
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 20px;
    width: auto;
    color: #1C222B;
    font-size: 12px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 7px 7px 0px 7px;
    height: 34px;
}

    .grid-export-excel:hover {
        background-color: #37B44B;
        color: white;
    }
/******************************* FIM Exportação *******************************/

/******************************* Actions *******************************/
.grid-image {
    border-radius: 50%;
    max-width: 50px;
    max-height: 50px;
}


.grid-actionbuttomApplication {
    margin-left: 35px;
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 20px;
    width: 100px;
    color: #1C222B;
    font-size: 12px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding: 0px 7px 0px 7px;
    height: 24px;
}

    .grid-actionbuttomApplication:hover {
        background-color: #37B44B;
        color: white;
    }

.grid-action {
    width: 27px;
    height: 27px;
    background-color: white;
    float: left;
    margin-left: 2px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #37B44B;
    border-radius: 50%;
}

    .grid-action:hover {
        background-color: #37B44B;
    }
        
        .grid-action:hover svg * {
            fill: white;
        }

.grid-action-orange {
    width: 27px;
    height: 27px;
    background-color: white;
    float: left;
    margin-left: 2px;
    padding: 0;
    cursor: pointer;
    border: 1px solid #FFCD41;
    border-radius: 50%;
}

    .grid-action-orange:hover {
        background-color: #FFCD41;
    }

        .grid-action-orange:hover svg * {
            fill: white;
        }

.svg_sendEmail_envelope {
    fill: #1C222B;
}

.svg_restore_email_arrow {
    fill: #1C222B;
}

.svg_restore_email_cross {
    fill: #1C222B;
}

.svg_getEmail_Folder {
    fill: #1C222B;
}

.svg_getEmailAll_envelope {
    fill: #1C222B;
}

.svg_getEmailAll_arrow {
    fill: #1C222B;
}

.svg_getEmail_Deleted {
    fill: #1C222B;
}

.svg_getEmail_envelope {
    fill: #1C222B;
}
.svg_getEmail_arrow {
    fill: #1C222B;
}

.svg_getEmail_Ndays {
    fill: #1C222B;
}

.svg_kill_circle {
    fill: #1C222B;
}

.svg_kill_cross {
    fill: #1C222B;
}

.svg_correctProcess_sheet {
    fill: #1C222B;
}
.svg_correctProcess_check {
    fill: #1C222B;
}

.svg_executeProcess_cogwheel {
    fill: #1C222B;
}

.svg_recicle_arrow {
    fill: #1C222B;
}

.svg_recover_arrow {
    fill: #1C222B;
}

.svg_getCoordinates_pin {
    fill: #1C222B;
}

.svg_select_hand {
    fill: #1C222B;
}

.svg_userInvite_envelope {
    fill: #1C222B;
}

.svg_block_padlock {
    fill: #1C222B;
}

.svg_unblock_padlock {
    fill: #1C222B;
}

.svg_add_circle {
    stroke: #1C222B !important;
}

.svg_add_plus {
    fill: #1C222B;
}

.svg_accept_circle {
    stroke: #1C222B !important;
}

.svg_accept_path {
    fill: #1C222B;
}

.svg_stopCancel_arrow {
    fill: #1C222B;
}

.svg_cancelInvite_envelope {
    fill: #1C222B;
}

.svg_cancelInvite_cross {
    fill: #1C222B;
}

.svg_cancel_envelope {
    fill: #1C222B;
}

.svg_cancel_cross {
    fill: #1C222B;
}

.svg_resendInvite_arrow {
    fill: #1C222B;
}

.svg_resendInvite_envelope {
    fill: #1C222B;
}

.svg_play_triangle {
    fill: #1C222B
}

.svg_stop_rect {
    fill: #1C222B
}

.svg_major_plus {
    fill: #1C222B;
}

.svg_minor_minus {
    fill: #1C222B;
}

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

.svg_askPackage {
    fill: #1C222B;
}

.svg_activatePackage {
    fill: #1C222B;
}

.svg_download_arrow {
    fill: #1C222B;
}

.svg_download_tray {
    fill: #1C222B;
}

.svg_renew_arrow {
    fill: #1C222B;
}

.svg_details_magnifier {
    fill: #1C222B;
}

.svg_details_plus {
    fill: #1C222B;
}

.svg_simulate_star {
    fill: #1C222B;
}
.svg_simulate_arrow {
    fill: #1C222B;
}

.svg_user_silhouette {
    fill: #1C222B;
}

.svg_refuse_circle {
    stroke: #1C222B !important;
}

.svg_refuse_cross {
    fill: #1C222B;
}

.svg_resend_arrow {
    fill: #1C222B;
}

.svg_resend_envelope {
    fill: #1C222B;
}

.svg_send_envelope {
    fill: #1C222B;
}

.svg_updateSituation_arrow {
    fill: #1C222B;
}

.svg_duplicate_papper {
    fill: #1C222B;
}

.svg_edit_pencil {
    fill: #1C222B;
}

.svg_delete_bin {
    fill: #1C222B;
}

.svg_report_pie {
    fill: #1C222B;
}

.grid-warning {
    background: #ffbb69 !important;
}

.sk-flex-gridbuttons {
    display: flex;
    flex-direction: row;
}
/******************************* FIM Actions *******************************/
/*********end Body***********/
/***************Modal Window***************/
.ui-widget-header {
    border: 1px solid #D0D0D0;
    background: none;
    background-color: #dfdfdf;
    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.svg');
    background-position: center;
}

    .ui-dialog .ui-dialog-titlebar-close .svg_close {
        filter: brightness(0) invert(1);
    }

.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;
}

.formTextTitleDivider {
    font-size: 16px;
    font-weight: bold;
    color: grey;
}

.form-button, .form-button-orange {
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 20px;
    text-indent: 0;
    display: inline-block;
    color: #1C222B;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

    .form-button:hover {
        background-color: #37B44B;
        color: white;
    }

.form-button-orange {
    border: 2px solid #FFCD41;
}

    .form-button-orange:hover {
        background-color: #FFCD41;
        color: white;
    }

.form-buttonSelect {
    background-color: #268eca;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    height: 34px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    /*margin-right: 4px;
    float: left;*/
    cursor: pointer;
}

    .form-buttonSelect:hover {
        background-color: #268eca;
    }
/***End Tab Grids***/

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

.divBody {
    padding-top: 5px;
}

    .divBody li {
        display: list-item !important;
    }

    .divBody h3 {
    }

    .divBody h1 {
    }

    .divBody h2 {
    }

    .divBody h4 {
    }

    .divBody blockquote {
    }

    .divBody strong {
    }

    .divBody p {
    }

    .divBody em {
    }

    .divBody a {
    }

    .divBody del {
    }

    .divBody sup {
    }

    .divBody sub {
    }

    .divBody img {
    }

    .divBody hr {
    }

    .divBody .table {
    }


.divTitle {
    padding-bottom: 5px;
}
/*end helper*/

/***Forms***/
.divNumCharacters {
    color: black !important;
    font-size: 8pt !important;
    margin-left: 85%;
    display: inline-block;
}

.divNumCharactersModal {
    color: black !important;
    font-size: 8pt !important;
    margin-left: 75%;
    display: inline-block;
}

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

.ui-widget-content {
    border: 1px solid #37B44B;
}

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

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

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    font-size: 13px;
    font-weight: bold;
    color: white;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #37B44B;
    font-size: 13px;
    font-weight: bold;
}

.ui-state-default:hover {
    border: 1px solid #37B44B;
    background-color: #37B44B;
}

.ui-state-active:hover {
    border: 1px solid white;
    background-color: #fcfdfd;
}

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

.warningTab {
    background: #ffbb69 !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%;
}

.ui-datepicker-calendar .ui-state-default {
    color: white !important;
    /*font-weight: normal;*/
}

.ui-datepicker-calendar .ui-state-active {
    color: #37B44B !important;
}
/***End Forms***/


/*****Account*****/
.apresentationImage {
    text-align: center;
}

.apresentationTextColor {
    color: #37B44B;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.apresentationText {
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.rememberMe {
    display: inline;
    cursor: pointer;
}

.registerButton  {
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 20px;
    color: #1C222B;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    float: left;
    margin-right: 6px;
    height: auto;
}

    .registerButton:hover {
        background-color: #37B44B;
        color: white;
    }

.startSessionButton > input[type="submit"] {
    background-color: white;
    border: 2px solid #37B44B;
    border-radius: 20px;
    color: #1C222B;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    float: left;
    margin-right: 6px;
    height: auto;
}

    .startSessionButton > input[type="submit"]:hover {
        background-color: #37B44B;
        color: white;
    }

.rowTroubleshoot a {
    font-size: 8pt;
    color: #229417;
}
    .rowTroubleshoot > div {
        text-align: center;
    }

    .rowTroubleshoot > div > a {
        width: 100%;
    }
    
.alignRight {
    text-align: right;
}

.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;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 2px;

}
/*******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 {
}

.svg_left2_arrow {
    fill: white;
}

.navegacao_anoanterior {
    float: left;
    width: 38px;
    margin-top: 2px;
    background-color: #155078;
}

    .navegacao_anoanterior:hover {
        background-color: #258ecb;
    }

.svg_right2_arrow {
    fill: white;
}

.navegacao_anoproximo {
    float: right;
    width: 38px;
    margin-top: 2px;
    background-color: #155078;
}

    .navegacao_anoproximo:hover {
        background-color: #258ecb;
    }

.svg_left_arrow {
    fill: white;
}

.navegacao_mesanterior {
    float: left;
    width: 38px;
    margin-top: 2px;
    background-color: #155078;
}

    .navegacao_mesanterior:hover {
        background-color: #258ecb;
    }

.svg_right_arrow {
    fill: white;
}

.navegacao_mesproximo {
    float: right;
    width: 38px;
    margin-top: 2px;
    background-color: #155078;
}

    .navegacao_mesproximo:hover {
        background-color: #258ecb;
    }

.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: 38px;
    padding: 0 20px 0 20px;
    text-decoration: none;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
}

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

/*TODO confirmar png*/
.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: #075488;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
}

    .exportToPDF:hover {
        background-color: #62839e;
    }

.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;
    }
        /*TODO confirmar png*/
        #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;
}
/*************************************************************************************** FIM MENU ****************************************************************/