body {
    border: 1px solid #DDDDDD;
    color: #000;
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    /*min-width: 1000px;*/
    /*position: relative;*/
}
label.label-required:after {
    content: "*\00a0";
    color: red;
    font-family: 'FontAwesome';
    font-weight: normal;   
    position: absolute;
    margin-left: 6px;
}

img {
    border: none;
}

hr {
    border: 0px;
    border-bottom: 1px solid #A6C9E2;
}

h1, h2, h3, h4, h5, h6 {
    color: #557900;
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
/*############################## TELA LOGIN ##################################*/

#t-login {
    background-color: #ffffff;
    border: 1px Solid #c8c8c8;
    border-radius: 1em;
    margin: 0 auto;
    margin-bottom: 50%;
    margin-top: 80px;
    padding: 10px;
    padding-top: 20px;
    text-align: center;
    width: 300px;
}

#d-login {
    margin: 0 0 0 4px;
    text-align: left;
}

#t-login2 {
    background-color: #ffffff;
    /*border: 1px Solid #c8c8c8;
    border-radius: 1em;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
    padding-top: 20px;
    text-align: center;
    width: 90%;*/
}

#d-login2 {
    margin: 0px 0 19px -5px;
    text-align: left;
    padding: 10px 20px 0 0;
}

    #d-login2 ul {
        list-style: none;
    }

#msglogin {
    background-image: url("images/alerta.png");
    /*background-position: 17px;*/
    background-repeat: no-repeat;
    background-size: 35px;
    border: solid 1px red;
    line-height: 15px;
    padding: 7px 0px 7px 25px;
    text-align: center;
}

.btn-form {
    margin: 15px 0 0px -6px;
    text-align: center;
}

.msg-login {
    background-color: #FFCCBA;
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #D63301;
    margin: 10px 0px;
}

    .msg-login img {
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }


/*############################## MENU PRINCIPAL ##################################*/

#menu {
    -moz-border-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    background-color: #fff;
    border: 2px solid #c7c7c7;
    border-radius: 6px;
    height: 58px;
    margin: -90px auto 20px;
    padding: 7px 0 0 2px;
    position: relative;
    text-align: center;
    width: 440px;
}

    #menu ul li {
        display: inline;
        list-style: none !important;
    }

#menu_list { /*margin: ;*/
}

    #menu_list label {
        margin-right: 10px;
    }

#menu div.jqDockWrap {
    margin: 0 auto;
}

/*label styling...*/

div.jqDockLabel {
    color: #2E6E9E;
    cursor: pointer;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-weight: bold;
    margin: -22px -35px -22px 0px !important;
    padding: 0px 8px 5px 0;
    white-space: nowrap;
    width: 200%;
    z-index: 999;
}

.disabled div.jqDockLabelText {
    margin-top: 50px;
    visibility: hidden;
}

#menu a.current {
    background-color: green;
}

/*########################### MODAL ################################*/

.window {
    background-color: Gray;
    border: 1px solid gray;
    color: Black;
    display: none;
    height: 150px;
    left: 500px;
    padding: 30px;
    position: absolute;
    top: 250px;
    width: 300px;
    z-index: 9900;
}

#mask {
    background-color: Orange;
    display: none;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 9000;
}

.close {
    display: block;
    text-align: right;
}


/*############################## ESPAÇO SUPERIOR (CABEÇALHO) ##################################*/

.cabecalho {
    background-image: url(images/barra-topo-fundo-azul.png);
    height: 100px;
    margin: 0;
    position: relative;
    width: 100%;
    display: none;
}
/*############################## ESPAÇO SUPERIOR (LOGO SISTEMA) ##################################*/

.logo img {
    margin: 0 0 0 25px;
}

/*############################## ESPAÇO SUPERIOR (TOOLBAR) ##################################*/

#espaco_toolbar {
    /*background-color: #fff;
    border-top: 1px solid #A6C9E2;
    height: 25px;
    margin: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;*/
}

