.full-note text-angular {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

text-angular .ta-scroll-window {
	height: 100%;
	min-height: 200px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.full-note text-angular .ta-scroll-window, text-angular .ta-scroll-window {
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

	text-angular .ta-scroll-window [contenteditable] {
		flex: 1;
	}

	.full-note text-angular .ta-scroll-window [contenteditable] {
		flex: 1;
	}

.full-note text-angular textarea {
	flex: 1;
}

.app-header .app-header-container {
	background-color: #0D7D7B;
}

/*	tw-border-2 tw-border-dashed tw-rounded tw-p-4 tw-flex tw-justify-center */
.container-dashed {
	border-width: 1px;
	border-style: solid;
	border-radius: 0.25rem;
	border-color: #cccccc;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 8px;
	background-color: #f9f9f9;
}

.ta-editor {
	min-height: 300px;
	height: auto;
	overflow: auto;
	font-family: inherit;
	font-size: 100%;
}

text-angular img {
	max-width: 100%;
}

.modal .modal-dialog .modal-content .modal-header {
	border-bottom: 1px solid #cccccc;
}

.modal .modal-dialog .modal-content .modal-body {
	padding: 15px;
}

.modal .modal-dialog .modal-content .modal-footer {
	border-top: 1px solid #dddddd;
}

.dropdown-menu .divider {
	background-color: #414141;
}

.extension .modal .modal-dialog {
	width: 100%;
}

.modal .modal-dialog .modal-content .modal-header {
	border-bottom: 1px solid #dddddd !important;
}

.modal .modal-dialog .modal-content .modal-header, .modal .modal-dialog .modal-content .modal-footer {
	padding: 8px 16px;
	background: #f1f1f1;
	height: 55px;
}

.extension .app-workspace .app-content {
	height: 100%;
}

.dropdown-menu .divider {
	height: 0.5px;
}

.panel .panel-body.checkbox-group ul li {
	height: 45px;
}

.tab-content {
	margin-top: 30px;
}

.tw-gap-y-2 {
	row-gap: .05rem;
}

.btn-skip {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
	padding: 5px 12px;
	left: 50%;
	position: absolute;
	transform: translateY(-150%);
	transition: transform 0.3s;
}

	.btn-skip:focus {
		transform: translateY(0%);
	}

.dropdown-menu .btn {
	background-color: #282828;
	color: white;
	width: 100%;
	text-align: left;
}

.app-header .app-header-container .user-menu {
	width: 250px;
}

	.app-header .app-header-container .user-menu .menu-toggle a {
		height: 100%;
		align-items: center;
	}

	.app-header .app-header-container .user-menu .menu-toggle .menu-items button {
		padding: 12px 15px;
	}

		.app-header .app-header-container .user-menu .menu-toggle .menu-items button i {
			margin-right: 10px;
		}

.btn-bars {
	background-color: transparent;
	padding: 0;
}

.drawer.left, .drawer.right {
	transition: none;
	display: none;
}

body.drawer-left-open .drawer.left, body.drawer-right-open .drawer.right {
	display: block;
}

/*Reset SCSS focus removal*/
*:focus, .dropdown-toggle:focus, select:focus, .form-control:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

select:focus {
	outline-offset: -2px;
}

.btn:focus:not(.global-focus-none), [role="button"]:focus:not(.global-focus-none) {
	filter: brightness(0.85);
}

button.label {
	background-image: none;
	border: 1px solid transparent;
	touch-action: manipulation;
	margin-bottom: 0;
	user-select: none;
}

button.label-primary:focus {
	filter: brightness(1.25);
	text-decoration: underline;
}

.btn:focus .chips > .chip {
	text-decoration: underline;
}

.grid-list .grid-item:focus {
	outline-offset: 2px;
}

.transparent {
	background-color: transparent;
}

.border-0 {
	border: 0;
}

.text-left {
	text-align: left;
}

.panel {
	border-radius: 5px;
	overflow: hidden;
}

.padding-0 {
	padding: 0;
}

.outline-offset-1 {
	outline-offset: 1px !important;
}

.outline-offset-2 {
	outline-offset: 2px !important;
}

.side-nav {
	z-index: 75;
}

.panel, .panel-actions {
	overflow: initial;
}

.spyomic-page-header .header-actions .header-action:focus {
	background-color: #ccc;
	color: black;
	filter: brightness(1);
}

.dropdown-menu .btn:focus, .dropdown-menu .btn:hover {
	background-color: #0a6261;
	color: white;
	text-decoration: underline;
	filter: brightness(1.25);
}