@import (less) "/css/AiryPallet.less";

body
{
    background-image: none;
}
.report {
	display: inline-block;
	padding: 20px;
	border: 1px solid @black;
	font-size: 16px;
	&:hover {
		background-color: @gold;
	}
}
div {
    &.controlPanel {
		background-color: @lightBlue;
		border: 1px solid @black;
		font-weight: bold;
        min-height: 33px;
		border-radius: 5px;
		a {
			text-decoration: none;
			color: @black;
			font-weight: bold;
		}
        div.Left {
			text-align: left;
			padding: 7px;
            width: ~"calc(50% - 20px)";
            display: inline-block;
        }
        div.Right {
		    padding: 7px;
            white-space: nowrap;
            text-align: right;
            width: ~"calc(50% - 20px)";
            display: inline-block;
        }
	}
}
span {
    &.Primary {
        background-color: @lightGreen;
        padding: 3px;
    }
    &.Alternate {
        background-color: @gold;
        padding: 3px;
    }
}
button {
    &.attendanceBtn, &.presentBtn {
        border: none;
        background: none;
        span {
            &.checked {
                background-color: @black;
            }
        }
    }
}