body {
    font-family: 'Poppins', sans-serif;
}



h1, h2, h3, h4, h5, h6 {
    font-weight: 600; /* Bold headings */
}

p, li, span {
    font-weight: 400; /* Regular text */
}










.bgPrimary{
  background-color: #002C40;
}
.bgLightPrimary{
  background-color:#165470;
}
.bgDarkPrimary{
   background-color:#0E2F41;
}
.bgLightPrimaryActive{
   background-color:#daf2ff;
}
.bgDarkPrimary:hover{
   background-color:#0E2F41;
}
.bgGrey{
  background-color: #C3C3C3;
}
.inputbgLightPrimary{
  color: white;
}
.colorLightBlue{
  color:#1DA5B7;
}
.clor
.inputErrorBorder{
    border-radius: 8px;
    border: solid 2px tomato;
}

.inputNormalBorder{
    border-radius: 8px;
    border: solid 1px gray;
}

.custom-input::-webkit-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input::-moz-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input:-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input::-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input2::-webkit-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input2::-moz-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input2:-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input2::-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input3::-webkit-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input3::-moz-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input3:-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input3::-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: bold; /* Optional: make it bold */
}

.custom-input3::placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 12px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: lighter; 
}
.custom-input4::-webkit-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 18px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: lighter; 
}
.custom-input4::-moz-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: lighter; 
}
.custom-input4:-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: lighter; 
}
.custom-input4::-ms-input-placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: lighter; 
}
.custom-input4::placeholder {
    font-family: 'Nunito Sans', sans-serif; /* Change font */
    font-size: 16px; /* Change font size */
    color: rgba(0, 0, 0, 0.5); /* Adjust brightness by changing the opacity */
    font-weight: lighter; 
}


.bgButtonPrimary {
  background-color: #2682ED;
  color: white;
  -webkit-box-shadow: 0px 0px 10px 4px rgba(38, 130, 237, 0.4);
          box-shadow: 0px 0px 10px 4px rgba(38, 130, 237, 0.4); /* 40% opacity shadow */
}
.bgButtonPrimary:hover{
   background-color: #2682ED;
  color: white;
  -webkit-box-shadow: 0px 0px 10px 4px rgba(38, 130, 237, 0.4);
          box-shadow: 0px 0px 10px 4px rgba(38, 130, 237, 0.4); /* 40% opacity shadow */
}

.bgButtonSecondary {
  background-color: #6c757d; /* Bootstrap secondary gray */
  color: white;
  -webkit-box-shadow: 0px 0px 10px 4px rgba(108, 117, 125, 0.4); /* 40% opacity shadow */
          box-shadow: 0px 0px 10px 4px rgba(108, 117, 125, 0.4); /* 40% opacity shadow */
}

.bgButtonSecondary:hover {
  background-color: #6c757d; /* Bootstrap secondary gray */
  color: white;
  -webkit-box-shadow: 0px 0px 10px 4px rgba(108, 117, 125, 0.4); /* 40% opacity shadow */
          box-shadow: 0px 0px 10px 4px rgba(108, 117, 125, 0.4); /* 40% opacity shadow */
}

.tablefilters {
  background-color: #ffffff;
  color: #000000;
  margin-left: 1rem;
  border-radius: 50rem !important; /* Pill shape */ /* Optional: Adds padding inside the div */
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* Ensures padding is included in width */
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 -4px 6px rgba(0, 0, 0, 0.05), 4px 0 6px rgba(0, 0, 0, 0.05), -4px 0 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 -4px 6px rgba(0, 0, 0, 0.05), 4px 0 6px rgba(0, 0, 0, 0.05), -4px 0 6px rgba(0, 0, 0, 0.05); /* Lighter shadow */
  
  overflow: hidden; /* Hide overflowing content */
  text-overflow: ellipsis; /* Add ellipsis if text overflows */
  white-space: nowrap; /* Keep text in one line */
}




.bgSecondary{
  background-color: #1DA5B7;
}
.bgSecondaryLight{
  background-color:#F7FAFC;
}
.textSecondary{
  color:#1DA5B7;

}
.bgSecondary:hover{
   background-color: #1DA5B7;
}
.h-60{
height: 60% !important;
}

.logoText14500{
 font-family: 'Nunito Sans', sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-align: left;

}



.text24500{
    font-family: Poppins !important;
    font-size: 1.5rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.75rem !important;
}


.text20500{
    font-family: Poppins !important;
    font-size: 1.25rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.50rem !important;
}


.text20700{
    font-family: Poppins !important;
    font-size: 1.25rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.50rem !important;
}


.bgTernary{
  background-color:#DBE8F4 ;
}


input:focus {
    outline: none;
}

