body {
    font-family: 'Roboto', sans-serif;
    background-color:#F3F9F9;
}

.title-bar {
    padding:25px 0;
}

.title-bar h2 {
    color:#2E2A2A;
    display:inline;
}

.panel-left {
    border-color: #d3e0e9;
    border-radius: 8px;
}

.table-minimal > thead > tr > th {
    padding: 8px;
    line-height: 1.6;
    color: #737373;
    border: none;
    vertical-align: bottom;
    font-size:0.85em;
    white-space: nowrap;
}

.table-minimal > tbody > tr > td {
    border-color: #ddd;
    font-size:0.95em;
    font-weight:bold;
    color:#2E2A2A;
    padding: 16px 8px;
}

.table-minimal tr.active > td {
    background-color:#e8f8ff !important;
}

tr[data-edit-selector] {
    cursor:pointer;
}

.cal-selected {
    background-color:yellow !important;
}

.details-value {
    font-weight:bold;
}

.warning-more-orange {
    background-color: #ffb45c;
}

.sticky-class-details-calendar {
    right:0;
    background-color: #f2faf9;
    z-index: 999;
}

.date-widget-control input{
    text-align:center;
    font-weight:bold;
}

.date-widget-control .input-group-addon {
    cursor:pointer;
}

.table > tbody > tr > td.row-action-bar {
    padding: 8px 15px;
    background-color:#f2f7fc;
}

.table > tbody > tr > td.row-action-bar > a {
    padding: 0px 15px;
}

/* STUDENTS */
.is-virtual {
    padding: 1px 15px;
    background-color: #8aefb6;
    border:1px solid #1b9a59;
    color:black;
    text-align: center;
}

.is-odd {
    display:inline;
    padding: 1px 15px;
    background-color: #2f8cca; color: #FFFFFF;
    border:1px solid #2f8cca;
    text-align: center;
}

.is-even {
    display:inline;
    padding: 1px 15px;
    background-color: #EB660D; color: #FFFFFF;
    border:1px solid #EB660D;
    text-align: center;
}

.is-regular {
    display:inline;
    padding: 1px 15px;
    background-color: #797972; color: #FFFFFF;
    border:1px solid #797972;
    text-align: center;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

/* Dropdown items */
.dropdown-item {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

/* Hover effect for dropdown items */
.dropdown-item:hover {
    background-color: #ddd;
}

/* Show the dropdown content when the button is hovered over */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the button when the dropdown content is visible */
.dropdown:hover .dropdown-button {
    background-color: #0056b3; /* Darker blue */
}