/*!
	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;
	margin: 1rem 0;
}

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


.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

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

.end-0 {
	right: 0 !important;
}


#menu-wrapper {
	padding: 10px 0 15px 0;
	font-size: 14px !important;
}

#menu-wrapper a.nav-link {
  color: #FFFFFF;
}

#menu-wrapper a.nav-link:hover,
#menu-wrapper a.nav-link:active,
#menu-wrapper a.nav-link:focus{
  color: #0bbbef;
}

#menu-wrapper .dropdown-item,
#menu-wrapper #right-menu-wrapper .nav-item a.dropdown-item {
	padding: 0.25rem 1.5rem;
	font-size: 14px;
}

#menu-wrapper .nav-item.active .nav-link.dropdown-toggle,
#menu-wrapper .nav-link.active,
#right-menu-wrapper .nav-link.active a,
#right-menu-wrapper .nav-item.active a {
  color: #0bbbef;
}

#menu-wrapper .nav-item.disabled .nav-link{
  color: #DDDDDD;
}

#menu-wrapper .dropdown-menu {
	background-color: #002a58;
	border: 1px white solid;
 	margin-top: 10px;
}

#menu-wrapper .dropdown-item {
	color: #FFFFFF
}

#menu-wrapper .dropdown-item:hover, 
#menu-wrapper .dropdown-item:focus {
	color: #0bbbef;
	text-decoration: none;
	background-color: #002a58;
}

#menu-wrapper .nav-link {
	padding: 0rem 2rem 0rem 0rem;
}

#right-menu-wrapper a {
	color: #FFFFFF;
	font-size: 14px !important;
}


#right-menu-wrapper a:hover,
#right-menu-wrapper a:active,
#right-menu-wrapper a:focus{
  color: #0bbbef;
}

footer.sticky-footer {
	color: #FFFFFF;
	background-color: #002a58;
}

footer.sticky-footer .nav-item a {
	color: #FFFFFF;
	margin: 0 10px;
}

.bg-ase-light-blue {
	background-color: #ecf6fc !important;
}

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

.text-muted a {
	color: #6c757d !important;
}

.text-muted a:hover,
.text-muted a:focus,
.text-muted a:active {
	color: #0bbbef !important;
}

.nav.nav-pills a i[class^="fa"] {
  color: #f4853c;
}

.nav.nav-pills a:active i[class^="fa"], 
.nav.nav-pills a:focus i[class^="fa"], 
.nav.nav-pills a:hover i[class^="fa"] {
  color: #f8b284;
}


.pub-background {
	background: url(../img/ase_background.png) no-repeat center center fixed;
	background-size: cover;
}

.card-login .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 3px solid #f4853c;
}

.text-shadow {
	text-shadow: 1.5px 1.5px #2f2f2f;
}

@media (max-width: 1050px) {
	#menu-wrapper .nav-item {
		width: 100%;
		border-bottom: 1px solid #dee2e6 !important;
	}
	
	#menu-wrapper .nav-link,	
	#right-menu-wrapper .nav-item a,
	#right-menu-wrapper .nav-link {
  		padding: 0.5rem 2rem 0.5rem 0rem;
	}
}

@media (min-width: 1050px) {
	#menu-wrapper #left-menu-wrapper .nav-item {
  		width: 10em;
	}
	
	#right-menu-wrapper .nav-item {
		text-align: center !important;
	}	

	#right-menu-wrapper .nav-item a,	
	#right-menu-wrapper .nav-link {
  		padding: 0;
	}
	
	#right-menu-wrapper .col-lg:not(:empty) {
		border-right: 1px solid #dee2e6 !important;
	}	
	
	#right-menu-wrapper .col-lg:last-child {
		border-right: 0 !important;
	}	
}