/*!
	easy CSS helper classes
*/
.white-space-nowrap {
	white-space: nowrap !important;
}

.auto-width {
	width: auto !important;
}

.tiny-text {
	font-size: 70%;
	line-height: 1;
	font-weight: 300;
}

.small-text {
	font-size: 80%;
	line-height: 1.1;
	font-weight: 300;
}

.normal-text {
	font-size: 1rem !important;
}

.fine-text {
	font-size: 90%;
	line-height: 1.3;
	font-weight: 300;
}

.no-gutter>[class*='col-'] {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

@media ( max-width : 800px) {
	.btn-mobile-big {
		width: 100%;
		display: block;
	}
}

@media ( min-width : 801px) {
	.btn-mobile-big {
		display: block;
		float: right !important;
	}
}

@media ( max-width : 800px) {
	.btn-mobile-big-left {
		width: 100%;
		display: block;
	}
}

@media ( min-width : 801px) {
	.btn-mobile-big-left {
		display: block;
		float: left !important;
	}
}

.fine-text strong {
	font-weight: 500;
}

.fine-text p {
	margin-bottom: 0.5rem;
}

.h-90 {
	height: 90% !important;
}

.form-label-group>label {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.tab-content {
	background-color: #ffffff;
}

.table .headers .wicket-ajax-indicator img {
	width: 20px;
	height: 20px;
	margin-left: 3px;
}

.entityDataTableActionColumn span {
	position: relative;
}

.entityDataTableActionColumn .wicket-ajax-indicator img {
	width: 20px;
	height: 20px;
	position: absolute;
	left: -35px;
	top: 1px;
}

.form-control.form-search-input:focus {
	-webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
	box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
}

.avatar-wrapper {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 20px auto;
	border-radius: 50%;
	overflow: hidden;
	transition: all .3s ease;
	white-space: nowrap;
	background-color: #ffffff;
	text-align: center;
}

.avatar-wrapper:hover {
	transform: scale(1.05);
	cursor: pointer;
}

.avatar-wrapper:hover .profile-pic {
	opacity: .5;
}

.avatar-wrapper .profile-pic {
	max-height: 100%;
	max-width: 100%;
	transition: all .3s ease;
	vertical-align: middle;
}

.avatar-wrapper .profile-pic:after {
	font-family: FontAwesome;
	content: "\f007";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	font-size: 190px;
	background: #ecf0f1;
	color: #34495e;
	text-align: center;
}

.avatar-wrapper .upload-button {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.avatar-wrapper .upload-button .fa-arrow-circle-up {
	position: absolute;
	font-size: 234px;
	top: -17px;
	left: -17px;
	text-align: center;
	opacity: 0;
	transition: all .3s ease;
	color: #34495e;
}

.avatar-wrapper .upload-button:hover .fa-arrow-circle-up {
	opacity: .9;
}

.avatar-image-helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.avatar-wrapper .file-upload {
	display: none;
}

.pt-6px {
	padding-top: 6px !important;
}

.navbar-avatar-wrapper {
	height: 25px;
	width: 25px;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	display: flex;
}

.navbar-avatar-helper {
	display: flex;
	height: 25px;
	vertical-align: middle;
}

.navbar-avatar {
	max-width: 25px;
	max-height: 25px;
	display: flex;
	vertical-align: middle;
	margin: auto;
}

.cropping .avatar-wrapper {
	display: none !important;
}

.avatar-submit-button {
	display: none !important;
}

.cropping .avatar-submit-button {
	display: inline-block !important;
}

.croppie-container {
	display: none;
}

.cropping .croppie-container {
	display: block;
}

.avatar-reset-button {
	display: none !important;
}

.cropping .avatar-reset-button {
	display: inline-block !important;
}

.avatar-delete-button {
	display: inline-block;
}

.cropping .avatar-delete-button {
	display: none;
}

/*
CHART JS CSS
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {

from { 
		opacity:0.99;
}

to {
	opacity: 1;
}

}
.chartjs-render-monitor {
	animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor, .chartjs-size-monitor-expand,
	.chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}

.chartjs-size-monitor-expand>div {
	position: absolute;
	width: 1000000px;
	height: 1000000px;
	left: 0;
	top: 0;
}

.chartjs-size-monitor-shrink>div {
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
}

[data-bs-toggle="collapse"].collapsed .if-not-collapsed {
	display: none;
}

[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {
	display: none;
}

.status-icon-container {
	width: 30px;
	height: 30px;
	z-index: 2;
}

.vertical-line-center {
	z-index: 2;
}

.vertical-line-center:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 2px solid #ccc;
	transform: translate(-50%);
}

.timeline>div:first-of-type>div.row>.vertical-line-center::after {
	top: 30px;
}

.damagebutton.active>div {
	background-color: #b0c0d0 !important;
	border-width: 2px !important;
}

.commentbox p {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.opacity-0 {
	opacity: 0 !important;
}

.opacity-10 {
	opacity: 0.1 !important;
}

.opacity-20 {
	opacity: 0.2 !important;
}

.opacity-30 {
	opacity: 0.3 !important;
}

.opacity-40 {
	opacity: 0.4 !important;
}

.opacity-50 {
	opacity: 0.5 !important;
}

.opacity-60 {
	opacity: 0.6 !important;
}

.opacity-70 {
	opacity: 0.7 !important;
}

.opacity-80 {
	opacity: 0.8 !important;
}

.opacity-90 {
	opacity: 0.9 !important;
}

.opacity-100 {
	opacity: 1 !important;
}

.sidebar.navbar-nav .badge {
	font-size: 0.6rem !important;
}

input.w-100 {
	width: 100px !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current
	{
	background: #002a58 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #0bbbef !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
	.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
	.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current
	{
	background: #002a58 !important;
	box-shadow: #002a58 0 1px 3px 0 inset !important;
}

@media ( min-width : 768px) {
	.navbar-nav .form-inline .input-group {
		width: auto
	}
}

.navbar-nav .form-inline .input-group {
	width: 100%
}

.navbar-nav .nav-item.active .nav-link {
	color: #2350a0
}

.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
	display: none
}

.navbar-nav .nav-item .nav-link:focus {
	outline: none
}

.sidebar {
	width: 90px !important;
	background-color: #f8f9fa;
	min-height: calc(100vh - 82px);
	box-shadow: 0 -1rem 0.6rem rgba(0, 0, 0, 0.15)
}

.sidebar li.nav-item .nav-link {
	line-height: 28px;
}

.sidebar .nav-item:last-child {
	margin-bottom: 1rem
}

.sidebar .nav-item .nav-link {
	text-align: center;
	padding: 0.75rem 1rem;
	width: 90px
}

.sidebar .nav-item .nav-link span {
	font-size: 0.65rem;
	display: block
}

.sidebar .nav-item .dropdown-menu {
	position: absolute !important;
	transform: none !important;
	left: calc(90px + 0.5rem) !important;
	margin: 0
}

.sidebar .nav-item .dropdown-menu.dropup {
	bottom: 0;
	top: auto !important
}

.sidebar .nav-item.dropdown .dropdown-toggle::after {
	display: none
}

.sidebar .nav-item .nav-link {
	color: #2350a0
}

.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus,
	.sidebar .nav-item .nav-link:hover {
	color: #0bbbef
}

.sidebar.toggled {
	width: 0 !important;
	overflow: hidden
}

@media ( min-width : 1200px) {
	.sidebar {
		width: 200px !important
	}
	.sidebar .nav-item .nav-link {
		display: flex;
		width: 100%;
		text-align: left;
		padding: 0.7rem 0.5rem 0.7rem 0.7rem;
		width: 200px;
		align-items: center;
	}
	.sidebar .nav-item .nav-link span {
		font-size: 1rem;
		display: inline
	}
	.sidebar .nav-item .dropdown-menu {
		position: static !important;
		margin: 0 0.5rem 0.5rem 0.5rem;
		top: 0
	}
	/* 	.sidebar .nav-item.dropdown .dropdown-toggle::after { */
	/* 		display: block */
	/* 	} */
	.sidebar.toggled {
		overflow: visible;
		width: 90px !important
	}
	.sidebar.toggled .nav-item:last-child {
		margin-bottom: 1rem
	}
	.sidebar.toggled .nav-item .nav-link {
		text-align: center;
		padding: 0.75rem 1rem;
		width: 90px
	}
	.sidebar.toggled .nav-item .nav-link span {
		font-size: 0.65rem;
		display: block
	}
	.sidebar.toggled .nav-item .dropdown-menu {
		position: absolute !important;
		transform: none !important;
		left: calc(90px + 0.5rem) !important;
		margin: 0
	}
	.sidebar.toggled .nav-item .dropdown-menu.dropup {
		bottom: 0;
		top: auto !important
	}
	.sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
		display: none
	}
}

.ergo-icon {
	width: 24px;
	height: 24px;
}

.ergo-icon-large {
	width: 48px;
	height: 48px;
}

.ergo-icon-mega-large {
	width: 72px;
	height: 72px;
}

.portal-logo-image {
	width: 8.5rem;
}

.card-login {
	max-width: 25rem
}

.card-register {
	max-width: 40rem
}

#wrapper {
	display: flex;
}

