* {
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 17px;
            box-sizing: border-box;
        }
        
        a {
            color: #0d50cc;
            text-decoration: none;
        }
        
        #header {
            height: 6em;
            background: #1c6897;
            text-align: center;
            color: #ffffff;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }
        
        #header .my-container {
            height: 6em;
            background: #1c6897;
            text-align: center;
            color: #ffffff;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 1.3em;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
        }
        
        .left a {
            margin-right: 2em;
        }
        
        #header a {
            color: #ffffff;
            text-decoration: none;
        }
        
        #header a:hover {
            color: #dddddd;
            transition: 0.4s;
        }
        
        .my-container {
            background: #ffffff;
            color: #333333;
            padding: 1.3em;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            margin-bottom: 2em;
        }
        
        .footer {
            background: #888888;
            color: #ffffff;
            padding: 1.3em;
            text-align: center;
        }
        
        .add {
            padding: 5px;
            border: 1px solid #ffffff;
            margin-left: 5em;
        }
        
        .add:hover {
            padding: 5px;
            border: 1px solid #ffffff;
            background: #ffffff;
            color: #000000;
        }
        
        #nome,
        #email,
        #endereco,
        #telefone,
        #genero,
        #cargo,
        #salario {
            display: block;
            padding: 5px;
            margin: 10px 0;
            width: 100%;
            max-width: 450px;
        }
        
        #regButton {
            display: block;
            background: #1b62a5;
            padding: 12px;
            font-size: 16px;
            border-radius: 2px;
            border: 0;
            color: #ffffff;
            margin-top: 2em;
        }
        
        .success {
            color: rgb(20, 143, 26);
            margin-bottom: 2em;
        }
        
        .error {
            color: rgb(185, 33, 13);
        }
        
        .table-responsive {
            width: 100%;
            overflow-x: auto;
        }
        
        td {
            border-bottom: 1px solid #262729;
            padding: 8px;
        }
        
        .pagination {
            margin-top: 2em;
        }
        
        .pagination a {
            background: #252729;
            padding: 12px;
            font-size: 16px;
            border-radius: 2px;
            border: 0;
            color: #ffffff !important;
            margin-top: 2em;
            margin-right: 1em;
        }
        
        .pagination a#active {
            background: #444444;
        }
        
        #accoes {
            background: #0f78b4;
            color: #ffffff;
        }
        
        .theader {}
        
        .nome {
            color: rgb(6, 150, 54);
        }
        
        .excluir {
            color: #d4a610;
        }
        
        table {
            width: 100%;
        }