@font-face {
  font-family: 'MasterPortalFont';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'MasterPortalFont Italic';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'MasterPortalFont Bold';
  src:  url('./webfonts/themix/TheMix_900_.woff') format('woff');
}

@font-face {
  font-family: 'NotoSans Regular';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'NotoSans Bold';
  src:  url('./webfonts/themix/TheMix_900_.woff') format('woff');
}

@font-face {
  font-family: 'NotoSans Italic';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans Extra Condensed Light';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Regular';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Medium Italic';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Medium';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Italic';
  src:  url('./webfonts/themix/TheMix_300_.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Bold';
  src:  url('./webfonts/themix/TheMix_900_.woff') format('woff');
}


.masterportal-container .standalone,
.masterportal-container .backwards-compatibility-controls .glyphicon {
    border-radius: 50%;
    background-color: rgb(229, 197, 0);
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    line-height: 25px;
    text-align:center;
}
.masterportal-container .standalone:hover,
.masterportal-container .backwards-compatibility-controls .glyphicon:hover {
	background-color: #e5c500; 
    opacity: 1;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.masterportal-container .control-icon:focus {
    background-color: rgb(229, 197, 0);
    outline: 0;
}
.dropdown-menu > .active > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: rgb(229, 197, 0);
    color: #e5c500;
}
.masterportal-container .tool-window-vue.is-minified .win-heading {
    background-color: rgb(229, 197, 0);
}