/* gradient syntax with IE-compatible and older browser */
.cursor-default {
  cursor: default !important; }

.cursor-crosshair {
  cursor: crosshair !important; }

.cursor-help {
  cursor: help !important; }

.cursor-progress {
  cursor: progress !important; }

.cursor-wait {
  cursor: wait !important; }

.cursor-text {
  cursor: text !important; }

.cursor-pointer {
  cursor: pointer !important; }

.cursor-not-allowed {
  cursor: not-allowed !important; }

.cursor-grab {
  cursor: grab !important; }

.cursor-grabbing {
  cursor: grabbing !important; }

.cursor-zoom-in {
  cursor: zoom-in !important; }

.cursor-zoom-out {
  cursor: zoom-out !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-justify {
  text-align: justify !important; }

.text-center {
  text-align: center !important; }

.text-middle {
  vertical-align: middle !important; }

.bold {
  font-weight: bold !important; }

.italic {
  font-style: italic !important; }

.break-word {
  word-break: break-all;
  word-wrap: break-word; }

.no-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.wrap {
  white-space: normal; }

.text-padding-right-1 {
  padding-right: 1px !important; }

.text-padding-left-1 {
  padding-left: 1px !important; }

.text-padding-right-2 {
  padding-right: 2px !important; }

.text-padding-left-2 {
  padding-left: 2px !important; }

.text-padding-right-3 {
  padding-right: 3px !important; }

.text-padding-left-3 {
  padding-left: 3px !important; }

.text-padding-right-4 {
  padding-right: 4px !important; }

.text-padding-left-4 {
  padding-left: 4px !important; }

.text-padding-right-5 {
  padding-right: 5px !important; }

.text-padding-left-5 {
  padding-left: 5px !important; }

.text-padding-right-6 {
  padding-right: 6px !important; }

.text-padding-left-6 {
  padding-left: 6px !important; }

.text-padding-right-7 {
  padding-right: 7px !important; }

.text-padding-left-7 {
  padding-left: 7px !important; }

.text-padding-right-8 {
  padding-right: 8px !important; }

.text-padding-left-8 {
  padding-left: 8px !important; }

.text-padding-right-9 {
  padding-right: 9px !important; }

.text-padding-left-9 {
  padding-left: 9px !important; }

.text-padding-right-10 {
  padding-right: 10px !important; }

.text-padding-left-10 {
  padding-left: 10px !important; }

.text-padding-right-11 {
  padding-right: 11px !important; }

.text-padding-left-11 {
  padding-left: 11px !important; }

.text-padding-right-12 {
  padding-right: 12px !important; }

.text-padding-left-12 {
  padding-left: 12px !important; }

.text-padding-right-13 {
  padding-right: 13px !important; }

.text-padding-left-13 {
  padding-left: 13px !important; }

.text-padding-right-14 {
  padding-right: 14px !important; }

.text-padding-left-14 {
  padding-left: 14px !important; }

.text-padding-right-15 {
  padding-right: 15px !important; }

.text-padding-left-15 {
  padding-left: 15px !important; }

.text-padding-right-16 {
  padding-right: 16px !important; }

.text-padding-left-16 {
  padding-left: 16px !important; }

.text-padding-right-17 {
  padding-right: 17px !important; }

.text-padding-left-17 {
  padding-left: 17px !important; }

.text-padding-right-18 {
  padding-right: 18px !important; }

.text-padding-left-18 {
  padding-left: 18px !important; }

.text-padding-right-19 {
  padding-right: 19px !important; }

.text-padding-left-19 {
  padding-left: 19px !important; }

.text-padding-right-20 {
  padding-right: 20px !important; }

.text-padding-left-20 {
  padding-left: 20px !important; }

.text-padding-right-21 {
  padding-right: 21px !important; }

.text-padding-left-21 {
  padding-left: 21px !important; }

.text-padding-right-22 {
  padding-right: 22px !important; }

.text-padding-left-22 {
  padding-left: 22px !important; }

.text-padding-right-23 {
  padding-right: 23px !important; }

.text-padding-left-23 {
  padding-left: 23px !important; }

.text-padding-right-24 {
  padding-right: 24px !important; }

.text-padding-left-24 {
  padding-left: 24px !important; }

.text-padding-right-25 {
  padding-right: 25px !important; }

.text-padding-left-25 {
  padding-left: 25px !important; }

.text-padding-right-26 {
  padding-right: 26px !important; }

.text-padding-left-26 {
  padding-left: 26px !important; }

.text-padding-right-27 {
  padding-right: 27px !important; }

.text-padding-left-27 {
  padding-left: 27px !important; }

.text-padding-right-28 {
  padding-right: 28px !important; }

.text-padding-left-28 {
  padding-left: 28px !important; }

.text-padding-right-29 {
  padding-right: 29px !important; }

.text-padding-left-29 {
  padding-left: 29px !important; }

.text-padding-right-30 {
  padding-right: 30px !important; }

.text-padding-left-30 {
  padding-left: 30px !important; }

.text-padding-right-31 {
  padding-right: 31px !important; }

.text-padding-left-31 {
  padding-left: 31px !important; }

.text-padding-right-32 {
  padding-right: 32px !important; }

.text-padding-left-32 {
  padding-left: 32px !important; }

.text-padding-right-33 {
  padding-right: 33px !important; }

.text-padding-left-33 {
  padding-left: 33px !important; }

.text-padding-right-34 {
  padding-right: 34px !important; }

.text-padding-left-34 {
  padding-left: 34px !important; }

.text-padding-right-35 {
  padding-right: 35px !important; }

.text-padding-left-35 {
  padding-left: 35px !important; }

.text-padding-right-36 {
  padding-right: 36px !important; }

.text-padding-left-36 {
  padding-left: 36px !important; }

.text-padding-right-37 {
  padding-right: 37px !important; }

.text-padding-left-37 {
  padding-left: 37px !important; }

.text-padding-right-38 {
  padding-right: 38px !important; }

.text-padding-left-38 {
  padding-left: 38px !important; }

.text-padding-right-39 {
  padding-right: 39px !important; }

.text-padding-left-39 {
  padding-left: 39px !important; }

.text-padding-right-40 {
  padding-right: 40px !important; }

.text-padding-left-40 {
  padding-left: 40px !important; }

.text-padding-right-41 {
  padding-right: 41px !important; }

.text-padding-left-41 {
  padding-left: 41px !important; }

.text-padding-right-42 {
  padding-right: 42px !important; }

.text-padding-left-42 {
  padding-left: 42px !important; }

.text-padding-right-43 {
  padding-right: 43px !important; }

.text-padding-left-43 {
  padding-left: 43px !important; }

.text-padding-right-44 {
  padding-right: 44px !important; }

.text-padding-left-44 {
  padding-left: 44px !important; }

.text-padding-right-45 {
  padding-right: 45px !important; }

.text-padding-left-45 {
  padding-left: 45px !important; }

.text-padding-right-46 {
  padding-right: 46px !important; }

.text-padding-left-46 {
  padding-left: 46px !important; }

.text-padding-right-47 {
  padding-right: 47px !important; }

.text-padding-left-47 {
  padding-left: 47px !important; }

.text-padding-right-48 {
  padding-right: 48px !important; }

.text-padding-left-48 {
  padding-left: 48px !important; }

.text-padding-right-49 {
  padding-right: 49px !important; }

.text-padding-left-49 {
  padding-left: 49px !important; }

.border-right {
  border-right: 1px solid #cccccc; }

.border-left {
  border-left: 1px solid #cccccc; }

/*
 * Different table layout algorithm can resize the table width based on the
 * content or the column width.
 *
 * auto: Automatic table layout algorithm (this is default):
 *       The column width is set by the widest unbreakable content in the cells
 *       Can be slow, since it needs to read through all the content in the
 *       table, before determining the final layout
 *
 * fixed: Fixed table layout algorithm:
 *       The horizontal layout only depends on the table's width and the width
 *       of the columns, not the contents of the cells Allows a browser to lay
 *       out the table faster than the automatic table layout The browser can
 *       begin to display the table once the first row has been received
 */
table.table-layout-fixed {
  table-layout: fixed; }
table.table-layout-auto {
  table-layout: auto; }

.cell-level-1 {
  padding-left: 12px !important; }

.cell-level-2 {
  padding-left: 24px !important; }

.cell-level-3 {
  padding-left: 36px !important; }

.cell-level-4 {
  padding-left: 48px !important; }

.cell-level-5 {
  padding-left: 60px !important; }

.cell-level-6 {
  padding-left: 72px !important; }

.cell-level-7 {
  padding-left: 84px !important; }

.cell-level-8 {
  padding-left: 96px !important; }

.cell-level-9 {
  padding-left: 108px !important; }

.cell-level-10 {
  padding-left: 120px !important; }

.cell-level-11 {
  padding-left: 132px !important; }

.break-word {
  word-break: break-word; }

.break-all {
  word-break: break-all; }

.keep-all {
  word-break: keep-all; }

.break-keep-all {
  word-break: keep-all; }

.break-normal {
  word-break: normal; }

.font-xlarge {
  font-size: 2rem !important; }

.font-large {
  font-size: 1.2rem !important; }

.font-normal {
  font-size: 1rem !important; }

.font-small {
  font-size: 0.9rem !important; }

.font-xsmall {
  font-size: 0.8rem !important; }

.font-size-l {
  font-size: large; }

.font-size-xl {
  font-size: x-large; }

.font-size-s {
  font-size: small; }

.font-size-xs {
  font-size: x-small; }

.font-size-12 {
  font-size: 12px !important; }

.font-size-13 {
  font-size: 13px !important; }

.font-size-14 {
  font-size: 14px !important; }

.font-size-15 {
  font-size: 15px !important; }

.font-size-16 {
  font-size: 16px !important; }

.font-size-17 {
  font-size: 17px !important; }

.font-size-18 {
  font-size: 18px !important; }

.font-size-19 {
  font-size: 19px !important; }

.font-size-20 {
  font-size: 20px !important; }

.font-size-21 {
  font-size: 21px !important; }

.font-size-22 {
  font-size: 22px !important; }

.font-size-23 {
  font-size: 23px !important; }

.font-size-24 {
  font-size: 24px !important; }

.font-size-25 {
  font-size: 25px !important; }

.font-size-26 {
  font-size: 26px !important; }

.font-size-27 {
  font-size: 27px !important; }

.font-size-28 {
  font-size: 28px !important; }

.font-size-29 {
  font-size: 29px !important; }

.font-size-30 {
  font-size: 30px !important; }

.font-size-31 {
  font-size: 31px !important; }

.font-size-32 {
  font-size: 32px !important; }

.font-size-33 {
  font-size: 33px !important; }

.font-size-34 {
  font-size: 34px !important; }

.font-size-35 {
  font-size: 35px !important; }

.font-size-36 {
  font-size: 36px !important; }

.font-size-37 {
  font-size: 37px !important; }

.font-size-38 {
  font-size: 38px !important; }

.font-size-39 {
  font-size: 39px !important; }

/**
 * flex order
 */
.safe-text-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 30px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-6 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-7 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 210px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-8 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 240px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-9 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 270px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-10 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-11 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 330px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.safe-text-md-1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 8.33333%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 16.66667%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 25%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 33.33333%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-5 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 41.66667%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-6 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 50%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-7 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 58.33333%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-8 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 66.66667%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-9 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 75%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-10 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 83.33333%;
  display: inline-block;
  overflow: hidden; }

.safe-text-md-11 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 91.66667%;
  display: inline-block;
  overflow: hidden; }

.safe-text-hoverable {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.safe-text-hoverable:hover {
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word; }

.safe-text-hover-no-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.safe-text-hover-no-ellipsis:hover {
  text-overflow: unset; }

.width-1 {
  width: 30px; }

.width-2 {
  width: 60px; }

.width-3 {
  width: 90px; }

.width-4 {
  width: 120px; }

.width-5 {
  width: 150px; }

.width-6 {
  width: 180px; }

.width-7 {
  width: 210px; }

.width-8 {
  width: 240px; }

.width-9 {
  width: 270px; }

.width-10 {
  width: 300px; }

.width-11 {
  width: 330px; }

.height-1 {
  height: 30px; }

.height-2 {
  height: 60px; }

.height-3 {
  height: 90px; }

.height-4 {
  height: 120px; }

.height-5 {
  height: 150px; }

.height-6 {
  height: 180px; }

.height-7 {
  height: 210px; }

.height-8 {
  height: 240px; }

.height-9 {
  height: 270px; }

.height-10 {
  height: 300px; }

.height-11 {
  height: 330px; }

.hint {
  color: #888;
  line-height: 130%;
  margin-bottom: 10px;
  margin-top: 8px;
  vertical-align: middle; }
  .hint .icon {
    margin-right: 3px;
    vertical-align: middle; }

.row-md-1 {
  height: 30px; }

.row-md-min-1 {
  min-height: 30px; }

.row-md-2 {
  height: 60px; }

.row-md-min-2 {
  min-height: 60px; }

.row-md-3 {
  height: 90px; }

.row-md-min-3 {
  min-height: 90px; }

.row-md-4 {
  height: 120px; }

.row-md-min-4 {
  min-height: 120px; }

.row-md-5 {
  height: 150px; }

.row-md-min-5 {
  min-height: 150px; }

.row-md-6 {
  height: 180px; }

.row-md-min-6 {
  min-height: 180px; }

.row-md-7 {
  height: 210px; }

.row-md-min-7 {
  min-height: 210px; }

.row-md-8 {
  height: 240px; }

.row-md-min-8 {
  min-height: 240px; }

.row-md-9 {
  height: 270px; }

.row-md-min-9 {
  min-height: 270px; }

.row-md-10 {
  height: 300px; }

.row-md-min-10 {
  min-height: 300px; }

.row-md-11 {
  height: 330px; }

.row-md-min-11 {
  min-height: 330px; }

.row-md-12 {
  height: 360px; }

.row-md-min-12 {
  min-height: 360px; }

.row-md-13 {
  height: 390px; }

.row-md-min-13 {
  min-height: 390px; }

.row-md-14 {
  height: 420px; }

.row-md-min-14 {
  min-height: 420px; }

.row-md-15 {
  height: 450px; }

.row-md-min-15 {
  min-height: 450px; }

.row-md-16 {
  height: 480px; }

.row-md-min-16 {
  min-height: 480px; }

.row-md-17 {
  height: 510px; }

.row-md-min-17 {
  min-height: 510px; }

.row-md-18 {
  height: 540px; }

.row-md-min-18 {
  min-height: 540px; }

.row-md-19 {
  height: 570px; }

.row-md-min-19 {
  min-height: 570px; }

.row-md-20 {
  height: 600px; }

.row-md-min-20 {
  min-height: 600px; }

.row-md-21 {
  height: 630px; }

.row-md-min-21 {
  min-height: 630px; }

.row-md-22 {
  height: 660px; }

.row-md-min-22 {
  min-height: 660px; }

.row-md-23 {
  height: 690px; }

.row-md-min-23 {
  min-height: 690px; }

.row-md-24 {
  height: 720px; }

.row-md-min-24 {
  min-height: 720px; }

.row-md-25 {
  height: 750px; }

.row-md-min-25 {
  min-height: 750px; }

.row-md-26 {
  height: 780px; }

.row-md-min-26 {
  min-height: 780px; }

.row-md-27 {
  height: 810px; }

.row-md-min-27 {
  min-height: 810px; }

.row-md-28 {
  height: 840px; }

.row-md-min-28 {
  min-height: 840px; }

.row-md-29 {
  height: 870px; }

.row-md-min-29 {
  min-height: 870px; }

.line-height-20px {
  line-height: 20px; }

.line-height-150 {
  line-height: 150%; }

.line-height-160 {
  line-height: 160%; }

.line-height-180 {
  line-height: 180%; }

.line-height-2x {
  line-height: 200%; }

.line-height-3x {
  line-height: 300%; }

.line-height-4x {
  line-height: 300%; }

.fill {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.fill-top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.fill-bottom {
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

/**
 * flex order
 */
.flex-align-center {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center; }

/**
 * flex order
 */
.grow-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.grow-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2; }

.grow-3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3; }

.grow-4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4; }

.grow-5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5; }

