body {
  font-family: "Nunito Sans", sans-serif;
  font-size: var(font-size) !important;
  font-weight: 100 !important;
}

.butn-dark-blue {
  background-color: #415988;
  cursor: pointer;
  --bs-btn-color: #fff;
  --bs-btn-bg: #415988;
  --bs-btn-border-color: #415988;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0445a7;
  --bs-btn-hover-border-color: #0445a7;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0445a7;
  --bs-btn-active-border-color: #0445a7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #415988;
  --bs-btn-disabled-border-color: #415988;
  border-radius: 8px;
}

.butn-custom-dark-blue {
  width: 100%;
  height: 30px;
  background-color: #28B0BD;
  cursor: pointer;
  --bs-btn-color: #fff;
  --bs-btn-bg: #28B0BD;
  --bs-btn-border-color: #28B0BD;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #28B0BD;
  --bs-btn-hover-border-color: #28B0BD;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #28B0BD;
  --bs-btn-active-border-color: #28B0BD;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #415988;
  --bs-btn-disabled-border-color: #415988;
  border-radius: 8px;
}

.butn-prmry {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4CA5FF;
  cursor: pointer;
  --bs-btn-border-color: #4CA5FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4CA5FF;
  --bs-btn-disabled-border-color: #4CA5FF;
  border-radius: 8px;
}

.butn-custom-prmry {
  width: 100%;
  height: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: #4CA5FF;
  cursor: pointer;
  --bs-btn-border-color: #4CA5FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4CA5FF;
  --bs-btn-disabled-border-color: #4CA5FF;
  border-radius: 8px;
}

.butn-custom-orng {
  width: 100%;
  height: 30px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #FFA06B;
  cursor: pointer;
  --bs-btn-border-color: #FFA06B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff8340;
  --bs-btn-hover-border-color: #ff8340;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff8340;
  --bs-btn-active-border-color: #ff8340;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FFA06B;
  --bs-btn-disabled-border-color: #FFA06B;
  border-radius: 8px;

}

.butn-wrng {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FFA06B;
  cursor: pointer;
  --bs-btn-border-color: #FFA06B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff8340;
  --bs-btn-hover-border-color: #ff8340;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff8340;
  --bs-btn-active-border-color: #ff8340;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #CD9C1D;
  --bs-btn-disabled-border-color: #CD9C1D;
  border-radius: 8px;
  /* font-size: 14px; */
}

.butn-custom-wrng {
  width: 100%;
  height: 30px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #FFA06B;
  cursor: pointer;
  --bs-btn-border-color: #FFA06B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff8340;
  --bs-btn-hover-border-color: #ff8340;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff8340;
  --bs-btn-active-border-color: #ff8340;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #CD9C1D;
  --bs-btn-disabled-border-color: #CD9C1D;
  border-radius: 8px;
}

.butn-custom-orange {
  width: 100%;
  height: 100%;
  --bs-btn-color: #fff;
  --bs-btn-bg: #FFA06B;
  cursor: pointer;
  --bs-btn-border-color: #FFA06B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff8340;
  --bs-btn-hover-border-color: #ff8340;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff8340;
  --bs-btn-active-border-color: #ff8340;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FFA06B;
  --bs-btn-disabled-border-color: #FFA06B;
  border-radius: 8px;
}

.butn-dngr {
  --bs-btn-color: #ffff !important;
  --bs-btn-bg: #D94302;
  --bs-btn-border-color: #D94302;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
  border-radius: 8px;
}

.butn-custom-dngr {
  width: 100%;
  height: 30px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #D94302;
  --bs-btn-border-color: #D94302;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
  border-radius: 8px;
}

.butn-sucss {
  --bs-btn-color: #fff;
  --bs-btn-bg: #43CAA3;
  --bs-btn-border-color: #43CAA3 !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #30b175;
  --bs-btn-hover-border-color: #30b175;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #30b175;
  --bs-btn-active-border-color: #30b175;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #46953F;
  --bs-btn-disabled-border-color: #46953F;
}

.butn-custom-sucss {
  width: 100%;
  height: 30px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #43CAA3;
  --bs-btn-border-color: #43CAA3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #30b175;
  --bs-btn-hover-border-color: #30b175;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #30b175;
  --bs-btn-active-border-color: #30b175;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.butn-custom-dark-blue {
  background-color: #4CA5FF;
  cursor: pointer;
  --bs-btn-color: #fff;
  --bs-btn-bg: #4CA5FF;
  --bs-btn-border-color: #4CA5FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0445a7;
  --bs-btn-hover-border-color: #0445a7;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0445a7;
  --bs-btn-active-border-color: #0445a7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4CA5FF;
  --bs-btn-disabled-border-color: #4CA5FF;
  border-radius: 8px;
  border: none;
  color: white;
}

.button-login-yellow {
  display: block !important;
  width: 100% !important;
  height: 30px !important;
  text-align: center !important;
  background-color: #CD9C1D !important;
  letter-spacing: 0.2px !important;
  /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) !important;
  box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24) !important; */
  border-radius: 8px !important;
  /* font-weight: 600 !important; */
  font-size: 14px !important;
  text-align: center !important;
  letter-spacing: 0.2px !important;
  color: #FFFFFF !important;
}

