/* mixins http://lesselements.com/ or https://css-tricks.com/snippets/css/useful-css3-less-mixins/ */
button.drop-down-btn {
  text-align: left;
  padding: 6px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dropdown-submenu :hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu :hover > a:after {
  border-left-color: gray;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #aaaaaa;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu .pull-left {
  float: none;
}
.dropdown-submenu .pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
expand-panel > a,
expand-panel > a:hover,
expand-panel > a:active,
expand-panel > a:focus,
expand-panel > a:visited {
  text-decoration: none;
  color: #666666;
}
.expand-panel-icon {
  font-size: 0.7em;
}
/*with explicit css class*/

expand-panel > a.expanded span.expand-panel-icon::before {
  content: "\e114";
  /*chevron-down*/

}
expand-panel > a.collapsed span.expand-panel-icon::before {
  content: "\e080";
  /*chevron-right*/

}
scroll-bar {
  display: block;
  height: 20px;
}
spinner-control > span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-image: url("../app/components/spinner.gif");
  transform: translateX(-50%) translateY(-50%);
}
svg .axes {
  font-size: 6px;
  opacity: 0.4;
  stroke-dasharray: 2.5, 0.4, 0.3, 0.4;
}
svg path.axe-x {
  stroke: red;
  stroke-width: 0.4;
}
svg text.axe-x {
  fill: red;
  text-anchor: start;
  alignment-baseline: middle;
}
svg path.axe-y {
  stroke: blue;
  stroke-width: 0.4;
}
svg text.axe-y {
  fill: blue;
  text-anchor: middle;
  alignment-baseline: before-edge;
}
svg .dimensions {
  stroke: black;
  stroke-width: 0.1;
  opacity: 0.8;
}
svg .dimensions circle {
  fill: black;
}
svg .dimensions text {
  fill: black;
}
svg .section {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  stroke: black;
  fill: url(#diagonalHatch);
}
.fraction {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2em 0.4ex;
  text-align: center;
}
.fraction.small {
  font-size: 65%;
}
.fraction > span {
  display: block;
  padding-top: 0.15em;
}
.fraction span.fdn {
  border-top: thin solid black;
}
.fraction span.bar {
  display: none;
}
.btn-fraction {
  height: 34px;
  __margin: 0 0;
  padding: 3px 10px;
}
.page-host {
  background: white;
  /**sitecore iframe hack for IE**/
  overflow: hidden;
}
.row {
  background: white;
  margin: 10px 5px;
}
body {
  background: transparent;
}