.page-item .page-link {
    box-shadow: none;
}
.page-item.active .page-link {
    color: #0a0c0d;
    box-shadow: none;
    background-color: #eff2f7;
    border-color: #eff2f7;
}

/* Add your CSS styling here */
.footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* Small devices (phones, 576px and up) */
@media (min-width: 100px) {
    /*.chat-history{*/
    /*    height: 500px;*/
    /*    overflow: auto;*/

    /*}*/
    .headerlogo{
        height: 30px;
    }

}

@media (min-width: 576px) {
    .offcanvas {
        margin-top: 32px;
        margin-bottom: 25px;
    }
    /*.chat-history{*/
    /*    height: 500px;*/
    /*    overflow: auto;*/

    /*}*/
    .headerlogo {
        height: 50px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .offcanvas {
        margin-top: 42px;
        margin-bottom: 35px;
    }

    /*.chat-history{*/
    /*    height: 400px;*/
    /*    overflow: auto;*/
    /*}*/
    .headerlogo{
        height: 50px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .offcanvas {
        margin-top: 62px;
        margin-bottom: 45px;
    }
    .headerlogo{
        height: 77px;
    }
    /*.chat-history{*/
    /*    height: 400px;*/
    /*    overflow: auto;*/
    /*}*/
}


.offcanvas-form {
    max-width: 100%; /* Set maximum width to prevent the form from extending beyond the offcanvas container */
    padding: 15px; /* Add padding for better spacing */
    margin-top: -10px;
}

.offcanvas-body {
    padding: 0; /* Remove padding from the offcanvas body */
}


.font-10{
    font-size:10px;
}
.font-12{
    font-size:12px !important;
}
.font-14{
    font-size:14px;
}
.font-13{
    font-size:13px;
}
.font-16 {
    font-size:16px;
}
.font-30 {
    font-size:30px;
}

.btn-mblue {
    color: #fff;
    background-color: #45526e;
    border-color: #1861ac;
}
.btn-mblue:hover {
    color: #fff;
    background-color: #45526e;
    border-color: #1861ac;
}


.bg-color-white{
    background-color: #FFFFFF;
}
.border-radius-header{
    border-radius:16px 16px 16px 16px;!important;
}
.border-radius-16{
    border-radius: 16px;
}
.border-radius-canvas{
    border-radius:16px 16px 16px 16px;
    margin-right: 6px;
}

.forgot-password-link {
    color: blue;
    text-decoration: none;
}
.forgot-password-link:hover {
    color: blue; /* Change text color to black on hover */
}
.mesg-decorate{
    /*font-weight: bold;*/
    color: white;
    font-size: 14px;
}
.font-weight-bold{
    font-weight: bold;
}
.text-shadow-light {
    text-shadow: 1px 1px 2px #fff, 1.5px 1.5px 3px rgba(0,0,0,.4);
}
.text-bold {
    font-weight: 500;
}


.btn-mblue-home {
    background-color: #eff2f7;
    color: #186294;
    border-color : #186294;
}
.btn-mblue-home:hover {
    background-color: #186294!important;
    color: #FFFFFF;
}
.text-light {
    color: #f8f9fa!important;
}
.text-title-mblue {
    color: #186294!important;
}
.text-mdark {
    color: #12456C!important;
}
.border-color-mblue {
    border-color : #186294!important;
}
.background-color-mblue {
  background-color: #186294!important;
}
.roboto-mlight {
     font-family: 'Roboto Light',sans-serif, Verdana;
}
.roboto-mmedium {
     font-family: 'Roboto Medium ',sans-serif, Verdana;
}
.text-shadow-light {
    text-shadow: 1px 1px 2px #fff, 1.5px 1.5px 3px rgba(0,0,0,.4);
}
h4.title {
    /*font-size: 1rem;*/
}
.ml-neg-1{
    margin-left: -1px;
}
/*.hover-button-bg-color:hover {*/
/*    color: grey;*/
/*    background-color: #e8f0fe;*/
/*}*/
.mhome-page-title {
    font-size: 1.4444444444em;
    padding-bottom: 5px;
    margin: 0 0 6px;
    border-bottom: 3px solid #eee;
    color: #005faf;
}
.error-display{
    color: red;
}

body {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}
.fixed-height {
    height: 200px; /* Set a fixed height for the card body */
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-between;
}
.offcanvas-header {
    position: absolute;
    right: 0;
}


 .loader_g_spinnerall {
     width: 50px;
     padding: 8px;
     aspect-ratio: 1;
     border-radius: 50%;
     background: #25b09b;
     --_m:
         conic-gradient(#0000 10%,#000),
         linear-gradient(#000 0 0) content-box;
     -webkit-mask: var(--_m);
     mask: var(--_m);
     -webkit-mask-composite: source-out;
     mask-composite: subtract;
     animation: l3 1s infinite linear;
 }
@keyframes l3 {to{transform: rotate(1turn)}}

.loader_g_spinnerall {
    /*display: none; !* Initially hidden *!*/
    margin: 0 auto; /* Horizontally center the loader */
    text-align: center; /* Ensures content inside the div is centered */
    width: max-content; /* Only takes up as much space as its content */
    z-index: 9999; /* Keep it above other content if needed */
}

.loader_g_spinner {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m:
        conic-gradient(#0000 10%,#000),
        linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.loader_g_spinner {
    /*display: none; !* Initially hidden *!*/
    margin: 0 auto; /* Horizontally center the loader */
    text-align: center; /* Ensures content inside the div is centered */
    /*width: max-content; !* Only takes up as much space as its content *!*/
    z-index: 9999; /* Keep it above other content if needed */
}


 .active-link {
     color: #000080 !important;

     /*color: #0000CD  !important;*/
 }
.nav-link.menu-link:hover {
    color: #8d8e8d !important;
    /**/
}

/* CSS for normal state */
.toastify-custom {
    background-color: blue; /* Solid green color */
}
/* CSS for hover state */
.toastify-custom:hover {
    background-color: lightblue; /* Solid green color */
}
.toastify-custom-error {
    background-color: red;
}

.bg-light-grey{
    background-color: #eff2f7
}
.bg-white-color{
    background-color: #FFFFFF;
}

.hover-button-bg-color:hover {
    color: grey;
    background-color: #e8f0fe;
}

.font-30-color-grey-icon{
    font-size:30px;
    color: #696969;
}

.border-radius-16{
    border-radius: 16px;
}
.bg-color-white{
    background-color: #FFFFFF;
}

.btn-mgrey {
    background-color: #edf2fa !important;
    border-color: #8d8e8d !important;
}
.btn-mgrey:hover {
    color: black;
    background-color: #e8f0fe;
    border-color: #e9ebec;
}

.grey-color{
    color: #696969;
}


.page-item .page-link {
    box-shadow: none;
}
.page-item.active .page-link {
    color: #0a0c0d;
    box-shadow: none;
    background-color: #eff2f7;
    border-color: #eff2f7;
}


     /* Change the arrow color */
 .flatpickr-prev-month svg,
 .flatpickr-next-month svg {
     stroke: white;  /* Set the arrow color to white */
 }
/* Optional: Change arrow color on hover */
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
    stroke: lightgray;  /* Light gray arrow color on hover */
}
/* Change the header background color and text color */
.flatpickr-months {
    background-color: #186294;  /* Blue background for the month header */
    color: white;            /* White text color */
}


/* Ensure current month text remains white */
.flatpickr-current-month {
    color: white;
}

/* Change the text color for the selected date */
.flatpickr-day.selected, .flatpickr-day.today {
    /*background-color: blue;  !* Set blue background for selected or today *!*/
    color: white;            /* White text color for selected day */
}

/* Optional: Change hover effect on days */
.flatpickr-day:hover {
    background-color: lightblue; /* Light blue on hover */
    color: white;                /* White text on hover */
}