/* ----------------------------All Button Css End--------------------------- */

/* ------------------Realted To All Login page Css- Start---------------------- */
.wrapper-login {
  background-color: #B8C0CC !important;
}

.custom-card-login {
  background: #FFFFFF !important;
}

.input-box-login {
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  /*background-color: var(--bs-form-control-bg);*/
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  background-color: #EDF9FF;
}

.lbl-center-login {
  color: black;
}

.lbl-center-text {
  color: #767676;
  margin-right: 15px;
}

.custom-label-login {
  color: #585E6A;
}

.lbl-center-login-anchor {
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #9FA2B4;
}

.lbl-center-statictext {
  color: #9FA2B4;
}

.pi-eye {
  color: #9FA2B4 !important;
}

.backrground-logo-img {
  /* background: url('../../../assets/core_assets/Techjivaa-White-Logo.png'); */
  color: black;
}

.p-button.p-button-success,
.p-buttonset.p-button-success>.p-button,
.p-splitbutton.p-button-success>.p-button {
  color: black !important;
  background: none !important;
  border: 0 none;
}

.p-button.p-button-warning,
.p-buttonset.p-button-warning>.p-button,
.p-splitbutton.p-button-warning>.p-button {
  color: black !important;
  background: none !important;
  border: 0 none;
}

/* .pi-trash {
  color: #E91818;
} */

/* .text-center{
  margin-top: 25px;
} */
.static-text-size {
  font-size: 12px;
}

.captcha-btn-refresh {
  color: black !important;
}

/*------------In Login card Input password Start-------------*/

.p-inputtext.p-password-input {
  /* background-color: #F9F9F9 !important; */
  background-color: white !important;
  border: 1px solid #C6C6C6 !important;
  color: #9a9a9a !important;
  /* height: 36px !important; */
}

/*-----------In Login card Input password End---------------*/

/*-----------------------custom padding for signup & Dont have account---------------------*/
.custom-padding-signup {
  padding-right: 30px;
  padding-left: 0;
}

.custom-padding-account {
  padding-right: 0;
  padding-left: 30px;
}

/* staic text */
.txt-sign-up {
  color: #9FA2B4;
}

/* ----------------------------------Realted To All Login page Css End---------------------------------- */

/*---------------In Form password eye icon colour Start-------------------------------*/
.p-input-icon-right>i:last-of-type {
  color: #9FA2B4 !important;
  /*---------------In Form password eye icon colour End-------------------------------*/
}

/*-------------------------Super Grid CSS Start--------------------------------------*/
.p-datatable .p-datatable-header {
  background: white !important;
  color: #e4e4e4 !important;
  /* border: none !important; */
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 500;
}

.tableFeatures {
  /*background-color: none !important;*/
}

/*-------------------------Super Grid CSS End-----------------------------------------*/

/*--------------------------Light-Theme-filter-Backgound Color start-----------------------------------------*/
.filterBG {
  border: 1px solid #ffffff;
  background-color: #ffffff;

}

/*--------------------------Light-Theme-filter-Backgound Color start-----------------------------------------*/
#content {
  background-color: #f2f7fc;
}

/*-------------------------Light-Theme-Form-Backgound Color End--------------------------------------------*/

/* ---------------------stepper Form backgound colour Start--------------------------------- */
.p-steps ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background-color: #F5FAFF;
  display: flex;
}

/* ---------------------stepper Form backgound colour End--------------------------------- */

/* ---------------------stepper Form line colour Start--------------------------------- */
.p-steps .p-steps-item:before {
  /* content: " "; */
  border-top: 2px solid #6DC871 !important;
  /* width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem; */
}

/* ---------------------stepper Form line colour End--------------------------------- */

/* ------------------on trigger input blue line hide- Start------------------------ */
.p-inputtext:enabled:focus {
  box-shadow: 0 4px 6px rgb(0 0 0 / 14%), inset 0 0 0 1px #28B0BD !important;
}

/* ------------------on trigger dropdown blue line hide- End------------------------ */


/* -----------Stepper form name----------------- */
.textcolour {
  color: black;
  margin-top: 5rem !important;
}

/* -----------Stepper form name End----------------- */

/* ----Stepper form round Icon and Number colour Start -------------- */

.p-steps .p-steps-item.p-highlight .p-steps-number {
  background-color: #30b175 !important;
  color: #ffffff;
}

/* ----Stepper form round Icon and Number colour End -------------- */

/* ------------------on trigger dropdown blue line hide- Start------------------------ */
.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: inset 0 0 0 1px, inset 0 0 0 1px, inset 0 0 0 1px, inset 0 0 0 1px !important
}

/* ------------------on trigger dropdown blue line hide- End------------------------ */

/*---------------------------All Realted To Generic Table Css Start --------------------------------------------- */

.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td {
  border: 1px solid #dee2e6 !important;
}

