/* fonts */
@font-face {
    font-family: 'DINPro_medium';
    src: url('fonts/DINPro_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-Regular.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-Bold.ttf') format('truetype');

    font-weight: bold;
    font-style: normal;
  }
  @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {

    /* Colors: */
    --unnamed-color-154b73: #154B73;
    
    /* Font/text values */
    --unnamed-font-family-roboto: Roboto;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-12: 12px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-11-5: 11.5px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing-0-12: 0.12px;
    --unnamed-character-spacing-0-16: 0.16px;
    --unnamed-line-spacing-14: 14px;
    --unnamed-line-spacing-21: 21px;
    }
    



*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family: Roboto;
}


html,body{
    width:100%;
    height:100%;
  
}
.main{
    min-height: 100vh;
    min-width: 100%;
    position: relative;
    background-image: url('./assets/images/background/desktop/background-desktop.jpg');
    background-size: cover;

}

/* global */

table td,th{
  justify-content: center;
  align-content: center;
}
.container{
  max-width: 90% !important;
}

#date{
  height: 5.3vh;
}
select{
  height: 5.1vh;

}

/* select2 styles */
      /* Custom styles for select2 */
      .select2-container .select2-selection--single {
        height: 5.3vh !important; /* Height of the select box */
        border: 1px solid #D0D5DD !important;
         border-radius: 8px !important;
         align-content: center !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px; /* Align text vertically */
        font-size: 16px; /* Font size */
        color: #007bff; /* Text color */
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 5.3vh !important; /* Arrow height */
      align-content: center !important;
    }

    .select2-dropdown {
        border: 2px solid #007bff; /* Dropdown border */
    }

    .select2-results__option--highlighted {
        background-color: #007bff; /* Highlight background */
        color: #fff; /* Highlight text color */
    }



/* 
----------- */
/* navbar */
.navbar{
    width: 100%;
    min-height:9vh;
    /* padding: 0vw 4vw; */
    padding: 0vw 1vw;
    position: relative;
}
.navbar h1{
    color:#4EFF00;
    font-family:DINPro_medium ;
    font-size:3vw;
    /* letter-spacing: -24px; */
    line-height: 34px;

    

}
.nav_links a img{
    width: auto;
    height: 2.1vh;
}
.logo_text-2 p{
    color:#4EFF00;
    font-family:DINPro_medium ;
    font-size: 0.6vw;

}
.navbar .user_details img{
    width: auto;
    height: 2.5vh;

}
.navbar .user_details span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/16px var(--unnamed-font-family-roboto);
  letter-spacing: var(--unnamed-character-spacing-0-12);
  text-align: left;
  font: normal normal normal 12px/16px Roboto;
  letter-spacing: 0.12px;
  color: #FFFFFF;

}
.nav_item{
  width:13.5vw;
  display: flex;
  align-items: center;
  padding: 0vw 1.5vw;
  text-decoration: none;

  gap:0.5rem;
}
.nav_item:hover{
  background-color: #DBFFCC;
  border-bottom: 0.3rem solid #241B83;
}
.user_menu{
  position: absolute;
  /* min-height: 10vh;
  width:7vw; */

  background-color: #00024B;
  color:white;
  right:5vw;
  top:3vw;
   z-index: 99;
   border-top: 0.2rem solid #4EFF00;
   display: none;
   width:10%;

  
}
.user_menu ul li{
  list-style: none;
}
.user_menu span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/16px var(--unnamed-font-family-roboto);
  letter-spacing: var(--unnamed-character-spacing-0-12);
   text-align: left;
  font: normal normal normal 12px/16px Roboto;
  letter-spacing: 0.12px;
  color: #FFFFFF;

}
.user_menu ul{
  padding-left: 0rem;
}
.user_menu li{
  padding: 1.5vh 1.5vw;
  border-bottom: 1px solid #667085;
}
.user_menu a{
  text-decoration: none;
}





