.text-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: rgb(73 75 76);
}
.menu-accordion-header button{
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}
.menu-accordion-header .accordion-item .accordion-button{
    background-color: transparent !important;
}
.accordion-item{
    padding-left: 10px;
    padding-right: 10px;
}
.menu-collapse{
    background-color: white;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
}
.accordion-body{
    background-color: #ffffff;
    padding: 5px 0;
}

.d-common-font {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.right-p {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: rgba(33, 37, 41, 1);
}
.cart-bg {
    background-color: rgba(208, 224, 248, 1);
}
.d-btn-border {
    border: 1px solid rgba(13, 110, 253, 1);
}

.left-wrapper {
    min-height: calc(100vh - 82px);
}

.d-plus-btn {
    background: rgba(1, 87, 60, 1);
    color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
}

.d-plus-btn:hover {
    background-color: #fff;
    border: 1px solid rgba(25, 82, 244, 1);
    color: rgba(25, 82, 244, 1);
    padding: 10px;
}
.page-links{
    border: none;
    color: black;
}
.page-links:hover {
  text-decoration: none !important;
  color: rgba(1, 87, 60, 1) !important;
}

.line-row li {
  border-radius: 0%;
  outline: 1px solid rgba(222, 226, 230, 1);
}

.gray-background {
  background-color: rgba(240, 244, 255, 1);
}
.blue-background {
  background-color: rgba(240, 244, 255, 1);
}
.murcary-background {
  background-color: rgba(214, 255, 233, 1);
}
.burgendy-background {
  background-color: rgba(226, 234, 255, 1);
}
.ash-bg{
    background: rgba(226, 234, 255, 1);
}
.burgundy-bg{
    background: rgba(255, 224, 239, 1);
}
.sky-bg{
    background: rgba(195, 252, 248, 1);
}
.light-pink-bg{
    background: rgba(255, 233, 233, 1);
}
.light-purple-bg{
    background: rgba(248, 227, 255, 1);
}
.light-sky-bg{
    background: rgba(216, 255, 243, 1);
}
.light-green-background {
  background-color: rgba(18, 133, 140, 1);
}
.pink-background {
  background-color: rgba(255, 234, 244, 1);
}
.paste-background {
  background-color: rgba(202, 242, 102, 1);
}
.dark-green-background {
  background-color: #129858;
}
.darker-green-background {
  background-color: #067D44;
}
.light-border{
    border: 1px solid rgba(212, 215, 202, 1)
}
.cart-header {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.cart-subheader {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.cart-notification {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: rgba(33, 37, 41, 1);
}

.notification i {
  background-color: white;
  border-radius: 50%;
  border: 1px solid transparent;
  padding: 10px;
}
.green-bg{
    background-color: rgba(1, 87, 60, 1)!important;
}
.green-border{
    border: 1px solid rgba(1, 87, 60, 1);
}
.d-view-btn {
    background-color: transparent;
    color: rgba(1, 87, 60, 1);
    border-radius: 5px;
    border: 1px solid rgba(1, 87, 60, 1);
}
.dashboard-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: rgba(33, 37, 41, 1);
}

.d-view-btn:hover {
    background-color: rgba(25, 82, 244, 1);
    color: #fff;
}

.day {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: rgba(31, 154, 162, 1);
}

.page-link:hover {
  text-decoration: underline;
  text-decoration-color: rgba(25, 82, 244, 1);
  color: rgba(25, 82, 244, 1) !important;
}
.dashboard-radius{
    border-radius: 5px;
    border: 1px solid rgba(177, 189, 186, 1);
}
.gray-border{
    border: 1px solid rgba(177, 189, 186, 1);
}
.gray-border-tb{
    border-top: 1px solid rgba(177, 189, 186, 1);
    border-bottom: 1px solid rgba(177, 189, 186, 1);
}
.tab-content {
    display: none; /* Hide all tab content by default */
}
.tab-content.active {
    display: block; /* Only display the active tab content */
}
.radius-5{
    border-radius: 5px;
}
#service-section a {
  background-color: transparent;
  color: #000;
}

.left-menu-link {
  font-size: 16px;
  font-weight: 500;
}
.left-menu-link.active {
  color: rgb(25, 82, 244);
}
#company {
  padding-left: 50px;
}
#company li a {
  color: #000;
}
#company li a.active {
  color: rgba(25, 82, 244, 1);
}

