html {
 	height: 100%;
 }

 body {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	height: 100%;
 	justify-content: flex-start;
 	align-items: flex-start;
 	transform: translate(0, 0);
 	margin: 0;
 	justify-content: center;
 	align-items: center;
 }


 input:-webkit-autofill::first-line {
 	/* Expose a hook for JavaScript when auto fill is shown. */
 	/* JavaScript can capture 'animationstart' events */

 	font-family: 'Inter-Regular';

 }

 header {
 	flex: 0 1 auto;
 }

 main {
 	display: flex;
 	width: 100%;
 	flex: 1;
 	flex-direction: column;
 	height: calc(100% - 48px);
 	transform: translate(0, 0);
 }

 .flexy {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 /* Override for SMUI - TOP APP BAR */
 .mdc-top-app-bar {
 	position: sticky;
 }

 .mdc-top-app-bar--short-collapsed {
 	width: 210px;
 }

 .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
 	width: 210px;
 }

 .mdc-top-app-bar--short-fixed-adjust {
 	padding-top: 0;
 }

 .mdc-deprecated-list {
 	font-family: 'Chillax-Regular';
 }

 .button-shaped-round {
 	border-radius: 999px;
 	font-family: "RedHatMono-Medium" !important;
 	font-size: 12px !important;
 	min-width: 8rem;
 	letter-spacing: 2px;
 }

 .button-shaped-round.smaller {
 	font-size: 10px !important;
 	min-width: 6rem;
 	height: 1.75rem;
 }

 .button-shaped-round.dropdown {
 	font-size: 10px !important;
 	min-width: unset;
 	height: 1.75rem;
 }

 @media (max-width: 893px) {
 	.button-shaped-round {
 		min-width: unset;
 	}

 	.button-shaped-round .mdc-button__icon {

 		margin-right: 0;
 		margin-left: 0;
 	}
 }

 .btn-same-width {
 	min-width: 8rem;
 	width: 48%;
 }

 :root {
 	--color-blueish: #2f71ff;
 	--color-redish: #FC755C;
 	--color-movish: #ddb1fd;
 	--color-orangish: #f8b3b0;
 	--color-yellowish: #dbf65f;
 	/*--color-tealish: #00cfc4;	*/
 	--color-tealish: #5FCEC4;
 	/*--color-whitish: #f7f7f7;*/
 	--color-whitish: #ffffff;
 	--color-greyish: #f0f0f0;
 	--color-correct: #D5E451;
 	--color-wrong: #FC755C;
 }


 .tealish-background:not([disabled]) {
 	background-color: var(--color-tealish) !important;
 	color: #f7f7f7 !important;
 }

 .blueish-background:not([disabled]) {
 	background-color: var(--color-blueish) !important;
 	color: #f7f7f7 !important;
 }

 .redish-background:not([disabled]) {
 	background-color: var(--color-redish) !important;
 	color: #f7f7f7 !important;
 }

 .movish-background {
 	background-color: var(--color-movish) !important;
 }

 .smui-accordion .smui-accordion__panel.smui-accordion__panel--raised.smui-accordion__panel--elevation-z1::before {
 	border-radius: 15px !important;
 }

 .smui-accordion .smui-accordion__panel {
 	border-radius: 15px !important;
 	margin-bottom: 1rem;
 }

 .smui-accordion .mdc-ripple-surface {
 	border-radius: 15px !important;
 }

 /*
 .smui-accordion .smui-paper {
 	border-radius: 15px !important;
 }

 .smui-paper.smui-paper--rounded {
 	border-radius: 15px !important;
 }*/

 .smui-accordion__header__title {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	font-family: 'Chillax-Medium';
 	font-size: 18px;
 	color: var(--color-tealish);

 }

 .smui-accordion__header__title i {
 	margin-right: 1rem;
 }

 .smui-accordion__header__icon i {
 	background-color: var(--color-tealish);
 	color: var(--color-whitish);
 	border-radius: 9px;
 }

 .smui-button__group {
 	column-gap: 0.5rem;
 }

 .mdc-button {
 	text-transform: capitalize;
 	font-family: 'Inter-Regular';
 }

 .mdc-button--raised {
 	box-shadow: none;
 }

 .mdc-snackbar {
 	font-family: 'Inter-Regular';
 	color: #f7f7f7 !important;
 }

 .ProseMirror {
 	padding-left: 0.25rem;
 	padding-right: 0.25rem;
 }

 .horizontal-separator {

 	font-size: 1rem;

 	font-family: "RedHatMono-Medium";
 	color: var(--color-tealish);
 	border-bottom: 0.1rem;
 	border-bottom-style: solid;
 	border-bottom-color: var(--color-tealish);
 	margin-bottom: 1rem;
 	margin-top: 1rem;
 	font-weight: bold;
 }


 .hidden {
 	display: none;
 }

 .text-with-action:hover {
 	cursor: default;
 }

 .rounded-cell {
 	border: 2px solid #c6c6c6;
 	border-radius: 15px;
 	padding: 1rem;
 	display: flex;
 	flex-direction: column;
 	box-sizing: border-box;
 }

 .table-holder-element {
 	transform: translate(0);
 	height: 100%;
 	min-height: 200px;
 }

 .table-holder-element-parent {
 	flex: 1;
 	transform: translate(0);
 }

 .argumentful-highlight {
 	background-color: var(--color-tealish);
 }

 p.narrow {
 	padding-left: 5rem;
 	padding-right: 5rem;
 }

 hr { 
    margin-top: 1rem;
    margin-bottom: 1rem;
	max-width: 173px;
 	border-color: var(--color-tealish);
 }

 .main-pane { 
	padding: 1rem;

	margin: 0 auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translate(0, 0);
 
	flex-direction: row;
	column-gap: 1rem; 
	justify-content: center;
	align-items: center;
}

 @media (max-width: 768px) {
 	p.narrow {
 		padding-left: 0.5rem;
 		padding-right: 0.5rem;
 	}
	 header.mdc-top-app-bar{
		position: sticky !important;
	 }

	 .mdc-top-app-bar--short-fixed-adjust {
		padding-top: 6px;
	}
   
 }