td {
                text-align: center;
            }

            th {
                text-align: center;
            }

            #navbarmain {
                -webkit-box-shadow: 0 8px 6px -6px #999;
                -moz-box-shadow: 0 8px 6px -6px #999;
                box-shadow: 0 8px 6px -6px #999;
            }

            .form-control {
                font-size: 12px;
            }

            table {
                font-size: 14px;
                border: none;
            }

                table td {
                    font-size: 12px;
                    border: none;
                    font-family: roboto;
                    padding-top: 4px;
                    padding-bottom: 4px;
                }

            .col-form-label-sm {
                font-weight: bold;
                font-family: Roboto
            }

            table th {
                background-color: whitesmoke;
                color: darkslategrey;
                border: none;
            }

            .modal2 {
                position: fixed;
                z-index: 999;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                background-color: Black;
                filter: alpha(opacity=60);
                opacity: 0.8;
                -moz-opacity: 0.8;
            }

            .modal-lg {
                max-width: 80% !important;
            }

            .center {
                z-index: 1000;
                margin: 300px auto;
                padding: 25px;
                width: 130px;
                background-color: White;
                border-radius: 10px;
                filter: alpha(opacity=100);
                opacity: 1;
                -moz-opacity: 1;
            }

                .center img {
                    height: 128px;
                    width: 128px;
                }

            .footer {
                display: block;
                position: fixed;
                bottom: 0;
                width: 100%;
                font-size: 12px !important;
                height: 40px !important;
                color: white;
                align-items: center;
                font-family: Roboto;
                background-color: whitesmoke; /* ou outro tom claro */
                padding: 4px 0;
            }

            .dataTables_filter input,
            .dataTables_length select {
                vertical-align: middle;
                font-size: 12px;
                height: 30px;
                padding: 6px 8px;
                border: 1px solid #ccc;
                border-top-right-radius: 4px;
                border-top-left-radius: 4px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px;
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            }

                .dataTables_filter input:focus,
                .dataTables_length select:focus {
                    outline: none;
                    border-color: #66afe9;
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
                }

            .dataTables_wrapper .dataTables_length select {
                height: auto;
            }

            .dataTables_info {
                padding-top: 6px;
                font-size: 14px;
                margin-left: 10px;
                font-weight: bold
            }

            div.dataTables_length label {
                float: left;
                text-align: left;
                font-weight: 600;
            }

            div.dataTables_length select {
                width: 70px;
                margin-right: .65em;
            }

            div.dataTables_filter label {
                float: right;
                font-weight: 600;
            }

                div.dataTables_filter label input {
                    width: 215px;
                    margin-left: .65em;
                }

            div.dataTables_paginate {
                text-align: right;
                margin: 0;
            }

                div.dataTables_paginate .pagination {
                    margin-top: 0;
                    margin-bottom: 0;
                }

            .dataTable input::-ms-clear {
                display: none !important;
            }

            .dataTables_filter {
                display: none;
            }

            .modal-header {
                padding-top: 20px;
                padding-bottom: 20px;
                color: #fff;
                background-color: #0059b3;
                border-top-right-radius: 4px;
                border-top-left-radius: 4px;
                font-size: 13px;
            }

            .voltar-ao-topo {
                position: fixed;
                bottom: 2em;
                right: 2em;
                text-decoration: none;
                color: white;
                background-color: rgba(0, 0, 0, 0.3);
                font-size: 12px;
                padding: 1em;
                display: none;
            }

                .voltar-ao-topo:hover {
                    background-color: rgba(0, 0, 0, 0.6);
                }

            #back-to-top {
                position: fixed;
                right: 20px;
                bottom: 20px;
                z-index: 1001;
                width: 45px;
                height: 45px;
                display: block;
                background: #222;
                background: rgba(0, 0, 0, 0.75);
                font-size: 16px;
                text-align: center;
                line-height: 45px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                cursor: pointer;
                transition: background 0.25s linear;
            }

                #back-to-top:hover {
                    text-decoration: none;
                    background-color: #F90;
                    background: rgba(229, 65, 45, 0.85);
                }

                #back-to-top i {
                    color: #fff;
                }

            .toast {
                opacity: 1 !important;
            }

            #toast-container > div {
                opacity: 1 !important;
            }

            .btn {
                box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
            }

            .dropdown-item {
                font-size: 13px
            }

            .badge {
                box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
            }

            .btn_novo {
                background-color: dodgerblue
            }

            select.form-control-sm {
                height: 29px !important;
            }