/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.dashboard-menu {
    background-color: #6fc7b2;
    color: #fff;
}

.dashboard-menu ul{
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-flex;
    flex-wrap: wrap;
}
.dashboard-menu ul li{
    list-style-type: none;
    border: 1px solid #fff;
    margin: 5px;
    border-radius: 5px;
}
.dashboard-menu ul li a {
	color: #fff;
	display: block;
	width:100%;
	text-decoration: none;
	padding: 5px;
}
.dashboard-menu ul li a:hover {
	color: #000;
	background-color: #fcbb6f;
}

.group-events-dashboard {
    display: block;
}

.dashboard-content {
    padding: 10px;
}

.teacher-banner {
    width: 100%;
    background: #fcbb6f;
    padding: 5px;
    text-align: right;
}


/*Registration Summary */

.reg_summary_repertior {
    padding-left: 40px;
    background-color: #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
}
.reg_summary_schedule_box {
    padding-left: 40px;
    background-color: #ddd;
    padding-bottom: 10px;
    padding-top: 10px; 
    margin-bottom: 20px;
}
.reg_summary_student {
    padding-bottom: 20px;
}

.group-events.buttons {
    display: flex;
    gap: 20px;
    margin: 20px;
}

a.button, a.button:visited {
    display: inline-block;
    background-color: #08826f;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
}

a.button:hover {
    background-color: #0b6255;
    color: #fff;
    text-decoration: none;
}

.invoice {
    background-color: #ddd;
    padding: 4px 10px;
    margin-bottom: 20px;
}

.invoice-row {
    display: flex;
    justify-content: space-between;
    padding: 6px;
}

.invoice-row:not(:last-child) {
    border-bottom: solid 1px #aaa;
}

.total-row {
    font-weight: 600;
}

.total-row .invoice-column-01 {
    text-align: right;
}

.invoice-column-01 {
    width: 100%;
    padding-right: 10px;
}

.invoice-column-02 {
    min-width: 50%;
    text-align: right;
    border-left: solid 1px #aaa;
}

.student-list {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 4.5fr;
    margin-bottom: 20px;
}

.student-row {
  display: contents;
}

.student-column {
    background-color: #ddd;
    padding: 4px 10px;
}

.head-row > div {
    font-weight: 600;
    background-color: #aaa;
}

.student-row:not(:last-child) > div {
    border-bottom: solid 1px #aaa;
}

.student-row:not(:first-child):hover > div {
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

.student-column {
    text-align: left;
}

        @media print {
            body * {
                visibility: hidden;
            }
            #printable, #printable * {
                visibility: visible;
            }
            #printable {
                position: absolute;
                left: 0;
                top: 0;
            }
        }
        
table.teacher-participation-report td {
	padding: 0px 10px 0px 10px;
}