strong {
	font-weight: bold;
}

.audit-card {
    padding: 10px;
    width: 90%;
		min-height: 500px;
}

.audit-card * {
    max-width: 90vw;
}

.audit-answer {
 		cursor: grab;
    font-size: 22px;
    line-height: 1.5em;
    background-color: #def9f0;
    padding-right: 10px;
    padding-left: 10px;
	  margin-bottom: 15px;
    border: 1px solid #1de8a4;
    border-radius: 8px;
		display:inline-block;

}

.audit-answer:hover {
    /* color: #1be8a4; */
    font-style: bolder;
    background-color: #85eac7;
}

.audit-question {
	color: #ff5a5f;
	display: block;
	font-weight: bold;
	font-size: x-large;
}

.audit-back-button {
	margin: 5px;
	padding: 2px;
	width: 50px;
	height: 20px;
	font-size: x-small;
	border: solid none;
}

button {
	border: none;
}

.audit-back-button:hover {
}

.audit-section-button {

}

.audit-section-button:hover {
	background-color: #12ba82;
}

.animated-container{
    transition: all 1s ease-out;
    position: relative;
	  min-height: 500px;
}

.fade-out {
    position: absolute;
    animation-name: fade-out;
    animation-duration: .5s;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

.slide-in {
    position: absolute;
    animation-name: slide-in;
    animation-duration: .75s;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

@keyframes slide-in {
    0% {
        opacity: 00%;
        transform: translateX(50%);
    }
    10% {
        opacity: 50%;
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes fade-out {
    0% {
        opacity: 100%;
    }
    10% {
        opacity: 50%;
    }
    20% {
        opacity: 25%;
    }
    100% {
        opacity: 0%;
    }
}

ul.tickbox-list li::marker{
	content: "✅  ";
}

li {
	margin: 0px;
}

.list-container > p {
	margin-bottom: 0px;
}

.list-container {
    margin-bottom: 25px;
}