/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxi7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root {
  --primaryColor: #43A047;
  --buttonSaveColor: #43A047;
  --greenColor: #43A047;
  --grayColor1: #f0efee;
  --grayColo2: #dcdad9;
  --grayColor3: #f5f3f3;
  --whiteColor: #ffffff;
  --blackColor: #000000;
  --blueColor: #337dff;
  --redColor: #E32020;
  --borderRadius: 5px;
  --fontSize: 16px;
  --padding: 20px;
  --centerAlign: center;
  --fontFamily: "Montserrat", sans-serif;
  --fontBold: bold;
}


*{
  font-family: var(--fontFamily);
}

/* Table header */
table th {
  background: #f8f9fa;
  text-align: left;
  font-weight: 600;
  padding: 8px;
  font-size: 0.8rem;
}

/* Table rows */
table td {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  font-size: 0.75rem;
}

/* Responsive font scaling */
@media (max-width: 1200px) {
  table th, table td {
    font-size: 0.85rem;
  }
}

@media (max-width: 992px) {
  table th, table td {
    font-size: 0.8rem;
    padding: 6px;
  }
}

@media (max-width: 768px) {
  table th, table td {
    font-size: 0.7rem;
    padding: 5px;
  }
}

@media (max-width: 576px) {
  table th, table td {
    font-size: 0.6.5rem;
    padding: 4px;
    white-space: nowrap; /* prevent text wrapping */
  }
}


/* Default small button size */
.btn-sm {
  font-size: 0.6rem !important;   /* ~14px */
  padding: 0.35rem 0.6rem;
  border-radius: 0.25rem;
}

/* Medium screens (tablet) */
@media (max-width: 992px) {
  .btn-sm {
    font-size: 0.6rem;   /* ~13px */
    padding: 0.3rem 0.55rem;
  }
}

/* Small screens (mobile landscape & portrait) */
@media (max-width: 768px) {
  .btn-sm {
    font-size: 0.65rem;   /* ~12px */
    padding: 0.28rem 0.5rem;
  }
}

/* Extra small screens (very small phones) */
@media (max-width: 576px) {
  .btn-sm {
    font-size: 0.6rem;   /* ~11px */
    padding: 0.25rem 0.45rem;
  }
}



/* Global modal overrides */
.modal-content {
  border-radius: 0.75rem;      /* Rounded corners */
  padding: 1.5rem;             /* Space inside modal */
  box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.2);  /* Soft shadow */
  font-family: "Segoe UI", Roboto, sans-serif;
}

/* Modal header */
.modal-header {
  background-color: #f8f9fa;   /* Light gray background */
  border-bottom: 1px solid #dee2e6;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;           /* Heading size */
  font-weight: 600;
  color: #343a40;               /* Dark text */
}

/* Modal title */
.modal-title {
  margin: 0;
}

/* Modal body (content area) */
.modal-body {
  padding: 1rem 1.5rem;
  font-size: 0.95rem;
  color: #495057;
}

/* Modal footer */
.modal-footer {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #dee2e6;
}

/* Buttons inside modal */
.modal-footer .btn {
  min-width: 100px;
  font-size: 0.9rem;
}

/* Forms inside modal */
.modal-body form {
  display: flex;
  flex-direction: column;
  gap: 1rem;                  /* Space between fields */
}

.modal-body form input,
.modal-body form select,
.modal-body form textarea {
  width: 100%;
  padding: 0.5rem;
  font-size: 0.9rem;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .modal-content {
    padding: 1rem;
  }

  .modal-header {
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
  }

  .modal-body {
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
  }

  .modal-footer {
    padding: 0.5rem 1rem;
  }
}

@media (max-width: 576px) {
  .modal-content {
    padding: 0.5rem;
  }

  .modal-header {
    font-size: 1rem;
    padding: 0.5rem;
  }

  .modal-body {
    font-size: 0.85rem;
    padding: 0.5rem;
  }

  .modal-footer {
    padding: 0.25rem;
  }
}