/* footer */
.footer{
  background-image: url('./assets/images/background/desktop/background-desktop.jpg');
  height: 15vh;
  position: relative;
  background-position: center;
  background-size: cover; 

}
.footer p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto);
  text-align: left;
  font: normal normal normal 14px/19px Roboto;
  letter-spacing: 0.14px;
  color: #FFFFFF;
}
.footer p span{

  color:#4EFF00;
}
/* index_page */
.menu{
    width: 100%;
    min-height:90vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;

}
.menu .hero_heading{
        font-family: var(--unnamed-font-family-roboto);
        font-style: var(--unnamed-font-style-normal);
        font-weight: var(--unnamed-font-weight-bold);
        font-size: 9vw;
        color:#4EFF00;
 }
.menu .divider{
        border-left:0.3vw solid #4EFF00
    }
.sub_heading-1{
    font-family:DINPro_medium ;
    font-size:1.73vw;
    /* letter-spacing: -24px; */
    line-height: 34px;
    color:#4EFF00;
    margin-left: -1.4rem;
}
.sub_heading-1 span{
   color:white;
 
}
.sub_heading_2 h5{
    /* font-family: var(--unnamed-font-family-roboto); */
    font-family:DINPro_medium ;
    font-weight: bold;
    font-size:4.5vw;
    letter-spacing: 10;
    line-height: 5vw;
 
    color:white;

}
.sub_heading_2 h5 span{
    color:#4EFF00;
   

}

/* login_form */
.login_form{
/* 
width: 365px;
height: 389px; */
background: #F9FAFB 0% 0% no-repeat padding-box;
box-shadow: 3px 3px 20px #00000050;
border-radius: 8px;
opacity: 1;
}
.hero_logo{
  width:33.5vw;
  height:15vh;
  margin-bottom: 4.5vw;
}

.login_form .heading{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0-16);
font-size: 16px;
line-height: 16px;


letter-spacing: 0.16px;
color: #00004B;

}
.login_form .sub_heading{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 10px/13px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: center;
font-size: 10px;
line-height: 10px;

letter-spacing: 0px;
color: #00004B;
}
.login_form .btn{
border: 1px solid #D0D5DD;
border-radius: 8px;
opacity: 1;
background-color: #00004B;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
height: 5.7vh;
}
.login_form #keep_me_logged_in{
    
border: 1px solid #D0D5DD;
height: 1.1vw;
width:1.1vw;

}
.login_form label{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/16px var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 12px/16px Roboto;
    letter-spacing: 0px;
    color: #00004B;
    
}
.login_form a{
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: right;
text-decoration: underline;
font: normal normal normal 12px/16px Roboto;
letter-spacing: 0px;
color: #00004B;
opacity: 0.4;

}

.login_form .input{
height: 6.5vh;
/* UI Properties */
border: 1px solid #D0D5DD !important;
border-radius: 8px;


}

.login_form .form-control:focus{
    border-width: 0px;
    box-shadow: none;
}
.input:focus{

    background-color: #fff;
    border-width: 3px;
    border-color: #80bdff;
    border-style: solid;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  .input input::placeholder{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 15px/20px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 15px/20px Roboto;
letter-spacing: 0px;
color:#D8D8E4;

  }
  .input img{
    width: 1.2vw;
    height:1.2vw;
  }


  /* dashboard page */
  .menu_bar{
    background-color: #F5F5F5;
    width: 100%;
    min-height:5vh;
    /* min-height:40px; */
    /* padding:0vw 4.9vw; */
    /* padding:0vw 4vw; */


  }
  .menu_bar img{
    width: auto;
    height: 1vw;
  }
  .menu_bar span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 0.78vw/0.78vw var(--unnamed-font-family-roboto);
    text-align: left;
    font: normal normal normal 0.78vw/0.78vw  Roboto;
    letter-spacing: 0.11px;
    color: #00024B;
  }

  .expense_card{
    width: 100%;
    height: 88px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CED0D5;
    border-radius: 10px;
    padding: 0vw 1vw;
    margin:0.5vw;
    display: flex;

   
    justify-content: center;
  }
  .expense_card p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/16px var(--unnamed-font-family-roboto);
