/* Custom */ /*
 *  PRODEST - www.prodest.es.gov.br - Copyright 2012 
 *
 *  @Autor: Daniel Hoisel
 *  @Data de criação : 02/10/2012
 *
 *  COLOQUE O CSS DA APLICAÇÃO NESSE ARQUIVO
 * /

/* =============================================================================
   GERAL
   ========================================================================== */
.clearfix
{
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after
    {
        display: table;
        content: "";
    }

    .clearfix:after
    {
        clear: both;
    }

html
{
    overflow-y: scroll;
    height: 100%;
}

body
{
    -ms-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    font-size: 13px;
    font-family: Tahoma, verdana, Arial, sans-serif;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJbt271YYTxQRxvb+8tYAEYB8RmROaABAC5+w5wh0sRswAAAABJRU5ErkJggg==);
    height: 100%;
}

.ie body
{
    font-family: Arial,sans-serif !important;
}

    .ie body input,
    .ie body button,
    .ie body textarea,
    .ie body select
    {
        font-family: Arial,sans-serif !important;
    }


form input[disabled], form select[disabled]
{
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

/*form .input-group{ float: left;}*/

form .form-control
{
    font-size: 1em;
    /*display: inline-block;
    float: left;*/
}


input[type="radio"], input[type="checkbox"]
{
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-weight: bold;
}

h5
{
    font-size: 1.2em;
    /*12px*/
}


a
{
    cursor: pointer;
}


/* =============================================================================
   TABELAS
   ========================================================================== */


.table-responsive
{
    min-height: 0;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

    .table-responsive > .table
    {
        margin-bottom: 0;
    }

        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > td
        {
            white-space: nowrap;
        }

    .table-responsive > .table-bordered
    {
        border: 0;
    }

        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child
        {
            border-left: 0;
        }

        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child
        {
            border-right: 0;
        }

        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td
        {
            border-bottom: 0;
        }



body table.table td
{
    text-align: center;
}

    body table.table td.left
    {
        text-align: left;
    }

    body table.table td.right
    {
        text-align: right;
    }

    body table.table td.hora
    {
        font-family: Courier New;
        color: #8b7505;
    }

    body table.table td.data
    { /*font-family: Courier New;*/
        color: #155588;
    }


body table.table th
{
    text-align: center;
}

    body table.table th.left
    {
        text-align: left;
    }

    body table.table th.right
    {
        text-align: right;
    }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th
{
    background-color: #F1F0F0;
}

.table thead a.ordered
{
    color: #333;
}


.table thead a
{
    color: #2060A0;
}

    .table thead a:hover
    {
        text-decoration: none !important;
        color: #73ABE4;
    }

/* =============================================================================
   Estados
 ========================================================================== */
.table tbody tr.pendente td
{
    color: #9b6b09;
    background-color: #fafad9;
}

.table tbody tr.pendente:hover td
{
    background-color: #faf2cc;
}


/*thead th
{
    background-color: whiteSmoke;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(to bottom, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
}*/


/* =============================================================================
   Grid
   ========================================================================== */
.grid, .grid *
{
    font-size: 13px;
}
/*paginação*/
select[data-ajax=true]
{
    cursor: pointer;
    width: 55px;
    border: 1px solid #CCC;
    padding: 6px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* =============================================================================
   HEADERS 
   ========================================================================== */
.header-container header
{
    background-color: #fbfbfb;
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    border-left: 10px solid white;
    border-right: 10px solid white;
    padding-top: 15px;
    padding-bottom: 15px;
}
    /****** nome da aplicação ******/
    .header-container header .nome-app
    {
        margin-left: 10px;
    }

    /****** logo do governo ******/
    .header-container header .governo-logo
    {
        float: right;
        margin-right: 15px;
    }




/* =============================================================================
   PAGE HEADERS 
   ========================================================================== */
.page-header
{
    font-weight: bold;
    color: #024376;
    border-bottom: 4px solid #024376;
    padding: 10px 10px 5px 15px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJbt271YYTxQRxvb+8tYAEYB8RmROaABAC5+w5wh0sRswAAAABJRU5ErkJggg==);
    margin-bottom: 20px;
    z-index: 999;
    margin-top: 0;
}

    .page-header.rosa
    {
        border-bottom: 4px solid #c62677;
    }

    .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6
    {
        color: #024376;
    }

    .page-header.rosa h1, .page-header.rosa h2, .page-header.rosa h3, .page-header.rosa h4, .page-header.rosa h5, .page-header.rosa h6
    {
        color: #c62677;
    }



/*/* =============================================================================
   Toastr
   ========================================================================== */
#toast-container
{
    /*font-size: 12px;*/
    width: 80%;
    z-index: 999999;
}



    #toast-container > .toast:hover
    {
        -moz-box-shadow: 0 0 12px #000000;
        -webkit-box-shadow: 0 0 12px #000000;
        box-shadow: 0 0 12px #000000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #toast-container > .toast
    {
        width: 100%;
    }

/* =============================================================================
   MENU
   ========================================================================== */
nav.menu ul
{
    background: #f1f5f6;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2UzZThlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWQ4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f1f5f6 0%, #e3e8ec 46%, #cad8db 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f5f6), color-stop(46%, #e3e8ec), color-stop(100%, #cad8db));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f5f6 0%, #e3e8ec 46%, #cad8db 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f5f6 0%, #e3e8ec 46%, #cad8db 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f5f6 0%, #e3e8ec 46%, #cad8db 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f1f5f6 0%, #e3e8ec 46%, #cad8db 100%);
    /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f6', endColorstr='#cad8db',GradientType=0 )";
    /* IE6-8 */
    border-top: 1px solid #e4ebed;
    border-left: 1px solid #e4ebed;
    border-right: 1px solid #e4ebed;
    font-size: 1.15em;
    /* 15px */
    list-style-type: none;
    text-transform: uppercase;
    color: #3d464c;
    padding: 10px 0px 10px 10px;
    margin: 0px;
    *zoom: 1;
    list-style: none;
}

    nav.menu ul:before,
    nav.menu ul:after
    {
        display: table;
        content: "";
    }

    nav.menu ul:after
    {
        clear: both;
    }

nav.menu li
{
    float: left;
    margin: 0px 9px 0px 8px;
}

    nav.menu li a
    {
        color: #3d464c;
    }

        nav.menu li a:hover
        {
            color: #024376;
            text-decoration: none;
        }

        nav.menu li a:active
        {
            color: #024376;
            text-decoration: none;
        }

        nav.menu li a.active
        {
            color: #c62677;
        }

    nav.menu li.primeiro
    {
        margin-left: 20px;
    }



/* =============================================================================
   RODAPÉ
   ========================================================================== */
footer
{
    *zoom: 1;
}

    footer:before,
    footer:after
    {
        display: table;
        content: "";
    }

    footer:after
    {
        clear: both;
    }

#faixa-rodape
{
    width: 100%;
    overflow: hidden;
    height: 55px;
    margin-top: 0;
    padding-bottom: 0;
    background-image: url(../Imagens/bg-faixa-rodape3.gif);
    background-repeat: repeat-x;
    float: left;
}

    #faixa-rodape #logoProdest
    {
        width: 280px;
        height: 8px;
        padding-top: 1px;
        margin: 10px auto 0 auto;
        padding-left: 13px;
        color: white;
        font-size: 0.769em;
        /*10px*/
        text-transform: uppercase;
        text-align: center;
        float: left;
    }

    #faixa-rodape #copyright
    {
        width: 280px;
        height: 8px;
        padding-top: 1px;
        margin: 20px auto 0 auto;
        padding-left: 13px;
        color: white;
        font-size: 0.769em;
        /*10px*/
        text-transform: uppercase;
        text-align: center;
    }




/* =============================================================================
   BOTÕES
   ========================================================================== */
.btn-primary
{
    /*  gradientBar will set the background to a pleasing blend of these, to support IE<=9 */
    background-color: #b7226d;
    background-image: -moz-linear-gradient(top, #c62677, #a11c5f);
    /*  FF 3.6+ */
    background-image: -ms-linear-gradient(top, #c62677, #a11c5f);
    /*  IE10 */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c62677), to(#a11c5f));
    /*  Safari 4+, Chrome 2+ */
    background-image: -webkit-linear-gradient(top, #c62677, #a11c5f);
    /*  Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #c62677, #a11c5f);
    /*  Opera 11.10 */
    background-image: linear-gradient(top, #c62677, #a11c5f);
    /*  The standard */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62677', endColorstr='#a11c5f', GradientType=0);
    /*  IE9 and down */
    border-color: #a11c5f #a11c5f #601139;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #a11c5f;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    /*  in these cases the gradient won't cover the background, so we override */
    /*  IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves */
    color: white;
    text-shadow: none;
}


    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled]
    {
        background-color: #a11c5f;
        *background-color: #8b1852;
    }

    .btn-primary:active,
    .btn-primary.active
    {
        background-color: #761445 \9;
    }


/* =============================================================================
   ACESSIBILIDADE
   ========================================================================== */
.barra-acessibilidade
{
    background: #f9fbfc;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y5ZmJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f9fbfc 1%, #e3eaed 67%, #c8d7dc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9fbfc), color-stop(67%, #e3eaed), color-stop(100%, #c8d7dc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9fbfc 1%, #e3eaed 67%, #c8d7dc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9fbfc 1%, #e3eaed 67%, #c8d7dc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9fbfc 1%, #e3eaed 67%, #c8d7dc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9fbfc 1%, #e3eaed 67%, #c8d7dc 100%);
    /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfc', endColorstr='#c8d7dc',GradientType=0 )";
    /* IE6-8 */
    border-top: 1px solid #e4ebed;
    border-left: 1px solid #e4ebed;
    border-right: 1px solid #e4ebed;
    margin: 0px;
    padding: 5px 0 5px 0;
}

    .barra-acessibilidade a
    {
        padding: 3px 16px 3px 23px;
        background-repeat: no-repeat;
        text-transform: uppercase;
        font-size: 0.77em;
        /* 10px */
        line-height: 18px;
        color: #3d464c;
    }

        .barra-acessibilidade a.paginaInicial
        {
            margin-left: 10px;
            padding-bottom: 0px;
            width: 15px;
            height: 14px;
            background-image: url(../Imagens/sprite0.png);
            background-position: 6px -66px;
        }

        .barra-acessibilidade a.enviarPorEmail
        {
            padding-top: 0px;
            padding-bottom: 0px;
            width: 16px;
            height: 10px;
            background-image: url(../Imagens/sprite0.png);
            background-position: 5px -25px;
        }

        .barra-acessibilidade a.imprimir
        {
            padding-bottom: 0px;
            padding-top: 2px;
            width: 14px;
            height: 14px;
            background-image: url(../Imagens/sprite0.png);
            background-position: 6px -52px;
        }

        .barra-acessibilidade a.comunicarErros
        {
            padding-bottom: 0px;
            padding-top: 2px;
            width: 15px;
            height: 14px;
            background-image: url(../Imagens/sprite0.png);
            background-position: 6px -37px;
        }

        .barra-acessibilidade a:hover
        {
            color: #c62677;
            text-decoration: none;
        }

    .barra-acessibilidade .tamanho-texto,
    .barra-acessibilidade span.contraste
    {
        width: 195px;
        text-transform: uppercase;
        font-size: 0.77em;
        /* 10px */
        margin-left: auto;
        display: inline-block;
    }

        .barra-acessibilidade .tamanho-texto a,
        .barra-acessibilidade span.contraste a
        {
            padding: 3px 11px;
        }

            .barra-acessibilidade .tamanho-texto a.btn-normal-fontsize,
            .barra-acessibilidade span.contraste a.btn-normal-fontsize,
            .barra-acessibilidade .tamanho-texto a.btn-aumentar-fontsize,
            .barra-acessibilidade span.contraste a.btn-aumentar-fontsize,
            .barra-acessibilidade .tamanho-texto a.btn-diminuir-fontsize,
            .barra-acessibilidade span.contraste a.btn-diminuir-fontsize
            {
                padding-top: 2px;
                padding-bottom: 1px;
                width: 16px;
                height: 12px;
                background-image: url(../Imagens/sprite0.png);
                background-position: 6px -100px;
            }

            .barra-acessibilidade .tamanho-texto a.btn-diminuir-fontsize,
            .barra-acessibilidade span.contraste a.btn-diminuir-fontsize
            {
                background-position: 6px -13px;
            }

            .barra-acessibilidade .tamanho-texto a.btn-aumentar-fontsize,
            .barra-acessibilidade span.contraste a.btn-aumentar-fontsize
            {
                background-position: 6px 0px;
            }

    .barra-acessibilidade span.contraste
    {
        width: 110px;
        margin-left: 0px;
        cursor: pointer;
    }

        .barra-acessibilidade span.contraste a
        {
            padding: 4px 8px;
            background-image: url(../Imagens/sprite0.png);
            background-position: 0px -258px;
        }

    .barra-acessibilidade .redes a
    {
        padding: 3px 10px;
    }

    .barra-acessibilidade [class^="icon-"], .barra-acessibilidade [class*=" icon-"]
    {
        display: inline;
    }


    .barra-acessibilidade #loginStatus
    {
        margin-right: 20px;
        min-width: 20%;
        text-align: right;
    }

        .barra-acessibilidade #loginStatus a
        {
            padding: 0px;
        }

.box
{
    background: #f6f8f9;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 )";
    /* IE6-8 */
    border: 1px solid #d2dbe2;
}


    /* =============================================================================
   BOX
   ========================================================================== */
    .box.busca.busca
    {
        background: #ecf4fa;
        /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjRmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmNlZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ecf4fa 0%, #bfcedd 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf4fa), color-stop(100%, #bfcedd));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ecf4fa 0%, #bfcedd 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ecf4fa 0%, #bfcedd 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ecf4fa 0%, #bfcedd 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #ecf4fa 0%, #bfcedd 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf4fa', endColorstr='#bfcedd', GradientType=0);
        /* IE6-8 */
        border: 1px solid #c9d2db;
        border-bottom-color: #54697c;
        border-right-color: #54697c;
    }

        .box.busca.busca input[type=text]
        {
            border: 1px solid #9ba7b8;
        }

    .box form
    {
        margin: 0px;
    }

    .box.inner
    {
        /*margin:10px;*/
        padding: 6px;
    }

        .box.inner input[type=text]
        {
            margin: 6px;
            width: 88%;
        }

            .box.inner input[type=text]::-webkit-input-placeholder
            {
                color: #48638b;
            }

            .box.inner input[type=text] :-moz-placeholder
            {
                color: #48638b;
            }

        .box.inner .btn
        {
            width: 80px;
            margin-left: -3px;
        }

/** IE **/
.ie8 .box
{
    filter: none;
    background: url(../Imagens/bg-box.png) top left repeat-x !important;
}

    .ie8 .box.inner
    {
        filter: none;
        background: url(../Imagens/bg-inner-box.png) top left repeat-x !important;
    }




/* =============================================================================
   CONTEÚDO
   ========================================================================== */
#wrapper
{
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
}


.rosa
{
    color: #c62677;
}




/* =============================================================================
   BANNERS DO GOVERNO
   ========================================================================== */
.banners
{
    text-align: center;
    margin-top: 60px;
    border-top: 1px dotted #e1e1e1;
    padding-top: 15px;
    border-bottom: 1px dotted #e1e1e1;
    padding-bottom: 15px;
}

    .banners img
    {
        margin-left: 50px;
    }




/* =============================================================================
   VALIDAÇÃO
   ========================================================================== */
.field-validation-error
{
    margin: 0;
    padding: 0;
    color: #E39B93 !important;
    font-size: 10px !important;
    font-weight: bold;
    margin: 0px 0px 1px 5px !important;
    display: inline-block;
    line-height: 30px;
    float: left;
}

.input-validation-error
{
    background-color: #FCF4F3 !important;
    border-color: #EEC0BB !important;
}

    .input-validation-error:focus
    {
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #eec0bb;
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #eec0bb;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #eec0bb;
    }

.validation-summary-errors
{
    margin: 5px 5px !important;
    font-weight: bold;
}

    .validation-summary-errors ul li
    {
        color: #E39B93 !important;
    }




/* =============================================================================
   SPRITES
   ========================================================================== */
.separa-menu
{
    width: 3px;
    height: 17px;
    background-image: url(../Imagens/sprite0.png);
    background-position: 0px -82px;
}

.icon-twitter
{
    width: 69px;
    height: 19px;
    background-image: url(../Imagens/sprite0.png);
    background-position: 0px -133px;
}

.icon-youtube
{
    width: 51px;
    height: 22px;
    background-image: url(../Imagens/sprite0.png);
    background-position: 0px -153px;
}

.topo
{
    width: 24px;
    height: 24px;
    background-image: url(../Imagens/sprite0.png);
    background-position: 0px -225px;
}

/***********    Acessibildade   ******************/
.span12.acessibilidade > h3,
.span12.acessibilidade > table,
.span12.acessibilidade > .alert
{
    margin-left: 10px;
    margin-right: 10px;
}

.span12.acessibilidade > table
{
    width: 98%;
}

.span12.acessibilidade > h3
{
    margin-bottom: 3px;
}

.acessibilidade.table-striped tbody tr:nth-child(odd) td,
.acessibilidade.table-striped tbody tr:nth-child(odd) th
{
    background-color: #f5f2f2;
}

.acessibilidade th,
.acessibilidade td
{
    text-align: center;
    vertical-align: middle;
}

    .acessibilidade th code,
    .acessibilidade td code
    {
        color: #c62677;
    }

    .acessibilidade th span,
    .acessibilidade td span
    {
        padding: 3px 6px;
        display: inline-block;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 16px;
        height: 12px;
        background-image: url(../Imagens/sprite0.png);
        background-position: 6px -99px;
    }

        .acessibilidade th span.btn-diminuir-fontsize,
        .acessibilidade td span.btn-diminuir-fontsize
        {
            background-position: 6px -12px;
        }

        .acessibilidade th span.btn-aumentar-fontsize,
        .acessibilidade td span.btn-aumentar-fontsize
        {
            background-position: 6px 1px;
        }

        .acessibilidade th span.paginaInicial,
        .acessibilidade td span.paginaInicial
        {
            background-position: 6px -66px;
            height: 14px;
        }

        .acessibilidade th span.enviarPorEmail,
        .acessibilidade td span.enviarPorEmail
        {
            background-position: 5px -25px;
            height: 10px;
        }

        .acessibilidade th span.comunicarErros,
        .acessibilidade td span.comunicarErros
        {
            background-position: 6px -37px;
        }

        .acessibilidade th span.imprimir,
        .acessibilidade td span.imprimir
        {
            background-position: 6px -52px;
        }


/****************************** IE **************************************/
.ie8 body,
.ie7 body
{
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #f9f9f9, #fbfbfb);
    /*  FF 3.6+ */
    background-image: -ms-linear-gradient(top, #f9f9f9, #fbfbfb);
    /*  IE10 */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#fbfbfb));
    /*  Safari 4+, Chrome 2+ */
    background-image: -webkit-linear-gradient(top, #f9f9f9, #fbfbfb);
    /*  Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #f9f9f9, #fbfbfb);
    /*  Opera 11.10 */
    background-image: linear-gradient(top, #f9f9f9, #fbfbfb);
    /*  The standard */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#fbfbfb', GradientType=0);
    /*  IE9 and down */
}

.ie8 nav.menu ul,
.ie7 nav.menu ul
{
    background-color: #e2ebee;
    background-image: -moz-linear-gradient(top, #f2f7fa, #cad8db);
    /*  FF 3.6+ */
    background-image: -ms-linear-gradient(top, #f2f7fa, #cad8db);
    /*  IE10 */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f7fa), to(#cad8db));
    /*  Safari 4+, Chrome 2+ */
    background-image: -webkit-linear-gradient(top, #f2f7fa, #cad8db);
    /*  Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #f2f7fa, #cad8db);
    /*  Opera 11.10 */
    background-image: linear-gradient(top, #f2f7fa, #cad8db);
    /*  The standard */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7fa', endColorstr='#cad8db', GradientType=0);
    /*  IE9 and down */
}

.ie8 .barra-acessibilidade,
.ie7 .barra-acessibilidade
{
    background-color: #dee6ea;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9fbfc), color-stop(#e7f0f3, #e3eaed), to(#c8d7dc));
    background-image: -webkit-linear-gradient(#f9fbfc, #e3eaed #e7f0f3, #c8d7dc);
    background-image: -moz-linear-gradient(top, #f9fbfc, #e3eaed #e7f0f3, #c8d7dc);
    background-image: -ms-linear-gradient(#f9fbfc, #e3eaed #e7f0f3, #c8d7dc);
    background-image: -o-linear-gradient(#f9fbfc, #e3eaed #e7f0f3, #c8d7dc);
    background-image: linear-gradient(#f9fbfc, #e3eaed #e7f0f3, #c8d7dc);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fbfc', endColorstr='#c8d7dc', GradientType=0);
    /*  IE9 and down, gets no color-stop at all for proper fallback */
}

.ie8 .chromeframe,
.ie7 .chromeframe
{
    margin-top: 10px;
    margin-bottom: 10px;
}



/* =============================================================================
   CONTRASTE
   ========================================================================== */
body.contraste
{
    background: #242424 !important;
    color: white !important;
    background-color: #242424 !important;
    color: white !important;
}

    body.contraste #wrapper
    {
        background: none !important;
    }

        body.contraste #wrapper .sitemap li,
        body.contraste #wrapper .sitemap a,
        body.contraste #wrapper .box,
        body.contraste #wrapper .menu,
        body.contraste #wrapper .barra-acessibilidade,
        body.contraste #wrapper .tab-pane-content-info
        {
            background: none !important;
        }

        body.contraste #wrapper p,
        body.contraste #wrapper a,
        body.contraste #wrapper div:not(.alert),
        body.contraste #wrapper span,
        body.contraste #wrapper ul,
        body.contraste #wrapper li,
        body.contraste #wrapper section,
        body.contraste #wrapper nav,
        body.contraste #wrapper .box,
        body.contraste #wrapper .menu,
        body.contraste #wrapper .barra-acessibilidade
        {
            background-color: #242424 !important;
            color: white !important;
        }

        body.contraste #wrapper .acessibilidade.table-striped tbody tr:nth-child(odd) td,
        body.contraste #wrapper .acessibilidade.table-striped tbody tr:nth-child(odd) th
        {
            background-color: black !important;
        }

        body.contraste #wrapper .titulo-secao
        {
            border-bottom-color: #33ffff;
        }

        body.contraste #wrapper a
        {
            color: white !important;
            text-decoration: underline !important;
        }

        body.contraste #wrapper h1,
        body.contraste #wrapper h2,
        body.contraste #wrapper h3,
        body.contraste #wrapper h4,
        body.contraste #wrapper h5
        {
            color: white !important;
        }

        body.contraste #wrapper p
        {
            color: white !important;
        }



/* =============================================================================
   FORM 
   ========================================================================== */


form
{
    margin-bottom: 0px;
}


    form button.excluir
    {
        border: none;
        background-color: transparent;
    }


/*.form-horizontal .form-group
{
    margin-bottom: 10px;
    margin-right: 40px;
}*/

/*.form-horizontal .control-label
{
    width: 220px;
}*/

/*.form-horizontal .controls
{
    margin-left: 230px;
}*/

.form-horizontal .control-label
{
    font-weight: normal;
    color: #707070;
}

label, input, button, select, textarea
{
    font-size: 12px;
}

.form-actions
{
    margin-bottom: 0px;
    background-color: #F7F7F7;
    padding: 20px;
    padding-left: 25%;
    border-top: 1px solid #E6E4E4;
}

.add-on-checkbox
{
    background-color: #fff !important;
}

    .add-on-checkbox input[type=checkbox]
    {
        margin-top: 3px;
    }

    .add-on-checkbox input[disabled], .add-on-checkbox-disabled
    {
        cursor: not-allowed;
        background-color: #eee !important;
        opacity: 1;
    }



.input-checkbox-label
{
    background-color: #FFF !important;
    cursor: auto !important;
}

    .input-checkbox-label[disabled]
    {
        cursor: not-allowed;
        background-color: #F8F8F8 !important;
        opacity: 1;
    }

.input-group .active, .input-prepend .active
{
    background-color: #A9DBA9 !important;
    border-color: #46A546 !important;
}

select.input-tipo-telefone
{
    margin-right: 15px;
    border-radius: 3px;
}

.input-group input, .input-prepend input, .input-group select, .input-prepend select, .input-group .uneditable-input, .input-prepend .uneditable-input
{
    font-size: 12px;
}

input[data-val-required], select[data-val-required], textarea[data-val-required]
{
    border-left: 1px solid red;
}

/* =============================================================================
   Formulário de Candidato
   ========================================================================== */
/*.form-cadastro-candidato .form-group .control-label
{
    width: 270px;
    margin-left: 40px;
}*/

/*.form-cadastro-candidato .form-group .controls
{
    margin-left: 320px;
}*/

.ui-datepicker-month, .ui-datepicker-year
{
    color: #104657;
}


.sticked
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 40px;
    padding-top: 10px;
}

@media (min-width: 768px)
{
    #toast-container
    {
        width: 50%;
    }

    .form-horizontal .control-label
    {
        text-align: right;
        margin-right: -15px;
    }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
    #toast-container
    {
        font-size: 13px;
        width: 40%;
    }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    #toast-container
    {
        font-size: 15px;
        width: 25%;
    }
}
/* =============================================================================
   MINI PROFILER FIX
   ========================================================================== */
.profiler-queries
{
    max-height: 900px !important;
}

    .profiler-queries table
    {
        width: 100% !important;
    }


/* =============================================================================
   ladda
   ========================================================================== */
.ladda-button
{
    position: relative;
}

    .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label
    {
        -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    }

        .ladda-button[data-style=expand-left][data-loading]
        {
            padding-left: 56px;
        }


            .ladda-button[data-style=expand-left][data-loading] .ladda-spinner
            {
                opacity: 1;
            }

        .ladda-button[data-style=expand-left] .ladda-spinner
        {
            left: 14px;
        }

        .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label
        {
            -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
            -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
            -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
            -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
            transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        }

            .ladda-button .ladda-spinner
            {
                position: absolute;
                z-index: 2;
                display: inline-block;
                width: 32px;
                height: 32px;
                top: 50%;
                margin-top: -16px;
                opacity: 0;
                pointer-events: none;
            }

            .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label
            {
                -webkit-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important;
                -moz-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important;
                -ms-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important;
                -o-transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important;
                transition: .3s cubic-bezier(.175,.885,.32,1.275) all!important;
            }


/*Para diretiva cloak do angular */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
{
    display: none !important;
}




body.com-contraste, .com-contraste .header-container
{
    background: #2f2e2e !important;
    color: #FFF !important;
}

.com-contraste a
{
    color: #FFF !important;
}

    .com-contraste a.btn-default
    {
        color: #333 !important;
    }

.com-contraste .row
/*.com-contraste .header-container header*/
{
    background: #171717 !important;
    color: #FFF;
}

/*.com-contraste .header-container header
    {
        border-color: #000;
    }*/

.com-contraste header,
.com-contraste header .row
{
    background-color: #eaeaea !important;
    border-color: #eaeaea;
}

.com-contraste .alert-info
{
    background-color: #646262 !important;
    border: 1px solid #888 !important;
    color: #FFF !important;
}

.com-contraste .barra-acessibilidade
{
    background: #717171 !important;
    border: 1px solid #3d3d3d !important;
}

    .com-contraste .barra-acessibilidade.sticked
    {
        background: #717171 !important;
    }

.com-contraste h1, .com-contraste h2, .com-contraste h3, .com-contraste h4, .com-contraste h5
{
    color: #FFF !important;
}

.com-contraste p, .com-contraste .control-label
{
    color: #FFF !important;
}


.com-contraste .page-header
{
    background: #242323 !important;
    border-bottom: 1px solid #3d3d3d !important;
}

.com-contraste .form-actions
{
    background-color: #545050;
    border-top: 1px solid #4D4949;
}

.com-contraste input,
.com-contraste select,
.com-contraste textarea,
.com-contraste .add-on-checkbox
{
    color: #000 !important;
    background-color: #f9f9f9 !important;
}


.com-contraste footer
{
    display: none;
}