/* dashboard_container */
.dashboard_container .header_for_background {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), /* gradient overlay */
    url('../images/bg2.jpg'); /* background image */
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding:200px 0px;
    border-radius: var(--borderRadius);
    color: var(--whiteColor);
}
.dashboard_container {
    padding: 50px 0px;
    font-family: var(--fontFamily, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
    background-color: #f5f5f5;
}

/* Welcome Header */
.dashboard_container h1 {
    font-size: 30px;
    font-weight: var(--fontBold, 700);
    margin-bottom: 50px;
}
.dashboard_container h1 .text-warning {
    font-weight: 500;
    font-size: 1rem;
}

.dashboard_container .content{
  margin-top: 100px;
}

/* Section Containers */
.dashboard_container .content .concept_notes_summary,
.dashboard_container .proposal_summary_section,
.dashboard_container .pie_chart_section,
.dashboard_container .proposal_graph,
.dashboard_container .active_closed_project,
.dashboard_container .concept_note_graph,
.dashboard_container .active_projects {
    border: 2px solid var(--grayColor1, #ccc);
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 20px;
}

/* Section Titles */
.dashboard_container h2 {
    font-size: 18px;
    font-weight: var(--fontBold, 600);
    color: var(--blackColor, #333);
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

/* Amount Section Grid */
.dashboard_container .content .amount_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.dashboard_container .header_for_background h2{
  font-size: 50px;
  font-weight: var(--fontBold, 600);
  color: var(--whiteColor, #333);
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

/* Chart Section */
.pie_chart_section,
.chart_section {
    text-align: center;
    overflow-x: auto;
}

/* Table styles */
.table th,
.table td {
    vertical-align: middle !important;
    font-size: 0.9rem;
}
.table .badge {
    font-size: 0.85rem;
}

/* Small buttons system-wide */
.btn-sm {
    padding: 0.25rem 0.6rem;
    font-size: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard_container h1 {
        font-size: 1.8rem;
    }
    .dashboard_container .content .amount_section {
        grid-template-columns: 1fr;
    }
    .table th,
    .table td {
        font-size: 0.8rem;
    }
}






/* navigation */
.navigation{
  padding: 10px 30px;
}
.navigation ul{
  list-style: none;
  padding-left: 0px !important;
}
.navigation ul li{
  line-height: 40px;
  /* font-size: 16px; */
  padding: 0px 10px;
}
.navigation ul a li:hover{
  font-size: 16px;
  background: var(--grayColor1);
  border-radius: var(--borderRadius);
}
.navigation ul li.list_heading{
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.navigation ul li.list_heading:hover{
  background: var(--whiteColor);
}
.navigation ul a{
  color: var(--blackColor);
  font-size: 16px;
  text-decoration: none;
  font-weight: 400 !important;
  opacity: 0.6;
}
.navigation .horizontal_line{
  width: 100%;
  height: 1px;
  background: var(--grayColo2);
  margin: 20px 0px;
}



.header_container{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  /* background: var(--grayColor1); */
  background: var(--whiteColor);
  padding: 10px;
  border-bottom: 5px solid var(--greenColor);
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header_container button{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
}
.header_container button:hover{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
}
.header_container .menu_logo{
  display: flex;
  align-items: var(--centerAlign);
  justify-content: var(--centerAlign);
}
.header_container .menu button i{
  color: var(--blackColor);
  font-weight: 900;
}
.header_container .menu_logo .logo img{
  width: 300px;
  margin-right: 20px
}

.header_container .profile_other_operation{
  display: flex;
  align-items: var(--centerAlign);
  justify-content: var(--centerAlign);
}
.header_container .profile_other_operation ul li{
  line-height: 40px;
}
.header_container .profile_other_operation .input_search{
  margin-right: 5px;
}
.header_container .profile_other_operation .input_search button{
  width: 300px;
  text-align: left;
}
.header_container .profile_other_operation .button_create{
  margin-right: 5px;
}
.header_container .profile_other_operation .button_notification{
  margin-right: 5px;
}
.header_container .profile_other_operation .profile_avatar button{
  border-radius: 100%;
}
.header_container .profile_other_operation .profile_avatar button img{
  width: 35px;
  height: 35px;
  border-radius: 100%;
}


/* no_content */
.no_content{
  border: 5px dotted var(--grayColor1);
  padding: 50px 20px;
  border-radius: var(--borderRadius);
}
.no_content p{
  border-left: 5px solid var(--primaryColor);
  padding: 15px 0px 15px 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* modal_search */
.modal_search .modal-content .modal-body input{
  width: 100%;
  padding: 10px;
  border-radius: var(--borderRadius);
  border: 1px solid var(--primaryColor);
}

/* concept_note */
.concept_note{
  padding: 50px 0px;
}
.concept_note .content h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.concept_note .content button{
  background: var(--primaryColor);
  color: var(--whiteColor);
}
.concept_note .content form textarea{
  resize: none;
}
.concept_note .content form input[type="date"]{
  width: 100%;
}
.concept_note .concept_note_form_section{
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
}

/* all_concept_note */
.all_concept_note{
  padding: 50px 0px;
}
.all_under_review{
  margin-top: 150px;
  border-left: 2px solid #F59527;
  padding: 50px 20px;
}
.all_under_review h2{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.all_concept_note .content{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.concept_note_modal .modal-body ul{
  list-style: none;
}
.concept_note_modal .modal-body ul a{
  text-decoration: none;
  color: var(--blackColor);
  font-size: 16px;
}
.concept_note_modal .modal-body ul a li{
  line-height: 50px;
}

/* concept_details_view */
.concept_details_view{
  padding: 50px 0px;
}

.concept_note_details .all_attachments{
  display: flex;
  /* justify-content: var(--centerAlign); */
  align-items: var(--centerAlign);
  flex-wrap: wrap;
}
.concept_note_details .all_attachments .individual_attachment{
  border: 2px solid var(--grayColor1);
  border-radius: 5px;
  padding: 10px;
  margin-right: 5px;
}
.concept_note_details .all_attachments .individual_attachment a{
  text-decoration: none;
  color: var(--blackColor);
  font-size: 13px;
  font-weight: var(--fontBold);
}

.timeline_to_track_concept_note{
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  padding: 10px;
  height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.timeline_to_track_concept_note .headng_and_download{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.timeline_to_track_concept_note h2{
  font-size: 16px;
  font-weight: var(--fontBold);
  font-family: var(--blackColor);
}
.timeline_to_track_concept_note .single_activity small.user_section{
  opacity: 0.6;
}


.custom-tooltip {
  --bs-tooltip-bg: var(--primaryColor);
  --bs-tooltip-color: var(--whiteColor);
}

/* department */
.department{
  padding: 50px 0px;
}
/* .department .content{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  background: var(--whiteColor);
} */
.department .content h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.department .content button{
  background: var(--primaryColor);
  color: var(--whiteColor);
}
.department .content form textarea{
  resize: none;
}

/* organization */
.organization{
  padding: 50px 0px;
}
.header_section{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
  margin-bottom: 30px;
  /* border-left: 5px solid var(--primaryColor); */
  /* background: var(--whiteColor); */
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  /* padding: 20px 20px 0px 20px; */
}
.header_section .heading h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.header_section .button_section a{
  text-decoration: none;
  border: 2px solid var(--grayColor2);
  border-radius: var(--borderRadius);
  /* font-size: 14px; */
  color: var(--blackColor);
  padding: 10px;
  background: var(--grayColor1);
}
/* .organization .content{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  background: var(--whiteColor);
} */
.organization .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.organization .content button{
  background: var(--primaryColor);
  color: var(--whiteColor);
}
.organization .content form textarea{
  resize: none;
}
.organization .content h2{
  font-size: 20px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}
.organization .content .load_more_funders{
  margin: 40px 0px;
}
.organization .content .load_more_funders a{
  text-decoration: none;;
  color: var(--blackColor);
  font-size: 12px;
  font-weight: var(--fontBold);
  border: 2px solid var(--primaryColor);
  padding: 20px 20px;
  border-radius: var(--borderRadius);
}

/* all_organization */
.all_organization{
  padding: 50px 0px;
}
.all_organization .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.organization_canvas{
  width: 50% !important;
  padding: 0px 30px;
}
.organization_canvas h2{
  font-size: 20px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}

/* funding_partners_mapping_section */
.funding_partners_mapping_section{
  margin-bottom: 5px;
}
.funding_partners_mapping_section .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.funding_partners_mapping_section .content h2{
  font-size: 20px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
}
.funding_partners_mapping_section .content form label{
  font-size: 15px;
  color: var(--blackColor);
  /* font-weight: var(--fontBold); */
  display: block;
  margin-bottom: 10px;
}
.funding_partners_mapping_section .content form select{
  font-size: 15px;
  color: var(--blackColor);
  /* font-weight: var(--fontBold); */
  display: block;
  margin-bottom: 10px;
  width: 100%;
}



/* all_organization */
.all_department{
  padding: 50px 0px;
}
.all_department .content{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.department .content{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}

/* archiving */
.archiving{
  padding: 50px 0px;
}
.archiving .content h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.archiving .content button{
  background: var(--primaryColor);
  color: var(--whiteColor);
}
.archiving .content form textarea{
  resize: none;
}

/* submitted_proposal */
.submitted_proposal{
  padding: 50px 0px;
}
.submitted_proposal .content h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}

/* all_proposal */
.all_proposal{
  padding: 50px 0px;
}
.all_proposal .content{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.all_proposal .content h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.all_proposal .wrapper_not_started{
  border-left: 2px solid var(--blackColor);
  padding: 50px 0px 50px 20px;
  margin-bottom: 20px;
}
.all_proposal .wrapper_not_started .no_project{
  border: 5px dotted var(--grayColor1);
  padding: 30px;
  text-align: var(--centerAlign);
  margin-top: 10px;
}
.all_proposal .wrapper_active{
  border-left: 2px solid var(--greenColor);
  padding: 50px 0px 50px 20px;
  margin-bottom: 20px;
}
.all_proposal .wrapper_active .no_project{
  border: 5px dotted var(--grayColor1);
  padding: 30px;
  text-align: var(--centerAlign);
  margin-top: 10px;
}
.all_proposal .wrapper_closed{
  border-left: 2px solid var(--redColor);
  padding: 50px 0px 50px 20px;
  margin-bottom: 20px;
}
.all_proposal .wrapper_closed .no_project{
  border: 5px dotted var(--grayColor1);
  padding: 30px;
  text-align: var(--centerAlign);
  margin-top: 10px;
}
.all_proposal .wrapper_active h3{
  font-size: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.all_proposal .wrapper_closed h3{
  font-size: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.all_proposal .all_under_review_proposal{
  margin-top: 100px;
  border-left: 2px solid #F59527;
  padding: 50px 20px;
}
.all_proposal .all_under_review_proposalh2{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}

/* proposal_form_details */
.proposal_form_details{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.proposal_form_details .concept_note_section_to_edit{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.proposal_form_details form label{
  display: block;
  font-size: 13px;
  font-weight: var(--fontBold);
}
.proposal_form_details .helptext{
  display: block;
  font-size: 11px;
}
.proposal_form_details form input{
  display: block;
  font-size: 13px;
  width: 100%;
  margin-bottom: 10px;
}
.proposal_form_details form select{
  display: block;
  font-size: 13px;
  width: 100%;
  margin-bottom: 10px;
}
.proposal_form_details form textarea{
  display: block;
  font-size: 13px;
  height: 120px;
  resize: none;
  width: 100%;
  margin-bottom: 10px;
}

/* proposal_details */
.proposal_details{
  padding: 50px 0px;
}
.proposal_details td a{
  border: 2px solid var(--grayColor1);
  padding: 10px;
  border-radius: var(--borderRadius);
  text-decoration: none;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.proposal_details div.modal .modal-body.cost_center_form_body{
  padding: 40px;
}
.proposal_details div.modal .modal-body.cost_center_form_body label{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  opacity: 0.7;
  margin-bottom: 5px;
}
.proposal_details div.modal .modal-body.cost_center_form_body input[type="text"]{
  display: block;
  /* font-weight: var(--fontBold); */
  color: var(--blackColor);
  width: 100%;
  outline: none;
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding:0px 5px;
}
.proposal_details div.modal .modal-body.cost_center_form_body input[type="email"]{
  display: block;
  /* font-weight: var(--fontBold); */
  color: var(--blackColor);
  width: 100%;
  outline: none;
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding:0px 5px;
}
.proposal_details div.modal .modal-body.cost_center_form_body select{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  width: 100%;
}
.proposal_details div.modal .modal-body.cost_center_form_body textarea{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  width: 100%;
  padding: 10px;
  height: 100px;
  resize: none;
}
.proposal_details div.modal .modal-body.cost_center_form_body p{
  font-size: 18px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
  margin-top: 10px;
}

/* full_proposal */
.full_proposal{
  padding: 50px 0px;
}
.full_proposal .proposal_submission_section{
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  padding: 20px;
}
.full_proposal .budget_projection_section{
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  padding: 20px;
}
.full_proposal .budget_projection_section h2{
  font-size: 18px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}

/* awarded letter */
.create_awarded_letter{
  padding: 50px 0px;
}
.create_awarded_letter .content{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.create_awarded_letter .content .back_to_list a{
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  padding: 10px 20px;
  color: var(--blackColor);
  text-decoration: none;
}
.create_awarded_letter .content .direct_awarded_grant_section form label{
  font-size: 0.85rem;
  font-weight: var(--fontBold);
  margin-top: 10px;
  display: block;
}
.create_awarded_letter .content .direct_awarded_grant_section form .helptext{
  font-size: 0.7rem;
  margin-bottom: 5px;
  display: block;
}
.create_awarded_letter .content .direct_awarded_grant_section form input{
  font-size: 0.7rem;
  font-weight: var(--fontBold);
  margin-bottom: 5px;
  display: block;
  width: 100%;
  padding: 5px;
}
.create_awarded_letter .content .direct_awarded_grant_section form select{
  font-size: 0.7rem;
  font-weight: var(--fontBold);
  margin-bottom: 5px;
  display: block;
  width: 100%;
  padding: 5px;
}
.create_awarded_letter .content .direct_awarded_grant_section form input[type='file']{
  font-size: 0.7rem;
  font-weight: var(--fontBold);
  margin-bottom: 5px;
  display: block;
  width: 100%;
  padding: 5px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}

/* all_cost_center */
.all_cost_center{
  padding: 50px 0px;
}
.all_cost_center .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}

/* awarded_letters_detail */
.awarded_letters_detail{
  padding: 50px 0px;
}
.awarded_letters_detail .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}

/* project_details */
.project_details{
  padding: 50px 0px;
}
.project_details .content h1{
  font-size: 30px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.project_details .content h2{
  font-size: 30px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-style: italic;
}
.project_details .project_status_dropdown{
  display: flex;
}
.project_details .project_status_dropdown .project_status_form{
  margin-right: 10px;
}

.project_attachments_list_section{
  border: 2px solid var(--grayColor1);
  padding: 20px;
}
.project_attachments_list_section h2{
  font-size: 18px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-style: italic;
}
.project_attachments_list_section h2 i{
  font-size: 50px;
}
.project_attachments_list_section .table-responsive{
  padding: 0px 50px !important;
}
.project_attachments_list_section .accordion{
  padding: 0px 50px !important;
}
.project_attachments_list_section .accordion h2{
  border: none !important;
  outline: none !important;
  background: var(--primaryColor) !important;
}
.project_attachments_list_section .accordion h2 button{
  outline: none !important;
  color: var(--blackColor);
  font-weight: var(--fontBold);
}
.project_attachments_list_section .accordion .accordion-body a{
  border: 2px solid var(--grayColor1);
  padding: 10px;
  color: var(--blackColor);
  text-decoration: none;
  font-size: 12px;
}

.project_details .offcanvas{
  width: 70%;
}
.project_details .offcanvas form label{
  display: block;
  font-size: 15px;
  color: var(--blackColor);
  margin-bottom: 10px;
}
.project_details .offcanvas form input{
  display: block;
  font-size: 15px;
  color: var(--blackColor);
  margin-bottom: 10px;
  width: 100%;
}
.project_details .offcanvas form input[type='file']{
  display: block;
  width: 100%;
  font-size: 15px;
  color: var(--blackColor);
  margin-bottom: 10px;
  border: 2px solid var(--grayColor1);
  padding: 5px;
  border-radius: var(--borderRadius);
}
.project_details .offcanvas textarea{
  width: 100%;
  resize: none;
  height: 100px;
  padding: 10px;
}
.project_details .offcanvas .extension_section_request{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}

.project_details .content.close_out_project{
  background: var(--whiteColor);
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.project_details .content.close_out_project h1{
  font-size: 30px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}


/* all_project_list */
.all_project_list{
  padding: 50px 0px;
}
.all_project_list .content{
  padding: 20px;
  background: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* project_update_page */
.project_update_page{
  padding: 50px 0px;
}
.project_update_page .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}

/* update_task_page */
.update_task_page{
  padding: 50px 0px;
}
.update_task_page .content h1{
  font-size: 24px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}

/* project closure */
div .modal.closeProjectModal form label{
  display: block;
  margin-top: 5px;
}
div .modal.closeProjectModal form textarea{
  width: 100%;
  height: 100px;
  resize:none;
  outline: none;
  padding: 10px;
}
div .modal.closeProjectModal form input[type='file']{
  width: 100%;
}

/* calls_of_application */
.calls_of_application{
  padding: 50px 0px;
}
.calls_of_application .call_heading_sections{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.calls_of_application .call_heading_sections p{
  /* font-weight: var(--fontBold); */
  color: var(--blackColor);
}
.calls_of_application .call_entered_by_scientist{
  border-left: 2px solid var(--primaryColor);
  padding: 20px;
  margin: 10px 0px;
}
.calls_of_application .call_entered_by_scientist h2{
  font-size: 18px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}
.calls_of_application .scraped_calls{
  border-left: 2px solid var(--blackColor);
  padding: 20px;
}
.calls_of_application .scraped_calls h2{
  font-size: 18px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
}




/* get_started_page */
.get_started_page{
  padding: 50px 0px;
}
.get_started_page .content h1{
  font-size: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-style: italic;
}
.get_started_page .content h2{
  font-size: 16px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-style: italic;
}
.get_started_page .content ul li.heading{
  list-style: none;
  padding-left: 0px;
}


/* REPORTING SECTION */

/* .project_report_page */
.system_report_page{
  padding: 50px 0px;
}
.system_report_page .content h1{
  font-size: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.system_report_page .content form label{
  display: block;
  padding-bottom: 10px;
}
.system_report_page .content .form_section{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  margin: 10px 0px;
}

.system_report_page .content form input{
  display: block;
  padding-bottom: 10px;
  width: 100%;
  padding: 5px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  font-size: 14px;
  font-weight: var(--fontBold);
}
.system_report_page .content form select{
  display: block;
  padding-bottom: 10px;
  width: 100%;
  padding: 5px;
  border: 2px solid var(--grayColor1);
  background: var(--whiteColor);
  border-radius: var(--borderRadius);
  font-size: 14px;
  font-weight: var(--fontBold);
}


/* data_vidz */
.data_vidz{
  padding: 50px 0px;
}
.data_vidz .content h2{
  font-size: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.data_vidz .content p{
  font-size: 16px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.data_vidz .content form label{
  display: block;
  font-weight: var(--fontBold);
  margin: 10px 0px;
}
.data_vidz .content form select{
  display: block;
  font-weight: var(--fontBold);
  margin: 10px 0px;
  width: 100%;
}

/* general_eda_vidz */
.general_eda_vidz{
  padding: 50px 0px;
}
/* .general_eda_vidz .content{
  background: var(--whiteColor);
  padding: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
} */
.general_eda_vidz .content h2{
  font-size: 20px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.general_eda_vidz .content h3{
  font-size: 13px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  margin-bottom: 10px;
}
.general_eda_vidz .content h4{
  font-size: 13px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  font-weight: var(--fontBold);
  margin-bottom: 10px;
}
.general_eda_vidz .message{
  /* border: 2px solid var(--grayColo2); */
  background: var(--greenColor);
  color: var(--whiteColor);
  border-radius: var(--borderRadius);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .filter-section{
  /* border: 2px solid var(--grayColo2); */
  border: 2px solid var(--greenColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .filter-section form label{
  display: block;
  color: var(--blackColor);
  font-weight: var(--fontBold);
  font-size: 13px;
}
.general_eda_vidz .filter-section form input{
  display: block;
  width: 100%;
}
.general_eda_vidz .filter-section form select{
  display: block;
  width: 100%;
}
.general_eda_vidz .proposals_by_dept_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .pipeline_by_dept_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .projects_section .item{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .top_funders_section .item{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .top_applicants_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .new_awards_fy_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .new_awards_fy_dept_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .projects_status_budget_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .project_status_summary{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .all_concept_note_section{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .all_proposal_section{
  display: grid;
  grid-template-columns: 2fr 1fr; /* Two columns: first is twice as wide as the second */
  grid-gap: 1rem;
  margin-bottom: 10px;
}
.general_eda_vidz .all_proposal_section .inner_item{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
}
.general_eda_vidz .all_proposal_over_time{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .proposal_budget_details{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .proposal_budget_details h3{
  font-size: 15px;
  color: var(--blackColor);
}
.general_eda_vidz .project_section{
  display: grid;
  grid-template-columns: 2fr 1fr; /* Two columns: first is twice as wide as the second */
  grid-gap: 1rem;
  margin-bottom: 10px;
}
.general_eda_vidz .project_section .item{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .top_pi{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .budget_and_reporting{
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns: first is twice as wide as the second */
  grid-gap: 1rem;
  margin-bottom: 10px;
}
.general_eda_vidz .budget_and_reporting .item{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .budget_table{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}
.general_eda_vidz .budget_table h3{
  font-size: 15px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.general_eda_vidz .budget_graph{
  border: 2px solid var(--grayColo2);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 10px;
}



/* logs_page */
.logs_page{
  padding: 50px 0px;
}
.logs_page .content h1{
  font-size: 30px;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}



/* AUTHENTICATION  */
.authbase_style{
  background: var(--grayColor3)
}
/* .auth_page{
  padding: 50px 0px;
}
.auth_page .ihi_logo{
  text-align: var(--centerAlign);
}
.auth_page .ihi_logo img{
  width: 15%;
}
.auth_page .content{
  background: var(--whiteColor);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.auth_page .content ul.errorlist{
  list-style: none;
  padding: 0px;
}
.auth_page .content ul.errorlist li{
  background: var(--redColor);
  color: var(--whiteColor);
  padding: 10px;
  border-radius: var(--borderRadius);
}
.auth_page .content h1{
  font-size: 1.875rem;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.auth_page .content h2{
  font-size: 0.7rem;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.auth_page .content form label{
  opacity: 0.6;
  color: var(--blackColor);
  font-size: 12px;
}
.auth_page .content form input{
  opacity: 0.6;
  color: var(--blackColor);
  font-size: 12px;
  width: 100%;
  padding: 5px;
  outline: none;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.auth_page .content form select{
  opacity: 0.6;
  color: var(--blackColor);
  font-size: 12px;
  width: 100%;
  padding: 5px;
  outline: none;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.auth_page .content form textarea{
  opacity: 0.6;
  color: var(--blackColor);
  font-size: 1px;
  width: 100%;
  padding: 5px;
  outline: none;
  border: 2px solid var(--grayColor1);
  height: 100px;
  resize: none;
  border-radius: var(--borderRadius);
}
.auth_page .content .forgot_password{
  text-align: var(-centerAlign);
  margin: 20px 0px;
}
.auth_page .content .forgot_password a{
  text-decoration: none;
  font-weight: var(--fontBold);
  font-size: 12px;
}
.auth_page .content .accoutn_if_have_or_not{
  text-align: var(-centerAlign);
  margin: 20px 0px;
}
.auth_page .content .accoutn_if_have_or_not p{
  font-size: 12px;
  text-align: var(--centerAlign);
}
.auth_page .content .accoutn_if_have_or_not p a{
  text-decoration: none;
  font-weight: var(--fontBold);
} */


.use_active_directory{
  margin: 10px 0px;
  border-radius: var(--borderRadius);
  border: 2px solid var(--grayColor3);
  padding: 10px;
}
.use_active_directory h3{
  font-size: 0.7rem;
  color: var(--blackColor);
  font-family: var(--fontFamily);
  margin-bottom: 10px;
}
.use_active_directory a{
  text-decoration: none;
  font-weight: var(--fontBold);
  font-size: 12px;
}

/* content_faqs */
.content_faqs{
  background: var(--whiteColor);
  border-radius: var(--borderRadius);
  padding: 20px;
}

.faq_section {
  margin-top: 30px;
}

.faq_section h3 {
  font-size: 1rem;
  margin-bottom: 15px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}

.accordion-button {
  font-size: 0.7rem;
  background: var(--greenColor);
  color: #fff; /* white text for contrast */
  font-weight: var(--fontBold);
}

.accordion-button:not(.collapsed) {
  background: var(--greenColor);
  color: #fff;
  box-shadow: none; /* remove Bootstrap’s blue focus */
}

.accordion-button:focus {
  border-color: var(--greenColor);
  box-shadow: 0 0 0 0.2rem rgba(0, 128, 0, 0.25); /* subtle green focus glow */
}

.accordion-body {
  font-size: 0.75rem;
  line-height: 1.3rem;
  color: #444;
  background: #f9f9f9;
}






/* forbidden_page */
.forbidden_page{
  padding: 50px 0px;
}
.forbidden_page .content{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.forbidden_page .content h1{
  font-size: 24px;
  font-weight: var(--fontBold);
  opacity: 0.6;
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
/* .forbidden_page .content p{
  opacity: 0.6;
} */




/* profile_page */
.profile_page{
  padding: 50px 0px;
}
.profile_page h1{
  font-size: 24px;
  font-weight: var(--fontBold);
  opacity: 0.6;
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.profile_page .button_section{
  display: flex;
  align-items: var(--centerAlign);
  flex-wrap: wrap;
}
.profile_page .button_section .action_{
  margin-right: 10px;
}
.profile_page .profile_details .image_section img{
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: 1px solid var(--primaryColor);
}



/* search_results_page */
.search_results_page{
  padding: 50px 0px;
}
.search_results_page .content h1{
  font-size: 24px;
  font-weight: var(--fontBold);
  opacity: 0.6;
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.search_results_page .content h2{
  font-size: 18px;
  font-weight: var(--fontBold);
  /* opacity: 0.6; */
  font-family: var(--fontFamily);
  margin-top: 30px;
  margin-bottom: 10px;
}
.search_results_page .content ul{
  list-style: none;
  padding-left: 0px;
}
.search_results_page .content ul li{
  /* line-height: 50px; */
  border-bottom:1px solid var(--primaryColor);
  margin-bottom: 10px;
}
.search_results_page .content ul li a{
  font-size: 13px;
  color: var(--blackColor);
  font-weight: var(--fontBold);
  text-decoration: none;
}
.search_results_page .content ul li a:hover{
  font-size: 13px;
  color: var(--blueColor);
  font-weight: var(--fontBold);
  text-decoration: none;
}

/* general_setting */
.general_setting{
  padding: 50px 0px;
}
.general_setting .content h1{
  font-size: 24px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.general_setting .content .role_section{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.general_setting .content .role_management_section{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.general_setting .content .update_section_form{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}

.general_setting .content .project_level_settings{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
}
.general_setting .content .project_level_settings h2{
  font-size: 24px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.general_setting .content .project_level_settings .section_to_edit{
  display: flex;
  align-items: var(--centerAlign);
}
.general_setting .content .project_level_settings .section_to_edit a{
  border: 1px solid var(--greenColor);
  padding: 20px 40px;
  border-radius: var(--borderRadius);
  margin-right: 10px;
  text-decoration: none;
}
.general_setting .content .project_level_settings .section_to_edit .item p{
  font-size: 12px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.general_setting .content .project_level_settings .section_to_edit .item ._icon i{
  font-size: 50px;
  color: var(--blackColor);
}

/* bulk_update_concept_note */
.bulk_update_concept_note{
  padding: 50px 0px;
}
.bulk_update_concept_note .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.bulk_update_concept_note .content h2{
  font-size: 24px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.bulk_update_concept_note .content label{
  display: block;
  font-weight: var(--fontBold);
  font-size: 15px;
  color: var(--blackColor);
}
.bulk_update_concept_note .content select{
  /* width: 100%; */
  display: block;
  margin-top: 10px;
}
.bulk_update_concept_note .content button{
  border: none;
}
/* bulk_update_proposal */
.bulk_update_proposal{
  padding: 50px 0px;
}
.bulk_update_proposal .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.bulk_update_proposal .content h2{
  font-size: 24px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}
.bulk_update_proposal .content label{
  display: block;
  font-weight: var(--fontBold);
  font-size: 15px;
  color: var(--blackColor);
}
.bulk_update_proposal .content select{
  /* width: 100%; */
  display: block;
  margin-top: 10px;
}
.bulk_update_proposal .content button{
  border: none;
}


/* type_of_agreement_management */
.type_of_agreement_management{
  padding: 50px 0px;
}
.type_of_agreement_management .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.type_of_agreement_management .content h2{
  font-size: 24px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}


/* concept_note_to_update_page */
.concept_note_to_update_page{
  padding: 50px 0px;
}
.concept_note_to_update_page .content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.concept_note_to_update_page .content h2{
  font-size: 24px;
  font-weight: var(--fontBold);
  font-family: var(--fontFamily);
  margin-bottom: 30px;
}




.general_setting .update_user_content{
  padding: 20px;
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  margin-bottom: 10px;
}
.general_setting .update_user_content form label{
  display: block;
  color: var(--blackColor);
  font-size: 15px;
  font-weight: var(--fontBold);
  margin-bottom: 10px;
}
.general_setting .update_user_content form select{
  display: block;
  color: var(--blackColor);
  font-size: 15px;
  font-weight: var(--fontBold);
  width: 100%;
}
.general_setting .update_user_content h2{
  font-size: 15px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}

/* system_support */
.system_support{
  background: var(--blackColor);
  font-family: var(--fontFamily);
  padding: 10px;
  color: var(--whiteColor);
  font-size: 12px;
  font-weight: var(--fontBold);
}


/* reports_section */
.reports_section{
  padding: 50px 0px;
}
.reports_section .content .report_header{
  display: flex;
  justify-content: space-between;
  align-items: var(--centerAlign);
}
.reports_section .content .form_section{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}
.reports_section .content .form_section label{
  display: block;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.reports_section .content .form_section input{
  width: 100%;
}
.reports_section .content .form_section input[type='file']{
  width: 100%;
  border: 2px solid var(--grayColor1);
  padding: 10px;
  border-radius: var(--borderRadius);
}
.reports_section .content .form_section select{
  width: 100%;
}
.reports_section .content .form_section textarea{
  width: 100%;
  height: 100px;
  resize: none;
}
.reports_section .content .report_card{
  border: 2px solid var(--grayColor1);
  padding: 20px;
  border-radius: var(--borderRadius);
}

/* closeout_report_page */
.closeout_report_page{
  padding: 50px 0px;
}


/* active_closed_project */
.active_closed_project{
  padding: 50px 0px;
}
.active_closed_project .heading_section{
  border: 2px solid var(--greenColor);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 20px;
}
.active_closed_project .heading_section h2{
  font-size: 18px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.active_closed_project .heading_section h4{
  font-size: 50px;
  font-weight: var(--fontBold);
  color: var(--blackColor);
}
.active_closed_project .content{
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  padding: 20px;

}


/* currency_management */
.currency_management{
  padding: 50px 0px;
}
.currency_management .content{
  border: 2px solid var(--grayColor1);
  border-radius: var(--borderRadius);
  padding: 20px;
  margin-bottom: 20px;
}



/* .dataTables_length {
    margin-right: 20px;
}

.dt-buttons {
    margin-left: 20px;
} */
/* .dataTables_length{
  margin-top: 20px !important;
} */