@charset "utf-8";

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* hdr ------------------------------------------------------------------ */

#hdr {
  /*height: 64px;*/
	width: 100%;
}
#hdr_topleft {
	padding-top: 4px;
	height: 64px;
	float: left;
	cursor: pointer;
}
#hdr_topleft img, #hdr_topleft div {
	float: left;
	vertical-align:text-top;  
}
#hdr_projectname { 
  clear: both;
  display: block;
}
#hdr_companyname { 
  clear: both;
  display: block;
}
#hdr_topright {
	height: 48px;
	display: flex;
	flex-direction: row;
}
.btn-group {
	display: inline-block;
  padding-right: 4px;
}
#usermenu, #userlanguage, #usertoolbar {
  align-self: center;
}
#usermenu {
	padding-right: 10pt;
}
#hdr_menu {	
  display:block;
  float:left;
  width: 100%;
}
#hdr_menu h4 {
	display: inline-block;
	margin-block-end: inherit;
	line-height: 1.8em;
	font-size: 1.2em;
	margin-left: 0.2em;
	min-height: 2em;
}

.dashboard_name, .dashboardhdritem {
	display:inline-block;
	margin-right: 5px;
}


/* bdy ------------------------------------------------------------------ */

#bdy {
  width: 100%;
	overflow-y: scroll;
	margin: 0 auto;
	text-align: center;
	position: relative;
	display: inline-block;
}

.fa-chevron-right, .fa-chevron-down {
  min-width: 24px;
  font-size: 14pt;
  padding-left: 2px;
  padding-right: 2px;
}

/* ftr ------------------------------------------------------------------ */

#ftr {
	min-height: 42px;
	width: 100%;
	font-size:small;
	position: absolute;
	bottom: 0px;
}

/* others */

.margin-bottom-sm {
  margin-bottom: 5px !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 

}

#swagger-ui {
  text-align: left;
}

@keyframes fadeInAnimation {
	0% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}

.modal.fade .modal-dialog {
  transform: none !important; /* Removes the sliding animation */
}
.modal-header .btn-close {
  filter: invert(1); /* Inverts color for visibility on dark backgrounds */
}

/*
.floating-label-fix {
	top: -4px!important;
}
*/
.form-floating label{
  margin-top: -4px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
}

.pac-container {
    z-index: 1100 !important;
}

.modus-address-input {
  font-weight: 500;
  font-size: 1.2rem;
}
.modus-address-input::placeholder {
  font-weight: 400;
  font-size:smaller;
  opacity: 0.9;
}