#sucess {
            color: green;
            font-size: larger;
        }
        
        #warning {
            color: orange;
            font-size: larger;
        }
        
        #error {
            color: red;
            font-size: larger;
        }
        
        #serverResponse {
            text-align: center;
            animation: fadeOut 2s forwards;
            animation-delay: 10s;
        }
        
        #serverResponseAdd {
            text-align: center;
            animation: fadeOut 2s forwards;
            animation-delay: 10s;
        }
        
        #serverResponseInsert {
            text-align: center;
            animation: fadeOut 2s forwards;
            animation-delay: 10s;
        }
        
        #serverResponseUpdate {
            text-align: center;
            animation: fadeOut 2s forwards;
            animation-delay: 10s;
        }
        
        canvas {
            background-color: #e1f7f4;
            border: teal;
            border-radius: 10px;
            border-width: 2px;
            border-style: solid;
        }
        /* The switch - the box around the slider */
        
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }
        /* Hide default HTML checkbox */
        
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        /* The slider */
        
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }
        
        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }
        
        input:checked+.slider {
            background-color: #2196F3;
        }
        
        input:focus+.slider {
            box-shadow: 0 0 1px #2196F3;
        }
        
        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }
        
        #sortableImagens {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        
        #sortableImagens li {
            margin: 0 3px 3px 3px;
            padding: 0.4em;
            padding-left: 1.5em;
            height: 320px;
        }
        
        #sortableImagens li span {
            position: absolute;
            margin-left: -1.3em;
        }
        
        #excluirImagem {
            position: absolute;
            margin-top: 5px;
        }
        
        #sortableImage {
            max-height: 300px;
            max-width: auto;
        }
        /*Tratando os campos de upload de imagem*/
        
        #container-image {
            position: relative;
            width: 50%;
            display: flexbox;
        }
        
        .middle {
            transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            text-align: center;
        }
        
        #container-image:hover .image {
            opacity: 0.3;
        }
        
        #container-image:hover .middle {
            opacity: 1;
        }
        
        .text {
            background-color: #17a2b8;
            color: white;
            font-size: 16px;
            padding: 16px 32px;
        }
        
        .uploadFile {
            opacity: 0;
            position: absolute;
            z-index: -1;
        }
        
        input[type=text] {
            border-color: turquoise;
        }
        
        input[type=number] {
            border-color: turquoise;
        }
        
        input[type=date] {
            border-color: turquoise;
        }
        
        input[type=password] {
            border-color: turquoise;
        }
        
        textarea {
            border-color: turquoise;
        }
        
        select {
            border-color: turquoise;
        }
        
        img {
            max-width: auto;
            max-height: auto;
        }
        
        .imageIcon {
            max-height: 200px;
        }
        /* Canvas para exibição de arquivos PDF */
        
        #the-canvas {
            border: 1px solid black;
            direction: ltr;
            height: 100%;
            width: 100%;
        }
        
        .centeredClass {
            text-align: center;
        }
        
        .ck-editor__editable {
            min-height: 500px;
            max-height: 500px;
        }
        /* Formatação para tabelas */
        
        .table-responsive {
            overflow-y: auto;
            max-height: 400px;
        }
        
        .table-responsive thead th {
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        
        .table-responsive tfoot th {
            background: white;
        }
        
        table {
            border-collapse: collapse;
            width: 100%;
        }
        
        th,
        td {
            padding: 8px 16px;
        }
        
        th {
            background: #17a2b8;
        }
        
        h {
            background: #17a2b8;
        }
        
        .alt {
            height: 40px;
            background-color: #ff7f27;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .mapboxgl-ctrl {
            display: none !important;
        }
        
        .mapboxgl-ctrl-bottom-right {
            display: none !important;
        }
        /*
.grecaptcha-badge { visibility: hidden; }
*/