/*!
	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;
}

.line-height10 {
	line-height: 10px;
}

.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 {
	position: relative;
}

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

.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;
}

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

.croppie-container {
	display: none;
}

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

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

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

.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-toggle="collapse"].collapsed .if-not-collapsed {
	display: none;
}

[data-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;
}

.required:after { content:" *"; }

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

.submenu-collapselink {
	padding: .25rem 0.5rem;
	line-height: 32px;
}
.submenu-collapselink[aria-expanded="true"]:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: '\f107';
}

.submenu-collapselink[aria-expanded="false"]:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  content: '\f105';
}