/*@import "~/V4/Shared//SuiteHeaders.less";*/
/*@import "../../V4/Shared/SuiteHeaders.less";*/
/* /Content/Stylesheets/Suite.less:L6 */
.create-button-qrcode {
  text-align: center;
  color: black;
  background-color: #cccccc;
  border: solid 1px #aaaaaa;
  padding: 5px 0px;
  margin-top: 10px;
  cursor: pointer;
}
/* /Content/Stylesheets/Suite.less:L15 */
.create-button-qrcode:hover {
  text-decoration: underline;
  background-color: #dddddd;
}
/* /Content/Stylesheets/Suite.less:L21 */
.qrCodeSubMenu {
  display: flex;
  flex-direction: column;
  padding: 10px 15px 0;
  background-color: white;
  border-bottom: 1px solid #d7d7d7;
}
/* /Content/Stylesheets/Suite.less:L28 */
.qrCodeSubMenu .create-button-qrcode {
  margin-bottom: 10px;
}
/* /Content/Stylesheets/Suite.less:L33 */
#HeaderMenu {
  margin-top: 2px;
  float: left;
  /*background-position: left top;
    position:absolute;
    width: 100%;
    top:28px;
    height:32px;
    font-family:empty;*/

  /* hide the space between the a elements */

}
/* /Content/Stylesheets/Suite.less:L42 */
#HeaderMenu .subMenuItem {
  /*display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        padding-top:1px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        font-family: 'Open Sans';
        cursor: pointer;
        color: black;
        text-decoration: none;*/
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1px;
  height: 34px;
  line-height: 25px;
  text-align: center;
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: white;
  text-decoration: none;
}
/* /Content/Stylesheets/Suite.less:L68 */
#HeaderMenu .subMenuItem:hover {
  background-color: #109fe9;
  background-position: top left;
  background-repeat: repeat-x;
  color: white;
}
/* /Content/Stylesheets/Suite.less:L76 */
#HeaderMenu .subMenuActive {
  background-color: #109fe9;
  background-position: top left;
  background-repeat: repeat-x;
  color: white;
  z-index: 1;
}
/* /Content/Stylesheets/Suite.less:L85 */
#SuiteTopHeader {
  background-position: left top;
  background-repeat: repeat-x;
  z-index: 200;
  height: 40px;
  position: absolute;
  top: 0;
  width: 100%;
}
/* /Content/Stylesheets/Suite.less:L95 */
#SuiteTopHeader .AccountMenuLabel {
  float: right;
  line-height: 35px;
  height: 39px;
  color: white;
  margin-left: 10px;
  background-color: #3BA0EC;
  margin-top: 1px;
  padding: 0 10px;
  cursor: pointer;
}
/* /Content/Stylesheets/Suite.less:L106 */
#SuiteTopHeader .AccountMenuLabel .fa-caret-down,
#SuiteTopHeader .AccountMenuLabel .fa-caret-up {
  font-size: 16px;
  margin-left: 10px;
}
/* /Content/Stylesheets/Suite.less:L111 */
#SuiteTopHeader .AccountMenuLabel .fa-user {
  font-size: 18px;
}
/* /Content/Stylesheets/Suite.less:L115 */
/* /Content/Stylesheets/Suite.less:L116 */
#SuiteTopHeader .AccountMenuLabel:hover .AccountMenuHover {
  display: block;
}
/* /Content/Stylesheets/Suite.less:L122 */
#SuiteTopHeader #AccountMenu {
  position: fixed;
  z-index: 200;
  right: 0;
  top: 40px;
  box-shadow: -4px 6px 14px #646464;
  min-width: 240px;
  transition: all 0.1s ease-in-out;
  display: none;
}
/* /Content/Stylesheets/Suite.less:L132 */
#SuiteTopHeader #AccountMenu .accountMenuItem,
#SuiteTopHeader #AccountMenu .accountMenuItemHeader {
  line-height: 30px;
  height: 30px;
  background-color: white;
  box-sizing: border-box;
  padding-left: 0 10px;
  color: #4d4274;
  border-bottom: 1px solid #d7d7d7;
}
/* /Content/Stylesheets/Suite.less:L133 */
#SuiteTopHeader #AccountMenu .accountMenuItem i,
#SuiteTopHeader #AccountMenu .accountMenuItemHeader i {
  width: 25px;
  text-align: center;
}
/* /Content/Stylesheets/Suite.less:L138 */
#SuiteTopHeader #AccountMenu .accountMenuItem select,
#SuiteTopHeader #AccountMenu .accountMenuItemHeader select {
  border: none;
  height: 28px;
  line-height: 28px;
}
/* /Content/Stylesheets/Suite.less:L153 */
#SuiteTopHeader #AccountMenu .accountMenuItem {
  cursor: pointer;
}
/* /Content/Stylesheets/Suite.less:L156 */
#SuiteTopHeader #AccountMenu .accountMenuItem a {
  height: 100%;
  width: 100%;
  display: inline-block;
  color: #2424db;
}
/* /Content/Stylesheets/Suite.less:L161 */
#SuiteTopHeader #AccountMenu .accountMenuItem a:hover {
  color: white;
}
/* /Content/Stylesheets/Suite.less:L166 */
#SuiteTopHeader #AccountMenu .accountMenuItem:hover {
  background-color: #2280c1;
  color: white;
}
/* /Content/Stylesheets/Suite.less:L172 */
#SuiteTopHeader #AccountMenu .accountMenuItemHeader {
  padding-left: 30px;
  font-weight: bold;
  text-align: left;
}
/* /Content/Stylesheets/Suite.less:L180 */
#SuiteHeader {
  /*width: 100%;
    height: 60px;
    position: relative;*/
  width: 100%;
  height: 40px;
  position: relative;
}
/* /Content/Stylesheets/Suite.less:L190 */
#HeaderLogo {
  /*position: absolute;
    right: 10px;
    height: 29px;
    top: 0;
    width: 107px;*/
  height: 29px;
  width: 80px;
  float: right;
  margin-top: 1px;
}
/* /Content/Stylesheets/Suite.less:L206 */
#SuiteApplicationName {
  float: right;
  height: 29px;
  top: 1px;
  width: 65px;
  line-height: 28px;
  vertical-align: top;
  color: white;
  font-family: Raleway;
  font-weight: bold;
  margin-left: 2px;
  font-size: 14px;
  letter-spacing: 2px;
}
/* /Content/Stylesheets/Suite.less:L223 */
#BannerMenu {
  width: 199px;
  height: 28px;
  display: inline-block;
  margin-left: -2px;
}
/* /Content/Stylesheets/Suite.less:L230 */
#BannerMenu .bannerMenuItem {
  width: 66px;
  height: 28px;
  cursor: pointer;
  float: left;
}
/* /Content/Stylesheets/Suite.less:L239 */
#SuiteLeftBar {
  width: 200px;
  position: fixed;
  top: 30px;
  /*display: none;*/
  background-position: 0 86px;
  left: -200px;
  /*background-color: rgb(54,46,118);*/
  background-position: top;
  background-size: 100% 100%;
  z-index: 10;
}
/* /Content/Stylesheets/Suite.less:L252 */
#SuiteLeftBar #LeftBarMenu {
  position: relative;
}
/* /Content/Stylesheets/Suite.less:L256 */
#SuiteLeftBar #LeftBarMenu .leftBarMenuItem {
  width: 196px;
  background-color: white;
  height: 42px;
  border-bottom: 1px solid #504878;
  cursor: pointer;
}
/* /Content/Stylesheets/Suite.less:L264 */
#SuiteLeftBar #LeftBarMenu .leftBarMenuItem .leftMenuBarText {
  line-height: 42px;
  vertical-align: top;
  display: inline-block;
}
/* /Content/Stylesheets/Suite.less:L271 */
/* /Content/Stylesheets/Suite.less:L273 */
#SuiteLeftBar #LeftBarMenu .leftBarMenuItem:hover .leftMenuBarText {
  text-decoration: underline;
}
/* /Content/Stylesheets/Suite.less:L281 */
#SuiteLeftBar #ApplicationGrid {
  margin-top: 60px;
}
/* /Content/Stylesheets/Suite.less:L285 */
#SuiteLeftBar #ApplicationGrid .applicationItem {
  background-position: center bottom;
  display: inline-block;
  float: left;
  height: 99px;
  width: 98px;
}
/* /Content/Stylesheets/Suite.less:L294 */
#SuiteLeftBar #ApplicationGrid .applicationItem .applicationIcon {
  width: 40px;
  height: 40px;
  margin-left: 30px;
  margin-top: 20px;
}
/* /Content/Stylesheets/Suite.less:L302 */
#SuiteLeftBar #ApplicationGrid .applicationItem .applicationName {
  color: white;
  font-size: 12px;
  margin-top: 17px;
  padding-left: 4px;
  text-align: center;
}
/* /Content/Stylesheets/Suite.less:L315 */
.horizontalShadow {
  position: absolute;
  width: 4px;
  height: 100%;
  right: -4px;
  top: 0;
}
/* /Content/Stylesheets/Suite.less:L324 */
.verticalShadow {
  position: absolute;
  width: 100%;
  height: 9px;
  right: 0px;
  bottom: -9px;
  left: 0;
}
/* define an font with an empty space character (see https://matthewlein.com/articles/inline-block-no-space-font/) */

@font-face {
  font-family: empty;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAoAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAJ4AAACeXQ48j09TLzIAAAGUAAAAYAAAAGAIIgbWY21hcAAAAfQAAABEAAAARAAyAGlnYXNwAAACOAAAAAgAAAAIAAAAEGhlYWQAAAJAAAAANgAAADb9mzB5aGhlYQAAAngAAAAkAAAAJAHiAeVobXR4AAACnAAAABAAAAAQAAAAAG1heHAAAAKsAAAABgAAAAYABFAAbmFtZQAAArQAAAFdAAABXVqZXRlwb3N0AAAEFAAAACAAAAAgAAMAAAEABAQAAQEBDHNwYWNlLWVtcHR5AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAfA8dAAAAgREdAAAACR0AAACVEgAFAQEMFxkbHnNwYWNlLWVtcHR5c3BhY2UtZW1wdHl1MHUxdTIwAAACAYkAAgAEAQEEBwoN/JQO/JQO/JQO/JQO+JQU+JQViwwKAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAAAAeR2GXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAABQAAAEAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
}
