tr:nth-child(even) {background-color: #f2f2f2 !important;}


.e-gridheader{
    border-radius: 16px 16px 0px 0px !important;
}
.e-columnheader{
    font-weight: 600 !important;
    font-size: 12px !important;
}
.actions a{
    color: #0A66E0 !important;
}

.e-grid {
    border-color: #dee2e6 !important;
    border-radius: 17px !important;
}
.e-pager{
    border-radius: 0px 0px 16px 16px !important;
}

.actions{
    color: #0A66E0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
span{
    font-size: 13px !important;
    font-family: 'Lato', sans-serif !important;
    
}
h2{
    color: #252D69 !important;
}
.menu a {
    color: #252D69 !important;
}
span a{
    color: #252D69 !important;
}

tr{
    padding-top:14px !important;
    padding-left: 16px !important;
    padding-bottom: 14px !important;
    padding-right: 16px !important;
}
html, body {
    /*// font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
        font-family: 'Lato', sans-serif !important;
    }
.btn-primary{
    background-color: #252D69 !important;
    /*padding-top:14px !important;
    padding-left: 16px !important;
    padding-bottom: 14px !important;
    padding-right: 16px !important;*/
    border-radius: 8px !important;
}
.btn-primary:hover{
    background-color: #252d6900 !important;

    color: #252D69 !important;
    border-color:  #252D69 !important;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #252D69 !important;
    border-color: #252D69 !important;
    /*color: #252D69 !important;*/
}
.btn-outline-primary{
    color: #252D69 !important;
   background-color: #ffffff !important;
    border-color: #252D69 !important;

}
/*breadcrumb*/
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    /*background-color: #eee;*/
    
    color: #5C5C5C;
    font-size: 12px !important;
    font-family: 400;
    font-family: 'Lato', sans-serif !important;
  }
  ul.breadcrumb li {
    display: inline;
    font-size: 14px;
  }
  ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
  }
  ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
  }
  ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
  }

  h3{
    font-family: 'Berlingske', sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    color: #273068 !important;
    padding: 8px !important;
  }
  label{
    color: #273068 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    padding: 8px !important;
  }
  .card-body{
    font-size: 14px !important;
  }
  @media only screen and (min-width: 768px) {
    .btn .btn-outline-primary{
        background-color: black !important;
    }
}

.custom-button{
    padding: 5px 9px !important;
    font-size: 13px !important;
}
.custom-button-inactive{
    padding: 5px 9px !important;
    font-size: 13px !important;
}
.custom-button-oncourse{
    padding: 5px 9px !important;
    font-size: 13px !important;
}
.bg-warning{
    font-size: 12px !important;
}





/* Additional CSS */

.student-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    background-color: white;
    width: 100%;
}

.student-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .student-card-header strong {
        font-size: 1.1rem;
        color: #003366;
    }

.status {
    background-color: #ffd966;
    border-radius: 12px;
    padding: 0.2rem 0.6rem;
    font-size: 0.85rem;
    color: #555;
}

.student-card-body {
    margin-top: 10px;
}

.student-info {
    margin: 5px 0;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}

    .student-info i {
        margin-right: 8px;
        color: #555;
    }

.student-card-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

    .student-card-actions a {
        color: #007bff;
        text-decoration: none;
    }

        .student-card-actions a:hover {
            text-decoration: underline;
        }

/* Mobile View Adjustments */
@media (max-width: 768px) {
    .student-card {
        width: 100%;
    }
}

.status-under-review {
    background-color: #fef2cc;
    color: #bf9000;
    padding: 5px 10px;
    border-radius: 12px;
}

.status-conditional-offer {
    background-color: #fef7e3;
    color: #e6b800;
    padding: 5px 10px;
    border-radius: 12px;
}

.status-unsuccessful-application {
    background-color: #f7d3d3;
    color: #c10000;
    padding: 5px 10px;
    border-radius: 12px;
}

.status-withdrawn-application {
    background-color: #f5c6c6;
    color: #d9534f;
    padding: 5px 10px;
    border-radius: 12px;
}

.status-on-course {
    background-color: #e5f5d1;
    color: #28a745;
    padding: 5px 10px;
    border-radius: 12px;
}

/* Default status class */
.status-default {
    background-color: #e0e0e0;
    color: #000;
    padding: 5px 10px;
    border-radius: 12px;