//
// VARIABLES
//
// Fonts sizes
$tiny-font   : 10px;
$small-font  : 12px;
$normal-font : 14px;

//
// MIXINS
//
//
@mixin tiny-font {
  font-size : $tiny-font;
}

@mixin small-font {
  font-size : $small-font;
}

@mixin normal-font {
  font-size : $normal-font;
}

@mixin transition ($target, $duration) {
  -webkit-transition: $target $duration ease;
  -moz-transition: $target $duration ease;
  -o-transition: $target $duration ease;
  -ms-transition: $target $duration ease;
  transition: $target $duration ease;
}

@mixin rotate ($amount) {
  -webkit-transform: rotate($amount);
  -moz-transform: rotate($amount);
  -o-transform: rotate($amount);
  -ms-transform: rotate($amount);
  transform: rotate($amount);
}

@mixin round-borders ($amount) {
  border-radius : $amount;
  -webkit-border-radius: $amount;
  -moz-border-radius: $amount;
}

//STYLES

.rcsbDom{
  /*! keep */;
}

svg.rcsbSvg {
  text {
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
  }
}

.rcsbSvg{
  /*! keep */;
}

.rcsbMasterG{
  /*! keep */;
}

.rcsbInnerG{
  /*! keep */;
}

.rcsbPane{
  /*! keep */;
}

.rcsbTrack{
  /*! keep */;
}

.rcsbTrackRect{
  /*! keep */;
}

.rcsbArea{
  cursor: pointer;
}

.rcsbElement{
  cursor: pointer;
}

.rcsbDecorator{
  /*! keep */;
}

.rcsbFixed{
  /*! keep */;
}

.rcsbSelectRect{
  /*! keep */;
}

.rcsbHoverRect{
  /*! keep */;
}

.rcsbBoardRect{
  /*! keep */;
}

.rcsbVariantGrid line, .rcsbVariantGrid path{
  stroke: #DDDDDD;
}

.rcsbAxis{
  /*! keep */;
}

.rcsbElemSeqBg{
  /*! keep */;
}

.rcsbAxis path {
  fill: none;
  stroke: grey;
  stroke-width: 1;
}

.tick text {
  font-size: 0.7em;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  fill: grey;
}

.tick text {
  @include tiny-font;
}