body {
    margin-top: 0px;
    padding: 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 75% !important;  
}

#siteseal > img{
    height: 35px;
}

.titulo-pagina {
    width: 100% !important;
}
.miolo{
    background-color: #cccccc;
}

div#form\:relacionamento_content{
    border: thin #FFF solid !important;
}

.gridInTable tr, .gridInTable td {
    border-style: hidden !important;
}

.ui-datagrid-content .ui-widget-content{
    border-style: hidden !important;
}


.centralizar{
    text-align: center;
    vertical-align: middle;
}

@media(max-width: 640px){
    .centralizarResponsivo{
        text-align: center;
        vertical-align: middle;
    }

}

.centralizar_azul{
    text-align: center;
    vertical-align: middle;
    background-color: #99ccff !important;
}

.centralizar_top{
    text-align: center;
    vertical-align: text-top;
}

.centralizar_50px{
    text-align: center;
    vertical-align: middle;
    width: 50px;
}


.centralizar_100px{
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

.centralizar_150px{
    text-align: center;
    vertical-align: middle;
    width: 150px;
}

.centralizar_200px{
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.centralizar_vertical{
    vertical-align: middle;
}

.panelGrid_direita_bottom{
    text-align: right;
    margin: 3px;

    vertical-align: bottom;
}
.panelGrid_direita_10px{
    text-align: right;
    width: 10px;
    margin: 3px;
}

.panelGrid_direita_50px{
    text-align: right;
    margin: 3px;
    width: 50px
}

.panelGrid_direita_100px{
    text-align: right;
    margin: 3px;
    width: 100px
}


.panelGrid_direita_120px{
    text-align: right;
    margin: 3px;
    width: 120px 

}

.panelGrid_direita_150px{
    text-align: right;
    margin: 3px;
    width: 150px
}

.panelGrid_direita_200px{
    text-align: right;
    margin: 3px;
    width: 200px
}
.panelGrid_direita_245px{
    text-align: right;
    margin: 3px;
    width: 245px
}

.panelGrid_direita_300px{
    text-align: right;
    margin: 3px;
    width: 300px
}

.panelGrid_direita_350px{
    text-align: right;
    margin: 3px;
    width: 350px
}
.panelGrid_direita_370px{
    text-align: right;
    margin: 3px;
    width: 370px
}
.panelGrid_direita_400px{
    text-align: right;
    margin: 3px;
    width: 400px
}

.panelGrid_direita_250px{
    text-align: right;
    margin: 3px;
    width: 250px
}

.panelGrid_direita_top{
    text-align: right;
    margin: 3px;
    vertical-align: text-top;
}
.panelGrid_esquerda{
    text-align: left;
    margin: 3px;
}

.panelGrid_esquerda_bottom{
    text-align: left;
    vertical-align: bottom;
    margin: 3px;
}

.panelGrid_esquerda_bottomMenu{
    bottom: 9px;
}

.panelGrid_esquerda_top{
    text-align: left;
    vertical-align: top;
    margin: 3px;
}

.panelGrid_esquerda_top_50Porc{
    text-align: left;
    vertical-align: top;
    width: 50%;
    margin: 3px;
}

.panelGrid_esquerda_top_10px{
    text-align: left;
    vertical-align: top;
    width: 10px; 
    margin: 3px;
}

.panelGrid_esquerda_top_20px{
    text-align: left;
    vertical-align: top;
    width: 20px; 
    margin: 3px;
}

.panelGrid_esquerda_top_150px{
    text-align: left;
    vertical-align: top;
    width: 150px;
    margin: 3px;
}

.panelGrid_esquerda_top_200px{
    text-align: left;
    vertical-align: top;
    width: 200px;
    margin: 3px;
}

.panelGrid_esquerda_top_250px{
    text-align: left;
    vertical-align: top;
    width: 250px; 
    margin: 3px;

}

.panelGrid_esquerda_top_300px{
    text-align: left;
    vertical-align: top;
    width: 300px;
    margin: 3px;
}


.panelGrid_esquerda_top_350px{
    text-align: left;
    vertical-align: top;
    width: 350px;
    margin: 3px;
}

.panelGrid_esquerda_top_400px{
    text-align: left;
    vertical-align: top;
    width: 400px;
    margin: 3px;
}

.panelGrid_esquerda_top_500px{
    text-align: left;
    vertical-align: top;
    width: 500px;
    margin: 3px;
}

.panelGrid_esquerda_top_1100px{
    text-align: left;
    vertical-align: top;
    width: 1100px;
    margin: 3px;
}

.panelGrid_esquerda_50px{
    text-align: left;
    width: 50px;
    margin: 3px;
}

.panelGrid_esquerda_100px{
    text-align: left;
    margin: 3px;
    width: 100px
}

.panelGrid_esquerda_150px{
    text-align: left;
    margin: 3px;
    width: 150px
}

.panelGrid_esquerda_200px{
    text-align: left;
    margin: 3px;
    width: 200px
}

.panelGrid_esquerda_250px{
    text-align: left;
    margin: 3px;
    width: 250px
}

.panelGrid_esquerda_300px{
    text-align: left;
    margin: 3px;
    width: 300px
}

.panelGrid_esquerda_350px{
    text-align: left;
    margin: 3px;
    width: 350px
}
.panelGrid_esquerda_400px{
    text-align: left;
    margin: 3px;
    width: 400px
}

panelGrid_esquerda_450px{
    text-align: left;
    margin: 3px;
    width: 450px
}

.panelGrid_esquerda_500px{
    text-align: left;
    margin: 3px;
    width: 500px
}

.panelGrid_esquerda_700px{
    text-align: left;
    width: 700px;
    margin: 3px;
}

.panelGrid_esquerda_900px{
    text-align: left;
    width: 900px;
    margin: 3px;
}


.botao_windows{

    display:inline-block;
    font-weight:bold;
    font-style:normal;
    height:60px;
    line-height:60px;
    width:105%;
    text-align:center;
    font-family: 'Open Sans',sans-serif !important;
    color:#FFF !important;
    font-size: 15px !important;
    text-decoration:none !important;

}

.botao_windows:active {
    position:relative;
    top:1px;
}

/*schedule*/
.fc button{
    width:auto !important;

}

@media(max-width: 640px){

    .fc .fc-toolbar > * >:first-child{
        margin-left: 0;
    }

}


.amarelo {
    background-color:#FF6B24;
    border-bottom-width: 5px;
    border-bottom-color: #e34c00;
    border-bottom-style: solid;
}

.amarelo:hover {
    border-top-width: 5px;
    border-top-color: #e34c00;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.verde {
    background-color:#00CC92;
    border-bottom-width: 5px;
    border-bottom-color: #00B883;
    border-bottom-style: solid;
}

.verde:hover {
    border-top-width: 5px;
    border-top-color: #00B883;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.verde_escuro {
    background-color:#84C131;
    border-bottom-width: 5px;
    border-bottom-color: #52791E;
    border-bottom-style: solid;
}

.verde_escuro:hover {
    border-top-width: 5px;
    border-top-color: #52791E;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.vermelho {
    background-color:#CF414B;
    border-bottom-width: 5px;
    border-bottom-color: #AF2C37;
    border-bottom-style: solid;
}

.vermelho:hover {
    border-top-width: 5px;
    border-top-color: #AF2C37;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.azul {
    background-color:#14ADCC;
    border-bottom-width: 5px;
    border-bottom-color: #129DB9;
    border-bottom-style: solid;
}

.azul:hover {
    border-top-width: 5px;
    border-top-color: #129DB9;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.azul_escuro {
    background-color:#6694D9;
    border-bottom-width: 5px;
    border-bottom-color: #2E66B7;
    border-bottom-style: solid;
}

.azul_escuro:hover {
    border-top-width: 5px;
    border-top-color: #2E66B7;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.roxo_escuro {
    background-color:#AB4EAB;
    border-bottom-width: 5px;
    border-bottom-color: #8B3F8B;
    border-bottom-style: solid;
}

.roxo_escuro:hover {
    border-top-width: 5px;
    border-top-color: #8B3F8B;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.laranja {
    background-color:#FFBF40;
    border-bottom-width: 5px;
    border-bottom-color: #FFB82C;
    border-bottom-style: solid;
}

.laranja:hover {
    border-top-width: 5px;
    border-top-color: #FFB82C;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.cinza {
    background-color:#8F9EA5;
    border-bottom-width: 5px;
    border-bottom-color: #606D75;
    border-bottom-style: solid;
}

.cinza:hover {
    border-top-width: 5px;
    border-top-color: #606D75;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.rosa {
    background-color:#E267A8;
    border-bottom-width: 5px;
    border-bottom-color: #A31F64;
    border-bottom-style: solid;
}

.rosa:hover {
    border-top-width: 5px;
    border-top-color: #A31F64;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.morrom {
    background-color:#996F45;
    border-bottom-width: 5px;
    border-bottom-color: #8B653F;
    border-bottom-style: solid;
}

.morrom:hover {
    border-top-width: 5px;
    border-top-color: #8B653F;
    border-top-style: solid;
    border-bottom-width: 0px;
    line-height:50px;
}

.ui-picklist .ui-picklist-list{
    width: 40% !important;
}


.linha-desativada .fc-event-skin {
    background: red;
}

.fluxo_caixa_futuro{
    font-weight: 100;
}

.fluxo_caixa_passado{
    font-weight: 700;
}


/* TOOBAR */
.veweb_toobar{

    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 1px -1px 5px #000000;
    min-height: 70px;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
    background: none repeat scroll 0 0 #FFFFFF;

}

.veweb_toobar > a > img{
    margin-top: 10px;
    margin-left: 20px;
}

.veweb_toobar_icones{

}


@media(max-width: 640px){

    .veweb_toobar_icones{
        visibility: hidden;
        height: 0px !important;
        margin-top: -15px !important;
    }

}
@media(max-width: 640px){

    .veweb_toobar_icones{
        visibility: hidden;
        height: 0px !important;
        margin-top: -15px !important;
    }

}
@media(max-width: 960px){

    .veweb_toobar_icones_align_top_960px{
        margin-top: 20px;
    }

}

/* SIDEBAR */
.veweb_sidebar{

    position: fixed;
    top: 70px;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    width: 270px;
    margin-left: -270px;
    transition: margin-left 0.5s;
    overflow-y: auto;

    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px -1px 5px #000000;

}

.veweb_sidebar.is-toggled{

    margin-left: 0px;

}

@media(min-width: 960px){

    .veweb_sidebar{
        margin-left: -270px;
    }

    .veweb_sidebar.is-toggled{
        margin-left: 0px;
    }

}

/* CONTENT  */
.veweb_content{

    margin-top: 130px;
    margin-right: 15px;
    margin-left: 140px !important;

    z-index: -10000 !important;

}

@media(min-width: 960px){

    .veweb_content{
        margin-left: 15px;
        transition: margin-left 0.5s;
    }

    .veweb_content.is-toggled{
        margin-left: 285px;
        transition: margin-left 0.5s;
    }

}

@media(max-width: 640px){

    .veweb_content{
        margin-left: auto !important;
        transition: margin-left 0.5s;
    }

}

/* PANEL GRID*/
.ui-panelgrid .ui-grid-responsive{
    border: none;
}

@media(max-width: 640px){   
    .ui-panelgrid .ui-grid-responsive .ui-grid-row{
        border: none;
    }
}

.ui-panelgrid.panelGrid_botao .ui-grid-responsive{
    border: none;
    width: fit-content;

}

@media(max-width: 640px){   
    .ui-panelgrid.panelGrid_botao .ui-grid-responsive{
        border: none;
        width: auto;
    }
}

.botao_responsivo{
    border: none;
    width: fit-content !important;
}

@media(max-width: 640px){   
    .botao_responsivo{
        border: none;
        width: 100% !important;
    }
}

@media(max-width: 1400px){   
    .botao_responsivo_1400px{
        border: none;
        height: auto !important;
    }
}


/* titulos das paginas */
.veweb_titulo_pagina{

    margin-top: 80px;    
    color: #3c3c3c;
    font-size: 28px;
    font-family: 'Amaranth';
    text-align: center;
    width: 100%;    

}

@media(max-width: 640px){

    .veweb_titulo_pagina{
        margin-top: 130px;
    }

}

/* rodape */
.veweb_rodape{
    margin-top: 5px;
    border: none;
    background: #EEEEEE;
    width: auto;
    height: 40px;
}

.veweb_rodape_coluna{

    color: #000;
    margin-top: 5px;
    margin-left: 20px;
    width: 40px;
}

.veweb_rodape_coluna_direita{

    color: #000;
    vertical-align: middle;
    text-align: right;
    margin-top: 10px;
    margin-right: 15px;

}

.topo{
    margin-left: 0;
    margin-top: 7px;
}

@media(max-width: 640px){

    .topo{
        margin-top: -110px;
        margin-left: -640px;
    }

}

.topoMini{
    margin-left: -3000px;
    margin-top: -300px;
}

@media(max-width: 640px){

    .topoMini{
        margin-left: 0px;
        margin-top: 0px;
    }

}

/* PANEL GRID */

.panelGrid_direita{
    text-align: right;
    margin: 3px;
}

.panelGrid_direita_top{
    text-align: right;
    vertical-align: top;
    margin: 3px;
}

.panelGrid_direita_rowExpansion{
    text-align: right;
    margin: 3px;
}


@media(max-width: 640px){

    .panelGrid_direita{
        text-align: left;
    }

    .panelGrid_direita_top{
        text-align: left;
    }

    .panelGrid_direita_rowExpansion{
        text-align: center;
        vertical-align: middle;
    }

    .panelGrid_direita_rowExpansion_350px{
        text-align: center;
        vertical-align: middle;
    }

    .panelGrid_direita_rowExpansion_100px{
        text-align: center;
        vertical-align: middle;
    }
    .panelGrid_direita_50px{
        text-align: left;
    }

    .panelGrid_direita_200px{
        text-align: left;

    }

    .panelGrid_direita_250px{
        text-align: left;   
    }



    .panelGrid_direita_100px{
        text-align: left;

    }

    .panelGrid_direita_120px{
        text-align: left;

    }

    .panelGrid_direita_150px{
        text-align: left;

    }
    .panelGrid_direita_300px{
        text-align: left !important;

    }
}

.panelGrid_esquerda{
    text-align: left;
}

.panelGrid_esquerda_bottom{
    text-align: left;
    vertical-align: bottom;
}

.panelGrid_esquerda_top{
    text-align: left;
    vertical-align: top;
}
.panelGrid_esquerda_top_400px{
    text-align: left;
    vertical-align: top;
    width: 400px;
}


/*tabs*/
@media(max-width: 640px){ 
    .ui-tabs.ui-tabs-top> .ui-tabs-nav li{
        width: 100%;
    }

    .ui-tabs-nav .ui-state-hover a {
        width: 92%;
    }

    .ui-tabs-nav > .ui-state-active a{
        width: 92%;
    }   
    .ui-tabs{
        padding: 0;

    }
}

/* telefones */
.ui-fluid .ui-inputtext.telefone {
    width: 200px;
    left: 80px;

}

@media(max-width: 640px){
    .ui-fluid .ui-inputtext.telefone {
        width: 100% !important ; 
    }
}


/*pickList*/
.ui-picklist .ui-picklist-list{
    width: 100% !important;
}

/*checkBox*/

.checkboxResponsivo{
    width:20px;
    text-align:center;

}

.checkboxResponsivo_50px{
    width: 50px;
}

@media(max-width: 640px){
    .checkboxResponsivo {
        width:20%;
        text-align:center;

    }

    .checkboxResponsivo_50px{
        text-align:center;
    }
}
.ui-panelgrid.ui-widget.panelGridS_semEspaco{
    margin-left: -10px !important;

}


.panelGrid_espaco{
    margin: 3px;
}

/*exibir o titulo de uma tabela dentro do Expansion quando reflow esta ativado*/
th.fix span {
    display: inline !important;
}

/*ESCONDER COLUNAS NO REFLOW*/
@media (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td.hide-mobile {
        display: none;
    }
}

.imagem_Automatica {
    width: 250px;
    border: silver solid 1px;
}

/*IMAGEM*/
@media (max-width: 640px) {
    .imagem_Automatica {
        width: 200px;
        border: silver solid 1px;
    }
}

.pagarme-checkout-btn{
    outline: none !important;
    width: 300px;
    line-height: 50px;
    border: none;
    color: #ffffff !important;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #52791E !important;
}



/*===========================================================================================*/
/*============================== SIS DAN?A - Status da linha ================================*/
/*=========================================================================================*/
.estornado td{
    color: #3c3c3c !important;
    background: none repeat scroll 0 0 #EEEEEE !important;
}
.estornado td a{
    color: #3c3c3c !important;
}
.estornado td span{
    color: #3c3c3c !important;
}


.aguardando_pagamento td{
    background: none repeat scroll 0 0 #FFFDD2 !important;

}


.aguardando_pagamento td a{

}
.aguardando_pagamento td span{

}