/* Legacy cross-application component and utility selectors.
   Design values are owned by theme.css; this file exists only while older
   templates still depend on these class names. */

/* Improve the default component presentation. */

/* 1. Darken default text and body */
body {
    color: var(--rb-palette-3a3b45); /* Darker gray for general text */
    background-color: var(--rb-palette-f8f9fc); /* Slight off-white to reduce glare */
}

/* 2. Improve Card Contrast & Beauty */
.card {
    border:var(--ui-len-rem-0-0625) solid var(--rb-palette-e3e6f0);
    border-radius:var(--ui-len-rem-0-5); /* Smoother corners */
    box-shadow: 0 0.15rem 1.75rem 0 var(--rb-alpha-110) !important; /* Deeper shadow */
}

.card-header {
    background-color: var(--color-white); /* Clean var(--color-white) header */
    border-bottom: 0.0625rem solid var(--rb-palette-e3e6f0);
}

/* 3. Darken Heading Text */
/* h1, h2, h3, h4, h5, h6 {
    color: var(--rb-palette-2e303e);
} */

/* 4. Improve Paragraph/Muted Text */
.text-gray-600 {
    color: var(--rb-palette-6e707e) !important; /* Darker than default */
}

/* SideBar / Top Style */

/* Make sidebar a dark grey/blue */
.sidebar-dark .nav-item .nav-link {
    color: var(--color-white);
}
.bg-gradient-primary {
    background-color: var(--rb-palette-2c3e50); /* Darker custom shade */
    background-image: linear-gradient(180deg, var(--rb-palette-2c3e50) 10%, var(--rb-palette-1a252f) 100%);
}

/* Other Utility Styles */


.errorlist {
    color: var(--color-danger);
}

.helptext {
    font-size:var(--font-size-small);
}

label.required { font-weight: var(--font-weight-bold); }

.label-text {
    padding:var(--ui-len-rem-0-3125);
    font-weight: var(--font-weight-bold);
}

.label-primary {
    background-color: var(--rb-palette-0d6efd);
    color: var(--color-white);
}

.label-secondary {
    background-color: var(--rb-palette-6c757d);
    color: var(--color-white);
}

.label-success {
    background-color: var(--rb-alpha-005);
    color: var(--color-white);
}

.label-warning {
    background-color: var(--rb-alpha-003);
    color: var(--color-white);
}

.label-danger {
    background-color: var(--rb-alpha-004);
    color: var(--color-white);
}

.label-info {
    background-color: var(--rb-palette-072437);
    color: var(--color-white);
}

.my-blue-gradient {
    background-color: var(--rb-palette-0093e9);
    background-image: linear-gradient(160deg, var(--rb-palette-0093e9) 0%, var(--rb-palette-80d0c7) 100%);
    color: var(--color-white);
}

.my-light-blue-gradient {
    background-color: var(--rb-palette-0093e9);
    background-image: linear-gradient(160deg, var(--rb-palette-0093e9) 0%, var(--color-white) 100%);
    color: var(--color-white);
}

.my-bluish-light-gradient {
    background-color: var(--color-white);
    background-image: linear-gradient(160deg, var(--color-white) 50%, var(--rb-palette-66bff1) 100%);
    color: var(--color-white);
}

.my-dark-blue-gradient {
    background-color: var(--rb-palette-024166);
    background-image: linear-gradient(160deg, var(--rb-palette-024166) 0%, var(--rb-palette-0093e9) 120%);
    color: var(--color-white);
}

.my-bluishyellow-gradient {
    background-color: var(--rb-palette-0093e9);
    background-image: linear-gradient(160deg, var(--rb-palette-0093e9) 0%, var(--rb-palette-d8d51b) 100%);
    color: var(--color-white);
}

.myblendedbg-gradient {
    background-image: linear-gradient(50deg,  var(--rb-alpha-042), var(--rb-alpha-128)), url("/static/img/building.webp");
  }

.busblendedbg-gradient {
    background-image: linear-gradient(50deg,  var(--rb-alpha-042), var(--rb-alpha-128)), url("/static/img/bus.jpg");
  }  


.studentbg-gradient {
    background-image: linear-gradient(50deg,  var(--rb-alpha-042), var(--rb-alpha-128)), url("/static/img/student.jpeg");
  }    


.feebg-gradient {
    background-image: linear-gradient(50deg,  var(--rb-alpha-042), var(--rb-alpha-128)), url("/static/img/money_new.jpg");
}      

.nav-tabs .nav-item .nav-link {
    color: var(--color-black);
    background-color: var(--rb-palette-57b0e4);
   }


.nav-tabs .nav-item .nav-link.active {
    color: var(--color-white);
    background-color: var(--rb-palette-0f6496);
   }

.table {
    color: var(--color-table-text);
}

.form-control {
    color: var(--form-control-text);
}

.badge {
    padding:var(--ui-len-rem-0-4375);
}

.start-action-div {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
    background-color: var(--rb-palette-6c757d);
    color: var(--color-white);
    display: none;
}

.green-label {
    padding:var(--ui-len-rem-0-3125);background-color:var(--color-primary);color:var(--color-white);
}

.orange-level {
    padding:var(--ui-len-rem-0-3125);background-color:var(--color-status-orange);color:var(--color-white);
}

.material-icons {   /* for google fonts */
    font-size: var(--font-size-body);
}


.label-secondary-transit {
    background-color: var(--rb-palette-6c757d);
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    color: var(--color-white);
}

.label-primary-transit {
    background-color: var(--rb-palette-0d6efd);
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    color: var(--color-white);
}


.box {
    display:flex;
    flex-wrap:wrap;
  }
  
  .box > div {
    width:20%;
  }


.btn-xs {
  padding:var(--ui-len-rem-0-1) var(--ui-len-rem-0-2);
  font-size:var(--ui-len-rem-0-7);
  line-height:1.2;
  border-radius:var(--ui-len-rem-0-2);
}


.badge-sm {
    font-size:var(--ui-len-rem-0-7);
    padding:var(--ui-len-rem-0-15) var(--ui-len-rem-0-4);
}


.btn-custom-warning {
  background-color: var(--rb-alpha-003);
  border-color: var(--rb-alpha-003);
  color: var(--color-white);
}

.btn-custom-warning:hover {
  background-color: var(--rb-alpha-001);
  border-color: var(--rb-alpha-002);
  color: var(--color-white);
}

.selectize-wrapper {
  position: relative;
  margin:var(--ui-len-rem-1-25) 0;
  width:var(--ui-len-rem-18-75);
}

.selectize-wrapper label {
  position: absolute;
  top:50%;
  left:var(--ui-len-rem-0-625);
  transform:translateY(-50%);
  background: var(--form-control-bg);
  padding:0 var(--ui-len-rem-0-25);
  color: var(--color-text-body);
  font-size:var(--ui-len-rem-0-875);
  pointer-events: none;
  transition: 0.2s ease all;
}

/* Floating state */
.selectize-wrapper.active label {
  top:var(--ui-len-rem-neg-0-5);
  font-size:var(--ui-len-rem-0-75);
  color: var(--color-text-heading);
}  


.selectize-input input::placeholder {
  color: var(--form-control-placeholder) !important;
}