/*
 * # Semantic - Grid
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Grid
*******************************/
.ui.grid {
  display: block;
  text-align: left;
  font-size: 0em;
  margin: 0% -1.5%;
  padding: 0%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body > .ui.grid {
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.ui.grid:after,
.ui.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*-------------------
       Columns
--------------------*/
/* Standard 16 column */
.ui.grid > .column,
.ui.grid > .row > .column {
  display: inline-block;
  text-align: left;
  font-size: 1rem;
  width: 6.25%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
/* Vertical padding when no rows */
.ui.grid > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/*-------------------
        Rows
--------------------*/
.ui.grid > .row {
  display: block;
  width: 100% !important;
  margin-top: 1.5%;
  padding: 1rem 0% 0%;
  font-size: 0rem;
}
.ui.grid > .row:first-child {
  padding-top: 0rem;
  margin-top: 0rem;
}
/*-------------------
      Content
--------------------*/
.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}
.ui.grid .column > .ui.segment:only-child {
  margin: 0em;
}
/*******************************
           Variations
*******************************/
/*-----------------------
  Page Grid (Responsive)
-------------------------*/
.ui.page.grid {
  min-width: 320px;
  margin-left: 0%;
  margin-right: 0%;
}
@media only screen and (max-width: 991px) {
  .ui.page.grid {
    padding: 0% 4%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.page.grid {
    padding: 0% 8%;
  }
}
@media only screen and (min-width: 1500px) {
  .ui.page.grid {
    padding: 0% 13%;
  }
}
@media only screen and (min-width: 1750px) {
  .ui.page.grid {
    padding: 0% 18%;
  }
}
@media only screen and (min-width: 2000px) {
  .ui.page.grid {
    padding: 0% 23%;
  }
}
/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > .one.wide.column,
.ui.grid > .column.row > .one.wide.column,
.ui.grid > .one.wide.column,
.ui.column.grid > .one.wide.column {
  width: 6.25%;
}
.ui.grid > .row > .two.wide.column,
.ui.grid > .column.row > .two.wide.column,
.ui.grid > .two.wide.column,
.ui.column.grid > .two.wide.column {
  width: 12.5%;
}
.ui.grid > .row > .three.wide.column,
.ui.grid > .column.row > .three.wide.column,
.ui.grid > .three.wide.column,
.ui.column.grid > .three.wide.column {
  width: 18.75%;
}
.ui.grid > .row > .four.wide.column,
.ui.grid > .column.row > .four.wide.column,
.ui.grid > .four.wide.column,
.ui.column.grid > .four.wide.column {
  width: 25%;
}
.ui.grid > .row > .five.wide.column,
.ui.grid > .column.row > .five.wide.column,
.ui.grid > .five.wide.column,
.ui.column.grid > .five.wide.column {
  width: 31.25%;
}
.ui.grid > .row > .six.wide.column,
.ui.grid > .column.row > .six.wide.column,
.ui.grid > .six.wide.column,
.ui.column.grid > .six.wide.column {
  width: 37.5%;
}
.ui.grid > .row > .seven.wide.column,
.ui.grid > .column.row > .seven.wide.column,
.ui.grid > .seven.wide.column,
.ui.column.grid > .seven.wide.column {
  width: 43.75%;
}
.ui.grid > .row > .eight.wide.column,
.ui.grid > .column.row > .eight.wide.column,
.ui.grid > .eight.wide.column,
.ui.column.grid > .eight.wide.column {
  width: 50%;
}
.ui.grid > .row > .nine.wide.column,
.ui.grid > .column.row > .nine.wide.column,
.ui.grid > .nine.wide.column,
.ui.column.grid > .nine.wide.column {
  width: 56.25%;
}
.ui.grid > .row > .ten.wide.column,
.ui.grid > .column.row > .ten.wide.column,
.ui.grid > .ten.wide.column,
.ui.column.grid > .ten.wide.column {
  width: 62.5%;
}
.ui.grid > .row > .eleven.wide.column,
.ui.grid > .column.row > .eleven.wide.column,
.ui.grid > .eleven.wide.column,
.ui.column.grid > .eleven.wide.column {
  width: 68.75%;
}
.ui.grid > .row > .twelve.wide.column,
.ui.grid > .column.row > .twelve.wide.column,
.ui.grid > .twelve.wide.column,
.ui.column.grid > .twelve.wide.column {
  width: 75%;
}
.ui.grid > .row > .thirteen.wide.column,
.ui.grid > .column.row > .thirteen.wide.column,
.ui.grid > .thirteen.wide.column,
.ui.column.grid > .thirteen.wide.column {
  width: 81.25%;
}
.ui.grid > .row > .fourteen.wide.column,
.ui.grid > .column.row > .fourteen.wide.column,
.ui.grid > .fourteen.wide.column,
.ui.column.grid > .fourteen.wide.column {
  width: 87.5%;
}
.ui.grid > .row > .fifteen.wide.column,
.ui.grid > .column.row > .fifteen.wide.column,
.ui.grid > .fifteen.wide.column,
.ui.column.grid > .fifteen.wide.column {
  width: 93.75%;
}
.ui.grid > .row > .sixteen.wide.column,
.ui.grid > .column.row > .sixteen.wide.column,
.ui.grid > .sixteen.wide.column,
.ui.column.grid > .sixteen.wide.column {
  width: 100%;
}
/*-------------------
     Column Count
--------------------*/
/* Assume full width with one column */
.ui.one.column.grid > .row > .column,
.ui.one.column.grid > .column,
.ui.grid > .one.column.row > .column {
  width: 100%;
}
.ui.two.column.grid > .row > .column,
.ui.two.column.grid > .column,
.ui.grid > .two.column.row > .column {
  width: 50%;
}
.ui.three.column.grid > .row > .column,
.ui.three.column.grid > .column,
.ui.grid > .three.column.row > .column {
  width: 33.3333%;
}
.ui.four.column.grid > .row > .column,
.ui.four.column.grid > .column,
.ui.grid > .four.column.row > .column {
  width: 25%;
}
.ui.five.column.grid > .row > .column,
.ui.five.column.grid > .column,
.ui.grid > .five.column.row > .column {
  width: 20%;
}
.ui.six.column.grid > .row > .column,
.ui.six.column.grid > .column,
.ui.grid > .six.column.row > .column {
  width: 16.66667%;
}
.ui.seven.column.grid > .row > .column,
.ui.seven.column.grid > .column,
.ui.grid > .seven.column.row > .column {
  width: 14.2857%;
}
.ui.eight.column.grid > .row > .column,
.ui.eight.column.grid > .column,
.ui.grid > .eight.column.row > .column {
  width: 12.5%;
}
.ui.nine.column.grid > .row > .column,
.ui.nine.column.grid > .column,
.ui.grid > .nine.column.row > .column {
  width: 11.1111%;
}
.ui.ten.column.grid > .row > .column,
.ui.ten.column.grid > .column,
.ui.grid > .ten.column.row > .column {
  width: 10%;
}
.ui.eleven.column.grid > .row > .column,
.ui.eleven.column.grid > .column,
.ui.grid > .eleven.column.row > .column {
  width: 9.0909%;
}
.ui.twelve.column.grid > .row > .column,
.ui.twelve.column.grid > .column,
.ui.grid > .twelve.column.row > .column {
  width: 8.3333%;
}
.ui.thirteen.column.grid > .row > .column,
.ui.thirteen.column.grid > .column,
.ui.grid > .thirteen.column.row > .column {
  width: 7.6923%;
}
.ui.fourteen.column.grid > .row > .column,
.ui.fourteen.column.grid > .column,
.ui.grid > .fourteen.column.row > .column {
  width: 7.1428%;
}
.ui.fifteen.column.grid > .row > .column,
.ui.fifteen.column.grid > .column,
.ui.grid > .fifteen.column.row > .column {
  width: 6.6666%;
}
.ui.sixteen.column.grid > .row > .column,
.ui.sixteen.column.grid > .column,
.ui.grid > .sixteen.column.row > .column {
  width: 6.25%;
}
/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}
/*----------------------
        Relaxed
-----------------------*/
.ui.relaxed.grid {
  margin: 0% -2.5%;
}
.ui.relaxed.grid > .column,
.ui.relaxed.grid > .row > .column {
  padding-left: 2.5%;
  padding-right: 2.5%;
}
/*----------------------
       "Floated"
-----------------------*/
.ui.grid .left.floated.column {
  float: left;
}
.ui.grid .right.floated.column {
  float: right;
}
/*----------------------
        Divided
-----------------------*/
.ui.divided.grid,
.ui.divided.grid > .row {
  display: table;
  width: 100%;
  margin-left: 0% !important;
  margin-right: 0% !important;
}
.ui.divided.grid > .column:not(.row),
.ui.divided.grid > .row > .column {
  display: table-cell;
  -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
}
.ui.divided.grid > .column.row {
  display: table;
}
.ui.divided.grid > .column:first-child,
.ui.divided.grid > .row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Vertically Divided */
.ui.vertically.divided.grid > .row {
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
}
.ui.vertically.divided.grid > .row > .column,
.ui.vertically.divided.grid > .column:not(.row),
.ui.vertically.divided.grid > .row:first-child {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/*----------------------
         Celled
-----------------------*/
.ui.celled.grid {
  display: table;
  width: 100%;
  margin-left: 0% !important;
  margin-right: 0% !important;
  -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF;
  box-shadow: 0px 0px 0px 1px #DFDFDF;
}
.ui.celled.grid > .row,
.ui.celled.grid > .column.row,
.ui.celled.grid > .column.row:first-child {
  display: table;
  width: 100%;
  margin-top: 0em;
  padding-top: 0em;
  -webkit-box-shadow: 0px -1px 0px 0px #dfdfdf;
  box-shadow: 0px -1px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  display: table-cell;
  padding: 0.75em;
  -webkit-box-shadow: -1px 0px 0px 0px #dfdfdf;
  box-shadow: -1px 0px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.celled.page.grid {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*----------------------
  Horizontally Centered
-----------------------*/
/* Vertical Centered */
.ui.left.aligned.grid,
.ui.left.aligned.grid > .row > .column,
.ui.left.aligned.grid > .column,
.ui.grid .left.aligned.column,
.ui.grid > .left.aligned.row > .column {
  text-align: left;
}
.ui.center.aligned.grid,
.ui.center.aligned.grid > .row > .column,
.ui.center.aligned.grid > .column,
.ui.grid .center.aligned.column,
.ui.grid > .center.aligned.row > .column {
  text-align: center;
}
.ui.right.aligned.grid,
.ui.right.aligned.grid > .row > .column,
.ui.right.aligned.grid > .column,
.ui.grid .right.aligned.column,
.ui.grid > .right.aligned.row > .column {
  text-align: right;
}
.ui.justified.grid,
.ui.justified.grid > .row > .column,
.ui.justified.grid > .column,
.ui.grid .justified.column,
.ui.grid > .justified.row > .column {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/*----------------------
  Vertically Centered
-----------------------*/
/* Vertical Centered */
.ui.top.aligned.grid,
.ui.top.aligned.grid > .row > .column,
.ui.top.aligned.grid > .column,
.ui.grid .top.aligned.column,
.ui.grid > .top.aligned.row > .column {
  vertical-align: top;
}
.ui.middle.aligned.grid,
.ui.middle.aligned.grid > .row > .column,
.ui.middle.aligned.grid > .column,
.ui.grid .middle.aligned.column,
.ui.grid > .middle.aligned.row > .column {
  vertical-align: middle;
}
.ui.bottom.aligned.grid,
.ui.bottom.aligned.grid > .row > .column,
.ui.bottom.aligned.grid > .column,
.ui.grid .bottom.aligned.column,
.ui.grid > .bottom.aligned.row > .column {
  vertical-align: bottom;
}
/*----------------------
  Equal Height Columns
-----------------------*/
.ui.grid > .equal.height.row {
  display: table;
  width: 100%;
}
.ui.grid > .equal.height.row > .column {
  display: table-cell;
}
/*----------------------
     Only (Device)
-----------------------*/
/* Mobile Only Hide */
@media only screen and (max-width: 767px) {
  .ui.tablet:not(.mobile).only.grid,
  .ui.grid > .tablet:not(.mobile).only.row,
  .ui.grid > .tablet:not(.mobile).only.column,
  .ui.grid > .row > .tablet:not(.mobile).only.column {
    display: none !important;
  }
  .ui.computer:not(.mobile).only.grid,
  .ui.grid > .computer:not(.mobile).only.row,
  .ui.grid > .computer:not(.mobile).only.column,
  .ui.grid > .row > .computer:not(.mobile).only.column {
    display: none !important;
  }
}
/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.mobile:not(.tablet).only.grid,
  .ui.grid > .mobile:not(.tablet).only.row,
  .ui.grid > .mobile:not(.tablet).only.column,
  .ui.grid > .row > .mobile:not(.tablet).only.column {
    display: none !important;
  }
  .ui.computer:not(.tablet).only.grid,
  .ui.grid > .computer:not(.tablet).only.row,
  .ui.grid > .computer:not(.tablet).only.column,
  .ui.grid > .row > .computer:not(.tablet).only.column {
    display: none !important;
  }
}
/* Computer Only Hide */
@media only screen and (min-width: 992px) {
  .ui.mobile:not(.computer).only.grid,
  .ui.grid > .mobile:not(.computer).only.row,
  .ui.grid > .mobile:not(.computer).only.column,
  .ui.grid > .row > .mobile:not(.computer).only.column {
    display: none !important;
  }
  .ui.tablet:not(.computer).only.grid,
  .ui.grid > .tablet:not(.computer).only.row,
  .ui.grid > .tablet:not(.computer).only.column,
  .ui.grid > .row > .tablet:not(.computer).only.column {
    display: none !important;
  }
}
/*-------------------
      Doubling
--------------------*/
/* Mobily Only */
@media only screen and (max-width: 767px) {
  .ui.two.column.doubling.grid > .row > .column,
  .ui.two.column.doubling.grid > .column,
  .ui.grid > .two.column.doubling.row > .column {
    width: 100%;
  }
  .ui.three.column.doubling.grid > .row > .column,
  .ui.three.column.doubling.grid > .column,
  .ui.grid > .three.column.doubling.row > .column {
    width: 100%;
  }
  .ui.four.column.doubling.grid > .row > .column,
  .ui.four.column.doubling.grid > .column,
  .ui.grid > .four.column.doubling.row > .column {
    width: 100%;
  }
  .ui.five.column.doubling.grid > .row > .column,
  .ui.five.column.doubling.grid > .column,
  .ui.grid > .five.column.doubling.row > .column {
    width: 100%;
  }
  .ui.six.column.doubling.grid > .row > .column,
  .ui.six.column.doubling.grid > .column,
  .ui.grid > .six.column.doubling.row > .column {
    width: 50%;
  }
  .ui.seven.column.doubling.grid > .row > .column,
  .ui.seven.column.doubling.grid > .column,
  .ui.grid > .seven.column.doubling.row > .column {
    width: 50%;
  }
  .ui.eight.column.doubling.grid > .row > .column,
  .ui.eight.column.doubling.grid > .column,
  .ui.grid > .eight.column.doubling.row > .column {
    width: 50%;
  }
  .ui.nine.column.doubling.grid > .row > .column,
  .ui.nine.column.doubling.grid > .column,
  .ui.grid > .nine.column.doubling.row > .column {
    width: 50%;
  }
  .ui.ten.column.doubling.grid > .row > .column,
  .ui.ten.column.doubling.grid > .column,
  .ui.grid > .ten.column.doubling.row > .column {
    width: 50%;
  }
  .ui.twelve.column.doubling.grid > .row > .column,
  .ui.twelve.column.doubling.grid > .column,
  .ui.grid > .twelve.column.doubling.row > .column {
    width: 33.3333333333333%;
  }
  .ui.fourteen.column.doubling.grid > .row > .column,
  .ui.fourteen.column.doubling.grid > .column,
  .ui.grid > .fourteen.column.doubling.row > .column {
    width: 33.3333333333333%;
  }
  .ui.sixteen.column.doubling.grid > .row > .column,
  .ui.sixteen.column.doubling.grid > .column,
  .ui.grid > .sixteen.column.doubling.row > .column {
    width: 25%;
  }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.two.column.doubling.grid > .row > .column,
  .ui.two.column.doubling.grid > .column,
  .ui.grid > .two.column.doubling.row > .column {
    width: 100%;
  }
  .ui.three.column.doubling.grid > .row > .column,
  .ui.three.column.doubling.grid > .column,
  .ui.grid > .three.column.doubling.row > .column {
    width: 50%;
  }
  .ui.four.column.doubling.grid > .row > .column,
  .ui.four.column.doubling.grid > .column,
  .ui.grid > .four.column.doubling.row > .column {
    width: 50%;
  }
  .ui.five.column.doubling.grid > .row > .column,
  .ui.five.column.doubling.grid > .column,
  .ui.grid > .five.column.doubling.row > .column {
    width: 33.3333333%;
  }
  .ui.six.column.doubling.grid > .row > .column,
  .ui.six.column.doubling.grid > .column,
  .ui.grid > .six.column.doubling.row > .column {
    width: 33.3333333%;
  }
  .ui.eight.column.doubling.grid > .row > .column,
  .ui.eight.column.doubling.grid > .column,
  .ui.grid > .eight.column.doubling.row > .column {
    width: 33.3333333%;
  }
  .ui.eight.column.doubling.grid > .row > .column,
  .ui.eight.column.doubling.grid > .column,
  .ui.grid > .eight.column.doubling.row > .column {
    width: 25%;
  }
  .ui.nine.column.doubling.grid > .row > .column,
  .ui.nine.column.doubling.grid > .column,
  .ui.grid > .nine.column.doubling.row > .column {
    width: 25%;
  }
  .ui.ten.column.doubling.grid > .row > .column,
  .ui.ten.column.doubling.grid > .column,
  .ui.grid > .ten.column.doubling.row > .column {
    width: 20%;
  }
  .ui.twelve.column.doubling.grid > .row > .column,
  .ui.twelve.column.doubling.grid > .column,
  .ui.grid > .twelve.column.doubling.row > .column {
    width: 16.6666666%;
  }
  .ui.fourteen.column.doubling.grid > .row > .column,
  .ui.fourteen.column.doubling.grid > .column,
  .ui.grid > .fourteen.column.doubling.row > .column {
    width: 14.28571428571429%;
  }
  .ui.sixteen.column.doubling.grid > .row > .column,
  .ui.sixteen.column.doubling.grid > .column,
  .ui.grid > .sixteen.column.doubling.row > .column {
    width: 12.5%;
  }
}
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.grid {
    display: block !important;
    padding: 0em;
    margin: 0em;
  }
  .ui.stackable.grid > .row > .column,
  .ui.stackable.grid > .column {
    display: block !important;
    width: auto !important;
    margin: 1em 0em 0em !important;
    padding: 1em 0em 0em !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .ui.stackable.divided.grid .column,
  .ui.stackable.celled.grid .column {
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
  }
  .ui.stackable.grid > .row:first-child > .column:first-child,
  .ui.stackable.grid > .column:first-child {
    margin-top: 0em !important;
    padding-top: 0em !important;
  }
  .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:first-child,
  .ui.stackable.celled.grid > .column:first-child {
    border-top: none !important;
  }
  .ui.stackable.page.grid > .row > .column,
  .ui.stackable.page.grid > .column {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  /* Remove pointers from vertical menus */
  .ui.stackable.grid .vertical.pointing.menu .item:after {
    display: none;
  }
}
/*
 * # Semantic - Button
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Button
*******************************/
/* Prototype */
.ui.button {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  min-height: 1em;
  outline: none;
  border: none;
  background-color: #FAFAFA;
  color: #808080;
  margin: 0em;
  padding: 0.8em 1.5em;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  border-radius: 0.25em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, -webkit-box-shadow 0.25s ease;
  -moz-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
/*******************************
            States
*******************************/
/*--------------
     Active
---------------*/
.ui.buttons .active.button,
.ui.active.button {
  background-color: #EAEAEA;
  background-image: none;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
  color: rgba(0, 0, 0, 0.7);
}
/*--------------
      Hover
---------------*/
.ui.button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  color: rgba(0, 0, 0, 0.7);
}
.ui.button.active:hover {
  background-image: none;
}
.ui.button:hover .icon,
.ui.button.hover .icon {
  opacity: 0.85;
}
/*--------------
      Down
---------------*/
.ui.button:active,
.ui.active.button:active {
  background-color: #F1F1F1;
  color: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
}
/*--------------
    Loading
---------------*/
.ui.loading.button {
  position: relative;
  cursor: default;
  background-color: #FFFFFF !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  transition: all 0s linear;
}
.ui.loading.button:after {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  content: '';
  background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*-------------------
      Disabled
--------------------*/
.ui.disabled.button,
.ui.disabled.button:hover,
.ui.disabled.button.active {
  background-color: #DDDDDD !important;
  cursor: default;
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 0.3 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/*******************************
             Types
*******************************/
/*-------------------
       Animated
--------------------*/
.ui.animated.button {
  position: relative;
  overflow: hidden;
}
.ui.animated.button .visible.content {
  position: relative;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}
/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  -webkit-transition: right 0.3s ease 0s;
  -moz-transition: right 0.3s ease 0s;
  transition: right 0.3s ease 0s;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0%;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.55em;
}
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%;
}
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0%;
}
/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  -webkit-transition: top 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  -moz-transition: top 0.3s ease 0s, -moz-transform 0.3s ease 0s;
  transition: top 0.3s ease 0s, transform 0.3s ease 0s;
}
.ui.vertical.animated.button .visible.content {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  right: auto;
}
.ui.vertical.animated.button .hidden.content {
  top: -100%;
  left: 0%;
  right: auto;
}
.ui.vertical.animated.button:hover .visible.content {
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
  right: auto;
}
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto;
}
/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s, -moz-transform 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*-------------------
       Primary
--------------------*/
.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #D95C5C;
  color: #FFFFFF;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .active.button,
.ui.primary.button.active {
  background-color: #E75859;
  color: #FFFFFF;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #D24B4C;
  color: #FFFFFF;
}
/*-------------------
      Secondary
--------------------*/
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: #00B5AD;
  color: #FFFFFF;
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover,
.ui.secondary.buttons .active.button,
.ui.secondary.button.active {
  background-color: #009A93;
  color: #FFFFFF;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #00847E;
  color: #FFFFFF;
}
/*-------------------
       Social
--------------------*/
/* Facebook */
.ui.facebook.button {
  background-color: #3B579D;
  color: #FFFFFF;
}
.ui.facebook.button:hover {
  background-color: #3A59A9;
  color: #FFFFFF;
}
.ui.facebook.button:active {
  background-color: #334F95;
  color: #FFFFFF;
}
/* Twitter */
.ui.twitter.button {
  background-color: #4092CC;
  color: #FFFFFF;
}
.ui.twitter.button:hover {
  background-color: #399ADE;
  color: #FFFFFF;
}
.ui.twitter.button:active {
  background-color: #3283BC;
  color: #FFFFFF;
}
/* Google Plus */
.ui.google.plus.button {
  background-color: #D34836;
  color: #FFFFFF;
}
.ui.google.plus.button:hover {
  background-color: #E3432E;
  color: #FFFFFF;
}
.ui.google.plus.button:active {
  background-color: #CA3A27;
  color: #FFFFFF;
}
/* Linked In */
.ui.linkedin.button {
  background-color: #1F88BE;
  color: #FFFFFF;
}
.ui.linkedin.button:hover {
  background-color: #1394D6;
  color: #FFFFFF;
}
.ui.linkedin.button:active {
  background-color: #1179AE;
  color: #FFFFFF;
}
/* YouTube */
.ui.youtube.button {
  background-color: #CC181E;
  color: #FFFFFF;
}
.ui.youtube.button:hover {
  background-color: #DF0209;
  color: #FFFFFF;
}
.ui.youtube.button:active {
  background-color: #A50006;
  color: #FFFFFF;
}
/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
}
.ui.instagram.button:hover {
  background-color: #4781B1;
  color: #FFFFFF;
}
.ui.instagram.button:active {
  background-color: #38658A;
  color: #FFFFFF;
}
/* Pinterest */
.ui.pinterest.button {
  background-color: #00ACED;
  color: #FFFFFF;
}
.ui.pinterest.button:hover {
  background-color: #00B9FF;
  color: #FFFFFF;
}
.ui.pinterest.button:active {
  background-color: #009EDA;
  color: #FFFFFF;
}
/* vk.com */
.ui.vk.button {
  background-color: #4D7198;
  color: #FFFFFF;
}
.ui.vk.button:hover {
  background-color: #537AA5;
  color: #FFFFFF;
}
.ui.vk.button:active {
  background-color: #405E7E;
  color: #FFFFFF;
}
/*--------------
     Icon
---------------*/
.ui.button > .icon {
  margin-right: 0.6em;
  line-height: 1;
  -webkit-transition: opacity 0.1s ease
  ;
  -moz-transition: opacity 0.1s ease
  ;
  transition: opacity 0.1s ease
  ;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Floated
--------------------*/
.ui.left.floated.buttons,
.ui.left.floated.button {
  float: left;
  margin-right: 0.25em;
}
.ui.right.floated.buttons,
.ui.right.floated.button {
  float: right;
  margin-left: 0.25em;
}
/*-------------------
        Sizes
--------------------*/
.ui.buttons .button,
.ui.button {
  font-size: 1rem;
}
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.8rem;
}
.ui.mini.buttons .button,
.ui.mini.button {
  padding: 0.6em 0.8em;
}
.ui.mini.icon.buttons .button,
.ui.mini.buttons .icon.button {
  padding: 0.6em 0.6em;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.875em;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .button,
.ui.tiny.button {
  padding: 0.6em 0.8em;
}
.ui.tiny.icon.buttons .button,
.ui.tiny.buttons .icon.button {
  padding: 0.6em 0.6em;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.875rem;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.125rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.25rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.375rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.5rem;
  font-weight: bold;
}
/* Or resize */
.ui.tiny.buttons .or:before,
.ui.mini.buttons .or:before {
  width: 1.45em;
  height: 1.55em;
  line-height: 1.4;
  margin-left: -0.725em;
  margin-top: -0.25em;
}
.ui.tiny.buttons .or:after,
.ui.mini.buttons .or:after {
  height: 1.45em;
}
/* loading */
.ui.huge.loading.button:after {
  background-image: url(../images/loader-small.gif);
}
.ui.massive.buttons .loading.button:after,
.ui.gigantic.buttons .loading.button:after,
.ui.massive.loading.button:after,
.ui.gigantic.loading.button:after {
  background-image: url(../images/loader-medium.gif);
}
.ui.huge.loading.button:after,
.ui.huge.loading.button.active:after {
  background-image: url(../images/loader-small.gif);
}
.ui.massive.buttons .loading.button:after,
.ui.gigantic.buttons .loading.button:after,
.ui.massive.loading.button:after,
.ui.gigantic.loading.button:after,
.ui.massive.buttons .loading.button.active:after,
.ui.gigantic.buttons .loading.button.active:after,
.ui.massive.loading.button.active:after,
.ui.gigantic.loading.button.active:after {
  background-image: url(../images/loader-medium.gif);
}
/*--------------
    Icon Only
---------------*/
.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.8em;
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em;
  vertical-align: top;
}
/*-------------------
        Basic
--------------------*/
.ui.basic.buttons .button,
.ui.basic.button {
  background-color: transparent !important;
  background-image: none;
  color: #808080 !important;
  font-weight: normal;
  text-transform: none;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.ui.basic.buttons {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 0.25em;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background-image: none;
  color: #7F7F7F !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18) inset;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background-color: rgba(0, 0, 0, 0.02) !important;
  color: #7F7F7F !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.ui.basic.buttons .button.active,
.ui.basic.button.active {
  background-color: rgba(0, 0, 0, 0.05);
  color: #7F7F7F;
  -webkit-box-shadow: 0px 0px 0px 1px #BDBDBD inset;
  box-shadow: 0px 0px 0px 1px #BDBDBD inset;
}
.ui.basic.buttons .button.active:hover,
.ui.basic.button.active:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  color: #FAFAFA !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  background-image: none;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
}
.ui.basic.inverted.buttons .button.active,
.ui.basic.inverted.button.active {
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.basic.inverted.buttons .button.active:hover,
.ui.basic.inverted.button.active:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* Basic Group */
.ui.basic.buttons .button {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.basic.buttons .button:hover,
.ui.basic.buttons .button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.basic.buttons .button.active,
.ui.basic.buttons .button.active:hover {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
}
/*--------------
   Labeled Icon
---------------*/
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 4em !important;
  padding-right: 1.4em !important;
}
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  top: 0em;
  left: 0em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 2.75em;
  height: 100%;
  padding-top: 0.8em;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  border-radius: 0.25em 0px 0px 0.25em;
  line-height: 1;
  -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0em;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.25em;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.25em;
}
.ui.right.labeled.icon.button {
  padding-left: 1.4em !important;
  padding-right: 4em !important;
}
.ui.left.fluid.labeled.icon.button,
.ui.right.fluid.labeled.icon.button {
  padding-left: 1.4em !important;
  padding-right: 1.4em !important;
}
.ui.right.labeled.icon.button .icon {
  left: auto;
  right: 0em;
  border-radius: 0em 0.25em 0.25em 0em;
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
/*--------------
     Toggle
---------------*/
/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: #5BBD72 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui.button.toggle.active:hover {
  background-color: #58CB73 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/*--------------
    Circular
---------------*/
.ui.circular.button {
  border-radius: 10em;
}
/*--------------
     Attached
---------------*/
.ui.attached.button {
  display: block;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
}
.ui.attached.top.button {
  border-radius: 0.25em 0.25em 0em 0em;
}
.ui.attached.bottom.button {
  border-radius: 0em 0em 0.25em 0.25em;
}
.ui.attached.left.button {
  display: inline-block;
  border-left: none;
  padding-right: 0.75em;
  text-align: right;
  border-radius: 0.25em 0em 0em 0.25em;
}
.ui.attached.right.button {
  display: inline-block;
  padding-left: 0.75em;
  text-align: left;
  border-radius: 0em 0.25em 0.25em 0em;
}
/*-------------------
      Or Buttons
--------------------*/
.ui.buttons .or {
  position: relative;
  float: left;
  width: 0.3em;
  height: 1.1em;
  z-index: 3;
}
.ui.buttons .or:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: 'or';
  background-color: #FFFFFF;
  margin-top: -0.1em;
  margin-left: -0.9em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.55;
  color: #AAAAAA;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  border-radius: 500px;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.buttons .or[data-text]:before {
  content: attr(data-text);
}
.ui.buttons .or:after {
  position: absolute;
  top: 0em;
  left: 0em;
  content: ' ';
  width: 0.3em;
  height: 1.7em;
  background-color: transparent;
  border-top: 0.5em solid #FFFFFF;
  border-bottom: 0.5em solid #FFFFFF;
}
/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0em !important;
}
.ui.fluid.buttons .or:after {
  display: none;
}
/*-------------------
       Attached
--------------------*/
/* Plural Attached */
.attached.ui.buttons {
  margin: 0px;
  border-radius: 4px 4px 0px 0px;
}
.attached.ui.buttons .button:first-child {
  border-radius: 4px 0px 0px 0px;
}
.attached.ui.buttons .button:last-child {
  border-radius: 0px 4px 0px 0px;
}
/* Bottom Side */
.bottom.attached.ui.buttons {
  margin-top: -1px;
  border-radius: 0px 0px 4px 4px;
}
.bottom.attached.ui.buttons .button:first-child {
  border-radius: 0px 0px 0px 4px;
}
.bottom.attached.ui.buttons .button:last-child {
  border-radius: 0px 0px 4px 0px;
}
/* Left Side */
.left.attached.ui.buttons {
  margin-left: -1px;
  border-radius: 0px 4px 4px 0px;
}
.left.attached.ui.buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0px 4px 0px 0px;
}
.left.attached.ui.buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0px 0px 4px 0px;
}
/* Right Side */
.right.attached.ui.buttons,
.right.attached.ui.buttons .button {
  margin-right: -1px;
  border-radius: 4px 0px 0px 4px;
}
.right.attached.ui.buttons .button:first-child {
  margin-left: -1px;
  border-radius: 4px 0px 0px 0px;
}
.right.attached.ui.buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0px 0px 0px 4px;
}
/* Fluid */
.ui.fluid.buttons,
.ui.button.fluid,
.ui.fluid.buttons > .button {
  display: block;
  width: 100%;
}
.ui.\32.buttons > .button,
.ui.two.buttons > .button {
  width: 50%;
}
.ui.\33.buttons > .button,
.ui.three.buttons > .button {
  width: 33.333%;
}
.ui.\34.buttons > .button,
.ui.four.buttons > .button {
  width: 25%;
}
.ui.\35.buttons > .button,
.ui.five.buttons > .button {
  width: 20%;
}
.ui.\36.buttons > .button,
.ui.six.buttons > .button {
  width: 16.666%;
}
.ui.\37.buttons > .button,
.ui.seven.buttons > .button {
  width: 14.285%;
}
.ui.\38.buttons > .button,
.ui.eight.buttons > .button {
  width: 12.500%;
}
.ui.\39.buttons > .button,
.ui.nine.buttons > .button {
  width: 11.11%;
}
.ui.\31\30.buttons > .button,
.ui.ten.buttons > .button {
  width: 10%;
}
.ui.\31\31.buttons > .button,
.ui.eleven.buttons > .button {
  width: 9.09%;
}
.ui.\31\32.buttons > .button,
.ui.twelve.buttons > .button {
  width: 8.3333%;
}
/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: block;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.\32.vertical.buttons > .button,
.ui.two.vertical.buttons > .button {
  height: 50%;
}
.ui.\33.vertical.buttons > .button,
.ui.three.vertical.buttons > .button {
  height: 33.333%;
}
.ui.\34.vertical.buttons > .button,
.ui.four.vertical.buttons > .button {
  height: 25%;
}
.ui.\35.vertical.buttons > .button,
.ui.five.vertical.buttons > .button {
  height: 20%;
}
.ui.\36.vertical.buttons > .button,
.ui.six.vertical.buttons > .button {
  height: 16.666%;
}
.ui.\37.vertical.buttons > .button,
.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}
.ui.\38.vertical.buttons > .button,
.ui.eight.vertical.buttons > .button {
  height: 12.500%;
}
.ui.\39.vertical.buttons > .button,
.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}
.ui.\31\30.vertical.buttons > .button,
.ui.ten.vertical.buttons > .button {
  height: 10%;
}
.ui.\31\31.vertical.buttons > .button,
.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}
.ui.\31\32.vertical.buttons > .button,
.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}
/*-------------------
       Colors
--------------------*/
/*--- Black ---*/
.ui.black.buttons .button,
.ui.black.button {
  background-color: #5C6166;
  color: #FFFFFF;
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #4C4C4C;
  color: #FFFFFF;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #333333;
  color: #FFFFFF;
}
/*--- Green ---*/
.ui.green.buttons .button,
.ui.green.button {
  background-color: #5BBD72;
  color: #FFFFFF;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
.ui.green.buttons .active.button,
.ui.green.button.active {
  background-color: #58cb73;
  color: #FFFFFF;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #4CB164;
  color: #FFFFFF;
}
/*--- Red ---*/
.ui.red.buttons .button,
.ui.red.button {
  background-color: #D95C5C;
  color: #FFFFFF;
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
.ui.red.buttons .active.button,
.ui.red.button.active {
  background-color: #E75859;
  color: #FFFFFF;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #D24B4C;
  color: #FFFFFF;
}
/*--- Orange ---*/
.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #E96633;
  color: #FFFFFF;
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover,
.ui.orange.buttons .active.button,
.ui.orange.button.active {
  background-color: #FF7038;
  color: #FFFFFF;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #DA683B;
  color: #FFFFFF;
}
/*--- Blue ---*/
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #6ECFF5;
  color: #FFFFFF;
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
.ui.blue.buttons .active.button,
.ui.blue.button.active {
  background-color: #1AB8F3;
  color: #FFFFFF;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #0AA5DF;
  color: #FFFFFF;
}
/*--- Purple ---*/
.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #564F8A;
  color: #FFFFFF;
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover,
.ui.purple.buttons .active.button,
.ui.purple.button.active {
  background-color: #3E3773;
  color: #FFFFFF;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #2E2860;
  color: #FFFFFF;
}
/*--- Teal ---*/
.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #00B5AD;
  color: #FFFFFF;
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover,
.ui.teal.buttons .active.button,
.ui.teal.button.active {
  background-color: #009A93;
  color: #FFFFFF;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00847E;
  color: #FFFFFF;
}
/*---------------
    Positive
----------------*/
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #5BBD72 !important;
  color: #FFFFFF;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
.ui.positive.buttons .active.button,
.ui.positive.button.active {
  background-color: #58CB73 !important;
  color: #FFFFFF;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #4CB164 !important;
  color: #FFFFFF;
}
/*---------------
     Negative
----------------*/
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: #D95C5C !important;
  color: #FFFFFF;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover,
.ui.negative.buttons .active.button,
.ui.negative.button.active {
  background-color: #E75859 !important;
  color: #FFFFFF;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #D24B4C !important;
  color: #FFFFFF;
}
/*******************************
            Groups
*******************************/
.ui.buttons {
  display: inline-block;
  vertical-align: middle;
}
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.buttons .button:first-child {
  border-left: none;
}
.ui.buttons .button {
  float: left;
  border-radius: 0em;
}
.ui.buttons .button:first-child {
  margin-left: 0em;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
/* Vertical  Style */
.ui.vertical.buttons {
  display: inline-block;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}
.ui.vertical.buttons .button:first-child,
.ui.vertical.buttons .mini.button:first-child,
.ui.vertical.buttons .tiny.button:first-child,
.ui.vertical.buttons .small.button:first-child,
.ui.vertical.buttons .massive.button:first-child,
.ui.vertical.buttons .huge.button:first-child {
  margin-top: 0px;
  border-radius: 0.25em 0.25em 0px 0px;
}
.ui.vertical.buttons .button:last-child,
.ui.vertical.buttons .mini.button:last-child,
.ui.vertical.buttons .tiny.button:last-child,
.ui.vertical.buttons .small.button:last-child,
.ui.vertical.buttons .massive.button:last-child,
.ui.vertical.buttons .huge.button:last-child,
.ui.vertical.buttons .gigantic.button:last-child {
  border-radius: 0px 0px 0.25em 0.25em;
}
/*
 * # Semantic - Input
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Standard
*******************************/
/*--------------------
        Inputs
---------------------*/
.ui.input {
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
}
.ui.input input {
  width: 100%;
  font-family: "Helvetica Neue", "Helvetica", Arial;
  margin: 0em;
  padding: 0.65em 1em;
  font-size: 1em;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 0.3125em;
  -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
  -moz-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------
      Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.input::-webkit-input-placeholder {
  color: #BBBBBB;
}
.ui.input::-moz-placeholder {
  color: #BBBBBB;
}
/*******************************
            States
*******************************/
/*--------------------
        Active
---------------------*/
.ui.input input:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: #FAFAFA;
}
/*--------------------
        Loading
---------------------*/
.ui.loading.input > .icon {
  background: url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.loading.input > .icon:before,
.ui.loading.input > .icon:after {
  display: none;
}
/*--------------------
        Focus
---------------------*/
.ui.input.focus input,
.ui.input input:focus {
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.85);
}
.ui.input.focus input input::-webkit-input-placeholder,
.ui.input input:focus input::-webkit-input-placeholder {
  color: #AAAAAA;
}
.ui.input.focus input input::-moz-placeholder,
.ui.input input:focus input::-moz-placeholder {
  color: #AAAAAA;
}
/*--------------------
        Error
---------------------*/
.ui.input.error input {
  background-color: #FFFAFA;
  border-color: #E7BEBE;
  color: #D95C5C;
}
/* Error Placeholder */
.ui.input.error input ::-webkit-input-placeholder {
  color: rgba(255, 80, 80, 0.4);
}
.ui.input.error input ::-moz-placeholder {
  color: rgba(255, 80, 80, 0.4);
}
.ui.input.error input :focus::-webkit-input-placeholder {
  color: rgba(255, 80, 80, 0.7);
}
.ui.input.error input :focus::-moz-placeholder {
  color: rgba(255, 80, 80, 0.7);
}
/*******************************
           Variations
*******************************/
/*--------------------
      Transparent
---------------------*/
.ui.transparent.input input {
  border: none;
  background-color: transparent;
}
/*--------------------
         Icon
---------------------*/
.ui.icon.input > .icon {
  cursor: default;
  position: absolute;
  opacity: 0.5;
  top: 0px;
  right: 0px;
  margin: 0em;
  width: 2.6em;
  height: 100%;
  padding-top: 0.82em;
  text-align: center;
  border-radius: 0em 0.3125em 0.3125em 0em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.ui.icon.input > .link.icon {
  cursor: pointer;
}
.ui.icon.input input {
  padding-right: 3em !important;
}
.ui.icon.input > .circular.icon {
  top: 0.35em;
  right: 0.5em;
}
/* Left Side */
.ui.left.icon.input > .icon {
  right: auto;
  left: 1px;
  border-radius: 0.3125em 0em 0em 0.3125em;
}
.ui.left.icon.input > .circular.icon {
  right: auto;
  left: 0.5em;
}
.ui.left.icon.input > input {
  padding-left: 3em !important;
  padding-right: 1.2em !important;
}
/* Focus */
.ui.icon.input > input:focus ~ .icon {
  opacity: 1;
}
/*--------------------
        Labeled
---------------------*/
.ui.labeled.input .corner.label {
  font-size: 0.7em;
  border-radius: 0 0.3125em;
}
.ui.labeled.input .left.corner.label {
  border-radius: 0.3125em 0;
}
.ui.labeled.input input {
  padding-right: 2.5em !important;
}
/* Spacing with corner label */
.ui.labeled.icon.input:not(.left) > input {
  padding-right: 3.25em !important;
}
.ui.labeled.icon.input:not(.left) > .icon {
  margin-right: 1.25em;
}
/*--------------------
        Action
---------------------*/
.ui.action.input {
  display: table;
}
.ui.action.input > input {
  display: table-cell;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: none;
}
.ui.action.input > .button,
.ui.action.input > .buttons {
  display: table-cell;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  white-space: nowrap;
}
.ui.action.input > .button > .icon,
.ui.action.input > .buttons > .button > .icon {
  display: inline;
  vertical-align: top;
}
.ui.fluid.action.input {
  display: table;
  width: 100%;
}
.ui.fluid.action.input > .button {
  width: 0.01%;
}
/*--------------------
        Fluid
---------------------*/
.ui.fluid.input {
  display: block;
}
/*--------------------
        Size
---------------------*/
.ui.mini.input {
  font-size: 0.8125em;
}
.ui.small.input {
  font-size: 0.875em;
}
.ui.input {
  font-size: 1em;
}
.ui.large.input {
  font-size: 1.125em;
}
.ui.big.input {
  font-size: 1.25em;
}
.ui.huge.input {
  font-size: 1.375em;
}
.ui.massive.input {
  font-size: 1.5em;
}
/*
 * # Semantic - Icon
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fon.io.  Stay up to date on Twitter at
 *  http://twitter.com/fon.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL

/*******************************
             Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url(../fonts/icons.eot);
  src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'), url(../fonts/icons.svg#icons) format('svg'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.icon {
  display: inline-block;
  opacity: 0.75;
  margin: 0em 0.25em 0em 0em;
  width: 1.23em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  line-height: 1;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
i.icon.left:before {
  content: "\f060";
}
i.icon.right:before {
  content: "\f061";
}
i.icon.add.sign.box:before {
  content: "\f0fe";
}
i.icon.add.sign:before {
  content: "\f055";
}
i.icon.add:before {
  content: "\f067";
}
i.icon.adjust:before {
  content: "\f042";
}
i.icon.adn:before {
  content: "\f170";
}
i.icon.align.center:before {
  content: "\f037";
}
i.icon.align.justify:before {
  content: "\f039";
}
i.icon.align.left:before {
  content: "\f036";
}
i.icon.align.right:before {
  content: "\f038";
}
i.icon.ambulance:before {
  content: "\f0f9";
}
i.icon.anchor:before {
  content: "\f13d";
}
i.icon.android:before {
  content: "\f17b";
}
i.icon.angle.down:before {
  content: "\f107";
}
i.icon.angle.left:before {
  content: "\f104";
}
i.icon.angle.right:before {
  content: "\f105";
}
i.icon.angle.up:before {
  content: "\f106";
}
i.icon.apple:before {
  content: "\f179";
}
i.icon.archive:before {
  content: "\f187";
}
i.icon.arrow.down:before {
  content: "\f078";
}
i.icon.arrow.left:before {
  content: "\f053";
}
i.icon.arrow.right:before {
  content: "\f054";
}
i.icon.arrow.sign.down:before {
  content: "\f13a";
}
i.icon.arrow.sign.left:before {
  content: "\f137";
}
i.icon.arrow.sign.right:before {
  content: "\f138";
}
i.icon.arrow.sign.up:before {
  content: "\f139";
}
i.icon.arrow.up:before {
  content: "\f077";
}
i.icon.asterisk:before {
  content: "\f069";
}
i.icon.attachment:before {
  content: "\f0c6";
}
i.icon.attention:before {
  content: "\f06a";
}
i.icon.backward:before {
  content: "\f04a";
}
i.icon.ban.circle:before {
  content: "\f05e";
}
i.icon.bar.chart:before {
  content: "\f080";
}
i.icon.barcode:before {
  content: "\f02a";
}
i.icon.beer:before {
  content: "\f0fc";
}
i.icon.bell.outline:before {
  content: "\f0a2";
}
i.icon.bell:before {
  content: "\f0f3";
}
i.icon.bitbucket.sign:before {
  content: "\f172";
}
i.icon.bitbucket:before {
  content: "\f171";
}
i.icon.bitcoin:before {
  content: "\f15a";
}
i.icon.bold:before {
  content: "\f032";
}
i.icon.bolt:before {
  content: "\f0e7";
}
i.icon.book:before {
  content: "\f02d";
}
i.icon.bookmark.empty:before {
  content: "\f097";
}
i.icon.bookmark:before {
  content: "\f02e";
}
i.icon.box.arrow.down:before {
  content: "\f150";
}
/*rtl:ignore*/
i.icon.box.arrow.right:before {
  content: "\f152";
}
i.icon.box.arrow.up:before {
  content: "\f151";
}
i.icon.briefcase:before {
  content: "\f0b1";
}
i.icon.browser:before {
  content: "\f022";
}
i.icon.bug:before {
  content: "\f188";
}
i.icon.building:before {
  content: "\f0f7";
}
i.icon.bullhorn:before {
  content: "\f0a1";
}
i.icon.bullseye:before {
  content: "\f140";
}
i.icon.calendar.empty:before {
  content: "\f133";
}
i.icon.calendar:before {
  content: "\f073";
}
i.icon.camera.retro:before {
  content: "\f083";
}
i.icon.camera:before {
  content: "\f030";
}
i.icon.triangle.down:before {
  content: "\f0d7";
}
i.icon.triangle.left:before {
  content: "\f0d9";
}
i.icon.triangle.right:before {
  content: "\f0da";
}
i.icon.triangle.up:before {
  content: "\f0d8";
}
i.icon.cart:before {
  content: "\f07a";
}
i.icon.certificate:before {
  content: "\f0a3";
}
i.icon.chat.outline:before {
  content: "\f0e6";
}
i.icon.chat:before {
  content: "\f086";
}
i.icon.checkbox.empty:before {
  content: "\f096";
}
i.icon.checkbox.minus:before {
  content: "\f147";
}
i.icon.checked.checkbox:before {
  content: "\f046";
}
i.icon.checkmark.sign:before {
  content: "\f14a";
}
i.icon.checkmark:before {
  content: "\f00c";
}
i.icon.circle.blank:before {
  content: "\f10c";
}
i.icon.circle.down:before {
  content: "\f0ab";
}
i.icon.circle.left:before {
  content: "\f0a8";
}
i.icon.circle.right:before {
  content: "\f0a9";
}
i.icon.circle.up:before {
  content: "\f0aa";
}
i.icon.circle:before {
  content: "\f111";
}
i.icon.cloud.download:before {
  content: "\f0ed";
}
i.icon.cloud.upload:before {
  content: "\f0ee";
}
i.icon.cloud:before {
  content: "\f0c2";
}
i.icon.code.fork:before {
  content: "\f126";
}
i.icon.code:before {
  content: "\f121";
}
i.icon.coffee:before {
  content: "\f0f4";
}
i.icon.collapse:before {
  content: "\f117";
}
i.icon.comment.outline:before {
  content: "\f0e5";
}
i.icon.comment:before {
  content: "\f075";
}
i.icon.copy:before {
  content: "\f0c5";
}
i.icon.crop:before {
  content: "\f125";
}
i.icon.css3:before {
  content: "\f13c";
}
i.icon.cut:before {
  content: "\f0c4";
}
i.icon.dashboard:before {
  content: "\f0e4";
}
i.icon.desktop:before {
  content: "\f108";
}
i.icon.doctor:before {
  content: "\f0f0";
}
i.icon.dollar:before {
  content: "\f155";
}
i.icon.double.angle.down:before {
  content: "\f103";
}
i.icon.double.angle.left:before {
  content: "\f100";
}
i.icon.double.angle.right:before {
  content: "\f101";
}
i.icon.double.angle.up:before {
  content: "\f102";
}
i.icon.down:before {
  content: "\f063";
}
i.icon.download.disk:before {
  content: "\f019";
}
i.icon.download:before {
  content: "\f01a";
}
i.icon.dribbble:before {
  content: "\f17d";
}
i.icon.dropbox:before {
  content: "\f16b";
}
i.icon.edit.sign:before {
  content: "\f14b";
}
i.icon.edit:before {
  content: "\f044";
}
i.icon.eject:before {
  content: "\f052";
}
i.icon.ellipsis.horizontal:before {
  content: "\f141";
}
i.icon.ellipsis.vertical:before {
  content: "\f142";
}
i.icon.eraser:before {
  content: "\f12d";
}
i.icon.euro:before {
  content: "\f153";
}
i.icon.exchange:before {
  content: "\f0ec";
}
i.icon.exclamation:before {
  content: "\f12a";
}
i.icon.expand:before {
  content: "\f116";
}
i.icon.external.url.sign:before {
  content: "\f14c";
}
i.icon.external.url:before {
  content: "\f08e";
}
i.icon.facebook.sign:before {
  content: "\f082";
}
i.icon.facebook:before {
  content: "\f09a";
}
i.icon.facetime.video:before {
  content: "\f03d";
}
i.icon.fast.backward:before {
  content: "\f049";
}
i.icon.fast.forward:before {
  content: "\f050";
}
i.icon.female:before {
  content: "\f182";
}
i.icon.fighter.jet:before {
  content: "\f0fb";
}
i.icon.file.outline:before {
  content: "\f016";
}
i.icon.file.text.outline:before {
  content: "\f0f6";
}
i.icon.file.text:before {
  content: "\f15c";
}
i.icon.file:before {
  content: "\f15b";
}
i.icon.filter:before {
  content: "\f0b0";
}
i.icon.fire.extinguisher:before {
  content: "\f134";
}
i.icon.fire:before {
  content: "\f06d";
}
i.icon.flag.checkered:before {
  content: "\f11e";
}
i.icon.flag.empty:before {
  content: "\f11d";
}
i.icon.flag:before {
  content: "\f024";
}
i.icon.flickr:before {
  content: "\f16e";
}
i.icon.folder.open.outline:before {
  content: "\f115";
}
i.icon.folder.open:before {
  content: "\f07c";
}
i.icon.folder.outline:before {
  content: "\f114";
}
i.icon.folder:before {
  content: "\f07b";
}
i.icon.font:before {
  content: "\f031";
}
i.icon.food:before {
  content: "\f0f5";
}
i.icon.forward.mail:before {
  content: "\f064";
}
i.icon.forward:before {
  content: "\f04e";
}
i.icon.foursquare:before {
  content: "\f180";
}
i.icon.frown:before {
  content: "\f119";
}
i.icon.fullscreen:before {
  content: "\f0b2";
}
i.icon.gamepad:before {
  content: "\f11b";
}
i.icon.gift:before {
  content: "\f06b";
}
i.icon.github.alternate:before {
  content: "\f09b";
}
i.icon.github.sign:before {
  content: "\f092";
}
i.icon.github:before {
  content: "\f113";
}
i.icon.gittip:before {
  content: "\f184";
}
i.icon.glass:before {
  content: "\f000";
}
i.icon.globe:before {
  content: "\f0ac";
}
i.icon.google.plus.sign:before {
  content: "\f0d4";
}
i.icon.google.plus:before {
  content: "\f0d5";
}
i.icon.h.sign:before {
  content: "\f0fd";
}
i.icon.hand.down:before {
  content: "\f0a7";
}
i.icon.hand.left:before {
  content: "\f0a5";
}
i.icon.hand.right:before {
  content: "\f0a4";
}
i.icon.hand.up:before {
  content: "\f0a6";
}
i.icon.hdd:before {
  content: "\f0a0";
}
i.icon.headphones:before {
  content: "\f025";
}
i.icon.heart.empty:before {
  content: "\f08a";
}
i.icon.heart:before {
  content: "\f004";
}
i.icon.help:before {
  content: "\f059";
}
i.icon.hide:before {
  content: "\f070";
}
i.icon.home:before {
  content: "\f015";
}
i.icon.hospital:before {
  content: "\f0f8";
}
i.icon.html5:before {
  content: "\f13b";
}
i.icon.inbox:before {
  content: "\f01c";
}
i.icon.indent.left:before {
  content: "\f03b";
}
i.icon.indent.right:before {
  content: "\f03c";
}
i.icon.info.letter:before {
  content: "\f129";
}
i.icon.info:before {
  content: "\f05a";
}
i.icon.instagram:before {
  content: "\f16d";
}
i.icon.italic:before {
  content: "\f033";
}
i.icon.key:before {
  content: "\f084";
}
i.icon.keyboard:before {
  content: "\f11c";
}
i.icon.lab:before {
  content: "\f0c3";
}
i.icon.laptop:before {
  content: "\f109";
}
i.icon.layout.block:before {
  content: "\f009";
}
i.icon.layout.column:before {
  content: "\f0db";
}
i.icon.layout.grid:before {
  content: "\f00a";
}
i.icon.layout.list:before {
  content: "\f00b";
}
i.icon.leaf:before {
  content: "\f06c";
}
i.icon.legal:before {
  content: "\f0e3";
}
i.icon.lemon:before {
  content: "\f094";
}
i.icon.level.down:before {
  content: "\f149";
}
i.icon.level.up:before {
  content: "\f148";
}
i.icon.lightbulb:before {
  content: "\f0eb";
}
i.icon.linkedin.sign:before {
  content: "\f08c";
}
i.icon.linkedin:before {
  content: "\f0e1";
}
i.icon.linux:before {
  content: "\f17c";
}
i.icon.list.ordered:before {
  content: "\f0cb";
}
i.icon.list.unordered:before {
  content: "\f0ca";
}
i.icon.list:before {
  content: "\f03a";
}
i.icon.loading:before {
  content: "\f110";
}
i.icon.location:before {
  content: "\f124";
}
i.icon.lock:before {
  content: "\f023";
}
i.icon.long.arrow.down:before {
  content: "\f175";
}
i.icon.long.arrow.left:before {
  content: "\f177";
}
i.icon.long.arrow.right:before {
  content: "\f178";
}
i.icon.long.arrow.up:before {
  content: "\f176";
}
i.icon.magic:before {
  content: "\f0d0";
}
i.icon.magnet:before {
  content: "\f076";
}
i.icon.mail.outline:before {
  content: "\f003";
}
i.icon.mail.reply:before {
  content: "\f112";
}
i.icon.mail:before {
  content: "\f0e0";
}
i.icon.male:before {
  content: "\f183";
}
i.icon.map.marker:before {
  content: "\f041";
}
i.icon.map:before {
  content: "\f14e";
}
i.icon.maxcdn:before {
  content: "\f136";
}
i.icon.medkit:before {
  content: "\f0fa";
}
i.icon.meh:before {
  content: "\f11a";
}
i.icon.minus.sign.alternate:before {
  content: "\f146";
}
i.icon.minus.sign:before {
  content: "\f056";
}
i.icon.minus:before {
  content: "\f068";
}
i.icon.mobile:before {
  content: "\f10b";
}
i.icon.money:before {
  content: "\f0d6";
}
i.icon.moon:before {
  content: "\f186";
}
i.icon.move:before {
  content: "\f047";
}
i.icon.music:before {
  content: "\f001";
}
i.icon.mute:before {
  content: "\f131";
}
i.icon.off:before {
  content: "\f011";
}
i.icon.ok.circle:before {
  content: "\f05d";
}
i.icon.ok.sign:before {
  content: "\f058";
}
i.icon.paste:before {
  content: "\f0ea";
}
i.icon.pause:before {
  content: "\f04c";
}
i.icon.payment:before {
  content: "\f09d";
}
i.icon.pencil:before {
  content: "\f040";
}
i.icon.phone.sign:before {
  content: "\f098";
}
i.icon.phone:before {
  content: "\f095";
}
i.icon.photo:before {
  content: "\f03e";
}
i.icon.pin:before {
  content: "\f08d";
}
i.icon.pinterest.sign:before {
  content: "\f0d3";
}
i.icon.pinterest:before {
  content: "\f0d2";
}
i.icon.plane:before {
  content: "\f072";
}
i.icon.play.circle:before {
  content: "\f01d";
}
i.icon.play.sign:before {
  content: "\f144";
}
i.icon.play:before {
  content: "\f04b";
}
i.icon.pound:before {
  content: "\f154";
}
i.icon.print:before {
  content: "\f02f";
}
i.icon.puzzle.piece:before {
  content: "\f12e";
}
i.icon.qr.code:before {
  content: "\f029";
}
i.icon.question:before {
  content: "\f128";
}
i.icon.quote.left:before {
  content: "\f10d";
}
i.icon.quote.right:before {
  content: "\f10e";
}
i.icon.refresh:before {
  content: "\f021";
}
i.icon.remove.circle:before {
  content: "\f05c";
}
i.icon.remove.sign:before {
  content: "\f057";
}
i.icon.remove:before {
  content: "\f00d";
}
i.icon.renren:before {
  content: "\f18b";
}
i.icon.reorder:before {
  content: "\f0c9";
}
i.icon.repeat:before {
  content: "\f01e";
}
i.icon.reply.all.mail:before {
  content: "\f122";
}
i.icon.resize.full:before {
  content: "\f065";
}
i.icon.resize.horizontal:before {
  content: "\f07e";
}
i.icon.resize.small:before {
  content: "\f066";
}
i.icon.resize.vertical:before {
  content: "\f07d";
}
i.icon.retweet:before {
  content: "\f079";
}
i.icon.road:before {
  content: "\f018";
}
i.icon.rocket:before {
  content: "\f135";
}
i.icon.rss.sign:before {
  content: "\f143";
}
i.icon.rss:before {
  content: "\f09e";
}
i.icon.rupee:before {
  content: "\f156";
}
i.icon.save:before {
  content: "\f0c7";
}
i.icon.screenshot:before {
  content: "\f05b";
}
i.icon.search:before {
  content: "\f002";
}
i.icon.setting:before {
  content: "\f013";
}
i.icon.settings:before {
  content: "\f085";
}
i.icon.share.sign:before {
  content: "\f14d";
}
i.icon.share:before {
  content: "\f045";
}
i.icon.shield:before {
  content: "\f132";
}
i.icon.shuffle:before {
  content: "\f074";
}
i.icon.sign.in:before {
  content: "\f090";
}
i.icon.sign.out:before {
  content: "\f08b";
}
i.icon.sign:before {
  content: "\f0c8";
}
i.icon.signal:before {
  content: "\f012";
}
i.icon.sitemap:before {
  content: "\f0e8";
}
i.icon.skype:before {
  content: "\f17e";
}
i.icon.smile:before {
  content: "\f118";
}
i.icon.sort.ascending:before {
  content: "\f0de";
}
i.icon.sort.descending:before {
  content: "\f0dd";
}
i.icon.sort.alphabet.descending:before {
  content: "\f15e";
}
i.icon.sort.alphabet:before {
  content: "\f15d";
}
i.icon.sort.attributes.descending:before {
  content: "\f161";
}
i.icon.sort.attributes:before {
  content: "\f160";
}
i.icon.sort.order.descending:before {
  content: "\f163";
}
i.icon.sort.order:before {
  content: "\f162";
}
i.icon.sort:before {
  content: "\f0dc";
}
i.icon.stackexchange:before {
  content: "\f16c";
}
i.icon.star.empty:before {
  content: "\f006";
}
i.icon.star.half.empty:before {
  content: "\f123";
}
i.icon.star.half.full:before,
i.icon.star.half:before {
  content: "\f089";
}
i.icon.star:before {
  content: "\f005";
}
i.icon.step.backward:before {
  content: "\f048";
}
i.icon.step.forward:before {
  content: "\f051";
}
i.icon.stethoscope:before {
  content: "\f0f1";
}
i.icon.stop:before {
  content: "\f04d";
}
i.icon.strikethrough:before {
  content: "\f0cc";
}
i.icon.subscript:before {
  content: "\f12c";
}
i.icon.suitcase:before {
  content: "\f0f2";
}
i.icon.sun:before {
  content: "\f185";
}
i.icon.superscript:before {
  content: "\f12b";
}
i.icon.table:before {
  content: "\f0ce";
}
i.icon.tablet:before {
  content: "\f10a";
}
i.icon.tag:before {
  content: "\f02b";
}
i.icon.tags:before {
  content: "\f02c";
}
i.icon.tasks:before {
  content: "\f0ae";
}
i.icon.terminal:before {
  content: "\f120";
}
i.icon.text.height:before {
  content: "\f034";
}
i.icon.text.width:before {
  content: "\f035";
}
i.icon.thumbs.down.outline:before {
  content: "\f088";
}
i.icon.thumbs.down:before {
  content: "\f165";
}
i.icon.thumbs.up.outline:before {
  content: "\f087";
}
i.icon.thumbs.up:before {
  content: "\f164";
}
i.icon.ticket:before {
  content: "\f145";
}
i.icon.time:before {
  content: "\f017";
}
i.icon.tint:before {
  content: "\f043";
}
i.icon.trash:before {
  content: "\f014";
}
i.icon.trello:before {
  content: "\f181";
}
i.icon.trophy:before {
  content: "\f091";
}
i.icon.truck:before {
  content: "\f0d1";
}
i.icon.tumblr.sign:before {
  content: "\f174";
}
i.icon.tumblr:before {
  content: "\f173";
}
i.icon.twitter.sign:before {
  content: "\f081";
}
i.icon.twitter:before {
  content: "\f099";
}
i.icon.umbrella:before {
  content: "\f0e9";
}
i.icon.underline:before {
  content: "\f0cd";
}
i.icon.undo:before {
  content: "\f0e2";
}
i.icon.unhide:before {
  content: "\f06e";
}
i.icon.unlink:before {
  content: "\f127";
}
i.icon.unlock.alternate:before {
  content: "\f13e";
}
i.icon.unlock:before {
  content: "\f09c";
}
i.icon.unmute:before {
  content: "\f130";
}
i.icon.up:before {
  content: "\f062";
}
i.icon.upload.disk:before {
  content: "\f093";
}
i.icon.upload:before {
  content: "\f01b";
}
i.icon.url:before {
  content: "\f0c1";
}
i.icon.user:before {
  content: "\f007";
}
i.icon.users:before {
  content: "\f0c0";
}
i.icon.video:before {
  content: "\f008";
}
i.icon.vk:before {
  content: "\f189";
}
i.icon.volume.down:before {
  content: "\f027";
}
i.icon.volume.off:before {
  content: "\f026";
}
i.icon.volume.up:before {
  content: "\f028";
}
i.icon.warning:before {
  content: "\f071";
}
i.icon.weibo:before {
  content: "\f18a";
}
i.icon.windows:before {
  content: "\f17a";
}
i.icon.won:before {
  content: "\f159";
}
i.icon.wrench:before {
  content: "\f0ad";
}
i.icon.xing.sign:before {
  content: "\f169";
}
i.icon.xing:before {
  content: "\f168";
}
i.icon.yen:before {
  content: "\f157";
}
i.icon.youtube.play:before {
  content: "\f16a";
}
i.icon.youtube.sign:before {
  content: "\f166";
}
i.icon.youtube:before {
  content: "\f167";
}
i.icon.yuan:before {
  content: "\f158";
}
i.icon.zoom.in:before {
  content: "\f00e";
}
i.icon.zoom.out:before {
  content: "\f010";
}
/*--------------
    Aliases
---------------*/
i.icon.check:before {
  content: "\f00c";
}
i.icon.close:before {
  content: "\f00d";
}
i.icon.delete:before {
  content: "\f00d";
}
i.icon.like:before {
  content: "\f004";
}
i.icon.plus:before {
  content: "\f067";
}
i.icon.signup:before {
  content: "\f044";
}
/*--------------
   Spacing Fix
---------------*/
/* stars are usually consecutive */
i.icon.star {
  width: auto;
  margin: 0em;
}
/* left side icons */
i.icon.left {
  width: auto;
  margin: 0em 0.5em 0em 0em;
}
/* right side icons */
i.icon.search,
i.icon.right {
  width: auto;
  margin: 0em 0em 0em 0.5em;
}
/*******************************
             Types
*******************************/
/*--------------
    Loading
---------------*/
i.icon.loading {
  -webkit-animation: icon-loading 2s linear infinite;
  -moz-animation: icon-loading 2s linear infinite;
  -ms-animation: icon-loading 2s linear infinite;
  animation: icon-loading 2s linear infinite;
}
@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes icon-loading {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes icon-loading {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*******************************
             States
*******************************/
i.icon.hover {
  opacity: 1;
}
i.icon.active {
  opacity: 1;
}
i.emphasized.icon {
  opacity: 1;
}
i.icon.disabled {
  opacity: 0.3;
}
/*******************************
           Variations
*******************************/
/*-------------------
         Link
--------------------*/
i.link.icon {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
i.link.icon:hover {
  opacity: 1 !important;
}
/*-------------------
      Circular
--------------------*/
i.circular.icon {
  border-radius: 500em !important;
  padding: 0.5em 0.35em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  line-height: 1 !important;
  width: 2em !important;
  height: 2em !important;
}
i.circular.inverted.icon {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*-------------------
      Flipped
--------------------*/
i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*-------------------
      Rotated
--------------------*/
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*-------------------
        Square
--------------------*/
i.square.icon {
  width: 2em;
  height: 2em;
  padding: 0.5em 0.35em !important;
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  vertical-align: baseline;
}
i.square.inverted.icon {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*-------------------
      Inverted
--------------------*/
i.inverted.icon {
  background-color: #222222;
  color: #FFFFFF;
  -moz-osx-font-smoothing: grayscale;
}
/*-------------------
       Colors
--------------------*/
i.blue.icon {
  color: #6ECFF5 !important;
}
i.black.icon {
  color: #5C6166 !important;
}
i.green.icon {
  color: #A1CF64 !important;
}
i.red.icon {
  color: #D95C5C !important;
}
i.purple.icon {
  color: #564F8A !important;
}
i.orange.icon {
  color: #F05940 !important;
}
i.teal.icon {
  color: #00B5AD !important;
}
/*-------------------
   Inverted Colors
--------------------*/
i.inverted.black.icon {
  background-color: #5C6166 !important;
  color: #FFFFFF !important;
}
i.inverted.blue.icon {
  background-color: #6ECFF5 !important;
  color: #FFFFFF !important;
}
i.inverted.green.icon {
  background-color: #A1CF64 !important;
  color: #FFFFFF !important;
}
i.inverted.red.icon {
  background-color: #D95C5C !important;
  color: #FFFFFF !important;
}
i.inverted.purple.icon {
  background-color: #564F8A !important;
  color: #FFFFFF !important;
}
i.inverted.orange.icon {
  background-color: #F05940 !important;
  color: #FFFFFF !important;
}
i.inverted.teal.icon {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/*-------------------
        Sizes
--------------------*/
i.small.icon {
  font-size: 0.875em;
}
i.icon {
  font-size: 1em;
}
i.large.icon {
  font-size: 1.5em;
  vertical-align: middle;
}
i.big.icon {
  font-size: 2em;
  vertical-align: middle;
}
i.huge.icon {
  font-size: 4em;
  vertical-align: middle;
}
i.massive.icon {
  font-size: 8em;
  vertical-align: middle;
}
/*
 * # Semantic - Loader
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Loader
*******************************/
/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  z-index: 1000;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.ui.dimmer .loader {
  display: block;
}
/*******************************
             Types
*******************************/
/*-------------------
        Text
--------------------*/
.ui.text.loader {
  width: auto !important;
  height: auto !important;
  text-align: center;
  font-style: normal;
}
.ui.mini.text.loader {
  min-width: 16px;
  padding-top: 2em;
  font-size: 0.875em;
}
.ui.small.text.loader {
  min-width: 24px;
  padding-top: 2.5em;
  font-size: 0.875em;
}
.ui.text.loader {
  min-width: 32px;
  font-size: 1em;
  padding-top: 3em;
}
.ui.large.text.loader {
  min-width: 64px;
  padding-top: 5em;
  font-size: 1.2em;
}
/*******************************
            States
*******************************/
.ui.loader.active,
.ui.loader.visible {
  display: block;
}
.ui.loader.disabled,
.ui.loader.hidden {
  display: none;
}
/*******************************
            Variations
*******************************/
/*-------------------
       Inverted
--------------------*/
.ui.dimmer .ui.text.loader,
.ui.inverted.text.loader {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dimmer .ui.text.loader {
  color: rgba(0, 0, 0, 0.8);
}
/* Tiny Size */
.ui.dimmer .mini.ui.loader,
.ui.inverted .mini.ui.loader {
  background-image: url(../images/loader-mini-inverted.gif);
}
/* Small Size */
.ui.dimmer .small.ui.loader,
.ui.inverted .small.ui.loader {
  background-image: url(../images/loader-small-inverted.gif);
}
/* Standard Size */
.ui.dimmer .ui.loader,
.ui.inverted.loader {
  background-image: url(../images/loader-medium-inverted.gif);
}
/* Large Size */
.ui.dimmer .large.ui.loader,
.ui.inverted .large.ui.loader {
  background-image: url(../images/loader-large-inverted.gif);
}
/*-------------------
        Sizes
--------------------*/
/* Tiny Size */
.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
  width: 16px;
  height: 16px;
  background-image: url(../images/loader-mini.gif);
}
/* Small Size */
.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
  width: 24px;
  height: 24px;
  background-image: url(../images/loader-small.gif);
}
.ui.inverted.dimmer .ui.loader,
.ui.loader {
  width: 32px;
  height: 32px;
  background: url(../images/loader-medium.gif) no-repeat;
  background-position: 48% 0px;
}
/* Large Size */
.ui.inverted.dimmer .ui.loader.large,
.ui.loader.large {
  width: 64px;
  height: 64px;
  background-image: url(../images/loader-large.gif);
}
/*-------------------
       Inline
--------------------*/
.ui.inline.loader {
  position: static;
  vertical-align: middle;
  margin: 0em;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block;
}
/*
 * # Semantic - Dropdown
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 1;
  -webkit-transition: border-radius 0.1s ease, width 0.2s ease;
  -moz-transition: border-radius 0.1s ease, width 0.2s ease;
  transition: border-radius 0.1s ease, width 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
/*******************************
            Content
*******************************/
/*--------------
     Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  top: 100%;
  margin: 0em;
  background-color: #FFFFFF;
  min-width: 100%;
  white-space: nowrap;
  font-size: 0.875em;
  text-shadow: none;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 0.325em 0.325em;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 11;
}
/*--------------
      Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  width: auto;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown > .dropdown.icon:before {
  content: "\f0d7";
}
.ui.dropdown .menu .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 0.5em;
}
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "\f0da" /*rtl:"\f0d9"*/;
}
/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}
/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  margin: 0em !important;
  border-radius: 0 0.325em 0.325em 0em !important;
}
.ui.dropdown .menu .menu:after {
  display: none;
}
.ui.dropdown .menu .item {
  cursor: pointer;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  height: auto;
  font-size: 0.875em;
  display: block;
  color: rgba(0, 0, 0, 0.75);
  padding: 0.85em 1em !important;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu .item:before {
  display: none;
}
.ui.dropdown .menu .item .icon {
  margin-right: 0.75em;
}
.ui.dropdown .menu .item:first-child {
  border-top: none;
}
/*******************************
            Coupling
*******************************/
/* Opposite on last menu on right */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0px;
}
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\f0da" /*rtl:"\f0d9"*/;
}
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
/*******************************
            States
*******************************/
/* Dropdown Visible */
.ui.visible.dropdown > .menu {
  display: block;
}
/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu .item:hover {
  background-color: rgba(0, 0, 0, 0.02);
  z-index: 12;
}
/*--------------------
        Selected
----------------------*/
/* Menu Item Selected */
.ui.dropdown .menu .item.selected {
  background-color: rgba(0, 0, 0, 0.02);
  z-index: 12;
}
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background-color: rgba(0, 0, 0, 0.06) !important;
  border-left: none;
  border-color: transparent !important;
  -moz-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12;
}
/*--------------------
     Default Text
----------------------*/
.ui.dropdown > .default.text,
.ui.default.dropdown > .text {
  color: rgba(0, 0, 0, 0.5);
}
.ui.dropdown:hover > .default.text,
.ui.default.dropdown:hover > .text {
  color: rgba(0, 0, 0, 0.8);
}
/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #D95C5C !important;
}
.ui.selection.dropdown.error {
  background-color: #FFFAFA;
  -webkit-box-shadow: 0px 0px 0px 1px #e7bebe !important;
  box-shadow: 0px 0px 0px 1px #e7bebe !important;
}
.ui.selection.dropdown.error:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #e7bebe !important;
  box-shadow: 0px 0px 0px 1px #e7bebe !important;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  -webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important;
  box-shadow: 0px 0px 1px 1px #E7BEBE !important;
}
.ui.dropdown.error > .menu .item {
  color: #D95C5C !important;
}
/* Item Hover */
.ui.dropdown.error > .menu .item:hover {
  background-color: #FFF2F2 !important;
}
/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF !important;
}
/*******************************
           Variations
*******************************/
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  display: block;
  overflow: hidden;
  top: -9999px !important;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu .item:active > .menu,
.ui.simple.dropdown:hover > .menu .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
  background-color: #FFFFFF;
  padding: 0.65em 1em;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0.3125em !important;
}
.ui.selection.dropdown select {
  display: none;
}
.ui.selection.dropdown > .dropdown.icon {
  opacity: 0.7;
  margin: 0.2em 0em 0.2em 1.25em;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.ui.selection.dropdown,
.ui.selection.dropdown .menu {
  -webkit-transition: -webkit-box-shadow 0.2s ease-out;
  -moz-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
}
.ui.selection.dropdown .menu {
  top: 100%;
  max-height: 312px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-shadow: 0px 1px 0px 1px #E0E0E0;
  box-shadow: 0px 1px 0px 1px #E0E0E0;
  border-radius: 0px 0px 0.325em 0.325em;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
.ui.selection.dropdown .menu img {
  height: 2.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
/*--------------------
        Error
----------------------*/
.ui.selection.dropdown.error,
.ui.selection.dropdown.error .item {
  background-color: #FFFAFA;
  color: #D95C5C;
}
.ui.selection.dropdown.error {
  -webkit-box-shadow: 0px 0px 0px 1px #e7bebe !important;
  box-shadow: 0px 0px 0px 1px #e7bebe !important;
}
.ui.selection.dropdown.error .menu {
  -webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
  box-shadow: 0px 1px 0px 1px #E7BEBE;
  border-radius: 0px 0px 0.325em 0.325em;
}
/* Menu Item Active */
.ui.selection.dropdown.error .menu .active.item {
  background-color: #FDCFCF !important;
}
/* Hover */
.ui.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
}
.ui.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
  box-shadow: 0px 1px 0px 1px #D3D3D3;
}
.ui.selection.dropdown:hover > .dropdown.icon {
  opacity: 1;
}
.ui.selection.dropdown.error:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #e7bebe !important;
  box-shadow: 0px 0px 0px 1px #e7bebe !important;
}
.ui.selection.dropdown.error:hover .menu {
  -webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
  box-shadow: 0px 1px 0px 1px #E7BEBE;
}
.ui.selection.dropdown.error .menu .item:hover {
  background-color: #FFF2F2;
}
/* Selected */
.ui.selection.dropdown.error .menu .item.selected {
  background-color: #FFF2F2;
}
/* Visible */
.ui.visible.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
/* Active */
.ui.active.selection.dropdown {
  border-radius: 0.3125em 0.3125em 0em 0em !important;
}
.ui.active.selection.dropdown > .dropdown.icon {
  opacity: 1;
}
/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}
/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.25em;
}
.ui.inline.dropdown .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.25em;
  border-radius: 0.325em;
}
/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  margin-top: 0.5em !important;
  border-radius: 0.325em;
}
/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown .menu {
  top: 100%;
  margin-top: 0.75em;
  border-radius: 0.325em;
}
.ui.pointing.dropdown .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: " ";
  visibility: visible;
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
  box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
  background-image: none;
  background-color: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 12;
}
.ui.pointing.dropdown .menu .active.item:first-child {
  background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
  background: transparent -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.03)));
  background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03));
}
/* Directions */
.ui.pointing.dropdown .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
.ui.top.left.pointing.dropdown .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 0.75em 0em 0em;
}
.ui.top.left.pointing.dropdown .menu:after {
  top: -0.25em;
  left: 1.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui.top.right.pointing.dropdown .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 0.75em 0em 0em;
}
.ui.top.right.pointing.dropdown .menu:after {
  top: -0.25em;
  left: auto;
  right: 1.25em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui.left.pointing.dropdown .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 0.75em;
}
.ui.left.pointing.dropdown .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ui.right.pointing.dropdown .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 0.75em 0em 0em;
}
.ui.right.pointing.dropdown .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* icons reseter */
.icn {
  font-size: 2.3em;
}
.node {
  cursor: pointer;
  stroke-width: 15px;
  stroke-opacity: 0.1;
  stroke-location: outside;
  opacity: 0.2;
}
/*  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: left top;
}

#thesaurus-view .node {
  position: absolute;
  display: block;
  vertical-align: top;
  pointer-events: none;
  border: none;
}

#thesaurus-view .node .circle {
  vertical-align: top;
  pointer-events: all;
  cursor: pointer;
}*/
.selected {
  opacity: 1;
  font-weight: 900;
}
.icon-cat {
  pointer-events: none;
}
.label {
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3b3f42;
  stroke: #fff;
  paint-order: stroke;
  stroke-width: 2px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
}
.link {
  fill: none;
  stroke: #999;
  stroke-width: 1px;
}
#thesaurus-view {
  cursor: pointer;
  cursor: -webkit-grab;
}
.bc-wrapper {
  width: 100%;
  bottom: 0;
  position: absolute;
  pointer-events: none;
}
.bc-term {
  padding: 7px 0px 6px 10px;
  font-family: police, Helvetica, Arial, sans-serif;
  line-height: 29px;
  color: #000;
  cursor: pointer;
  pointer-events: visible;
}
#remove {
  color: #fff;
  font-size: 1.2em;
  vertical-align: middle;
  margin-left: 5px;
}
.node-root {
  stroke-width: 2px;
  stroke: #757574;
  stroke-opacity: 1;
  opacity: 1;
}
.collapse-line {
  stroke-width: "1px";
  stroke: #000000;
  vector-effect: non-scaling-stroke;
  fill: none;
  stroke-opacity: 0.5;
}
.collapse-image {
  pointer-events: none;
  opacity: 0.5;
}
.select2-choices {
  border: solid 1px #E2E2E2 !important;
  background-image: none !important;
  min-height: 40px !important;
  line-height: 40px !important;
  padding-left: 10px !important;
}
.select2-search-choice {
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-clip: none !important;
  padding-right: 27px !important;
  padding-left: 5px !important;
  padding-top: 7px !important;
}
.select2-search-choice-close {
  left: auto !important;
  right: 6px !important;
  background-image: url('../images/btn_close.png') !important;
  background-size: 100% !important;
  width: 15px !important;
  height: 15px !important;
}
.select2-search-choice-close:hover {
  background-position: center center !important;
}
.select2-search-field {
  padding-top: 2px !important;
}
.zoom {
  display: block;
  margin-bottom: 20px;
  margin-left: 35px;
}
.zoom .zoom_plus {
  width: 37px;
  height: 37px;
  background-image: url(../images/btn_zoom_plus.png);
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  pointer-events: all;
}
.zoom .magnify {
  width: 37px;
  height: 37px;
  margin-right: 15px;
  background-image: url(../images/center.png);
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  pointer-events: all;
}
.zoom .zoom_moins {
  width: 37px;
  height: 37px;
  margin-right: 15px;
  background-image: url('../images/btn_zoom_moins.png');
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
  pointer-events: all;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-b5rsf9");
  src: url("../fonts/icomoon.eot?#iefix-b5rsf9") format('embedded-opentype'), url("../fonts/icomoon.woff?-b5rsf9") format('woff'), url("../fonts/icomoon.ttf?-b5rsf9") format('truetype'), url("../fonts/icomoon.svg?-b5rsf9#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  overflow: hidden;
}
.icomoon-base-pseudo,
.icomoon-fiche_black:before,
.icomoon-fiche_white:before,
.icomoon-file_black:before,
.icomoon-file_white:before,
.icomoon-news_black:before,
.icomoon-news_white:before {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}
.icon-whitepaper-tooltip {
  white-space: pre;
}
.icon-whitepaper-tooltip:after {
  content: "Livres\A Blancs";
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-top: 44px;
  margin-left: 3px;
}
.icon-edition-tooltip {
  white-space: pre;
}
.icon-edition-tooltip:after {
  content: "Dossiers\A d’actualité";
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-top: 44px;
  margin-left: -3px;
}
.icon-webinar-tooltip {
  white-space: pre;
}
.icon-webinar-tooltip:after {
  content: "Conférences\A en ligne";
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-top: 44px;
  margin-left: -8px;
}
.icon-article-tooltip {
  white-space: pre;
}
.icon-article-tooltip:after {
  content: "Articles\A d'actualité";
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-top: 44px;
  margin-left: -3px;
}
.icon-encyclo-tooltip {
  white-space: pre;
}
.icon-encyclo-tooltip:after {
  content: "Articles de\Aréférence";
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-top: 44px;
  margin-left: -4px;
}
.icon-fiche-tooltip {
  white-space: pre;
}
.icon-fiche-tooltip:after {
  content: "Fiches\Apratiques";
  font-size: 10px;
  display: inline-block;
  text-align: center;
  margin-top: 44px;
  margin-left: -2px;
}
.whitepaper_black {
  background: url("../assets/images/whitepaper_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EB1524 !important;
}
.whitepaper_white {
  background: url("../assets/images/whitepaper_black.png");
  background-position: center;
  background-repeat: no-repeat;
}
.webinar_black {
  background: url("../assets/images/webinar_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EB1524 !important;
}
.webinar_white {
  background: url("../assets/images/webinar_black.png");
  background-position: center;
  background-repeat: no-repeat;
}
.edition_black {
  background: url("../assets/images/edition_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EB1524 !important;
}
.edition_white {
  background: url("../assets/images/edition_black.png");
  background-position: center;
  background-repeat: no-repeat;
}
.article_black {
  background: url("../assets/images/article_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EB1524 !important;
}
.article_white {
  background: url("../assets/images/article_black.png");
  background-position: center;
  background-repeat: no-repeat;
}
.fiche_black {
  background: url("../assets/images/fiche_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EB1524 !important;
}
.fiche_white {
  background: url("../assets/images/fiche_black.png");
  background-position: center;
  background-repeat: no-repeat;
}
.file_black {
  background: url("../assets/images/file_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #EB1524 !important;
}
.file_white {
  background: url("../assets/images/file_black.png");
  background-position: center;
  background-repeat: no-repeat;
}
.legende {
  font-size: 10px;
  font-style: italic;
  padding: 0;
  margin: 0;
}
.filter_options {
  display: inline-block;
  width: 50%;
}
.icomoon-fiche_black:before {
  content: "\e600";
}
.icomoon-fiche_white:before {
  content: "\e601";
}
.icomoon-file_black:before {
  content: "\e602";
}
.icomoon-file_white:before {
  content: "\e603";
}
.icomoon-news_black:before {
  content: "\e604";
}
.icomoon-news_white:before {
  content: "\e605";
}
body {
  background-color: #fff;
}
h3 {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #3b3f42;
  padding: 0;
  margin-bottom: 0;
}
.ui.grid {
  margin: 0;
}
#svg-canvas {
  height: 0;
}
#terms-viz {
  padding-top: 0;
  margin-top: 0;
  font-family: police, Helvetica, Arial, sans-serif;
  background-color: #f6f6f6;
  /*height: 600px;*/
  height: 100%;
}
#terms-viz .dataviz {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
#terms-viz .dataviz .search_box {
  width: 100%;
}
#terms-viz .dataviz .search {
  float: left;
  margin-left: 15px;
  position: absolute;
  top: 14px;
  width: 380px;
}
#terms-viz .dataviz .search .input {
  margin-top: 10px;
}
#terms-viz .dataviz .search .input input {
  background-image: url("../assets/images/recherche.png");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 175px center;
  padding-right: 47px;
  border-right: normal;
  padding-right: 35px;
  width: 205px;
  border: solid 1px #3b3f42 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
#terms-viz .dataviz .export {
  width: 37px;
  height: 37px;
  right: 30px;
  bottom: 20px;
  position: absolute;
  background-image: url(../images/btn_screenshot.png);
  background-size: 100%;
  cursor: pointer;
  display: inline-block;
}
#terms-viz .dataviz .cat {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 40px;
}
#terms-viz .dataviz .cat .icn_cat {
  display: inline-block;
  margin-right: 20px;
  height: 42px;
  width: 42px;
  cursor: pointer;
  background-color: #ffffff;
  border: solid 1px #E2E2E2;
  vertical-align: top;
}
#terms-viz .dataviz .cat .icn_cat.margintop {
  margin-top: 40px;
}
#terms-viz .dataviz .cat .icn_cat_separator {
  width: 42px;
  height: 1px;
  background-color: #E2E2E2;
  display: block;
  margin-top: 40px;
  margin-bottom: 15px;
}
#terms-viz .list_documents {
  border-left: solid #ebeaea 5px;
  border-right: solid #ebeaea 1px;
  background-color: #ffffff;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow-y: auto;
  position: relative;
}
#terms-viz .list_documents .header_documents {
  font-family: police, Helvetica, Arial, sans-serif;
  background-color: #fff;
  padding-left: 10px;
  padding-bottom: 15px;
}
#terms-viz .list_documents .header_documents .document_count {
  color: #3b3f42;
  font: 500 48px Futura, police, Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}
