body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    background-color:#f2f2f2;

    
  }


body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/vector.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    opacity: 0.5; /* change this value (0 to 1) */
    z-index: -1; /* keep image behind everything */
}

  header {
    position: sticky;
    top: 0;
    z-index: 1030;
  }

  footer {
    position: sticky;
    bottom: 0;
    z-index: 1030;
  }

  .content {
    flex: 1;
    overflow-y: auto;
    padding: 0px;
    background-color: #ffffff;
  }

  .bg-success{
      background-color:#7c0033!important;
  }

  .header-page h1{
      font-weight:bold;
      font-size:15px;
      padding:0px;
      margin:0px;
  }

  .header-page h3{
      font-size:12px;
      padding:0px;
      margin:0px;
  }

  
  .input-group {
    border: 1px solid #ced4da; /* Matches the default Bootstrap border */
    border-radius: 12px; /* Matches the default border radius */
    overflow: hidden; /* Ensures the border wraps neatly */
}

.input-group .form-control {
    border: none; /* Removes the inner border */
    border-radius: 0; /* Ensures consistency with the group */
}

.input-group .input-group-text {
    background-color: #fff; /* Matches the default background color of the input */
    border: none; /* Removes the inner border */
    border-radius: 0; /* Ensures consistency with the group */
}
  
    @media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
        .container-sm{max-width:400px;}
    }
    @media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
        .container-sm{max-width:481px;}
    }
    @media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
        .container-sm{max-width:450px;}
    }
    @media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
    @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
    @media (min-width:1281px) { /* hi-res laptops and desktops */ }