#conj_toolbar {
    margin-right: 20px;
    padding-top: 4px;
}

    #conj_toolbar img {
        height: 18px;
        width: 18px;
    }

    #conj_toolbar ul {
        margin: 0px;
        background: #A1A1A1;
    }

        #conj_toolbar ul li {
            display: inline;
            list-style: none !important;
            margin-right: 5px;
        }

#subs {
    padding-left: 0px;
}

    #subs ul li {
        list-style: none !important;
        margin-right: 5px;
        text-align: left;
        /*margin-left:-30px;*/
    }

#sub_toolbar ul li, #sub_tematicos ul li {
    list-style: none !important;
    margin-right: 5px;
    text-align: left;
}


/*############################## ESPAÇO SUPERIOR (INFORMAÇÕES) ##################################*/

#informacoes {
    float: right;
    margin-top: -75px;
    position: relative;
}

    #informacoes a {
        color: #2E6E9E;
        font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    #informacoes ul li {
        list-style: none;
        margin-right: 10px;
    }

    #informacoes img {
        margin-left: 5px;
        vertical-align: bottom;
    }

#dados ul {
    text-align: right;
}


/***** temp ******/
#updMenu {
    padding-right: 160px;
    padding-left: 170px;
}

/********************************** Logo prefeitura ************************************/
#prefeituraLogo {
    float: right;
    margin: -75px -154px 0 0;
}

nav#dados {
    margin: -5px 67px 0 0;
}

/*############################## ESPAÇO SUPERIOR (TELA LOGIN) ##################################*/

/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right)

#loginContainer {
    float: right;
    font-size: 12px;
    position: relative;
}

/* Login Button 

#loginButton {
    -moz-border-radius: 3px;
    background: #d2e0ea url(images/_buttonbg.png) repeat-x;
    border: 1px solid #899caa;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative;
    z-index: 30;
}

    /* Login Button Text 

    #loginButton span {
        background: url(images/loginArrow.png) no-repeat 53px 7px;
        color: #445058;
        font-size: 14px;
        font-weight: bold;
        padding: 7px 29px 9px 10px;
        text-shadow: 1px 1px #fff;
    }

    #loginButton:hover {
        background: url(images/_buttonbgHover.png) repeat-x;
    }

/* Login Box */

#loginBox {
    display: none;
    position: absolute;
    right: 0;
    top: 34px;
    z-index: 29;
}

/* If the Login Button has been clicked */

#loginButton.active {
    border-radius: 3px 3px 0 0;
}

    #loginButton.active span {
        background-position: 53px -76px;
        cursor: pointer;
    }

/* A Line added to overlap the border 

    #loginButton.active em {
        background: #c6e3ff;
        bottom: -1px;
        height: 1px;
        position: absolute;
        width: 100%;
    }

/* Login Form */

#loginForm {
    -moz-border-radius: 3px 0 3px 3px;
    /*border: 1px solid #899caa;*/
    border-radius: 3px 0 3px 3px;
    margin-top: -1px;
    /*padding: 6px;*/
    width: 180px;
}

    #loginForm fieldset {
        border: 0;
        display: block;
        margin: 0 0 12px 0;
        padding: 0;
    }

    /*fieldset#body {
    -moz-border-radius: 3px;
    background: #fff;
    border-radius: 3px;
    margin: 0;
    padding: 10px 13px;
}*/

    #loginForm #checkbox {
        border: 0;
        float: left;
        margin: 1px 9px 0 0;
        margin: -3px 9px 0 0; /* IE7 Fix */
        padding: 0;
        width: auto;
    }

#body label {
    color: #3a454d;
    display: block;
    float: left;
    margin: 9px 0 0 0;
}

#loginForm #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 6px 0;
}

/* Default Input */

#loginForm input {
    /*-moz-border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;*/
    border: 1px solid #899caa;
    /*border-radius: 3px;
    box-shadow: inset 0px 1px 3px #bbb;*/
    color: #3a454d;
    font-size: 12px;
    font-weight: bold;
    /*padding: 8px 8px;*/
    width: 92%;
}

