@import url(/icons/icons.css);
@import url(/icons/nkbrelation-icon-font/style.css);
/* Общие стили НКБ */
/* Сабсет Bootstrap 3 — первым: его перекрывают и общие стили, и
 * theme-overrides (как раньше перекрывали полный bootstrap.css) */
/* bootstrap-lite — компактный сабсет Bootstrap 3.4 под классы, реально
 * используемые легаси-страницами (vendored src/styles/bootstrap3 удалён;
 * полный bootstrap.css тянул ~7к строк ради ~30 классов).
 *
 * Инвентарь использований: clearfix, грид (row, col-sm-N, col-md-N), кнопки
 * (btn, btn-default/-primary/-sm/-block, btn-group), списки (list-unstyled/
 * -inline), таблицы (table/-striped/-bordered/-hover), формы (form-group/
 * form-control/input-sm/form-inline), утилиты (text-center/-nowrap/-justify,
 * pull-right), glyphicon (5 иконок — юникодом, без шрифта glyphicons),
 * modal-header/-body/-footer/-title (контент Material-диалогов).
 * .container НЕ переносится: у страницы тарифов свой (.pricing-page
 * .container), бутстраповский clearfix ломал её grid/flex.
 *
 * Значения — бутстраповские (статические #ddd/#ccc/#333): тёмная тема
 * перекрашивает их поверх через theme-overrides.less (как и раньше).
 * Глобальный border-box сохранён — на нём держится легаси-вёрстка. */