.inputbgLightPrimary:focus {
    background-color: #165470; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: white;
}

.inputbgGrey{
    background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
}
.inputSize{
  width: 150px;
}
.profileSize{
  width:36px;
  height: 36px;
}
.inputbgGrey:focus {
   background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
     outline: none; /* Removes the default outline */
    -webkit-box-shadow: none;
            box-shadow: none; 
}
.inputbgGrey::-webkit-input-placeholder {
   background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
     outline: none; /* Removes the default outline */
    -webkit-box-shadow: none;
            box-shadow: none; 
}
.inputbgGrey::-moz-placeholder {
   background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
     outline: none; /* Removes the default outline */
    -webkit-box-shadow: none;
            box-shadow: none; 
}
.inputbgGrey:-ms-input-placeholder {
   background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
     outline: none; /* Removes the default outline */
    -webkit-box-shadow: none;
            box-shadow: none; 
}
.inputbgGrey::-ms-input-placeholder {
   background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
     outline: none; /* Removes the default outline */
    -webkit-box-shadow: none;
            box-shadow: none; 
}
.inputbgGrey::placeholder {
   background: #E8EDF2; /* Change this to the desired color */
    outline: none; /* Removes default outline */
    color: #4D7099;
     outline: none; /* Removes the default outline */
    -webkit-box-shadow: none;
            box-shadow: none; 
      font-family: 'Nunito Sans', sans-serif;
       letter-spacing: 1.1px;
 
}


.text54700{
  font-size: 54px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
}

.text50200{
   font-size: 50px;
  font-weight: 200;
  font-family: 'Nunito Sans', sans-serif;
}





.text16700{
  font-size: 16px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
}

.text16500{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important; 
}


.tableTextColor{
  font-family: 'Nunito Sans', sans-serif !important;
font-size: 14px;
font-weight: 400;
line-height: normal;
text-align: left;
color: #4D7099 !important;
}

.py20{
  padding-top: 20px !important;
padding-bottom: 20px !important;
}

.colorBlue{
  color:#2682ED;
}
.bgBlue{
  background-color: #2682ED;
}




.dashboardCard{
  font-family: Nunito Sans ;
font-size: 28.26px;
font-weight: 500;
line-height: 42.38px;
text-align: left;

}


.text20500{
    font-family:'Nunito Sans', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important; 
}

.text20400{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important; 
}
.text20{
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 200;
    line-height: normal !important; 
}

.text14400{
    font-family:'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 14px !important; 
}

.text14500{
    font-family: Poppins !important;
    font-size: 0.875rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.25rem !important;
}

.text14700{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important; 
}



.text24700{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important; 
}
.text24600{
    font-family: Nunito Sans; 
    /* font-size: 15px !important; */
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important; 
}


.tabletext24700{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 24px !important; 
}

.text24500{
    font-family: Nunito Sans;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important; 
}

.text12500{
    font-family: Nunito Sans;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important; 
}



.text12400{
    font-family: Nunito Sans;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important; 
}


.text-custom {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 52.98px;
    text-align: left;
}

.textGreen{
  color: #08873B;
}
.textRed{
  color: #d22e1f;
}

.pointer-cursor {
  cursor: pointer;
}


   html, body {
      height: 100%; /* Ensure the body takes the full height of the viewport */
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

    body {
      background-color: #f1f1f1; /* Optional, set a background for the body */
    }
    .full-screen-div {
  width: 100%;
  height: 100%;
}

    .rounded-5.bg-white {
      height: 100%; 

      display: -webkit-box; 

      display: -ms-flexbox; 

      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

    #content {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; /* Allows the content section to grow and take the remaining space */
    }



    input.form-control:focus{
    outline: none !important;
    -webkit-box-shadow: inset 0 -0px 0 !important;
}

.selectFilter{
  outline: none; /* Remove the focus border */
    -webkit-box-shadow: none;
            box-shadow: none; 
}

.selectFilter:focus {
    outline: none; /* Remove the focus border */
    -webkit-box-shadow: none;
            box-shadow: none; /* Remove any box-shadow that might be applied */
}



.h50px{
  height: 50px;
}







.active{
 background-color:#002C40 !important;
}
.menu-link.activeTextColor {
    color: #002C40 !important;
}
.menu-title.activeTextColor {
    color: #002C40 !important;
}

.activelink{
  background-color:#daf2ff !important;
}



.menu-item-main .activelink {
  background-color: #007bff; /* Example active background color */
}

.menu-item-main .activelink .menu-title {
  color: #fff; /* Example active text color */
}

.menu-item-main .menu-link {
  color: #333; /* Default text color */
}



.menu-item-main .menu-link:hover {
  background-color: transparent; /* Disable hover background color */
  color: inherit; /* Maintain the current text color */
}