.inputHelp {
    border: 1px solid #899caa;
    color: #3a454d;
    font-size: 12px;
    font-weight: bold;
    width: 96%;
    padding: 0 5px;
}

    .inputHelp span {
        font-family: Arial;
        background: url('new-sit/img/ico-help.png') no-repeat 10px 5px;
        background-size: 13px;
    }


/* Sign In Button */

#loginForm #login {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #339cdf url(images/loginbuttonbg.png) repeat-x;
    border: 1px solid #339cdf;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 12px 0 0;
    padding: 7px 10px 8px 10px;
    padding: 7px 2px 8px 2px; /* IE7 Fix */
    text-shadow: 0px -1px #278db8;
    width: auto;
}

/* Forgot your password */

#loginForm span {
    /*text-align:center;*/
    display: block;
    /*padding:0 0 4px 0;*/
    padding-top: 4px;
}

    #loginForm span a {
        color: #3a454d;
        font-size: 12px;
        padding: 0 0 4px 0;
        text-shadow: 1px 1px #fff;
    }

input:focus { /*outline:none;*/
}

#login, #senha {
    -moz-border-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    /*border: 2px solid #c7c7c7;*/
    border-radius: 6px;
    width: 70%;
}

.img_cadeado img {
    height: 20px;
    margin-right: 2px;
    padding-left: 2px;
    vertical-align: text-bottom;
    width: 20px;
}

#login_tela {
}

#btn_login {
    text-align: center;
    width: 100%;
}

.btn_login {
    margin: -12px 10px 0px 0px;
    padding: 8px !important;
}
/*############################## ESPAÇO DO CENTRO (CONTEÚDO) ##################################*/

#conteudo {
    background-color: #CFEDF4;
    height: 100%;
    position: fixed;
    width: 100%;
}

/*############################## DIVS COM FORMULÁRIOS ##################################*/

#formularios {
    float: none;
    left: 0px;
    padding-left: 280px;
    position: relative;
    top: 9px;
    width: 79%;
    z-index: 998;
}

#form_cad_relatorios, #form_cad_tematicos, #form_cad_mobiliario, #form_cad_imobiliario {
    background-color: #fff;
    float: left;
    height: 230px;
    margin: 10px;
    padding-right: 3px;
    width: 300px;
}

#form_cad_mobiliario, #form_cad_imobiliario {
    height: 175px;
}

#form_cad_relatorios, #form_cad_tematicos {
    height: 142px;
}

/*############################## ESPAÇO DO RODAPÉ (NÃO UTILIZADO) ##################################*/

.rodape {
    background-color: #DACFF4;
    display: none;
    height: 90px;
    position: relative;
    width: 100%;
}

.limpa {
    clear: both;
}

/*############################## CLASSES UTILIZADA PARA NÃO EXIBIR A DIV ##################################*/

.form_oculto {
    display: none;
}

/************ Classe pra remover o resize handler ****************/
.ui-resizable-disabled .ui-resizable-handle {
    visibility: hidden;
}

/*############################## BOTÃO FECHAR DOS FORMULARIOS E ABAS ##################################*/

.ocultar {
    display: block;
    float: right;
    margin-left: -34px;
}

/*############################## CONTROLE DAS ABAS E FORMULÁRIOS ##################################*/

.controle_aba_esquerda, .controle_aba_direita, .controle_formulario {
    list-style: none;
    margin-bottom: 25px;
    margin-top: 1px;
    padding-top: 6px;
}

    .controle_aba_esquerda li, .controle_aba_direita li, .controle_formulario li {
        margin-right: 2px;
    }

.controle_aba_direita {
    margin-left: -31px !important;
}

#ocultar_direita {
    display: block;
    float: right;
    margin-right: 5px;
}


.tit_aba_direita, .tit_aba_esquerda {
    float: left;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
}

.tit_aba_esquerda {
    margin-left: -34px;
}

