@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;
}
/* The header-right gutter has to be carried by every child that can end up
   LAST, not just #usermenu: which one that is depends on the session. Signed
   in, #usermenu is last and supplies it; on the sign-in page #usermenu and
   #usertoolbar are both hidden and #userlanguage is last, so without its own
   padding the locale picker sits flush against the window edge. */
#usermenu, #userlanguage {
	padding-right: 10pt;
}
#hdr_menu {	
  display:block;
  float:left;
  width: 100%;
}
/* line-height and min-height MUST stay equal. min-height sets the height of the
   header band; line-height sets the height of the single line box inside it,
   and that line box is laid out at the TOP of the block. Any difference between
   the two therefore collects entirely BELOW the text as dead space, so the
   title sits high in its own band rather than centred in it. Equal, the leading
   splits evenly above and below and the text centres itself.

   The band is unaffected by this - it was already min-height (2em) tall either
   way, so nothing reflows; only the text settles into the middle of it. The
   glyphs beside the title (.r50_h4_icon, .hamburger_wrapper) are aligned off
   the baseline via vertical-align:middle, so they move with the text. */
#hdr_menu h4 {
	display: inline-block;
	margin-block-end: inherit;
	line-height: 2em;
	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;
}