*{
            margin:0;
            padding:0;
            border:0;
            color: black;
        }
        form{
            width: 22%;
        }
        #bulk{
            margin-bottom: 30px;
        }
        #contaativada{
            margin-left: 33%;
        }
        #contaativadatxt{
            margin-left: 33%;
        }
        #loginbackground{
            background-color: #FFC400;
            justify-content: center;
            align-items: center;
        }
        #cabecalho{
            background-color: #FFC400;
            height: 100px;
            width: 100%;
        }
        #navbar{
            margin-top: 2%;
            float: right;
            margin-right: 3%;
        }
        #logo{
            margin-top: 1%;
            margin-left: 3%;
            float: left;
            width: 130px;
            height: 80px;
        }
        #logoregister{
            width: 312px;
            height: 192px;
        }
        #logologin{
            margin-top: 5%;
            width: 312px;
            height: 192px;
        }
        #loginbtn{
            width: 100%;
        }
        #loginheader{
            margin-left: 40%;
        }
        #registerheader{
            margin-left: 40%;
        }
        #nameinput{
            width: 100%;
            margin-top: 10%;
        }
        #passwordinput{
            width: 100%;
            margin-top: 10%;
        }
        #resetpw{
            float: right;
        }
        #lista_mensagens{
            float: right;
            margin-right: 20px;
        }
        #login{
             margin-left: 40%;
        }
        #registo{
            color: #5d5d5d;
            float: right;
            text-decoration: none;
        }
        #esqueceupw{
            color: #5d5d5d;
            float: left;
            text-decoration: none;
        }
        #addclientes{
            float: left;
            background-color: #2ecc71;
            margin-top: 10px; 
            margin-left: 20px;
        }
        table {
            border-collapse: collapse;
            width: 97%;
            margin: 25px;
            border-radius: 5px;
        }
        th, td {
            padding: 10px;
            text-align: left;
        }
        th {
            background-color: #dedede;
        }
        form{
            margin: 30px;
        }
        input{
            box-sizing: border-box;
            padding: 12px 20px;
            border: 2px solid black;
        }
        button {
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #3498db;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 4px;
        }
        .edit-btn { background-color: #3498db; }
        .delete-btn { background-color: #e74c3c; }
        .form-floating {
            margin-bottom: 15px;
            text-align: left;
            width: 100%;
        }
        select{
            border: 2px solid black;
        }
        textarea{
            border: 2px solid black;
            resize: none;
            height: 100px;
            width: 25%;
        }
        #inicio{
            float: right;
            background-color:rgb(255, 255, 255); 
            margin-top: 10px; 
            margin-right: 20px;
            border: 2px solid black;
            text-decoration: none;
            padding: 5px 10px;
            border-radius: 4px;
        }
        #lista_clientes{
            float: right;
            background-color:rgb(134, 134, 134); 
            margin-top: 10px; 
            margin-right: 20px;
        }
        #sendmsg{
            float: left;
            background-color: #2ecc71; 
            margin-top: 10px; 
            margin-left: 20px;
            margin-bottom: 20px;
        }
        .bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}
        @media (min-width: 768px)
        {.bd-placeholder-img-lg{font-size:3.5rem}}
        .b-example-divider{width:100%;height:3rem;background-color:#0000001a;border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026}
        .b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}
        .bi{vertical-align:-.125em;fill:currentColor}
        .nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}
        .nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
        .btn-bd-primary{--bd-violet-bg: #712cf9;--bd-violet-rgb: 112.520718, 44.062154, 249.437846;--bs-btn-font-weight: 600;--bs-btn-color: var(--bs-white);--bs-btn-bg: var(--bd-violet-bg);--bs-btn-border-color: var(--bd-violet-bg);--bs-btn-hover-color: var(--bs-white);--bs-btn-hover-bg: #6528e0;--bs-btn-hover-border-color: #6528e0;--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);--bs-btn-active-color: var(--bs-btn-hover-color);--bs-btn-active-bg: #5a23c8;--bs-btn-active-border-color: #5a23c8}
        .bd-mode-toggle{z-index:1500}
        .bd-mode-toggle .bi{width:1em;height:1em}
        .bd-mode-toggle .dropdown-menu .active .bi{display:block!important}
        .btn-group{
            border: solid black 1px;
        }