footer.sticky-footer {
	display: flex;
	position: fixed;
	right: 0;
	bottom: 0;
	width: calc(100% - 90px);
	height: 90px;
	background-color: #f8f9fa;
}

footer.sticky-footer {
	width: calc(100% - 200px);
}

#wrapper #content-wrapper {
	overflow-x: hidden;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 90px;
}

.card-body-icon {
	position: absolute;
	z-index: 0;
	top: -3rem;
	right: -1rem;
	opacity: 0.4;
	font-size: 5rem;
	transform: rotate(20deg);
}

.o-hidden {
	overflow: hidden !important;
}

.font-fedra-serif {
	font-family: Fedra Serif A, sans-serif;
}

.ergo-icon-text {
	margin-top: 0.1rem;
	margin-bottom: 0rem;
}

.feedbackPanel {
  margin-bottom: 0px;
}

.easy-damage-acquisition-header .damage-header-item {
  color: black;
  background-color: #d9d5c7;
  text-align: center !important;
}
.easy-damage-acquisition-header .damage-header-item .badge {
  color: #002a58;
  background-color: #fff;
}
.easy-damage-acquisition-header .damage-header-item a {
  color: #fff;
}
.easy-damage-acquisition-header .damage-header-item.active {
  background-color: #8e0038;
  color: #fff;
}
.easy-damage-acquisition-header .damage-header-item.active .badge {
  color: #fff;
  background-color: #e87a16;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.color-blue{
	color:blue;
}

.color-green{
	color:green;
}

body.sidebar-toggled footer.sticky-footer {
  width: 100%;
}
@media (min-width: 768px) {
body.sidebar-toggled footer.sticky-footer {
    width: calc(100% - 90px);
  }
}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
  background-color: transparent !important;
}

.table-row-color-mail-answered {
	background-color: #9bc4b2  !important;
	--bs-table-bg-type:  #9bc4b2  !important;
}
.table-row-color-mail-not-answered {
	background-color: #e5a5ac  !important;
	--bs-table-bg-type:  #e5a5ac   !important;
	
}
.table-row-color-mail-internal-question {
	background-color: #f8e89d  !important;
	--bs-table-bg-type:  #f8e89d   !important;
}

.table-row-color-mail-old-stock {
	background-color: #d9d5c7  !important;
	--bs-table-bg-type:  #d9d5c7   !important;
}

.table-row-color-mail-forwarded-to-ergo {
	background-color: #47bcc5  !important;
	--bs-table-bg-type: #47bcc5   !important;
}