.img_titulo {
    float: left;
    height: 36px;
    /* margin: -20px 2px -3px -2px; */
    margin: -9px 2px -3px -10px;
    width: 36px;
    /*width:32px;
	height:32px;*/
}

.tit_formulario {
    display: block;
    float: left;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
    /*margin-left: -34px;*/
}

.cadastro ul, .consultas_gerenciais ul, .infraestrutura_urbana ul, .obras ul, .atendimento_cidadao ul, .atualizacao_cadastral ul, .administracao ul {
    margin-left: -31px;
}

    .cadastro ul li, .consultas_gerenciais ul li, .infraestrutura_urbana ul li, .obras ul li, .atendimento_cidadao ul li, .atualizacao_cadastral ul li, .administracao ul li {
        line-height: 40px;
    }

.cadastro, .consultas_gerenciais, .infraestrutura_urbana, .obras, .atendimento_cidadao, .atualizacao_cadastral, .administracao {
    display: block;
    position: relative;
    width: 100%;
}

    .cadastro ul li img, .consultas_gerenciais ul li img, .infraestrutura_urbana ul li img, .obras ul li img, .atendimento_cidadao ul li img, .atualizacao_cadastral ul li img, .administracao ul li img {
        height: 32px;
        margin-right: 5px;
        vertical-align: middle;
        width: 32px;
    }

    .cadastro ul li a, .consultas_gerenciais ul li a, .infraestrutura_urbana ul li a, .obras ul li a, .atendimento_cidadao ul li a, .atualizacao_cadastral ul li a, .administracao ul li a {
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
    }

    .consultas_gerenciais ul li:hover, .consultas_gerenciais ul li.over, .infraestrutura_urbana ul li:hover, .infraestrutura_urbana ul li.over, .obras ul li:hover, .obras ul li.over, .atendimento_cidadao ul li:hover, .atendimento_cidadao ul li.over, .atualizacao_cadastral ul li:hover, .atualizacao_cadastral ul li.over, .administracao ul li:hover, .administracao ul li.over,
    .cadastro ul li:hover, .cadastro ul li.over {
        background: #DFEFFC;
    }

/*############################## AJUSTE DE PADRÕES DOS FORMULÁRIOS ##################################

#formulario_padrao {
    margin: 4px 7px;
    text-align: left;
    width: 100%;
}

.form_botoes {
    text-align: center;
    width: 100%;
}

    .form_botoes ul { /*margin-left: -31px;*/
}
/*
        .form_botoes ul li {
            display: inline;
            list-style: none !important;
            margin-left: 0px;
        }

.input_text, .input_select {
    width: 94%;
}

.bnt_padrao {
    font-size: 12px !important;
    font-weight: normal !important;
}

.padrao_form ul {
    list-style: none;
    text-align: left;
    margin: 0;
    overflow: auto;
    padding: 0;
}

.padrao_form li {
    clear: both;
    margin-bottom: 5px;
}

.padrao_form label {
    clear: both;
    display: block;
    margin-bottom: 3px;
}

select {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-linear-gradient: #dddddd, #F4F4F4 40%, #E5E5E5;
    border: 1px solid #899CAA;
    box-shadow: inset 0px 1px 3px #bbb;
    padding: 3px !important;
    width: 96%;
}

.padrao_form input[type=text] {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    border: 1px solid #899CAA;
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px #bbb;
    padding: 3px;
}

.padrao_form input[type=password] {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    border: 1px solid #899CAA;
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px #bbb;
    padding: 3px;
}

.padrao_form input[type=email] {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0px 1px 3px #bbb;
    -webkit-box-shadow: inset 0px 1px 3px #bbb;
    border: 1px solid #899CAA;
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px #bbb;
    padding: 3px;
}

/*############################## AJUSTE DE PADRÕES DAS ABAS ##################################*/

#aba_esquerda ul li, #aba_direita ul li {
    list-style: none;
    text-decoration: none;
}


/*############################## AJUSTE DO CONTEÚDO DA ABA DIREITA ##################################*/

