@keyframes rotation
{
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.input.radio, 
.input.checkbox {
	margin-bottom: 0;
}

td,
th {
	padding: 1rem 1.5rem;
}

.lang-switch {
	display: flex;
}
.top-nav-links {
	display: flex;
	gap: 48px;
}

input[type="radio"] {
	margin-right: 6px;
}

.container
{
	max-width: 1800px;
}

.error {
	color: #d33c43;
	margin-bottom: 1rem;
}

.flex
{
	display: flex;
	gap: 6px;
}
.flex.center
{
	justify-content: center;
}
.flex.space-between 
{
	justify-content: space-between;
}
.flex.space-between h4 
{
	margin-bottom: 0;
	line-height: 2em;
}

a.with-icon,
a.icon
{
	display: flex;
}

a.with-icon svg,
a.with-icon span
{
	display: block;
}

a.with-icon svg,
a.icon svg
{
	width: 17px;
	margin-top: 6px;
	transition: all 0.2s;
}
a.icon
{
	padding: 10px;
	width: fit-content;
}
a.icon:hover svg
{
	transform: none;
}
a.with-icon svg
{
	margin-right: 10px;
}

a.with-icon:hover svg.feather-refresh-cw
{
	animation: rotation 1.5s infinite linear;
}

a.with-icon:hover svg.feather-plus
{
	margin-right: 20px;
}

main.main
{
	padding-bottom: 80px;
}

td.ok,
.ok td,
.legend span.ok
{
	background: #5cb124;
	color: white;
	border-color: #3f7819;
}

td.danger,
.danger td,
.legend span.danger
{
	background: #e49e07;
	color: white;;
	border-color: #a9780f;
}

td.ko,
.ko td,
.legend span.ko
{
	background: #aa3511;
	border-color: #7e2c13;
	color: white;
}

.ok-color td
{
	color: #5cb124;
}
.danger-color td
{
	color: #e49e07;
}
.ko-color td
{
	color: #aa3511;
}

.top-nav img
{
	width: 80px;
}

.top-nav .top-nav-title a
{
	display: flex;
	align-items: center;
}

.top-nav .top-nav-title img
{
	margin-right: 15px;
}

.top-nav .top-nav-links a
{
	display: flex;
	align-items: center;
}

.top-nav .top-nav-links a svg
{
	margin-left: 8px;
	transition: all 0.2s;
}

.top-nav .top-nav-links a:hover svg
{
	transform: translateX(5px);
}

td a
{
	display: flex;
	align-items: center;
}

td a svg
{
	transition: all 0.2s;
	margin-left: 5px;
}

td a:hover svg
{
	transform: translateX(5px);
}

td a.button
{
	margin-bottom: 0;
}

.button.with-icon {
	width: fit-content;
}

td.fit-content {
	width: 0;
	padding-right: 10px !important;
}

.diplome-update td
{
	display: flex;
	align-items: center;
}

td.space-between {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.sub-links {
	padding: 8px 0;
}

.footnotes 
{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footnote {
	font-size: 0.8em;
}

body.login .top-nav
{
	justify-content: center;
	padding-bottom: 40px;
	gap: 48px;
}

.users.form.login
{
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
}

.users.form.login label
{
	text-align: left;
}

.legend
{
	padding-top: 30px;
	text-align: right;
}

.legend span
{
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 0%;
	border-radius: 50%;
}

.selected {
	background: #f5f7fa;
}

.error-message 
{
	color: #d33c43;
	padding-bottom: 22px;
}

p.red.hide {
	display: none;
}
p.red {
	color: #d33c43;
}

.select-gender 
{
	display: flex;
	gap: 24px;
}
.select-gender label input 
{
	margin-right: 6px;
}

.form-row
{
	margin-top: 12px;
	display: flex;
	gap: 8px;
}
.form-row select {
	max-width: 300px;
}

tr.divider td {
	background: #f5f5f5;
	padding-left: 4px;
}

tr.divider td h5 {
	margin: 0;
}

#printing-table, 
#printing-table th,
#printing-table td {
	border: 1px solid;
	border-collapse: collapse;
	text-transform: uppercase;
}
#printing-table th {
	padding-left: 0.8rem;
}
#printing-table td {
	padding: 0.6rem 0.8rem;
}

.attachments {
	display: flex;
	gap: 48px;
}
.attachments .list {
	width: 60%;
}
.attachments .form input[type="date"] {
	max-width: 180px;
}
.attachments .list th svg {
	margin-bottom: -6px;
	width: 18px;
}
.attachments .list td {
	word-break: break-all;
}


/* FORMS */

tr.locked {
	background: #606c760f;
}

.active-row,
.marked {
	background: #fffce8;
	color: #776b29;
}
.marked td {
	border-color: #f0e9c1;
}

.question-title {
	padding-left: 8px;
}
.question-text {
	margin: 8px;
	font-size: .8em;
}
.actions-col {
	display: flex;
	gap: 6px;
}

td .feather-lock,
td .feather-trash,
td .feather-arrow-right,
td .feather-copy {
	margin-left: 0;
	margin-top: 0 !important;
}

.radio-answer {
	padding-left: 24px;
}
.radio-choice input {
	margin-bottom: 0;
}
.radio-choice label {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0;
}

.radio-choice.flex {
	gap: 24px;
}

table.results .icon-status svg {
	margin-left: 0;
}

.table-subtitle,
.table-footer,
.table-partial {
	font-weight: bold;
}
.table-subtitle {
	background: #f4f5f8;
} 
.table-footer.negative {
	background: #ffc2c2;
}
.table-footer.middle {
	background: #fffadd;
}
.table-footer.positive {
	background: #d8f0d5;
}

.icon-status .feather {
	width: 20px;
	margin-bottom: -6px;
	margin-left: 12px;
}

ul li a .feather.feather-chevrons-right {
	margin-bottom: -6px;
}

.prev.disabled, .next.disabled {
	display: none;
}

.results {
	border-top: 0.1rem solid #e1e1e1;
	margin-bottom: 32px;
}

.results th {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #8f979f;
  font-weight: bold;
}

td.code {
  font-size: 0.9em;
  font-weight: bold;
}

@media (min-width: 640px) {
	.row .column-responsive.column-80 {
		padding: 2rem;
	}
}