text-align: left;
font: normal normal bold 14px/16px Roboto;
letter-spacing: 0.14px;
color: #00004B;
  }
  .expense_card .value{
    border-left: 1.5px solid black;
    border-right: 1.5px solid black;
  }
  .expense_card .value >p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto) !important;
    text-align: left;
    font: normal normal normal 14px/19px Roboto !important;
    letter-spacing: 0.14px;
    color: #00004B;
  }
  .expense_card img{
    width: 1.6vw;
    height:1.6vw;
  }

  .route p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 9px/10px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
text-decoration: underline;
font: normal normal bold 9px/10px Roboto;
letter-spacing: 0px;
color: #00004B;

  }
  .route span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 9px/11px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 9px/11px Roboto;
letter-spacing: 0px;
color: #00004B;
  }
  .heading p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 22px/29px var(--unnamed-font-family-roboto);
    text-align: left;
    font: normal normal normal 22px/29px Roboto;
    letter-spacing: 0.22px;
    color: #00004B;

  }
  .graphs{
    background: #F4F5FE 0% 0% no-repeat padding-box;
    min-height:35vh;
    padding: 0px 4.4vw;
  }
  canvas{
    width:auto !important;
    height: 40vh !important;
   
  }
  #chart-3{
    width:auto !important;
    height: 35vh !important;

  }


  /* all_documents page */
  .heading div{
    height: 2.5vw;
    /* width:2.5vw; */
    width:2.5vw;
    border-radius: 50%;
    background-color: #00004B;
    position:relative
  }
  .heading h5{

    /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 22px/29px var(--unnamed-font-family-roboto); */
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal)  1.19vw/1.2vw var(--unnamed-font-family-roboto);
text-align: left;
font: normal normal normal 1.19vw/1.2vw Roboto;
letter-spacing: 0.22px;
color: #00004B;
  }
  .heading div img path{
   fill:#FFFFFF;
  }

  /* table */
  .expense_table tr,.expense_table td,.expense_table th{
    border:0px;
  }
  .expense_table {
    border-collapse: separate;
    border-spacing: 0 10px; 
  }
  
  .expense_table td, .expense_table th {
    padding: 1vw; 
  }
  
  .table_heading{
    background: #E5E5FC 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #00000019;
   
    border-radius: 0.5vw;
  }
 .table_heading span{
  /* font-family: DINPro_medium; */

  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 13px/15px var(--unnamed-font-family-roboto);
  letter-spacing: var(--unnamed-character-spacing-0);

  font: normal normal normal 13px/15px Roboto;
  font-size: 0.9vw;
  color:#00004B

 }
 .data{
  /* background: #FFFFFF 0% 0% no-repeat padding-box; */
  box-shadow: 0px 2px 6px #00000019;
  border: 8px solid #EAECF0 !important;
  border-radius: 0.5vw;
margin: 5vw 0vw;
 }
 .expense_table span {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 13px/15px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 13px/15px Roboto;
letter-spacing: 0px;
color: #00004B;
display: flex;
align-items: center;
 } 

 .badge{
  background: #F5F5F5 0% 0% no-repeat padding-box;
border-radius: 12px;
padding:0.5vw 1vw;

 }
 .status_success{
  background: #EDFFE5 0% 0% no-repeat padding-box;
border-radius: 12px;
 }
 .status_danger{
  background: #FFF1F3 0% 0% no-repeat padding-box;
border-radius: 12px;
 }

 .status_submitted{
  
  background: #F0F1FF 0% 0% no-repeat padding-box;
  border-radius: 12px;
 }
 
 .input input{
  border:none
 }
 .input input:focus{
  box-shadow: none;
 }
 .input{
  border: 1px solid #D0D5DD;
border-radius: 8px;
padding: 0.1vw 0.5vw;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 label{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0-12);
text-align: left;
font: normal normal bold 12px/14px Roboto;
letter-spacing: 0.12px;
color: #00004B;
margin-bottom: 0px !important;
 }
 select,#date{
  border: 1px solid #D0D5DD !important;
  border-radius: 8px !important;
  background-color: white;
  
 
 }
 .date{

  /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal)0.7vw/1vw w var(--unnamed-font-family-roboto) !important;
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  font: normal normal normal 0.7vw/1vw  Roboto;
  letter-spacing: 0px;
  color: #00004B; */
 
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 0.7vw/1.4vw var(--unnamed-font-family-roboto) !important;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 0.7vw/1.4vw Roboto !important;
letter-spacing: 0px;
color: #00004B;
 }


 /* outstanding refunds page */

 .info_duration{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 11px/13px var(--unnamed-font-family-roboto) !important;
letter-spacing: var(--unnamed-character-spacing-0) !important;
text-align: left;
font: normal normal bold 11px/13px Roboto !important;
letter-spacing: 0px;
color: #A5352C !important;

 }
 .info_date{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 13px/18px var(--unnamed-font-family-roboto) !important;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 13px/18px Roboto !important;
letter-spacing: 0px !important;
color: #00004B !important;

 }
 .outstanding_refund_active{
  background-color: #FFF5F4 !important;
 }
 .export_btn{
  width: 91px;
  height: 35px;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
 }
 .export_btn span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 14px/16px Roboto;