#detalhe_mobiliario, #form_detalhe_obras_cadastro {
    width: 450px;
}

#detalhe_imobiliario {
    width: 450px;
}

.detalhe_mobiliario, .detalhe_imobiliario, .form_detalhe_obras_cadastro {
    font-size: 11px !important;
    text-align: center;
    width: 100%;
}

    .detalhe_mobiliario img, .detalhe_imobiliario img {
        height: 16px !important;
        margin-right: 2px;
        vertical-align: middle;
        width: 16px !important;
    }

#pesquisa_mobiliario ul, #pesquisa_sam ul, #pesquisa_imobiliario ul, #pesquisa_historico ul, #pesquisa_inf_urb ul, #pesquisa_logradouro ul, #pesquisa_obras, #resultado_pessoa_atualizacao, #resultado_protocolo ul {
    list-style: none;
    margin-left: 0px;
}

#pesquisa_mobiliario a, #pesquisa_sam a, #pesquisa_imobiliario a, #pesquisa_historico a, #pesquisa_inf_urb a, #pesquisa_logradouro a, #pesquisa_obras, #resultado_pessoa_atualizacao, #resultado_protocolo a {
    text-decoration: none;
}

.detalhe_mobiliario a, .detalhe_imobiliario a, .form_detalhe_obras_cadastro a {
    font-size: 11px !important;
    text-decoration: none;
}

#ocultar_detalhe_mobiliario, #ocultar_detalhe_sam, #ocultar_detalhe_imobiliario, #ocultar_form_detalhe_obras_cadastro {
    background-color: #DFEFFC;
    background-image: url(images/ui-icons_469bdd_256x240.png);
    display: block;
    float: right;
    margin-top: 1px;
}

#ocultar_form_inf_urb_cadastro {
    background-color: #DFEFFC;
    background-image: url(images/ui-icons_469bdd_256x240.png);
    display: block;
    float: right;
    margin-top: 1px;
}

#ocultar_form_detalhe_inf_urb_cadastro {
    background-color: #DFEFFC;
    background-image: url(images/ui-icons_469bdd_256x240.png);
    display: block;
    float: right;
    margin-top: 1px;
}

#ocultar_form_planodiretor_tematicos {
    background-color: #DFEFFC;
    background-image: url(images/ui-icons_469bdd_256x240.png);
    display: block;
    float: right;
    margin-top: 1px;
}
#ocultar_form_detalhe_Logradouro_cadastro {
    background-color: #DFEFFC;
    background-image: url(images/ui-icons_469bdd_256x240.png);
    display: block;
    float: right;
    margin-top: 1px;
}

#pin_form {
    /*background-image: url(images/pin.png); */
    background-color: #DFEFFC;
    background-image: none;
    display: block;
    float: right;
    margin-top: 1px;
}

#pin_form1 {
    /*background-image: url(images/pin.png); */
    background-color: #DFEFFC;
    background-image: none;
    display: block;
    float: right;
    margin-top: 1px;
}

.efeito_transfer {
    border: 2px dotted blue;
}


/*############################## AJUSTE DO MODAL COM DETALHES DO SISTEMA ##################################*/

#sobre {
    padding-top: 20px;
}

#sobre_sistema, #sobre_imagens {
    text-align: center;
    width: 100%;
}

a:active, a:focus {
    outline: 0;
}

img {
    border: 0px;
}

#sobre_logosig {
    float: left;
    margin-left: 35px;
}

#nome_sistema {
    font-size: 15px;
    font-weight: bold;
    margin-left: 250px;
    padding-top: 28px;
}

#sobre_imagens {
    text-align: center;
    vertical-align: middle;
}

/*############################## AJUSTE DA EXIBIÇÃO DOS RELATÓRIOS ##################################*/

#relatorio_controle ul li {
    display: inline;
    list-style: none !important;
    margin-right: 5px;
    text-align: center;
}

#relatorio_controle img {
    vertical-align: middle;
}

/*################################################ ABAS ################################################*/

