/* Minification failed. Returning unminified contents.
(166,1): run-time error CSS1036: Expected expression, found '}'
(662,5): run-time error CSS1035: Expected colon, found '}'
 */
/*general*/
.reportData {
    width: 100px !important;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
}


.grid-export-filterGenerate {
    background-color: #C31441;
    width: auto;
    color: #fff;
    font-size: 12px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 7px 7px 0px 7px;
    height: 34px;
    margin-top: 17px;
}

.trumbowyg-button-pane {
    z-index: 1 !important;
}

.newemail {
    background-color: #F4F4F4;
    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;
    background-image: url('img/messageuser.png');
    cursor: pointer;
}

.grid-helper-startTest {
    background-color: #C31441;
    color: white;
    padding: 3px;
    padding-left: 13px;
    cursor: pointer;
}

.customCheckboxExaminationContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 7px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .customCheckboxExaminationContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.customCheckboxExamination {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 15px;
}

/* On mouse-over, add a grey background color */
.customCheckboxExaminationContainer:hover input ~ .customCheckboxExamination {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customCheckboxExaminationContainer input:checked ~ .customCheckboxExamination {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customCheckboxExamination:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customCheckboxExaminationContainer input:checked ~ .customCheckboxExamination:after {
    display: block;
}

/* Style the checkmark/indicator */
.customCheckboxExaminationContainer .customCheckboxExamination:after {
    left: 8px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.buttonTrueFalseNotSelect {
    border-radius: 15px;
    padding: 3px 35px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: aliceblue !important;
    color: black;
}

.buttonTrueFalseSelect {
    border-radius: 15px;
    padding: 3px 35px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #2196F3 !important;
    color: #fff;
}

.buttonTrueFalseSelectAndCorrect {
    border-radius: 15px;
    padding: 3px 35px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: green !important;
    color: black;
}

.buttonTrueFalseSelectAndNotCorrect {
    border-radius: 15px;
    padding: 3px 35px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: red !important;
    color: black;
}

.buttonTrueFalseSelectAndNotCorrectNotSelect {
    border-radius: 15px;
    padding: 3px 35px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: aliceblue !important;
    border-color: green !important;
    border-width: 4px;
    color: black;
}

.multipleChoiseNotSelectNotSelect {
    color: black !important;
    border-color:
}


.multipleChoiseNotSelect {
    color: black !important;
}

.multipleChoiseSelect {
    color: burlywood !important;
}

.multipleChoiseSelectAndCorrect {
    color: green !important;
}

.multipleChoiseSelectAndNotCorrect {
    color: red !important;
}

.subMessage {
    color: #8C8B8B;
    text-align: center;
}

.addRecord {
    width: 34px !important;
    height: 34px !important;
    background-image: url('img/addCreate.png');
    margin-bottom: -14px !important;
}


.gridFirstColor {
    background-color: #FFD7A3;
}

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

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

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


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

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

.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: #C31441;
    padding: 10px 10px 10px 10px;
    color: white;
}

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

a {
    color: #C31441;
}

li {
    display: block;
}


.buttonnClass {
    background-color: #C31441;
    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: #C31441;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
    cursor: pointer;
}

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

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

.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;
}
/*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 > li > a:not([href]):not([tabindex]) {
        color: #fff;
    }

.dropdown-menu {
    background-color: #C31441;
}

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

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

.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: #C31441;
    }

    .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: #C31441 !important;
        color: white;
    }

        .dropdown-submenu > p:focus > a, .dropdown-submenu > p:hover > a {
            background-color: #C31441;
            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;
}

.rowSearch {
    margin-top: 15px;
}

.menuRow {
    background-color: #C31441;
    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;
}

    .menuRow > h3 {
        font
    }

.dropdown-item:hover {
    background-color: #757474 !important;
}

.dropdown-submenu:hover {
    background-color: #757474 !important;
}


.dropdown-submenu > p:hover {
    background-color: #757474 !important;
}

.open, .nav .open:hover {
    background-color: #757474 !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: #C31441;
}

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

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: #C31441;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    height: 32px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    margin-right: 4px;
    float: left;
    cursor: pointer;
}

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

    .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: #dee2e6;
}

.rowDescription {
    margin-top: 10px;
}

.progressContainer {
    width: 200px;
    border: 1px solid black;
    position: relative;
    text-align: center;
}

.progress {
    content: '\A';
    position: absolute;
    background: #B2DDFF;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: -1;
}

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

.pesquisa-body {
    float: right !important;
}
/* input pesquisa */
.pesquisa .input-text { /*class div input text*/
    float: left;
    background: url('img/pesquisa_1.png') no-repeat;
    width: 220px;
    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 .pesquisar {
    float: left;
    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: left;
    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: -34px 0;
    }

.pesquisa .limpar-pesquisa {
    float: left;
    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: -34px 0;
    }

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


/*************** quick filters ***************/
.pesquisa-quickFilter .botao-pesquisa {
    margin-bottom: 5px;
    background-color: #dee2e6;
    text-indent: 0;
    display: inline-block;
    color: #C31441;
    font-size: 12px;
    font-style: normal;
    height: 32px;
    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: #CCC;
        cursor: pointer;
    }

.pesquisa-quickFilter .selected {
    background-color: #CCC;
}
/******************************* 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: 0 -27px;
    }

.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: 0 -27px;
    }

.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: 0 -27px;
    }

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

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

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

    .grid-export-excel:hover {
        background-color: #C31441;
    }
/******************************* FIM Exportação *******************************/
/******************************* Actions *******************************/
.grid-action-goToRecicle {
    width: 22px;
    height: 22px;
    background-image: url('img/recicle.png');
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




.grid-action-major {
    width: 22px;
    height: 22px;
    background-image: url('img/major.png');
    float: left;
    margin-left: 2px;
    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;
    margin-left: 2px;
    cursor: pointer;
}

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


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

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


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

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

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

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

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

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

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

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


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

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

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

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


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

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



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

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


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

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

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

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

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

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

.grid-action-report {
    width: 22px;
    height: 22px;
    background-image: url('img/report.png');
    float: left;
    margin-left: 2px;
    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: 2px;
}

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

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

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

.grid-warning {
    background: #ffbb69 !important;
}
/******************************* 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.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: #C31441;
    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-button:hover {
        background-color: #C31441;
    }

.form-buttonSelect {
    background-color: #C31441;
    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: #C31441;
    }
/***End Tab Grids***/

/*helper*/
.divSeparator {
    background-color: black;
    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-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #C31441 !important;
}

.ui-widget-content {
    border: 1px solid rgba(195, 20, 65, 0.7);
}

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

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

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

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

.warningTab {
    background: #ffbb69 !important;
}

.grid-action-getCoordenadas {
    margin-top: 25px;
    cursor: pointer;
    background-color: #C31441;
    /*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;
    color: white;
    font-size: 1rem;
    padding-top: 3px;
}

#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: #C31441;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    border: none;
    float: left;
    margin-right: 6px;
}

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

.rowTroubleshoot {
    font-size: 8pt;
}

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

.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: #C31441;
    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;
    }

        #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 ****************************************************************/