body {
  margin:0px;
  padding:0px;
  background-color: #f1f1f1 !important;
}


.header {
  margin-right: 0px !important;
}

.main {
  border-radius:25px;
  margin-top: 80px;
  margin-bottom: 25px;
  box-shadow: 5px 5px 5px 5px rgb(159 154 154);
}


.logo_section{
  text-align: center;
}

.logo_section img{
  margin-top: 80px;
}

.logo_section h2 {
  margin-top: 25px;
  color: #01411C;
}


.login_form{
  background: #E9E8E8;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.login_form h3 {
  text-align: center;
  padding-top: 25px;
}

.icons_row {
  justify-content: space-around;
  margin-top: 15px;
  color: #01411C;
}

.icons_row a {
  color: #01411C;
  text-decoration: none;
}

.icons_row a:hover {
  color: #01411C;
  text-decoration: none;
}

.icons_row i{
  color: #01411C;
  margin-right: 15px;
}

.register_btn{
  background-color: #01411C;
  color: white;
}

/* sidebar CSS */

.sidebar {
    margin: 0;
    padding: 0;
    width: 370px;
    background-color: white;
    position: fixed;
    font-size: 20px;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .sidebar a {
    display: block;
    padding: 20px 20px 20px 25px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #01411C;
  }
   
  .sidebar a.active {
    background-color: #f1f1f1;
    color: #01411C;
  }
  
  .sidebar a:hover:not(.active) {
    background-color: #f1f1f1;
    color: #01411C;
  }
  
  div.content {
    margin-left: 400px;
    padding: 1px 16px;
  }
  
 
  .logout_btn {
    background-color: #aedbc1;
    /* width: 330px; */
  }
  .sidebar img {
    width: 30px;
  }

  .sidebar i{
    margin-right: 10px;
  }

  .menus{
    width: 385px;
    padding-left: 12px;
  }

  .menus span{
    margin-left: 10px;
  }

  .org_name span {
    text-decoration: underline;
  }

  .org_name h4 {
    font-weight: bold;
  }

  .org_name img{
    width: 65px;
  }

  .org_name{
    padding: 5px;
    width: 385px;
    display: flex;
    justify-content: center;
    color: #01411C;
    border: 1px solid #dfdede;
  }
  
  .org_name h4 {
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
  }

  .topbar {
    background-color: white;
    height: 71px;
    margin-left: 369px;
    display: flex;
    justify-content: space-between;
    padding: 10px !important;
    border: 1px solid #dfdede;
  }

  .search {
    color: #555;
    display: flex;
    padding: 2px;
    border: 1px solid currentColor;
    border-radius: 5px;
    margin: 0 0 30px;
  }
  
  input[type="search"] {
    border: none;
    background: transparent;
    margin: 0;
    padding: 7px 8px;
    font-size: 14px;
    color: inherit;
    border: 1px solid transparent;
    border-radius: inherit;
  }
  
  input[type="search"]::placeholder {
    color: #bbb;
  }
  
  button[type="submit"] {
    text-indent: -999px;
    overflow: hidden;
    width: 40px;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    cursor: pointer;
    opacity: 0.7;
  }
  
  button[type="submit"]:hover {
    opacity: 1;
  }
  
  button[type="submit"]:focus,
  input[type="search"]:focus {
    box-shadow: 0 0 3px 0 #01411C;;
    border-color: #01411C;
    outline: none;
  }
  
  form.nosubmit {
    border: none;
    padding: 0;
    color: #555;
    margin-top: 10px;
    display: flex;
    border-radius: 5px;
    /* margin: 0 0 0px; */
}
  
  input.nosubmit {
    border: 1px solid #555;
    border-radius: 25px;
    margin-left: 25px;
    width: 100%;
    padding: 5px 4px 5px 40px;
     background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
  }

  .profile_icon{
    padding-top: 8px;
  }

  .profile_icon a{
    font-size: 15px;
    color: #01411C;
    text-decoration: none;
  }

  .profile_icon a:hover{
    font-size: 15px;
    color: #01411C;
    text-decoration: none;
  }

  .profile_icon img {
    width: 30px;
  }
  
  .card {
    width: 18rem;
    border-radius: 25px;
  }

  .sec_cards {
    padding: 15px 0px 0px 0px;
  }

  .info_card {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
  }
  
  .card {
    border-radius: 20px !important;
  }
  .card-body {
    text-align: center;
  }


  .card-body img{
    width: 58px;
    background-color: #01411c7a;
    border-radius: 30px;
    padding: 2px;
    object-fit: none;
  }

  .card-body h3{
    margin-top: 10px;
    font-size: 22px;
  }
  
  .card-body h5{
    font-size: 16px;
  }

  .application_table{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 25px;
    margin: 10px 25px 10px 25px !important;
    background-color: white;
    padding: 20px 40px 20px 40px;
  }

  .application_table th {
    padding: 8px !important;
  }

  .organization {
    flex-direction: column;
    padding: 20px;
    border-radius: 25px;
    background-color: white;
    border: 1px solid #c3bebe;
    margin: 10px 50px 10px 50px !important;
  }

  .organization_table {
    flex-direction: column;
    padding: 20px;
    border-radius: 25px;
    background-color: white;
    border: 1px solid #c3bebe;
    margin: 10px 50px 10px 50px !important;
  }

  .sctnt_profile {
    justify-content:space-around;
    margin-top: 20px;
  }

  .sctnt_profile input{
    margin-bottom: 20px;
  }

  .old_record {
    border-bottom: 1px solid #555;
    padding: 5px 0px 5px 0px ;
  }

  .apply_app {
    flex-direction: column;
    padding: 20px;
    border-radius: 25px;
    background-color: white;
    border: 1px solid #c3bebe;
    margin: 80px 50px 10px 50px !important;
  }

  .search_new {
    color: #555;
    display: flex;
    padding: 2px;
    border: 1px solid currentColor;
    border-radius: 5px;
    margin: 0 0 10px;
  }

  form.nosubmit_new {
    border: none;
    padding: 0;
    color: #555;
    margin-top: 10px;
    display: flex;
    border-radius: 5px;
    /* margin: 0 0 0px; */
}
  
  input.nosubmit_new {
    border: 1px solid white;
    border-radius: 25px;
    margin-left: 25px;
    width: 100%;
    padding: 5px 4px 5px 40px;
     background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
  }

  .prv_proposal_div {
    padding: 25px;
    border: 1px solid;
    margin: 20px 20px 0px 20px;
    border-radius: 25px;
    background-color: white;
  }

  .previous_proposal {
    border: 1px solid #c3bebe;
    background-color: #209004F5;
    color: white;
    justify-content: space-between;
  }

  .prv_record h4{
    font-size: 16px;
  }
  
  .prv_record p{
    margin-bottom: 2px !important;
    font-size: 14px;
  }

  .status_btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .view_btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .view_btn button{
    background-color: #209004F5;
    border-color: #209004F5;
    color: white;
  }

  .bell_icon {
    float: right;
    font-size: 22px !important;
    padding-top: 10px;
  }  

  .envelop_icon {
    font-size: 40px !important;
  }

  .form_label{
    display: flex;margin-bottom: 5px !important;
  }

  .form_input {
    padding: 0px 0px 0px 10px !important;
    font-size: 14px !important;
    height: 30px;
  }

  .heading_proposal{
    padding: 0px 20px 0px 20px;
    color: #01411C;
    text-align: center;
    justify-content: center;
  }

  .heading_proposal h5 {
    font-size: 15px;
    margin-top: 10px;
  }

  .info_proposal {
    flex-direction: column;
    margin-left: 5px !important;
    margin-top: 15px;
    font-size: 14px;
  }

  .info_proposal p {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .table_proposal {
    margin-left: 15px;
    font-size: 14px;
  }
  .table_proposal th{
    background-color: #D2DDD7;
    padding: 5px !important;
  }
  
  .table_proposal td {
    padding: 5px !important;
  }

  .comp_proposal h6,p{
    margin-left: 15px;
  }

  .table td, .table th{
    border: 1px solid #dee2e6 !important;
  }
  


  @media screen and (max-width: 800px) {
    .sidebar {
      width: 100%;
      height: auto;
      position: relative;
    }
    .sidebar a {
      float: left;
    }
    div.content {
      margin-left: 0;
    }

    .topbar{
        margin-left: 0;
        display: flex;
        flex-direction: column;
        height: 160px;
        align-items: center;
    }
    .organization_table {
      padding: 20px;
      flex-direction: column;
      border-radius: 25px;
      background-color: transparent;
      border: none;
      margin: 0px !important;
    }
    .application_table {
      border: none;
      border-radius: none;
      margin: 10px 25px 10px 25px !important;
      background-color: transparent;
      padding: 20px 40px 20px 40px;
    }
    

  }


  @media screen and (max-width: 700px) {
    .sidebar {
      width: 100%;
      height: auto;
      position: relative;
    }
    .sidebar a {
      float: left;
    }
    div.content {
      margin-left: 0;
    }

    .topbar{
        margin-left: 0;
        display: flex;
        flex-direction: column;
        height: 160px;
        align-items: center;
    }
    .organization_table {
      padding: 20px;
      flex-direction: column;
      border-radius: 25px;
      background-color: transparent;
      border: none;
      margin: 0px !important;
    }
    .application_table {
      border: none;
      border-radius: none;
      margin: 10px 25px 10px 25px !important;
      background-color: transparent;
      padding: 20px 40px 20px 40px;
    }

  }
  
  @media screen and (max-width: 400px) {
    .sidebar a {
      text-align: center;
      float: none;
    }
    .organization_table {
      padding: 20px;
      flex-direction: column;
      border-radius: 25px;
      background-color: transparent;
      border: none;
      margin: 0px !important;
    }
    .application_table {
      border: none;
      border-radius: none;
      margin: 10px 25px 10px 25px !important;
      background-color: transparent;
      padding: 20px 40px 20px 40px;
    }
    .main {
        border:0px;
        border-radius: 0px; 
        margin-top: 0px; 
        margin-bottom: 25px;
        box-shadow: 5px 5px 5px 5px rgb(159 154 154);
    }
  }