:root {
	--mdc-theme-primary: #cd172d;
	--mdc-theme-secondary: #cd172d;
}

html {
	width: 100vw;
	overflow-x: hidden;
}

body {
	min-height: 100vh;
	font-size: 1rem;
}

#components-reconnect-modal div, #components-reconnect-modal button {
	bottom: 35px !important;
}

.sticky-sub-header {
	position: sticky;
	top: calc(7rem - 1px);
}

.border-left-2 {
	border-left: 2px solid #cd172d;
}

.sign-in-pages .validation-summary-errors ul {
	list-style-type: none;
	padding: 0;
	color: #cd172d;
}

.sign-in-pages .btn-resend-token {
	border: 0;
	background: none;
	margin: 8px auto 0 auto;
	display: block;
	color: #cd172d;
}

.sign-in-pages .btn-resend-token:hover {
	color: #a71d2a;
}

.dropdown-item.active, .dropdown-item:active {
	background: var(--mdc-theme-primary, #6200ee) !important;
}

.bg-banner {
	background: url(/images/portal_bg.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-banner-overlay {
	/*background-color: rgba(0, 0, 0, 0.5);*/
	color: #fff;
}

.overlay.loading-overlay {
	background-color: #ffffff;
	position: fixed;
	height: calc(100vh - calc(7rem + 1px));
	top: calc(7rem - 1px);
}

.bg-white {
	color: #404040 !important;
}

.min-h-initial {
	min-height: initial;
}

.patch-bundle-notification-container {
	position: fixed;
	width: 20rem;
	right: 12px;
	bottom: 12px;
	z-index: 1039;
}

.patch-bundle-notification-container .toast-body {
	height: 10rem;
	overflow-y: auto;
	background-color: white;
	color: #343a40;
}

.patch-bundle-notification-container:not(.d-none) ~ .mat-toast-container > div {
	min-width: 20rem;
}

.patch-bundle-notification-container-container.uncollapsed ~ .mat-toast-container {
	bottom: calc(13.0625rem + 12px);
}

.patch-bundle-notification-container-container.collapsed ~ .mat-toast-container {
	bottom: calc(3.0625rem + 12px);
}

.patch-bundle-toast {
	color: #cd172d;
	border-bottom: 2px solid #cd172d;
	background-color: #f5f5f5;
	font-size: 0.75rem;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
}

.patch-bundle-toast .mat-toast-body {
	line-height: 1;
}

.control-label {
	font-weight: bold;
}

.accent-danger .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E");
}

.no-check .custom-control-input:checked ~ .custom-control-label::after {
	background-image: none;
	border: 1px solid #404040 !important;
}

.no-check .custom-control-label::before {
	border-radius: 0;
}

.custom-control .custom-control-label::before {
	background-color: #ffffff;
}

.check-color .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23cd172d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.check-color .custom-control-input:checked ~ .custom-control-label::before {
	background: transparent;
	border-color: #cd172d;
}

.footer {
	background-color: #3a3a3a;
	color: #ffffff;
	padding: 0.25rem 0;
	margin-top: auto;
}

.card-openit-red.card-outline {
	border-top: 3px solid #6c757d;
}

.card-openit-red.card-outline-tabs > .card-header a:not(.active) {
	border-bottom: 1px solid #dee2e6 !important;
	background-color: #F8F9FC;
}

.card-openit-red.card-outline-tabs > .card-header a:hover {
	border-top: 3px solid #dee2e6;
}

.card-openit-red.card-outline-tabs > .card-header a.active {
	border-top: 5px solid #cd172d;
	color: #cd172d !important;
	font-weight: bold;
	background-color: #ffffff !important;
	position: relative;
	transition: all 250ms ease;
	height: calc(100% + 0.5rem) !important;
	margin-top: -0.5rem !important;
}

.reports-filter .mdc-line-ripple, .knowledge-base-filter .mdc-line-ripple {
	display: none;
}
.reports-filter .mat-paginator-page-size, .knowledge-base-filter .mat-paginator-page-size {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}
.reports-filter .mdc-text-field, .reports-filter .mdc-select__anchor, .reports-filter .mdc-button, .knowledge-base-filter .mdc-text-field, .knowledge-base-filter .mdc-select__anchor, .knowledge-base-filter .mdc-button {
	background-color: #f5f5f5 !important;
	border-radius: 4px 4px 0 0;
}
.patches-filter .mdc-text-field, .patches-filter .mdc-select__anchor, .patches-filter .mdc-button {
	background-color: #ffffff !important;
	border-radius: 4px 4px 0 0;
}
.reports-filter .mdc-button .material-icons.mdc-button__icon, .knowledge-base-filter .mdc-button .material-icons.mdc-button__icon {
	margin-left: 0.5rem;
}
.reports-filter .mdc-select__anchor, .knowledge-base-filter .mdc-select__anchor {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	width: 7rem !important;
	min-width: 0 !important;
}
/*.reports-filter .mat-paginator {
	margin-bottom: 0.5rem !important;
}*/

.img-fullscreen:-webkit-full-screen {
	max-width: none;
}

.img-fullscreen:-moz-full-screen {
	max-width: none;
}

.img-fullscreen:-ms-fullscreen {
	max-width: none;
}

.img-fullscreen:full-screen {
	max-width: none;
}

.img-fullscreen:fullscreen {
	max-width: none;
}

i.flip-icon, .flip-icon i {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.openit-red-filter:before {
	background: #020101;
	background: linear-gradient(90deg, #020101 51%, #cd172d 100%);
	opacity: 0.85;
	mix-blend-mode: darken;
}

.bg-openit-red {
	background-color: #cd172d !important;
}

.text-openit-red {
	color: #cd172d !important;
}

.page-wrapper {
	min-height: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page-wrapper .content-wrapper {
	flex-grow: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	background-color: white;
}

.page-wrapper .content-wrapper .main {
	flex-grow: 1;
}

.page-header {
	height: unset;
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.brand {
	text-align: center;
	line-height: 1;
	padding-top: 2rem;
	padding-bottom: 2rem;
	word-break: break-word;
	overflow-wrap: break-word;
}

.brand:not(.text-dark) {
	color: #ffffff;
}

.brand h1 {
	margin-top: 0;
}

.brand h1 {
	font-size: 3rem;
	font-weight: 600;
	display: inline-block;
	position: relative;
}

.brand:not(.text-dark) * {
	color: #ffffff;
}

.brand h3 {
	font-size: 1rem;
	margin: 0;
}

.section {
	padding: 20px 0;
}

.navbar {
	margin-bottom: 0;
	padding: 0;
	height: 7rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #dee2e6;
}

.navbar .navbar-collapse {
	align-self: end;
	align-self: flex-end;
}

.navbar .navbar-nav .nav-item > .nav-link {
	border-radius: 0;
	font-weight: bold;
}

.navbar .navbar-nav .nav-item > .nav-link:active, .navbar .navbar-nav .nav-item > .nav-link.active {
	background-color: #f5f5f5;
	color: #343a40;
}

.navbar .navbar-nav .nav-item > .nav-link:hover {
	background-color: #343a40;
	color: #ffffff;
}

/*.navbar .navbar-nav .nav-item > .nav-link.active {
	pointer-events: none;
}

.navbar .navbar-nav .nav-item > .nav-link.active .mdc-ripple-surface::before {
	opacity: 0.12;
}*/

.form-control, .is-focused .form-control {
	background-image: linear-gradient(to top, #cd172d 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

.dropdown-menu.dropdown-menu-openit-red .dropdown-item:hover, .dropdown-menu.dropdown-menu-openit-red .dropdown-item:focus, .dropdown-menu.dropdown-menu-openit-red a:hover, .dropdown-menu.dropdown-menu-openit-red a:focus, .dropdown-menu.dropdown-menu-openit-red a:active, .dropdown-menu.dropdown-menu-openit-red .dropdown-item.active {
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(205, 23, 45, 0.4);
	background-color: #cd172d;
	color: #FFFFFF;
}

.mdc-button {
	font-size: 12px;
}

.card {
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #dee2e6;
}

.card .card-header.card-header-image {
	border-radius: 0;
	box-shadow: none;
}

.card .card-header.card-header-image img {
	border-radius: 0;
}

.card .card-header-openit-red {
	background: unset;
	background-color: #cd172d !important;
}

.card .card-header-dark {
	background: unset;
	background-color: #343a40 !important;
}

.card [class*="header-"], .card[class*="bg-"] {
	color: unset;
}

.table thead th {
	font-weight: bold;
}

.card .card-body.p-0 table thead > tr:first-of-type th:first-of-type, .card .card-body.p-0 table tbody > tr td:first-of-type {
	padding-left: 1.5rem;
}

.card .card-body.p-0 table thead > tr:first-of-type th:last-of-type, .card .card-body.p-0 table tbody > tr td:last-of-type {
	padding-right: 1.5rem;
}

.tooltip {
	z-index: 9999999;
}

.tooltip {
	transition: opacity .2s ease;
}

.section.documentation {
	padding: 0;
}

.section.documentation button {
	font-size: 14px;
}

.mdc-menu .mdc-list .mdc-list-item {
	font-size: 0.8125rem;
}

.mat-paginator .mat-paginator-page-size .mat-paginator-page-summary-label, .mat-paginator .mat-paginator-page-size .mat-paginator-page-size-label {
	white-space: nowrap !important;
}

.mat-paginator .mat-paginator-page-size button {
	font-size: 0.875rem !important;
}

.container.full-width {
	max-width: none;
}

.card.card-nav-tabs .nav-tabs .mdc-button {
	font-size: 18px;
	white-space: nowrap;
}


.loading-container.bg-openit-red {
	background-color: #ffffff !important;
}

.loading-container.bg-openit-red .line {
  background-color: #cd172d !important;
}

@media only screen and (min-width: 576px) {
	.container.full-width {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1240px;
	}
}

@media only screen and (max-width: 768px) {
	.media .author > .avatar {
		width: 48px;
		height: 48px;
		margin-right: 10px;
	}

	.card.card-nav-tabs .nav-tabs .mdc-button {
		font-size: 14px;
	}

	.tooltip, .mat-tooltip {
		display: none;
	}
}

@media (max-width: 991px) {
	.navbar {
		height: auto;
		top: 0;
	}

	.sticky-sub-header {
		top: calc(5rem - 1px);
	}

	.overlay.loading-overlay {
		height: calc(100vh - calc(5rem + 1px));
		top: calc(5rem - 1px);
	}
}

.mdc-dialog label {
	color: initial;
	font-size: initial;
	font-weight: bold;
}

.btn-rating > label {
	color: #d5d5d5;
}

.article-item-navigator-container > .article-item-navigator > a .article-item-navigator-title > i {
	font-size: 1.0625rem;
}

.article-item-navigator-container > .article-item-navigator > a .article-item-navigator-title > span {
	font-size: 1.0625rem;
}