.grow-6 {
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -webkit-flex: 6;
  -ms-flex: 6;
  flex: 6; }

.grow-7 {
  -webkit-box-flex: 7;
  -moz-box-flex: 7;
  -webkit-flex: 7;
  -ms-flex: 7;
  flex: 7; }

.grow-8 {
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  -webkit-flex: 8;
  -ms-flex: 8;
  flex: 8; }

.grow-9 {
  -webkit-box-flex: 9;
  -moz-box-flex: 9;
  -webkit-flex: 9;
  -ms-flex: 9;
  flex: 9; }

.grow-10 {
  -webkit-box-flex: 10;
  -moz-box-flex: 10;
  -webkit-flex: 10;
  -ms-flex: 10;
  flex: 10; }

.grow-auto {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

/**
 * flex order
 */
.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.flex-0 {
  -webkit-box-flex: 0 0 auto !important;
  -moz-box-flex: 0 0 auto !important;
  -webkit-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important; }

.flex-1 {
  -webkit-box-flex: 1 0 auto !important;
  -moz-box-flex: 1 0 auto !important;
  -webkit-flex: 1 0 auto !important;
  -ms-flex: 1 0 auto !important;
  flex: 1 0 auto !important; }

.flex-2 {
  -webkit-box-flex: 2 0 auto !important;
  -moz-box-flex: 2 0 auto !important;
  -webkit-flex: 2 0 auto !important;
  -ms-flex: 2 0 auto !important;
  flex: 2 0 auto !important; }

.flex-3 {
  -webkit-box-flex: 3 0 auto !important;
  -moz-box-flex: 3 0 auto !important;
  -webkit-flex: 3 0 auto !important;
  -ms-flex: 3 0 auto !important;
  flex: 3 0 auto !important; }

.flex-4 {
  -webkit-box-flex: 4 0 auto !important;
  -moz-box-flex: 4 0 auto !important;
  -webkit-flex: 4 0 auto !important;
  -ms-flex: 4 0 auto !important;
  flex: 4 0 auto !important; }

.flex-5 {
  -webkit-box-flex: 5 0 auto !important;
  -moz-box-flex: 5 0 auto !important;
  -webkit-flex: 5 0 auto !important;
  -ms-flex: 5 0 auto !important;
  flex: 5 0 auto !important; }

.flex-6 {
  -webkit-box-flex: 6 0 auto !important;
  -moz-box-flex: 6 0 auto !important;
  -webkit-flex: 6 0 auto !important;
  -ms-flex: 6 0 auto !important;
  flex: 6 0 auto !important; }

.flex-7 {
  -webkit-box-flex: 7 0 auto !important;
  -moz-box-flex: 7 0 auto !important;
  -webkit-flex: 7 0 auto !important;
  -ms-flex: 7 0 auto !important;
  flex: 7 0 auto !important; }

.flex-8 {
  -webkit-box-flex: 8 0 auto !important;
  -moz-box-flex: 8 0 auto !important;
  -webkit-flex: 8 0 auto !important;
  -ms-flex: 8 0 auto !important;
  flex: 8 0 auto !important; }

.flex-9 {
  -webkit-box-flex: 9 0 auto !important;
  -moz-box-flex: 9 0 auto !important;
  -webkit-flex: 9 0 auto !important;
  -ms-flex: 9 0 auto !important;
  flex: 9 0 auto !important; }

.flex-10 {
  -webkit-box-flex: 10 0 auto !important;
  -moz-box-flex: 10 0 auto !important;
  -webkit-flex: 10 0 auto !important;
  -ms-flex: 10 0 auto !important;
  flex: 10 0 auto !important; }

.flex-grow-0 {
  flex-grow: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0; }

.flex-grow-1 {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1; }

.flex-grow-2 {
  flex-grow: 2;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2; }

.flex-grow-3 {
  flex-grow: 3;
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-positive: 3; }

.flex-shrink-0 {
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.flex-shrink-1 {
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1; }

.flex-shrink-2 {
  -webkit-flex-shrink: 2;
  -ms-flex-shrink: 2;
  flex-shrink: 2;
  -ms-flex-negative: 2; }

.flex-shrink-3 {
  -webkit-flex-shrink: 3;
  -ms-flex-shrink: 3;
  flex-shrink: 3;
  -ms-flex-negative: 3; }

.flex-justify-content-start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-justify-content-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-justify-content-end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-items-center {
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center; }

.flex-items-start {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start; }

.flex-items-end {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end; }

.flex-items-baseline {
  align-items: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline; }

.flex-no-wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.full-width {
  width: 100%; }

.full-height {
  width: 100%; }

.no-margin {
  margin: 0px !important; }

.margin-1 {
  margin: 1px !important; }

.margin-top-1 {
  margin-top: 1px !important; }

.margin-2 {
  margin: 2px !important; }

.margin-top-2 {
  margin-top: 2px !important; }

.margin-3 {
  margin: 3px !important; }

.margin-top-3 {
  margin-top: 3px !important; }

.margin-4 {
  margin: 4px !important; }

.margin-top-4 {
  margin-top: 4px !important; }

.margin-5 {
  margin: 5px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-6 {
  margin: 6px !important; }

.margin-top-6 {
  margin-top: 6px !important; }

.margin-7 {
  margin: 7px !important; }

.margin-top-7 {
  margin-top: 7px !important; }

.margin-8 {
  margin: 8px !important; }

.margin-top-8 {
  margin-top: 8px !important; }

.margin-9 {
  margin: 9px !important; }

.margin-top-9 {
  margin-top: 9px !important; }

.margin-10 {
  margin: 10px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-11 {
  margin: 11px !important; }

.margin-top-11 {
  margin-top: 11px !important; }

.margin-12 {
  margin: 12px !important; }

.margin-top-12 {
  margin-top: 12px !important; }

.margin-13 {
  margin: 13px !important; }

.margin-top-13 {
  margin-top: 13px !important; }

.margin-14 {
  margin: 14px !important; }

.margin-top-14 {
  margin-top: 14px !important; }

.margin-15 {
  margin: 15px !important; }

.margin-top-15 {
  margin-top: 15px !important; }

.margin-16 {
  margin: 16px !important; }

.margin-top-16 {
  margin-top: 16px !important; }

.margin-17 {
  margin: 17px !important; }

.margin-top-17 {
  margin-top: 17px !important; }

.margin-18 {
  margin: 18px !important; }

.margin-top-18 {
  margin-top: 18px !important; }

.margin-19 {
  margin: 19px !important; }

.margin-top-19 {
  margin-top: 19px !important; }

.Hover__hover-area .Hover__show-area {
  visibility: hidden; }
.Hover__hover-area:hover .Hover__show-area {
  visibility: visible; }

.box {
  border: 1px solid #ccc;
  border-radius: 3px; }

.no-padding {
  padding: 0px !important; }

.relative {
  position: relative; }

.full-size {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.full-width {
  width: 100%;
  box-sizing: border-box; }

.scrollable {
  overflow: auto !important; }

.no-scroll {
  overflow: hidden !important; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline-block; }

.clickable {
  cursor: pointer; }

.margin-left-4 {
  margin-left: 4px; }

/*
 * Note: this path is relative to the HTML file being viewed, not the CSS file
 * it is called from.
 *
 * CSS3 Patterns
 * http://css3pie.com/demos/gradient-patterns/
 */
.round-border {
  border: 1px solid #cccccc;
  border-radius: 10px; }

.rtl, .rtl p {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed; }

.rtl .tweet-url.username {
  direction: ltr;
  unicode-bidi: embed;
  unicode-bidi: isolate; }

.abs-top-right {
  position: absolute;
  right: 10px;
  top: 10px; }

.abs-full-width {
  position: absolute;
  overflow: auto;
  left: 0;
  right: 0; }

.abs-top-offset-1 {
  top: 48px; }

.abs-bottom-offset-1 {
  bottom: 48px; }

.abs-top {
  position: absolute;
  top: 0px; }

.abs-bottom {
  position: absolute;
  bottom: 0px; }

.abs-left {
  position: absolute;
  left: 0px; }

.abs-right {
  position: absolute;
  right: 0px; }

.read-more {
  color: #008fd0;
  cursor: pointer;
  unicode-bidi: embed; }

.read-less {
  color: #008fd0;
  cursor: pointer; }

/* ==========================================================================
 * Print styles.
 * Inlined to avoid required HTTP connection: h5bp.com/r
 * ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /* Don't show links for images, or javascript/internal links */
  .ir a:after {
    content: ""; }

  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
@page {
  size: auto;
  /* auto is the initial value */
  /* this affects the margin in the printer settings */
  margin: 10mm 10mm 10mm 10mm; }
html {
  height: auto; }

body {
  margin: 0;
  padding: 0;
  height: auto;
  overflow: visible; }

.top-bar,
.navigator,
.modal,
.pop-over,
.help-overlay,
.tab-toolbar {
  display: none; }

.widget-detail-accordion {
  height: 100%; }

.widget-detail-panel .accordion-body {
  height: 100% !important;
  overflow: visible; }

.tab-panel,
.side-panel {
  width: 100%;
  position: static !important;
  height: auto !important;
  display: block !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  overflow: visible;
  padding: 0; }

.filter-panel {
  margin: 0; }

.filter-panel dt {
  display: none; }

.container-base,
.widget-container,
.content-panel,
.page-navbar-container,
.page-navbar,
.widget-bar,
.filter-bar,
.analysis-widget .widget-content,
.tab-panel-header,
.tab-panel-content,
.tab-panel-full-main-panel,
.tab-panel-main-panel,
.tab-panel-side-panel {
  position: static !important;
  display: block !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100%;
  overflow: visible;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important; }

.side-panel {
  padding: 0;
  margin: 0; }

.container-base {
  padding: 0;
  margin: 0; }

.main-panel {
  margin: 0;
  padding: 0;
  position: static !important;
  display: block !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important; }

.widget-column,
.widget-detail-panel,
.widget-chart-panel {
  position: static !important;
  float: none !important;
  width: auto !important;
  display: block !important;
  min-width: 0px !important;
  margin: 0 auto !important;
  padding: 0 !important; }

.gridster .dashboard-widget-back {
  display: none !important; }

.btn-group {
  display: none !important; }

.dashboard-widget-control a {
  display: none; }
.dashboard-widget-control i {
  display: none; }
.dashboard-widget-control .btn {
  display: none; }
  .dashboard-widget-control .btn .icon {
    display: none; }
.dashboard-widget-control .break {
  display: none; }

a[href]:after {
  content: none !important; }

i.official-twitter.retweet:before {
  content: url(../images/print/twitter-icons/retweet.png); }
i.official-twitter.retweet.on:before {
  content: url(../images/print/twitter-icons/retweet_on.png); }
i.official-twitter.favorite:before {
  content: url(../images/print/twitter-icons/favorite.png); }
i.official-twitter.favorite.on:before {
  content: url(../images/print/twitter-icons/favorite_on.png); }
i.official-twitter.reply:before {
  content: url(../images/print/twitter-icons/reply.png); }

.stream-action {
  display: none !important; }

.load-more {
  display: none !important; }

.widget-message {
  display: none !important; }

.ajax-loader-wrapper {
  display: none !important; }

.admin-modal,
.dashboard-modal,
.slide-in-modal,
.modal {
  display: none !important; }

.sp-container {
  display: none !important; }

.page-options-box {
  display: none !important; }

.dashboard-widget-content {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden; }