:root {
  --main-bg-color: #e6e6e6;
}


a{
	color: #999900;
}

a:hover {
	color: #1b365f;
}

Body {
	font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif;
	color: #1b365f;
}

h1 {
	margin-top: 1em;
	text-align: center;
	Line-height: 2;
}

h3 {
	font-size: 1.5rem;
}

input:-internal-autofill-selected {
	background-color:-internal-light-dark( var( --main-bg-color ), rgba(70, 90, 126, 0.4)) !important;
	color: -internal-light-dark (#1b365f, white) !important;	
}

summary > * {
	display: inline !important;
}

.anchor-row {
	cursor: pointer;
}

.alert-primary {
	color: #1b365f;
	background-color: var( --main-bg-color );
	border-color: #c7c8c6;
}

.content-align-right {
   text-align: right
}

.bg-light {
	background-color: #fff !important;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #999900;
    border-color: #999900;
}

.btn-dropdown{
	background-color:var( --main-bg-color );
}

.btn-gridded {
	width: 100%;
	-webkit-appearance: none;
}

.btn-outline-primary {
	color: #999900;
    border-color: #999900;
}

.btn-outline-primary:hover {
	background-color:  #999900;
	border-color: #999900;
}

.btn-outline-secondary {
    color: #c7c7c7;
    border-color: var( --main-bg-color );
}

.btn-outline-secondary:hover {
    background-color: var( --main-bg-color );
    border-color: var( --main-bg-color );
}

.btn-primary {
	background-color: #999900;
	border-color: #999900;
	-webkit-appearance: none;
}

.btn-primary:active {
	background-color: #999900;
	border-color: #999900;
}

.btn-primary:focus {
	background-color: #999900;
	border-color: #999900;
}

.btn-primary:hover {
	background-color: #999900;
	border-color: #999900;
}

.btn-tiled {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 4em;
	width: 100%;
}

.card-text {
    color: #1b365f;
}

.checkbox-absence {
    display: inline-block;	
}

.dropdown-item {
	align-items: center;
	color: #999900;
	display: flex;
}

.dropdown-menu {
	border: var( --main-bg-color );
}

.flag-icon {
    margin-left: .5em;
    margin-right: .5em;
}

.float-right {
	float: right;
}

.form-check-input {
    height: 1.5em;
    margin-top: 0;
	width: 1.5em;
}

.form-check-input:checked {
    background-color: #999900;
    border-color: #999900;
}

.form-check-label {
	margin-left: 1em;	
}

.form-control {
	border-color: #999900;
}

.form-group {
	margin-top: 1em;
}

input:-internal-autofill-selected {
	background-color: -internal-light-dark(var( --main-bg-color )) !important;
}

.lesson-sub-info {
    font-size: small;
    font-weight: normal;	
}

.menu-icon {
	font-size: 1.5rem;	
	vertical-align: top;
}

.navbar {
	align-items: unset;
	padding-top: 0;
	padding-bottom:0;
}

.nav-button {
    font-size: 1.25rem;  
}

.nav-card-icon {
	font-size: 6rem;
	color: #999900;
}

.navbar-collapse {
	background-color: var( --main-bg-color );
    border-radius: 2px;
    border-top-right-radius: 0px;
}

.navbar-light .navbar-toggler {
	background-color: var( --main-bg-color ) !important;
	border-color: var( --main-bg-color );
}

.navbar-link{
	color:#999900;
}

.navbar-light .navbar-nav .nav-link {
    color: #1b365f;
    padding: 0.2rem 0.5rem;
}

.navbar-nav .dropdown-menu {
	background-color: var( --main-bg-color );
}

.navbar-toggler{
    border-radius: 0rem;
}
.navbar-toggler-icon {
	color: #999900 !important;
}

.page-section {
	margin-top: 2rem;
}

.registration-inactive {
	color: #B3B3B3;
	text-decoration: line-through;
}

.result-field {
   text-align: right
}

.sticky-top {
	border-radius: 4px;
	background-color: #ffffff !important;
}

.tablecell-absence {
  	text-align: center;
}

.tablecell-clickable-content {
	background: none;
	border: 0;
	padding: .5rem;
}

.tablecell-result {
    text-align: right;
    vertical-align: middle;
}
.tablehead-inputcol {
    white-space: nowrap;
/*
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
*/
}

.text-extra-info {
    color: #949604 !important;
}

.text-important {
    color: #D90B00 !important;
}

.text-outdated {
    text-decoration: line-through;	
}

.tile {
	height: 100%;
	width: 100%;
}