@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lexend+Deca:300,400,500,600,700');

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

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

a {
	color: #046A38;
	text-decoration: underline;

}

strong {
	font-family: 'Roboto Slab', serif !important;
	font-weight: bold !important;
	font-size: 18px !important;
	color: #046A38 !important;
}

.input, .textarea {
	border-color: #dbdbdb;
	box-shadow: none !important;
	font-family: 'Nunito', sans-serif !important;
}

.input.is-hovered, .input:hover, .textarea.is-hovered, .textarea:hover {
	background-color: none !important;
}

.input.is-active, .input.is-focused, .input:active, .input:focus, .textarea.is-active, .textarea.is-focused, .textarea:active, .textarea:focus {
	border-color: #046A38 !important;
}

.chosen-container-multi .chosen-choices {
	border: none !important;
	background-image: none !important;
	border: none !important;
    /*border-color: var(--triton-green) !important;*/
    border-radius: 4px !important;
	background-color: #f2f2f2 !important;
}

.chosen-container .chosen-container-multi {
	width: 25% !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
	background-image: none !important;
	border: none !important;
	background-color: #f2f2f2 !important;
	
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	font-family: 'Nunito', sans-serif !important;
}

.box {
	margin: 1px;
	width: 99%;
	overflow: auto;
}

.tag {
	height: 1.75em !important;
}

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

.search_container {
	display: flex;
	
}

.custom-paginationjs {
	border-color: #046A38;
}

#search-button {
	background-color: #046A38;
	text-decoration: none !important;
}

.button.is-success.is-hovered, .button.is-success:hover {
	background-color: #19784b !important;
    transition: all 0.5s ease-in-out !important;
}

.chosen-container {
	width: 22% !important;
}

#title {
	width: 90%;
	max-width: 90%;
	margin-right: 3px;
}

.main_container {
    width: 100%;
}

.card {
    margin: 10px;
}

.media-content {
	overflow-x: visible;
}

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

.link {
    display: block;
}

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

.chosen-container {
    margin: 5px;
}

#pagination-container {
	padding: 5px;
}

.paginationjs {
	margin: auto;
}

.hidden {
	display: none;
}

.transparent {
	background-color: transparent;
}

#de {
	display: none;
}

.cssload-container{
	position:relative;
	height: 100vh;
	width: 100vw;
	z-index: 10;
}
	
.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);
	}
}