.menu-painel {
            display: block;
            overflow: hidden;
            width: 20%;
            min-height: 100vh;
            
            margin: 0px;
            padding: 0px;
            background-color: rgb(47 64 80);
        /*  overflow-y: scroll;
             scrollbar-color: rgb(47 64 80) rgb(47 64 80); */
        }

        .logo {
            display: block;
            width: 100px;
            border: none;
            border-radius: 50px;
            margin: 30px auto;
            text-align: center;
            color: #fff;
            padding-right: 20px;
        }

        .menu-nav a {
            display: block;
            color: #fff;
            text-decoration: none;
            padding: 10px 20px;
            font-family: 'Barlouw', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 16px;
            
        }
        .menu-nav a:hover {
            background-color:  #3f5163/*rgb(28 192 159); verde*/
        }

        
        .menu-nav-sub:hover  .menu-nav-sub-content {
            display: block;
        }

        .menu-nav-sub:hover {
            background-color:  rgb(41 56 70); /*rgb(69 77 95); cinza escuro*/
        }

        .menu-nav-sub-content {
            display: none;
            position: relative;
            background-color: rgb(41 56 70);
        }

        .menu-nav-sub .menu-nav-sub-btn {
            width: 100%;
            border: none;
            outline: none;
            color: white;
            background-color: transparent;
            padding: 10px 20px;
            font-family: 'Barlouw', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 16px;
            text-align: left;
        }
        .fa {
            margin-right: 20px;
        }
        .green {
            background-color: green;
        }
        .blue {
            background-color: rgb(32, 90, 179);
        }
        .red {
            background-color: rgb(202, 24, 24);
        }

        .button {
            display: inline-block;
            border: none;
            outline: none;
            color: white;
            text-decoration: none;
            padding: 5px 10px 8px 10px;
            font-family: 'Barlouw', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 12px;
            text-align: center;
            border-radius: 10px;
            cursor: pointer;
            border: 0;
            border-radius: 10px;
        }

        .green:hover {
            background-color: rgb(40, 185, 40);
        }
        .blue:hover {
            background-color: rgb(67, 124, 209);
        }
        .red:hover {
            background-color: rgb(241, 42, 42);
        }