:root {
	--triton-green: #046A38;
}

.container {
    display: flex;
    width: 100%;
    margin: 0;
}

body {
    font-family: 'Nunito', sans-serif;
}

a {
	color: #046A38;
}
.main_container {
    width: 100%;
}

#logout {
	float: right;
}

.tag {
	height: 1.75em !important;
}

.is-dark {
	background-color: #D3D3D3 !important;
	color: #4a4a4a !important;
}

.is-active {
	background-color: #046A38 !important;
}

#search-button {
	background-color: #046A38;
	margin: 5px;
}

.card {
    margin: 10px;
}

.card-footer {
    min-height: 50px;
}

.link {
    display: block;
}

.modal-card-body {
    white-space: pre-wrap;
}

.menu {
    width: 15%;
    margin: 5px;
}

.invisible {
    display: none;
}

.group {
    border: 1px ridge gray;
    padding: 10px;
    margin-bottom: 5px;
}

.box {
    margin: 3px;
    width: 95%;
}

.card-container {
    display: inline;
}

.card-form-container {
    white-space: normal;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

#de {
	display: none;
}

.cssload-container{
	position: relative;
	height: 100vh;
	width: 100vw;
	z-index: 9999;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204,204,204);
	border-left-color: rgb(0,0,0);
	border-radius: 974px;
		-o-border-radius: 974px;
		-ms-border-radius: 974px;
		-webkit-border-radius: 974px;
		-moz-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px;
	width: 49px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 2300ms linear infinite;
		-o-animation: cssload-rotate 2300ms linear infinite;
		-ms-animation: cssload-rotate 2300ms linear infinite;
		-webkit-animation: cssload-rotate 2300ms linear infinite;
		-moz-animation: cssload-rotate 2300ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}