#terms-viz .list_documents .header_documents .document_count_baseline {
  color: #343434;
  margin-top: -10px;
}
#terms-viz .list_documents .header_documents .filtre {
  height: 30px;
}
#terms-viz .list_documents .header_documents .filtre .filtre_item {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3b3f42;
  border: solid 1px #3b3f42;
  text-decoration: none;
  background-color: #f6f6f6;
  padding: 10px 20px;
  float: left;
  margin-right: 5px;
}
#terms-viz .list_documents .header_documents .filtre .filtre_item:hover {
  background-color: #ebeaea;
}
#terms-viz .list_documents .document_item {
  border-top: solid 1px #e5e5e5;
  background-color: #fff;
  cursor: pointer;
}
#terms-viz .list_documents .document_item .icon_detail {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-top: 5px;
  margin-left: 3px;
  background-size: 40%;
}
#terms-viz .list_documents .document_item .detail {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  white-space: normal;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-left: 40px;
}
#terms-viz .list_documents .document_item.selected {
  background-color: #f9f9f9;
}
#terms-viz .list_documents .document_item:hover {
  background-color: #f9f9f9;
}
#terms-viz .detail_document {
  background-color: #ffffff;
  height: 100%;
  overflow-y: auto;
  position: relative;
}
#terms-viz .detail_document .icn-back {
  margin-top: 10px;
}
#terms-viz .detail_document .date_detail {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  margin-top: 0;
}
#terms-viz .detail_document .resume_detail {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  margin-top: 0;
}
#terms-viz .detail_document .plus {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #3b3f42;
  border: solid 1px;
  text-decoration: none;
  background-color: #f6f6f6;
  padding: 10px 30px;
}
#terms-viz .detail_document .plus:hover {
  background-color: #ebeaea;
}
#terms-viz .detail_document ul {
  padding: 0;
}
#terms-viz .detail_document ul li {
  display: inline-block;
  list-style: none;
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  margin-right: 3px;
  padding: 6px 5px 4px;
  background-color: #999999;
  margin-bottom: 3px;
}
/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
  width: 10px;
  height: 16px;
}
::-webkit-scrollbar-track {
  background: #737272;
}
::-webkit-scrollbar-thumb {
  background: #db0c18;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
  border-bottom: solid 5px #5b5a5a;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #db0c18;
}
.slider-control {
  height: 1em;
  padding-top: .5em;
}
.slider {
  height: 2px;
  width: 90%;
  border: 1px solid black;
}
.slider-handle {
  height: 1em;
  width: 2em;
  border: 1px solid black;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  top: -7px;
}
.slider-handle:hover {
  background: #ddd;
}
.date_start_range {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #3b3f42;
  float: left;
  margin-top: 5px;
}
.date_end_range {
  font-family: police, Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #3b3f42;
  float: right;
  margin-top: 5px;
}
a.tooltip {
  outline: none;
  text-decoration: none;
  position: relative;
}
a.tooltip strong {
  line-height: 30px;
}
a.tooltip > span {
  width: 180px;
  padding: 10px 20px;
  margin-top: 0;
  margin-left: -70px;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  position: absolute;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  border-radius: 3px;
  background: #fff;
  border: solid 1px #E2E2E2;
  -webkit-transition-property: opacity, margin-top, visibility, margin-left;
  -webkit-transition-duration: 0.1s, 0.1s, 0.1s, 0.1s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
  transition-property: opacity, margin-top, visibility, margin-left;
  transition-duration: 0.1s, 0.1s, 0.1.s, 0.1s;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}
/*a.tooltip > span:hover,*/
a.tooltip:hover > span {
  opacity: 1;
  text-decoration: none;
  visibility: visible;
  overflow: visible;
  margin-top: -60px;
  display: inline;
}
a.tooltip span b {
  width: 15px;
  height: 15px;
  margin-left: 40px;
  margin-top: -19px;
  display: block;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: inset -1px 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  display: none;
}
a.tooltip > span {
  color: #000000;
}
a.tooltip span b {
  background: #999999;
  border-top: 1px solid #000000;
}