#nome_pgv {
    font-size: 14px;
}

.controles_esquerda, .controles_direita {
    width: 240px;
}

#controles_direita {
    width: 240px;
}

#menu_cadastro, #menu_consultas_gerenciais, #menu_infraestrutura_urbana, #menu_obras, #menu_atendimento_cidadao, #menu_atualizacao_cadastral, #menu_administracao, #pesquisa_mobiliario, #pesquisa_sam, #pesquisa_imobiliario, #pesquisa_historico, #pesquisa_inf_urb, #pesquisa_logradouro, #pesquisa_obras, #pesquisa_geral, #resultado_pessoa_atualizacao, #resultado_protocolo {
    background-color: #fff;
    /*margin-top: 100px;*/
    width: 200px;
}

/*############################## AJUSTE DAS ABAS ##################################*/
.extruder.left .ext_wrapper {
    margin-top: -25px;
}

.extruder.left .content {
    margin-left: -1px;
    border: none;
}

.extruder.left .content, .extruder.right .content {
    width: 241px !important;
}

.extruder.left .flap .flapLabel, .extruder.right .flap .flapLabel {
    background: #fff;
}

.extruder.left .flap, .extruder.right .flap {
    background: #fff;
    color: #2E6E9E;
    margin-top: 10px;
    padding: 10px 0 10px 10px;
    position: absolute;
    right: 0;
    width: 30px;
    display: none;
}

.extruder.left .flap {
    -moz-border-radius: 0 10px 10px 0;
    -moz-box-shadow: #666 2px 0px 3px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-box-shadow: #666 2px 0px 3px;
    border-right: 1px solid #A6C9E2;
}

.extruder.right .flap {
    -moz-border-radius: 0 10px 10px 0;
    -moz-box-shadow: #666;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-box-shadow: #666;
    border-left: 1px solid #A6C9E2;
}

.recolher_esquerda {
    float: right;
    /* margin-top: -19px; */
}

.recolher_direita {
    float: right;
    display: none;
}

#pin_mapa {
    height: 12px;
    margin-left: 500px;
    margin-top: 320px;
    position: absolute;
    width: 12px;
}

#pin_mapa1 {
    height: 12px;
    margin-left: 500px;
    margin-top: 320px;
    position: absolute;
    width: 12px;
}

/*#################################### GRID ################################################*/



.mGrid {
    background-color: #fff;
    border: solid 1px #dddddd;
    border-collapse: collapse;
    width: 99% !important;
}

    .mGrid td {
        border: solid 1px #c1c1c1;
        color: #717171;
        padding: 2px;
    }

    .mGrid th {
        /*background: #424242 url(images/grid_head.png) 50% 50% repeat-x top;   */
        background: #7f8592;
        border-left: solid 1px #dddddd;
        color: #fff;
        font-size: 1em;
        padding: 4px 2px;
        text-align: center !important;
    }

    .mGrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mGrid .pgr {
        background: #5c9ccc url(grd_pgr.png) repeat-x top;
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-left: solid 1px #fff;
            border-width: 0;
            color: #fff;
            font-weight: bold;
            line-height: 12px;
            padding: 0 6px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }


/*############################## AJUSTE DOS ESPAÇO DOS ICONES PDF-DOC-XLS ##################################*/


#relatorios {
    margin: 10px;
}

#exp_relatorio {
    display: none;
    margin-top: 5px;
    text-align: center;
}

.tipo-relatorio {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .tipo-relatorio li {
        margin: 0px;
    }

.pdf-doc-xls {
    padding-left: 0px !important;
}

    .pdf-doc-xls li {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
        text-align: left;
    }

#controle_relatorio fieldset {
    border: 1px solid #c1c1c1;
    color: #2E6E9E;
    padding-left: 10px;
}

#controle_relatorio legend {
    color: #2E6E9E;
    font-weight: bold;
}


/*############################## ?????????????????????????????? ##################################*/

.canto {
    left: 0pt;
    position: fixed;
}




