/*
    blueviolet #8A2BE2 
    darkorchid #9932CC
    ultra obscuro: #490d67
 
 */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        #sidebar {
            height: 100vh;
            width: 250px;
            background-color: #343a40;
            color: white;
            position: fixed;
            top: 0;
            left: 0;
            padding: 20px;
        }
        #sidebar a {
            color: white;
            text-decoration: none;
            display: block;
            padding: 10px 15px;
            border-radius: 5px;
            margin-bottom: 5px;
        }
        #sidebar a:hover {
            background-color: #495057;
        }
        #main-content {
            margin-left: 250px;
            padding: 20px;
        }

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
body{ font-family: 'Poppins', sans-serif   !important;}
.bg-primary {   background-color:#490d67 !important;}
.btn-sup    {   font-size:14px !important; background-color: #490d67 !important; border-color:#490d67 !important; }
.btn-primary{   background-color:#490d67 !important; border-color:#490d67 !important; }
.form-label {   font-weight: bold !important;  font-size:12px !important; }
h2          {   font-size:15px !important; text-align:center; padding:10px; text-transform: uppercase;  }
input::-webkit-input-placeholder {   color: silver !important; }
.menu       {   font-size:14px;}
.menusup    {   padding-top:10px; padding-bottom:5px; text-align:right; border:0px solid red; padding-right:10px }

.minititulo {   font-size:10px;}
.titulosgrandes { color:#9932CC; font-size:20px !important; font-weight: bolder;padding:0px}