.cart-sub-header {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.nav-item + .nav-item {
  border-left: solid 1px rgb(199, 203, 207);
  padding: 4px 0;
  margin: 0;
}
.nav-item.active {
  background-color: rgba(1, 87, 60, 1);
}
.nav-link.full-width-link {
    display: flex; /* Make the link fill the nav-item */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    height: 100%; /* Make the link take full height of its parent */
    width: 100%; /* Make the link take full width of its parent */
}
.nav-item.active .nav-link {
    color: white !important; /* This will enforce the text color change */
}
.accordion-button:not(.collapsed) {
  color: rgba(1, 87, 60, 1);
  background-color: transparent;
  box-shadow: none;
}
.wh-57{
    height: 57px;
    width: 57px;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-body ul li {
  list-style-type: disc;
}

.notification-badge i {
  width: 24px;
  height: 24px;
}
.table-bordered > :not(caption) > * {
  border: none;
}
.table > :not(:last-child) > :last-child > * {
  border: none;
}
.table-bordered > :not(caption) > * > * {
  border: none;
  box-shadow: none;
}
.table > thead {
  background-color: rgba(240, 244, 255, 1);
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(246, 246, 249, 1);
}
/*#nameClearanceList{*/
/*    border-top: 1px solid rgba(212, 215, 202, 1);*/
/*    border-bottom: 1px solid rgba(212, 215, 202, 1);*/
/*    border-left: 1px solid rgba(212, 215, 202, 1);*/
/*    border-radius: 5px;*/
/*}*/
/*#nameClearanceList tbody td {*/
/*    border-right: 1px solid rgba(212, 215, 202, 1);*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    line-height: 24px;*/
/*}*/
/*#nameClearanceList thead th{*/
/*    border-right: 1px solid rgba(212, 215, 202, 1) !important;*/
/*}*/
/* responsive starts */
@media (min-width: 420) {
}

@media (min-width: 576px) {
}

@media (min-width: 768) {
}
@media (min-width: 992px) {
}

.entity-logo {
    height: 50px;
    border-radius: 5px;
    padding: 2px;
    opacity: 0.7;
}

/*review cycle*/
.bg-border-deep {
    background-color: #f0fcf4;
}

.card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.review-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    align-items: center;
    transition: border-color 0.3s;
    position: relative;
}

.bg-border-deep:hover {
    border-color: rgba(1, 87, 60, 1) !important;
}

.arrow-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: -10px 0; /* To bring it close to the cards */
}


.arrow {
    font-size: 50px; /* Adjusted arrow size */
    color: #333;
    font-weight: 200;
}

.capsule-div {
    background-color: #d8ece4;
    color: rgba(1, 87, 60, 1); /* White text, change as needed */
    padding: 5px 10px; /* Vertical and horizontal padding */
    border-radius: 50px; /* Fully rounded ends */
    display: inline-block; /* Only as wide as necessary */
    text-align: center; /* Center text inside the div */
}
.stampTable {
    width: 100%;
    border-color: #ccc !important;
}
.stampTable,
.stampTable th,
.stampTable td{
    border-color: #ccc !important;
}
.table-header-public-site {
    background-color: rgba(219, 235, 229, 1);
    color: rgba(33, 37, 41, 1);
    font-weight: 600;
    text-align: center!important;
}

.table-row-public-site:nth-child(even) {
    background-color: rgba(236, 249, 246, 1);
}

.table-row-public-site:nth-child(odd) {
    background-color: #FFFFFF;
}

.warning-border {
    border: 2px solid rgba(241, 232, 8, 0.93); /* Change to your preferred border color */
    padding: 5px;          /* Optional: Add some padding inside the border */
    border-radius: 5px;
    display: inline-block; /* Ensure the border fits the content */
    margin-top: 10px;/* Optional: Add border radius for rounded corners */
}

.tree-view {
    position: relative;

    display: flex;
    flex-direction: column;

    width: max-content;

    font-size: 1.25rem;

    padding-left: 1rem;

    user-select: none;
}

.branch-node {
    position: relative;

    padding-left: 1rem;

    cursor: pointer;
}

.branch-node::before, .branches > ::before {
    content: "";

    position: absolute;

    left: -0.5rem;
    top: 1.5rem;

    width: 3rem;

    border-left: 2px solid black;
    border-top: 2px solid black;
}

.branch-node:not(:last-child)::before, .branches > :not(:last-child)::before {
    height: 100%;
}

.branch-node:last-child::before, .branches > :last-child::before {
    border-top: 0;
    border-bottom: 2px solid black;
}

.branch-title {
    position: relative;

    display: list-item;
    list-style: none;

    width: max-content;
    height: 5rem;
    line-height: 3rem;

    padding-left: 2rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
}

.branch-title::before {
    content: "►";

    position: absolute;

    left: 1rem;

    margin-right: 1rem;
}

.branch-node.open > .branch-title::before {
    transform: rotate(90deg);
}

.branch-node.open > .branches {
    display: initial;
}

.branches {
    display: none;

    padding: 0;
    margin: 0;
}

.branches > .branch-node {
    margin-left: 2rem;
}

.tree-container {
    position: relative;
    margin-left: 280px;
}

.tree-root {
    position: absolute;
    margin-top: 45px;
    margin-left: -280px;
    margin-right: 75px;
}

.thick-line {
    display: inline-block;
    width: 23px;
    height: 2px;
    background-color: #111;
    vertical-align: middle;
    margin-left: 2px;
}

.border-left-primary{border-left:.25rem solid #4e73df!important}
.border-bottom-primary{border-bottom:.25rem solid #4e73df!important}
.border-left-secondary{border-left:.25rem solid #858796!important}
.border-bottom-secondary{border-bottom:.25rem solid #858796!important}
.border-left-success{border-left:.25rem solid #1cc88a!important}
.border-bottom-success{border-bottom:.25rem solid #1cc88a!important}
.border-left-info{border-left:.25rem solid #36b9cc!important}
.border-bottom-info{border-bottom:.25rem solid #36b9cc!important}
.border-left-warning{border-left:.25rem solid #f6c23e!important}
.border-bottom-warning{border-bottom:.25rem solid #f6c23e!important}
.border-left-danger{border-left:.25rem solid #e74a3b!important}
.border-bottom-danger{border-bottom:.25rem solid #e74a3b!important}
.border-left-light{border-left:.25rem solid #f8f9fc!important}
.border-bottom-light{border-bottom:.25rem solid #f8f9fc!important}
.border-left-dark{border-left:.25rem solid #5a5c69!important}

/*.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}*/

/*.card-title{margin-bottom:.75rem}*/

.card-link {
  text-decoration: none;
  color: inherit;
}

.card-hover {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card-hover:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}