/*pacotes*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic|Lora:400,400italic,700,700italic);



#main-wrapper, .intro-section,
body, html{
	/*height:100% !important;*/
	width:100%;
}

*{
	font-family: 'Noto Sans', sans-serif;
}

select {
    height:22px !important;
	width:100% !important;
}

.marginButtonTerms{
    margin-top: 10px;
}

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

.subscribe-btn,
.p-table > .header > .price > *,
.menu > ul > li > a,
.btn-minimal,
h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Sans', sans-serif;
}

a.btn-minimal{
	text-decoration:none;
	color:#3c6eb3;
}
.btn-minimal{
	position:relative;
	padding:14px 25px;
	line-height:1em;
	border:solid 2px #3c6eb3;
	color:#3c6eb3;
	text-transform:uppercase;
	font-weight:500;
	letter-spacing:2px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	background:transparent;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.btn-minimal:hover{
	background:#3c6eb3;
	color:#FFF;
	border-color:#3c6eb3;
}

.pricing-section{
	padding:100px 0;
}
.pricing-section .col-section-header{
	padding-top:50px;
}
.pricing-section .col-section-header > p{
	margin-bottom:35px;
}

.p-table{
	padding:60px 20px;
	border:solid 2px #E7E7E7;
	text-align:center;
}
.p-table > .header{
	margin-bottom:40px;
}
.p-table > .header > h4{
	font-size:24px;
	font-weight:bold;
	color: #3c6eb3;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:40px;
}
.p-table > .header > .price{
	line-height:84px;
	height:84px;
}
.p-table > .header > .price > span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
}
.p-table > .header > .price > .currency{
	vertical-align:top;
	line-height:1em;
	top:18px;
	font-size: 18px;
}
.p-table > .header > .price > .amount{
	font-size:65px;
}
.p-table > .header > .price > .period{
	line-height:1em;
	vertical-align:baseline;
	text-transform:uppercase;
	letter-spacing:2px;
	bottom:5px;
	color:rgba(0,0,0,.4);
}
.p-table > .items{
	padding:0;
	margin:0;
	list-style:none;
	margin-bottom:35px;
}
.p-table > .items > li{
	padding:8px 0;
	color:black;
	font-weight:500;
}

@media(max-width:992px){
	
	.pricing-section {
		padding-bottom:50px;
		padding-top:0;
	}
	.p-table{
		margin-bottom:50px;
	}
	div:last-of-type > .p-table{
		margin-bottom:0;
	}
	
	.container{
		padding-left:40px;
		padding-right:40px;
	}
}

/*general*/

.titleDistancebeforeindashboard {
    padding-top:100px
}

.fontSizebeforeindashboard h2 {
    font-size: 46px;
}

.teantNameSize h2{
       font-size: 40px;
}

.centerText {
        text-align: center;
}

.divtimeShowinpopup {
    border: 4px rgb(79, 120, 203) inset;
    border-radius: 25px;
    width: 25%;
    margin-left: 38%;
    background-color: #C7C8CA;
    height: 80px;
}

.divtimeShowinpopup div {
            margin-top: 15px;
}

.tenantLogoindashboard {
    max-width: 153px;
    max-height: 153px;
    margin-left: 80px;
}


.tdGridDashboardsp {
    font-size: 30px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 4px !important;
    padding-bottom: 30px !important;
    vertical-align: middle !important;
}


.dashboardcolOrder {
        padding-left: 80px !important;
}

.divdashboardTitle {
    margin-top: 25px;
    margin-bottom: 0px;
}

    .divdashboardTitle h2 {
        color: rgb(79, 120, 203);
    }

.bodyContainerfullbackground {
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-size: cover !important;
    -webkit-box-align: center;
    height: 100vh;
    width: 100%;
}


.tdGridDashboardPopupDashboardspeciapoliticalParty {
    font-size: 25px !important;
    padding: 4px !important;
    vertical-align: middle !important;
    color: black;
}

.tdGridDashboardPopupDashboardspeciaSubject {
    font-size: 35px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 4px !important;
    padding-bottom: 30px !important;
    vertical-align: middle !important;
}

.bodyContainerfullbackground h2 {
    text-align: center;
    padding: 10px;
    color: #fff;
    position: relative;
    z-index: 10;
}

.bodyContainerfullbackground div {
    text-align: center;
    color: #fff;
    z-index: 10;
}

.stylePopupDashboardspecial {
    border: 4px rgb(79, 120, 203) inset;
    position: fixed;
    z-index: 9999;
    width: 50%;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    background-color: #f1f5f5;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.tableSpecialSubject {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    width: 100%;
}

.trAlignCenter {
    text-align: center;
}

.notExecuteSave {
}

.sbmt {
}

.sbmtparent {
}

.sbmtSecondLevel {
}

.hiddenclass {
    display: none !important;
}

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

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

.sbmtEnabled {
}

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

.pageContainer {
    position: relative;
}

* {
    outline: none !important;
}

body {
    font-family: 'Noto Sans', 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;
    /*min-height: 556px;*/
}

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