letter-spacing: 0px;
color: #00004B;
 }
 .export_btn img{
  width: 2vw;
  height:4vh;
 }

 /* settings page */
 .settings_btn_div{
 background-color: #f5f6ff !important;

 }
 .settings_btn_div button{
  border-radius: 0.5vw !important;
  border:0.1vw solid #F5F5F5;
  background-color: #FFFFFF;
  padding-left:1vw;
  padding-right: 1vw;
 }
 .settings_btn_div button span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 14px/16px Roboto;
letter-spacing: 0px;
color: #00004B;
 }

 .settings_btn_div button img{
  width:1vw;
  height:1vw;
 }
 .settings_table{
  border: 1px solid #CED0D5;
border-radius: 1vw !important;


 }
 .settings_table td >span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 1vw var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 1vw Roboto;
letter-spacing: 0px;
color: #00004B;

 }

 /* users page */

 .add_user_btn img{
  width:2vw;
  height:4vh;

 }
 .add_user_btn{
  border: 1px solid #D0D5DD;
  border-radius: 0.5vw !important;
  background-color: #FFFFFF;

 }
 .add_user_btn span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/16px var(--unnamed-font-family-roboto) !important;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 14px/16px Roboto !important;
letter-spacing: 0px;
color: #00004B;
 }


 /* create user */
 .modal-xl{
  min-width: 70vw;
 }
 .modal-header{
  background: #F9FAFB 0% 0% no-repeat padding-box;
  border-radius: 8px 8px 0px 0px;
 }
 .modal-title {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 15px/20px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 15px/20px Roboto;
letter-spacing: 0px;
color: #00004B;
 }

 .create_user_btn{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 14px/16px Roboto;
letter-spacing: 0px;
color: #00004B;
border: 1px solid #D0D5DD;
border-radius: 0.5vw !important;
background-color: #FFFFFF;
/* 
height: 5vh; */
 }
 .create_user_btn img{
  width: 1vw;
  height:1dvw;
 }
 .card-header{
  /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 15px/20px var(--unnamed-font-family-roboto);
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  font: normal normal normal 15px/20px Roboto;
  letter-spacing: 0px;
  color: #00004B; */
background-color: #E5E5FC;

font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/1.1vw var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 1vw/1.1vw Roboto;
letter-spacing: 0px;
color: #00004B;

 }
 .modal label{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 14px/19px Roboto;
letter-spacing: 0px;
color: #00004B;
 }


 /* create request funding page */
.document_card{
  min-height: 15vh;
  background: #F9FAFB 0% 0% no-repeat padding-box;
border-radius: 8px;
}
.document_card img{
  height:3.5vh;
  width:auto
}

