@charset "UTF-8";
@import url("sidebar.css");

:root {
	--bs-body-font-family: 'Poppins', system-ui, sans-serif;
	/* --bs-dark: var(--bs-gray-600); */
	--bs-body-bg: #495057; /* gray-700 */
	--bs-body-color: #343a40; /* gray-800 */
	/* --bs-purple: #4E4FAB; */
	--bs-yellow: #F8B739;
	--bs-dark-rgb: 52, 58, 64; /* gray-800 */
	font-size: 14px;
}

html[lang="cym"] *[lang="en"],
html[lang="eng"] *[lang="cy"],
html[lang="cym"] a[hreflang="cy"],
html[lang="eng"] a[hreflang="en"] {
	display:none!important;
}

/* body {
	background-color: var(--bs-gray-700);
} */

#spinner {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
}
.qr-code {
	width: 4.5rem;
	height: 4.5rem;
}


/* CARDS */

.card.login {
	max-width:400px;
}

.card-header .card-title {
	font-size: 16px;
	font-weight: normal;
	margin: .25rem 0;
}

.cue-content.has-audio .cue-audio-add,
.cue-content:not(.has-audio) .cue-audio-remove,
.cue-content:not(.has-audio) .cue-audio-play {
   display:none!important;
}

.cue .collapse:not(.show) {
	display:block;
    height:0;
    overflow:hidden;
}

.auto-expand textarea {
	transition:height 100ms;
}

/* SETTINGS */

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
}
.icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
	display: block;
}
.icon+span {
	margin-left: .5em;
}
.icon.large {
	font-size: 2em;
}

.image {
	background:#f0f0f1 repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAF0lEQVR4AWP8z4AG0ARGjAJ0FYwjUgEAV0of+WP/DVwAAAAASUVORK5CYII=);
}
.image img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

/* BUTTONS */

.btn {
	display: inline-flex;
	align-items: center; /* unioni eiconau */
	justify-content: center;
}
.btn+.btn{
	margin-left: .15rem;
}

.btn-upload {
	cursor: pointer;
}

/* Cue list */
#cues {
	background: #fff;
	border-radius: .25rem;
}
#cues .cue {
	transition:  200ms background-color linear;
}
#cues .accordion-header .cue-label {
	white-space: nowrap;
	min-width: 4em;
}
#cues .accordion-header .cue-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.handle {
	cursor: move;
}
.sortable-drag {

}
.sortable-ghost {
	opacity:.8;
	background:var(--bs-yellow);
}
.sortable-ghost .accordion-button {
	background:var(--bs-yellow);
}

/* Controller */

#current_cue_text {
	white-space: pre-line;
}
#cue_control_list .list-group-item {
	padding: .25rem 1rem;
	min-height: 4rem;
}
#cue_control_list .cue-number {
	min-width: 3em;
}

/* Feedback */

.question {
	counter-increment: question;
}
.question-label::after {
	content: ' ' counter(question);
}

/* Languages */

.language:not(.is-published) .if-published,
.language:not(.is-unpublished) .if-unpublished,
.language:not(.is-updated) .if-updated
{
	display:none;
}

/* Editor */

.tox-toolbar__primary{
	flex: 1 1;
}
.richtext, .richtext:focus {
	color: #eee;
	background: #222;
}