/*
 * Override CSS (Cascading Style Sheets)
 * https://developer.mozilla.org/en-US/docs/Web/CSS
 */
.sky-step-bar {
  display: none;
}

.sky-toolbar {
  padding-top: 50px;
}

#mouseinteraction-container {
  bottom: 60px;
  height: 40px;
  left: 10px;
  pointer-events: none;
  position: absolute;
}

#watermark {
display: none;
}

#mouseinteraction-container img {
  height: 300%;
  width: auto;
}

.sky-toolbar {
	background-color: #424140;
	box-shadow: 0px 0px 3px #424140;
	color: #fff
}

.sky-toolbar .box-div {
	border: 1px solid #fff;
	border-radius: 4px;
	margin-inline: 10px;
	margin-bottom: 25px;
}

.sky-toolbar .margin-narrow.padding-narrow.ng-scope button.btn-primary {
	background-color: #fac900;
	border-color: #fac900;
}

.sky-toolbar .ng-scope button.btn-primary .flyout-horizontal-menu-thumbnail-container {
	background: #fff;
	border-radius: 4px;
	margin-top: 2px;
}

.sky-toolbar .margin-narrow.padding-narrow.ng-scope button.btn-primary:hover {
	color: #333333;
	background-color: #ffd839;
	border-color: #ffd839;
}

.sky-toolbar .box-div .ng-scope .flyout-horizontal-menu ul {
	max-width: 256px !important;
	background-color: #797674;
	
}

.sky-toolbar .box-div .ng-scope .flyout-horizontal-menu ul:hover > li > a {
	opacity: 0.85;
}

.sky-toolbar .box-div .ng-scope .flyout-horizontal-menu ul > li > a:hover {
	opacity: 1;
	background-color: #fff;
}

.sky-toolbar .box-div .ng-scope .flyout-horizontal-menu ul > li > a {
	background-color: #fff;
	border-radius: 4px;
}

.sky-toolbar .flyout-horizontal-menu.open>.dropdown-menu {
	gap: 5px;
	padding: 3px;
}

.sky-toolbar .flyout-button-wrapper button.btn.selection-button.btn-primary:hover {
	cursor: default;
}

.sky-toolbar hr{

  border-color: #ffd839;
  border-width: 2px;
  margin: 0;
}