.p-tabview .p-tabview-nav .p-tabview-ink-bar {
  z-index: 1;
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #415988 !important;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
  color: #415988 !important;
}

.p-datatable-table {
  cursor: pointer !important;
}

/* -------Table Heading Start---------- */
.p-datatable-thead th {
  background: #F0F0F0 !important;
  color: #585E6A !important;
  font-weight: 500 !important;
  border: 1px solid #AFB1B5 !important;
}

/* -------Table Heading End---------- */

/* ------- In Table sort Icon colour Start---------- */
.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: #585E6A!important;
  margin-left: 0.5rem !important;
}

/* ------- In Table sort Icon colour End---------- */

/* ------- In Table filter Icon colour Start---------- */
.p-column-filter-menu-button {
  color: black !important;
}

/* ------- In Table filter Icon colour End---------- */

/*----------Ligth-Theme Table Row Color start-------------------------*/
/* .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(odd) {

  background-color: white !important;
  color: black !important;
} */

.p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even) {
  background-color: #F2F2F2 !important;
  color: black !important;
}

/* .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {
  color: black !important;
  background-color: #F0F0F0 !important;

} */

/*---------Light-Theme Table Row Color End--------------------------*/

/*----------In Table search Icon Color Start-----------------------------*/
.p-input-icon-left-search-icon>i:first-of-type {
  left: 1rem;
  color: rgba(0, 0, 0, 0.6) !important;
  margin-top: -5px !important;
}

/*--------In Table search Icon Color End-------------------------------*/

/* ----------------On table edit icon colour start--------------------------------*/
.pi-file-edit {
  color: #6774BD !important;
}

/* ----------------On table edit icon colour End-------------------------------- */

/*---------------------------All Realted To Generic Table Css End --------------------------------------------- */

/* -----------------------------side bar Colour Start -------------------------------------- */
.p-sidebar-right.p-sidebar-md {
  background-color: #F5F5F5;
}

/* -------In side bar Main title colour start --------- */

/* -------In side bar Main title colour End --------- */

/* -----------------------------side bar Colour End-------------------------------------------*/

/* -----------------------All Related To Dropdown Css Start------------------------------ */
.p-dropdown {
  /* background-color: #F9F9F9 !important; */
  border: 1px solid #C6C6C6 !important;
  color: white !important;
}

.dropdown {
  background-image: url("../core_assets/download.png") !important;
}

.p-dropdown .p-dropdown-trigger {
  color: #e4e4e4 !important;
  background-color: white !important;
}

.p-dropdown .p-inputtext {
  color: #A4A3A3 !important;
  background-color: white !important;
}

.p-dropdown.p-dropdown-clearable .p-dropdown-label {
  color: #9a9a9a !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: black !important;
  background: #bdbdbd82 !important;
}

/* -------- In Dropdown Cross Icon Colour start------------*/
.p-dropdown .p-dropdown-clear-icon {
  color: rgb(255 0 0 / 63%) !important;
}

/* -------- In Dropdown Cross Icon Colour End--------------*/

/* -------- In Dropdown Arraow Icon Colour start------------*/
.pi-chevron-down:before {
  content: "\e902";
  color: #ffffff !important;
}

/* -------- In Dropdown Arraow Icon Colour End------------*/

/* -----------------------All Related To Dropdown Css End------------------------------ */

/* -----------------------All Related To Multiselect Css Start-------------------------- */
.p-multiselect {
  background: white !important;
  border: 1px solid #C6C6C6 !important;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 4px;
  height: 29px !important;
  color: #9a9a9a !important;
}

/* ------------------when click on multiselect backgound colour start----------------------- */
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: black !important;
  background: white !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: black !important;
  background: #EDF9FF !important;
}

/* ------------------when click on multiselect backgound colour End----------------------- */
/* -----------------------All Related To Multiselect Css End-------------------------- */

/* -----------------------All Related To Input  Css Start-------------------------- */
.input-box {
  /* background-color: #F9F9F9; */
  background-color: white;
  border: 1px solid #C6C6C6 !important;
  color: #9a9a9a !important;
  outline: 0 !important;

}

input::placeholder {
  opacity: 0.5;
  font-size: 12px !important;
  color: #BDBDBD !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: black !important;
  -webkit-box-shadow: 0 0 0px 1000px #EDF9FF inset;
  transition: background-color 5000s ease-in-out 0s;
}

.custom-label {
  color: #030303;
}

option:hover {
  background-color: yellow !important;
}

.p {
  color: white;
}

.p-inputtext {
  /* background-color: #F9F9F9 !important; */
  /* background-color: white !important; */
  color: #9a9a9a !important;
  border-color: #C6C6C6 !important;
}

/* -----------------------All Related To Input  Css End-------------------------- */

/* -------------After Click on checkbox colour Start--------------------- */
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #1885db !important;
  background: #1885db !important;
}

/* ------------After Click on checkbox colour End------------------------ */

/*---------------------All Related To check-box-Button Css-End-------------------------------*/

/*-------------------------All Related To Radio-Button Css-start-------------------------------*/
.radio-button-inline {
  display: flex !important;
  text-indent: 0.75em !important;
  align-items: center !important;
}

