/* Minification failed. Returning unminified contents.
(292,24): run-time error CSS1019: Unexpected token, found ' '
(292,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(451,29): run-time error CSS1034: Expected closing parenthesis, found ','
(451,29): run-time error CSS1042: Expected function, found ','
(451,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1386,27): run-time error CSS1034: Expected closing parenthesis, found ','
(1386,27): run-time error CSS1042: Expected function, found ','
(1386,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */

/* RESET ///////////////////////////////////////////////////////////////////////////////////////////*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    /*border: 0;*/
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}

fieldset, form {
    border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/*fernando*/
fieldset {
    min-width: 0;
}

body {
    line-height: 1;
}

ol, ul {
    /*list-style: none;*/
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type=radio], input[type=checkbox] {
    display: inline !important;
    vertical-align: sub;
    margin: 5px;
}

/* GERAL ///////////////////////////////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: 'Source Sans Pro', sans-serif;
}


/* BOTÕES E ÍCONES //////////////////////////////////////////////////////////////////////////////*/

icone, .material-icons, breadcrumb ul li:after, .icone {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

input[type=button].botao-pesquisar,
input[type=button],
input[type=submit],
div.ui-grid-cell input {
    padding: 6px 15px;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    background: #2358A8;
    color: #FFF;
    width: auto;
    display: inline-block;
    margin-right: 15px;
}

    input[type=button].botao-pesquisar:hover,
    input[type=button]:hover {
        background: #2358E6;
    }

input, .grid input[type=text] {
    padding: 5px;
    border: 1px solid #AAA;
    outline: none;
}

.grid {
    height: 381px;
}

    .grid input[type=text] {
        padding: 5px 0 5px 0;
    }

.grid-align-left {
    text-align: left;
}

.grid-align-center {
    text-align: center;
}

.grid-align-right {
    text-align: right;
}

select {
    padding: 4px;
    border: 1px solid #AAA;
    outline: none;
    cursor: pointer;
}

input[type=button].icone {
    padding: 3px;
    width: auto;
    border: none;
    background: none;
    font-size: 1.3em;
    color: #333;
}

form > input,
fieldset > input,
conteudo > input {
    margin: 15px;
}

form a {
    cursor: pointer;
    text-decoration: underline;
}

    form a:hover {
        color: #2358E6;
    }

input[disabled] {
    background: #DDD;
    color: #999;
    border: 1px solid #CCC;
}

input[type=button].botao-positivo,
input[value^="Salvar"],
input[value^="Confirmar"],
input[value^="Incluir"],
input[value^="Avançar"],
input[value^="Pesquisar"],
input[value^="Deferir"],
input[value^="Importar"] {
    background: #008000;
}

    input[type=button].botao-positivo:hover,
    input[value^="Salvar"]:hover,
    input[value^="Confirmar"]:hover,
    input[value^="Incluir"]:hover,
    input[value^="Avançar"]:hover,
    input[value^="Pesquisar"]:hover,
    input[value^="Deferir"]:hover {
        background: #007C3C;
    }

input[type=button].botao-negativo,
input[value^="Excluir"],
input[value^="Suspender"],
input[value^="Indeferir"] {
    background: #960000;
}

    input[type=button].botao-negativo:hover,
    input[value^="Excluir"]:hover,
    input[value^="Suspender"]:hover,
    input[value^="Indeferir"]:hover {
        background: #cc0000;
    }

input[type=button].botao-aviso,
input[value^="Cancelar"],
input[value^="Descartar"],
input[value^="Desfazer"] {
    background: #DE9000;
}

    input[type=button].botao-aviso:hover,
    input[value^="Cancelar"]:hover,
    input[value^="Descartar"]:hover,
    input[value^="Desfazer"]:hover {
        background: #DE9000;
    }

/* LAYOUT ///////////////////////////////////////////////////////////////////////////////////////////*/

body {
    min-width: 960px;
    background-color: #F3F3F4;
}

topo {
    float: left;
    width: 100%;
    clear: both;
}

sidebar {
    width: 250px;
    height: 100%;
    min-height: 96.7vh;
    float: left;
    background-color: #233646;
}

informacoes {
    max-width: 250px;
    position: inherit;
    bottom: 10px;
}

sistema, menu, informacoes {
    /*width: 15%;
    float: left;
    clear: both;
    z-index: 999;
    color: #A6BFD5;
    min-width: 220px;
    background-color: #233646;*/
    padding-top: 20px;
    z-index: 999;
    color: #A6BFD5;
    clear: both;
    background-color: #233646;
}

breadcrumb, acoes, conteudo {
    width: calc(100%) - 250px;
    display: block;
    margin-left: 250px;
}


topo, sistema, menu, breadcrumb, acoes, conteudo {
    font-size: 0.9em;
    position: relative;
    box-sizing: border-box;
}

/*#breadcrumb {
    font-size: 0.9em;
    box-sizing: border-box;
}*/

/* TOPO IDENTIFICAÇÃO GOVERNO + USUÁRIO ///////////////////////////////////////////////////////////////////////////////////////////*/

topo {
    font-size: 0.8em;
    background-color: #007C3C;
    padding: 0 10px 0 5px;
    z-index: 999;
}

    topo ul li {
        display: inline-block;
        vertical-align: middle;
    }

    topo ul.menu_do_usuario > li:hover {
        background-color: #004C25;
    }

    topo ul.brasao_governo {
        float: left;
        color: #FFF;
        text-transform: uppercase;
        font-size: 1em;
    }

    topo ul.menu_do_usuario {
        float: right;
    }

    topo ul li a {
        padding: 6px 10px 5px 5px;
        display: block;
        text-decoration: none;
        color: #FFF;
    }

    topo ul li label {
        padding: 5px 5px 5px 5px;
        text-decoration: none;
        color: #FFF;
    }

    topo ul.brasao_governo li {
        padding: 5px 0 5px 5px;
    }

.menu_do_usuario icone {
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 2px;
    font-size: 1.5em;
}

/* SISTEMA /////////////////////////////////////////////////////////////////////////////////////////*/
sistema {
    background-image: url(../../images/fundo-sigla.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
}

sigla {
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
    display: block;
    margin: 15px 15px 0 15px;
}

nome {
    display: block;
    margin: 0 15px 15px 15px;
    font-size: 15px;
}

/* MENU /////////////////////////////////////////////////////////////////////////////////////*/

menu a {
    color: #A6BFD5;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
}

menu ul {
    margin: 10px 0 0 0;
}

    menu ul li {
        display: block;
        padding: 10px 15px;
    }

        menu ul li ul {
            /*padding-left: 15px;*/
        }

            menu ul li ul li {
                font-weight: 300;
            }

            menu ul li ul ul {
                padding-left: 0;
            }

    menu ul > li ul {
        display: none;
    }

menu li:hover {
    background-color: #03625F;
}

menu li a:hover {
    color: #FFFFFF;
}


menu .pesquisa_container {
    width: 90%;
    margin: 0 15px;
    display: inline-block;
    position: relative;
}

menu .pesquisa {
    background-color: rgba(0,0,0,0.3);
    /*color: rgb(28,43,56);*/
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 5px;
    width: 90%;
    border-radius: 50px;
}

menu input[type=text]:focus {
    color: black;
    background-color: rgba(255,255,255,0.9);
}

menu input[type=text]::placeholder {
    color: rgb(166, 191, 213, .8);
    padding-left: 7px;
}

menu .pesquisa_container icone {
    color: rgba(200,200,200,0.8);
    position: absolute;
    font-size: 1.1em;
    cursor: pointer;
    float: right;
    right: 23px;
    top: 6px;
}

informacoes {
    border-radius: 0 0 5px 0;
    margin-bottom: 30px;
}

informacao {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.2);
    cursor: help;
    display: block;
    margin: 15px;
    padding: 5px;
}

    informacao:hover {
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 0.8);
    }

/* BREADCRUMB /////////////////////////////////////////////////////////////////////*/
breadcrumb {
    background-color: #FFF;
}

    breadcrumb ul li:first-child {
        display: inline-block;
        padding: 10px 0 0 15px;
    }

    breadcrumb ul li {
        display: inline-block;
        padding: 10px 0 0 0;
    }

        breadcrumb ul li a {
            text-decoration: none;
            font-size: 1em;
            vertical-align: middle;
            color: inherit;
            text-transform: uppercase;
        }

            breadcrumb ul li a * {
                vertical-align: middle;
                margin: 0 3px;
            }

        breadcrumb ul li:after {
            content: "‣";
            font-size: 0.9em;
            vertical-align: middle;
            padding: 0 0 0 5px;
        }

        breadcrumb ul li:last-child {
            font-size: 2em;
            font-weight: 300;
            display: block;
            padding: 0 0 10px 15px;
        }

            breadcrumb ul li:last-child:after {
                content: '';
                margin: 0 -14px 0 5px;
                top: 2px;
                position: relative;
            }

/* ACOES ///////////////////////////////////////////////////////////////////////////////*/

acoes {
    background-color: #D5E0EA;
    border-top: 1px solid #ccc;
}

    acoes h1 {
        font-size: 1.5em;
        display: inline-block;
        margin: 0 10px -2px;
        text-transform: uppercase;
        vertical-align: middle;
        font-weight: normal;
    }

    acoes .icone[name=voltar] {
        vertical-align: middle;
        border-radius: 50px;
        height: 50px;
        width: 50px;
        background: #FFF;
        padding: 0;
        color: #444;
        display: inline-block;
        margin: 10px 0 5px 0;
    }

    acoes h2 {
        font-size: 1.5em;
        margin: 10px 0 10px 15px;
    }

    acoes label {
        display: inline-block;
        margin: 0 0 5px 15px;
        vertical-align: baseline;
    }

        acoes label > * {
            display: block;
            margin: 0 0 5px 0;
        }

    acoes fieldset {
        margin-top: 15px;
    }

    acoes label > span:first-child {
        font-weight: bold;
        font-family: 'Roboto';
    }

/* CONTEUDO /////////////////////////////////////////////////////////////////////////*/
conteudo {
    border-top: 1px solid #CCCCCC;
}

    conteudo fieldset {
        border: 1px solid #E2E2E6;
        margin: 50px 15px 15px;
        background-color: #FFF;
    }

        conteudo fieldset.ui-grid-content {
            border: none;
        }

        conteudo fieldset.fieldset-controles {
            margin-top: 15px;
        }


    conteudo legend {
        font-size: 1.5em;
        float: left;
        margin: -30px 0 0 0;
    }

        conteudo legend.legend-interno {
            font-size: 16px;
        }

    conteudo label {
        display: inline-block;
        margin: 15px;
        vertical-align: baseline;
    }

        conteudo label > * {
            display: block;
            margin: 0 0 5px 0;
        }

        conteudo label > span:first-child {
            font-weight: bold;
            font-family: 'Roboto';
        }

    conteudo div.scroll-horizontal {
        max-width: calc(100% - 15px);
        overflow-x: auto;
    }



.elementoTelaToda {
    width: calc(100% - 30px) !important;
}


/* TROCAR UNIDADE ESCOLAR ///////////////////////////////////////////////////////////////////////////*/
.divTrocarUnidade {
    display: block;
    position: fixed;
    z-index: 9998;
    border: 1px solid #aaa;
    padding: 25px;
    border-radius: 0 0 20px 20px;
    background: beige;
    width: 50%;
    left: 50%;
    margin-left: -25%;
}

    .divTrocarUnidade h2 {
        font-size: 1.5em;
        display: block;
        margin: 0 0 15px;
    }

    .divTrocarUnidade label {
        display: block;
        margin: 0 15px 0 0;
        width: 100%;
    }

        .divTrocarUnidade label > * {
            display: block;
            margin: 5px 0;
            width: 100%;
            box-sizing: border-box;
        }

        .divTrocarUnidade label select {
            padding: 4px;
            border: 1px solid #AAA;
            outline: none;
            cursor: pointer;
            width: 100%;
        }

    .divTrocarUnidade > *:not(label) {
        margin: 10px 15px 10px 0;
    }

    .divTrocarUnidade ul.dropdown-menu {
        position: absolute;
        background: #FFF;
        margin: 5px 20px 0 0;
        border: 1px solid #AAA;
        width: auto;
    }

    .divTrocarUnidade ul li.active {
        background: khaki;
    }

    .divTrocarUnidade ul li, .divTrocarUnidade ul li:first-child, .divTrocarUnidade ul li:last-child {
        display: block;
        line-height: 1px;
        padding: 5px 0px 0px 0px;
        font-size: 1em;
        font-weight: normal;
    }

        .divTrocarUnidade ul li span {
            /*display: block;*/
            /*padding-top: 5px;*/
            line-height: 1;
        }

    .divTrocarUnidade a strong {
        margin: 0;
        vertical-align: baseline;
        text-decoration: underline;
    }

    .divTrocarUnidade ul li:after {
        content: '';
    }

.dropdown-menu {
    width: calc(100% - 51px) !important;
    height: auto;
    max-height: 145px;
    overflow: auto;
    border: 1px solid #AAA;
    position: absolute;
    background: white;
    z-index: 1000;
}

    .dropdown-menu li:hover {
        background-color: khaki;
        cursor: pointer;
    }

.dropdown-municipio {
    top: 111px;
}

.dropdown-escola {
    top: 186px;
}

.txtTrocaUnidadeEscolar {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    border-left: 1px solid #AAA;
    display: inline-block !important;
    width: 95% !important;
}

i.icone {
    width: 5%;
    height: 27px;
    cursor: pointer;
    z-index: 999;
    display: inline-block;
    margin-top: 2px;
    margin-left: -1px;
    vertical-align: middle;
    background-color: white;
    border-top: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

i.icone-municipio {
    top: 82px;
}

i.icone-escola {
    top: 152px;
}

i.icone:active {
    background-color: #d5d5d5;
}

/* ALERTAS ////////////////////////////////////////////////////////////////////////////////////*/
alertas {
    position: fixed;
    display: block;
    right: -360px;
    width: 350px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

alerta {
    width: 280px;
    display: block;
    opacity: 0;
    position: relative;
    padding: 15px 35px 15px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 10px;
}

    alerta::after {
        content: 'x';
        display: inline-block;
        padding: 4px 10px;
        text-align: center;
        background-color: rgba(0,0,0,0.3);
        margin: 12px 10px;
        font-size: 0.9em;
        cursor: pointer;
        border-radius: 10px 10px 10px 0;
        -moz-border-radius: 10px 10px 10px 0;
        -webkit-border-radius: 10px 10px 0 10px;
        top: 0px;
        position: absolute;
        right: 0;
    }

.positivo {
    background-color: #1ab394;
    color: #FFFFFF;
}

    .positivo legend {
        color: #0A866D;
    }

.negativo {
    background-color: #ED5565;
    color: #FFFFFF;
}

    .negativo legend {
        color: #D02C3D;
    }


.aviso {
    background-color: #f8ac59;
    color: #FFFFFF;
}

    .aviso legend {
        color: #E48114;
    }

.info {
    background-color: #f8ac59;
    color: #FFFFFF !important;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.fdsAba {
    margin-top: 15px;
}

.fdsPesquisar {
    margin-top: 15px;
    background-color: #D5E0EA;
    border-top: 1px solid #ccc;
}

.fdsPesquisarAba {
    background-color: #D5E0EA;
}

.fdsNegativo {
    background-color: #ED5565;
    color: #FFFFFF;
    margin-top: 15px;
}

.fdsPositivo {
    background-color: #1ab394;
    color: #FFFFFF;
    margin-top: 15px;
}

.validation {
    margin-top: 5px;
    float: left;
    display: block;
    position: absolute;
    cursor: help;
    z-index: 10;
}

.text-danger {
    padding: 5px;
    max-width: 160px;
    color: red;
    border: 1px solid red;
    background: rgb(255, 238, 238);
    margin-top: -2px;
}

.text-danger-grid {
    margin-top: 10px;
}

/* GRIDS ////////////////////////////////////////////////////////////////////////////*/

.ui-grid-top-panel, .ui-grid-header-cell, .ui-grid-header-canvas, .ui-grid-header-viewport {
    background-color: #D5E0EA;
}

[ui-grid-row=row]:hover *:not(input) {
    background: #F0E68C !important;
}

.ui-grid-viewport {
    background: #FFF;
}

.ui-grid-header-cell {
    font-size: 1.1em;
    font-weight: 400;
    padding: 5px 0;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
    margin: 10px 0;
    display: inline-block;
}

.ui-grid-pager-panel {
    border: 1px solid #CCC;
    margin: -1px;
    /*padding: 10px 0 8px 0;*/
    background: #DDD;
    bottom: -7px;
}

input.ui-grid-pager-control-input {
    padding: 0px;
    height: 23px;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
    vertical-align: middle;
}

/* TABELAS //////////////////////////////////////////////////////////////////////////////////////////*/
conteudo fieldset table {
    margin: 15px;
    width: calc(100% - 30px);
}

    conteudo fieldset table tbody tr:nth-child(2n+1) {
        background: #E5E5E5;
    }

    conteudo fieldset table.ignorar-zebrado tbody tr {
        background: #FFFFFF;
    }

    conteudo fieldset table tbody tr:hover {
        background-color: khaki;
    }

    conteudo fieldset table td {
        /*border: 1px solid #fff;*/
        padding: 5px;
    }

        conteudo fieldset table td * {
            vertical-align: middle;
        }

        conteudo fieldset table td label.botao {
            vertical-align: bottom;
        }

    conteudo fieldset table th,
    conteudo fieldset thead td {
        background-color: rgba(180,180,180,0.2);
        text-transform: uppercase;
        padding: 10px 30px 10px 5px;
        text-align: left;
    }

        conteudo fieldset table th.coluna-checkbox {
            padding: 10px 5px 10px 5px;
            width: 17px;
        }

    conteudo fieldset table caption {
        padding: 10px;
        font-size: 1.1em;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        background-color: rgb(84, 135, 155);
        color: rgba(255,255,255,1);
    }

    conteudo fieldset table thead {
        border: 1px solid rgb(84, 135, 155);
    }

    conteudo fieldset table tbody {
        border: 1px solid rgb(84, 135, 155);
    }


/* DROP DOWN COM PESQUISA ///////////////////////////////////////////////////////////////////////////*/
.drop_down {
    display: block;
    position: relative;
}

    .drop_down .content {
        display: none;
    }

    .drop_down .content {
        border: 1px solid rgba(0,0,0,0.3);
        margin-top: 3px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        position: absolute;
        background-color: #FFF;
        max-height: 200px;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: +1;
    }

    .drop_down input[type='button'] {
        text-align: left;
        padding: 0.54em 0.54em 0.54em 30px;
        white-space: pre-wrap;
        position: relative;
        width: 100%;
        min-width: 125px;
    }

    .drop_down icone {
        position: absolute;
        cursor: pointer;
        margin-bottom: -25px;
        left: 3px;
        top: 3px;
    }

    .drop_down .pesquisa {
        width: calc(100% - 50px);
        background: none;
        padding: 10px 10px 10px 40px;
    }

        .drop_down .pesquisa:focus {
            outline: none;
        }

    .drop_down .content icone {
        position: absolute;
        top: 7px;
        left: 7px;
    }

    .drop_down li:hover {
        background-color: rgba(0,0,0,0.1);
    }

    .drop_down li a {
        padding: 10px;
        display: block;
        width: 100%;
    }

.resultadosPesquisaUnidadeEscolar {
    height: 20px;
}

.glyphicon {
    position: relative;
    top: -25px;
    left: 610px;
}


/* BOOTSTRAP ACCORDION ///////////////////////////////////////////////////////////////////////////*/
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
}

.panel-body {
    padding: 15px;
}

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        background-color: #f5f5f5;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

.panel-heading {
    padding: 10px 15px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.text-muted {
    color: #777;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        background-color: #f5f5f5;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

.tooltip {
    position: relative;
}

    .tooltip:before, .tooltip:after {
        position: absolute;
        transition: All 0.5s ease;
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
        bottom: 300%;
        display: block;
        color: #000;
        opacity: 0;
        visibility: hidden;
    }

    .tooltip:before {
        content: attr(texto-tooltip);
        border: solid 1px orange;
        background: lightyellow;
        width: auto;
        font-family: Verdana;
        font-size: 12px;
        text-align: center;
        z-index: 999;
        padding: 5px 10px;
        border-radius: 3px;
        margin-bottom: 15px;
    }

    .tooltip:after {
        content: '\25c6';
        width: 15px;
        height: 15px;
        z-index: 998;
        color: orange;
        font-size: 30px;
        line-height: 2px;
        margin: -20px 0 0 10px;
    }

    .tooltip:hover:before, .tooltip:hover:after {
        bottom: 80%;
        opacity: 1;
        visibility: visible;
    }

.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block !important;
}

.animate-show.ng-hide-remove {
    opacity: 0;
    -webkit-transform: translate(0px,-40px);
    -moz-transform: translate(0px,-40px);
    -ms-transform: translate(0px,-40px);
    -o-transform: translate(0px,-40px);
    transform: translate(0px,-40px);
}

    .animate-show.ng-hide-remove.ng-hide-remove-active {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }

.animate-show.ng-hide-add {
    opacity: 1;
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    transform: translate(0px,0px);
}

    .animate-show.ng-hide-add.ng-hide-add-active {
        opacity: 0;
        -webkit-transform: translate(0px,-40px);
        -moz-transform: translate(0px,-40px);
        -ms-transform: translate(0px,-40px);
        -o-transform: translate(0px,-40px);
        transform: translate(0px,-40px);
    }

.cg-busy {
    position: fixed;
    z-index: 10000;
}

.modal {
    margin-top: 15%;
    padding: 20px;
}

    .modal h2 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .modal.positivo h2 {
        color: #0A866D;
    }

    .modal.negativo h2 {
        color: #FFFFFF;
    }

    .modal.aviso h2 {
        color: #E48114;
    }

    .modal .texto-modal {
        margin: 20px auto 20px auto;
        max-width: 700px;
    }

/* WIZARD E ABAS */

ul.nav {
    margin: 15px;
}

ul.nav-tab {
    overflow: hidden;
    padding-top: 20px;
    background-color: #f9f9f9;
    border: 1px solid #d4d4d4;
    position: relative;
}

ul.nav-wizard {
    background-color: #f9f9f9;
    border: 1px solid #d4d4d4;
    /*-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
    *zoom: 1;
    position: relative;
    overflow: auto;
    min-height: 30px;
    height: auto;
}

    ul.nav-wizard:before {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 46px;
        height: 47px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        z-index: 11;
        content: " ";
    }

    ul.nav-wizard:after {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 138px;
        height: 47px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        z-index: 11;
        content: " ";
    }

    ul.nav-wizard li {
        position: relative;
        float: left;
        height: 30px;
        display: inline-block;
        padding: 0 10px 0 20px;
        margin: 0;
        line-height: 30px;
    }

ul.nav-tab li.link-ativo:hover {
    color: rgb(255,255,255,0.8);
    cursor: pointer;
    text-decoration: none;
}

ul.nav-wizard li.link-ativo:hover {
    color: #09229c;
    cursor: pointer;
    text-decoration: none;
}

ul.nav-wizard li:before {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #54879B;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -16px;
}

ul.nav-wizard li:after {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #f9f9f9;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -15px;
}

ul.nav-tab li.active {
    background-color: #d5e0ea;
    color: black;
}

ul.nav-wizard li.active {
    color: #54879B;
    background: #D5E0EA;
    border: 1px solid #ccc;
    cursor: default;
}

    ul.nav-wizard li.active:after {
        border-left: 16px solid #D5E0EA;
    }

    ul.nav-wizard li.active a,
    ul.nav-wizard li.active a:active,
    ul.nav-wizard li.active a:visited,
    ul.nav-wizard li.active a:focus {
        color: #3a87ad;
        background: #d9edf7;
    }

ul.nav-wizard .active ~ li {
    color: #999999;
    background: #D5E0EA;
}

    ul.nav-wizard .active ~ li:after {
        border-left: 16px solid #D5E0EA;
    }

    ul.nav-wizard .active ~ li a,
    ul.nav-wizard .active ~ li a:active,
    ul.nav-wizard .active ~ li a:visited,
    ul.nav-wizard .active ~ li a:focus {
        color: #999999;
        background: #ededed;
    }

ul.nav-wizard.nav-wizard-backnav li:hover {
    color: #468847;
    background: #f6fbfd;
}

    ul.nav-wizard.nav-wizard-backnav li:hover:after {
        border-left: 16px solid #f6fbfd;
    }

    ul.nav-wizard.nav-wizard-backnav li:hover a,
    ul.nav-wizard.nav-wizard-backnav li:hover a:active,
    ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
    ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
        color: #468847;
        background: #f6fbfd;
    }

ul.nav-wizard.nav-wizard-backnav .active ~ li {
    color: #999999;
    background: #ededed;
}

    ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
        border-left: 16px solid #ededed;
    }

    ul.nav-wizard.nav-wizard-backnav .active ~ li a,
    ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
    ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
    ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
        color: #999999;
        background: #ededed;
    }

/* ABAS  */

ul.nav-tab {
    /*height: 33px;*/
    border: 0;
    margin: 0;
}



    ul.nav-tab li {
        position: relative;
        float: left;
        display: inline-block;
        margin: 6px 6px 0 0;
        padding: 10px 30px 10px 30px;
        border-radius: 3px 3px 0 0;
        height: 15px;
    }

        ul.nav-tab li:first-child {
            margin-left: 15px;
        }

    ul.nav-tab .link-ativo {
        color: #fff;
        background: #4e7eab;
    }

/* FIM WIZARD E ABAS */

.sem-borda {
    border: 0;
}

.sem-borda-top {
    border-top: none;
}

.sem-borda-bottom {
    border-bottom: none;
}

.sem-borda-left {
    border-bottom: none;
}

.sem-borda-right {
    border-bottom: none;
}

.texto-maiusculo {
    text-transform: uppercase;
}

.texto-italico {
    font-style: italic;
}

/**  PARA USAR EM "tabelas" GERADAS COM DIVS  **/

.even {
    background-color: #E5E5E5;
}



/**  NOTIFICAÇÕES SISTEMA  **/

.qtdeNotificacoes {
    background-color: #FE6363;
    padding: 0 4px 0 4px;
    border-radius: 3px;
    font-size: 10px;
    position: absolute;
    top: 5px;
    margin-left: 22px;
}

.notificacoes {
    position: absolute;
    border: 1px solid #E3E3E3;
    border-radius: 0 0 3px 3px;
    margin-left: -258px;
    width: 300px;
    background-color: #FFF;
}

    .notificacoes ul {
        padding: 5px;
    }

        .notificacoes ul li {
            width: 100%;
        }

            .notificacoes ul li.visualizado {
                background-color: #EDEDED;
            }

            .notificacoes ul li:hover,
            .notificacoes ul li a:hover {
                background-color: #E3E3E3;
            }

            .notificacoes ul li a {
                color: #000;
            }

            .notificacoes ul li h4 {
                font-weight: bold;
            }

            .notificacoes ul li p {
                margin-top: 5px;
            }

                .notificacoes ul li p.qtde {
                    margin-top: 10px;
                    text-align: right;
                    font-weight: 600;
                }

                    .notificacoes ul li p.qtde b {
                        color: #FE6363;
                    }

            .notificacoes ul li input[type=button] {
                display: none;
                position: absolute;
                margin-top: 5px;
                margin-left: 265px;
                background-color: #feb5b5;
                border: 1px solid #D5D5D5;
                border-radius: 3px;
                padding: 2px;
                font-size: 1em;
            }

            .notificacoes ul li:hover input[type=button] {
                display: block;
            }


select:focus, input[type=text]:focus, input[type=password]:focus {
    background-color: #d8d897;
}

button:focus {
    border: 1px solid #d8d897;
}

/*Estilos Dica*/
button.botao-ajuda {
    border-radius: 5px;
    background: #ffb33d;
    border: 0;
    font-weight: bold;
    padding: 5px 14px;
    color: #fff;
}

    button.botao-ajuda img {
        vertical-align: middle;
        margin-right: 4px;
    }

    button.botao-ajuda span {
        vertical-align: middle;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.41);
    }

    button.botao-ajuda:hover,
    button.botao-fechar:hover {
        cursor: pointer;
    }


/* WIZARD ///////////////////////////////////////////////////////////////////////////*/
.wizard {
    margin-left: 15px;
    margin-right: 25px;
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E2E6;
    position: relative;
    overflow: hidden;
}

    .wizard li {
        background-color: #d5e0ea;
        border-radius: 5px;
        display: inline-block;
        padding: 10px 30px 10px 40px;
        width: auto;
        position: relative;
        float: left;
        height: 15px;
    }

        .wizard li:hover {
            cursor: pointer;
        }

        .wizard li::before, .wizard li::after {
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            border-color: transparent;
            border-left-color: #f3f3f4;
            border-radius: 10px;
        }

        .wizard li::before {
            border-width: 25px;
            margin-top: -17px;
            margin-left: 84px;
            z-index: 10;
            position: absolute;
            right: -50px;
        }


        .wizard li::after {
            border-left-color: #d5e0ea;
            border-width: 21px;
            margin-top: -14px;
            margin-left: 25px;
            z-index: 10;
        }

        .wizard li.selected {
            background-color: #4e7eab;
            color: #fff;
            cursor: default;
        }

            /*Todos os 'li' após a classe selected */
            .wizard li.selected ~ li {
                cursor: default;
            }

            .wizard li.selected::after {
                border-left-color: #4e7eab;
            }

        .wizard li:last-child::after {
            border-left-color: transparent;
        }

        .wizard li:last-child::before {
            border-left-color: transparent;
        }


.periodoVigenciaVencido {
    background-color: #3498DB;
}

.designadoParaFuncaoAdministrativa {
    background-color: #2ECC71;
}

.atosRevogados {
    background-color: #F39C12;
}

.atosAnulados {
    background-color: #9B59B6;
}

.atosNotificados {
    background-color: #1ABC9C;
}

.legendaPeriodoVigenciaVencido {
    background-color: #3498DB;
    height: 10px;
    width: 10px;
    float: left;
    border-style: solid;
    border-width: thin;
}

.legendaDesignadoParaFuncaoAdministrativa {
    background-color: #2ECC71;
    height: 10px;
    width: 10px;
    float: left;
    border-style: solid;
    border-width: thin;
}

.legendaAtosRevogados {
    background-color: #F39C12;
    height: 10px;
    width: 10px;
    float: left;
    border-style: solid;
    border-width: thin;
}

.legendaAtosAnulados {
    background-color: #9B59B6;
    height: 10px;
    width: 10px;
    float: left;
    border-style: solid;
    border-width: thin;
}

.legendaAtosNotificados {
    background-color: #1ABC9C;
    height: 10px;
    width: 10px;
    float: left;
    border-style: solid;
    border-width: thin;
}

.textoLegenda {
    text-align: left;
    float: left;
    display: block;
}

.tituloLegenda {
    font-weight: bold;
    margin-bottom: 10px;
}