body {
}


icon.arrow-down::before {
  content: "\25BD"; 
}
icon.arrow-up::before {
  content: "\25B3"; 
}
icon.cross-mark::before {
  content: "\274C"; 
}

a:link {
}
a:visited {
}
a:hover {
}


div.login {
	display: inline-block;
	padding: 1em 3em;
	border: 3px solid #777777;
	border-radius: 15px;
	text-align: center;
}

div.login-error {
	max-width: 300px;
}

.none {
	display: none;
}

.clickable {
	cursor: pointer;
}

.bordered {
	border: 1px solid red;
}
.centered {
	text-align: center;
	align-items: center;
    vertical-align: middle
}


@keyframes loading { 
	0% {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
	50% {clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);}
	100% { clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
}

@keyframes loadingBarAnimation { 
	0%   { opacity: 1;}
	50%  { opacity: 0;}
	100% { opacity: 1;}
}

div.loadingBar {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--bulma-info), rgba(0, 0, 0, 0));
	height: 30px;
	padding-top: 5px;
	text-align: center;
	animation-name: loadingBarAnimation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	transition: opacity 1s;
	width: 100%;
}

@keyframes loadingCircleAnimation { 
	0%   { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}

div.loadingCircle {
	width: 20px;
	height: 20px;
	border-top:1px solid black;
	border-right:1px solid black;
	border-radius:50%;
	text-align: center;
	animation-name: loadingCircleAnimation;
	animation-duration: 1s;
	animation-timing-function:linear;
	animation-iteration-count: infinite;
}


div.spacer {
	height: 1em;
}

span.sorter {
	
}
span.sortA,.sortD {
	
}

.bold {
	font-weight: bold;
}

div.confirmationParent {
	text-align: center;
}
div.confirmationDiv {
	border: 3px solid red;
	border-radius: 15px;
	padding: 10px;
	width: 600px;
	display: inline-block;
}
button.confirm {
	margin: 0px 10px;
	padding: 5px 20px;
	border: 2px solid black;
	box-shadow: 0px 0px #888888;
	border-radius: 10px;
	cursor: pointer
}

button.confirm:hover {
	padding: 3px 18px;
	border: 4px solid black;
	box-shadow: 2px 2px #888888;
}

button.confirm:active {
	padding: 3px 18px;
	border: 4px solid #888888;
	box-shadow: 0px 0px #888888;
}


.overflow-wrap-anywhere {
	overflow-wrap: anywhere;
}

.dragging {
	opacity: 0.2;
}

.dragOver {
	opacity: 0.6;
}