.login-hero-section {
      background-image: url("https://images.pexels.com/photos/1293269/pexels-photo-1293269.jpeg");
      background-size:cover;
      background-position:center;
      color: #ffffff;
      text-align: center;
    }
    .colorNaranjo{
        background-color:#f7931d;
        border-color:#854902;
    }
    .login-form {
      background-color: #ffffff;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }
    
    .mainbody {
      font-family: Arial, sans-serif;
    }
    #sidebar {
        height: 100vh;
        background-color: #333;
        color: #fff;
        padding-top: 20px;
    }
    #content {
        padding: 20px;
    }
    .navbar-brand {
        font-size: 1.5rem;
    }

    .bgHeader {
      background-color: #e9e9e9;
      color:#000;
    }