@charset "UTF-8";
/*doc
# Переменные scss

$color-primary: red !default;

$color-secondary: green !default;

$color-tertiary: blue !default;

$color-bg: #fff !default;

$color-text: #484848 !default;

$color-link: #15c !default;

*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-primary%3A%20%20%20%20%20%20%20white%20%21default%22%2C%22name%22%3A%22%24color-primary%22%2C%22value%22%3A%22white%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-secondary%3A%20%20%20%20%20blue%20%20%21default%22%2C%22name%22%3A%22%24color-secondary%22%2C%22value%22%3A%22blue%20%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-accent%3A%20%20%20%20%20%20%20%20red%20%20%20%21default%22%2C%22name%22%3A%22%24color-accent%22%2C%22value%22%3A%22red%20%20%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-bg%3A%20%20%20%20%20%20%20%20%20%20%20%20%23fff%20%20%20%20%20%20%20%20%21default%22%2C%22name%22%3A%22%24color-bg%22%2C%22value%22%3A%22%23fff%20%20%20%20%20%20%20%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-text%3A%20%20%20%20%20%20%20%20%20%20%23484848%20%20%20%20%20%21default%22%2C%22name%22%3A%22%24color-text%22%2C%22value%22%3A%22%23484848%20%20%20%20%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-link%3A%20%20%20%20%20%20%20%20%20%20%2315c%20%20%20%20%20%20%20%20%21default%22%2C%22name%22%3A%22%24color-link%22%2C%22value%22%3A%22%2315c%20%20%20%20%20%20%20%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-widgets%3A%20%20%20%20%20%20%20%24color-link%20%21default%22%2C%22name%22%3A%22%24color-widgets%22%2C%22value%22%3A%22%24color-link%20%21default%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-grey%3A%20%20%20%20%20%20%20%20%20%20%23808080%20%20%20%20%20%21default%22%2C%22name%22%3A%22%24color-grey%22%2C%22value%22%3A%22%23808080%20%20%20%20%20%21default%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-979797%3A%20lighten%28%24color-grey%2C%209%25%29%22%2C%22name%22%3A%22%24color-979797%22%2C%22value%22%3A%22lighten%28%24color-grey%2C%209%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-343434%3A%20darken%28%24color-grey%2C%2030%25%29%22%2C%22name%22%3A%22%24color-343434%22%2C%22value%22%3A%22darken%28%24color-grey%2C%2030%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-grey-lightest%3A%20lighten%28%24color-grey%2C%2045%25%29%22%2C%22name%22%3A%22%24color-grey-lightest%22%2C%22value%22%3A%22lighten%28%24color-grey%2C%2045%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-grey-lighter%3A%20%20lighten%28%24color-grey%2C%2036%25%29%22%2C%22name%22%3A%22%24color-grey-lighter%22%2C%22value%22%3A%22lighten%28%24color-grey%2C%2036%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-grey-light%3A%20%20%20%20lighten%28%24color-grey%2C%2027%25%29%22%2C%22name%22%3A%22%24color-grey-light%22%2C%22value%22%3A%22lighten%28%24color-grey%2C%2027%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-grey-dark%3A%20%20%20%20%20lighten%28%24color-grey%2C%2018%25%29%22%2C%22name%22%3A%22%24color-grey-dark%22%2C%22value%22%3A%22lighten%28%24color-grey%2C%2018%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-grey-darker%3A%20%20%20lighten%28%24color-grey%2C%209%25%29%22%2C%22name%22%3A%22%24color-grey-darker%22%2C%22value%22%3A%22lighten%28%24color-grey%2C%209%25%29%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-note%3A%20%23fdf8bc%22%2C%22name%22%3A%22%24color-note%22%2C%22value%22%3A%22%23fdf8bc%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-text-dark%3A%20%20%20%20%20darken%28%24color-text%2C%20100%25%29%20%20%21default%22%2C%22name%22%3A%22%24color-text-dark%22%2C%22value%22%3A%22darken%28%24color-text%2C%20100%25%29%20%20%21default%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-text-light%3A%20%20%20%20lighten%28%24color-text%2C%20100%25%29%20%21default%22%2C%22name%22%3A%22%24color-text-light%22%2C%22value%22%3A%22lighten%28%24color-text%2C%20100%25%29%20%21default%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-border%3A%20%20%20%20%20%20%20%20%24color-grey-light%20%20%20%20%21default%22%2C%22name%22%3A%22%24color-border%22%2C%22value%22%3A%22%24color-grey-light%20%20%20%20%21default%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-fill%3A%20%20%20%20%20%20%20%20%20%20%24color-grey-lightest%20%21default%22%2C%22name%22%3A%22%24color-fill%22%2C%22value%22%3A%22%24color-grey-lightest%20%21default%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-disabled%3A%20%20%20%20%20%20%24color-grey-darker%20%20%20%21default%22%2C%22name%22%3A%22%24color-disabled%22%2C%22value%22%3A%22%24color-grey-darker%20%20%20%21default%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-g-file__param%3A%20%23828282%22%2C%22name%22%3A%22%24color-g-file__param%22%2C%22value%22%3A%22%23828282%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-g-file__param--tooltip%3A%20%23978f6b%22%2C%22name%22%3A%22%24color-g-file__param--tooltip%22%2C%22value%22%3A%22%23978f6b%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-g-file__value%3A%20%23333%22%2C%22name%22%3A%22%24color-g-file__value%22%2C%22value%22%3A%22%23333%22%2C%22main%22%3Atrue%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24color-g-file__value--tooltip%3A%20%24color-g-file__value%22%2C%22name%22%3A%22%24color-g-file__value--tooltip%22%2C%22value%22%3A%22%24color-g-file__value%22%7D*/
/*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22variable%22%2C%22code%22%3A%22%24g-base-font-size%3A%20%20%20%2015px%20%21default%22%2C%22name%22%3A%22%24g-base-font-size%22%2C%22value%22%3A%2215px%20%21default%22%2C%22main%22%3Atrue%7D*/
/*doc
# Переменные Smarty

При подключении шаблонов и передаче внутрь них переменных используется следующая схема именования: g_[type]_[selector]
где type,
* text
* url
* number
* class
* tag

selector - селектор блока или элемента с заменой дефисов на нижнее подчеркивание (модификаций там нет!)

например
```
<div class="g-tooltip {$g_class_tooltip}">? // добавочные классы - модификации и т.д.
	<div class="g-tooltip-msg g-tooltip__msg">
		{$g_text_tooltip__msg} // текст тултипа
	</div>
</div>
```

Передача состояний g_[type]_[state]_[block_selector]

где type,
* has
* is
* disable
* enable

Например,

сообщение об ошибке в каптче - g_has_error_form_captcha,

флаг что поле обязательное - g_is_required_form_captcha и т.д.

*/
/*doc

# Имена шаблонов

В шаблоне может быть три типа контента: блок, страница, mode страницы

Если блок то шаблон должен называться block.[класс блока].tpl, например block.g-auth.tpl

Если страница: page.[имя страницы].tpl, например page.g-user.tpl

* В коде добавляется обертка с классом .g-page.g-page-user (пустышка)

Если мод страницы: page.[имя страницы].[мод], например page.g-user.forgot_password.tpl

* В коде добавляется обертка .g-page.g-page-user.g-page-user--forgot-password

*/
/*doc
# Общие правила

Не использовать множественное число, вместо, например, controls - пишем control-list

*/
/*doc
# Скачать файл

```ex
<div class="g-panel g-panel--small">
	<div class="g-file">
		<div class="g-file__col g-file__col--icon g-file__col--icon-pdf"></div>
		<div class="g-file__col g-file__col--title">Технические характеристики</div>
		<div class="g-file__col g-file__col--size">Размер файла: 16Kb</div>
		<div class="g-file__col g-file__col--button">
			<button class="g-button">Скачать</button>
		</div>
	</div>
</div>

<div class="g-panel g-panel--small">
	<div class="g-file">
		<div class="g-file__col g-file__col--icon"></div>
		<div class="g-file__col g-file__col--title">Технические характеристики</div>
		<div class="g-file__col g-file__col--size">Размер файла: 16Kb</div>
		<div class="g-file__col g-file__col--button">
			<button class="g-button">Скачать</button>
		</div>
	</div>
</div>
```
*/
.g-file {
  display: table;
  box-sizing: border-box;
  width: 100%;
  font-size: 15px;
  line-height: 1.2; }