/*########################## Ajustes do bootstrap.css para os modais de alertas ###################################*/

.modal-body {
    margin: 0px;
    padding: 0px;
    padding: 0px;
}

.msn_alerta {
    background-color: #FEEFB3;
    background-image: url("images/msn_alerta2.png");
    background-position: 5px 6px;
    background-repeat: no-repeat;
    background-size: 60px;
    color: #9F6000;
    line-height: 65px;
    margin-left: 0px !important;
    padding-bottom: 8px;
    padding-left: 68px;
}

.msn_interrogacao {
    background-color: #BDE5F8;
    background-image: url("images/msn_help.png");
    background-position: 1px 0px;
    background-repeat: no-repeat;
    background-size: 70px;
    color: #00529B;
    line-height: 65px;
    margin-left: 0px !important;
    padding-bottom: 8px;
    padding-left: 68px;
}

.msn_sucesso {
    background-color: #DFF2BF;
    background-image: url("images/msn_sucesso.png");
    background-position: 1px 0px;
    background-repeat: no-repeat;
    background-size: 70px;
    color: #4F8A10;
    line-height: 65px;
    margin-left: 0px !important;
    padding-bottom: 8px;
    padding-left: 68px;
}

.msn_erro {
    background-color: #FFBABA;
    background-image: url("images/msn_erro.png");
    background-position: 1px 0px;
    background-repeat: no-repeat;
    background-size: 70px;
    color: #D8000C;
    line-height: 65px;
    margin-left: 0px !important;
    padding-bottom: 8px;
    padding-left: 68px;
}

.msn_informacao {
    background-color: #BDE5F8;
    background-image: url("images/msn_informacao.png");
    background-position: 1px 0px;
    background-repeat: no-repeat;
    background-size: 70px;
    color: #00529B;
    line-height: 65px;
    margin-left: 0px !important;
    padding-bottom: 8px;
    padding-left: 68px;
}

.msn_alerta_azul {
    background-color: #ddd;
    background-image: url("images/msn_alerta3.png");
    background-position: 5px 6px;
    background-repeat: no-repeat;
    background-size: 60px;
    color: #666;
    line-height: 65px;
    margin-left: 0px !important;
    padding-left: 68px;
}
.msns_alerta_azul {
    background-color: #ddd;
    background-image: url("images/msn_alerta3.png");
    background-position: 5px 6px;
    background-repeat: no-repeat;
    background-size: 60px;
    color: #666;
    line-height: 33px;
    margin-left: 0px !important;
    padding-left: 68px;
}

.Button_Pages {
    text-align: center;
    font-size: 10px;
}

.esconder-menu {
    display: none !important;
}

.buttonKml {
    background: url(../img/ico-kml.png) no-repeat;
    border: none;
    margin: 0 4px;
    height: 25px;
    text-indent: -5000px;
    width: 25px;
    cursor: pointer;
    float: right;
}

.buttonExcel {
    background: url(../img/ico-excel.png) no-repeat;
    border: none;
    margin: 0 4px;
    height: 25px;
    text-indent: -5000px;
    width: 25px;
    cursor: pointer;
    float: right;
}

.buttonMapa {
    background: url(../img/ico-excel.png) no-repeat;
    border: none;
    margin: 0 4px;
    height: 25px;
    text-indent: -5000px;
    width: 25px;
    cursor: pointer;
    float: right;
}


button.btn-mapa {
    cursor: pointer;
    background-image: url("../img/icons-rule.png");
    border: none;
    text-indent: -5000px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    float: right;
    margin: 0 4px;
}

.noIcons {
    padding: 5px 0;
    display: block;
}

button.btn-pin {
    background-position: 0 0;
}

button.btn-pin-gray {
    cursor: default;
    background-position: 0 -22px;
}

button.btn-zoomTo {
    background-position: -114px 0px;
}

button.btn-zoomTo-gray {
    cursor: default;
    background-position: -114px -23px;
}

ul.ui-autocomplete {
    z-index: 99999 !important;
}