* {
  box-sizing: border-box;
}
*::before,
*::after {
  box-sizing: border-box;
}
/* --- clearfix --- */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* --- утилиты --- */
.pull-right {
  float: right !important;
}
.text-center {
  text-align: center;
}
.text-nowrap {
  white-space: nowrap;
}
.text-justify {
  text-align: justify;
}
/* --- грид (упрощённый: только используемые col-sm-N / col-md-N) --- */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row::before,
.row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}
[class*="col-sm-"],
[class*="col-md-"] {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  [class*="col-sm-"] {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  [class*="col-md-"] {
    float: left;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
/* --- списки --- */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
/* --- кнопки --- */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  user-select: none;
  text-decoration: none;
}
.btn:focus,
.btn:hover {
  text-decoration: none;
}
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #286090;
  border-color: #204d74;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* --- таблицы --- */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  text-align: left;
}
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
/* --- формы --- */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.form-group {
  margin-bottom: 15px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[disabled] {
  background-color: #eee;
  opacity: 1;
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
/* --- glyphicon: 5 используемых иконок юникодом (шрифт glyphicons удалён) --- */
.glyphicon {
  position: relative;
  display: inline-block;
  font-style: normal;
  line-height: 1;
}
.glyphicon-refresh::before {
  content: "\27F3";
}
.glyphicon-pencil::before {
  content: "\270E";
}
.glyphicon-trash::before {
  content: "\1F5D1";
}
.glyphicon-arrow-up::before {
  content: "\2191";
}
.glyphicon-arrow-down::before {
  content: "\2193";
}
/* --- модальный контент (используется в Material-диалогах, напр.
 *     modalFavorites) --- */
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
/* theme.less — токены тем rsearch как АЛИАСЫ на переменные нового лейаута.
 *
 * Раньше токены задавались двумя наборами (:root светлая / .theme-dark тёмная)
 * и переключали только светлую/тёмную. Теперь они ссылаются на переменные
 * нового лейаута (src/ng2/layout/layout.less): --page/--paper/--ink/--line/
 * --accent…, которые переключаются по data-theme (светлая/тёмная) +
 * data-dark-bg (Графит/Синий) + --accent (акцент). Благодаря этому ВЕСЬ контент
 * rsearch (и 3rd-party через theme-overrides.less) следует теме, фону и акценту.
 *
 * config.less по-прежнему мапит LESS-палитру на эти токены. Бренд/статус-цвета
 * фиксированы во всех темах. Отдельный .theme-dark-блок больше не нужен —
 * переключение делают сами переменные лейаута.
 */
:root {
  /* surfaces */
  --bg-primary: var(--page);
  --bg-panel: var(--paper);
  --bg-highlight: var(--soft);
  --bg-flat-hover: var(--soft-2);
  /* text */
  --text-primary: var(--ink);
  --text-light: var(--ink-2);
  --text-header-light: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-muted-light: var(--ink-3);
  --text-input: var(--ink);
  /* lines / borders (сам --line владеет layout.less — единый источник) */
  --border: var(--line-2);
  --panel-border: var(--line);
  --box-shadow-border: var(--line-2);
  /* links — следуют акценту */
  --link: var(--accent-ink);
  --link-underline: var(--accent);
  --link-active: var(--accent-ink);
  --link-active-underline: var(--accent);
  /* brand (фиксировано во всех темах — логотип/идентичность) */
  --brand-blue: #3a87ad;
  --brand-red: #98012e;
  /* shadows */
  --shadow-rgb: 0, 0, 0;
  --shadow-color: var(--ink-3);
  /* status (фиксировано во всех темах — семантика) */
  --info: #2f96b4;
  --success: #51a351;
  --warning: #f89406;
  --danger: #bd362f;
  --error: #b94a48;
  /* search input (старый nkb-search-input; жёлтый bg сохраняем) */
  --search-bg: #ffc76b;
  --search-placeholder: #777777;
  --search-btn: var(--ink);
  --search-border: var(--line-2);
}
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
/* Отсечки — горизонтальные разделители <hr> в карточках. Всегда АКЦЕНТНОГО цвета
 * (--accent-line следует за --accent и адаптируется к теме) и МЯГКИЕ — менее
 * контрастные, чем дефолтный серый UA-стиль <hr> (по аналогии с creditnet.ru/hyper). */
hr {
  margin-top: 12px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid var(--accent-line);
  height: 0;
  background: none;
}
body {
  font-family: Helvetica Neue, Arial !important;
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
a,
.link {
  padding-bottom: 0;
  cursor: pointer;
  color: var(--link);
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
}
a--strong,
.link--strong {
  font-weight: bold;
}
a--global,
.link--global {
  color: #51a351;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a:active,
.link:active,
a.active,
.link.active {
  color: var(--link-active);
  cursor: pointer;
}
a.active.action:hover,
.link.active.action:hover,
a.active.action:focus,
.link.active.action:focus,
a.active.action:active,
.link.active.action:active {
  color: var(--link-active) !important;
  cursor: default !important;
}
a.disabled:hover,
.link.disabled:hover,
a.disabled:focus,
.link.disabled:focus {
  color: var(--text-muted);
  border-bottom-color: transparent;
  cursor: default;
}
a.with-icon.underline,
.link.with-icon.underline {
  border-bottom: 0 none;
}
a.with-icon.underline:hover .text,
.link.with-icon.underline:hover .text,
a.with-icon.underline:focus .text,
.link.with-icon.underline:focus .text,
a.with-icon.underline:active .text,
.link.with-icon.underline:active .text {
  border-bottom-color: var(--link-active-underline);
}
a.with-icon .text,
.link.with-icon .text {
  border-bottom: 1px solid transparent;
  border-bottom-color: var(--link-underline);
}
a.underline,
.link.underline {
  border-bottom-color: var(--link-underline);
}
a.underline:hover,
.link.underline:hover,
a.underline:focus,
.link.underline:focus,
a.underline:active,
.link.underline:active {
  border-bottom-color: var(--link-active-underline);
}
a.pseudo,
.link.pseudo {
  border-bottom-style: dashed;
}
a.pointer,
.link.pointer {
  cursor: pointer;
}
.mark-new {
  display: block;
  position: absolute;
  width: 90px;
  height: 80px;
  overflow: hidden;
}
.mark-new-text {
  display: block;
  position: absolute;
  left: -24px;
  top: 10px;
  width: 100px;
  height: 14px;
  padding-top: 2px;
  padding-left: 25px;
  line-height: 1;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffc76b;
  background-color: #98012e;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  margin-top: 12px;
}
.mark-new-text--tpp {
  left: -30px;
  height: 17px;
}
.result-list-element {
  position: relative;
  padding: 5px 7px 0 7px;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--border);
  background-color: var(--bg-primary);
  /* Теневая рамка карточки (смещена в правый-низ — как был угловой :after-эффект).
     Обычная box-shadow вместо прежнего :after с z-index:-1: тот рисовался только когда
     родитель создавал stacking-context (попап графа), а в обычном поиске был не виден.
     box-shadow не зависит от контекста → тень одинакова в обоих режимах и темах. */
  box-shadow: 4px 7px 15px var(--shadow-color);
}
.result-list-element:hover {
  border-color: var(--border);
  cursor: pointer;
}
.result-list-element nkb-favorites-dialog {
  position: absolute;
  left: -2em;
}
.nkb-select {
  background: url(images/select_triangle.png) no-repeat 90% 50%;
  height: 30px;
  overflow: hidden;
  position: relative;
  background-color: var(--bg-primary);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--border);
}
.nkb-select select {
  width: 100%;
  background: transparent;
  border: none;
  font-size: 14px;
  height: 30px;
  padding: 5px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.nkb-select select::-ms-expand {
  display: none;
}
.nkb-input {
  border: 1px solid var(--border);
  padding-left: 10px;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* The starting CSS styles for the enter animation */
.fader.ng-add {
  transition: 0.5s linear all;
  opacity: 0;
}
/* The finishing CSS styles for the enter animation */
.fader.ng-add.ng-add-active {
  opacity: 1;
}
.fader.ng-remove {
  transition: 0.5s linear all;
  opacity: 1;
}
.fader.ng-remove.ng-remove-active {
  opacity: 0;
}
/* nkb-logo */
.nkb-logo {
  background: transparent no-repeat 0 0 url(images/logo2.svg);
  background-size: cover;
  height: 43px;
  width: 200px;
}
.nkb-logo--red {
  background: transparent no-repeat 0 0 url(images/logo2.svg);
  background-size: cover;
}
.nkb-logo--white {
  background: transparent no-repeat 0 0 url(images/logo2--white.svg);
  background-size: cover;
}
.nkb-logo--orange,
.nkb-logo--grey {
  background: transparent no-repeat 0 0 url(images/logo2.svg);
  background-size: cover;
}
.nkb-logo--black {
  background: transparent no-repeat 0 0 url(images/logo2--black.svg);
  background-size: cover;
}
.nkb-logo--center {
  background-position: center;
  height: 43px;
  width: 200px;
}
.flex {
  display: flex;
}
.flex--column {
  flex-direction: column;
}
.flex--row {
  flex-direction: row;
}
.flex--items-center {
  align-items: center;
}
.flex-align--end {
  align-self: flex-end;
}
.nkb-table {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.nkb-table--small-font {
  font-size: 13px;
}
.nkb-table__cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.2em 0.5em;
  list-style: none;
  border-top: 1px solid var(--panel-border);
  border-bottom: 1px solid var(--panel-border);
}
.nkb-table__cell > h1,
.nkb-table__cell > h2,
.nkb-table__cell > h3,
.nkb-table__cell > h4,
.nkb-table__cell > h5,
.nkb-table__cell > h6 {
  margin: 0;
}
.nkb-table__cell.nkb-table__cell--without-border-top {
  border-top: 0;
}
.nkb-table__cell.nkb-table__cell--without-border-bottom {
  border-bottom: 0;
}
.nkb-table__cell--2of3 {
  width: 66% !important;
}
.nkb-table__cell--1of12 {
  width: 8.33%;
}
.nkb-table__cell--2of12 {
  width: calc(2 * 8.33%) !important;
}
.nkb-table__cell--3of12 {
  width: calc(3 * 8.33%) !important;
}
.nkb-table__cell--4of12 {
  width: calc(4 * 8.33%) !important;
}
.nkb-table__cell--5of12 {
  width: calc(5 * 8.33%) !important;
}
.nkb-table__cell--6of12 {
  width: calc(6 * 8.33%) !important;
}
.nkb-table__cell--7of12 {
  width: calc(7 * 8.33%) !important;
}
.nkb-table__cell--8of12 {
  width: calc(8 * 8.33%) !important;
}
.nkb-table__cell--9of12 {
  width: calc(9 * 8.33%) !important;
}
.nkb-table__cell--10of12 {
  width: calc(10 * 8.33%) !important;
}
.nkb-table__cell--11of12 {
  width: calc(11 * 8.33%) !important;
}
.nkb-table__cell--12of12 {
  width: 100% !important;
}
.nkb-table--without-margin {
  margin: 0;
}
.nkb-table--2cols > .nkb-table__cell {
  width: 50%;
}
.nkb-table--3cols > .nkb-table__cell {
  width: 33.33%;
}
.nkb-table--4cols > .nkb-table__cell {
  width: 25%;
}
.nkb-table--5cols > .nkb-table__cell {
  width: 20%;
}
.nkb-table--6cols > .nkb-table__cell {
  width: 16.6%;
}
.nkb-table--7cols > .nkb-table__cell {
  width: 14.28%;
}
.nkb-table--12cols > .nkb-table__cell {
  width: 8.33%;
}
/* base */
.simple-row:before,
.simple-row:after {
  display: table;
  lsadane-height: 0;
  content: "";
}
.simple-row:after {
  clear: both;
}
form {
  margin: 0;
}
.small {
  font-size: 85%;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.nowrap {
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
.pre {
  white-space: pre;
}
.indent-top {
  margin-top: 10px !important;
}
.no-indent {
  margin: 0 !important;
}
.u1 {
  margin-top: -1px;
}
.d1 {
  margin-top: 1px;
}
.d2 {
  margin-top: 2px;
}
.d3 {
  margin-top: 3px;
}
.d4 {
  margin-top: 4px;
}
.d5 {
  margin-top: 5px;
}
.btn.flat {
  background-image: none;
  background-color: var(--bg-primary);
  border: 1px solid var(--border);
  filter: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.flat.link {
  color: var(--link);
}
.btn.flat:hover,
.btn.flat:focus {
  color: var(--link-active);
  background-color: var(--bg-flat-hover);
}
.btn.flat.active,
.btn.flat:active {
  color: var(--link-active);
  background-color: var(--bg-flat-hover);
  border-color: #b0b0b0;
}
.btn.flat.disabled,
.btn.flat[disabled] {
  color: var(--text-muted);
  background-color: var(--bg-primary);
}
.btn.btn-close {
  padding-bottom: 2px;
  font-size: 16px;
  line-height: 18px;
  padding-top: 3px \9;
  padding-bottom: 1px \9;
  line-height: 16px \9;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  color: #808080;
}
.btn.btn-close:hover,
.btn.btn-close:focus,
.btn.btn-close.active,
.btn.btn-close:active {
  color: var(--text-primary);
}
.btn-group > .btn.flat {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn.flat:first-child {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group > .btn.flat:last-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
input.input-mini {
  height: 16px;
  padding: 2px 3px;
  font-size: 13px;
  line-height: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.input-append input.input-mini {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
input.input-small {
  height: 16px;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header-light {
  color: var(--text-header-light);
}
/* shadows */
.shadow-lift-lb-corner:before {
  z-index: -2;
  content: "";
  bottom: 20px;
  right: 5px;
  left: 10px;
  top: 0;
  background-color: var(--shadow-color);
  -webkit-box-shadow: 0 15px 10px var(--shadow-color);
  -moz-box-shadow: 0 15px 10px var(--shadow-color);
  box-shadow: 0 15px 10px var(--shadow-color);
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
}
.shadow-lift-lb-corner.shadow-strong:before {
  bottom: 18px;
}
.shadow-lift-lb-corner:after {
  z-index: -1;
  position: absolute;
  content: "";
  left: 0;
  top: -10px;
  right: -10px;
  bottom: 0;
}
/* icons */
.icon.large {
  padding-right: 2px;
  font-size: 150%;
  vertical-align: -5px;
}
.icon.big {
  padding-right: 5px;
  font-size: 200%;
  vertical-align: -6px;
}
.btn-mini .icon {
  vertical-align: -3px;
}
.icon.info {
  color: #2f96b4;
}
.icon.success {
  color: #51a351;
}
.icon.warning {
  color: #f89406;
}
.strong {
  font-weight: bold;
}
.muted {
  color: #999;
}
.danger {
  color: #bd362f;
}
.warning {
  color: #f89406;
}
.error {
  color: #b94a48;
}
.tools {
  margin: 1em 0 1em 0;
  list-style: none;
}
/*# sourceMappingURL=common-styles.css.map */