a {
    color: #2f578f;
    text-decoration: none;
}
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: #3c6eb3;
    padding: 10px 10px 10px 10px;
    color: white;
}

p {
    margin: 0px;
}

li {
    display: block;
}

input[type="submit"] {
    background-color: #3c6eb3;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    border: none;
    float: left;
    margin-right: 6px;
}

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

/*end general*/

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

.h1 {
    font-size: 25px;
}

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

.selectLanguage {
    float: right;
}

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

.welcomeLogin {
    margin-top: 50px !important;
}

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

@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: #3c6eb3;
    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: #2f578f !important;
}

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

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

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

    .nav-pills > li {
        color: white;
    }

.open {
    background-color: #2f578f;
}

.dropdown-menu {
    margin: -5px 0 0;
    background-color: #2f578f;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
}
/*end menu*/

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

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

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


.botao-criar {
    background-color: #3c6eb3;
    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: #2f578f;
    }

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

.rowTable {
    margin-top: 15px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    margin-top: 10px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
}
textarea {
    overflow: auto;
    font-family: 'Noto Sans', sans-serif;
}

@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: 255px;
        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: #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: 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: #3c6eb3;
    width: auto;
    color: #fff;
    font-size: 12px;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 7px 7px 0px 7px;
    height: 34px;
}

    .grid-export-excel:hover {
        background-color: #2f578f;
    }
/******************************* FIM Exportação *******************************/
/******************************* Actions *******************************/
.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-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-cancelInvite {
    width: 22px;
    height: 22px;
    background-image: url('img/cancelInvite.png');
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

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

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

    .grid-action-playPoliticalParty:hover {
        background-position: -44px 0;
    }

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

    .grid-action-pausePoliticalParty:hover {
        background-position: -44px 0;
    }




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

    .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;
    margin-left: 2px;
}

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

    .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/details.png');
    float: left;
    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;
    cursor: pointer;
}

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


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

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


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

    .grid-action-MeetingManagerDashboard: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-delete {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    background-image: url('img/delete.png');
    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;
    }
/******************************* FIM Actions *******************************/
/*********end Body***********/

/***************Modal Window***************/
.ui-widget-header {
    border: 1px solid #D0D0D0;
    background: none;
    background-color:#D0D0D0;
    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: #3c6eb3;
    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;
}

    .form-button:hover {
        background-color: #1E466A;
    }
/***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;
    margin-left: 85%;
}

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

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

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

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

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: rgba(51, 51, 51, 0.9);
}

.emptyTab {
    background: rgba(92, 196, 190, 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: #3c6eb3;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    line-height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    border: none;
}

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

.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: #7697b1;
    color: #fff;
    font-family: 'Noto Sans', 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 ****************************************************************/


.botao-EcraPrincDiv {
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    font-size: 30px;
    padding-top: 30px;
    font-style: bold;
}

.botao-EcraPrinc {
    background-color: #3c6eb3;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-style: uppercase;
    height: 34px;
    width: 200px;
    line-height: 34px;
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    text-align: center;
    margin-right: 4px;
    cursor: pointer;
}

    .botao-EcraPrinc:hover {
        background-color: #2f578f;
    }

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


.changetd {
    padding: 4px !important;
    vertical-align: middle !important;
}



.slider-principal {
    position: relative;
    top: 0;
    left: 0;
    opacity: 0.8;
    background-repeat: no-repeat !important;
}

    .slider-principal:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .slider-principal h2 {
        text-align: center;
        padding: 10px;
        color: #333;
        position: relative;
        z-index: 10;
    }

    .slider-principal div {
        text-align: center;
        color: #333;
        z-index: 10;
    }

.tableDashboard {
    margin: 0px !important;
}


.imgGridDashboardspecial {
    width: 90px;
    height: 90px;
}

.imgGridDashboard {
    width: 75px;
    height: 75px;
    margin-left: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tableUppderDashbaord {
    margin-bottom: 0px !important;
}

.trThemeDashboard {
    /*background-color: #d1d2d4;*/
    background-color: #4F78CB;
    font-size: xx-large !important;
    color: white;
    font-size: 25px !important;
}

.thGridDashboard {
    font-size: medium !important;
    vertical-align: middle !important;
}

.tdGridDashboard {
    font-size: 30px !important;
    padding: 4px !important;
    vertical-align: middle !important;
}

.tdGridDashboardTime {
    font-size: 25px !important;
    padding: 4px !important;
    vertical-align: middle !important;
}

.tdGridDashboardTimeAvailable {
    font-size: xx-large !important;
    font-weight: bolder;
    padding: 4px !important;
    vertical-align: middle !important;
}

.botao-dashboard {
    background-color: #3c6eb3;
    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;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 50px;
}

    .botao-dashboard:hover {
        background-color: #2f578f;
    }

.fieldSize {
    width: 100%;
}

.tenandDetailImage {
    margin: 20px 0px;
}

.datepicker {
    width: 100%;
}


.datepickerWithHour {
    width: 100%;
}


.tenantLogo {
    max-width: 153px;
    max-height: 153px;
    margin-left: 30px;
}