.backoffice_heading {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.backoffice_heading span {
    flex: 1;
    height: 2px; /* Thickness of the line */
    background: #00287d; /* Color of the line */
}

.backoffice_heading h5 {
    font-size: 1.25rem; /* Customize font size */
    font-weight: 500; /* Customize font weight */
    color: #00287d; /* Customize text color */
    margin: 0 1rem; /* Add horizontal margin to space out the text from the lines */
    text-align: center; /* Center the text */
}

.backoffice_sub_heading {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem; /* Slightly less space below */
}

.backoffice_sub_heading span {
    all: unset; /* Reset all inherited styles */
    flex: 1;
    height: 1.5px;
    background: #0056b3;
    opacity: 0.8;
    display: inline-block;
}


.backoffice_sub_heading h6 {
    font-size: 1rem; /* Smaller font size */
    font-weight: 400; /* Slightly lighter font weight */
    color: #0056b3; /* Same softer blue for text */
    margin: 0 1rem; /* Same horizontal spacing as the main heading */
    text-align: center;
}

.backoffice_sub_heading_line {
    flex: 1;
    height: 1.5px;
    background: #0056b3;
    opacity: 0.8;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: initial;
}



.hide-sidebar .sidebar {
    display: none !important;
}

body.hide-sidebar #main {
    margin: 0px;
}

#hcenter {
    text-align: center;
}

.bluebar-table thead th {
    background-color: #ccdff9 !important;
}

table.bluebar-table tbody tr:nth-child(even) {
    background-color: #ccdff9 !important;
}

.title-text {
    font-size: 40px;
    font-weight: 700;
    color: #012970;
    font-family: "Nunito", sans-serif;
    display:block;
}

.subtitle-text {
    font-size: 25px;
    font-weight: 500;
    color: #012970;
    font-family: "Nunito", sans-serif;
    display:block;
}

/* keep BS header typography consistent */
.card-header[class*="card-header-"]{
  font-weight: 600;
  letter-spacing: .2px;
}

/* Your palette */
.card-header-blue      { background: rgb(13,110,253);  }  /* BS primary */
.card-header-gray      { background: rgb(108,117,125); }  /* BS secondary */
.card-header-green     { background: rgb(25,135,84);   }  /* BS success */
.card-header-red       { background: rgb(220,53,69);   }  /* BS danger */
.card-header-yellow    { background: rgb(255,193,7);   }  /* BS warning */
.card-header-cyan      { background: rgb(13,202,240);  }  /* BS info */
.card-header-offwhite  { background: rgb(248,249,250); }  /* BS light */
.card-header-black     { background: rgb(33,37,41);    }  /* BS dark */

.card-header-teal      { background: rgb(32,201,151);  }  /* teal */
.card-header-purple    { background: rgb(111,66,193);  }  /* purple */
.card-header-indigo    { background: rgb(102,16,242);  }  /* indigo */
.card-header-pink      { background: rgb(214,51,132);  }  /* pink */
.card-header-orange    { background: rgb(253,126,20);  }  /* orange */
.card-header-lime      { background: rgb(130,201,30);  }  /* lime */
.card-header-slate     { background: rgb(73,80,87);    }  /* slate */
.card-header-brown     { background: rgb(121,85,72);   }  /* brown */


@media (max-width: 768px) {
    .title-text {
        font-size: 30px; /* Scale down the font size */
        white-space: normal; /* Enable word wrapping */
        text-align: center; /* Center align the text */
    }
    .subtitle-text {
        font-size: 15; /* Scale down the font size */
        white-space: normal; /* Enable word wrapping */
        text-align: center; /* Center align the text */
    }    
}