/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */

@font-size: 0.875em; // 14 px
@font-size-smaller: 0.857em; // 12 px
@font-size-small: 0.786em; // 11 px
@font-weight-bold: 600;

@vertical-padding: 0.429em; // 6 px
@horizontal-padding: 0.857em; // 12 px

// Make padding not affect the final computed width of an element
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  .box-sizing(inherit);
}

a {
  // Reset defaults
  color: inherit;
  font-weight: @font-weight-bold;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

blockquote {
  border-left: @vertical-padding solid @gray-light;
  color: @text-color-light;
  // Reset default margin
  margin: 0;
  font-family: @font-family-fixed;
  padding: @vertical-padding @horizontal-padding;
}

body {
  background-color: @body-bg-color;
  color: @text-color;
  font-family: @font-family;
  font-size: @font-size;
  // Set line-height w/o unit so that the line-height is dynamically calculated as font-size * line-height
  line-height: 1.3;
}

h1 {
  border-bottom: 1px solid @gray-lightest;
  font-size: 1.286em;
  font-weight: normal;
  margin: @vertical-padding 0;
}

h2 {
  border-bottom: 1px solid @gray-lightest;
  font-size: 1.143em;
  font-weight: normal;
}

p {
  // Remove default margin
  margin: 0;
}

pre {
  background-color: @gray-lightest;
  color: @text-color-light;
  font-family: @font-family-fixed;
  padding: @vertical-padding @horizontal-padding;
}

table {
  border-collapse: separate;
  border-spacing: 0 1px;
  width: 100%;
}

td {
  padding: @vertical-padding / 2 @horizontal-padding / 2;
}

@media print {
  .dont-print {
    display: none;
  }
}