:root {
	--contember-blue-900: #00182F;

	--contember-green-50: #E2FDEF;
	--contember-green-100: #BEF1D8;
	--contember-green-200: #97E6C0;
	--contember-green-300: #70DBA7;
	--contember-green-400: #4AD18F;
	--contember-green-500: #31B875;
	--contember-green-600: #248F5A;
	--contember-green-700: #166640;
	--contember-green-800: #083E26;
	--contember-green-900: #001609;

	--contember-yellow-50: #F3F3BB;
	--contember-yellow-100: #F3F3BB;
	--contember-yellow-200: #EEEDA1;
	--contember-yellow-300: #E4E26A;

	--contember-purple-50: #EEE4FF;
	--contember-purple-100: #D2C2FF;
	--contember-purple-200: #A980FD;

	--contember-green-primary: var(--contember-green-200);
	--contember-green-text: var(--contember-green-700);

	--docusaurus-highlighted-code-line-bg: #1f2b4c;
	--ifm-global-shadow-md: 0px;
	--ifm-color-primary: #3578e5;
	--ifm-color-primary-dark: #1d68e1;
	--ifm-color-primary-darker: #1b62d4;
	--ifm-color-primary-darkest: #1751af;
	--ifm-color-primary-light: #4e89e8;
	--ifm-color-primary-lighter: #5a91ea;
	--ifm-color-primary-lightest: #80aaef;
	--ifm-code-font-size: 90%;
	--doc-sidebar-width: 17.5rem;
	--ifm-global-radius: 12px;
	--ifm-code-border-radius: 6px;
	--dropdown-icon-width: 0.625rem;
	--dropdown-icon-height: 0.375rem;
	--dropdown-icon-gap: 0.688rem;
	--ifm-menu-link-padding-vertical: 0.5rem;
	--ifm-menu-color-active: var(--ifm-link-color);
	--sidebar-spacing-horizontal: 1.5rem;
}

@media (prefers-color-scheme: dark) {
	:root {
		--contember-green-text: var(--contember-green-400);
	}
}

@import './liveCode.css';

body {
	--cui-font-family: var(--ifm-font-family-base);
	--cui-background-color: var(--ifm-background-color);
	--ifm-navbar-background-color: var(--ifm-background-color);
}

.props-table {
	width: 100%;
}

.props-table tr:nth-child(2n) {
	background-color: var(--ifm-color-emphasis-100);
}

.props-table th {
	text-align: left;
	border-left: none;
	border-right: none;
}

.props-table td {
	vertical-align: top;
	border: none;
}

.props-table td:last-child {
	width: 100%;
}

.props-table .props-type-prop {
	font-family: var(--ifm-font-family-monospace);
	font-weight: 800;
	margin-bottom: 0;
	font-size: 0.85rem;
}

.props-table .props-description-prop {
	margin-bottom: 0;
}

.props-table .props-inherited-prop {
	margin-bottom: 0;
	background-color: var(--ifm-color-info-lightest);
	padding: 0 0.5em;
	font-size: 0.85em;
}

.props-table .props-required-prop {
	font-size: 0.85rem;
	display: inline-block;
	color: var(--ifm-color-black);
	background-color: var(--ifm-color-danger-lightest);
	padding: 0 0.5em;
}

.props-table .props-readonly-prop {
	font-size: 0.85rem;
	display: inline-block;
	color: #1d1d1d;
	background-color: #e9e9e9;
	padding: 0 0.5em;
}

.props-table .props-prop .required::after {
	font-family: var(--ifm-font-family-monospace);
	content: "*";
	margin-left: 0.5em;
	color: var(--ifm-color-danger-lighter);
}

.alert {
	--ifm-alert-background-color: transparent;
	border-width: 2px;
}

.alert a {
	text-underline-offset: 4px;
}

.alert.alert--info {
	--ifm-alert-border-color: var(--contember-purple-200);
}

html[data-theme="dark"] .alert.alert--info {
	--ifm-alert-border-color: var(--contember-purple-200);
}

.alert.alert--success {
	--ifm-alert-border-color: var(--contember-yellow-300);
}

html[data-theme="dark"] .alert.alert--success {
	--ifm-alert-border-color: var(--contember-yellow-200);
}

html[data-theme="dark"] {
	--ifm-color-primary: var(--ifm-color-primary-lighter);
}

html[data-theme="light"] {
	--ifm-background-color: #fff;
}

.flex-grow {
	flex-grow: 1;
}

html {
	display: block;
}

.main-wrapper {
	align-self: center;
	max-width: 1400px;
	width: 100%;
}

.navbar {
	border-bottom: 1px solid var(--ifm-toc-border-color);
}

.navbar__inner {
	margin: 0 auto;
	max-width: 1360px;
}

article {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.menu__list {
	font-size: 14px;
}

.menu__list-item .menu__list-item {
	font-weight: normal;
}

.menu__link:before {
	position: absolute;
	left: 0;
}

.menu__link--sublist-caret::after,
.menu__caret:before {
	background-size: 1.3rem 1.3rem;
}

.theme-doc-sidebar-menu > li {
	margin-top: 1.5rem !important;
}

.smallNote {
	font-size: 13px;
	opacity: 0.7;
}

.markdown hr + h2 {
	margin-top: -10px;
}

.markdown code {
	border-width: 1px;
}

.version {
	background-color: var(--ifm-color-warning-lightest);
	border: var(--ifm-badge-border-width) solid var(--ifm-color-warning-lightest);
	border-radius: var(--ifm-badge-border-radius);
	color: var(--ifm-color-black);
	display: inline-block;
	font-size: 1rem;
	font-weight: var(--ifm-font-weight-normal);
	padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
}

.table-of-contents__link span {
	display: none;
}

img[alt="Contember Cloud Actions"] {
	max-width: 360px;
	text-align: center;
}

.acl-table td {
	text-align: center;
	font-weight: 800;
	position: relative;
}

.acl-table td span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.acl-table td .acl-y {
	background: var(--contember-green-400);
	color: var(--contember-green-800);
}

.acl-table td .acl-n {
	background: #e57575;
	color: #630505
}

.acl-table th {
	font-weight: normal;
	font-size: 0.8rem;
	padding: 3px;
}

.acl-table tr td {
	height: 70px;
}

.acl-table tr td:first-child {
	font-size: 0.8rem;
	line-height: 100%;
	width: auto;
}

.acl-table tr td:not(:first-child) {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
}
