@import "https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css";
@import "./assets/bulma-calendar/css/bulma-calendar.min.css";
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
@import url('https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css');


[aria-current] {
    text-decoration: underline;
  }

.navbar, .navbar-menu, .navbar-link, .navbar-dropdown {
    background-color: #616871;
	font-weight: 600;
	color: #eaebec;
}
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    background-color: #fafafa;
    color: #333;
}
.navbar-link:not(.is-arrowless)::after {
    border-color: #eaebec;
}
.navbar img {
	max-height: 3rem;
}

.navbar-item {
	color: #eaebec;
}
.title, .subtitle {
	padding-top: 1.5rem;
	padding-bottom: 0rem;
	font-size:1.5em;
}
.button.is-primary {
    background-color: #749d3f;
}
.button.is-primary.is-hovered, .button.is-primary:hover {
    background-color: #82ad44;
}

:focus-visible, :focus:not(:focus-visible) { outline: none; }

.tabs.is-toggle li.is-active a {
    background-color: #749d3f;
    border-color: #749d3f;
    color: #fff;
    z-index: 1;
}


@media
	  only screen
    and (max-width: 760px), (min-device-width: 768px)
    and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }

    tr:nth-child(odd) {
      background: #eee;
    }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #aaa;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
	}


	.validation-hint {
		color: red;
		padding: 6px 0;
	}

	.field-danger {
		border-color: red;
	}

	.field-success {
		border-color: green;
	}