.radio-button-vertical {
  text-indent: 0.75em !important;
  align-items: center !important;
}

/* -------- Radio button Text colour start ------------*/
.radio-button {
  color: black;
}

/* -------- Radio button Text colour End ------------*/
/*-------------------------All Related To Radio-Button Css-End-------------------------------*/

/*-------------------------All Related To textArea-Button Css-start-------------------------*/
.textarea-custom {
  /* background-color: #F9F9F9 !important; */
  background-color: white !important;
  color: #9a9a9a !important;
  outline: 0;
}

/*-------------------------All Related To textArea-Button Css-End-------------------------*/

/* -----------------------Input Calender Background Start-------------------------------- */
.p-calendar {
  /* background-color: #F9F9F9 !important; */

  border-color: #C6C6C6;
  color: white !important;
}

.p-calendar-w-btn .p-inputtext {
  color: #A9A9A9 !important;
}

.p-calendar-w-btn .p-datepicker-trigger.p-button span {
  color: #999999 !important;
}

.p-disabled {
  cursor: not-allowed !important;
}

/* -----------------------Input Calender Background End-------------------------------- */

/* -----------------------All Related To sideNav Css Start------------------------------ */

.sidebarMenu-custom {
  /* background: #ca9930 !important; */
  background: #ffff !important;
  /* background: linear-gradient(180deg, #4D5D9A 0%, #1A2242 100%) !important; */
  transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
  transform-origin: bottom left;
  width: auto;
  transform-origin: bottom left;
}




/* .sidebarMenu-custom {
  background: #D39B22  !important;
  transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
  transform-origin: bottom left;
  width: auto;
  transform-origin: bottom left;
} */

