/*@font-face{font-family:'FontAwesome';src:url('https://powerdms-patterns.jasongraphix.com/fonts/fontawesome-webfont.woff2');src:url('https://powerdms.com/content/version_1490222675273/untranslated/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('https://powerdms.com/content/version_1490222675273/untranslated/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('https://powerdms.com/content/version_1490222675273/untranslated/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('https://powerdms.com/content/version_1490222675273/untranslated/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('https://powerdms.com/content/version_1490222675273/untranslated/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'PowerDMS';src:url('https://powerdms-patterns.jasongraphix.com/fonts/PowerDMS.woff');src:url('https://powerdms-patterns.jasongraphix.com/fonts/PowerDMS.woff') format('embedded-opentype'),url('https://powerdms-patterns.jasongraphix.com/fonts/PowerDMS.ttf') format('truetype'),url('https://powerdms-patterns.jasongraphix.com/fonts/PowerDMS.woff') format('woff'),url('https://powerdms-patterns.jasongraphix.com/fonts/PowerDMS.svg?-9gmphn#PowerDMS') format('svg');font-weight:normal;font-style:normal}*/

* {box-sizing:border-box;}

.tabBody .grouping {
  opacity: 1;
  transition: opacity .3s ease-in-out;
}

div.section {
  margin-bottom:50px
}
div.grouping {
  padding: 4px 8px 20px;
  clear: both;
  border: 3px solid transparent;

  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
}
div.grouping:hover {
  box-shadow: 0px 0px 12px -4px rgba(0,0,0,.25);
}

div.grouping > div {
  flex:1;
  margin-right:20px
}

@media (max-width: 620px) {
  div.grouping{
    display:block;
  }
}

div.grouping h3 {
  margin: 0px 0 14px;
}

div.grouping code {
  color: #25a0da;
}

textarea.code {
    font-family: monospace;
    padding: 8px;
    width:100%;
}

.tabs .AspNet-Menu-Horizontal {
  min-width: 100%;
  margin: -7px 0 8px;
}
.tabs.tabs2 .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf,
.tabs .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf.AspNet-Menu-Selected .AspNet-Menu-Link {
    font-size: 12px;
    background: transparent;
}


.side-menu {
  padding:25px 30px 10px 5px;
}

.side-menu li a {
  display:block;
  padding:10px;
  color:#000;
  font-size:16px;
  border-radius:4px;
  margin-bottom:5px;
  background:transparent;
}

.side-menu li a:hover,
.side-menu li a:focus {
  background:#eee;
  color:#000;
  text-decoration:none;
}

.side-menu li.active a, 
.side-menu li.active a:hover,
.side-menu li.active a:focus {
  background:#e5e5e5;
}


/* App style overrides */
.top-menu .fa-home {
  font-size:24px;
  margin-top:-3px;
}

.main-body-wrapper.HasTopMenu {
  top:48px !important;
}
.top-menu-wrapper {
  margin-left:0 !important;
}