.g-file__col {
  display: table-cell;
  vertical-align: middle; }

.g-file__col--title {
  position: relative;
  width: 65%;
  -ms-text-justify: newspaper;
  text-justify: newspaper;
  text-align: justify;
  font-size: 0; }
  .g-file__col--title::after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: "";
    display: inline-block; }

.g-file__link {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
  font-size: 15px; }
  .g-file__link:hover {
    text-decoration: underline; }

.g-file__size {
  display: inline-block;
  /*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22property%22%2C%22name%22%3A%22color%22%2C%22value%22%3A%22lighten%28%24color-text%2C%2022.8%25%29%22%7D*/
  color: #828282;
  text-align: left;
  font-size: 13px; }

.g-file__col--button {
  text-align: right;
  padding-left: 0.66667em; }

.g-file__value {
  /*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22property%22%2C%22name%22%3A%22color%22%2C%22value%22%3A%22darken%28%24color-text%2C%208.3%25%29%22%7D*/
  color: #333333; }

.g-file__param--tooltip {
  /*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22property%22%2C%22name%22%3A%22color%22%2C%22value%22%3A%22%24color-g-file__param--tooltip%22%7D*/
  color: #978f6b; }

.g-file__value--tooltip {
  /*%7B%22csspatch%22%3Atrue%2C%22type%22%3A%22property%22%2C%22name%22%3A%22color%22%2C%22value%22%3A%22%24color-g-file__value--tooltip%22%7D*/
  color: #333; }

/*
//@ sourceMappingURL=files.css.map
//# sourceMappingURL=files.css.map
*/