.nav-link {
  display: block;
  color: #ffffff !important;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}

.nav-list-item {
  display: flex;
  align-items: center;
  height: 40px;
}

.navbar {
  border: none;
  border-radius: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  /* background-color: #ca9930 !important; */
  background-color: #D5E0ED !important;
}



/* -----------------------All Related To sideNav Css End------------------------------ */

/* -------------------All Related To Paginator Css Start------------------------------ */
.p-paginator {
  background: white !important;
  color: white !important;
  border: 1px solid #e4e4e4 !important;
}

.p-paginator .p-paginator-current {
  color: black !important;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: #374476 !important;
  color: white !important;
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  color: black !important;
}

.p-paginator .p-paginator-pages .p-paginator-page {
  color: black !important;
}

.p-paginator .p-dropdown .p-dropdown-label {
  color: black !important;
}

/* -------------------All Related To Paginator Css End------------------------------ */

/*-------------------------Universal-Css-Start-------------------------------------*/
.right {
  float: right;
}

.left {
  float: left;
}

.centre {
  justify-content: center;
  display: flex;
  padding: 10px 0px 10px 0px;

}

.centre {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*-------------------------Universal-Css-End-------------------------------------*/
.custom-grid-dropdown {
  background-color: #5C5C5C;

}

/* NOTE
for custom input box size use w-25 , w-50, w-75 on column of it
 */
/*------------------------- In form (paragraph)text colour start-----------------------------------*/
.custom-text {
  color: #000000 !important;
}

/*-------------------------In form (paragraph)text colour End-------------------------------------*/
.icons {
  font-size: 18px;
  color: #415988 !important;
  cursor: pointer;
}


.lbl-center-login-signup {
  font-style: normal;
  letter-spacing: 0.3px;
  color: #4CA5FF;
}

.pi-ellipsis-v {
  color: #9a9a9a !important;
}

/* ----------------------All field border colour start---------------------------------- */
.input-box,
.p-inputtext.p-password-input,
.p-calendar,
.p-dropdown,
.p-inputtext,
.p-multiselect,
.textarea-custom {
  border-color: #D8D8D8 !important;
}

.p-multiselect {
  border-color: #D8D8D8 !important;

}

/* ----------------------All field border colour start---------------------------------- */

/* --------------------In generic table last coloum arrow css start---------------------------------- */
.p-button.p-button-text.p-button-plain.p-button-circle {
  color: #FFFFFF !important;
  background-color: #8CC5FF;
}

.p-button.p-button-text.p-button-plain.p-button-circle:hover {
  color: black !important;
  background-color: #8CC5FF !important;
}

/* --------------------In generic table last coloum arrow css End---------------------------------- */

/* -------------------In from error message colour start------------------------ */
.error-txt-msg {
  color: red !important;
}

/* -------------------In from error message colour End------------------------ */

/* --------------All realted to disable field css start------------------------------ */
.textarea-custom1 {
  display: block;
  width: 100%;
  padding: 0.15rem 0.3rem;
  font-weight: 400;
  line-height: 1.5;
  color: #9a9a9a !important;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.textarea-custom1 {
  background-color: #dfdfdf;
  color: #EEEEEE !important;
  cursor: not-allowed !important;
  outline: 0;
}

.disable-speechToText {
  background-color: #dcdcdc !important;
  color: #EEEEEE !important;
  cursor: not-allowed !important;
  outline: 0;
  /*line-height: none !important;*/
  display: block;
  width: 100%;
  padding: 0.15rem 0.3rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #cbcbcb !important;
  border-radius: 5px !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.disable-toggle {
  cursor: not-allowed !important;
}

.disable-multiselect {
  display: block;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  background-color: #c7c6c6 !important;
  /* border: 1px solid #e2e2e4 !important;  */
  cursor: not-allowed !important;
  color: #9a9a9a !important;
  outline: 0 !important;
}

.disable-Upload {
  display: block;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  background-color: #d7d7d7 !important;
  /* border: 1px solid #e2e2e4 !important;  */
  cursor: not-allowed !important;
  color: #9a9a9a !important;
  outline: 0 !important;
}

.input-box1 {
  display: block;
  height: 30px;
  cursor: pointer;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.disable-webCam {
  opacity: 0.6;
  cursor: not-allowed !important;
}

.input-box1 {
  background-color: #c6c6c6 !important;
  /* border: 1px solid #e2e2e4 !important;  */
  cursor: not-allowed !important;
  color: #9a9a9a !important;
  outline: 0 !important;
}

.input-box2 {
  background-color: #c1c1c1 !important;
  border: 1px solid #9a9797 !important;
  cursor: not-allowed !important;
  color: #221d1d !important;
  outline: 0 !important;
}

.disable-radioButton {
  cursor: not-allowed !important;
  background-color: #d9d9d9 !important;
  border-radius: 70% !important;
  border: 1px solid #cfcfcf !important;

}

.p-field-checkbox1 {
  color: black;
  display: flex !important;
  background-color: #EEEEEE !important;
}


.radio-button1 {
  text-indent: 0.75em !important;
  align-items: center !important;
  background-color: #ebebeb !important;
}

.p-component:disabled {
  cursor: not-allowed !important;
}

.disable-Fild {
  cursor: not-allowed !important;
}

.p-disabled,
.p-component:disabled {
  cursor: not-allowed !important;
  /* border: 1px solid #adadad !important; */
  /* background-color: #bfbfbf !important; */
  color: black !important;
}


textarea:disabled {
  background: #EFEFEF !important;
  border: 1px solid #adadad !important;
  cursor: not-allowed !important;
  opacity: 0.38 !important;
  /* Fixed background-color syntax */
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem !important;
  /* Fixed font-size syntax */
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  /* Ensure correct background-color usage */
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* --------------All realted to disable field css End------------------------------ */

/* -------------icons classes start------------- */
.headerIcon {
  font-size: 15px !important;
  color: #415988;
  /* color: white; */
  margin-right: 15px;

}

.bi-gear::before {
  font-size: 20px;
  color: #415988;
  font-weight: bold;

}

.bi-info-circle::before {
  font-size: 20px;
  color: #415988;
  font-weight: bold;

}

/* -------------icons classes End------------- */

/* -------------icons button classes with Hover start------------- */
.icon-button-primary {
  background-color: #4CA5FF !important;
  color: white !important;
}

.icon-button-warn {
  background-color: #FFA06B !important;
  color: white !important;
}

.icon-button-succes {
  background-color: #43CAA3 !important;
  color: white !important;
}

/* -----------Hover----------------- */
.icon-button-primary:hover {
  background-color: #0b5ed7 !important;
  color: white !important;
}

.icon-button-warn:hover {
  background-color: #d8682b !important;
  color: white !important;
}

.icon-button-succes:hover {
  background-color: #1f745c !important;
  color: white !important;
}

/* -------------icons button classes with Hover End------------- */

/* ---------------------form Title for sideBar SM Css Start-------------------------- */
.Sidebar-title-sm {
  color: white !important;
  height: 11px;
  width: 100%;
  background: linear-gradient(90deg, #ca9930 50%, rgba(99, 190, 203, 0) 100%);
  font-size: 12px !important;
  padding-top: 4px;
  padding-bottom: 16px;
  line-height: 1;
}

/* .Sidebar-title-sm::before,
.divider::after {
  flex: 1;
  height: 20px;
  width: 5px;
  content: '';
  padding: 2px;
  background-color: rgb(252, 252, 252);
  margin: 4px;
} */

/* ---------------------form Title for sideBar SM Css End-------------------------- */

/* ---------------------form Title for sideBar LG Css Start-------------------------- */
.Sidebar-title-lg {
  width: 100%;
  color: white !important;
  height: 19px;
  background: linear-gradient(90deg, #28b0bd 50%, rgba(99, 190, 203, 0) 100%);
  font-size: 12px !important;
  padding-top: 1px;
  /* padding-bottom: 17px; */
  /* line-height: 1;
  margin-bottom: 0px; */
}

/* .Sidebar-title-lg::before,
.divider::after {
  flex: 1;
  height: 20px;
  width: 5px;
  content: '';
  padding: 3px;
  background-color: rgb(252, 252, 252);
  margin: 5px;
} */

/* ---------------------form Title for sideBar LG Css End-------------------------- */
/* ---------------------form Title for sideBar MD Css Start-------------------------- */
.Sidebar-title-md {
  color: white !important;
  /* height: 27px;
  width: 100%; */
  /* border-radius: 5px; */
  /* background: #586CBA; */
  /* background: linear-gradient(to right, #425399,#b1b9dc 80%); */
  background: #28b0bd;
  font-size: 13px !important;
  padding-top: 5px;
  padding-bottom: 5px;
  letter-spacing: 0.8px;
  margin-bottom: 0px;
}

.Sidebar-title-ss {
  color: white !important;
  height: 27px;
  width: 100%;
  /* border-radius: 5px; */
  /* background: #586CBA; */
  /* background: linear-gradient(to right, #425399,#b1b9dc 80%); */
  background: linear-gradient(90deg, #fb6416 35%, rgba(99, 190, 203, 0) 100%);
  font-size: 13px !important;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex !important;
  letter-spacing: 0.8px;
}

/* ---------------------form Title for sideBar MD Css End-------------------------- */
ul p.verticaltab {
  background-color: #CD9C1D;
  color: white;
  padding: 3px;
  border-radius: 4px;
}

.arrow {
  height: 15px !important;
  width: 20px;
}

.image {
  background-image: url('/assets/Techjivaa-Light-Logo.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  width: 100%;
}

/* .footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg, #E1E1E1 0%, rgba(225, 225, 225, 0) 100%);  color: black;
  text-align: center;
  font-size: 12px;
  height: 3%;
  padding: 5px;
}  */
/* .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: #E1E1E1;
   color: black;
} */


@media only screen and (max-width: 600px) {
  .Sidebar-title-lg {
    width: 100%;
  }
}

/* ---------------------form Title for sideBar LG Css End-------------------------- */
/* ----------------------Form Title Css End------------------------------- */
.p-breadcrumb .p-menuitem-link {
  padding: 0rem !important
}

.p-breadcrumb {
  background: none !important;
  border-radius: 4px;
  border: none !important;
  padding: 0rem !important;
  margin-bottom: 5px;
}

.p-toast .p-toast-message.p-toast-message-warn {
  background-color: white !important;
  color: #000000 !important;
}

.p-toast .p-toast-message.p-toast-message-error {
  background-color: white !important;
  color: #000000 !important;
}

.p-toast .p-toast-message.p-toast-message-success {
  background-color: white !important;
  color: #000000 !important;
}

.p-toast .p-toast-message.p-toast-message-info {
  background-color: white !important;
  color: #000000 !important;
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
  color: #01648E !important;
  font-size: 20px !important;
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
  color: #C27605 !important;
  font-size: 20px !important;
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
  -webkit-box-shadow: 0px 0px 0px 8px #FDCECE;
  -moz-box-shadow: 0px 0px 0px 8px #FDCECE;
  box-shadow: 0px 0px 0px 8px #FDCECE;
  border-radius: 9px !important;
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
  color: white !important;
  height: 20px !important;
  width: 20px;
  background-color: #289900 !important;
  border-radius: 9px !important;
  padding-top: 4px !important;
  padding-left: 4px;
  -webkit-box-shadow: 0px 0px 0px 8px #D9FFCC;
  -moz-box-shadow: 0px 0px 0px 8px #D9FFCC;
  box-shadow: 0px 0px 0px 8px #D9FFCC;
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
  -webkit-box-shadow: 0px 0px 0px 8px #FDCECE;
  -moz-box-shadow: 0px 0px 0px 8px #FDCECE;
  box-shadow: 0px 0px 0px 8px #FDCECE;
  border-radius: 9px !important;
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
  -webkit-box-shadow: 0px 0px 0px 8px #FEEED7;
  -moz-box-shadow: 0px 0px 0px 8px #FEEED7;
  box-shadow: 0px 0px 0px 8px #FEEED7;
  border-radius: 9px !important;
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
  -webkit-box-shadow: 0px 0px 0px 8px #CCF0FF;
  -moz-box-shadow: 0px 0px 0px 8px #CCF0FF;
  box-shadow: 0px 0px 0px 8px #CCF0FF;
  border-radius: 9px !important;
}

.p-toast .p-toast-message .p-toast-icon-close {
  width: 2rem;
  height: 1rem !important;
  font-size: 1rem !important;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  color: #000000 !important;
}

/* ---------------All Taost Css End-------------------------- */

/* ------------All reated to Images upload Css Start------------------------------ */
input[type="file"] {
  position: relative;
}

input[type="file"]::file-selector-button {
  width: 28px;
  color: transparent;
  border: 2px solid #4CA5FF;
  padding: 0.2em 0.4em;
  height: 28px;
  /* color: white !important; */
  border-radius: 8px !important;
  background-color: #4CA5FF;
  cursor: pointer;
  font-size: 13px;
}

input[type="file"]::before {
  position: absolute;
  pointer-events: none;
  height: 15px;
  width: 15px;
  margin: 4px !important;
  content: "";
  background-image: url("../core_assets/shear.png");
}

/* ------------All reated to Images upload Css End------------------------------ */

/* -------------------In generic table togle button css Start----------------------------- */
.form-check-input:checked {
  background-color: #43CAA3 !important;
  border-color: #43CAA3 !important;
}

.form-check {
  min-height: 0rem !important
}

/* -------------------In generic table togle button css Start----------------------------- */

/* -------------------------Date Picker Css Start------------------------------- */
.p-datepicker table td {
  padding: 0rem !important;
}

.p-datepicker .p-datepicker-buttonbar {
  padding: 0rem !important;
}

.p-datepicker .p-datepicker-header {
  padding: 0rem !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  padding: 0rem !important;
}

.p-datepicker table td>span {
  width: 1.5rem !important;
  height: 2rem !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  padding: 0rem !important;
}

/* -------------------------Date Picker Css End------------------------------- */
.profileImage {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 13px !important;
  color: #fff;
  margin: auto !important;
  background-color: #0445a7;
  border: black;
  padding: 0px;
  font-weight: 500;
}

.theme {
  font-weight: 500;
  color: black;
  text-align: center;
}

.headerTheme {
  font-size: 14px !important;
  color: #1769aa;
  font-weight: 600
}

.text-center {
  font-size: 12px;
  line-height: 23px;
  color: #000000;
}

.label-txt {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.3px;
  align-items: center;
  color: #4F4F4F;
}

.form-check-input:focus {
  box-shadow: none !important
}

.inProfileCameraIcon {
  padding: 0px 0px 0px 74px;
  /* margin: -27px 0px 0px 0px; */
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 2rem !important;
  font-size: 17px !important;
}

.p-panel .p-panel-footer {
  padding: 0.0rem !important;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border-top: 0 none;
}

/*
.p-panel .p-panel-header {
  border: 1px solid #e0e0e0;
  padding: 0.1rem !important;
  background-color: green !important;
  color: rgba(0, 0, 0, 0.87);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
} */

.p-dropdown:not(.p-disabled).p-focus {
  border-color: #b4b2b2 !important;
  box-shadow: inset 0 0 0 1px, inset 0 0 0 1px, inset 0 0 0 1px, inset 0 0 0 1px !important;
}

.p-multiselect:not(.p-disabled):hover {
  border-color: transparent;
}

.p-slider .p-slider-range {
  background: #4a5ca5 !important;
}

.p-slider .p-slider-handle {
  background: #4a5ca5 !important;
}

.titleBarAlignment {
  padding: 4px !important;
  vertical-align: baseline !important;
}

/* ----------------Day wise filter button CSS start -------------------------- */
/* .button {
  display: inline-block;
  border-radius: 5px;
  background-color: #2EBEC7;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  padding: 4px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 8px;
} */

.button {
  display: inline-block;
  border-radius: 5px;
  background-color: #4c5c99;
  border: none;
  color: #FFFFFF;
  text-align: center;
  /* font-size: 12px; */
  /* padding: 3px 32px 8px 17px; */
  padding: 3px 19px 6px 12px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 8px;
}

.button:hover {
  display: inline-block;
  border-radius: 5px;
  background-color: #5d6b9e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  /* font-size: 12px; */
  /* padding: 3px 32px 8px 17px; */
  padding: 3px 19px 6px 12px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 8px;
}


/* .button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
} */

.button-container {
  display: flex;
  justify-content: start;
  background-color: #ffff;
}

/* ----------------Day wise filter button CSS End -------------------------- */
.p-button.p-button-secondary.p-button-outlined {
  background-color: transparent;
  color: #073983 !important;
  border: 0 none;
}


.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
  background-color: #28b0bd !important;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  color: #ffffff !important;
  padding: 6px 0px 0px 0px !important;
}

.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
  background-color: #28b0bd !important;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  color: #ffffff !important;
  padding: 6px 0px 0px 0px !important;
}

.sidenavLogo {
  width: 260px;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  margin: 0px 0px 0px 26px !important;
}

#google_translate_element select {
  background-color: #D5E0ED !important;
  border-radius: 4px !important;
  padding: 3px 7px;
  margin-top: 21px !important;
  /* margin-left: 10px; */
  font-size: 11px;
  width: 150px;
  height: 23px;
  font-size: 13px;
  border-color: #415988 !important;
  color: #415988 !important;
}

.profilePic {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #28B0BD !important;
  color: #ffff !important;
  margin: 0px 13px 0px 0px;
  border: none !important;
  padding: 3px;
  font-weight: 500;
  text-align: center;
}

.collapsedLogo {
  width: 127px;
  height: 75px;
  background-color: transparent !important;
  margin: 0px 0px 0px -25px;
}

#sidebar_menu li a:hover {
  background-color: #ecf3ff !important;
  color: #28B0BD !important;
  border-radius: 4px;
  margin-right: 5px;
  margin-left: 5px;
}

i a.childMenu {
  color: #ffff !important;

}

li a.parentMenu {
  background-color: #28B0BD !important;
  border-radius: 4px;
  margin-right: 5px;
  margin-left: 5px;
}

li a.subchildMenu {
  background-color: #28B0BD !important;
  border-radius: 4px;

}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background: #28B0BD !important;
  border-radius: 5px;
  height: 50px;
}

::-webkit-scrollbar-thumb:hover {
  background: #28B0BD !important;
  border-radius: 5px;
}

.darSideBar {
  width: 75px !important;
}

.nav-item {
  color: black !important;
  border-bottom: 1px solid #ffffff4a;
  padding: 5px 10px;
  margin: 0px 0px 0px 5px !important;
}

.roleName {
  margin-top: 6px;
  margin-right: 13px;
  color: #415988 !important;
}

/*--------------------emr page css-------------------*/
.p-tabmenu .p-tabmenu-nav {
  background: #E6EDF5 !important;
  border: solid rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: white !important;
  border-color: rgba(0, 0, 0, 0.12);
  color: #28B0BD !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #28B0BD !important;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent;
  background: #E6EDF5 !important;
  color: #0A1629 !important;
  padding: 1rem 1.5rem;
  font-weight: 500;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transition: none;
  margin: 0 0 0 0;
}

.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus {
  background-color: white !important;
}

.p-tabmenu .p-tabmenu-nav {
  background: #ffffff;
  border: solid rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px 0;
  border-radius: 9px !important;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.6);
  padding: 1rem 1.5rem;
  font-weight: 500;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-radius: 0px !important;
  transition: none;
  margin: 0 0 0 0;
}

.medical_emr {
  justify-content: flex-end;
  display: flex;
}

.p-divider.p-divider-horizontal:before {
  border-top: 3px #0445a7 !important;
}

/* emr */

.bsb-timeline-7 .timeline>.timeline-item:after {
  display: none;
}

@media (min-width: 768px) {
  .bsb-timeline-7 .timeline>.timeline-item:first-child .timeline-meta {
    padding: 0px;
  }
}

.bsb-timeline-7 .timeline>.timeline-item:after {
  display: none;
}

@media (min-width: 768px) {
  .bsb-timeline-7 .timeline>.timeline-item:first-child .timeline-meta {
    padding: 0px;
  }
}

@media (min-width: 768px) {
  .bsb-timeline-7 .timeline>.timeline-item .timeline-meta {
    display: flex;
    justify-content: flex-end;
    left: -91%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: calc(50% - 29px);
    width: 100%;
    z-index: 1;
  }
}

.bsb-timeline-7 .timeline>.timeline-item .timeline-meta {
  position: absolute;
  left: 0px;
  transform: translateX(-69%);
  z-index: 1;
  border-radius: 0.25rem;
  text-align: center;
  width: 150px;
}

@media (min-width: 768px) {
  .bsb-timeline-7 .timeline>.timeline-item .timeline-indicator {
    position: relative;
    margin-left: 1rem;
  }
}

.bsb-timeline-7 .timeline:after {
  /*background-color: var(--bsb-tl-color);*/
  bottom: 0;
  content: "";
  left: 0;
  margin-left: 17px;
  position: absolute;
  top: 0;
  width: 0px;
  border: 1px dashed;
}

.bsb-timeline-7 .timeline>.timeline-item .timeline-content {
  padding: 0 0 0.5rem 2.5rem;
}

@media (min-width: 768px) {
  .bsb-timeline-7 .timeline>.timeline-item {
    left: 0%;
    width: 100%;
  }
}

.bsb-timeline-7 .timeline>.timeline-item .timeline-indicator:after {
  display: none;
}

.wrap-card {
  border: 1px solid #A7CCF9;
  border-radius: 8px;
}

.wrap-body {
  background-color: #EDFDFF;
}

.wrap-body1 {
  background-color: #F4F8FF;
}

.wrap-header {
  background-color: #7CB0B5;
  color: white;
}

.wrap-header1 {
  background-color: #667594;
  color: white;
}

.bg-success-subtle2 {
  background-color: #7CB0B5 !important;
  color: white !important;
}

.bg-success-subtle1 {
  background-color: #667594 !important;
  color: white !important;
}

/* hhhhhhhhhhhhhhhhh */
.divider-container {
  display: flex;
  align-items: center;
}

.divider-title {
  margin: 0;
  color: #0A1629 !important;
  font-size: 15px;
  font-weight: bold;
}

.divider-line {
  flex-grow: 1;
  height: 1px;
  background-color: #28B0BD;
}

.butn-custom-dark-blue {
  width: 100%;
  height: 30px;
  background-color: #28B0BD;
  cursor: pointer;
  --bs-btn-color: #fff;
  --bs-btn-bg: #28B0BD;
  --bs-btn-border-color: #28B0BD;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #28B0BD;
  --bs-btn-hover-border-color: #28B0BD;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #28B0BD;
  --bs-btn-active-border-color: #28B0BD;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #415988;
  --bs-btn-disabled-border-color: #415988;
  border-radius: 8px;
}

.buttonDisable {
  /* display: none; */
  visibility: hidden;
}
.boldStaticdata{
  font-weight: bold !important;

}
.Staticdata{
  margin-top: -13px !important;
}