.document_card p{

  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto);
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 14px/19px Roboto;
  letter-spacing: 0px;
  color: #00004B;
}

.document_card span{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 12px/16px Roboto;
letter-spacing: 0px;
color: #667085;
}

.create_funding_request td> span {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 15px/18px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);

font: normal normal bold 15px/18px Roboto;
letter-spacing: 0px;
color: #00004B;
}


/* submit request for invoice page */
.alert{
  height: 7vh;
}
.alert p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 15px/20px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 15px/20px Roboto;
letter-spacing: 0px;
color: #00004B;
}
.alert img{
  width:auto;
  height:4vh;
}

/* returned request ->submit request for invoice page */
.action_column{
  background: #001DF40A 0% 0% no-repeat padding-box !important;
  padding: 1vw 2vw !important;
}

.tab{


font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 14px/19px Roboto;
letter-spacing: 0px;
background: #F5F5F5 0% 0% no-repeat padding-box;
border: 1px solid #D0D5DD;
cursor: pointer;

}
.tab_active{
  background: #00004B 0% 0% no-repeat padding-box;
  color: #FFFFFF;
}
.proposal_btn_div{
  border-radius: 0.6vw;
  overflow: hidden;
  position:relative
}
.tab_heading{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-11-5)/var(--unnamed-line-spacing-14) var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0-12);
text-align: left;
font: normal normal bold 12px/14px Roboto;
letter-spacing: 0.12px;
color: #00004B;
}
.proposal_text p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/20px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 14px/20px Roboto;
letter-spacing: 0px;
color: #00004B;
}

/* reset password page */
.user_action_column{
  background: #001DF40A 0% 0% no-repeat padding-box !important;
  padding: 0vw !important;

}
.user_action_column p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 0.9vw/1.2vw var(--unnamed-font-family-roboto);
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  font: normal normal bold  0.9vw/1.2vw Roboto;
  letter-spacing: 0px;
  color: #00004B;

}
.user_action_card{
  border: 1px solid #CED0D5 !important;
border-radius: 0.8vw !important;
overflow: hidden;
}
.user_action_card  input{
  border: 1px solid #D0D5DD;
border-radius: 8px;
}
.user_action_card input::placeholder{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 0.9vw/1.2vw var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 0.9vw/1.2vw  Roboto;
letter-spacing: 0px;
color: #C1C6CE;

}



/* bank details page */
.bank_details input{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/20px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 14px/20px Roboto;
letter-spacing: 0px;
color: #00024B;
height:5.1vh;
border-radius: 8px;

}

/* company profile */
.company_profile{
  border: 1px solid #CED0D5;
  border-radius: 8px;
}
.company_profile p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/19px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 14px/19px Roboto;
letter-spacing: 0px;
color: #00004B;
}
.company_profile_card{
  background-color: #F9FAFB;
}
.company_profile a{
  text-decoration: none;
}
.company_profile span{
  color:#FF00FF !important;
}
.company_details{
  background-color: #F5F6FF;
  border: 1px solid #CED0D5;
  border-radius: 8px;
}

.company_details label{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 14px/16px Roboto;
letter-spacing: 0px;
color: #00004B;


}
.company_details p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/16px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal bold 14px/16px Roboto;
letter-spacing: 0px;
color: #00004B;


}
hr{
  
}

.img_div{
  height: 6vh;
  width:3vw;
  border-radius: 50%;
  background-color: #00004B;
  position:relative
}

/* create_funding_modal page */
.create_funding_modal_main{
  border: 1px solid #CED0D5;
  border-radius: 8px;

}
.create_funding_modal{
  background-color: #F9FAFB;
}

.create_funding_modal p{
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 15px/20px var(--unnamed-font-family-roboto);
letter-spacing: var(--unnamed-character-spacing-0);
text-align: left;
font: normal normal normal 15px/20px Roboto;
letter-spacing: 0px;
color: #00004B;

}