
<HTML translate="no">

<head>
    <meta http-equiv="Cache-Control" content="No-Cache">
    <meta http-equiv="Pragma" content="No-Cache">
    <meta http-equiv="Expires" content="0">
    <meta name="google" content="notranslate">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="UTF-8">

    <TITLE>DemandaNet</TITLE>
    <link rel="STYLESHEET" type="text/css" href="libx/formatacao.css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <!-- <script type="text/javascript" src="libx/jquery-1.11.1.min.js"></script> -->

    <!-- Bootstrap -->
    <link rel="stylesheet" href="libx/bootstrap/3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="libx/bootstrap/3.4.1/css/bootstrap-theme.min.css">
    <script src="libx/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <!-- Bootstrap-notify -->
    <script src="libx/bootstrap-notify-3.1.3/bootstrap-notify.min.js"></script>

    <!-- Datatable -->
    <link rel="stylesheet" href="libx/datatables/bootstrap3/2.1.8/datatables.min.css">
    <script src="libx/datatables/bootstrap3/2.1.8/datatables.min.js"></script>

    <link type="text/css" href="libx/jquery-ui.css" rel="Stylesheet" />

    <script type="text/javascript" src="libx/jquery-ui.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <!-- SUMMERNOTE -->
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <link rel="stylesheet" href="./libx/sweetalert2/sweetalert2-11.1.5/dist/sweetalert2.min.css">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>

    <!-- Latest compiled and minified CSS -->
    <link href="libx/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css" />
    <script src="libx/facebox/facebox.js" type="text/javascript"></script>

    <script type="text/javascript" src="libx/bibliotecaAjax.js"></script>
    <script type="text/javascript" src="telaAcesso.js?atua=319486988"></script>
    <script type="text/javascript" src="tp_docente/remocao.js"></script>
    <script type="text/javascript" src="../../smerp2010/tp_docente/atribuicao_catanduva.js?1781036796"></script>

    <link href="libx/uploadfile.css" rel="stylesheet">
    <script src="libx/jquery.uploadfile.min.js"></script>
    <script type="text/javascript" src="libx/jquery.maskedinput-1.1.4.pack.js">
    </script>
    <script type="text/javascript" src="libx/jquery.form.js"></script>
    <script type="text/javascript">
        $.facebox.settings.closeImage = 'libx/facebox/closelabel.png';
        $.facebox.settings.loadingImage = 'libx/facebox/loading.gif';
    </script>

    <!--**Notificação**-->
    <!-- The core Firebase JS SDK is always required and must be listed first -->
    <!--<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase.js"></script> -->
    <!-- TODO: Add SDKs for Firebase products that you want to use https://firebase.google.com/docs/web/setup#available-libraries -->
    <script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-app.js"></script>
    <!--<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-analytics.js"></script>-->
    <script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-firestore.js"></script>
    <!--<script src="notificacao/js/service-notify.js"></script>-->

    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src='//cdn.jsdelivr.net/npm/sweetalert2@11'></script>

    <script>
        $(function() {
            $("#dialog").dialog({
                modal: true,
                autoOpen: false,
                width: 500,
                height: 500
            });
        });
    </script>

    <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
        tinyMCE.init({
            language: "pt",
            mode: "none",
            theme: "advanced",
            plugins: "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

            // Theme options
            theme_advanced_buttons1: "bold,italic,underline,strikethrough,fontsizeselect,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,cut,copy,paste,pastetext,pasteword,|,bullist,numlist,|,undo,redo,|,link,unlink,|,preview",
            theme_advanced_buttons2: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,|,fullscreen",
            theme_advanced_buttons3: "",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            theme_advanced_resizing: true
        });
    </script>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/css/bootstrap-select.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/js/bootstrap-select.min.js"></script>
    <style>
        .swal2-popup {
            font-size: 1.6rem !important;
        }

        .table td {
            vertical-align: initial !important;
        }

        .badge-light {
            color: #212529;
            background-color: #f8f9fa;
        }

        /* .btn .badge {
            position: absolute;
            top: -15px;
        } */

        select {
            min-width: 60px !important;
        }

        .badge {
            font-weight: bold;
            font-size: 1em;
            margin-left: 10px;
            padding: 4px 8px;
            /* Ajuste conforme necessário */
            background-color: #FFFFFF;
            /* Cor de fundo branco */
            border-radius: 50%;
            /* Isso cria o círculo */
            display: inline-block;
            /* Isso garante que o padding funcione corretamente */
            /* display: inline-block;
            padding: .25em .4em;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            position: absolute;
            top: -15px;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25rem;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
        }

        .menu-docente {
            /* position: relative; */
        }

        .dropdown-menu {
            max-height: 400px;
            overflow-y: auto;
        }

        .btn-danger:hover,
        .btn-danger:focus {
            background-color: #c12e2a !important;
        }

        .div_contorno {
            border: 2px solid #E0E0E0;
            background-color: #f7f7f7;
            padding: 5px;
            margin: 15px;
            border-radius: 5px;
        }

        .div_retorno {
            border: 1px solid #E0E0E0;
            width: 250px;
            height: 400px;
            background-color: #f7f7f7;
            padding: 5px;
            margin: 15px;
            border-radius: 5px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .btn_label {
            display: inline-block;
            /* ou block, dependendo do seu layout */
            width: 200px;
            /* ou qualquer outra largura conforme necessário */
            overflow: hidden;
            /* Esconde qualquer conteúdo que ultrapasse a largura */
            text-overflow: ellipsis;
            /* Adiciona "..." quando o conteúdo é cortado */
            white-space: nowrap;
            /* Impede que o texto envolva para a próxima linha */
        }

        .img_retorno {
            max-width: 100%;
            max-height: 100%;
            display: block;
            object-fit: contain;
        }


        #btnSubstituicoesPendentes {
            position: relative;
            /* Ensure the button is positioned relatively for the badge */
            display: inline-block;
            /* Make sure button respects the inline behavior with block capabilities */
        }

        #badgeProntuario {
            position: absolute !important;
            /* Position the badge relative to the button */
            top: 50% !important;
            /* Align the top of the badge to the center of the button vertically */
            right: 10px !important;
            /* Place the badge towards the right inside the button */
            transform: translateY(-50%) !important;
            ;
            /* Center the badge vertically within the button */
            background-color: #fff !important;
            ;
            /* Optional: Change badge background color */
            color: #333 !important;
            /* Optional: Change badge text color */
        }


        .modal-dialog-full-width {
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            max-width: none !important;

        }

        .modal-content-full-width {
            height: auto !important;
            min-height: 100% !important;
            border-radius: 0 !important;
            background-color: #ececec !important
        }

        .modal-header-full-width {
            border-bottom: 1px solid #9ea2a2 !important;
        }

        .modal-footer-full-width {
            border-top: 1px solid #9ea2a2 !important;
        }

        .dataTableLayout {
            table-layout: fixed !important;
            width: 100% !important;
        }

        .devolutiva_recebida {
            width: 15px;
            /* Largura do quadrado */
            height: 15px;
            /* Altura do quadrado */
            background-color: orange;
            /* Cor de preenchimento */
            display: inline-block;
            /* Mant?m o quadrado inline */
            margin-right: 5px;
            /* Espa?amento ? direita para texto */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            /* Sombra para o efeito elevado */
        }

        .semanario_criado {
            width: 15px;
            /* Largura do quadrado */
            height: 15px;
            /* Altura do quadrado */
            border: 2px;
            border-color: grey;
            background-color: whitesmoke;
            /* Cor de preenchimento */
            display: inline-block;
            /* Mant?m o quadrado inline */
            margin-right: 5px;
            /* Espa?amento ? direita para texto */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            /* Sombra para o efeito elevado */
        }

        .container_legenda {
            background-color: #ffffff;
            /* Cor de fundo branca */
            border-radius: 8px;
            /* Bordas arredondadas */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            /* Sombra para o efeito elevado */
            padding: 10px 20px;
            /* Espa?amento interno */
        }

        /* Correcao fixed header datatable */
        table.table-bordered.dataTable th:first-child,
        table.table-bordered.dataTable th:first-child,
        table.table-bordered.dataTable td:first-child,
        table.table-bordered.dataTable td:first-child {
            border-left-width: 0;
        }

        /* ===== DARK MODE ===== */
        body.dark-mode {
            background-color: #1a1a2e !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .navbar-inverse {
            background-color: #0d0d1a !important;
            border-color: #0d0d1a !important;
        }

        body.dark-mode .dropdown-menu {
            background-color: #252540 !important;
            border-color: #444 !important;
        }

        body.dark-mode .dropdown-menu>li>a {
            color: #e0e0e0 !important;
        }

        body.dark-mode .dropdown-menu>li>a:hover,
        body.dark-mode .dropdown-menu>li>a:focus {
            background-color: #3a3a60 !important;
            color: #fff !important;
        }

        body.dark-mode .modal-content {
            background-color: #252540 !important;
            color: #e0e0e0 !important;
            border-color: #444 !important;
        }

        body.dark-mode .modal-header,
        body.dark-mode .modal-footer {
            border-color: #444 !important;
        }

        body.dark-mode .modal-header .close {
            color: #e0e0e0 !important;
        }

        body.dark-mode .table {
            color: #e0e0e0 !important;
        }

        body.dark-mode .table-striped>tbody>tr:nth-of-type(odd) {
            background-color: #2a2a45 !important;
        }

        body.dark-mode .table-bordered {
            border-color: #444 !important;
        }

        body.dark-mode .table-bordered>thead>tr>th,
        body.dark-mode .table-bordered>tbody>tr>td,
        body.dark-mode .table-bordered>tbody>tr>th {
            border-color: #444 !important;
        }

        body.dark-mode .table>thead>tr>th {
            background-color: #1e1e38 !important;
            border-color: #444 !important;
        }

        body.dark-mode .table-hover>tbody>tr:hover {
            background-color: #3a3a60 !important;
        }

        body.dark-mode .panel {
            background-color: #252540 !important;
            border-color: #444 !important;
        }

        body.dark-mode .panel-heading,
        body.dark-mode .panel>.panel-heading {
            background: #1e1e38 !important;
            background-image: none !important;
            border-color: #444 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .panel-heading .panel-title,
        body.dark-mode .panel-heading h1,
        body.dark-mode .panel-heading h2,
        body.dark-mode .panel-heading h3,
        body.dark-mode .panel-heading h4,
        body.dark-mode .panel-heading h5,
        body.dark-mode .panel-heading h6 {
            color: #e0e0e0 !important;
        }

        body.dark-mode .panel-body {
            background: #252540 !important;
            background-image: none !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .panel-default {
            border-color: #444 !important;
        }

        body.dark-mode .panel-default>.panel-heading {
            background: #1e1e38 !important;
            background-image: none !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .form-control {
            background-color: #2a2a45 !important;
            color: #e0e0e0 !important;
            border-color: #555 !important;
        }

        body.dark-mode .form-control:focus {
            border-color: #5b9bd5 !important;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 0 6px rgba(91, 155, 213, .5) !important;
        }

        body.dark-mode .input-group-addon {
            background-color: #1e1e38 !important;
            border-color: #555 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode select,
        body.dark-mode select option {
            background-color: #2a2a45 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .btn-default,
        body.dark-mode #principal .btn-default {
            background: #3a3a60 !important;
            background-image: none !important;
            border-color: #555 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .btn-default:hover,
        body.dark-mode #principal .btn-default:hover {
            background: #4a4a75 !important;
            background-image: none !important;
        }

        body.dark-mode .alert-info,
        body.dark-mode #principal .alert-info,
        body.dark-mode .modal-body .alert-info {
            background-color: #1a3a5c !important;
            background-image: none !important;
            border-color: #1f5c8a !important;
            color: #9ecfee !important;
        }

        body.dark-mode .alert-warning,
        body.dark-mode #principal .alert-warning,
        body.dark-mode .modal-body .alert-warning {
            background-color: #3d2e00 !important;
            background-image: none !important;
            border-color: #6d5100 !important;
            color: #ffe08c !important;
        }

        body.dark-mode .alert-success,
        body.dark-mode #principal .alert-success,
        body.dark-mode .modal-body .alert-success {
            background-color: #1a3d1a !important;
            background-image: none !important;
            border-color: #2a5e2a !important;
            color: #8fd98f !important;
        }

        body.dark-mode .alert-danger,
        body.dark-mode #principal .alert-danger,
        body.dark-mode .modal-body .alert-danger {
            background-color: #3d1a1a !important;
            background-image: none !important;
            border-color: #6d2a2a !important;
            color: #f08080 !important;
        }

        body.dark-mode .well {
            background-color: #252540 !important;
            border-color: #444 !important;
        }

        body.dark-mode .list-group-item {
            background-color: #252540 !important;
            border-color: #444 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .nav-tabs>li>a {
            color: #b0b0d0 !important;
        }

        body.dark-mode .nav-tabs>li.active>a,
        body.dark-mode .nav-tabs>li.active>a:hover {
            background-color: #252540 !important;
            border-color: #444 #444 transparent !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .tab-content {
            background-color: #252540 !important;
            border-color: #444 !important;
        }

        body.dark-mode .div_contorno {
            border-color: #444 !important;
            background-color: #1e1e38 !important;
        }

        body.dark-mode .dataTables_wrapper .dataTables_length,
        body.dark-mode .dataTables_wrapper .dataTables_filter,
        body.dark-mode .dataTables_wrapper .dataTables_info,
        body.dark-mode .dataTables_wrapper .dataTables_paginate {
            color: #e0e0e0 !important;
        }

        body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
            color: #e0e0e0 !important;
        }

        body.dark-mode .select2-container--default .select2-selection--single,
        body.dark-mode .select2-container--default .select2-selection--multiple {
            background-color: #2a2a45 !important;
            border-color: #555 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #e0e0e0 !important;
        }

        body.dark-mode .select2-dropdown {
            background-color: #252540 !important;
            border-color: #555 !important;
        }

        body.dark-mode .select2-container--default .select2-results__option {
            color: #e0e0e0 !important;
        }

        body.dark-mode .select2-container--default .select2-results__option--highlighted {
            background-color: #3a3a60 !important;
        }

        body.dark-mode label {
            color: #c0c0d8 !important;
        }

        body.dark-mode hr {
            border-color: #444 !important;
        }

        /* ===== DARK MODE - Classes formatacao.css (lista1, lista2, CE_titulo, etc.) ===== */
        body.dark-mode .lista1,
        body.dark-mode tr.lista1>td,
        body.dark-mode tr.lista1 {
            background-color: #252540 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .lista2,
        body.dark-mode tr.lista2>td,
        body.dark-mode tr.lista2 {
            background-color: #2a2a48 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .CE_titulo,
        body.dark-mode tr.CE_titulo>td,
        body.dark-mode tr.CE_titulo {
            background-color: #1a2a4a !important;
            color: #c8d8f0 !important;
        }

        body.dark-mode .CE_tituloerro,
        body.dark-mode tr.CE_tituloerro>td {
            background-color: #4a1a1a !important;
            color: #ffcccc !important;
        }

        body.dark-mode .CE_subtitulo,
        body.dark-mode tr.CE_subtitulo>td {
            background-color: #333355 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .CE_campo,
        body.dark-mode .CE_campoEditar {
            background-color: #2a2a10 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .linha1,
        body.dark-mode tr.linha1>td,
        body.dark-mode tr.linha1 {
            background-color: #1e1e38 !important;
            color: #b0b8e0 !important;
        }

        body.dark-mode .linha2,
        body.dark-mode tr.linha2>td,
        body.dark-mode tr.linha2 {
            background-color: #28284a !important;
            color: #b0b8e0 !important;
        }

        body.dark-mode .linhacampo,
        body.dark-mode tr.linhacampo>td {
            background-color: #1e1e38 !important;
            color: #b0b8e0 !important;
        }

        body.dark-mode .linhaEscola,
        body.dark-mode tr.linhaEscola>td {
            background-color: #1e1e38 !important;
            color: #b0b8e0 !important;
        }

        body.dark-mode .selecao,
        body.dark-mode tr.selecao>td {
            background-color: #1a3040 !important;
            color: #80d8e8 !important;
        }

        body.dark-mode .estilotabela {
            background-color: #1e1e38 !important;
            border-color: #444 !important;
        }

        body.dark-mode .estilocelula {
            background-color: #1a2a3a !important;
            color: #a0c8e0 !important;
        }

        body.dark-mode .erro {
            background-color: #3d2a00 !important;
            color: #ffcc88 !important;
        }

        body.dark-mode .barratitulo {
            background-color: #1e2a38 !important;
            color: #c8d8e8 !important;
        }

        body.dark-mode .titulo {
            background-color: #1a1a6a !important;
            color: #ffffc0 !important;
        }

        /* ===== DARK MODE - Bootstrap 3 contextual rows/cells ===== */
        body.dark-mode tr.info>td,
        body.dark-mode tr.info>th,
        body.dark-mode td.info,
        body.dark-mode th.info {
            background-color: #1a2e40 !important;
            color: #9ecfee !important;
        }

        body.dark-mode tr.success>td,
        body.dark-mode tr.success>th,
        body.dark-mode td.success,
        body.dark-mode th.success {
            background-color: #1a3d1a !important;
            color: #8fd98f !important;
        }

        body.dark-mode tr.warning>td,
        body.dark-mode tr.warning>th,
        body.dark-mode td.warning,
        body.dark-mode th.warning {
            background-color: #3d2e00 !important;
            color: #ffe08c !important;
        }

        body.dark-mode tr.danger>td,
        body.dark-mode tr.danger>th,
        body.dark-mode td.danger,
        body.dark-mode th.danger {
            background-color: #3d1a1a !important;
            color: #f08080 !important;
        }

        /* th com inline style background-color white (sobrescrever) */
        body.dark-mode th {
            background-color: #1e1e38 !important;
            color: #c0c8e0 !important;
        }

        /* ===== DARK MODE - Panel primary, footer, thumbnail ===== */
        body.dark-mode .panel-primary {
            border-color: #1e4a8a !important;
        }

        body.dark-mode .panel-primary>.panel-heading {
            background-color: #1a3060 !important;
            border-color: #1e4a8a !important;
            color: #c8d8f0 !important;
        }

        body.dark-mode .panel-footer {
            background-color: #1e1e38 !important;
            border-color: #444 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode .thumbnail {
            background-color: #252540 !important;
            border-color: #444 !important;
        }

        body.dark-mode .panel-info {
            border-color: #1a3a4a !important;
        }

        body.dark-mode .panel-info>.panel-heading {
            background-color: #1a2e40 !important;
            border-color: #1a3a4a !important;
            color: #9ecfee !important;
        }

        body.dark-mode .panel-success>.panel-heading {
            background-color: #1a3d1a !important;
            border-color: #2a5e2a !important;
            color: #8fd98f !important;
        }

        body.dark-mode .panel-warning>.panel-heading {
            background-color: #3d2e00 !important;
            border-color: #6d5100 !important;
            color: #ffe08c !important;
        }

        body.dark-mode .panel-danger>.panel-heading {
            background-color: #3d1a1a !important;
            border-color: #6d2a2a !important;
            color: #f08080 !important;
        }

        /* ===== DARK MODE - Breadcrumb, progress, badges coloridos ===== */
        body.dark-mode .breadcrumb {
            background-color: #252540 !important;
            color: #c0c0d8 !important;
        }

        body.dark-mode .breadcrumb>li+li::before {
            color: #888 !important;
        }

        body.dark-mode .progress {
            background-color: #333355 !important;
        }

        body.dark-mode .label-default {
            background-color: #444 !important;
        }

        body.dark-mode .label-info {
            background-color: #1a3a5c !important;
        }

        body.dark-mode .label-success {
            background-color: #1a3d1a !important;
        }

        body.dark-mode .label-warning {
            background-color: #3d2e00 !important;
        }

        body.dark-mode .label-danger {
            background-color: #3d1a1a !important;
        }

        /* ===== DARK MODE - jQuery UI (usa background shorthand com PNG de gradiente) ===== */
        body.dark-mode .ui-widget-content {
            background: #252540 !important;
            background-image: none !important;
            color: #e0e0e0 !important;
            border-color: #444 !important;
        }

        body.dark-mode .ui-widget-header {
            background: #1e1e38 !important;
            background-image: none !important;
            color: #e0e0e0 !important;
            border-color: #444 !important;
        }

        body.dark-mode .ui-state-default,
        body.dark-mode .ui-widget-content .ui-state-default,
        body.dark-mode .ui-widget-header .ui-state-default {
            background: #2a2a45 !important;
            background-image: none !important;
            color: #c0c8e0 !important;
            border-color: #555 !important;
        }

        body.dark-mode .ui-state-hover,
        body.dark-mode .ui-widget-content .ui-state-hover,
        body.dark-mode .ui-widget-header .ui-state-hover,
        body.dark-mode .ui-state-focus,
        body.dark-mode .ui-widget-content .ui-state-focus {
            background: #3a3a60 !important;
            background-image: none !important;
            color: #e0e0ff !important;
            border-color: #6060a0 !important;
        }

        body.dark-mode .ui-state-active,
        body.dark-mode .ui-widget-content .ui-state-active {
            background: #1a1a50 !important;
            background-image: none !important;
            color: #c8d8ff !important;
            border-color: #4040a0 !important;
        }

        body.dark-mode .ui-state-highlight,
        body.dark-mode .ui-widget-content .ui-state-highlight {
            background: #3d3a00 !important;
            background-image: none !important;
            color: #ffe060 !important;
            border-color: #6d6000 !important;
        }

        body.dark-mode .ui-state-error,
        body.dark-mode .ui-widget-content .ui-state-error {
            background: #3d1010 !important;
            background-image: none !important;
            color: #ff9090 !important;
            border-color: #8d2020 !important;
        }

        body.dark-mode .ui-button,
        body.dark-mode .ui-widget button {
            background: #2a2a45 !important;
            background-image: none !important;
            color: #c0c8e0 !important;
            border-color: #555 !important;
        }

        body.dark-mode .ui-button:hover {
            background: #3a3a60 !important;
            background-image: none !important;
        }

        /* jQuery UI datepicker */
        body.dark-mode .ui-datepicker {
            background: #252540 !important;
            background-image: none !important;
            border-color: #444 !important;
        }

        body.dark-mode .ui-datepicker .ui-datepicker-header {
            background: #1a1a38 !important;
            background-image: none !important;
            color: #c0c8e0 !important;
            border-color: #444 !important;
        }

        body.dark-mode .ui-datepicker td span,
        body.dark-mode .ui-datepicker td a {
            background: #2a2a45 !important;
            background-image: none !important;
            color: #c0c8e0 !important;
        }

        body.dark-mode .ui-datepicker td.ui-datepicker-today a,
        body.dark-mode .ui-datepicker td.ui-datepicker-today span {
            background: #1a3060 !important;
            background-image: none !important;
            color: #9ecfee !important;
        }

        /* ===== Bootstrap 3 btn-link com jQuery UI .button() ===== */
        body.dark-mode .btn-link {
            color: #7cb5e8 !important;
            background: transparent !important;
            background-image: none !important;
        }

        body.dark-mode .btn-link:hover,
        body.dark-mode .btn-link:focus {
            color: #a8d4f5 !important;
        }

        /* btn-link após .button() do jQuery UI (ganha classes ui-button) */
        body.dark-mode .btn-link.ui-button,
        body.dark-mode .btn-link.ui-state-default {
            background: #2a2a45 !important;
            background-image: none !important;
            color: #9ecfee !important;
            border: 1px solid #555 !important;
            border-radius: 4px !important;
        }

        body.dark-mode .btn-link.ui-button:hover,
        body.dark-mode .btn-link.ui-state-hover {
            background: #3a3a60 !important;
            background-image: none !important;
        }

        /* ===== DARK MODE - Inputs tipo date/number/text genéricos ===== */
        body.dark-mode input[type="text"],
        body.dark-mode input[type="password"],
        body.dark-mode input[type="number"],
        body.dark-mode input[type="date"],
        body.dark-mode input[type="email"],
        body.dark-mode input[type="search"],
        body.dark-mode textarea {
            background-color: #2a2a45 !important;
            color: #e0e0e0 !important;
            border-color: #555 !important;
        }

        body.dark-mode input[type="text"]:focus,
        body.dark-mode input[type="number"]:focus,
        body.dark-mode input[type="date"]:focus,
        body.dark-mode textarea:focus {
            border-color: #5b9bd5 !important;
        }

        /* ===== DARK MODE - Inline style overrides via atributo ===== */
        body.dark-mode [style*="background-color: white"],
        body.dark-mode [style*="background-color:#fff"],
        body.dark-mode [style*="background-color: #fff"],
        body.dark-mode [style*="background-color:#FFFFFF"],
        body.dark-mode [style*="background-color: #FFFFFF"] {
            background-color: #252540 !important;
            color: #e0e0e0 !important;
        }

        body.dark-mode [style*="background-color: yellow"],
        body.dark-mode [style*="background-color:yellow"],
        body.dark-mode [style*="background-color:#FFFF00"],
        body.dark-mode [style*="background-color: #FFFF00"] {
            background-color: #3d2e00 !important;
            color: #ffe08c !important;
        }

        body.dark-mode [style*="background-color: green"],
        body.dark-mode [style*="background-color:green"] {
            background-color: #1a3d1a !important;
            color: #8fd98f !important;
        }

        body.dark-mode [style*="background-color: red"],
        body.dark-mode [style*="background-color:red"] {
            background-color: #3d1a1a !important;
            color: #f08080 !important;
        }

        body.dark-mode [style*="background-color: #FFB6C1"] {
            background-color: #4a1a2a !important;
            color: #f0a0b0 !important;
        }

        #btn-dark-mode {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.4);
            color: #fff;
            margin-left: 8px;
            margin-right: 4px;
            border-radius: 4px;
            padding: 6px 10px;
            cursor: pointer;
            transition: background 0.2s;
            font-size: 14px;
        }

        #btn-dark-mode:hover {
            background: rgba(255, 255, 255, 0.15);
        }
    </style>

</HEAD>

<body>

    <div id="dialog" title="MENSAGEM">

    </div>

    <div class="modal fade" id="caixaDialogo" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"> &times; </button>
                    <h4 class="modal-title" id='tituloDialogo_msg'>
                    </h4>
                </div>

                <div class="modal-body">
                    <div id='caixaDialogo_msg'> </div>

                    <div id='caixaDialogo_msg_footer'> </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="caixaDialogo2" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">
                        <div id=tituloDialogo_msg2></div>
                    </h4>
                </div>
                <div class="modal-body">
                    <div id=caixaDialogo_msg2> </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        $('#caixaDialogo2').on('hidden.bs.modal', function(e) {
            $('#tituloDialogo_msg2').empty()
            $('#caixaDialogo_msg2').empty()
        })
    </script>


    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel">
                        <div id=modal_titulo>
                        </div>
                    </h4>
                </div>
                <div class="modal-body">
                    <div id=modal_conteudo>

                    </div>
                </div>
                <div class="modal-footer">
                    <div class=modal_rodape>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- MODAL DO PIOLHO PARA FORÇAR O PREENCHIMENTO DAS CAUSAS DE APROVEITAMENTO PARA ALUNOS COM NOTA ABAIXO DE 5 EM GUAPIAÇU -->
    <div class="modal fade" id="modalFocar_causas" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                </div>
                <div class="modal-body">
                    <div id="modal_conteudo_causas">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success pull-left" onClick="duplicarCamposCausas()" id="botaoAdicionarCampo">
                        <span class="glyphicon glyphicon-plus"></span>Adicionar Causa
                    </button>

                    <button type="button" class="btn btn-warning pull-left" onClick="removerCamposCausas(this)">
                        <span class="glyphicon glyphicon-minus"></span>Remover Campo
                    </button>

                    <button type="button" class="btn btn-default" onClick="salvarCamposCausas()">Salvar</button>
                </div>
            </div>
        </div>
    </div>
    <div class='container'>
                        <div class='alert alert-danger text-center'>Usuário ou Senha Inválido ! - entre em contato com o suporte <b>suporte@demandanet.com</b>	<br>Para agilizar o seu atendimento lembre-se de informar o <b>município</b> de atuação e o seu <b>CPF</b> no e-mail. </div>
                        <a class='btn btn-link' href='../index.php'> VOLTAR </a>
                    </div>
                