Commit 7f87d6f93abb028f1ee59eb065a2a44e4167d6d1

Authored by Yarik
1 parent 7a686bc3

Modals.

backend/controllers/FeedbackController.php 0 → 100755
  1 +<?php
  2 +
  3 +namespace backend\controllers;
  4 +
  5 +use common\models\Feedback;
  6 +use common\models\FeedbackSearch;
  7 +use Yii;
  8 +use yii\web\Controller;
  9 +use yii\web\NotFoundHttpException;
  10 +use yii\filters\VerbFilter;
  11 +use developeruz\db_rbac\behaviors\AccessBehavior;
  12 +
  13 +class FeedbackController extends Controller
  14 +{
  15 + /**
  16 + * @inheritdoc
  17 + */
  18 + public function behaviors()
  19 + {
  20 + return [
  21 + 'access'=>[
  22 + 'class' => AccessBehavior::className(),
  23 + 'rules' =>
  24 + ['site' =>
  25 + [
  26 + [
  27 + 'actions' => ['login', 'error'],
  28 + 'allow' => true,
  29 + ]
  30 + ]
  31 + ]
  32 + ],
  33 + 'verbs' => [
  34 + 'class' => VerbFilter::className(),
  35 + 'actions' => [
  36 + 'delete' => ['POST'],
  37 + ],
  38 + ],
  39 + ];
  40 + }
  41 +
  42 + /**
  43 + * Lists all Feedback models.
  44 + * @return mixed
  45 + */
  46 + public function actionIndex()
  47 + {
  48 + $searchModel = new FeedbackSearch();
  49 + $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
  50 +
  51 + return $this->render('index', [
  52 + 'searchModel' => $searchModel,
  53 + 'dataProvider' => $dataProvider,
  54 + ]);
  55 + }
  56 +
  57 + /**
  58 + * Deletes an existing Feedback model.
  59 + * If deletion is successful, the browser will be redirected to the 'index' page.
  60 + * @param integer $id
  61 + * @return mixed
  62 + */
  63 + public function actionDelete($id)
  64 + {
  65 + $this->findModel($id)->delete();
  66 +
  67 + return $this->redirect(['index']);
  68 + }
  69 +
  70 + /**
  71 + * Finds the Feedback model based on its primary key value.
  72 + * If the model is not found, a 404 HTTP exception will be thrown.
  73 + * @param integer $id
  74 + * @return Feedback the loaded model
  75 + * @throws NotFoundHttpException if the model cannot be found
  76 + */
  77 + protected function findModel($id)
  78 + {
  79 + if (($model = Feedback::findOne($id)) !== null) {
  80 + return $model;
  81 + } else {
  82 + throw new NotFoundHttpException('The requested page does not exist.');
  83 + }
  84 + }
  85 +}
... ...
backend/views/feedback/index.php 0 → 100644
  1 +<?php
  2 + use common\models\FeedbackSearch;
  3 + use yii\bootstrap\Html;
  4 + use yii\data\ActiveDataProvider;
  5 + use yii\grid\GridView;
  6 + use yii\web\View;
  7 + /**
  8 + * @var ActiveDataProvider $dataProvider
  9 + * @var FeedbackSearch $searchModel
  10 + * @var View $this
  11 + */
  12 + $this->title = 'Feedback';
  13 + $this->params['breadcrumbs'][] = $this->title;
  14 +?>
  15 +<div class="feedback-index">
  16 +
  17 + <h1><?= Html::encode($this->title) ?></h1>
  18 + <?= GridView::widget([
  19 + 'dataProvider' => $dataProvider,
  20 + 'filterModel' => $searchModel,
  21 + 'columns' => [
  22 + ['class' => 'yii\grid\SerialColumn'],
  23 + 'feedback_id',
  24 + 'name',
  25 + 'phone',
  26 + 'date_add:date',
  27 + [
  28 + 'class' => 'yii\grid\ActionColumn',
  29 + 'template' => '{delete}',
  30 + ],
  31 + ],
  32 + ]); ?>
  33 +</div>
0 34 \ No newline at end of file
... ...
backend/views/layouts/main-sidebar.php
... ... @@ -157,6 +157,12 @@ use yii\widgets\Menu;
157 157 'options' => ['class'=>\Yii::$app->user->can('artbox-comments') ? '' :'hide'],
158 158 ],
159 159 [
  160 + 'template'=>'<a href="{url}"> <i class="glyphicon glyphicon-comment"></i> <span>{label}</span></a>',
  161 + 'label' => 'Обратная связь',
  162 + 'url' => ['/feedback'],
  163 + 'options' => ['class'=>\Yii::$app->user->can('feedback') ? '' :'hide'],
  164 + ],
  165 + [
160 166 'label' => 'Настройка ролей',
161 167 'template'=>'<a href="{url}"> <i class="glyphicon glyphicon-cog"></i> <span>{label}</span></a>',
162 168 'active' => preg_match('/^user.*$/', $this->context->id)
... ...
common/config/main.php
... ... @@ -15,7 +15,6 @@ return [
15 15 ]
16 16 ],
17 17 ],
18   -
19 18 'sms' => [
20 19 'class' => 'common\components\SmsSender',
21 20 ],
... ...
common/models/Feedback.php 0 → 100644
  1 +<?php
  2 +
  3 +namespace common\models;
  4 +
  5 +use Yii;
  6 +use yii\behaviors\AttributeBehavior;
  7 +use yii\behaviors\TimestampBehavior;
  8 +use yii\db\ActiveRecord;
  9 +
  10 +/**
  11 + * This is the model class for table "feedback".
  12 + *
  13 + * @property integer $feedback_id
  14 + * @property string $name
  15 + * @property string $phone
  16 + * @property integer $date_add
  17 + * @property string $ip
  18 + */
  19 +class Feedback extends \yii\db\ActiveRecord
  20 +{
  21 +
  22 + const SCENARIO_FEEDBACK = 'feedback';
  23 + const SCENARIO_CALLBACK = 'callback';
  24 +
  25 + /**
  26 + * @inheritdoc
  27 + */
  28 + public static function tableName()
  29 + {
  30 + return 'feedback';
  31 + }
  32 +
  33 + /**
  34 + * @inheritdoc
  35 + */
  36 + public function scenarios()
  37 + {
  38 + $scenarios = parent::scenarios();
  39 + $scenarios = array_merge($scenarios, [
  40 + self::SCENARIO_FEEDBACK => ['name', 'phone'],
  41 + self::SCENARIO_CALLBACK => ['phone'],
  42 + ]);
  43 + return $scenarios;
  44 + }
  45 +
  46 + /**
  47 + * @inheritdoc
  48 + */
  49 + public function behaviors()
  50 + {
  51 + return [
  52 + [
  53 + 'class' => TimestampBehavior::className(),
  54 + 'createdAtAttribute' => 'date_add',
  55 + 'updatedAtAttribute' => false,
  56 + ],
  57 + [
  58 + 'class' => AttributeBehavior::className(),
  59 + 'attributes' => [
  60 + ActiveRecord::EVENT_BEFORE_INSERT => 'ip',
  61 + ],
  62 + 'value' => function($event) {
  63 + return \Yii::$app->request->userIP;
  64 + },
  65 + ]
  66 + ];
  67 + }
  68 +
  69 + /**
  70 + * @inheritdoc
  71 + */
  72 + public function rules()
  73 + {
  74 + return [
  75 + [['phone', 'name'], 'required'],
  76 + [['phone'], 'match', 'pattern' => '/^\+38\(\d{3}\)\d{3}-\d{2}-\d{2}$/'],
  77 + [['name', 'phone'], 'string', 'max' => 255],
  78 + ];
  79 + }
  80 +
  81 + /**
  82 + * @inheritdoc
  83 + */
  84 + public function attributeLabels()
  85 + {
  86 + return [
  87 + 'feedback_id' => Yii::t('app', 'Feedback ID'),
  88 + 'name' => Yii::t('app', 'Имя'),
  89 + 'phone' => Yii::t('app', 'Телефон'),
  90 + 'date_add' => Yii::t('app', 'Date Add'),
  91 + 'ip' => Yii::t('app', 'Ip'),
  92 + ];
  93 + }
  94 +}
... ...
common/models/FeedbackSearch.php 0 → 100755
  1 +<?php
  2 +
  3 + namespace common\models;
  4 +
  5 + use yii\data\ActiveDataProvider;
  6 +
  7 + class FeedbackSearch extends Feedback
  8 + {
  9 +
  10 + /**
  11 + * @inheritdoc
  12 + */
  13 + public function rules()
  14 + {
  15 + return [
  16 + [
  17 + [ 'feedback_id' ],
  18 + 'integer',
  19 + ],
  20 + [
  21 + [
  22 + 'name',
  23 + 'phone',
  24 + 'ip',
  25 + 'date_add',
  26 + ],
  27 + 'safe',
  28 + ],
  29 + ];
  30 + }
  31 +
  32 + /**
  33 + * @inheritdoc
  34 + */
  35 + public function scenarios()
  36 + {
  37 + return Feedback::scenarios();
  38 + }
  39 +
  40 + /**
  41 + * Creates data provider instance with search query applied
  42 + *
  43 + * @param array $params
  44 + *
  45 + * @return ActiveDataProvider
  46 + */
  47 + public function search($params)
  48 + {
  49 + $query = Feedback::find();
  50 +
  51 + // add conditions that should always apply here
  52 +
  53 + $dataProvider = new ActiveDataProvider([
  54 + 'query' => $query,
  55 + ]);
  56 +
  57 + $this->load($params);
  58 +
  59 + if(!$this->validate()) {
  60 + // uncomment the following line if you do not want to return any records when validation fails
  61 + // $query->where('0=1');
  62 + return $dataProvider;
  63 + }
  64 +
  65 + // grid filtering conditions
  66 + $query->andFilterWhere([
  67 + 'feedback_id' => $this->feedback_id,
  68 + ]);
  69 +
  70 + $query->andFilterWhere([
  71 + 'like',
  72 + 'name',
  73 + $this->name,
  74 + ])
  75 + ->andFilterWhere([
  76 + 'like',
  77 + 'phone',
  78 + $this->phone,
  79 + ])
  80 + ->andFilterWhere([
  81 + 'like',
  82 + 'ip',
  83 + $this->ip,
  84 + ]);
  85 +
  86 + return $dataProvider;
  87 + }
  88 + }
... ...
common/models/Orders.php
1 1 <?php
2   -namespace common\models;
3   -
4   -use Yii;
5   -use yii\web\Session;
6   -use common\modules\product\models\ProductVariant;
7   -
8   -class Orders extends \yii\db\ActiveRecord
9   -{
10   - private $data;
11   - public static function tableName()
  2 + namespace common\models;
  3 +
  4 + use Yii;
  5 + use yii\web\Session;
  6 + use common\modules\product\models\ProductVariant;
  7 +
  8 + class Orders extends \yii\db\ActiveRecord
12 9 {
13   - return 'orders';
14   - }
15   -
16   - public function rules()
17   - {
18   - return [
19   - [['name', 'phone'], 'required'],
20   - [['comment'], 'safe'],
21   - [['email'],'email'],
22   - ];
23   - }
24   -
25   - public function attributeLabels()
26   - {
27   - return [
28   - 'name' => 'Ф.И.О',
29   - 'phone'=>'Контактный телефон',
30   - 'email'=>'email',
31   - 'comment'=>'Комментарии',
32   - ];
33   - }
34   -
35   - public function beforeSave($insert) {
36   - $this->user_id = Yii::$app->user->id;
37   - $this->date_time = new \yii\db\Expression('NOW()');
38   - return parent::beforeSave($insert);
39   - }
40   -
41   - public function beforeDelete() {
42   - return parent::beforeDelete();
43   - }
44   -
45   -
46   - public function addBasket ($mod_id, $count)
47   - {
48   - $session = new Session;
49   - $session->open ();
50   - $data = $session['basket'];
51   - $i = 0;
52   - if (isset($session['basket']))
53   - {
54   - foreach ($session['basket'] as $key => $basket)
55   - {
56   - if ($mod_id == $basket['id'])
57   - {
58   - $data[$key]['count'] += $count;
59   - $session['basket'] = $data;
60   - $i++;
  10 +
  11 + const SCENARIO_QUICK = 'quick';
  12 +
  13 + private $data;
  14 +
  15 + public static function tableName()
  16 + {
  17 + return 'orders';
  18 + }
  19 +
  20 + public function scenarios()
  21 + {
  22 + $scenarios = array_merge(parent::scenarios(), [
  23 + self::SCENARIO_QUICK => [ 'phone' ],
  24 + ]);
  25 + return $scenarios;
  26 + }
  27 +
  28 + public function rules()
  29 + {
  30 + return [
  31 + [
  32 + [
  33 + 'name',
  34 + 'phone',
  35 + ],
  36 + 'required',
  37 + ],
  38 + [
  39 + [ 'comment' ],
  40 + 'safe',
  41 + ],
  42 + [
  43 + [ 'email' ],
  44 + 'email',
  45 + ],
  46 + [
  47 + [ 'phone' ],
  48 + 'match',
  49 + 'pattern' => '/^\+38\(\d{3}\)\d{3}-\d{2}-\d{2}$/',
  50 + 'on' => self::SCENARIO_QUICK,
  51 + ],
  52 + ];
  53 + }
  54 +
  55 + public function attributeLabels()
  56 + {
  57 + return [
  58 + 'name' => 'Ф.И.О',
  59 + 'phone' => 'Контактный телефон',
  60 + 'email' => 'email',
  61 + 'comment' => 'Комментарии',
  62 + ];
  63 + }
  64 +
  65 + public function beforeSave($insert)
  66 + {
  67 + $this->user_id = Yii::$app->user->id;
  68 + $this->date_time = new \yii\db\Expression('NOW()');
  69 + return parent::beforeSave($insert);
  70 + }
  71 +
  72 + public function beforeDelete()
  73 + {
  74 + return parent::beforeDelete();
  75 + }
  76 +
  77 + public function addBasket($mod_id, $count)
  78 + {
  79 + $session = new Session;
  80 + $session->open();
  81 + $data = $session[ 'basket' ];
  82 + $i = 0;
  83 + if(isset( $session[ 'basket' ] )) {
  84 + foreach($session[ 'basket' ] as $key => $basket) {
  85 + if($mod_id == $basket[ 'id' ]) {
  86 + $data[ $key ][ 'count' ] += $count;
  87 + $session[ 'basket' ] = $data;
  88 + $i++;
  89 + }
61 90 }
62 91 }
  92 + if($i == 0) {
  93 + $data[] = [
  94 + 'id' => $mod_id,
  95 + 'count' => $count,
  96 + ];
  97 + $session[ 'basket' ] = $data;
  98 + }
63 99 }
64   - if ($i == 0)
  100 +
  101 + public function rowBasket()
65 102 {
66   - $data[] = ['id' => $mod_id, 'count' => $count];
67   - $session['basket'] = $data;
  103 + $session = new Session;
  104 + $session->open();
  105 + $cost = 0;
  106 + $count = 0;
  107 + if(isset( $session[ 'basket' ] ) && count($session[ 'basket' ])) {
  108 + foreach($session[ 'basket' ] as $product) {
  109 + $count += $product[ 'count' ];
  110 + }
  111 + }
  112 +
  113 + return (object) [
  114 + 'cost' => $cost,
  115 + 'count' => $count,
  116 + ];
68 117 }
69   - }
70   -
71   -
72   - public function rowBasket ()
73   - {
74   - $session = new Session;
75   - $session->open ();
76   - $cost = 0;
77   - $count = 0;
78   - if (isset($session['basket']) && count ($session['basket']))
79   - {
80   - foreach ($session['basket'] as $product)
81   - {
82   - $count += $product['count'];
  118 +
  119 + public function deleteBasketMod($id)
  120 + {
  121 + $session = new Session;
  122 + $session->open();
  123 + $basket = $session[ 'basket' ];
  124 + foreach($basket as $key => $product) {
  125 + if($id == $product[ 'id' ]) {
  126 + unset( $basket[ $key ] );
  127 + }
83 128 }
  129 + $session[ 'basket' ] = $basket;
84 130 }
85   -
86   - return (object)['cost' => $cost, 'count' => $count];
87   - }
88   -
89   -
90   - public function deleteBasketMod ($id)
91   - {
92   - $session = new Session;
93   - $session->open ();
94   - $basket = $session['basket'];
95   - foreach ($basket as $key => $product)
  131 +
  132 + public function updateBasket($row)
96 133 {
97   - if ($id == $product['id']) unset($basket[$key]);
  134 + $session = new Session;
  135 + $session->open();
  136 + //$data = array();
  137 + if($row[ 'count' ] > 0) {
  138 + $this->data[] = [
  139 + 'id' => $row[ 'id' ],
  140 + 'count' => $row[ 'count' ],
  141 + ];
  142 + }
  143 + $session[ 'basket' ] = $this->data;
98 144 }
99   - $session['basket'] = $basket;
100   - }
101   -
102   - public function updateBasket ($row)
103   - {
104   - $session = new Session;
105   - $session->open ();
106   - //$data = array();
107   - if ($row['count'] > 0) $this->data[] = ['id' => $row['id'], 'count' => $row['count']];
108   - $session['basket'] = $this->data;
109   - }
110   -
111   -
112   - public function getBasketMods ()
113   - {
114   - $session = new Session;
115   - $session->open ();
116   - $products = [];
117   - if (empty($session['basket'])) return [];
118   - foreach ($session['basket'] as $product)
119   - {
120   - $row = ProductVariant::find ()->select (['product_variant.*', 'product.name as product_name', 'product.alias'])
121   - ->where (['product_variant.product_variant_id' => $product['id']])
122   - ->leftJoin ('product', 'product.product_id = product_variant.product_id')
123   - ->one ();
124   - $row->count = $product['count'];
125   - $row->sum_cost = $product['count'] * $row->price;
126   - $products[] = $row;
127   - }
128   -
129   - return $products;
130   - }
131   -
132   - public function getSumCost ()
133   - {
134   - $session = new Session;
135   - $session->open ();
136   - $cost = 0;
137   - if (empty($session['basket'])) return false;
138   - foreach ($session['basket'] as $product)
139   - {
140   - $cost += ($this->getModCost ($product['id']) * $product['count']);
141   - }
142   -
143   - return $cost;
144   - }
145   -
146   - private function getModCost ($mod_id)
147   - {
148   - $mod = ProductVariant::find ()->where (['product_variant_id' => $mod_id])->one ();
149   -
150   - return $mod->price;
151   - }
152   - public function clearBasket ()
153   - {
154   - $session = new Session;
155   - $session->open ();
156   - $session['basket'] = null;
157   - }
158   - public function getUser()
159   - {
160   - return $this->hasOne(User::className(), ['id' => 'user_id']);
161   - }
162   -
163   - public function getProducts()
164   - {
165   - return $this->hasMany(OrdersProducts::className(), ['order_id' => 'id']);
166   - }
167   -}
168 145 \ No newline at end of file
  146 +
  147 + public function getBasketMods()
  148 + {
  149 + $session = new Session;
  150 + $session->open();
  151 + $products = [];
  152 + if(empty( $session[ 'basket' ] )) {
  153 + return [];
  154 + }
  155 + foreach($session[ 'basket' ] as $product) {
  156 + $row = ProductVariant::find()
  157 + ->select([
  158 + 'product_variant.*',
  159 + 'product.name as product_name',
  160 + 'product.alias',
  161 + ])
  162 + ->where([ 'product_variant.product_variant_id' => $product[ 'id' ] ])
  163 + ->leftJoin('product', 'product.product_id = product_variant.product_id')
  164 + ->one();
  165 + $row->count = $product[ 'count' ];
  166 + $row->sum_cost = $product[ 'count' ] * $row->price;
  167 + $products[] = $row;
  168 + }
  169 +
  170 + return $products;
  171 + }
  172 +
  173 + public function getSumCost()
  174 + {
  175 + $session = new Session;
  176 + $session->open();
  177 + $cost = 0;
  178 + if(empty( $session[ 'basket' ] )) {
  179 + return false;
  180 + }
  181 + foreach($session[ 'basket' ] as $product) {
  182 + $cost += ( $this->getModCost($product[ 'id' ]) * $product[ 'count' ] );
  183 + }
  184 +
  185 + return $cost;
  186 + }
  187 +
  188 + private function getModCost($mod_id)
  189 + {
  190 + $mod = ProductVariant::find()
  191 + ->where([ 'product_variant_id' => $mod_id ])
  192 + ->one();
  193 +
  194 + return $mod->price;
  195 + }
  196 +
  197 + public function clearBasket()
  198 + {
  199 + $session = new Session;
  200 + $session->open();
  201 + $session[ 'basket' ] = NULL;
  202 + }
  203 +
  204 + public function getUser()
  205 + {
  206 + return $this->hasOne(User::className(), [ 'id' => 'user_id' ]);
  207 + }
  208 +
  209 + public function getProducts()
  210 + {
  211 + return $this->hasMany(OrdersProducts::className(), [ 'order_id' => 'id' ]);
  212 + }
  213 + }
169 214 \ No newline at end of file
... ...
console/migrations/m160905_154051_create_table_feedback.php 0 → 100644
  1 +<?php
  2 +
  3 + use yii\db\Migration;
  4 +
  5 + class m160905_154051_create_table_feedback extends Migration
  6 + {
  7 +
  8 + public function up()
  9 + {
  10 + $this->createTable('{{%feedback}}', [
  11 + 'feedback_id' => $this->primaryKey(),
  12 + 'name' => $this->string(),
  13 + 'phone' => $this->string()
  14 + ->notNull(),
  15 + 'date_add' => $this->integer(),
  16 + 'ip' => $this->string(),
  17 + ]);
  18 + }
  19 +
  20 + public function down()
  21 + {
  22 + $this->dropTable('{{%feedback}}');
  23 + }
  24 + }
... ...
frontend/controllers/AjaxController.php 0 → 100755
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use common\models\Feedback;
  6 +use yii\web\Controller;
  7 +
  8 +class AjaxController extends Controller
  9 +{
  10 + public function actionFeedback() {
  11 + $response = \Yii::$app->response;
  12 + $response->format = $response::FORMAT_JSON;
  13 + $request = \Yii::$app->request;
  14 + $model = new Feedback([
  15 + 'scenario' => Feedback::SCENARIO_FEEDBACK,
  16 + ]);
  17 + if($model->load($request->post())) {
  18 + if($model->validate()) {
  19 + $model->save(false);
  20 + return [
  21 + 'result' => 'Запрос успешно отправлен.',
  22 + ];
  23 + } else {
  24 + return [
  25 + 'error' => 'Validation failed',
  26 + 'result' => [
  27 + 'errors' => $model->getFirstErrors(),
  28 + ],
  29 + ];
  30 + }
  31 + }
  32 + $response->statusCode = 400;
  33 + $response->statusText = 'Empty request';
  34 + return ['error' => 'Empty request'];
  35 + }
  36 +}
0 37 \ No newline at end of file
... ...
frontend/controllers/OrderController.php
... ... @@ -7,6 +7,8 @@ use common\models\Customer;
7 7 use common\models\OrdersProducts;
8 8 use common\widgets\Mailer;
9 9 use Yii;
  10 +use yii\base\InvalidConfigException;
  11 +use yii\base\InvalidParamException;
10 12 use yii\helpers\ArrayHelper;
11 13 use yii\web\Controller;
12 14 use common\models\Basket;
... ... @@ -144,5 +146,50 @@ class OrderController extends Controller
144 146  
145 147 ]);
146 148 }
  149 +
  150 + public function actionQuick() {
  151 + $response = \Yii::$app->response;
  152 + $request = \Yii::$app->request;
  153 + $response->format = $response::FORMAT_JSON;
  154 + $product_variant_id = (int) $request->post('product_variant_id');
  155 + $orders = new Orders([
  156 + 'scenario' => Orders::SCENARIO_QUICK,
  157 + 'name' => 'Покупка в 1 клик',
  158 + ]);
  159 + if(!empty($product_variant_id)) {
  160 + /**
  161 + * @var ProductVariant $product_variant
  162 + */
  163 + $product_variant = ProductVariant::findOne($product_variant_id);
  164 + } else {
  165 + throw new InvalidParamException('Не указан товар');
  166 + }
  167 + if(!empty($product_variant) && $orders->load($request->post()) && $orders->save()) {
  168 + if($product_variant->stock <= 0 || $product_variant->price <= 0) {
  169 + $orders->delete();
  170 + return [
  171 + 'error' => 'К сожалению товара '.$product_variant->name.' нет в наличии',
  172 + ];
  173 + } else {
  174 + $order_product = new OrdersProducts([
  175 + 'order_id' => $orders->id,
  176 + 'product_name' => $product_variant->product->name,
  177 + 'name' => $product_variant->name,
  178 + 'price' => $product_variant->price,
  179 + 'count' => 1,
  180 + 'sum_cost' => $product_variant->price,
  181 + 'mod_id' => $product_variant->product_variant_id,
  182 + 'sku' => $product_variant->sku,
  183 + ]);
  184 + $order_product->save();
  185 + return [
  186 + 'result' => 'Спасибо за заказ! Наши менеджеры свяжутся с Вами в ближайшее время.'
  187 + ];
  188 + }
  189 + } else {
  190 + throw new InvalidConfigException('Товар не найден или не удалось загрузить данные о покупателе.');
  191 + }
  192 +
  193 + }
147 194  
148 195 }
... ...
frontend/views/catalog/product.php
1 1 <?php
2   -
3   -use common\components\artboximage\ArtboxImageHelper;
4   -use frontend\assets\FotoramaAsset;
5   -use frontend\widgets\Seo;
6   -use common\modules\comment\widgets\CommentWidget;
7   -//FotoramaAsset::register($this);
8   -$this->params[ 'seo' ][ 'key' ] = $category->name;
9   -$this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname;
10   -$this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname;
11   -$this->title = $product->fullname;
12   -
13   -$this->params[ 'breadcrumbs' ][] = [
14   - 'label' => $category->name,
15   - 'url' => [
16   - 'catalog/category',
17   - 'category' => $category,
18   - ],
19   -];
20   -$this->params[ 'breadcrumbs' ][] = $product->fullname . ' #' . $product->enabledVariants[ 0 ]->sku;
  2 +
  3 + use common\components\artboximage\ArtboxImageHelper;
  4 + use common\models\Orders;
  5 + use frontend\assets\FotoramaAsset;
  6 + use frontend\widgets\Seo;
  7 + use common\modules\comment\widgets\CommentWidget;
  8 + use yii\bootstrap\ActiveForm;
  9 + use yii\bootstrap\Html;
  10 + use yii\widgets\MaskedInput;
  11 +
  12 + //FotoramaAsset::register($this);
  13 + $this->params[ 'seo' ][ 'key' ] = $category->name;
  14 + $this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname;
  15 + $this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname;
  16 + $this->title = $product->fullname;
  17 +
  18 + $this->params[ 'breadcrumbs' ][] = [
  19 + 'label' => $category->name,
  20 + 'url' => [
  21 + 'catalog/category',
  22 + 'category' => $category,
  23 + ],
  24 + ];
  25 + $this->params[ 'breadcrumbs' ][] = $product->fullname . ' #' . $product->enabledVariants[ 0 ]->sku;
21 26 ?>
22   - <!-- Табы для слайдера -->
23   - <div class="bigSlidertabs fixed" style="position:fixed;">
24   - <div class="block-100">
25   - <div class="tab1">
26   - <a href="actionlist.htm">
27   - <div class="tab_bg_1"></div>
28   - <p>В данный момент у нас проходит <a href="actionlist.htm">25 акций</p></a>
29   - </a>
30   - </div>
31   - <!--
32   - <div class="tab2" style="display: none;">
33   - <div class="tab_bg_2"></div>
34   - <p>Поступило на продажу <a href="#">10 новинок</a></p>
35   - </div>
36   - -->
37   - </div>
  27 +<!-- Табы для слайдера -->
  28 +<div class="bigSlidertabs fixed" style="position:fixed;">
  29 + <div class="block-100">
  30 + <div class="tab1">
  31 + <a href="actionlist.htm">
  32 + <div class="tab_bg_1"></div>
  33 + <p>В данный момент у нас проходит <a href="actionlist.htm">25 акций</p></a>
  34 + </a>
38 35 </div>
39   -
40   - <div class="wrapper white item_container">
41   - <div class="container">
42   - <div class="product_detail">
43   -
44   - <h1 itemprop="name"><?= Seo::widget([ 'row' => 'h1' ]) ?></h1>
45   - <div class="product_code">Код:<?= $product->variant->sku?></div>
46   - <div class="clearfix"></div>
47   - <!-- Image part -->
48   -
49   - <div class="img_part">
50   -
51   - <div class="position" >
52   - <div class="img_part_big">
53   - <?php if (!empty($product->images)) :?>
54   - <div class="fotorama" data-allowfullscreen="true" data-nav="thumbs">
55   -
56   - <?php foreach($product->images as $image) :?>
57   - <a href="<?=$image->imageUrl ?>">
58   - <?= ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb')?>
59   - </a>
60   - <?php endforeach?>
61   - </div>
62   - <?php else :?>
63   - <div class="fotorama" data-allowfullscreen="true" data-nav="click">
64   -
65   - <a href="<?=$product->imageUrl ?>">
66   - <?= ArtboxImageHelper::getImage($product->imageUrl, 'product_trumb')?>
67   - </a>
68   -
69   - </div>
70   - <?php endif?>
71   - </div>
72   -
73   -
74   -
75   -
76   -
77   - <div class="clearfix"></div>
78   -
79   -
80   - <ul class="detail_main_tabs">
81   - <li class="properties">
82   - <a href="#characteristics" onclick="return false;">
83   - <span class="text">Характеристики и описание</span>
84   - </a>
85   - <span class="icon"></span>
86   - <span class="arr"></span>
87   - </li>
88   -
89   - <li class="product_collection">
90   - <a href="#collection" onclick="return false;">
91   - <span class="text">Коллекция</span>
92   - </a>
93   - <span class="icon"></span>
94   - <span class="arr"></span>
95   - </li>
96   -
97   - <li class="comments">
98   - <a href="#reviews" onclick="return false;">
99   - <span class="text">Написать отзыв</span>
  36 + <!--
  37 + <div class="tab2" style="display: none;">
  38 + <div class="tab_bg_2"></div>
  39 + <p>Поступило на продажу <a href="#">10 новинок</a></p>
  40 + </div>
  41 + -->
  42 + </div>
  43 +</div>
  44 +
  45 +<div class="wrapper white item_container">
  46 + <div class="container">
  47 + <div class="product_detail">
  48 +
  49 + <h1 itemprop="name"><?= Seo::widget([ 'row' => 'h1' ]) ?></h1>
  50 + <div class="product_code">Код:<?= $product->variant->sku ?></div>
  51 + <div class="clearfix"></div>
  52 + <!-- Image part -->
  53 +
  54 + <div class="img_part">
  55 +
  56 + <div class="position">
  57 + <div class="img_part_big">
  58 + <?php if(!empty( $product->images )) : ?>
  59 + <div class="fotorama" data-allowfullscreen="true" data-nav="thumbs">
  60 +
  61 + <?php foreach($product->images as $image) : ?>
  62 + <a href="<?= $image->imageUrl ?>">
  63 + <?= ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb') ?>
100 64 </a>
101   - <span class="icon"></span>
102   - <span class="arr"></span>
103   - </li>
104   - </ul>
105   -
106   - <div class="floating_helper_block_wrapper">
107   - <div class="floating_helper_block" style="visibility: visible; opacity: 1;">
108   - <table>
109   - <tbody>
110   - <tr>
111   - <td>
112   -
113   -
114   - <strike><span><span id='old_cost'><?= $product->variant->price_old ?></span></span> грн.</strike>
115   - <span class="cost"><span itemprop="price"><span id='cost'><?= $product->variant->price ?></span></span> <span class="valute">грн.</span></span>
116   - <meta itemprop="priceCurrency" content="UAH">
117   -
118   - </td>
119   - <td>
120   -
121   - <!-- Купить -->
122   -
123   - <a lang="5892" class="btn btnBuy buy_button btn-large1" data-id="<?php echo $product->variant->product_variant_id;?>" data-toggle="modal" data-target="#buyForm">Купить</a>
124   -
125   -
126   -
127   - </td>
128   - <td>
129   - <ul class="wishlike_block ul">
130   - <li class="compare">
131   - <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
132   - <span class="icon"></span>
133   - </li>
134   - <div class="clearfix"></div>
135   - <li class="like">
136   - <a data-toggle="modal" data-target="#myWishlist" href="#">В избранное</a>
137   - <span class="icon"></span>
138   - </li>
139   - </ul>
140   - </td>
141   - </tr>
142   - </tbody>
143   - </table>
144   -
145   - <span class="arr"></span>
146   - <div class="clearfix"></div>
147   - </div>
  65 + <?php endforeach ?>
148 66 </div>
  67 + <?php else : ?>
  68 + <div class="fotorama" data-allowfullscreen="true" data-nav="click">
  69 +
  70 + <a href="<?= $product->imageUrl ?>">
  71 + <?= ArtboxImageHelper::getImage($product->imageUrl, 'product_trumb') ?>
  72 + </a>
  73 +
  74 + </div>
  75 + <?php endif ?>
  76 + </div>
  77 +
  78 + <div class="clearfix"></div>
  79 +
  80 +
  81 + <ul class="detail_main_tabs">
  82 + <li class="properties" data-target="characteristics">
  83 + <a href="#characteristics">
  84 + <span class="text">Характеристики и описание</span>
  85 + </a>
  86 + <span class="icon"></span>
  87 + <span class="arr"></span>
  88 + </li>
  89 +
  90 + <li class="product_collection" data-target="collection">
  91 + <a href="#collection">
  92 + <span class="text">Коллекция</span>
  93 + </a>
  94 + <span class="icon"></span>
  95 + <span class="arr"></span>
  96 + </li>
  97 +
  98 + <li class="comments" data-target="reviews">
  99 + <a href="#reviews">
  100 + <span class="text">Написать отзыв</span>
  101 + </a>
  102 + <span class="icon"></span>
  103 + <span class="arr"></span>
  104 + </li>
  105 + </ul>
  106 +
  107 + <div class="floating_helper_block_wrapper">
  108 + <div class="floating_helper_block" style="visibility: visible; opacity: 1;">
  109 + <table>
  110 + <tbody>
  111 + <tr>
  112 + <td>
  113 + <strike><span><span id='old_cost'><?= $product->variant->price_old ?></span></span> грн.</strike>
  114 + <span class="cost"><span itemprop="price"><span id='cost'><?= $product->variant->price ?></span></span> <span class="valute">грн.</span></span>
  115 + <meta itemprop="priceCurrency" content="UAH">
  116 + </td>
  117 + <td>
  118 + <!-- Купить -->
  119 + <a lang="5892" class="btn btnBuy buy_button btn-large1" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm">Купить</a>
  120 + </td>
  121 + <td>
  122 + <?php
  123 + /* Compare and favorites buttons to be done
  124 + ?>
  125 + <ul class="wishlike_block ul">
  126 + <li class="compare">
  127 + <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
  128 + <span class="icon"></span>
  129 + </li>
  130 + <div class="clearfix"></div>
  131 + <li class="like">
  132 + <a data-toggle="modal" data-target="#myWishlist" href="#">В избранное</a>
  133 + <span class="icon"></span>
  134 + </li>
  135 + </ul>
  136 + */
  137 + ?>
  138 + </td>
  139 + </tr>
  140 + </tbody>
  141 + </table>
  142 +
  143 + <span class="arr"></span>
  144 + <div class="clearfix"></div>
149 145 </div>
150   - </div><!-- EOF Image part -->
151   -
152   - <!-- Info table -->
153   -
154   - <div class="info" style="height: auto; opacity: 1;">
155   -
156   - <table class="info_table">
157   - <colgroup>
158   - <col style="width: 280px;">
159   - <col style="width: 35px;">
160   - <col>
161   - </colgroup>
162   - <tbody>
163   - <tr>
164   -
165   -
166   -
167   - <td class="left_count available">
168   - под заказ </td>
169   -
170   - <td rowspan="2" class="spacer">&nbsp;</td>
171   - <td class="right_block" rowspan="2">
172   - <table>
173   - <tbody>
174   - <tr>
175   - <td class="warranty_block">
176   - <div class="">
177   - <ul class="ul">
178   - <li class="delivery">
179   - <div class="title">Быстрая доставка</div>
180   - <div class="descr">
181   - <p>В любой уголок <span class="strong black">Украины:</span><br>
182   - — Самовывоз Новая Почта - 55 грн.<br>
183   - — Курьер Новая Почта - 88 грн.<br>
184   - — Курьер «ИнТайм» - 60 грн.</p>
185   -
186   - <p><span class="strong black">Киев</span>:<br>
187   - — Курьер - <s>50 грн.</s> <span class="bold black up">бесплатно!</span> <span class="star_info">*</span><br>
188   - — Самовывоз - <span class="up bold black">бесплатно!</span><br>
189   - — Пункт Новой Почты - <s>55 грн.</s> <span class="bold black up">бесплатно!</span> <span class="star_info">*</span></p>
190   -
191   - <p><span class="star_info">* Стоимость расчитана для оформляемого заказа</span></p>
192   - <span class="icon"></span>
193   - </div>
194   - </li>
195   - <li class="product_back">
196   - <div class="title">14 дней на обмен</div>
197   - <div class="descr">без лишних вопросов. Почитайте <span class="ajax_link" data-toggle="modal" data-target="#returnСonditions" onclick="">условия возврата</span></div>
198   - <span class="icon"></span>
199   - </li>
200   - <li class="warranty">
201   - <div class="title">12 месяцев гарантии</div>
202   - <div class="descr">официальной от производителя</div>
203   - <span class="icon"></span>
204   - </li>
205   - <li>
206   - <div class="title">Условия доставки люстра
207   - Elstead
208   - : Киев и вся Украина</div>
209   - <div class="descr">
210   - Лінія світла - электронный магазин, который обеспечит доставку товаров раздела - люстра Элстед жителям городов: Херсон, а так же др. города Украины. </div>
211   - </li>
212   - </ul>
213   - </div>
214   - </td>
215   - </tr>
216   - </tbody>
217   - </table>
218   - </td>
219   - </tr>
220   -
221   - <tr>
222   - <td class="price_block">
223   - <div class="price_block_container">
224   -
225   -
226   - <div class="price">
  146 + </div>
  147 + </div>
  148 + </div><!-- EOF Image part -->
  149 +
  150 + <!-- Info table -->
  151 +
  152 + <div class="info" style="height: auto; opacity: 1;">
  153 +
  154 + <table class="info_table">
  155 + <colgroup>
  156 + <col style="width: 280px;">
  157 + <col style="width: 35px;">
  158 + <col>
  159 + </colgroup>
  160 + <tbody>
  161 + <tr>
  162 + <td class="left_count available">
  163 + под заказ
  164 + </td>
  165 + <td rowspan="2" class="spacer">&nbsp;</td>
  166 + <td class="right_block" rowspan="2">
  167 + <table>
  168 + <tbody>
  169 + <tr>
  170 + <td class="warranty_block">
  171 + <div class="">
  172 + <ul class="ul">
  173 + <li class="delivery">
  174 + <div class="title">Быстрая доставка</div>
  175 + <div class="descr">
  176 + <p>В любой уголок
  177 + <span class="strong black">Украины:</span><br>
  178 + — Самовывоз Новая Почта - 55 грн.<br>
  179 + — Курьер Новая Почта - 88 грн.<br>
  180 + — Курьер «ИнТайм» - 60 грн.</p>
  181 +
  182 + <p>
  183 + <span class="strong black">Киев</span>:<br>
  184 + — Курьер - <s>50 грн.</s>
  185 + <span class="bold black up">бесплатно!</span>
  186 + <span class="star_info">*</span><br>
  187 + — Самовывоз -
  188 + <span class="up bold black">бесплатно!</span><br>
  189 + — Пункт Новой Почты - <s>55 грн.</s>
  190 + <span class="bold black up">бесплатно!</span>
  191 + <span class="star_info">*</span></p>
  192 +
  193 + <p>
  194 + <span class="star_info">* Стоимость расчитана для оформляемого заказа</span>
  195 + </p>
  196 + <span class="icon"></span>
  197 + </div>
  198 + </li>
  199 + <li class="product_back">
  200 + <div class="title">14 дней на обмен</div>
  201 + <div class="descr">без лишних вопросов. Почитайте
  202 + <span class="ajax_link" data-toggle="modal" data-target="#returnСonditions" onclick="">условия возврата</span>
  203 + </div>
  204 + <span class="icon"></span>
  205 + </li>
  206 + <li class="warranty">
  207 + <div class="title">12 месяцев гарантии</div>
  208 + <div class="descr">официальной от производителя</div>
  209 + <span class="icon"></span>
  210 + </li>
  211 + <li>
  212 + <div class="title">Условия доставки люстра
  213 + Elstead
  214 + : Киев и вся Украина
  215 + </div>
  216 + <div class="descr">
  217 + Лінія світла - электронный магазин, который обеспечит доставку товаров раздела - люстра Элстед жителям городов: Херсон, а так же др. города Украины.
  218 + </div>
  219 + </li>
  220 + </ul>
  221 + </div>
  222 + </td>
  223 + </tr>
  224 + </tbody>
  225 + </table>
  226 + </td>
  227 + </tr>
  228 +
  229 + <tr>
  230 + <td class="price_block">
  231 + <div class="price_block_container">
  232 +
  233 +
  234 + <div class="price">
227 235 <span class="main">
228 236 <span itemprop="price" class="price"><?= $product->variant->price ?></span>
229 237 <span class="currency">&nbsp;грн.</span>
230 238 </span>
231   - </div>
232   -
233   - <div class="follow_price">
  239 + </div>
  240 +
  241 + <div class="follow_price">
  242 + <?php /* Lower price notify
234 243 <a href="#" onclick="" data-toggle="modal" data-target="#price_drop">Узнать о снижении цены</a>
  244 + */ ?>
  245 + </div>
  246 +
  247 + <div class="buy_button">
  248 + <a href="#" class="btn btn-large buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="5892">Купить</a>
  249 + <?php
  250 + /* Payment by Visa and Webmoney
  251 + ?>
  252 + <div class="payment_visa">
  253 + Оплатить
  254 + <a href="payment.htm#privat" target="_blank">
  255 + <span class="visa" onclick="" data-toggle1="modal" data-target1="#buyForm"></span>
  256 + </a>
  257 + <span class="webmoney" onclick="" data-toggle="modal" data-target="#buyForm"></span>
235 258 </div>
236   -
237   - <div class="buy_button">
238   - <a href="#" class="btn btn-large buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="5892">Купить</a>
239   - <div class="payment_visa">
240   - Оплатить
241   - <a href="payment.htm#privat" target="_blank">
242   - <span class="visa" onclick="" data-toggle1="modal" data-target1="#buyForm"></span>
243   - </a>
244   - <span class="webmoney" onclick="" data-toggle="modal" data-target="#buyForm"></span>
245   - </div>
246   - <div class="clearfix"></div>
247   - </div>
248   -
249   - <div class="follow_price">
250   - <a href="#" data-toggle="modal" data-target="#where_buy">где купить?</a>
251   - </div>
252   -
253   - <div class="follow_price">
254   - <a href="#" data-toggle="modal" data-target="#found_cheaper">нашли дешевле?</a>
255   - </div>
256   -
257   - </div>
258   - <ul class="wishlike_block ul hidden">
259   - <li class="compare">
260   - <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
261   - <span class="icon"></span>
262   - </li>
263   - <li class="like">
264   - <a data-toggle="modal" data-target="#myWishlist" class="like" href="#">В избранное</a>
265   - <span class="icon"></span>
266   - </li>
267   - </ul>
268   -
269   - </td>
270   - </tr>
271   -
272   - <tr>
273   - <td>
  259 + */
  260 + ?>
  261 + <div class="clearfix"></div>
  262 + </div>
  263 +
  264 + <div class="follow_price">
  265 + <?php
  266 + /* Where buy
  267 + ?>
  268 + <a href="#" data-toggle="modal" data-target="#where_buy">где купить?</a>
  269 + */
  270 + ?>
  271 + </div>
  272 +
  273 + <div class="follow_price">
  274 + <?php
  275 + /* Find cheaper form
  276 + ?>
  277 + <a href="#" data-toggle="modal" data-target="#found_cheaper">нашли дешевле?</a>
  278 + */
  279 + ?>
  280 + </div>
  281 +
  282 + </div>
  283 + <?php
  284 + /*
  285 + ?>
  286 + <ul class="wishlike_block ul hidden">
  287 + <li class="compare">
  288 + <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
  289 + <span class="icon"></span>
  290 + </li>
  291 + <li class="like">
  292 + <a data-toggle="modal" data-target="#myWishlist" class="like" href="#">В избранное</a>
  293 + <span class="icon"></span>
  294 + </li>
  295 + </ul>
  296 + */
  297 + ?>
  298 + </td>
  299 + </tr>
  300 +
  301 + <tr>
  302 + <td>
  303 + <?php
  304 + if($product->variant->price > 0 && $product->variant->stock > 0) {
  305 + ?>
274 306 <div class="fast_order_form">
275 307 <div class="error_text"></div>
276   - <form action="">
277   - <input type="tel" name="phone" class="input phone" value="" placeholder="(0XX) XXX-XX-XX" required>
278   - <input type="button" lang="5892" value="Заказать в 1 клик" class="btn">
279   - </form>
  308 + <?php
  309 + $quickbuy = new Orders([
  310 + 'scenario' => Orders::SCENARIO_QUICK,
  311 + ]);
  312 + $form = ActiveForm::begin([
  313 + 'id' => 'quickbuy-form',
  314 + ]);
  315 + echo Html::hiddenInput('product_variant_id', $product->variant->product_variant_id);
  316 + echo $form->field($quickbuy, 'phone')
  317 + ->widget(MaskedInput::className(), [
  318 + 'mask' => '+38(999)999-99-99',
  319 + 'options' => [
  320 + 'type' => 'tel',
  321 + 'class' => 'input phone',
  322 + ],
  323 + ])
  324 + ->label(false);
  325 + echo Html::submitInput('Заказать в 1 клик', [ 'class' => 'btn' ]);
  326 + $form::end();
  327 + ?>
280 328 <div class="clearfix"></div>
281 329 </div>
282   - </td>
283   - </tr>
284   -
285   - <tr>
286   - <td>
  330 + <?php
  331 + }
  332 + ?>
  333 + </td>
  334 + </tr>
  335 +
  336 + <tr>
  337 + <td>
  338 + <?php
  339 + if(!empty( $product->averageRating )) {
  340 + ?>
287 341 <div class="rating">
288   - <ul class="ul available" rating="5" product="3901686" product_url="hosta-55810-11-10">
289   - <li class="active"></li>
290   - <li class="active"></li>
291   - <li class="active"></li>
292   - <li class="active"></li>
293   - <li class="active"></li>
294   - </ul>
295   - рейтинг: <span id="product_rate_avg">5</span>&nbsp;&nbsp;
296   - голосов: <span id="product_vote_count">1</span>
  342 + <div class="rateit" data-rateit-value="<?php echo $product->averageRating->value; ?>" data-rateit-ispreset="true" data-rateit-readonly="true"></div>
  343 + рейтинг: <span id="product_rate_avg"><?=$product->averageRating->value?></span>&nbsp;&nbsp;
  344 + голосов: <span id="product_vote_count">
  345 + <?php
  346 + echo count($product->comments);
  347 + ?>
  348 + </span>
297 349 <span class="rating_description" id="rating_description"></span>
298 350 </div>
299   - </td>
300   - <td></td>
301   - </tr>
302   - </tbody>
303   - </table>
304   -
  351 + <?php
  352 + }
  353 + ?>
  354 + </td>
  355 + <td></td>
  356 + </tr>
  357 + </tbody>
  358 + </table>
  359 +
  360 + <div class="clearfix"></div>
  361 +
  362 +
  363 + <div class="detail_tabs_content">
  364 + Мы рекомендуем выбрать люстра Элстед по самой лучшей цене среди интернет каталогов светильников и других осветительных систем в Киеве и Украине
  365 + <div class="clear properties tab_div">
  366 + <h2 id="characteristics">
  367 + Характеристики люстра Elstead FE/LEILA6
  368 + </h2>
  369 +
  370 + <!-- Nav tabs -->
  371 + <ul class="nav nav-tabs property_show_tabs" role="tablist">
  372 + <li role="presentation" class="active">
  373 + <a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">
  374 + <span>Все характеристики</span>
  375 + </a>
  376 + </li>
  377 + <li role="presentation">
  378 + <a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">
  379 + <span style="color:#909090">Описание</span>
  380 + </a>
  381 + </li>
  382 + </ul>
  383 +
  384 + <!-- Tab panes -->
  385 + <div class="tab-content">
  386 + <div role="tabpanel" class="tab-pane active" id="tab1">
  387 +
  388 + <table>
  389 + <tbody>
  390 + <tr class="full short gray">
  391 + <td class="name">ID</td>
  392 + <td class="value"><?= $product->variant->sku ?> </td>
  393 + </tr>
  394 + <tr class="full short">
  395 + <td class="name">Бренд</td>
  396 + <td class="value"><?= $product->brand->name ?></td>
  397 + </tr>
  398 + <?php foreach($product->getActiveProperties($category->category_id) as $group): ?>
  399 + <tr class="full short gray">
  400 + <td class="name"><?= $group->name ?></td>
  401 + <td class="value"><?php foreach($group->_options as $option) : ?>&nbsp;<?= $option->ValueRenderHTML ?><?php endforeach ?></td>
  402 + </tr>
  403 + <?php endforeach; ?>
  404 +
  405 + </tbody>
  406 + </table>
  407 + </div>
  408 + <div role="tabpanel" class="tab-pane" id="tab2">
  409 +
  410 + <div class="block-100">
  411 + <?= $product->description ?>
  412 + </div>
  413 +
  414 + </div>
  415 + </div>
  416 +
305 417 <div class="clearfix"></div>
306   -
307   -
308   - <div class="detail_tabs_content">
309   - Мы рекомендуем выбрать люстра Элстед по самой лучшей цене среди интернет каталогов светильников и других осветительных систем в Киеве и Украине <div class="clear properties tab_div">
310   - <h2 id="characteristics">
311   - Характеристики люстра Elstead FE/LEILA6
312   - </h2>
313   -
314   - <!-- Nav tabs -->
315   - <ul class="nav nav-tabs property_show_tabs" role="tablist">
316   - <li role="presentation" class="active">
317   - <a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">
318   - <span>Все характеристики</span>
319   - </a>
320   - </li>
321   - <li role="presentation">
322   - <a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">
323   - <span style="color:#909090">Описание</span>
324   - </a>
325   - </li>
326   - </ul>
327   -
328   - <!-- Tab panes -->
329   - <div class="tab-content">
330   - <div role="tabpanel" class="tab-pane active" id="tab1">
331   -
332   - <table>
333   - <tbody>
334   - <tr class="full short gray">
335   - <td class="name">ID</td>
336   - <td class="value"><?= $product->variant->sku ?> </td>
337   - </tr>
338   - <tr class="full short">
339   - <td class="name">Бренд</td>
340   - <td class="value"><?= $product->brand->name ?></td>
341   - </tr>
342   - <?php foreach($product->getActiveProperties($category->category_id) as $group): ?>
343   - <tr class="full short gray">
344   - <td class="name"><?= $group->name ?></td>
345   - <td class="value"><?php foreach($group->_options as $option) : ?>&nbsp;<?= $option->ValueRenderHTML ?><?php endforeach ?></td>
346   - </tr>
347   - <?php endforeach; ?>
348   -
349   - </tbody>
350   - </table>
351   - </div>
352   - <div role="tabpanel" class="tab-pane" id="tab2">
353   -
354   - <div class="block-100">
355   - <?= $product->description ?>
  418 + <div class="collection">
  419 + <br/>
  420 + <h2 id="collection">
  421 + Коллекция светильников <!--ДЕКОРА-->
  422 + </h2>
  423 + <?php /* Collection products begin (should be reworked) */ ?>
  424 + <div class="catalog_product_list view_table">
  425 + <div class="catalog_item">
  426 + <div class="wrapper">
  427 + <div class="item_container">
  428 + <div class="title">
  429 + <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">люстра FE/LEILA3</a>
  430 + </div>
  431 + <div class="img">
  432 + <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">
  433 + <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila3/5893_5.jpg" alt="люстра FE/LEILA3" class="selected">
  434 + </a>
  435 + <div class="info_icons">
  436 + <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5893">Купить светильник</a>
  437 + <ul class="ul wishlike_block">
  438 + <li class="compare">
  439 + <a onclick="add2compare(); return false;" class="compare compare_text_link_5893" lang="5893" href="#">К сравнению</a>
  440 + <span class="icon"></span>
  441 + </li>
  442 + <li class="like">
  443 + <a class="like like_text_link_5893" lang="5893" href="#">В избранное</a><span class="icon"></span>
  444 + </li>
  445 + </ul>
  446 + </div>
  447 + </div>
  448 + <div class="price">
  449 + <div class="dlexfduinxipi">
  450 + Цена:
  451 + <span class="main"> 25794.00 <span class="currency">грн</span>
  452 + </span>
  453 + </div>
  454 + </div>
  455 + <div class="additional_info params">
  456 + </div>
  457 + <div class="opacity_bg"></div>
356 458 </div>
357   -
358 459 </div>
359 460 </div>
360   -
361   - <div class="clearfix"></div>
362   - <div class="collection">
363   - <br />
364   - <h2 id="collection">
365   - Коллекция светильников <!--ДЕКОРА-->
366   - </h2>
367   - <div class="catalog_product_list view_table">
368   -
369   -
370   -
371   -
372   -
373   - <div class="catalog_item">
374   - <div class="wrapper">
375   - <div class="item_container">
376   - <div class="title">
377   - <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">люстра FE/LEILA3</a>
378   - </div>
379   - <div class="img">
380   - <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">
381   - <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila3/5893_5.jpg" alt="люстра FE/LEILA3" class="selected">
382   - </a>
383   - <div class="info_icons">
384   - <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5893">Купить светильник</a>
385   - <ul class="ul wishlike_block">
386   - <li class="compare">
387   - <a onclick="add2compare(); return false;" class="compare compare_text_link_5893" lang="5893" href="#">К сравнению</a>
388   - <span class="icon"></span>
389   - </li>
390   - <li class="like">
391   - <a class="like like_text_link_5893" lang="5893" href="#">В избранное</a><span class="icon"></span>
392   - </li>
393   - </ul>
394   - </div>
395   - </div>
396   - <div class="price">
397   - <div class="dlexfduinxipi">
398   - Цена:
399   - <span class="main"> 25794.00 <span class="currency">грн</span>
400   - </span>
401   - </div>
402   - </div>
403   - <div class="additional_info params">
404   - </div>
405   -
406   -
407   - <div class="opacity_bg"></div>
  461 + <div class="catalog_item">
  462 + <div class="wrapper">
  463 + <div class="item_container">
  464 + <div class="title">
  465 + <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm"> FE/LEILA1C</a>
  466 + </div>
  467 + <div class="img">
  468 + <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm">
  469 + <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila1c/6991_5.jpg" alt=" FE/LEILA1C" class="selected">
  470 + </a>
  471 + <div class="info_icons">
  472 + <a href="#" class="btn btnBuy buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="6991">Купить светильник</a>
  473 + <ul class="ul wishlike_block">
  474 + <li class="compare">
  475 + <a onclick="add2compare(); return false;" class="compare compare_text_link_6991" lang="6991" href="#">К сравнению</a>
  476 + <span class="icon"></span>
  477 + </li>
  478 + <li class="like">
  479 + <a class="like like_text_link_6991" lang="6991" href="#">В избранное</a><span class="icon"></span>
  480 + </li>
  481 + </ul>
408 482 </div>
409 483 </div>
410   - </div>
411   -
412   -
413   -
414   -
415   - <div class="catalog_item">
416   - <div class="wrapper">
417   - <div class="item_container">
418   - <div class="title">
419   - <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm"> FE/LEILA1C</a>
420   - </div>
421   - <div class="img">
422   - <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm">
423   - <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila1c/6991_5.jpg" alt=" FE/LEILA1C" class="selected">
424   - </a>
425   - <div class="info_icons">
426   - <a href="#" class="btn btnBuy buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="6991">Купить светильник</a>
427   - <ul class="ul wishlike_block">
428   - <li class="compare">
429   - <a onclick="add2compare(); return false;" class="compare compare_text_link_6991" lang="6991" href="#">К сравнению</a>
430   - <span class="icon"></span>
431   - </li>
432   - <li class="like">
433   - <a class="like like_text_link_6991" lang="6991" href="#">В избранное</a><span class="icon"></span>
434   - </li>
435   - </ul>
436   - </div>
437   - </div>
438   - <div class="price">
439   - <div class="dlexfduinxipi">
440   - Цена:
441   - <span class="main"> 14330.40 <span class="currency">грн</span>
  484 + <div class="price">
  485 + <div class="dlexfduinxipi">
  486 + Цена:
  487 + <span class="main"> 14330.40 <span class="currency">грн</span>
442 488 </span>
443   - </div>
444   - </div>
445   - <div class="additional_info params">
446   - </div>
447   -
448   -
449   - <div class="opacity_bg"></div>
450 489 </div>
451 490 </div>
  491 + <div class="additional_info params">
  492 + </div>
  493 + <div class="opacity_bg"></div>
452 494 </div>
453   -
454   -
455   -
456   -
457   - <div class="catalog_item">
458   - <div class="wrapper">
459   - <div class="item_container">
460   - <div class="title">
461   - <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">настенный светильник FE/LEILA2</a>
462   - </div>
463   - <div class="img">
464   - <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">
465   - <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila2/5894_5.jpg" alt="настенный светильник FE/LEILA2" class="selected">
466   - </a>
467   - <div class="info_icons">
468   - <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5894">Купить светильник</a>
469   - <ul class="ul wishlike_block">
470   - <li class="compare">
471   - <a onclick="add2compare(); return false;" class="compare compare_text_link_5894" lang="5894" href="#">К сравнению</a>
472   - <span class="icon"></span>
473   - </li>
474   - <li class="like">
475   - <a class="like like_text_link_5894" lang="5894" href="#">В избранное</a><span class="icon"></span>
476   - </li>
477   - </ul>
478   - </div>
479   - </div>
480   - <div class="price">
481   - <div class="dlexfduinxipi">
482   - Цена:
483   - <span class="main"> 8598.00 <span class="currency">грн</span>
  495 + </div>
  496 + </div>
  497 + <div class="catalog_item">
  498 + <div class="wrapper">
  499 + <div class="item_container">
  500 + <div class="title">
  501 + <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">настенный светильник FE/LEILA2</a>
  502 + </div>
  503 + <div class="img">
  504 + <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">
  505 + <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila2/5894_5.jpg" alt="настенный светильник FE/LEILA2" class="selected">
  506 + </a>
  507 + <div class="info_icons">
  508 + <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5894">Купить светильник</a>
  509 + <ul class="ul wishlike_block">
  510 + <li class="compare">
  511 + <a onclick="add2compare(); return false;" class="compare compare_text_link_5894" lang="5894" href="#">К сравнению</a>
  512 + <span class="icon"></span>
  513 + </li>
  514 + <li class="like">
  515 + <a class="like like_text_link_5894" lang="5894" href="#">В избранное</a><span class="icon"></span>
  516 + </li>
  517 + </ul>
  518 + </div>
  519 + </div>
  520 + <div class="price">
  521 + <div class="dlexfduinxipi">
  522 + Цена:
  523 + <span class="main"> 8598.00 <span class="currency">грн</span>
484 524 </span>
485   - </div>
486   - </div>
487   - <div class="additional_info params">
488   - </div>
489   -
490   -
491   - <div class="opacity_bg"></div>
492 525 </div>
493 526 </div>
  527 + <div class="additional_info params">
  528 + </div>
  529 + <div class="opacity_bg"></div>
494 530 </div>
495   -
496   -
497   -
498   -
499   -
500   -
501   -
502   -
503   -
504   -
505   -
506   -
507 531 </div>
508   - <div class="clearfix"></div>
509   - </div>
510   -
511   - <div class="clearfix"></div>
512   - <br />
513   - <h2 id="reviews">
514   - Отзывы люстра Elstead FE/LEILA6
515   - </h2>
516   -
517   -
518   - <div class="comment-wrapper comments comments_block" style="padding-bottom:25px">
519   - <?php
520   - echo CommentWidget::widget([
521   - 'model' => $product,
522   - ]);
523   - ?>
524   - <div class="both"></div>
525 532 </div>
526   -
527 533 </div>
528   -
529   -
  534 + <div class="clearfix"></div>
  535 + <?php /* Collection products end (should be reworked) */ ?>
  536 + </div>
  537 + <div class="clearfix"></div>
  538 + <br/>
  539 + <h2 id="reviews">
  540 + Отзывы люстра Elstead FE/LEILA6
  541 + </h2>
  542 + <div class="comment-wrapper comments comments_block" style="padding-bottom:25px">
  543 + <?php
  544 + echo CommentWidget::widget([
  545 + 'model' => $product,
  546 + ]);
  547 + ?>
  548 + <div class="both"></div>
530 549 </div>
531   -
532 550 </div>
533   -
534   - <!-- EOF Info table -->
535   -
536 551 </div>
537   -
538 552 </div>
539   -
540   -
  553 + <!-- EOF Info table -->
541 554 </div>
542   -
543   - <div class="clearfix"></div>
544   - <br />
545   - <br /
  555 + </div>
  556 +</div>
  557 +<div class="clearfix"></div>
  558 +<br/>
546 559 \ No newline at end of file
... ...
frontend/views/layouts/main.php
... ... @@ -63,46 +63,32 @@ AppAsset::register($this);
63 63 <div id="top-nav-wrapper">
64 64 <div id="top-nav">
65 65 <div class="container">
66   -
67 66 <div class="phones">
68   -
69 67 <div itemscope itemtype="http://schema.org/LocalBusiness" class="call_block_header">
70 68 <div class="call_block_header_title">
71 69 <a itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="city-phone-header"><span itemprop="addressLocality">Киев</span></a></a> <!--<span class="arr">&nbsp;</span>-->
72 70 </div>
73   -
74 71 <div class="city_blocks_header">
75 72 <div class="city_block_kiev_header">
76   -
77 73 <div class="phone-select-header">
78 74 <span class="select-left-mts"><i></i></span>
79 75 <span class="select-right"><i></i></span>
80 76 </div>
81   -
82 77 <div class="dropdown-popup-header popup-phone-operators-header" style="display: none;">
83 78 <p class="mts" style="display: none;"><span>МТС</span></p>
84 79 <p class="kstar"><span>Киевстар</span></p>
85 80 <p class="landline"><span>По городу</span></p>
86 81 </div>
87   -
88 82 <div class="phones-header">
89   -
90 83 <div class="phone mts"><span>(095)</span> 282 8508</div>
91 84 <div class="phone kstar hide-operator"><span>(068)</span> 77 66 067</div>
92 85 <div class="phone landline hide-operator"><span>(044)</span> 33 992 33</div>
93 86 </div>
94   -
95 87 <div class="clearfix"></div>
96   -
97 88 </div>
98   -
99 89 </div>
100   -
101 90 <div class="clearfix"></div>
102   -
103 91 </div>
104   -
105   -
106 92 </div>
107 93 <?php
108 94 $items = [
... ... @@ -159,14 +145,7 @@ AppAsset::register($this);
159 145 </div><!-- /input-group -->
160 146 </form>
161 147 </div>
162   -
163   -
164   - <div id="header_feedback">
165   - <form>
166   - <input type="text" name="phone" class="phone_short" placeholder="(0XX)XXX-XX-XX" />
167   - <button class="btn" type="button">Оставьте номер. Мы перезвоним <span class="feedback_btn_angle"></span></button>
168   - </form>
169   - </div>
  148 +
170 149 </div>
171 150 </div>
172 151 <div class="clearfix"></div>
... ...
frontend/views/modal/my_callback_modal_window.php
1 1 <?php
2   -
3   -use yii\helpers\Html;
4   -
  2 +
  3 + use common\models\Feedback;
  4 + use yii\bootstrap\ActiveForm;
  5 + use yii\helpers\Html;
  6 + use yii\widgets\MaskedInput;
  7 +
  8 + $model = new Feedback([
  9 + 'scenario' => Feedback::SCENARIO_FEEDBACK,
  10 + ]);
5 11 ?>
6 12 <div class="modal fade" id="myCallback" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
7 13 <div class="modal-dialog auth" role="document">
8 14 <div class="modal-content">
9   -
10 15 <div class="modal-header">
11 16 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
12 17 <h4 class="modal-title" id="myModalLabel">Заказ обратного звонка</h4>
13 18 </div>
14   -
15 19 <div class="modal-body">
16   -
17   - <form>
  20 + <?php
  21 + $form = ActiveForm::begin([
  22 + 'id' => 'feedback-form',
  23 + ]);
  24 + ?>
18 25 <p>Оставьте номер вашего телефона и наш оператор перезвонит вам в течении часа.</p>
19   - <div class="form-group">
20   - <label for="СallbackName1">Ваше имя</label>
21   - <?= Html::textInput('name',"",['class'=>'consultation_name']) ?>
22   - </div>
23   -
24   - <div class="form-group">
25   - <label for="СallbackPhone1">Телефон</label>
26   - <?= Html::textInput('phone',"",['class'=>'consultation_phone']) ?>
27   - </div>
  26 + <?php
  27 + echo $form->field($model, 'name', [
  28 + 'template' => "<div class='col-xs-3'>{label}</div><div class='col-xs-9'>{input}</div><div class='clearfix'></div>{hint}\n{error}",
  29 + ])->textInput([
  30 + 'class' => 'consultation_name'
  31 + ]);
  32 + echo $form->field($model, 'phone', [
  33 + 'template' => "<div class='col-xs-3'>{label}</div><div class='col-xs-9'>{input}</div><div class='clearfix'></div>{hint}\n{error}",
  34 + ])->widget(MaskedInput::className(), [
  35 + 'mask' => '+38(999)999-99-99',
  36 + 'options' => [
  37 + 'class' => 'consultation_phone',
  38 + ],
  39 + ]);
  40 + ?>
28 41 <div class="example">примеры: +38 (044) 33-992-33 </div>
29 42 <?= Html::submitButton("Жду звонка", ['class' => 'btn btn-default', 'name' => 'login-button']) ?>
30 43 <div class="clearfix"></div>
31   - </form>
  44 + <?php
  45 + $form::end();
  46 + ?>
32 47 <br />
33   -
34 48 </div>
35   -
36 49 </div>
37 50 </div>
38 51 </div>
39 52 \ No newline at end of file
... ...
frontend/web/css/css_header.css
... ... @@ -7,7 +7,7 @@
7 7 content: "*";
8 8 color: #d40000;
9 9 position: absolute;
10   - top: 0px;
  10 + top: 0;
11 11 right: -7px;
12 12 }
13 13  
... ... @@ -15,8 +15,7 @@
15 15 height: 110px;
16 16 }
17 17  
18   -
19   -.owl-item .catalog_item{
  18 +.owl-item .catalog_item {
20 19 float: none !important;
21 20 width: auto !important;
22 21 }
... ... @@ -240,27 +239,23 @@ th {
240 239 padding: 0
241 240 }
242 241  
243   -
244 242 /*!
245 243 * Bootstrap v3.3.5 (http://getbootstrap.com)
246 244 * Copyright 2011-2015 Twitter, Inc.
247 245 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
248 246 */
249 247  
250   -
251 248 /*!
252 249 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=a28fbf72a29cf7f8dd3e)
253 250 * Config saved to config.json and https://gist.github.com/a28fbf72a29cf7f8dd3e
254 251 */
255 252  
256   -
257 253 /*!
258 254 * Bootstrap v3.3.5 (http://getbootstrap.com)
259 255 * Copyright 2011-2015 Twitter, Inc.
260 256 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
261 257 */
262 258  
263   -
264 259 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
265 260  
266 261 html {
... ... @@ -1614,10 +1609,10 @@ img {
1614 1609 }
1615 1610  
1616 1611 .img-responsive,
1617   -.thumbnail>img,
1618   -.thumbnail a>img,
1619   -.carousel-inner>.item>img,
1620   -.carousel-inner>.item>a>img {
  1612 +.thumbnail > img,
  1613 +.thumbnail a > img,
  1614 +.carousel-inner > .item > img,
  1615 +.carousel-inner > .item > a > img {
1621 1616 display: block;
1622 1617 max-width: 100%;
1623 1618 height: auto
... ... @@ -1698,33 +1693,33 @@ th {
1698 1693 margin-bottom: 20px
1699 1694 }
1700 1695  
1701   -.table>thead>tr>th,
1702   -.table>tbody>tr>th,
1703   -.table>tfoot>tr>th,
1704   -.table>thead>tr>td,
1705   -.table>tbody>tr>td,
1706   -.table>tfoot>tr>td {
  1696 +.table > thead > tr > th,
  1697 +.table > tbody > tr > th,
  1698 +.table > tfoot > tr > th,
  1699 +.table > thead > tr > td,
  1700 +.table > tbody > tr > td,
  1701 +.table > tfoot > tr > td {
1707 1702 padding: 8px;
1708 1703 line-height: 1.42857143;
1709 1704 vertical-align: top;
1710 1705 border-top: 1px solid #ddd
1711 1706 }
1712 1707  
1713   -.table>thead>tr>th {
  1708 +.table > thead > tr > th {
1714 1709 vertical-align: bottom;
1715 1710 border-bottom: 2px solid #ddd
1716 1711 }
1717 1712  
1718   -.table>caption+thead>tr:first-child>th,
1719   -.table>colgroup+thead>tr:first-child>th,
1720   -.table>thead:first-child>tr:first-child>th,
1721   -.table>caption+thead>tr:first-child>td,
1722   -.table>colgroup+thead>tr:first-child>td,
1723   -.table>thead:first-child>tr:first-child>td {
  1713 +.table > caption + thead > tr:first-child > th,
  1714 +.table > colgroup + thead > tr:first-child > th,
  1715 +.table > thead:first-child > tr:first-child > th,
  1716 +.table > caption + thead > tr:first-child > td,
  1717 +.table > colgroup + thead > tr:first-child > td,
  1718 +.table > thead:first-child > tr:first-child > td {
1724 1719 border-top: 0
1725 1720 }
1726 1721  
1727   -.table>tbody+tbody {
  1722 +.table > tbody + tbody {
1728 1723 border-top: 2px solid #ddd
1729 1724 }
1730 1725  
... ... @@ -1732,12 +1727,12 @@ th {
1732 1727 background-color: #fff
1733 1728 }
1734 1729  
1735   -.table-condensed>thead>tr>th,
1736   -.table-condensed>tbody>tr>th,
1737   -.table-condensed>tfoot>tr>th,
1738   -.table-condensed>thead>tr>td,
1739   -.table-condensed>tbody>tr>td,
1740   -.table-condensed>tfoot>tr>td {
  1730 +.table-condensed > thead > tr > th,
  1731 +.table-condensed > tbody > tr > th,
  1732 +.table-condensed > tfoot > tr > th,
  1733 +.table-condensed > thead > tr > td,
  1734 +.table-condensed > tbody > tr > td,
  1735 +.table-condensed > tfoot > tr > td {
1741 1736 padding: 5px
1742 1737 }
1743 1738  
... ... @@ -1745,25 +1740,25 @@ th {
1745 1740 border: 1px solid #ddd
1746 1741 }
1747 1742  
1748   -.table-bordered>thead>tr>th,
1749   -.table-bordered>tbody>tr>th,
1750   -.table-bordered>tfoot>tr>th,
1751   -.table-bordered>thead>tr>td,
1752   -.table-bordered>tbody>tr>td,
1753   -.table-bordered>tfoot>tr>td {
  1743 +.table-bordered > thead > tr > th,
  1744 +.table-bordered > tbody > tr > th,
  1745 +.table-bordered > tfoot > tr > th,
  1746 +.table-bordered > thead > tr > td,
  1747 +.table-bordered > tbody > tr > td,
  1748 +.table-bordered > tfoot > tr > td {
1754 1749 border: 1px solid #ddd
1755 1750 }
1756 1751  
1757   -.table-bordered>thead>tr>th,
1758   -.table-bordered>thead>tr>td {
  1752 +.table-bordered > thead > tr > th,
  1753 +.table-bordered > thead > tr > td {
1759 1754 border-bottom-width: 2px
1760 1755 }
1761 1756  
1762   -.table-striped>tbody>tr:nth-of-type(odd) {
  1757 +.table-striped > tbody > tr:nth-of-type(odd) {
1763 1758 background-color: #f9f9f9
1764 1759 }
1765 1760  
1766   -.table-hover>tbody>tr:hover {
  1761 +.table-hover > tbody > tr:hover {
1767 1762 background-color: #f5f5f5
1768 1763 }
1769 1764  
... ... @@ -1780,118 +1775,118 @@ table th[class*=&quot;col-&quot;] {
1780 1775 display: table-cell
1781 1776 }
1782 1777  
1783   -.table>thead>tr>td.active,
1784   -.table>tbody>tr>td.active,
1785   -.table>tfoot>tr>td.active,
1786   -.table>thead>tr>th.active,
1787   -.table>tbody>tr>th.active,
1788   -.table>tfoot>tr>th.active,
1789   -.table>thead>tr.active>td,
1790   -.table>tbody>tr.active>td,
1791   -.table>tfoot>tr.active>td,
1792   -.table>thead>tr.active>th,
1793   -.table>tbody>tr.active>th,
1794   -.table>tfoot>tr.active>th {
  1778 +.table > thead > tr > td.active,
  1779 +.table > tbody > tr > td.active,
  1780 +.table > tfoot > tr > td.active,
  1781 +.table > thead > tr > th.active,
  1782 +.table > tbody > tr > th.active,
  1783 +.table > tfoot > tr > th.active,
  1784 +.table > thead > tr.active > td,
  1785 +.table > tbody > tr.active > td,
  1786 +.table > tfoot > tr.active > td,
  1787 +.table > thead > tr.active > th,
  1788 +.table > tbody > tr.active > th,
  1789 +.table > tfoot > tr.active > th {
1795 1790 background-color: #f5f5f5
1796 1791 }
1797 1792  
1798   -.table-hover>tbody>tr>td.active:hover,
1799   -.table-hover>tbody>tr>th.active:hover,
1800   -.table-hover>tbody>tr.active:hover>td,
1801   -.table-hover>tbody>tr:hover>.active,
1802   -.table-hover>tbody>tr.active:hover>th {
  1793 +.table-hover > tbody > tr > td.active:hover,
  1794 +.table-hover > tbody > tr > th.active:hover,
  1795 +.table-hover > tbody > tr.active:hover > td,
  1796 +.table-hover > tbody > tr:hover > .active,
  1797 +.table-hover > tbody > tr.active:hover > th {
1803 1798 background-color: #e8e8e8
1804 1799 }
1805 1800  
1806   -.table>thead>tr>td.success,
1807   -.table>tbody>tr>td.success,
1808   -.table>tfoot>tr>td.success,
1809   -.table>thead>tr>th.success,
1810   -.table>tbody>tr>th.success,
1811   -.table>tfoot>tr>th.success,
1812   -.table>thead>tr.success>td,
1813   -.table>tbody>tr.success>td,
1814   -.table>tfoot>tr.success>td,
1815   -.table>thead>tr.success>th,
1816   -.table>tbody>tr.success>th,
1817   -.table>tfoot>tr.success>th {
  1801 +.table > thead > tr > td.success,
  1802 +.table > tbody > tr > td.success,
  1803 +.table > tfoot > tr > td.success,
  1804 +.table > thead > tr > th.success,
  1805 +.table > tbody > tr > th.success,
  1806 +.table > tfoot > tr > th.success,
  1807 +.table > thead > tr.success > td,
  1808 +.table > tbody > tr.success > td,
  1809 +.table > tfoot > tr.success > td,
  1810 +.table > thead > tr.success > th,
  1811 +.table > tbody > tr.success > th,
  1812 +.table > tfoot > tr.success > th {
1818 1813 background-color: #dff0d8
1819 1814 }
1820 1815  
1821   -.table-hover>tbody>tr>td.success:hover,
1822   -.table-hover>tbody>tr>th.success:hover,
1823   -.table-hover>tbody>tr.success:hover>td,
1824   -.table-hover>tbody>tr:hover>.success,
1825   -.table-hover>tbody>tr.success:hover>th {
  1816 +.table-hover > tbody > tr > td.success:hover,
  1817 +.table-hover > tbody > tr > th.success:hover,
  1818 +.table-hover > tbody > tr.success:hover > td,
  1819 +.table-hover > tbody > tr:hover > .success,
  1820 +.table-hover > tbody > tr.success:hover > th {
1826 1821 background-color: #d0e9c6
1827 1822 }
1828 1823  
1829   -.table>thead>tr>td.info,
1830   -.table>tbody>tr>td.info,
1831   -.table>tfoot>tr>td.info,
1832   -.table>thead>tr>th.info,
1833   -.table>tbody>tr>th.info,
1834   -.table>tfoot>tr>th.info,
1835   -.table>thead>tr.info>td,
1836   -.table>tbody>tr.info>td,
1837   -.table>tfoot>tr.info>td,
1838   -.table>thead>tr.info>th,
1839   -.table>tbody>tr.info>th,
1840   -.table>tfoot>tr.info>th {
  1824 +.table > thead > tr > td.info,
  1825 +.table > tbody > tr > td.info,
  1826 +.table > tfoot > tr > td.info,
  1827 +.table > thead > tr > th.info,
  1828 +.table > tbody > tr > th.info,
  1829 +.table > tfoot > tr > th.info,
  1830 +.table > thead > tr.info > td,
  1831 +.table > tbody > tr.info > td,
  1832 +.table > tfoot > tr.info > td,
  1833 +.table > thead > tr.info > th,
  1834 +.table > tbody > tr.info > th,
  1835 +.table > tfoot > tr.info > th {
1841 1836 background-color: #d9edf7
1842 1837 }
1843 1838  
1844   -.table-hover>tbody>tr>td.info:hover,
1845   -.table-hover>tbody>tr>th.info:hover,
1846   -.table-hover>tbody>tr.info:hover>td,
1847   -.table-hover>tbody>tr:hover>.info,
1848   -.table-hover>tbody>tr.info:hover>th {
  1839 +.table-hover > tbody > tr > td.info:hover,
  1840 +.table-hover > tbody > tr > th.info:hover,
  1841 +.table-hover > tbody > tr.info:hover > td,
  1842 +.table-hover > tbody > tr:hover > .info,
  1843 +.table-hover > tbody > tr.info:hover > th {
1849 1844 background-color: #c4e3f3
1850 1845 }
1851 1846  
1852   -.table>thead>tr>td.warning,
1853   -.table>tbody>tr>td.warning,
1854   -.table>tfoot>tr>td.warning,
1855   -.table>thead>tr>th.warning,
1856   -.table>tbody>tr>th.warning,
1857   -.table>tfoot>tr>th.warning,
1858   -.table>thead>tr.warning>td,
1859   -.table>tbody>tr.warning>td,
1860   -.table>tfoot>tr.warning>td,
1861   -.table>thead>tr.warning>th,
1862   -.table>tbody>tr.warning>th,
1863   -.table>tfoot>tr.warning>th {
  1847 +.table > thead > tr > td.warning,
  1848 +.table > tbody > tr > td.warning,
  1849 +.table > tfoot > tr > td.warning,
  1850 +.table > thead > tr > th.warning,
  1851 +.table > tbody > tr > th.warning,
  1852 +.table > tfoot > tr > th.warning,
  1853 +.table > thead > tr.warning > td,
  1854 +.table > tbody > tr.warning > td,
  1855 +.table > tfoot > tr.warning > td,
  1856 +.table > thead > tr.warning > th,
  1857 +.table > tbody > tr.warning > th,
  1858 +.table > tfoot > tr.warning > th {
1864 1859 background-color: #fcf8e3
1865 1860 }
1866 1861  
1867   -.table-hover>tbody>tr>td.warning:hover,
1868   -.table-hover>tbody>tr>th.warning:hover,
1869   -.table-hover>tbody>tr.warning:hover>td,
1870   -.table-hover>tbody>tr:hover>.warning,
1871   -.table-hover>tbody>tr.warning:hover>th {
  1862 +.table-hover > tbody > tr > td.warning:hover,
  1863 +.table-hover > tbody > tr > th.warning:hover,
  1864 +.table-hover > tbody > tr.warning:hover > td,
  1865 +.table-hover > tbody > tr:hover > .warning,
  1866 +.table-hover > tbody > tr.warning:hover > th {
1872 1867 background-color: #faf2cc
1873 1868 }
1874 1869  
1875   -.table>thead>tr>td.danger,
1876   -.table>tbody>tr>td.danger,
1877   -.table>tfoot>tr>td.danger,
1878   -.table>thead>tr>th.danger,
1879   -.table>tbody>tr>th.danger,
1880   -.table>tfoot>tr>th.danger,
1881   -.table>thead>tr.danger>td,
1882   -.table>tbody>tr.danger>td,
1883   -.table>tfoot>tr.danger>td,
1884   -.table>thead>tr.danger>th,
1885   -.table>tbody>tr.danger>th,
1886   -.table>tfoot>tr.danger>th {
  1870 +.table > thead > tr > td.danger,
  1871 +.table > tbody > tr > td.danger,
  1872 +.table > tfoot > tr > td.danger,
  1873 +.table > thead > tr > th.danger,
  1874 +.table > tbody > tr > th.danger,
  1875 +.table > tfoot > tr > th.danger,
  1876 +.table > thead > tr.danger > td,
  1877 +.table > tbody > tr.danger > td,
  1878 +.table > tfoot > tr.danger > td,
  1879 +.table > thead > tr.danger > th,
  1880 +.table > tbody > tr.danger > th,
  1881 +.table > tfoot > tr.danger > th {
1887 1882 background-color: #f2dede
1888 1883 }
1889 1884  
1890   -.table-hover>tbody>tr>td.danger:hover,
1891   -.table-hover>tbody>tr>th.danger:hover,
1892   -.table-hover>tbody>tr.danger:hover>td,
1893   -.table-hover>tbody>tr:hover>.danger,
1894   -.table-hover>tbody>tr.danger:hover>th {
  1885 +.table-hover > tbody > tr > td.danger:hover,
  1886 +.table-hover > tbody > tr > th.danger:hover,
  1887 +.table-hover > tbody > tr.danger:hover > td,
  1888 +.table-hover > tbody > tr:hover > .danger,
  1889 +.table-hover > tbody > tr.danger:hover > th {
1895 1890 background-color: #ebcccc
1896 1891 }
1897 1892  
... ... @@ -1900,7 +1895,7 @@ table th[class*=&quot;col-&quot;] {
1900 1895 min-height: 0.01%
1901 1896 }
1902 1897  
1903   -@media screen and (max-width:767px) {
  1898 +@media screen and (max-width: 767px) {
1904 1899 .table-responsive {
1905 1900 width: 100%;
1906 1901 margin-bottom: 15px;
... ... @@ -1908,40 +1903,46 @@ table th[class*=&quot;col-&quot;] {
1908 1903 -ms-overflow-style: -ms-autohiding-scrollbar;
1909 1904 border: 1px solid #ddd
1910 1905 }
1911   - .table-responsive>.table {
  1906 +
  1907 + .table-responsive > .table {
1912 1908 margin-bottom: 0
1913 1909 }
1914   - .table-responsive>.table>thead>tr>th,
1915   - .table-responsive>.table>tbody>tr>th,
1916   - .table-responsive>.table>tfoot>tr>th,
1917   - .table-responsive>.table>thead>tr>td,
1918   - .table-responsive>.table>tbody>tr>td,
1919   - .table-responsive>.table>tfoot>tr>td {
  1910 +
  1911 + .table-responsive > .table > thead > tr > th,
  1912 + .table-responsive > .table > tbody > tr > th,
  1913 + .table-responsive > .table > tfoot > tr > th,
  1914 + .table-responsive > .table > thead > tr > td,
  1915 + .table-responsive > .table > tbody > tr > td,
  1916 + .table-responsive > .table > tfoot > tr > td {
1920 1917 white-space: nowrap
1921 1918 }
1922   - .table-responsive>.table-bordered {
  1919 +
  1920 + .table-responsive > .table-bordered {
1923 1921 border: 0
1924 1922 }
1925   - .table-responsive>.table-bordered>thead>tr>th:first-child,
1926   - .table-responsive>.table-bordered>tbody>tr>th:first-child,
1927   - .table-responsive>.table-bordered>tfoot>tr>th:first-child,
1928   - .table-responsive>.table-bordered>thead>tr>td:first-child,
1929   - .table-responsive>.table-bordered>tbody>tr>td:first-child,
1930   - .table-responsive>.table-bordered>tfoot>tr>td:first-child {
  1923 +
  1924 + .table-responsive > .table-bordered > thead > tr > th:first-child,
  1925 + .table-responsive > .table-bordered > tbody > tr > th:first-child,
  1926 + .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  1927 + .table-responsive > .table-bordered > thead > tr > td:first-child,
  1928 + .table-responsive > .table-bordered > tbody > tr > td:first-child,
  1929 + .table-responsive > .table-bordered > tfoot > tr > td:first-child {
1931 1930 border-left: 0
1932 1931 }
1933   - .table-responsive>.table-bordered>thead>tr>th:last-child,
1934   - .table-responsive>.table-bordered>tbody>tr>th:last-child,
1935   - .table-responsive>.table-bordered>tfoot>tr>th:last-child,
1936   - .table-responsive>.table-bordered>thead>tr>td:last-child,
1937   - .table-responsive>.table-bordered>tbody>tr>td:last-child,
1938   - .table-responsive>.table-bordered>tfoot>tr>td:last-child {
  1932 +
  1933 + .table-responsive > .table-bordered > thead > tr > th:last-child,
  1934 + .table-responsive > .table-bordered > tbody > tr > th:last-child,
  1935 + .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  1936 + .table-responsive > .table-bordered > thead > tr > td:last-child,
  1937 + .table-responsive > .table-bordered > tbody > tr > td:last-child,
  1938 + .table-responsive > .table-bordered > tfoot > tr > td:last-child {
1939 1939 border-right: 0
1940 1940 }
1941   - .table-responsive>.table-bordered>tbody>tr:last-child>th,
1942   - .table-responsive>.table-bordered>tfoot>tr:last-child>th,
1943   - .table-responsive>.table-bordered>tbody>tr:last-child>td,
1944   - .table-responsive>.table-bordered>tfoot>tr:last-child>td {
  1941 +
  1942 + .table-responsive > .table-bordered > tbody > tr:last-child > th,
  1943 + .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  1944 + .table-responsive > .table-bordered > tbody > tr:last-child > td,
  1945 + .table-responsive > .table-bordered > tfoot > tr:last-child > td {
1945 1946 border-bottom: 0
1946 1947 }
1947 1948 }
... ... @@ -2074,13 +2075,14 @@ input[type=&quot;search&quot;] {
2074 2075 -webkit-appearance: none
2075 2076 }
2076 2077  
2077   -@media screen and (-webkit-min-device-pixel-ratio:0) {
  2078 +@media screen and (-webkit-min-device-pixel-ratio: 0) {
2078 2079 input[type="date"].form-control,
2079 2080 input[type="time"].form-control,
2080 2081 input[type="datetime-local"].form-control,
2081 2082 input[type="month"].form-control {
2082 2083 line-height: 34px
2083 2084 }
  2085 +
2084 2086 input[type="date"].input-sm,
2085 2087 input[type="time"].input-sm,
2086 2088 input[type="datetime-local"].input-sm,
... ... @@ -2091,6 +2093,7 @@ input[type=&quot;search&quot;] {
2091 2093 .input-group-sm input[type="month"] {
2092 2094 line-height: 30px
2093 2095 }
  2096 +
2094 2097 input[type="date"].input-lg,
2095 2098 input[type="time"].input-lg,
2096 2099 input[type="datetime-local"].input-lg,
... ... @@ -2133,8 +2136,8 @@ input[type=&quot;search&quot;] {
2133 2136 margin-top: 4px \9
2134 2137 }
2135 2138  
2136   -.radio+.radio,
2137   -.checkbox+.checkbox {
  2139 +.radio + .radio,
  2140 +.checkbox + .checkbox {
2138 2141 margin-top: -5px
2139 2142 }
2140 2143  
... ... @@ -2149,8 +2152,8 @@ input[type=&quot;search&quot;] {
2149 2152 cursor: pointer
2150 2153 }
2151 2154  
2152   -.radio-inline+.radio-inline,
2153   -.checkbox-inline+.checkbox-inline {
  2155 +.radio-inline + .radio-inline,
  2156 +.checkbox-inline + .checkbox-inline {
2154 2157 margin-top: 0;
2155 2158 margin-left: 10px
2156 2159 }
... ... @@ -2300,17 +2303,17 @@ select[multiple].input-lg {
2300 2303 pointer-events: none
2301 2304 }
2302 2305  
2303   -.input-lg+.form-control-feedback,
2304   -.input-group-lg+.form-control-feedback,
2305   -.form-group-lg .form-control+.form-control-feedback {
  2306 +.input-lg + .form-control-feedback,
  2307 +.input-group-lg + .form-control-feedback,
  2308 +.form-group-lg .form-control + .form-control-feedback {
2306 2309 width: 46px;
2307 2310 height: 46px;
2308 2311 line-height: 46px
2309 2312 }
2310 2313  
2311   -.input-sm+.form-control-feedback,
2312   -.input-group-sm+.form-control-feedback,
2313   -.form-group-sm .form-control+.form-control-feedback {
  2314 +.input-sm + .form-control-feedback,
  2315 +.input-group-sm + .form-control-feedback,
  2316 +.form-group-sm .form-control + .form-control-feedback {
2314 2317 width: 30px;
2315 2318 height: 30px;
2316 2319 line-height: 30px
... ... @@ -2421,11 +2424,11 @@ select[multiple].input-lg {
2421 2424 color: #a94442
2422 2425 }
2423 2426  
2424   -.has-feedback label~.form-control-feedback {
  2427 +.has-feedback label ~ .form-control-feedback {
2425 2428 top: 25px
2426 2429 }
2427 2430  
2428   -.has-feedback label.sr-only~.form-control-feedback {
  2431 +.has-feedback label.sr-only ~ .form-control-feedback {
2429 2432 top: 0
2430 2433 }
2431 2434  
... ... @@ -2436,36 +2439,43 @@ select[multiple].input-lg {
2436 2439 color: #737373
2437 2440 }
2438 2441  
2439   -@media (min-width:768px) {
  2442 +@media (min-width: 768px) {
2440 2443 .form-inline .form-group {
2441 2444 display: inline-block;
2442 2445 margin-bottom: 0;
2443 2446 vertical-align: middle
2444 2447 }
  2448 +
2445 2449 .form-inline .form-control {
2446 2450 display: inline-block;
2447 2451 width: auto;
2448 2452 vertical-align: middle
2449 2453 }
  2454 +
2450 2455 .form-inline .form-control-static {
2451 2456 display: inline-block
2452 2457 }
  2458 +
2453 2459 .form-inline .input-group {
2454 2460 display: inline-table;
2455 2461 vertical-align: middle
2456 2462 }
  2463 +
2457 2464 .form-inline .input-group .input-group-addon,
2458 2465 .form-inline .input-group .input-group-btn,
2459 2466 .form-inline .input-group .form-control {
2460 2467 width: auto
2461 2468 }
2462   - .form-inline .input-group>.form-control {
  2469 +
  2470 + .form-inline .input-group > .form-control {
2463 2471 width: 100%
2464 2472 }
  2473 +
2465 2474 .form-inline .control-label {
2466 2475 margin-bottom: 0;
2467 2476 vertical-align: middle
2468 2477 }
  2478 +
2469 2479 .form-inline .radio,
2470 2480 .form-inline .checkbox {
2471 2481 display: inline-block;
... ... @@ -2473,15 +2483,18 @@ select[multiple].input-lg {
2473 2483 margin-bottom: 0;
2474 2484 vertical-align: middle
2475 2485 }
  2486 +
2476 2487 .form-inline .radio label,
2477 2488 .form-inline .checkbox label {
2478 2489 padding-left: 0
2479 2490 }
  2491 +
2480 2492 .form-inline .radio input[type="radio"],
2481 2493 .form-inline .checkbox input[type="checkbox"] {
2482 2494 position: relative;
2483 2495 margin-left: 0
2484 2496 }
  2497 +
2485 2498 .form-inline .has-feedback .form-control-feedback {
2486 2499 top: 0
2487 2500 }
... ... @@ -2506,7 +2519,7 @@ select[multiple].input-lg {
2506 2519 margin-right: -15px
2507 2520 }
2508 2521  
2509   -@media (min-width:768px) {
  2522 +@media (min-width: 768px) {
2510 2523 .form-horizontal .control-label {
2511 2524 text-align: right;
2512 2525 margin-bottom: 0;
... ... @@ -2518,14 +2531,14 @@ select[multiple].input-lg {
2518 2531 right: 15px
2519 2532 }
2520 2533  
2521   -@media (min-width:768px) {
  2534 +@media (min-width: 768px) {
2522 2535 .form-horizontal .form-group-lg .control-label {
2523 2536 padding-top: 14.333333px;
2524 2537 font-size: 18px
2525 2538 }
2526 2539 }
2527 2540  
2528   -@media (min-width:768px) {
  2541 +@media (min-width: 768px) {
2529 2542 .form-horizontal .form-group-sm .control-label {
2530 2543 padding-top: 6px;
2531 2544 font-size: 12px
... ... @@ -2616,7 +2629,7 @@ fieldset[disabled] a.btn {
2616 2629  
2617 2630 .btn-default:active,
2618 2631 .btn-default.active,
2619   -.open>.dropdown-toggle.btn-default {
  2632 +.open > .dropdown-toggle.btn-default {
2620 2633 color: #333;
2621 2634 background-color: #e6e6e6;
2622 2635 border-color: #adadad
... ... @@ -2624,13 +2637,13 @@ fieldset[disabled] a.btn {
2624 2637  
2625 2638 .btn-default:active:hover,
2626 2639 .btn-default.active:hover,
2627   -.open>.dropdown-toggle.btn-default:hover,
  2640 +.open > .dropdown-toggle.btn-default:hover,
2628 2641 .btn-default:active:focus,
2629 2642 .btn-default.active:focus,
2630   -.open>.dropdown-toggle.btn-default:focus,
  2643 +.open > .dropdown-toggle.btn-default:focus,
2631 2644 .btn-default:active.focus,
2632 2645 .btn-default.active.focus,
2633   -.open>.dropdown-toggle.btn-default.focus {
  2646 +.open > .dropdown-toggle.btn-default.focus {
2634 2647 color: #333;
2635 2648 background-color: #d4d4d4;
2636 2649 border-color: #8c8c8c
... ... @@ -2638,7 +2651,7 @@ fieldset[disabled] a.btn {
2638 2651  
2639 2652 .btn-default:active,
2640 2653 .btn-default.active,
2641   -.open>.dropdown-toggle.btn-default {
  2654 +.open > .dropdown-toggle.btn-default {
2642 2655 background-image: none
2643 2656 }
2644 2657  
... ... @@ -2690,7 +2703,7 @@ fieldset[disabled] .btn-default.active {
2690 2703  
2691 2704 .btn-primary:active,
2692 2705 .btn-primary.active,
2693   -.open>.dropdown-toggle.btn-primary {
  2706 +.open > .dropdown-toggle.btn-primary {
2694 2707 color: #fff;
2695 2708 background-color: #286090;
2696 2709 border-color: #204d74
... ... @@ -2698,13 +2711,13 @@ fieldset[disabled] .btn-default.active {
2698 2711  
2699 2712 .btn-primary:active:hover,
2700 2713 .btn-primary.active:hover,
2701   -.open>.dropdown-toggle.btn-primary:hover,
  2714 +.open > .dropdown-toggle.btn-primary:hover,
2702 2715 .btn-primary:active:focus,
2703 2716 .btn-primary.active:focus,
2704   -.open>.dropdown-toggle.btn-primary:focus,
  2717 +.open > .dropdown-toggle.btn-primary:focus,
2705 2718 .btn-primary:active.focus,
2706 2719 .btn-primary.active.focus,
2707   -.open>.dropdown-toggle.btn-primary.focus {
  2720 +.open > .dropdown-toggle.btn-primary.focus {
2708 2721 color: #fff;
2709 2722 background-color: #204d74;
2710 2723 border-color: #122b40
... ... @@ -2712,7 +2725,7 @@ fieldset[disabled] .btn-default.active {
2712 2725  
2713 2726 .btn-primary:active,
2714 2727 .btn-primary.active,
2715   -.open>.dropdown-toggle.btn-primary {
  2728 +.open > .dropdown-toggle.btn-primary {
2716 2729 background-image: none
2717 2730 }
2718 2731  
... ... @@ -2764,7 +2777,7 @@ fieldset[disabled] .btn-primary.active {
2764 2777  
2765 2778 .btn-success:active,
2766 2779 .btn-success.active,
2767   -.open>.dropdown-toggle.btn-success {
  2780 +.open > .dropdown-toggle.btn-success {
2768 2781 color: #fff;
2769 2782 background-color: #449d44;
2770 2783 border-color: #398439
... ... @@ -2772,13 +2785,13 @@ fieldset[disabled] .btn-primary.active {
2772 2785  
2773 2786 .btn-success:active:hover,
2774 2787 .btn-success.active:hover,
2775   -.open>.dropdown-toggle.btn-success:hover,
  2788 +.open > .dropdown-toggle.btn-success:hover,
2776 2789 .btn-success:active:focus,
2777 2790 .btn-success.active:focus,
2778   -.open>.dropdown-toggle.btn-success:focus,
  2791 +.open > .dropdown-toggle.btn-success:focus,
2779 2792 .btn-success:active.focus,
2780 2793 .btn-success.active.focus,
2781   -.open>.dropdown-toggle.btn-success.focus {
  2794 +.open > .dropdown-toggle.btn-success.focus {
2782 2795 color: #fff;
2783 2796 background-color: #398439;
2784 2797 border-color: #255625
... ... @@ -2786,7 +2799,7 @@ fieldset[disabled] .btn-primary.active {
2786 2799  
2787 2800 .btn-success:active,
2788 2801 .btn-success.active,
2789   -.open>.dropdown-toggle.btn-success {
  2802 +.open > .dropdown-toggle.btn-success {
2790 2803 background-image: none
2791 2804 }
2792 2805  
... ... @@ -2838,7 +2851,7 @@ fieldset[disabled] .btn-success.active {
2838 2851  
2839 2852 .btn-info:active,
2840 2853 .btn-info.active,
2841   -.open>.dropdown-toggle.btn-info {
  2854 +.open > .dropdown-toggle.btn-info {
2842 2855 color: #fff;
2843 2856 background-color: #31b0d5;
2844 2857 border-color: #269abc
... ... @@ -2846,13 +2859,13 @@ fieldset[disabled] .btn-success.active {
2846 2859  
2847 2860 .btn-info:active:hover,
2848 2861 .btn-info.active:hover,
2849   -.open>.dropdown-toggle.btn-info:hover,
  2862 +.open > .dropdown-toggle.btn-info:hover,
2850 2863 .btn-info:active:focus,
2851 2864 .btn-info.active:focus,
2852   -.open>.dropdown-toggle.btn-info:focus,
  2865 +.open > .dropdown-toggle.btn-info:focus,
2853 2866 .btn-info:active.focus,
2854 2867 .btn-info.active.focus,
2855   -.open>.dropdown-toggle.btn-info.focus {
  2868 +.open > .dropdown-toggle.btn-info.focus {
2856 2869 color: #fff;
2857 2870 background-color: #269abc;
2858 2871 border-color: #1b6d85
... ... @@ -2860,7 +2873,7 @@ fieldset[disabled] .btn-success.active {
2860 2873  
2861 2874 .btn-info:active,
2862 2875 .btn-info.active,
2863   -.open>.dropdown-toggle.btn-info {
  2876 +.open > .dropdown-toggle.btn-info {
2864 2877 background-image: none
2865 2878 }
2866 2879  
... ... @@ -2912,7 +2925,7 @@ fieldset[disabled] .btn-info.active {
2912 2925  
2913 2926 .btn-warning:active,
2914 2927 .btn-warning.active,
2915   -.open>.dropdown-toggle.btn-warning {
  2928 +.open > .dropdown-toggle.btn-warning {
2916 2929 color: #fff;
2917 2930 background-color: #ec971f;
2918 2931 border-color: #d58512
... ... @@ -2920,13 +2933,13 @@ fieldset[disabled] .btn-info.active {
2920 2933  
2921 2934 .btn-warning:active:hover,
2922 2935 .btn-warning.active:hover,
2923   -.open>.dropdown-toggle.btn-warning:hover,
  2936 +.open > .dropdown-toggle.btn-warning:hover,
2924 2937 .btn-warning:active:focus,
2925 2938 .btn-warning.active:focus,
2926   -.open>.dropdown-toggle.btn-warning:focus,
  2939 +.open > .dropdown-toggle.btn-warning:focus,
2927 2940 .btn-warning:active.focus,
2928 2941 .btn-warning.active.focus,
2929   -.open>.dropdown-toggle.btn-warning.focus {
  2942 +.open > .dropdown-toggle.btn-warning.focus {
2930 2943 color: #fff;
2931 2944 background-color: #d58512;
2932 2945 border-color: #985f0d
... ... @@ -2934,7 +2947,7 @@ fieldset[disabled] .btn-info.active {
2934 2947  
2935 2948 .btn-warning:active,
2936 2949 .btn-warning.active,
2937   -.open>.dropdown-toggle.btn-warning {
  2950 +.open > .dropdown-toggle.btn-warning {
2938 2951 background-image: none
2939 2952 }
2940 2953  
... ... @@ -2986,7 +2999,7 @@ fieldset[disabled] .btn-warning.active {
2986 2999  
2987 3000 .btn-danger:active,
2988 3001 .btn-danger.active,
2989   -.open>.dropdown-toggle.btn-danger {
  3002 +.open > .dropdown-toggle.btn-danger {
2990 3003 color: #fff;
2991 3004 background-color: #c9302c;
2992 3005 border-color: #ac2925
... ... @@ -2994,13 +3007,13 @@ fieldset[disabled] .btn-warning.active {
2994 3007  
2995 3008 .btn-danger:active:hover,
2996 3009 .btn-danger.active:hover,
2997   -.open>.dropdown-toggle.btn-danger:hover,
  3010 +.open > .dropdown-toggle.btn-danger:hover,
2998 3011 .btn-danger:active:focus,
2999 3012 .btn-danger.active:focus,
3000   -.open>.dropdown-toggle.btn-danger:focus,
  3013 +.open > .dropdown-toggle.btn-danger:focus,
3001 3014 .btn-danger:active.focus,
3002 3015 .btn-danger.active.focus,
3003   -.open>.dropdown-toggle.btn-danger.focus {
  3016 +.open > .dropdown-toggle.btn-danger.focus {
3004 3017 color: #fff;
3005 3018 background-color: #ac2925;
3006 3019 border-color: #761c19
... ... @@ -3008,7 +3021,7 @@ fieldset[disabled] .btn-warning.active {
3008 3021  
3009 3022 .btn-danger:active,
3010 3023 .btn-danger.active,
3011   -.open>.dropdown-toggle.btn-danger {
  3024 +.open > .dropdown-toggle.btn-danger {
3012 3025 background-image: none
3013 3026 }
3014 3027  
... ... @@ -3078,7 +3091,7 @@ fieldset[disabled] .btn-link:focus {
3078 3091 }
3079 3092  
3080 3093 .btn-lg,
3081   -.btn-group-lg>.btn {
  3094 +.btn-group-lg > .btn {
3082 3095 padding: 10px 16px;
3083 3096 font-size: 18px;
3084 3097 line-height: 1.3333333;
... ... @@ -3086,7 +3099,7 @@ fieldset[disabled] .btn-link:focus {
3086 3099 }
3087 3100  
3088 3101 .btn-sm,
3089   -.btn-group-sm>.btn {
  3102 +.btn-group-sm > .btn {
3090 3103 padding: 5px 10px;
3091 3104 font-size: 12px;
3092 3105 line-height: 1.5;
... ... @@ -3094,7 +3107,7 @@ fieldset[disabled] .btn-link:focus {
3094 3107 }
3095 3108  
3096 3109 .btn-xs,
3097   -.btn-group-xs>.btn {
  3110 +.btn-group-xs > .btn {
3098 3111 padding: 1px 5px;
3099 3112 font-size: 12px;
3100 3113 line-height: 1.5;
... ... @@ -3106,7 +3119,7 @@ fieldset[disabled] .btn-link:focus {
3106 3119 width: 100%
3107 3120 }
3108 3121  
3109   -.btn-block+.btn-block {
  3122 +.btn-block + .btn-block {
3110 3123 margin-top: 5px
3111 3124 }
3112 3125  
... ... @@ -3214,7 +3227,7 @@ tbody.collapse.in {
3214 3227 background-color: #e5e5e5
3215 3228 }
3216 3229  
3217   -.dropdown-menu>li>a {
  3230 +.dropdown-menu > li > a {
3218 3231 display: block;
3219 3232 padding: 3px 20px;
3220 3233 clear: both;
... ... @@ -3224,42 +3237,42 @@ tbody.collapse.in {
3224 3237 white-space: nowrap
3225 3238 }
3226 3239  
3227   -.dropdown-menu>li>a:hover,
3228   -.dropdown-menu>li>a:focus {
  3240 +.dropdown-menu > li > a:hover,
  3241 +.dropdown-menu > li > a:focus {
3229 3242 text-decoration: none;
3230 3243 color: #262626;
3231 3244 background-color: #f5f5f5
3232 3245 }
3233 3246  
3234   -.dropdown-menu>.active>a,
3235   -.dropdown-menu>.active>a:hover,
3236   -.dropdown-menu>.active>a:focus {
  3247 +.dropdown-menu > .active > a,
  3248 +.dropdown-menu > .active > a:hover,
  3249 +.dropdown-menu > .active > a:focus {
3237 3250 color: #fff;
3238 3251 text-decoration: none;
3239 3252 outline: 0;
3240 3253 background-color: #337ab7
3241 3254 }
3242 3255  
3243   -.dropdown-menu>.disabled>a,
3244   -.dropdown-menu>.disabled>a:hover,
3245   -.dropdown-menu>.disabled>a:focus {
  3256 +.dropdown-menu > .disabled > a,
  3257 +.dropdown-menu > .disabled > a:hover,
  3258 +.dropdown-menu > .disabled > a:focus {
3246 3259 color: #777
3247 3260 }
3248 3261  
3249   -.dropdown-menu>.disabled>a:hover,
3250   -.dropdown-menu>.disabled>a:focus {
  3262 +.dropdown-menu > .disabled > a:hover,
  3263 +.dropdown-menu > .disabled > a:focus {
3251 3264 text-decoration: none;
3252 3265 background-color: transparent;
3253 3266 background-image: none;
3254   - filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  3267 + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
3255 3268 cursor: not-allowed
3256 3269 }
3257 3270  
3258   -.open>.dropdown-menu {
  3271 +.open > .dropdown-menu {
3259 3272 display: block
3260 3273 }
3261 3274  
3262   -.open>a {
  3275 +.open > a {
3263 3276 outline: 0
3264 3277 }
3265 3278  
... ... @@ -3291,7 +3304,7 @@ tbody.collapse.in {
3291 3304 z-index: 990
3292 3305 }
3293 3306  
3294   -.pull-right>.dropdown-menu {
  3307 +.pull-right > .dropdown-menu {
3295 3308 right: 0;
3296 3309 left: auto
3297 3310 }
... ... @@ -3311,11 +3324,12 @@ tbody.collapse.in {
3311 3324 margin-bottom: 2px
3312 3325 }
3313 3326  
3314   -@media (min-width:768px) {
  3327 +@media (min-width: 768px) {
3315 3328 .navbar-right .dropdown-menu {
3316 3329 left: auto;
3317 3330 right: 0
3318 3331 }
  3332 +
3319 3333 .navbar-right .dropdown-menu-left {
3320 3334 left: 0;
3321 3335 right: auto
... ... @@ -3329,27 +3343,27 @@ tbody.collapse.in {
3329 3343 vertical-align: middle
3330 3344 }
3331 3345  
3332   -.btn-group>.btn,
3333   -.btn-group-vertical>.btn {
  3346 +.btn-group > .btn,
  3347 +.btn-group-vertical > .btn {
3334 3348 position: relative;
3335 3349 float: left
3336 3350 }
3337 3351  
3338   -.btn-group>.btn:hover,
3339   -.btn-group-vertical>.btn:hover,
3340   -.btn-group>.btn:focus,
3341   -.btn-group-vertical>.btn:focus,
3342   -.btn-group>.btn:active,
3343   -.btn-group-vertical>.btn:active,
3344   -.btn-group>.btn.active,
3345   -.btn-group-vertical>.btn.active {
  3352 +.btn-group > .btn:hover,
  3353 +.btn-group-vertical > .btn:hover,
  3354 +.btn-group > .btn:focus,
  3355 +.btn-group-vertical > .btn:focus,
  3356 +.btn-group > .btn:active,
  3357 +.btn-group-vertical > .btn:active,
  3358 +.btn-group > .btn.active,
  3359 +.btn-group-vertical > .btn.active {
3346 3360 z-index: 2
3347 3361 }
3348 3362  
3349   -.btn-group .btn+.btn,
3350   -.btn-group .btn+.btn-group,
3351   -.btn-group .btn-group+.btn,
3352   -.btn-group .btn-group+.btn-group {
  3363 +.btn-group .btn + .btn,
  3364 +.btn-group .btn + .btn-group,
  3365 +.btn-group .btn-group + .btn,
  3366 +.btn-group .btn-group + .btn-group {
3353 3367 margin-left: -1px
3354 3368 }
3355 3369  
... ... @@ -3363,46 +3377,46 @@ tbody.collapse.in {
3363 3377 float: left
3364 3378 }
3365 3379  
3366   -.btn-toolbar>.btn,
3367   -.btn-toolbar>.btn-group,
3368   -.btn-toolbar>.input-group {
  3380 +.btn-toolbar > .btn,
  3381 +.btn-toolbar > .btn-group,
  3382 +.btn-toolbar > .input-group {
3369 3383 margin-left: 5px
3370 3384 }
3371 3385  
3372   -.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  3386 +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
3373 3387 border-radius: 0
3374 3388 }
3375 3389  
3376   -.btn-group>.btn:first-child {
  3390 +.btn-group > .btn:first-child {
3377 3391 margin-left: 0
3378 3392 }
3379 3393  
3380   -.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  3394 +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
3381 3395 border-bottom-right-radius: 0;
3382 3396 border-top-right-radius: 0
3383 3397 }
3384 3398  
3385   -.btn-group>.btn:last-child:not(:first-child),
3386   -.btn-group>.dropdown-toggle:not(:first-child) {
  3399 +.btn-group > .btn:last-child:not(:first-child),
  3400 +.btn-group > .dropdown-toggle:not(:first-child) {
3387 3401 border-bottom-left-radius: 0;
3388 3402 border-top-left-radius: 0
3389 3403 }
3390 3404  
3391   -.btn-group>.btn-group {
  3405 +.btn-group > .btn-group {
3392 3406 float: left
3393 3407 }
3394 3408  
3395   -.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  3409 +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
3396 3410 border-radius: 0
3397 3411 }
3398 3412  
3399   -.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
3400   -.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  3413 +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3414 +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3401 3415 border-bottom-right-radius: 0;
3402 3416 border-top-right-radius: 0
3403 3417 }
3404 3418  
3405   -.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  3419 +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
3406 3420 border-bottom-left-radius: 0;
3407 3421 border-top-left-radius: 0
3408 3422 }
... ... @@ -3412,12 +3426,12 @@ tbody.collapse.in {
3412 3426 outline: 0
3413 3427 }
3414 3428  
3415   -.btn-group>.btn+.dropdown-toggle {
  3429 +.btn-group > .btn + .dropdown-toggle {
3416 3430 padding-left: 8px;
3417 3431 padding-right: 8px
3418 3432 }
3419 3433  
3420   -.btn-group>.btn-lg+.dropdown-toggle {
  3434 +.btn-group > .btn-lg + .dropdown-toggle {
3421 3435 padding-left: 12px;
3422 3436 padding-right: 12px
3423 3437 }
... ... @@ -3445,54 +3459,54 @@ tbody.collapse.in {
3445 3459 border-width: 0 5px 5px
3446 3460 }
3447 3461  
3448   -.btn-group-vertical>.btn,
3449   -.btn-group-vertical>.btn-group,
3450   -.btn-group-vertical>.btn-group>.btn {
  3462 +.btn-group-vertical > .btn,
  3463 +.btn-group-vertical > .btn-group,
  3464 +.btn-group-vertical > .btn-group > .btn {
3451 3465 display: block;
3452 3466 float: none;
3453 3467 width: 100%;
3454 3468 max-width: 100%
3455 3469 }
3456 3470  
3457   -.btn-group-vertical>.btn-group>.btn {
  3471 +.btn-group-vertical > .btn-group > .btn {
3458 3472 float: none
3459 3473 }
3460 3474  
3461   -.btn-group-vertical>.btn+.btn,
3462   -.btn-group-vertical>.btn+.btn-group,
3463   -.btn-group-vertical>.btn-group+.btn,
3464   -.btn-group-vertical>.btn-group+.btn-group {
  3475 +.btn-group-vertical > .btn + .btn,
  3476 +.btn-group-vertical > .btn + .btn-group,
  3477 +.btn-group-vertical > .btn-group + .btn,
  3478 +.btn-group-vertical > .btn-group + .btn-group {
3465 3479 margin-top: -1px;
3466 3480 margin-left: 0
3467 3481 }
3468 3482  
3469   -.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  3483 +.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
3470 3484 border-radius: 0
3471 3485 }
3472 3486  
3473   -.btn-group-vertical>.btn:first-child:not(:last-child) {
  3487 +.btn-group-vertical > .btn:first-child:not(:last-child) {
3474 3488 border-top-right-radius: 4px;
3475 3489 border-bottom-right-radius: 0;
3476 3490 border-bottom-left-radius: 0
3477 3491 }
3478 3492  
3479   -.btn-group-vertical>.btn:last-child:not(:first-child) {
  3493 +.btn-group-vertical > .btn:last-child:not(:first-child) {
3480 3494 border-bottom-left-radius: 4px;
3481 3495 border-top-right-radius: 0;
3482 3496 border-top-left-radius: 0
3483 3497 }
3484 3498  
3485   -.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  3499 +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
3486 3500 border-radius: 0
3487 3501 }
3488 3502  
3489   -.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
3490   -.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  3503 +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  3504 +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3491 3505 border-bottom-right-radius: 0;
3492 3506 border-bottom-left-radius: 0
3493 3507 }
3494 3508  
3495   -.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  3509 +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
3496 3510 border-top-right-radius: 0;
3497 3511 border-top-left-radius: 0
3498 3512 }
... ... @@ -3504,25 +3518,25 @@ tbody.collapse.in {
3504 3518 border-collapse: separate
3505 3519 }
3506 3520  
3507   -.btn-group-justified>.btn,
3508   -.btn-group-justified>.btn-group {
  3521 +.btn-group-justified > .btn,
  3522 +.btn-group-justified > .btn-group {
3509 3523 float: none;
3510 3524 display: table-cell;
3511 3525 width: 1%
3512 3526 }
3513 3527  
3514   -.btn-group-justified>.btn-group .btn {
  3528 +.btn-group-justified > .btn-group .btn {
3515 3529 width: 100%
3516 3530 }
3517 3531  
3518   -.btn-group-justified>.btn-group .dropdown-menu {
  3532 +.btn-group-justified > .btn-group .dropdown-menu {
3519 3533 left: auto
3520 3534 }
3521 3535  
3522   -[data-toggle="buttons"]>.btn input[type="radio"],
3523   -[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
3524   -[data-toggle="buttons"]>.btn input[type="checkbox"],
3525   -[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
  3536 +[data-toggle="buttons"] > .btn input[type="radio"],
  3537 +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  3538 +[data-toggle="buttons"] > .btn input[type="checkbox"],
  3539 +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
3526 3540 position: absolute;
3527 3541 clip: rect(0, 0, 0, 0);
3528 3542 pointer-events: none
... ... @@ -3548,9 +3562,9 @@ tbody.collapse.in {
3548 3562 margin-bottom: 0
3549 3563 }
3550 3564  
3551   -.input-group-lg>.form-control,
3552   -.input-group-lg>.input-group-addon,
3553   -.input-group-lg>.input-group-btn>.btn {
  3565 +.input-group-lg > .form-control,
  3566 +.input-group-lg > .input-group-addon,
  3567 +.input-group-lg > .input-group-btn > .btn {
3554 3568 height: 46px;
3555 3569 padding: 10px 16px;
3556 3570 font-size: 18px;
... ... @@ -3558,25 +3572,25 @@ tbody.collapse.in {
3558 3572 border-radius: 6px
3559 3573 }
3560 3574  
3561   -select.input-group-lg>.form-control,
3562   -select.input-group-lg>.input-group-addon,
3563   -select.input-group-lg>.input-group-btn>.btn {
  3575 +select.input-group-lg > .form-control,
  3576 +select.input-group-lg > .input-group-addon,
  3577 +select.input-group-lg > .input-group-btn > .btn {
3564 3578 height: 46px;
3565 3579 line-height: 46px
3566 3580 }
3567 3581  
3568   -textarea.input-group-lg>.form-control,
3569   -textarea.input-group-lg>.input-group-addon,
3570   -textarea.input-group-lg>.input-group-btn>.btn,
3571   -select[multiple].input-group-lg>.form-control,
3572   -select[multiple].input-group-lg>.input-group-addon,
3573   -select[multiple].input-group-lg>.input-group-btn>.btn {
  3582 +textarea.input-group-lg > .form-control,
  3583 +textarea.input-group-lg > .input-group-addon,
  3584 +textarea.input-group-lg > .input-group-btn > .btn,
  3585 +select[multiple].input-group-lg > .form-control,
  3586 +select[multiple].input-group-lg > .input-group-addon,
  3587 +select[multiple].input-group-lg > .input-group-btn > .btn {
3574 3588 height: auto
3575 3589 }
3576 3590  
3577   -.input-group-sm>.form-control,
3578   -.input-group-sm>.input-group-addon,
3579   -.input-group-sm>.input-group-btn>.btn {
  3591 +.input-group-sm > .form-control,
  3592 +.input-group-sm > .input-group-addon,
  3593 +.input-group-sm > .input-group-btn > .btn {
3580 3594 height: 30px;
3581 3595 padding: 5px 10px;
3582 3596 font-size: 12px;
... ... @@ -3584,19 +3598,19 @@ select[multiple].input-group-lg&gt;.input-group-btn&gt;.btn {
3584 3598 border-radius: 3px
3585 3599 }
3586 3600  
3587   -select.input-group-sm>.form-control,
3588   -select.input-group-sm>.input-group-addon,
3589   -select.input-group-sm>.input-group-btn>.btn {
  3601 +select.input-group-sm > .form-control,
  3602 +select.input-group-sm > .input-group-addon,
  3603 +select.input-group-sm > .input-group-btn > .btn {
3590 3604 height: 30px;
3591 3605 line-height: 30px
3592 3606 }
3593 3607  
3594   -textarea.input-group-sm>.form-control,
3595   -textarea.input-group-sm>.input-group-addon,
3596   -textarea.input-group-sm>.input-group-btn>.btn,
3597   -select[multiple].input-group-sm>.form-control,
3598   -select[multiple].input-group-sm>.input-group-addon,
3599   -select[multiple].input-group-sm>.input-group-btn>.btn {
  3608 +textarea.input-group-sm > .form-control,
  3609 +textarea.input-group-sm > .input-group-addon,
  3610 +textarea.input-group-sm > .input-group-btn > .btn,
  3611 +select[multiple].input-group-sm > .form-control,
  3612 +select[multiple].input-group-sm > .input-group-addon,
  3613 +select[multiple].input-group-sm > .input-group-btn > .btn {
3600 3614 height: auto
3601 3615 }
3602 3616  
... ... @@ -3650,11 +3664,11 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3650 3664  
3651 3665 .input-group .form-control:first-child,
3652 3666 .input-group-addon:first-child,
3653   -.input-group-btn:first-child>.btn,
3654   -.input-group-btn:first-child>.btn-group>.btn,
3655   -.input-group-btn:first-child>.dropdown-toggle,
3656   -.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
3657   -.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  3667 +.input-group-btn:first-child > .btn,
  3668 +.input-group-btn:first-child > .btn-group > .btn,
  3669 +.input-group-btn:first-child > .dropdown-toggle,
  3670 +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  3671 +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
3658 3672 border-bottom-right-radius: 0;
3659 3673 border-top-right-radius: 0
3660 3674 }
... ... @@ -3665,11 +3679,11 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3665 3679  
3666 3680 .input-group .form-control:last-child,
3667 3681 .input-group-addon:last-child,
3668   -.input-group-btn:last-child>.btn,
3669   -.input-group-btn:last-child>.btn-group>.btn,
3670   -.input-group-btn:last-child>.dropdown-toggle,
3671   -.input-group-btn:first-child>.btn:not(:first-child),
3672   -.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  3682 +.input-group-btn:last-child > .btn,
  3683 +.input-group-btn:last-child > .btn-group > .btn,
  3684 +.input-group-btn:last-child > .dropdown-toggle,
  3685 +.input-group-btn:first-child > .btn:not(:first-child),
  3686 +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
3673 3687 border-bottom-left-radius: 0;
3674 3688 border-top-left-radius: 0
3675 3689 }
... ... @@ -3684,27 +3698,27 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3684 3698 white-space: nowrap
3685 3699 }
3686 3700  
3687   -.input-group-btn>.btn {
  3701 +.input-group-btn > .btn {
3688 3702 position: relative
3689 3703 }
3690 3704  
3691   -.input-group-btn>.btn+.btn {
  3705 +.input-group-btn > .btn + .btn {
3692 3706 margin-left: -1px
3693 3707 }
3694 3708  
3695   -.input-group-btn>.btn:hover,
3696   -.input-group-btn>.btn:focus,
3697   -.input-group-btn>.btn:active {
  3709 +.input-group-btn > .btn:hover,
  3710 +.input-group-btn > .btn:focus,
  3711 +.input-group-btn > .btn:active {
3698 3712 z-index: 2
3699 3713 }
3700 3714  
3701   -.input-group-btn:first-child>.btn,
3702   -.input-group-btn:first-child>.btn-group {
  3715 +.input-group-btn:first-child > .btn,
  3716 +.input-group-btn:first-child > .btn-group {
3703 3717 margin-right: -1px
3704 3718 }
3705 3719  
3706   -.input-group-btn:last-child>.btn,
3707   -.input-group-btn:last-child>.btn-group {
  3720 +.input-group-btn:last-child > .btn,
  3721 +.input-group-btn:last-child > .btn-group {
3708 3722 z-index: 2;
3709 3723 margin-left: -1px
3710 3724 }
... ... @@ -3715,38 +3729,38 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3715 3729 list-style: none
3716 3730 }
3717 3731  
3718   -.nav>li {
  3732 +.nav > li {
3719 3733 position: relative;
3720 3734 display: block
3721 3735 }
3722 3736  
3723   -.nav>li>a {
  3737 +.nav > li > a {
3724 3738 position: relative;
3725 3739 display: block;
3726 3740 padding: 10px 15px
3727 3741 }
3728 3742  
3729   -.nav>li>a:hover,
3730   -.nav>li>a:focus {
  3743 +.nav > li > a:hover,
  3744 +.nav > li > a:focus {
3731 3745 text-decoration: none;
3732 3746 background-color: #eee
3733 3747 }
3734 3748  
3735   -.nav>li.disabled>a {
  3749 +.nav > li.disabled > a {
3736 3750 color: #777
3737 3751 }
3738 3752  
3739   -.nav>li.disabled>a:hover,
3740   -.nav>li.disabled>a:focus {
  3753 +.nav > li.disabled > a:hover,
  3754 +.nav > li.disabled > a:focus {
3741 3755 color: #777;
3742 3756 text-decoration: none;
3743 3757 background-color: transparent;
3744 3758 cursor: not-allowed
3745 3759 }
3746 3760  
3747   -.nav .open>a,
3748   -.nav .open>a:hover,
3749   -.nav .open>a:focus {
  3761 +.nav .open > a,
  3762 +.nav .open > a:hover,
  3763 +.nav .open > a:focus {
3750 3764 background-color: #eee;
3751 3765 border-color: #337ab7
3752 3766 }
... ... @@ -3758,7 +3772,7 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3758 3772 background-color: #e5e5e5
3759 3773 }
3760 3774  
3761   -.nav>li>a>img {
  3775 +.nav > li > a > img {
3762 3776 max-width: none
3763 3777 }
3764 3778  
... ... @@ -3766,25 +3780,25 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3766 3780 border-bottom: 1px solid #ddd
3767 3781 }
3768 3782  
3769   -.nav-tabs>li {
  3783 +.nav-tabs > li {
3770 3784 float: left;
3771 3785 margin-bottom: -1px
3772 3786 }
3773 3787  
3774   -.nav-tabs>li>a {
  3788 +.nav-tabs > li > a {
3775 3789 margin-right: 2px;
3776 3790 line-height: 1.42857143;
3777 3791 border: 1px solid transparent;
3778 3792 border-radius: 4px 4px 0 0
3779 3793 }
3780 3794  
3781   -.nav-tabs>li>a:hover {
  3795 +.nav-tabs > li > a:hover {
3782 3796 border-color: #eee #eee #ddd
3783 3797 }
3784 3798  
3785   -.nav-tabs>li.active>a,
3786   -.nav-tabs>li.active>a:hover,
3787   -.nav-tabs>li.active>a:focus {
  3799 +.nav-tabs > li.active > a,
  3800 +.nav-tabs > li.active > a:hover,
  3801 +.nav-tabs > li.active > a:focus {
3788 3802 color: #555;
3789 3803 background-color: #fff;
3790 3804 border: 1px solid #ddd;
... ... @@ -3797,77 +3811,79 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3797 3811 border-bottom: 0
3798 3812 }
3799 3813  
3800   -.nav-tabs.nav-justified>li {
  3814 +.nav-tabs.nav-justified > li {
3801 3815 float: none
3802 3816 }
3803 3817  
3804   -.nav-tabs.nav-justified>li>a {
  3818 +.nav-tabs.nav-justified > li > a {
3805 3819 text-align: center;
3806 3820 margin-bottom: 5px
3807 3821 }
3808 3822  
3809   -.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  3823 +.nav-tabs.nav-justified > .dropdown .dropdown-menu {
3810 3824 top: auto;
3811 3825 left: auto
3812 3826 }
3813 3827  
3814   -@media (min-width:768px) {
3815   - .nav-tabs.nav-justified>li {
  3828 +@media (min-width: 768px) {
  3829 + .nav-tabs.nav-justified > li {
3816 3830 display: table-cell;
3817 3831 width: 1%
3818 3832 }
3819   - .nav-tabs.nav-justified>li>a {
  3833 +
  3834 + .nav-tabs.nav-justified > li > a {
3820 3835 margin-bottom: 0
3821 3836 }
3822 3837 }
3823 3838  
3824   -.nav-tabs.nav-justified>li>a {
  3839 +.nav-tabs.nav-justified > li > a {
3825 3840 margin-right: 0;
3826 3841 border-radius: 4px
3827 3842 }
3828 3843  
3829   -.nav-tabs.nav-justified>.active>a,
3830   -.nav-tabs.nav-justified>.active>a:hover,
3831   -.nav-tabs.nav-justified>.active>a:focus {
  3844 +.nav-tabs.nav-justified > .active > a,
  3845 +.nav-tabs.nav-justified > .active > a:hover,
  3846 +.nav-tabs.nav-justified > .active > a:focus {
3832 3847 border: 1px solid #ddd
3833 3848 }
3834 3849  
3835   -@media (min-width:768px) {
3836   - .nav-tabs.nav-justified>li>a {
  3850 +@media (min-width: 768px) {
  3851 + .nav-tabs.nav-justified > li > a {
3837 3852 border-bottom: 1px solid #ddd;
3838 3853 border-radius: 4px 4px 0 0
3839 3854 }
3840   - .nav-tabs.nav-justified>.active>a,
3841   - .nav-tabs.nav-justified>.active>a:hover,
3842   - .nav-tabs.nav-justified>.active>a:focus {
  3855 +
  3856 + .nav-tabs.nav-justified > .active > a,
  3857 + .nav-tabs.nav-justified > .active > a:hover,
  3858 + .nav-tabs.nav-justified > .active > a:focus {
3843 3859 border-bottom-color: #fff
3844 3860 }
3845 3861 }
3846 3862  
3847   -.nav-pills>li {
  3863 +.nav-pills > li {
3848 3864 float: left
3849 3865 }
3850 3866  
3851   -.nav-pills>li>a {
  3867 +.nav-pills > li > a {
3852 3868 border-radius: 4px
3853 3869 }
3854 3870  
3855   -.nav-pills>li+li {
  3871 +.nav-pills > li + li {
3856 3872 margin-left: 2px
3857 3873 }
3858 3874  
3859   -.nav-pills>li.active>a,
3860   -.nav-pills>li.active>a:hover,
3861   -.nav-pills>li.active>a:focus {
  3875 +.nav-pills > li.active > a,
  3876 +.nav-pills > li.active > a:hover,
  3877 +.nav-pills > li.active > a:focus {
3862 3878 color: #fff;
3863 3879 background-color: #337ab7
3864 3880 }
3865 3881  
3866   -.nav-stacked>li {
  3882 +.nav-stacked > li {
3867 3883 float: none
3868 3884 }
3869 3885  
3870   -.nav-stacked>li+li {
  3886 +.nav-stacked > li + li {
3871 3887 margin-top: 2px;
3872 3888 margin-left: 0
3873 3889 }
... ... @@ -3876,26 +3892,27 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3876 3892 width: 100%
3877 3893 }
3878 3894  
3879   -.nav-justified>li {
  3895 +.nav-justified > li {
3880 3896 float: none
3881 3897 }
3882 3898  
3883   -.nav-justified>li>a {
  3899 +.nav-justified > li > a {
3884 3900 text-align: center;
3885 3901 margin-bottom: 5px
3886 3902 }
3887 3903  
3888   -.nav-justified>.dropdown .dropdown-menu {
  3904 +.nav-justified > .dropdown .dropdown-menu {
3889 3905 top: auto;
3890 3906 left: auto
3891 3907 }
3892 3908  
3893   -@media (min-width:768px) {
3894   - .nav-justified>li {
  3909 +@media (min-width: 768px) {
  3910 + .nav-justified > li {
3895 3911 display: table-cell;
3896 3912 width: 1%
3897 3913 }
3898   - .nav-justified>li>a {
  3914 +
  3915 + .nav-justified > li > a {
3899 3916 margin-bottom: 0
3900 3917 }
3901 3918 }
... ... @@ -3904,34 +3921,35 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3904 3921 border-bottom: 0
3905 3922 }
3906 3923  
3907   -.nav-tabs-justified>li>a {
  3924 +.nav-tabs-justified > li > a {
3908 3925 margin-right: 0;
3909 3926 border-radius: 4px
3910 3927 }
3911 3928  
3912   -.nav-tabs-justified>.active>a,
3913   -.nav-tabs-justified>.active>a:hover,
3914   -.nav-tabs-justified>.active>a:focus {
  3929 +.nav-tabs-justified > .active > a,
  3930 +.nav-tabs-justified > .active > a:hover,
  3931 +.nav-tabs-justified > .active > a:focus {
3915 3932 border: 1px solid #ddd
3916 3933 }
3917 3934  
3918   -@media (min-width:768px) {
3919   - .nav-tabs-justified>li>a {
  3935 +@media (min-width: 768px) {
  3936 + .nav-tabs-justified > li > a {
3920 3937 border-bottom: 1px solid #ddd;
3921 3938 border-radius: 4px 4px 0 0
3922 3939 }
3923   - .nav-tabs-justified>.active>a,
3924   - .nav-tabs-justified>.active>a:hover,
3925   - .nav-tabs-justified>.active>a:focus {
  3940 +
  3941 + .nav-tabs-justified > .active > a,
  3942 + .nav-tabs-justified > .active > a:hover,
  3943 + .nav-tabs-justified > .active > a:focus {
3926 3944 border-bottom-color: #fff
3927 3945 }
3928 3946 }
3929 3947  
3930   -.tab-content>.tab-pane {
  3948 +.tab-content > .tab-pane {
3931 3949 display: none
3932 3950 }
3933 3951  
3934   -.tab-content>.active {
  3952 +.tab-content > .active {
3935 3953 display: block
3936 3954 }
3937 3955  
... ... @@ -3948,13 +3966,13 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3948 3966 border: 1px solid transparent
3949 3967 }
3950 3968  
3951   -@media (min-width:768px) {
  3969 +@media (min-width: 768px) {
3952 3970 .navbar {
3953 3971 border-radius: 4px
3954 3972 }
3955 3973 }
3956 3974  
3957   -@media (min-width:768px) {
  3975 +@media (min-width: 768px) {
3958 3976 .navbar-header {
3959 3977 float: left
3960 3978 }
... ... @@ -3974,22 +3992,25 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
3974 3992 overflow-y: auto
3975 3993 }
3976 3994  
3977   -@media (min-width:768px) {
  3995 +@media (min-width: 768px) {
3978 3996 .navbar-collapse {
3979 3997 width: auto;
3980 3998 border-top: 0;
3981 3999 -webkit-box-shadow: none;
3982 4000 box-shadow: none
3983 4001 }
  4002 +
3984 4003 .navbar-collapse.collapse {
3985 4004 display: block !important;
3986 4005 height: auto !important;
3987 4006 padding-bottom: 0;
3988 4007 overflow: visible !important
3989 4008 }
  4009 +
3990 4010 .navbar-collapse.in {
3991 4011 overflow-y: visible
3992 4012 }
  4013 +
3993 4014 .navbar-fixed-top .navbar-collapse,
3994 4015 .navbar-static-top .navbar-collapse,
3995 4016 .navbar-fixed-bottom .navbar-collapse {
... ... @@ -4003,26 +4024,26 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4003 4024 max-height: 340px
4004 4025 }
4005 4026  
4006   -@media (max-device-width:480px) and (orientation:landscape) {
  4027 +@media (max-device-width: 480px) and (orientation: landscape) {
4007 4028 .navbar-fixed-top .navbar-collapse,
4008 4029 .navbar-fixed-bottom .navbar-collapse {
4009 4030 max-height: 200px
4010 4031 }
4011 4032 }
4012 4033  
4013   -.container>.navbar-header,
4014   -.container-fluid>.navbar-header,
4015   -.container>.navbar-collapse,
4016   -.container-fluid>.navbar-collapse {
  4034 +.container > .navbar-header,
  4035 +.container-fluid > .navbar-header,
  4036 +.container > .navbar-collapse,
  4037 +.container-fluid > .navbar-collapse {
4017 4038 margin-right: -15px;
4018 4039 margin-left: -15px
4019 4040 }
4020 4041  
4021   -@media (min-width:768px) {
4022   - .container>.navbar-header,
4023   - .container-fluid>.navbar-header,
4024   - .container>.navbar-collapse,
4025   - .container-fluid>.navbar-collapse {
  4042 +@media (min-width: 768px) {
  4043 + .container > .navbar-header,
  4044 + .container-fluid > .navbar-header,
  4045 + .container > .navbar-collapse,
  4046 + .container-fluid > .navbar-collapse {
4026 4047 margin-right: 0;
4027 4048 margin-left: 0
4028 4049 }
... ... @@ -4033,7 +4054,7 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4033 4054 border-width: 0 0 1px
4034 4055 }
4035 4056  
4036   -@media (min-width:768px) {
  4057 +@media (min-width: 768px) {
4037 4058 .navbar-static-top {
4038 4059 border-radius: 0
4039 4060 }
... ... @@ -4047,7 +4068,7 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4047 4068 z-index: 1030
4048 4069 }
4049 4070  
4050   -@media (min-width:768px) {
  4071 +@media (min-width: 768px) {
4051 4072 .navbar-fixed-top,
4052 4073 .navbar-fixed-bottom {
4053 4074 border-radius: 0
... ... @@ -4078,13 +4099,13 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4078 4099 text-decoration: none
4079 4100 }
4080 4101  
4081   -.navbar-brand>img {
  4102 +.navbar-brand > img {
4082 4103 display: block
4083 4104 }
4084 4105  
4085   -@media (min-width:768px) {
4086   - .navbar>.container .navbar-brand,
4087   - .navbar>.container-fluid .navbar-brand {
  4106 +@media (min-width: 768px) {
  4107 + .navbar > .container .navbar-brand,
  4108 + .navbar > .container-fluid .navbar-brand {
4088 4109 margin-left: -15px
4089 4110 }
4090 4111 }
... ... @@ -4113,11 +4134,11 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4113 4134 border-radius: 1px
4114 4135 }
4115 4136  
4116   -.navbar-toggle .icon-bar+.icon-bar {
  4137 +.navbar-toggle .icon-bar + .icon-bar {
4117 4138 margin-top: 4px
4118 4139 }
4119 4140  
4120   -@media (min-width:768px) {
  4141 +@media (min-width: 768px) {
4121 4142 .navbar-toggle {
4122 4143 display: none
4123 4144 }
... ... @@ -4127,13 +4148,13 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4127 4148 margin: 7.5px -15px
4128 4149 }
4129 4150  
4130   -.navbar-nav>li>a {
  4151 +.navbar-nav > li > a {
4131 4152 padding-top: 10px;
4132 4153 padding-bottom: 10px;
4133 4154 line-height: 20px
4134 4155 }
4135 4156  
4136   -@media (max-width:767px) {
  4157 +@media (max-width: 767px) {
4137 4158 .navbar-nav .open .dropdown-menu {
4138 4159 position: static;
4139 4160 float: none;
... ... @@ -4144,28 +4165,33 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4144 4165 -webkit-box-shadow: none;
4145 4166 box-shadow: none
4146 4167 }
4147   - .navbar-nav .open .dropdown-menu>li>a,
  4168 +
  4169 + .navbar-nav .open .dropdown-menu > li > a,
4148 4170 .navbar-nav .open .dropdown-menu .dropdown-header {
4149 4171 padding: 5px 15px 5px 25px
4150 4172 }
4151   - .navbar-nav .open .dropdown-menu>li>a {
  4173 +
  4174 + .navbar-nav .open .dropdown-menu > li > a {
4152 4175 line-height: 20px
4153 4176 }
4154   - .navbar-nav .open .dropdown-menu>li>a:hover,
4155   - .navbar-nav .open .dropdown-menu>li>a:focus {
  4177 +
  4178 + .navbar-nav .open .dropdown-menu > li > a:hover,
  4179 + .navbar-nav .open .dropdown-menu > li > a:focus {
4156 4180 background-image: none
4157 4181 }
4158 4182 }
4159 4183  
4160   -@media (min-width:768px) {
  4184 +@media (min-width: 768px) {
4161 4185 .navbar-nav {
4162 4186 float: left;
4163 4187 margin: 0
4164 4188 }
4165   - .navbar-nav>li {
  4189 +
  4190 + .navbar-nav > li {
4166 4191 float: left
4167 4192 }
4168   - .navbar-nav>li>a {
  4193 +
  4194 + .navbar-nav > li > a {
4169 4195 padding-top: 15px;
4170 4196 padding-bottom: 15px
4171 4197 }
... ... @@ -4183,36 +4209,43 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4183 4209 margin-bottom: 8px
4184 4210 }
4185 4211  
4186   -@media (min-width:768px) {
  4212 +@media (min-width: 768px) {
4187 4213 .navbar-form .form-group {
4188 4214 display: inline-block;
4189 4215 margin-bottom: 0;
4190 4216 vertical-align: middle
4191 4217 }
  4218 +
4192 4219 .navbar-form .form-control {
4193 4220 display: inline-block;
4194 4221 width: auto;
4195 4222 vertical-align: middle
4196 4223 }
  4224 +
4197 4225 .navbar-form .form-control-static {
4198 4226 display: inline-block
4199 4227 }
  4228 +
4200 4229 .navbar-form .input-group {
4201 4230 display: inline-table;
4202 4231 vertical-align: middle
4203 4232 }
  4233 +
4204 4234 .navbar-form .input-group .input-group-addon,
4205 4235 .navbar-form .input-group .input-group-btn,
4206 4236 .navbar-form .input-group .form-control {
4207 4237 width: auto
4208 4238 }
4209   - .navbar-form .input-group>.form-control {
  4239 +
  4240 + .navbar-form .input-group > .form-control {
4210 4241 width: 100%
4211 4242 }
  4243 +
4212 4244 .navbar-form .control-label {
4213 4245 margin-bottom: 0;
4214 4246 vertical-align: middle
4215 4247 }
  4248 +
4216 4249 .navbar-form .radio,
4217 4250 .navbar-form .checkbox {
4218 4251 display: inline-block;
... ... @@ -4220,30 +4253,34 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4220 4253 margin-bottom: 0;
4221 4254 vertical-align: middle
4222 4255 }
  4256 +
4223 4257 .navbar-form .radio label,
4224 4258 .navbar-form .checkbox label {
4225 4259 padding-left: 0
4226 4260 }
  4261 +
4227 4262 .navbar-form .radio input[type="radio"],
4228 4263 .navbar-form .checkbox input[type="checkbox"] {
4229 4264 position: relative;
4230 4265 margin-left: 0
4231 4266 }
  4267 +
4232 4268 .navbar-form .has-feedback .form-control-feedback {
4233 4269 top: 0
4234 4270 }
4235 4271 }
4236 4272  
4237   -@media (max-width:767px) {
  4273 +@media (max-width: 767px) {
4238 4274 .navbar-form .form-group {
4239 4275 margin-bottom: 5px
4240 4276 }
  4277 +
4241 4278 .navbar-form .form-group:last-child {
4242 4279 margin-bottom: 0
4243 4280 }
4244 4281 }
4245 4282  
4246   -@media (min-width:768px) {
  4283 +@media (min-width: 768px) {
4247 4284 .navbar-form {
4248 4285 width: auto;
4249 4286 border: 0;
... ... @@ -4256,13 +4293,13 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4256 4293 }
4257 4294 }
4258 4295  
4259   -.navbar-nav>li>.dropdown-menu {
  4296 +.navbar-nav > li > .dropdown-menu {
4260 4297 margin-top: 0;
4261 4298 border-top-right-radius: 0;
4262 4299 border-top-left-radius: 0
4263 4300 }
4264 4301  
4265   -.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  4302 +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
4266 4303 margin-bottom: 0;
4267 4304 border-top-right-radius: 4px;
4268 4305 border-top-left-radius: 4px;
... ... @@ -4290,7 +4327,7 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4290 4327 margin-bottom: 15px
4291 4328 }
4292 4329  
4293   -@media (min-width:768px) {
  4330 +@media (min-width: 768px) {
4294 4331 .navbar-text {
4295 4332 float: left;
4296 4333 margin-left: 15px;
... ... @@ -4298,15 +4335,17 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4298 4335 }
4299 4336 }
4300 4337  
4301   -@media (min-width:768px) {
  4338 +@media (min-width: 768px) {
4302 4339 .navbar-left {
4303 4340 float: left !important
4304 4341 }
  4342 +
4305 4343 .navbar-right {
4306 4344 float: right !important;
4307 4345 margin-right: -15px
4308 4346 }
4309   - .navbar-right~.navbar-right {
  4347 +
  4348 + .navbar-right ~ .navbar-right {
4310 4349 margin-right: 0
4311 4350 }
4312 4351 }
... ... @@ -4330,26 +4369,26 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4330 4369 color: #777
4331 4370 }
4332 4371  
4333   -.navbar-default .navbar-nav>li>a {
  4372 +.navbar-default .navbar-nav > li > a {
4334 4373 color: #777
4335 4374 }
4336 4375  
4337   -.navbar-default .navbar-nav>li>a:hover,
4338   -.navbar-default .navbar-nav>li>a:focus {
  4376 +.navbar-default .navbar-nav > li > a:hover,
  4377 +.navbar-default .navbar-nav > li > a:focus {
4339 4378 color: #333;
4340 4379 background-color: transparent
4341 4380 }
4342 4381  
4343   -.navbar-default .navbar-nav>.active>a,
4344   -.navbar-default .navbar-nav>.active>a:hover,
4345   -.navbar-default .navbar-nav>.active>a:focus {
  4382 +.navbar-default .navbar-nav > .active > a,
  4383 +.navbar-default .navbar-nav > .active > a:hover,
  4384 +.navbar-default .navbar-nav > .active > a:focus {
4346 4385 color: #555;
4347 4386 background-color: #e7e7e7
4348 4387 }
4349 4388  
4350   -.navbar-default .navbar-nav>.disabled>a,
4351   -.navbar-default .navbar-nav>.disabled>a:hover,
4352   -.navbar-default .navbar-nav>.disabled>a:focus {
  4389 +.navbar-default .navbar-nav > .disabled > a,
  4390 +.navbar-default .navbar-nav > .disabled > a:hover,
  4391 +.navbar-default .navbar-nav > .disabled > a:focus {
4353 4392 color: #ccc;
4354 4393 background-color: transparent
4355 4394 }
... ... @@ -4372,31 +4411,34 @@ select[multiple].input-group-sm&gt;.input-group-btn&gt;.btn {
4372 4411 border-color: #e7e7e7
4373 4412 }
4374 4413  
4375   -.navbar-default .navbar-nav>.open>a,
4376   -.navbar-default .navbar-nav>.open>a:hover,
4377   -.navbar-default .navbar-nav>.open>a:focus {
  4414 +.navbar-default .navbar-nav > .open > a,
  4415 +.navbar-default .navbar-nav > .open > a:hover,
  4416 +.navbar-default .navbar-nav > .open > a:focus {
4378 4417 background-color: #e7e7e7;
4379 4418 color: #555
4380 4419 }
4381 4420  
4382   -@media (max-width:767px) {
4383   - .navbar-default .navbar-nav .open .dropdown-menu>li>a {
  4421 +@media (max-width: 767px) {
  4422 + .navbar-default .navbar-nav .open .dropdown-menu > li > a {
4384 4423 color: #777
4385 4424 }
4386   - .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
4387   - .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
  4425 +
  4426 + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  4427 + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
4388 4428 color: #333;
4389 4429 background-color: transparent
4390 4430 }
4391   - .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
4392   - .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
4393   - .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
  4431 +
  4432 + .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  4433 + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  4434 + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
4394 4435 color: #555;
4395 4436 background-color: #e7e7e7
4396 4437 }
4397   - .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
4398   - .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
4399   - .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
  4438 +
  4439 + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  4440 + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4441 + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
4400 4442 color: #ccc;
4401 4443 background-color: transparent
4402 4444 }
... ... @@ -4445,26 +4487,26 @@ fieldset[disabled] .navbar-default .btn-link:focus {
4445 4487 color: #9d9d9d
4446 4488 }
4447 4489  
4448   -.navbar-inverse .navbar-nav>li>a {
  4490 +.navbar-inverse .navbar-nav > li > a {
4449 4491 color: #9d9d9d
4450 4492 }
4451 4493  
4452   -.navbar-inverse .navbar-nav>li>a:hover,
4453   -.navbar-inverse .navbar-nav>li>a:focus {
  4494 +.navbar-inverse .navbar-nav > li > a:hover,
  4495 +.navbar-inverse .navbar-nav > li > a:focus {
4454 4496 color: #fff;
4455 4497 background-color: transparent
4456 4498 }
4457 4499  
4458   -.navbar-inverse .navbar-nav>.active>a,
4459   -.navbar-inverse .navbar-nav>.active>a:hover,
4460   -.navbar-inverse .navbar-nav>.active>a:focus {
  4500 +.navbar-inverse .navbar-nav > .active > a,
  4501 +.navbar-inverse .navbar-nav > .active > a:hover,
  4502 +.navbar-inverse .navbar-nav > .active > a:focus {
4461 4503 color: #fff;
4462 4504 background-color: #080808
4463 4505 }
4464 4506  
4465   -.navbar-inverse .navbar-nav>.disabled>a,
4466   -.navbar-inverse .navbar-nav>.disabled>a:hover,
4467   -.navbar-inverse .navbar-nav>.disabled>a:focus {
  4507 +.navbar-inverse .navbar-nav > .disabled > a,
  4508 +.navbar-inverse .navbar-nav > .disabled > a:hover,
  4509 +.navbar-inverse .navbar-nav > .disabled > a:focus {
4468 4510 color: #444;
4469 4511 background-color: transparent
4470 4512 }
... ... @@ -4487,37 +4529,42 @@ fieldset[disabled] .navbar-default .btn-link:focus {
4487 4529 border-color: #101010
4488 4530 }
4489 4531  
4490   -.navbar-inverse .navbar-nav>.open>a,
4491   -.navbar-inverse .navbar-nav>.open>a:hover,
4492   -.navbar-inverse .navbar-nav>.open>a:focus {
  4532 +.navbar-inverse .navbar-nav > .open > a,
  4533 +.navbar-inverse .navbar-nav > .open > a:hover,
  4534 +.navbar-inverse .navbar-nav > .open > a:focus {
4493 4535 background-color: #080808;
4494 4536 color: #fff
4495 4537 }
4496 4538  
4497   -@media (max-width:767px) {
4498   - .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
  4539 +@media (max-width: 767px) {
  4540 + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
4499 4541 border-color: #080808
4500 4542 }
  4543 +
4501 4544 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
4502 4545 background-color: #080808
4503 4546 }
4504   - .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  4547 +
  4548 + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
4505 4549 color: #9d9d9d
4506 4550 }
4507   - .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
4508   - .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
  4551 +
  4552 + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  4553 + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
4509 4554 color: #fff;
4510 4555 background-color: transparent
4511 4556 }
4512   - .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
4513   - .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
4514   - .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
  4557 +
  4558 + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  4559 + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  4560 + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
4515 4561 color: #fff;
4516 4562 background-color: #080808
4517 4563 }
4518   - .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
4519   - .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
4520   - .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
  4564 +
  4565 + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  4566 + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  4567 + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
4521 4568 color: #444;
4522 4569 background-color: transparent
4523 4570 }
... ... @@ -4555,17 +4602,17 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
4555 4602 border-radius: 4px
4556 4603 }
4557 4604  
4558   -.breadcrumb>li {
  4605 +.breadcrumb > li {
4559 4606 display: inline-block
4560 4607 }
4561 4608  
4562   -.breadcrumb>li+li:before {
  4609 +.breadcrumb > li + li:before {
4563 4610 content: "/\00a0";
4564 4611 padding: 0 5px;
4565 4612 color: #ccc
4566 4613 }
4567 4614  
4568   -.breadcrumb>.active {
  4615 +.breadcrumb > .active {
4569 4616 color: #777
4570 4617 }
4571 4618  
... ... @@ -4576,12 +4623,12 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
4576 4623 border-radius: 4px
4577 4624 }
4578 4625  
4579   -.pagination>li {
  4626 +.pagination > li {
4580 4627 display: inline
4581 4628 }
4582 4629  
4583   -.pagination>li>a,
4584   -.pagination>li>span {
  4630 +.pagination > li > a,
  4631 +.pagination > li > span {
4585 4632 position: relative;
4586 4633 float: left;
4587 4634 padding: 6px 12px;
... ... @@ -4593,35 +4640,35 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
4593 4640 margin-left: -1px
4594 4641 }
4595 4642  
4596   -.pagination>li:first-child>a,
4597   -.pagination>li:first-child>span {
  4643 +.pagination > li:first-child > a,
  4644 +.pagination > li:first-child > span {
4598 4645 margin-left: 0;
4599 4646 border-bottom-left-radius: 4px;
4600 4647 border-top-left-radius: 4px
4601 4648 }
4602 4649  
4603   -.pagination>li:last-child>a,
4604   -.pagination>li:last-child>span {
  4650 +.pagination > li:last-child > a,
  4651 +.pagination > li:last-child > span {
4605 4652 border-bottom-right-radius: 4px;
4606 4653 border-top-right-radius: 4px
4607 4654 }
4608 4655  
4609   -.pagination>li>a:hover,
4610   -.pagination>li>span:hover,
4611   -.pagination>li>a:focus,
4612   -.pagination>li>span:focus {
  4656 +.pagination > li > a:hover,
  4657 +.pagination > li > span:hover,
  4658 +.pagination > li > a:focus,
  4659 +.pagination > li > span:focus {
4613 4660 z-index: 3;
4614 4661 color: #23527c;
4615 4662 background-color: #eee;
4616 4663 border-color: #ddd
4617 4664 }
4618 4665  
4619   -.pagination>.active>a,
4620   -.pagination>.active>span,
4621   -.pagination>.active>a:hover,
4622   -.pagination>.active>span:hover,
4623   -.pagination>.active>a:focus,
4624   -.pagination>.active>span:focus {
  4666 +.pagination > .active > a,
  4667 +.pagination > .active > span,
  4668 +.pagination > .active > a:hover,
  4669 +.pagination > .active > span:hover,
  4670 +.pagination > .active > a:focus,
  4671 +.pagination > .active > span:focus {
4625 4672 z-index: 2;
4626 4673 color: #fff;
4627 4674 background-color: #337ab7;
... ... @@ -4629,52 +4676,52 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
4629 4676 cursor: default
4630 4677 }
4631 4678  
4632   -.pagination>.disabled>span,
4633   -.pagination>.disabled>span:hover,
4634   -.pagination>.disabled>span:focus,
4635   -.pagination>.disabled>a,
4636   -.pagination>.disabled>a:hover,
4637   -.pagination>.disabled>a:focus {
  4679 +.pagination > .disabled > span,
  4680 +.pagination > .disabled > span:hover,
  4681 +.pagination > .disabled > span:focus,
  4682 +.pagination > .disabled > a,
  4683 +.pagination > .disabled > a:hover,
  4684 +.pagination > .disabled > a:focus {
4638 4685 color: #777;
4639 4686 background-color: #fff;
4640 4687 border-color: #ddd;
4641 4688 cursor: not-allowed
4642 4689 }
4643 4690  
4644   -.pagination-lg>li>a,
4645   -.pagination-lg>li>span {
  4691 +.pagination-lg > li > a,
  4692 +.pagination-lg > li > span {
4646 4693 padding: 10px 16px;
4647 4694 font-size: 18px;
4648 4695 line-height: 1.3333333
4649 4696 }
4650 4697  
4651   -.pagination-lg>li:first-child>a,
4652   -.pagination-lg>li:first-child>span {
  4698 +.pagination-lg > li:first-child > a,
  4699 +.pagination-lg > li:first-child > span {
4653 4700 border-bottom-left-radius: 6px;
4654 4701 border-top-left-radius: 6px
4655 4702 }
4656 4703  
4657   -.pagination-lg>li:last-child>a,
4658   -.pagination-lg>li:last-child>span {
  4704 +.pagination-lg > li:last-child > a,
  4705 +.pagination-lg > li:last-child > span {
4659 4706 border-bottom-right-radius: 6px;
4660 4707 border-top-right-radius: 6px
4661 4708 }
4662 4709  
4663   -.pagination-sm>li>a,
4664   -.pagination-sm>li>span {
  4710 +.pagination-sm > li > a,
  4711 +.pagination-sm > li > span {
4665 4712 padding: 5px 10px;
4666 4713 font-size: 12px;
4667 4714 line-height: 1.5
4668 4715 }
4669 4716  
4670   -.pagination-sm>li:first-child>a,
4671   -.pagination-sm>li:first-child>span {
  4717 +.pagination-sm > li:first-child > a,
  4718 +.pagination-sm > li:first-child > span {
4672 4719 border-bottom-left-radius: 3px;
4673 4720 border-top-left-radius: 3px
4674 4721 }
4675 4722  
4676   -.pagination-sm>li:last-child>a,
4677   -.pagination-sm>li:last-child>span {
  4723 +.pagination-sm > li:last-child > a,
  4724 +.pagination-sm > li:last-child > span {
4678 4725 border-bottom-right-radius: 3px;
4679 4726 border-top-right-radius: 3px
4680 4727 }
... ... @@ -4690,8 +4737,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
4690 4737 display: inline
4691 4738 }
4692 4739  
4693   -.pager li>a,
4694   -.pager li>span {
  4740 +.pager li > a,
  4741 +.pager li > span {
4695 4742 display: inline-block;
4696 4743 padding: 5px 14px;
4697 4744 background-color: #fff;
... ... @@ -4699,26 +4746,26 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
4699 4746 border-radius: 15px
4700 4747 }
4701 4748  
4702   -.pager li>a:hover,
4703   -.pager li>a:focus {
  4749 +.pager li > a:hover,
  4750 +.pager li > a:focus {
4704 4751 text-decoration: none;
4705 4752 background-color: #eee
4706 4753 }
4707 4754  
4708   -.pager .next>a,
4709   -.pager .next>span {
  4755 +.pager .next > a,
  4756 +.pager .next > span {
4710 4757 float: right
4711 4758 }
4712 4759  
4713   -.pager .previous>a,
4714   -.pager .previous>span {
  4760 +.pager .previous > a,
  4761 +.pager .previous > span {
4715 4762 float: left
4716 4763 }
4717 4764  
4718   -.pager .disabled>a,
4719   -.pager .disabled>a:hover,
4720   -.pager .disabled>a:focus,
4721   -.pager .disabled>span {
  4765 +.pager .disabled > a,
  4766 +.pager .disabled > a:hover,
  4767 +.pager .disabled > a:focus,
  4768 +.pager .disabled > span {
4722 4769 color: #777;
4723 4770 background-color: #fff;
4724 4771 cursor: not-allowed
... ... @@ -4832,7 +4879,7 @@ a.label:focus {
4832 4879 }
4833 4880  
4834 4881 .btn-xs .badge,
4835   -.btn-group-xs>.btn .badge {
  4882 +.btn-group-xs > .btn .badge {
4836 4883 top: 0;
4837 4884 padding: 1px 5px
4838 4885 }
... ... @@ -4844,21 +4891,21 @@ a.badge:focus {
4844 4891 cursor: pointer
4845 4892 }
4846 4893  
4847   -.list-group-item.active>.badge,
4848   -.nav-pills>.active>a>.badge {
  4894 +.list-group-item.active > .badge,
  4895 +.nav-pills > .active > a > .badge {
4849 4896 color: #337ab7;
4850 4897 background-color: #fff
4851 4898 }
4852 4899  
4853   -.list-group-item>.badge {
  4900 +.list-group-item > .badge {
4854 4901 float: right
4855 4902 }
4856 4903  
4857   -.list-group-item>.badge+.badge {
  4904 +.list-group-item > .badge + .badge {
4858 4905 margin-right: 5px
4859 4906 }
4860 4907  
4861   -.nav-pills>li>a>.badge {
  4908 +.nav-pills > li > a > .badge {
4862 4909 margin-left: 3px
4863 4910 }
4864 4911  
... ... @@ -4881,7 +4928,7 @@ a.badge:focus {
4881 4928 font-weight: 200
4882 4929 }
4883 4930  
4884   -.jumbotron>hr {
  4931 +.jumbotron > hr {
4885 4932 border-top-color: #d5d5d5
4886 4933 }
4887 4934  
... ... @@ -4894,16 +4941,18 @@ a.badge:focus {
4894 4941 max-width: 100%
4895 4942 }
4896 4943  
4897   -@media screen and (min-width:768px) {
  4944 +@media screen and (min-width: 768px) {
4898 4945 .jumbotron {
4899 4946 padding-top: 48px;
4900 4947 padding-bottom: 48px
4901 4948 }
  4949 +
4902 4950 .container .jumbotron,
4903 4951 .container-fluid .jumbotron {
4904 4952 padding-left: 60px;
4905 4953 padding-right: 60px
4906 4954 }
  4955 +
4907 4956 .jumbotron h1,
4908 4957 .jumbotron .h1 {
4909 4958 font-size: 63px
... ... @@ -4923,8 +4972,8 @@ a.badge:focus {
4923 4972 transition: border .2s ease-in-out
4924 4973 }
4925 4974  
4926   -.thumbnail>img,
4927   -.thumbnail a>img {
  4975 +.thumbnail > img,
  4976 +.thumbnail a > img {
4928 4977 margin-left: auto;
4929 4978 margin-right: auto
4930 4979 }
... ... @@ -4956,12 +5005,12 @@ a.thumbnail.active {
4956 5005 font-weight: bold
4957 5006 }
4958 5007  
4959   -.alert>p,
4960   -.alert>ul {
  5008 +.alert > p,
  5009 +.alert > ul {
4961 5010 margin-bottom: 0
4962 5011 }
4963 5012  
4964   -.alert>p+p {
  5013 +.alert > p + p {
4965 5014 margin-top: 5px
4966 5015 }
4967 5016  
... ... @@ -5170,12 +5219,12 @@ a.thumbnail.active {
5170 5219 }
5171 5220  
5172 5221 .media-right,
5173   -.media>.pull-right {
  5222 +.media > .pull-right {
5174 5223 padding-left: 10px
5175 5224 }
5176 5225  
5177 5226 .media-left,
5178   -.media>.pull-left {
  5227 +.media > .pull-left {
5179 5228 padding-right: 10px
5180 5229 }
5181 5230  
... ... @@ -5285,12 +5334,12 @@ button.list-group-item {
5285 5334 .list-group-item.active .list-group-item-heading,
5286 5335 .list-group-item.active:hover .list-group-item-heading,
5287 5336 .list-group-item.active:focus .list-group-item-heading,
5288   -.list-group-item.active .list-group-item-heading>small,
5289   -.list-group-item.active:hover .list-group-item-heading>small,
5290   -.list-group-item.active:focus .list-group-item-heading>small,
5291   -.list-group-item.active .list-group-item-heading>.small,
5292   -.list-group-item.active:hover .list-group-item-heading>.small,
5293   -.list-group-item.active:focus .list-group-item-heading>.small {
  5337 +.list-group-item.active .list-group-item-heading > small,
  5338 +.list-group-item.active:hover .list-group-item-heading > small,
  5339 +.list-group-item.active:focus .list-group-item-heading > small,
  5340 +.list-group-item.active .list-group-item-heading > .small,
  5341 +.list-group-item.active:hover .list-group-item-heading > .small,
  5342 +.list-group-item.active:focus .list-group-item-heading > .small {
5294 5343 color: inherit
5295 5344 }
5296 5345  
... ... @@ -5466,7 +5515,7 @@ button.list-group-item-danger.active:focus {
5466 5515 border-top-left-radius: 3px
5467 5516 }
5468 5517  
5469   -.panel-heading>.dropdown .dropdown-toggle {
  5518 +.panel-heading > .dropdown .dropdown-toggle {
5470 5519 color: inherit
5471 5520 }
5472 5521  
... ... @@ -5477,11 +5526,11 @@ button.list-group-item-danger.active:focus {
5477 5526 color: inherit
5478 5527 }
5479 5528  
5480   -.panel-title>a,
5481   -.panel-title>small,
5482   -.panel-title>.small,
5483   -.panel-title>small>a,
5484   -.panel-title>.small>a {
  5529 +.panel-title > a,
  5530 +.panel-title > small,
  5531 +.panel-title > .small,
  5532 +.panel-title > small > a,
  5533 +.panel-title > .small > a {
5485 5534 color: inherit
5486 5535 }
5487 5536  
... ... @@ -5493,199 +5542,199 @@ button.list-group-item-danger.active:focus {
5493 5542 border-bottom-left-radius: 3px
5494 5543 }
5495 5544  
5496   -.panel>.list-group,
5497   -.panel>.panel-collapse>.list-group {
  5545 +.panel > .list-group,
  5546 +.panel > .panel-collapse > .list-group {
5498 5547 margin-bottom: 0
5499 5548 }
5500 5549  
5501   -.panel>.list-group .list-group-item,
5502   -.panel>.panel-collapse>.list-group .list-group-item {
  5550 +.panel > .list-group .list-group-item,
  5551 +.panel > .panel-collapse > .list-group .list-group-item {
5503 5552 border-width: 1px 0;
5504 5553 border-radius: 0
5505 5554 }
5506 5555  
5507   -.panel>.list-group:first-child .list-group-item:first-child,
5508   -.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  5556 +.panel > .list-group:first-child .list-group-item:first-child,
  5557 +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
5509 5558 border-top: 0;
5510 5559 border-top-right-radius: 3px;
5511 5560 border-top-left-radius: 3px
5512 5561 }
5513 5562  
5514   -.panel>.list-group:last-child .list-group-item:last-child,
5515   -.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  5563 +.panel > .list-group:last-child .list-group-item:last-child,
  5564 +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
5516 5565 border-bottom: 0;
5517 5566 border-bottom-right-radius: 3px;
5518 5567 border-bottom-left-radius: 3px
5519 5568 }
5520 5569  
5521   -.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  5570 +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
5522 5571 border-top-right-radius: 0;
5523 5572 border-top-left-radius: 0
5524 5573 }
5525 5574  
5526   -.panel-heading+.list-group .list-group-item:first-child {
  5575 +.panel-heading + .list-group .list-group-item:first-child {
5527 5576 border-top-width: 0
5528 5577 }
5529 5578  
5530   -.list-group+.panel-footer {
  5579 +.list-group + .panel-footer {
5531 5580 border-top-width: 0
5532 5581 }
5533 5582  
5534   -.panel>.table,
5535   -.panel>.table-responsive>.table,
5536   -.panel>.panel-collapse>.table {
  5583 +.panel > .table,
  5584 +.panel > .table-responsive > .table,
  5585 +.panel > .panel-collapse > .table {
5537 5586 margin-bottom: 0
5538 5587 }
5539 5588  
5540   -.panel>.table caption,
5541   -.panel>.table-responsive>.table caption,
5542   -.panel>.panel-collapse>.table caption {
  5589 +.panel > .table caption,
  5590 +.panel > .table-responsive > .table caption,
  5591 +.panel > .panel-collapse > .table caption {
5543 5592 padding-left: 15px;
5544 5593 padding-right: 15px
5545 5594 }
5546 5595  
5547   -.panel>.table:first-child,
5548   -.panel>.table-responsive:first-child>.table:first-child {
  5596 +.panel > .table:first-child,
  5597 +.panel > .table-responsive:first-child > .table:first-child {
5549 5598 border-top-right-radius: 3px;
5550 5599 border-top-left-radius: 3px
5551 5600 }
5552 5601  
5553   -.panel>.table:first-child>thead:first-child>tr:first-child,
5554   -.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
5555   -.panel>.table:first-child>tbody:first-child>tr:first-child,
5556   -.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  5602 +.panel > .table:first-child > thead:first-child > tr:first-child,
  5603 +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  5604 +.panel > .table:first-child > tbody:first-child > tr:first-child,
  5605 +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
5557 5606 border-top-left-radius: 3px;
5558 5607 border-top-right-radius: 3px
5559 5608 }
5560 5609  
5561   -.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
5562   -.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
5563   -.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
5564   -.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
5565   -.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
5566   -.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
5567   -.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
5568   -.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  5610 +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5611 +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  5612 +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5613 +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  5614 +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5615 +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  5616 +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  5617 +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
5569 5618 border-top-left-radius: 3px
5570 5619 }
5571 5620  
5572   -.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
5573   -.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
5574   -.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
5575   -.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
5576   -.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
5577   -.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
5578   -.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
5579   -.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  5621 +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5622 +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  5623 +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5624 +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  5625 +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5626 +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  5627 +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  5628 +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
5580 5629 border-top-right-radius: 3px
5581 5630 }
5582 5631  
5583   -.panel>.table:last-child,
5584   -.panel>.table-responsive:last-child>.table:last-child {
  5632 +.panel > .table:last-child,
  5633 +.panel > .table-responsive:last-child > .table:last-child {
5585 5634 border-bottom-right-radius: 3px;
5586 5635 border-bottom-left-radius: 3px
5587 5636 }
5588 5637  
5589   -.panel>.table:last-child>tbody:last-child>tr:last-child,
5590   -.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
5591   -.panel>.table:last-child>tfoot:last-child>tr:last-child,
5592   -.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  5638 +.panel > .table:last-child > tbody:last-child > tr:last-child,
  5639 +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  5640 +.panel > .table:last-child > tfoot:last-child > tr:last-child,
  5641 +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
5593 5642 border-bottom-left-radius: 3px;
5594 5643 border-bottom-right-radius: 3px
5595 5644 }
5596 5645  
5597   -.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
5598   -.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
5599   -.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
5600   -.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
5601   -.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
5602   -.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
5603   -.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
5604   -.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  5646 +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5647 +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  5648 +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5649 +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  5650 +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5651 +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  5652 +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  5653 +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
5605 5654 border-bottom-left-radius: 3px
5606 5655 }
5607 5656  
5608   -.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
5609   -.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
5610   -.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
5611   -.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
5612   -.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
5613   -.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
5614   -.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
5615   -.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  5657 +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5658 +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  5659 +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5660 +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  5661 +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5662 +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  5663 +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  5664 +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
5616 5665 border-bottom-right-radius: 3px
5617 5666 }
5618 5667  
5619   -.panel>.panel-body+.table,
5620   -.panel>.panel-body+.table-responsive,
5621   -.panel>.table+.panel-body,
5622   -.panel>.table-responsive+.panel-body {
  5668 +.panel > .panel-body + .table,
  5669 +.panel > .panel-body + .table-responsive,
  5670 +.panel > .table + .panel-body,
  5671 +.panel > .table-responsive + .panel-body {
5623 5672 border-top: 1px solid #ddd
5624 5673 }
5625 5674  
5626   -.panel>.table>tbody:first-child>tr:first-child th,
5627   -.panel>.table>tbody:first-child>tr:first-child td {
  5675 +.panel > .table > tbody:first-child > tr:first-child th,
  5676 +.panel > .table > tbody:first-child > tr:first-child td {
5628 5677 border-top: 0
5629 5678 }
5630 5679  
5631   -.panel>.table-bordered,
5632   -.panel>.table-responsive>.table-bordered {
  5680 +.panel > .table-bordered,
  5681 +.panel > .table-responsive > .table-bordered {
5633 5682 border: 0
5634 5683 }
5635 5684  
5636   -.panel>.table-bordered>thead>tr>th:first-child,
5637   -.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
5638   -.panel>.table-bordered>tbody>tr>th:first-child,
5639   -.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
5640   -.panel>.table-bordered>tfoot>tr>th:first-child,
5641   -.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
5642   -.panel>.table-bordered>thead>tr>td:first-child,
5643   -.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
5644   -.panel>.table-bordered>tbody>tr>td:first-child,
5645   -.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
5646   -.panel>.table-bordered>tfoot>tr>td:first-child,
5647   -.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  5685 +.panel > .table-bordered > thead > tr > th:first-child,
  5686 +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  5687 +.panel > .table-bordered > tbody > tr > th:first-child,
  5688 +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  5689 +.panel > .table-bordered > tfoot > tr > th:first-child,
  5690 +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  5691 +.panel > .table-bordered > thead > tr > td:first-child,
  5692 +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  5693 +.panel > .table-bordered > tbody > tr > td:first-child,
  5694 +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  5695 +.panel > .table-bordered > tfoot > tr > td:first-child,
  5696 +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
5648 5697 border-left: 0
5649 5698 }
5650 5699  
5651   -.panel>.table-bordered>thead>tr>th:last-child,
5652   -.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
5653   -.panel>.table-bordered>tbody>tr>th:last-child,
5654   -.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
5655   -.panel>.table-bordered>tfoot>tr>th:last-child,
5656   -.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
5657   -.panel>.table-bordered>thead>tr>td:last-child,
5658   -.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
5659   -.panel>.table-bordered>tbody>tr>td:last-child,
5660   -.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
5661   -.panel>.table-bordered>tfoot>tr>td:last-child,
5662   -.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  5700 +.panel > .table-bordered > thead > tr > th:last-child,
  5701 +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  5702 +.panel > .table-bordered > tbody > tr > th:last-child,
  5703 +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  5704 +.panel > .table-bordered > tfoot > tr > th:last-child,
  5705 +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  5706 +.panel > .table-bordered > thead > tr > td:last-child,
  5707 +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  5708 +.panel > .table-bordered > tbody > tr > td:last-child,
  5709 +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  5710 +.panel > .table-bordered > tfoot > tr > td:last-child,
  5711 +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
5663 5712 border-right: 0
5664 5713 }
5665 5714  
5666   -.panel>.table-bordered>thead>tr:first-child>td,
5667   -.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
5668   -.panel>.table-bordered>tbody>tr:first-child>td,
5669   -.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
5670   -.panel>.table-bordered>thead>tr:first-child>th,
5671   -.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
5672   -.panel>.table-bordered>tbody>tr:first-child>th,
5673   -.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  5715 +.panel > .table-bordered > thead > tr:first-child > td,
  5716 +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  5717 +.panel > .table-bordered > tbody > tr:first-child > td,
  5718 +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  5719 +.panel > .table-bordered > thead > tr:first-child > th,
  5720 +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  5721 +.panel > .table-bordered > tbody > tr:first-child > th,
  5722 +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
5674 5723 border-bottom: 0
5675 5724 }
5676 5725  
5677   -.panel>.table-bordered>tbody>tr:last-child>td,
5678   -.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
5679   -.panel>.table-bordered>tfoot>tr:last-child>td,
5680   -.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
5681   -.panel>.table-bordered>tbody>tr:last-child>th,
5682   -.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
5683   -.panel>.table-bordered>tfoot>tr:last-child>th,
5684   -.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  5726 +.panel > .table-bordered > tbody > tr:last-child > td,
  5727 +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  5728 +.panel > .table-bordered > tfoot > tr:last-child > td,
  5729 +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  5730 +.panel > .table-bordered > tbody > tr:last-child > th,
  5731 +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  5732 +.panel > .table-bordered > tfoot > tr:last-child > th,
  5733 +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
5685 5734 border-bottom: 0
5686 5735 }
5687 5736  
5688   -.panel>.table-responsive {
  5737 +.panel > .table-responsive {
5689 5738 border: 0;
5690 5739 margin-bottom: 0
5691 5740 }
... ... @@ -5699,7 +5748,7 @@ button.list-group-item-danger.active:focus {
5699 5748 border-radius: 4px
5700 5749 }
5701 5750  
5702   -.panel-group .panel+.panel {
  5751 +.panel-group .panel + .panel {
5703 5752 margin-top: 5px
5704 5753 }
5705 5754  
... ... @@ -5707,8 +5756,8 @@ button.list-group-item-danger.active:focus {
5707 5756 border-bottom: 0
5708 5757 }
5709 5758  
5710   -.panel-group .panel-heading+.panel-collapse>.panel-body,
5711   -.panel-group .panel-heading+.panel-collapse>.list-group {
  5759 +.panel-group .panel-heading + .panel-collapse > .panel-body,
  5760 +.panel-group .panel-heading + .panel-collapse > .list-group {
5712 5761 border-top: 1px solid #ddd
5713 5762 }
5714 5763  
... ... @@ -5716,7 +5765,7 @@ button.list-group-item-danger.active:focus {
5716 5765 border-top: 0
5717 5766 }
5718 5767  
5719   -.panel-group .panel-footer+.panel-collapse .panel-body {
  5768 +.panel-group .panel-footer + .panel-collapse .panel-body {
5720 5769 border-bottom: 1px solid #ddd
5721 5770 }
5722 5771  
... ... @@ -5724,22 +5773,22 @@ button.list-group-item-danger.active:focus {
5724 5773 border-color: #ddd
5725 5774 }
5726 5775  
5727   -.panel-default>.panel-heading {
  5776 +.panel-default > .panel-heading {
5728 5777 color: #333;
5729 5778 background-color: #f5f5f5;
5730 5779 border-color: #ddd
5731 5780 }
5732 5781  
5733   -.panel-default>.panel-heading+.panel-collapse>.panel-body {
  5782 +.panel-default > .panel-heading + .panel-collapse > .panel-body {
5734 5783 border-top-color: #ddd
5735 5784 }
5736 5785  
5737   -.panel-default>.panel-heading .badge {
  5786 +.panel-default > .panel-heading .badge {
5738 5787 color: #f5f5f5;
5739 5788 background-color: #333
5740 5789 }
5741 5790  
5742   -.panel-default>.panel-footer+.panel-collapse>.panel-body {
  5791 +.panel-default > .panel-footer + .panel-collapse > .panel-body {
5743 5792 border-bottom-color: #ddd
5744 5793 }
5745 5794  
... ... @@ -5747,22 +5796,22 @@ button.list-group-item-danger.active:focus {
5747 5796 border-color: #337ab7
5748 5797 }
5749 5798  
5750   -.panel-primary>.panel-heading {
  5799 +.panel-primary > .panel-heading {
5751 5800 color: #fff;
5752 5801 background-color: #337ab7;
5753 5802 border-color: #337ab7
5754 5803 }
5755 5804  
5756   -.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  5805 +.panel-primary > .panel-heading + .panel-collapse > .panel-body {
5757 5806 border-top-color: #337ab7
5758 5807 }
5759 5808  
5760   -.panel-primary>.panel-heading .badge {
  5809 +.panel-primary > .panel-heading .badge {
5761 5810 color: #337ab7;
5762 5811 background-color: #fff
5763 5812 }
5764 5813  
5765   -.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  5814 +.panel-primary > .panel-footer + .panel-collapse > .panel-body {
5766 5815 border-bottom-color: #337ab7
5767 5816 }
5768 5817  
... ... @@ -5770,22 +5819,22 @@ button.list-group-item-danger.active:focus {
5770 5819 border-color: #d6e9c6
5771 5820 }
5772 5821  
5773   -.panel-success>.panel-heading {
  5822 +.panel-success > .panel-heading {
5774 5823 color: #3c763d;
5775 5824 background-color: #dff0d8;
5776 5825 border-color: #d6e9c6
5777 5826 }
5778 5827  
5779   -.panel-success>.panel-heading+.panel-collapse>.panel-body {
  5828 +.panel-success > .panel-heading + .panel-collapse > .panel-body {
5780 5829 border-top-color: #d6e9c6
5781 5830 }
5782 5831  
5783   -.panel-success>.panel-heading .badge {
  5832 +.panel-success > .panel-heading .badge {
5784 5833 color: #dff0d8;
5785 5834 background-color: #3c763d
5786 5835 }
5787 5836  
5788   -.panel-success>.panel-footer+.panel-collapse>.panel-body {
  5837 +.panel-success > .panel-footer + .panel-collapse > .panel-body {
5789 5838 border-bottom-color: #d6e9c6
5790 5839 }
5791 5840  
... ... @@ -5793,22 +5842,22 @@ button.list-group-item-danger.active:focus {
5793 5842 border-color: #bce8f1
5794 5843 }
5795 5844  
5796   -.panel-info>.panel-heading {
  5845 +.panel-info > .panel-heading {
5797 5846 color: #31708f;
5798 5847 background-color: #d9edf7;
5799 5848 border-color: #bce8f1
5800 5849 }
5801 5850  
5802   -.panel-info>.panel-heading+.panel-collapse>.panel-body {
  5851 +.panel-info > .panel-heading + .panel-collapse > .panel-body {
5803 5852 border-top-color: #bce8f1
5804 5853 }
5805 5854  
5806   -.panel-info>.panel-heading .badge {
  5855 +.panel-info > .panel-heading .badge {
5807 5856 color: #d9edf7;
5808 5857 background-color: #31708f
5809 5858 }
5810 5859  
5811   -.panel-info>.panel-footer+.panel-collapse>.panel-body {
  5860 +.panel-info > .panel-footer + .panel-collapse > .panel-body {
5812 5861 border-bottom-color: #bce8f1
5813 5862 }
5814 5863  
... ... @@ -5816,22 +5865,22 @@ button.list-group-item-danger.active:focus {
5816 5865 border-color: #faebcc
5817 5866 }
5818 5867  
5819   -.panel-warning>.panel-heading {
  5868 +.panel-warning > .panel-heading {
5820 5869 color: #8a6d3b;
5821 5870 background-color: #fcf8e3;
5822 5871 border-color: #faebcc
5823 5872 }
5824 5873  
5825   -.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  5874 +.panel-warning > .panel-heading + .panel-collapse > .panel-body {
5826 5875 border-top-color: #faebcc
5827 5876 }
5828 5877  
5829   -.panel-warning>.panel-heading .badge {
  5878 +.panel-warning > .panel-heading .badge {
5830 5879 color: #fcf8e3;
5831 5880 background-color: #8a6d3b
5832 5881 }
5833 5882  
5834   -.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  5883 +.panel-warning > .panel-footer + .panel-collapse > .panel-body {
5835 5884 border-bottom-color: #faebcc
5836 5885 }
5837 5886  
... ... @@ -5839,22 +5888,22 @@ button.list-group-item-danger.active:focus {
5839 5888 border-color: #ebccd1
5840 5889 }
5841 5890  
5842   -.panel-danger>.panel-heading {
  5891 +.panel-danger > .panel-heading {
5843 5892 color: #a94442;
5844 5893 background-color: #f2dede;
5845 5894 border-color: #ebccd1
5846 5895 }
5847 5896  
5848   -.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  5897 +.panel-danger > .panel-heading + .panel-collapse > .panel-body {
5849 5898 border-top-color: #ebccd1
5850 5899 }
5851 5900  
5852   -.panel-danger>.panel-heading .badge {
  5901 +.panel-danger > .panel-heading .badge {
5853 5902 color: #f2dede;
5854 5903 background-color: #a94442
5855 5904 }
5856 5905  
5857   -.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  5906 +.panel-danger > .panel-footer + .panel-collapse > .panel-body {
5858 5907 border-bottom-color: #ebccd1
5859 5908 }
5860 5909  
... ... @@ -6046,16 +6095,16 @@ button.close {
6046 6095 border-top: 1px solid #e5e5e5
6047 6096 }
6048 6097  
6049   -.modal-footer .btn+.btn {
  6098 +.modal-footer .btn + .btn {
6050 6099 margin-left: 5px;
6051 6100 margin-bottom: 0
6052 6101 }
6053 6102  
6054   -.modal-footer .btn-group .btn+.btn {
  6103 +.modal-footer .btn-group .btn + .btn {
6055 6104 margin-left: -1px
6056 6105 }
6057 6106  
6058   -.modal-footer .btn-block+.btn-block {
  6107 +.modal-footer .btn-block + .btn-block {
6059 6108 margin-left: 0
6060 6109 }
6061 6110  
... ... @@ -6067,21 +6116,23 @@ button.close {
6067 6116 overflow: scroll
6068 6117 }
6069 6118  
6070   -@media (min-width:768px) {
  6119 +@media (min-width: 768px) {
6071 6120 .modal-dialog {
6072 6121 width: 600px;
6073 6122 margin: 30px auto
6074 6123 }
  6124 +
6075 6125 .modal-content {
6076 6126 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
6077 6127 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
6078 6128 }
  6129 +
6079 6130 .modal-sm {
6080 6131 width: 300px
6081 6132 }
6082 6133 }
6083 6134  
6084   -@media (min-width:992px) {
  6135 +@media (min-width: 992px) {
6085 6136 .modal-lg {
6086 6137 width: 900px
6087 6138 }
... ... @@ -6280,8 +6331,8 @@ button.close {
6280 6331 padding: 9px 14px
6281 6332 }
6282 6333  
6283   -.popover>.arrow,
6284   -.popover>.arrow:after {
  6334 +.popover > .arrow,
  6335 +.popover > .arrow:after {
6285 6336 position: absolute;
6286 6337 display: block;
6287 6338 width: 0;
... ... @@ -6290,16 +6341,16 @@ button.close {
6290 6341 border-style: solid
6291 6342 }
6292 6343  
6293   -.popover>.arrow {
  6344 +.popover > .arrow {
6294 6345 border-width: 11px
6295 6346 }
6296 6347  
6297   -.popover>.arrow:after {
  6348 +.popover > .arrow:after {
6298 6349 border-width: 10px;
6299 6350 content: ""
6300 6351 }
6301 6352  
6302   -.popover.top>.arrow {
  6353 +.popover.top > .arrow {
6303 6354 left: 50%;
6304 6355 margin-left: -11px;
6305 6356 border-bottom-width: 0;
... ... @@ -6308,7 +6359,7 @@ button.close {
6308 6359 bottom: -11px
6309 6360 }
6310 6361  
6311   -.popover.top>.arrow:after {
  6362 +.popover.top > .arrow:after {
6312 6363 content: " ";
6313 6364 bottom: 1px;
6314 6365 margin-left: -10px;
... ... @@ -6316,7 +6367,7 @@ button.close {
6316 6367 border-top-color: #fff
6317 6368 }
6318 6369  
6319   -.popover.right>.arrow {
  6370 +.popover.right > .arrow {
6320 6371 top: 50%;
6321 6372 left: -11px;
6322 6373 margin-top: -11px;
... ... @@ -6325,7 +6376,7 @@ button.close {
6325 6376 border-right-color: rgba(0, 0, 0, 0.25)
6326 6377 }
6327 6378  
6328   -.popover.right>.arrow:after {
  6379 +.popover.right > .arrow:after {
6329 6380 content: " ";
6330 6381 left: 1px;
6331 6382 bottom: -10px;
... ... @@ -6333,7 +6384,7 @@ button.close {
6333 6384 border-right-color: #fff
6334 6385 }
6335 6386  
6336   -.popover.bottom>.arrow {
  6387 +.popover.bottom > .arrow {
6337 6388 left: 50%;
6338 6389 margin-left: -11px;
6339 6390 border-top-width: 0;
... ... @@ -6342,7 +6393,7 @@ button.close {
6342 6393 top: -11px
6343 6394 }
6344 6395  
6345   -.popover.bottom>.arrow:after {
  6396 +.popover.bottom > .arrow:after {
6346 6397 content: " ";
6347 6398 top: 1px;
6348 6399 margin-left: -10px;
... ... @@ -6350,7 +6401,7 @@ button.close {
6350 6401 border-bottom-color: #fff
6351 6402 }
6352 6403  
6353   -.popover.left>.arrow {
  6404 +.popover.left > .arrow {
6354 6405 top: 50%;
6355 6406 right: -11px;
6356 6407 margin-top: -11px;
... ... @@ -6359,7 +6410,7 @@ button.close {
6359 6410 border-left-color: rgba(0, 0, 0, 0.25)
6360 6411 }
6361 6412  
6362   -.popover.left>.arrow:after {
  6413 +.popover.left > .arrow:after {
6363 6414 content: " ";
6364 6415 right: 1px;
6365 6416 border-right-width: 0;
... ... @@ -6377,7 +6428,7 @@ button.close {
6377 6428 width: 100%
6378 6429 }
6379 6430  
6380   -.carousel-inner>.item {
  6431 +.carousel-inner > .item {
6381 6432 display: none;
6382 6433 position: relative;
6383 6434 -webkit-transition: .6s ease-in-out left;
... ... @@ -6385,14 +6436,14 @@ button.close {
6385 6436 transition: .6s ease-in-out left
6386 6437 }
6387 6438  
6388   -.carousel-inner>.item>img,
6389   -.carousel-inner>.item>a>img {
  6439 +.carousel-inner > .item > img,
  6440 +.carousel-inner > .item > a > img {
6390 6441 line-height: 1
6391 6442 }
6392 6443  
6393 6444 @media all and (transform-3d),
6394 6445 (-webkit-transform-3d) {
6395   - .carousel-inner>.item {
  6446 + .carousel-inner > .item {
6396 6447 -webkit-transition: -webkit-transform 0.6s ease-in-out;
6397 6448 -o-transition: -o-transform 0.6s ease-in-out;
6398 6449 transition: transform 0.6s ease-in-out;
... ... @@ -6401,62 +6452,65 @@ button.close {
6401 6452 -webkit-perspective: 1000px;
6402 6453 perspective: 1000px
6403 6454 }
6404   - .carousel-inner>.item.next,
6405   - .carousel-inner>.item.active.right {
  6455 +
  6456 + .carousel-inner > .item.next,
  6457 + .carousel-inner > .item.active.right {
6406 6458 -webkit-transform: translate3d(100%, 0, 0);
6407 6459 transform: translate3d(100%, 0, 0);
6408 6460 left: 0
6409 6461 }
6410   - .carousel-inner>.item.prev,
6411   - .carousel-inner>.item.active.left {
  6462 +
  6463 + .carousel-inner > .item.prev,
  6464 + .carousel-inner > .item.active.left {
6412 6465 -webkit-transform: translate3d(-100%, 0, 0);
6413 6466 transform: translate3d(-100%, 0, 0);
6414 6467 left: 0
6415 6468 }
6416   - .carousel-inner>.item.next.left,
6417   - .carousel-inner>.item.prev.right,
6418   - .carousel-inner>.item.active {
  6469 +
  6470 + .carousel-inner > .item.next.left,
  6471 + .carousel-inner > .item.prev.right,
  6472 + .carousel-inner > .item.active {
6419 6473 -webkit-transform: translate3d(0, 0, 0);
6420 6474 transform: translate3d(0, 0, 0);
6421 6475 left: 0
6422 6476 }
6423 6477 }
6424 6478  
6425   -.carousel-inner>.active,
6426   -.carousel-inner>.next,
6427   -.carousel-inner>.prev {
  6479 +.carousel-inner > .active,
  6480 +.carousel-inner > .next,
  6481 +.carousel-inner > .prev {
6428 6482 display: block
6429 6483 }
6430 6484  
6431   -.carousel-inner>.active {
  6485 +.carousel-inner > .active {
6432 6486 left: 0
6433 6487 }
6434 6488  
6435   -.carousel-inner>.next,
6436   -.carousel-inner>.prev {
  6489 +.carousel-inner > .next,
  6490 +.carousel-inner > .prev {
6437 6491 position: absolute;
6438 6492 top: 0;
6439 6493 width: 100%
6440 6494 }
6441 6495  
6442   -.carousel-inner>.next {
  6496 +.carousel-inner > .next {
6443 6497 left: 100%
6444 6498 }
6445 6499  
6446   -.carousel-inner>.prev {
  6500 +.carousel-inner > .prev {
6447 6501 left: -100%
6448 6502 }
6449 6503  
6450   -.carousel-inner>.next.left,
6451   -.carousel-inner>.prev.right {
  6504 +.carousel-inner > .next.left,
  6505 +.carousel-inner > .prev.right {
6452 6506 left: 0
6453 6507 }
6454 6508  
6455   -.carousel-inner>.active.left {
  6509 +.carousel-inner > .active.left {
6456 6510 left: -100%
6457 6511 }
6458 6512  
6459   -.carousel-inner>.active.right {
  6513 +.carousel-inner > .active.right {
6460 6514 left: 100%
6461 6515 }
6462 6516  
... ... @@ -6480,7 +6534,7 @@ button.close {
6480 6534 background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
6481 6535 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
6482 6536 background-repeat: repeat-x;
6483   - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
  6537 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
6484 6538 }
6485 6539  
6486 6540 .carousel-control.right {
... ... @@ -6491,51 +6545,60 @@ button.close {
6491 6545 background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
6492 6546 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
6493 6547 background-repeat: repeat-x;
6494   - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
  6548 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
  6549 +}
  6550 +
  6551 +.owl-pagination {
  6552 + display: none;
6495 6553 }
6496 6554  
6497   -.owl-pagination {display: none;}
6498 6555 .owl-controls .owl-buttons div {
6499 6556 width: 34px !important;
6500 6557 height: 50px !important;
6501 6558 background: #596065 !important;
6502   - top:50% !important;
  6559 + top: 50% !important;
6503 6560 margin: -25px 0 0 0 !important;
6504 6561 opacity: 1 !important;
6505 6562 border-radius: 0 !important;
6506   - padding: 0!important;
  6563 + padding: 0 !important;
6507 6564 position: absolute;
6508 6565 }
  6566 +
6509 6567 .owl-controls .owl-buttons div:hover {
6510 6568 background: #acafb2 !important;
6511   - transition: 0.2s!important;
  6569 + transition: 0.2s !important;
6512 6570 }
  6571 +
6513 6572 .owl-controls .owl-buttons .owl-prev {
6514 6573 border-top-right-radius: 4px !important;
6515 6574 border-bottom-right-radius: 4px !important;
6516 6575 left: -20px;
6517 6576  
6518 6577 }
  6578 +
6519 6579 .owl-controls .owl-buttons .owl-next {
6520 6580 border-top-left-radius: 4px !important;
6521 6581 border-bottom-left-radius: 4px !important;
6522 6582 right: -20px;
6523 6583  
6524 6584 }
  6585 +
6525 6586 .owl-controls .owl-buttons div:before {
6526 6587 position: absolute;
6527 6588 content: '';
6528 6589 width: 8px;
6529 6590 height: 22px;
6530 6591 background: url(../images/arrows_blocks.png) no-repeat;
6531   - top:50%;
  6592 + top: 50%;
6532 6593 margin-top: -11px;
6533 6594 left: 50%;
6534 6595 margin-left: -4px;
6535 6596 }
  6597 +
6536 6598 .owl-controls .owl-buttons .owl-prev:before {
6537 6599 background-position: 0 0;
6538 6600 }
  6601 +
6539 6602 .owl-controls .owl-buttons .owl-next:before {
6540 6603 background-position: -8px 0;
6541 6604 }
... ... @@ -6637,7 +6700,7 @@ button.close {
6637 6700 text-shadow: none
6638 6701 }
6639 6702  
6640   -@media screen and (min-width:768px) {
  6703 +@media screen and (min-width: 768px) {
6641 6704 .carousel-control .glyphicon-chevron-left,
6642 6705 .carousel-control .glyphicon-chevron-right,
6643 6706 .carousel-control .icon-prev,
... ... @@ -6647,19 +6710,23 @@ button.close {
6647 6710 margin-top: -15px;
6648 6711 font-size: 30px
6649 6712 }
  6713 +
6650 6714 .carousel-control .glyphicon-chevron-left,
6651 6715 .carousel-control .icon-prev {
6652 6716 margin-left: -15px
6653 6717 }
  6718 +
6654 6719 .carousel-control .glyphicon-chevron-right,
6655 6720 .carousel-control .icon-next {
6656 6721 margin-right: -15px
6657 6722 }
  6723 +
6658 6724 .carousel-caption {
6659 6725 left: 20%;
6660 6726 right: 20%;
6661 6727 padding-bottom: 30px
6662 6728 }
  6729 +
6663 6730 .carousel-indicators {
6664 6731 bottom: 20px
6665 6732 }
... ... @@ -6671,8 +6738,8 @@ button.close {
6671 6738 .form-horizontal .form-group:after,
6672 6739 .btn-toolbar:before,
6673 6740 .btn-toolbar:after,
6674   -.btn-group-vertical>.btn-group:before,
6675   -.btn-group-vertical>.btn-group:after,
  6741 +.btn-group-vertical > .btn-group:before,
  6742 +.btn-group-vertical > .btn-group:after,
6676 6743 .nav:before,
6677 6744 .nav:after,
6678 6745 .navbar:before,
... ... @@ -6694,7 +6761,7 @@ button.close {
6694 6761 .clearfix:after,
6695 6762 .form-horizontal .form-group:after,
6696 6763 .btn-toolbar:after,
6697   -.btn-group-vertical>.btn-group:after,
  6764 +.btn-group-vertical > .btn-group:after,
6698 6765 .nav:after,
6699 6766 .navbar:after,
6700 6767 .navbar-header:after,
... ... @@ -6773,161 +6840,173 @@ button.close {
6773 6840 display: none !important
6774 6841 }
6775 6842  
6776   -@media (max-width:767px) {
  6843 +@media (max-width: 767px) {
6777 6844 .visible-xs {
6778 6845 display: block !important
6779 6846 }
  6847 +
6780 6848 table.visible-xs {
6781 6849 display: table !important
6782 6850 }
  6851 +
6783 6852 tr.visible-xs {
6784 6853 display: table-row !important
6785 6854 }
  6855 +
6786 6856 th.visible-xs,
6787 6857 td.visible-xs {
6788 6858 display: table-cell !important
6789 6859 }
6790 6860 }
6791 6861  
6792   -@media (max-width:767px) {
  6862 +@media (max-width: 767px) {
6793 6863 .visible-xs-block {
6794 6864 display: block !important
6795 6865 }
6796 6866 }
6797 6867  
6798   -@media (max-width:767px) {
  6868 +@media (max-width: 767px) {
6799 6869 .visible-xs-inline {
6800 6870 display: inline !important
6801 6871 }
6802 6872 }
6803 6873  
6804   -@media (max-width:767px) {
  6874 +@media (max-width: 767px) {
6805 6875 .visible-xs-inline-block {
6806 6876 display: inline-block !important
6807 6877 }
6808 6878 }
6809 6879  
6810   -@media (min-width:768px) and (max-width:991px) {
  6880 +@media (min-width: 768px) and (max-width: 991px) {
6811 6881 .visible-sm {
6812 6882 display: block !important
6813 6883 }
  6884 +
6814 6885 table.visible-sm {
6815 6886 display: table !important
6816 6887 }
  6888 +
6817 6889 tr.visible-sm {
6818 6890 display: table-row !important
6819 6891 }
  6892 +
6820 6893 th.visible-sm,
6821 6894 td.visible-sm {
6822 6895 display: table-cell !important
6823 6896 }
6824 6897 }
6825 6898  
6826   -@media (min-width:768px) and (max-width:991px) {
  6899 +@media (min-width: 768px) and (max-width: 991px) {
6827 6900 .visible-sm-block {
6828 6901 display: block !important
6829 6902 }
6830 6903 }
6831 6904  
6832   -@media (min-width:768px) and (max-width:991px) {
  6905 +@media (min-width: 768px) and (max-width: 991px) {
6833 6906 .visible-sm-inline {
6834 6907 display: inline !important
6835 6908 }
6836 6909 }
6837 6910  
6838   -@media (min-width:768px) and (max-width:991px) {
  6911 +@media (min-width: 768px) and (max-width: 991px) {
6839 6912 .visible-sm-inline-block {
6840 6913 display: inline-block !important
6841 6914 }
6842 6915 }
6843 6916  
6844   -@media (min-width:992px) and (max-width:1199px) {
  6917 +@media (min-width: 992px) and (max-width: 1199px) {
6845 6918 .visible-md {
6846 6919 display: block !important
6847 6920 }
  6921 +
6848 6922 table.visible-md {
6849 6923 display: table !important
6850 6924 }
  6925 +
6851 6926 tr.visible-md {
6852 6927 display: table-row !important
6853 6928 }
  6929 +
6854 6930 th.visible-md,
6855 6931 td.visible-md {
6856 6932 display: table-cell !important
6857 6933 }
6858 6934 }
6859 6935  
6860   -@media (min-width:992px) and (max-width:1199px) {
  6936 +@media (min-width: 992px) and (max-width: 1199px) {
6861 6937 .visible-md-block {
6862 6938 display: block !important
6863 6939 }
6864 6940 }
6865 6941  
6866   -@media (min-width:992px) and (max-width:1199px) {
  6942 +@media (min-width: 992px) and (max-width: 1199px) {
6867 6943 .visible-md-inline {
6868 6944 display: inline !important
6869 6945 }
6870 6946 }
6871 6947  
6872   -@media (min-width:992px) and (max-width:1199px) {
  6948 +@media (min-width: 992px) and (max-width: 1199px) {
6873 6949 .visible-md-inline-block {
6874 6950 display: inline-block !important
6875 6951 }
6876 6952 }
6877 6953  
6878   -@media (min-width:1200px) {
  6954 +@media (min-width: 1200px) {
6879 6955 .visible-lg {
6880 6956 display: block !important
6881 6957 }
  6958 +
6882 6959 table.visible-lg {
6883 6960 display: table !important
6884 6961 }
  6962 +
6885 6963 tr.visible-lg {
6886 6964 display: table-row !important
6887 6965 }
  6966 +
6888 6967 th.visible-lg,
6889 6968 td.visible-lg {
6890 6969 display: table-cell !important
6891 6970 }
6892 6971 }
6893 6972  
6894   -@media (min-width:1200px) {
  6973 +@media (min-width: 1200px) {
6895 6974 .visible-lg-block {
6896 6975 display: block !important
6897 6976 }
6898 6977 }
6899 6978  
6900   -@media (min-width:1200px) {
  6979 +@media (min-width: 1200px) {
6901 6980 .visible-lg-inline {
6902 6981 display: inline !important
6903 6982 }
6904 6983 }
6905 6984  
6906   -@media (min-width:1200px) {
  6985 +@media (min-width: 1200px) {
6907 6986 .visible-lg-inline-block {
6908 6987 display: inline-block !important
6909 6988 }
6910 6989 }
6911 6990  
6912   -@media (max-width:767px) {
  6991 +@media (max-width: 767px) {
6913 6992 .hidden-xs {
6914 6993 display: none !important
6915 6994 }
6916 6995 }
6917 6996  
6918   -@media (min-width:768px) and (max-width:991px) {
  6997 +@media (min-width: 768px) and (max-width: 991px) {
6919 6998 .hidden-sm {
6920 6999 display: none !important
6921 7000 }
6922 7001 }
6923 7002  
6924   -@media (min-width:992px) and (max-width:1199px) {
  7003 +@media (min-width: 992px) and (max-width: 1199px) {
6925 7004 .hidden-md {
6926 7005 display: none !important
6927 7006 }
6928 7007 }
6929 7008  
6930   -@media (min-width:1200px) {
  7009 +@media (min-width: 1200px) {
6931 7010 .hidden-lg {
6932 7011 display: none !important
6933 7012 }
... ... @@ -6941,12 +7020,15 @@ button.close {
6941 7020 .visible-print {
6942 7021 display: block !important
6943 7022 }
  7023 +
6944 7024 table.visible-print {
6945 7025 display: table !important
6946 7026 }
  7027 +
6947 7028 tr.visible-print {
6948 7029 display: table-row !important
6949 7030 }
  7031 +
6950 7032 th.visible-print,
6951 7033 td.visible-print {
6952 7034 display: table-cell !important
... ... @@ -6989,7 +7071,6 @@ button.close {
6989 7071 }
6990 7072 }
6991 7073  
6992   -
6993 7074 /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
6994 7075  
6995 7076 html {
... ... @@ -7082,12 +7163,14 @@ textarea {
7082 7163 clear: both
7083 7164 }
7084 7165  
7085   -@media only screen and (min-width: 35em) {}
  7166 +@media only screen and (min-width: 35em) {
  7167 +}
7086 7168  
7087 7169 @media print,
7088 7170 (-webkit-min-device-pixel-ratio: 1.25),
7089 7171 (min-resolution: 1.25dppx),
7090   -(min-resolution: 120dpi) {}
  7172 +(min-resolution: 120dpi) {
  7173 +}
7091 7174  
7092 7175 @media print {
7093 7176 *,
... ... @@ -7098,48 +7181,57 @@ textarea {
7098 7181 box-shadow: none !important;
7099 7182 text-shadow: none !important
7100 7183 }
  7184 +
7101 7185 a,
7102 7186 a:visited {
7103 7187 text-decoration: underline
7104 7188 }
  7189 +
7105 7190 a[href]:after {
7106 7191 content: " (" attr(href) ")"
7107 7192 }
  7193 +
7108 7194 abbr[title]:after {
7109 7195 content: " (" attr(title) ")"
7110 7196 }
  7197 +
7111 7198 a[href^="#"]:after,
7112 7199 a[href^="javascript:"]:after {
7113 7200 content: ""
7114 7201 }
  7202 +
7115 7203 pre,
7116 7204 blockquote {
7117 7205 border: 1px solid #999;
7118 7206 page-break-inside: avoid
7119 7207 }
  7208 +
7120 7209 thead {
7121 7210 display: table-header-group
7122 7211 }
  7212 +
7123 7213 tr,
7124 7214 img {
7125 7215 page-break-inside: avoid
7126 7216 }
  7217 +
7127 7218 img {
7128 7219 max-width: 100% !important
7129 7220 }
  7221 +
7130 7222 p,
7131 7223 h2,
7132 7224 h3 {
7133 7225 orphans: 3;
7134 7226 widows: 3
7135 7227 }
  7228 +
7136 7229 h2,
7137 7230 h3 {
7138 7231 page-break-after: avoid
7139 7232 }
7140 7233 }
7141 7234  
7142   -
7143 7235 /*! HTML5 linija-svitla.ua v1.0.0 */
7144 7236  
7145 7237 body,
... ... @@ -7331,8 +7423,8 @@ a.popup {
7331 7423 -webkit-border-radius: 4px;
7332 7424 -moz-border-radius: 4px;
7333 7425 border-radius: 4px;
7334   - filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
7335   - filter: progid: dximagetransform.microsoft.gradient(enabled=false);
  7426 + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
  7427 + filter: progid:dximagetransform.microsoft.gradient(enabled=false);
7336 7428 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
7337 7429 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
7338 7430 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
... ... @@ -7381,7 +7473,8 @@ a.popup {
7381 7473 z-index: 1999
7382 7474 }
7383 7475  
7384   -#top-nav {}
  7476 +#top-nav {
  7477 +}
7385 7478  
7386 7479 #top-nav .phones {
7387 7480 float: left;
... ... @@ -7417,11 +7510,11 @@ a.popup {
7417 7510 background: none
7418 7511 }
7419 7512  
7420   -#top-nav ul.top-menu>li:hover>ul {
  7513 +#top-nav ul.top-menu > li:hover > ul {
7421 7514 display: block
7422 7515 }
7423 7516  
7424   -#top-nav ul.top-menu>li>ul {
  7517 +#top-nav ul.top-menu > li > ul {
7425 7518 background: #fff;
7426 7519 max-width: 320px;
7427 7520 min-width: 120px;
... ... @@ -7438,12 +7531,12 @@ a.popup {
7438 7531 box-shadow: 4px 5px 1px 5px rgba(0, 0, 0, 0.2)
7439 7532 }
7440 7533  
7441   -#top-nav ul.top-menu>li>ul>li {
  7534 +#top-nav ul.top-menu > li > ul > li {
7442 7535 float: left;
7443 7536 width: 100%
7444 7537 }
7445 7538  
7446   -#top-nav ul.top-menu>li>ul>li>a {
  7539 +#top-nav ul.top-menu > li > ul > li > a {
7447 7540 float: left;
7448 7541 width: 100%;
7449 7542 padding: 5px 10px;
... ... @@ -7452,7 +7545,7 @@ a.popup {
7452 7545 text-transform: none
7453 7546 }
7454 7547  
7455   -#top-nav ul.top-menu>li>ul>li>a:hover {
  7548 +#top-nav ul.top-menu > li > ul > li > a:hover {
7456 7549 color: red
7457 7550 }
7458 7551  
... ... @@ -7582,7 +7675,8 @@ p.empty-cart {
7582 7675 padding: 5px 0
7583 7676 }
7584 7677  
7585   -#top-cart #top-cart-content.small-cart {}
  7678 +#top-cart #top-cart-content.small-cart {
  7679 +}
7586 7680  
7587 7681 #top-cart #top-cart-content.small-cart .in_the_cart {
7588 7682 display: none
... ... @@ -7634,7 +7728,7 @@ p.empty-cart {
7634 7728  
7635 7729 .eraseCartBtnCell .btn {
7636 7730 background: #fff !important;
7637   - border: 1px solid #DADADA;
  7731 + border: 1px solid #dadada;
7638 7732 color: #999
7639 7733 }
7640 7734  
... ... @@ -7650,7 +7744,7 @@ p.empty-cart {
7650 7744 table.tbl_cart .totalPrice {
7651 7745 font-size: 20px;
7652 7746 color: #000;
7653   - color: #236FB4
  7747 + color: #236fb4
7654 7748 }
7655 7749  
7656 7750 table.tbl_cart .totalPrice label#total {
... ... @@ -7723,7 +7817,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7723 7817  
7724 7818 #myForm .modal-dialog.buy-product .h3 {
7725 7819 font-size: 17px;
7726   - color: #235B94
  7820 + color: #235b94
7727 7821 }
7728 7822  
7729 7823 #header_search {
... ... @@ -7842,7 +7936,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7842 7936 background: -o-linear-gradient(top, #1f62a5 1%, #115597 100%);
7843 7937 background: -ms-linear-gradient(top, #1f62a5 1%, #115597 100%);
7844 7938 background: linear-gradient(to bottom, #1f62a5 1%, #115597 100%);
7845   - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1f62a5', endColorstr='#115597', GradientType=0)
  7939 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f62a5', endColorstr='#115597', GradientType=0)
7846 7940 }
7847 7941  
7848 7942 #menu-bar {
... ... @@ -7861,10 +7955,10 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7861 7955 padding: 0;
7862 7956 float: left;
7863 7957 list-style: none;
7864   - position:relative;
  7958 + position: relative;
7865 7959 }
7866 7960  
7867   -#menu-bar>li:hover {
  7961 +#menu-bar > li:hover {
7868 7962 background: rgba(0, 0, 0, 0.1)
7869 7963 }
7870 7964  
... ... @@ -7885,7 +7979,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7885 7979 text-transform: uppercase
7886 7980 }
7887 7981  
7888   -#menu-bar>li>a {
  7982 +#menu-bar > li > a {
7889 7983 position: relative
7890 7984 }
7891 7985  
... ... @@ -7895,14 +7989,15 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7895 7989  
7896 7990 #menu-bar li ul li a {
7897 7991 float: left;
7898   - border-right: 1px solid #F3F3F3 !important;
  7992 + border-right: 1px solid #f3f3f3 !important;
7899 7993 margin: 0
7900 7994 }
7901 7995  
7902   -#menu-bar li ul li:first-child a {}
  7996 +#menu-bar li ul li:first-child a {
  7997 +}
7903 7998  
7904 7999 #menu-bar .active a,
7905   -#menu-bar li:hover>a {
  8000 +#menu-bar li:hover > a {
7906 8001 color: #fff
7907 8002 }
7908 8003  
... ... @@ -7913,7 +8008,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7913 8008 #menu-bar ul li:hover a,
7914 8009 #menu-bar li:hover li a {
7915 8010 background: none;
7916   - border: 1px solid #F3F3F3;
  8011 + border: 1px solid #f3f3f3;
7917 8012 color: #666;
7918 8013 -box-shadow: none;
7919 8014 -webkit-box-shadow: none;
... ... @@ -7938,19 +8033,19 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7938 8033 text-decoration: underline
7939 8034 }
7940 8035  
7941   -#menu-bar li:hover>ul {
  8036 +#menu-bar li:hover > ul {
7942 8037 display: block
7943 8038 }
7944 8039  
7945 8040 #menu-bar ul {
7946   - width:690px;
  8041 + width: 690px;
7947 8042 background: #f3f3f3;
7948 8043 display: none;
7949 8044 margin: 0;
7950 8045 padding: 0;
7951 8046 position: absolute;
7952 8047 top: 52px;
7953   - left:0;
  8048 + left: 0;
7954 8049 -webkit-border-radius: 0 0 10px 10px;
7955 8050 border-radius: 0 0 10px 10px;
7956 8051 -webkit-box-shadow: 4px 5px 1px 5px rgba(0, 0, 0, 0.2);
... ... @@ -7959,7 +8054,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
7959 8054  
7960 8055 #menu-bar li:nth-child(n+6) ul {
7961 8056 left: inherit;
7962   - right:0;
  8057 + right: 0;
7963 8058 }
7964 8059  
7965 8060 #menu-bar ul li {
... ... @@ -8089,7 +8184,7 @@ html[xmlns] #menu-bar {
8089 8184 text-align: center
8090 8185 }
8091 8186  
8092   -.carousel-inner>.item {
  8187 +.carousel-inner > .item {
8093 8188 display: none;
8094 8189 position: relative;
8095 8190 -webkit-transition: 0.6s ease-in-out left;
... ... @@ -8097,14 +8192,14 @@ html[xmlns] #menu-bar {
8097 8192 transition: 0.6s ease-in-out left
8098 8193 }
8099 8194  
8100   -.carousel-inner>.item>img,
8101   -.carousel-inner>.item>a>img {
  8195 +.carousel-inner > .item > img,
  8196 +.carousel-inner > .item > a > img {
8102 8197 line-height: 1
8103 8198 }
8104 8199  
8105 8200 @media all and (transform-3d),
8106 8201 (-webkit-transform-3d) {
8107   - .carousel-inner>.item {
  8202 + .carousel-inner > .item {
8108 8203 -webkit-transition: -webkit-transform 0.6s ease-in-out;
8109 8204 -o-transition: -o-transform 0.6s ease-in-out;
8110 8205 transition: transform 0.6s ease-in-out;
... ... @@ -8113,62 +8208,65 @@ html[xmlns] #menu-bar {
8113 8208 -webkit-perspective: 1000px;
8114 8209 perspective: 1000px
8115 8210 }
8116   - .carousel-inner>.item.next,
8117   - .carousel-inner>.item.active.right {
  8211 +
  8212 + .carousel-inner > .item.next,
  8213 + .carousel-inner > .item.active.right {
8118 8214 -webkit-transform: translate3d(100%, 0, 0);
8119 8215 transform: translate3d(100%, 0, 0);
8120 8216 left: 0
8121 8217 }
8122   - .carousel-inner>.item.prev,
8123   - .carousel-inner>.item.active.left {
  8218 +
  8219 + .carousel-inner > .item.prev,
  8220 + .carousel-inner > .item.active.left {
8124 8221 -webkit-transform: translate3d(-100%, 0, 0);
8125 8222 transform: translate3d(-100%, 0, 0);
8126 8223 left: 0
8127 8224 }
8128   - .carousel-inner>.item.next.left,
8129   - .carousel-inner>.item.prev.right,
8130   - .carousel-inner>.item.active {
  8225 +
  8226 + .carousel-inner > .item.next.left,
  8227 + .carousel-inner > .item.prev.right,
  8228 + .carousel-inner > .item.active {
8131 8229 -webkit-transform: translate3d(0, 0, 0);
8132 8230 transform: translate3d(0, 0, 0);
8133 8231 left: 0
8134 8232 }
8135 8233 }
8136 8234  
8137   -.carousel-inner>.active,
8138   -.carousel-inner>.next,
8139   -.carousel-inner>.prev {
  8235 +.carousel-inner > .active,
  8236 +.carousel-inner > .next,
  8237 +.carousel-inner > .prev {
8140 8238 display: block
8141 8239 }
8142 8240  
8143   -.carousel-inner>.active {
  8241 +.carousel-inner > .active {
8144 8242 left: 0
8145 8243 }
8146 8244  
8147   -.carousel-inner>.next,
8148   -.carousel-inner>.prev {
  8245 +.carousel-inner > .next,
  8246 +.carousel-inner > .prev {
8149 8247 position: absolute;
8150 8248 top: 0;
8151 8249 width: 100%
8152 8250 }
8153 8251  
8154   -.carousel-inner>.next {
  8252 +.carousel-inner > .next {
8155 8253 left: 100%
8156 8254 }
8157 8255  
8158   -.carousel-inner>.prev {
  8256 +.carousel-inner > .prev {
8159 8257 left: -100%
8160 8258 }
8161 8259  
8162   -.carousel-inner>.next.left,
8163   -.carousel-inner>.prev.right {
  8260 +.carousel-inner > .next.left,
  8261 +.carousel-inner > .prev.right {
8164 8262 left: 0
8165 8263 }
8166 8264  
8167   -.carousel-inner>.active.left {
  8265 +.carousel-inner > .active.left {
8168 8266 left: -100%
8169 8267 }
8170 8268  
8171   -.carousel-inner>.active.right {
  8269 +.carousel-inner > .active.right {
8172 8270 left: 100%
8173 8271 }
8174 8272  
... ... @@ -8193,7 +8291,7 @@ html[xmlns] #menu-bar {
8193 8291 background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
8194 8292 background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
8195 8293 background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
8196   - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
  8294 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
8197 8295 }
8198 8296  
8199 8297 .carousel-control.left {
... ... @@ -8203,7 +8301,7 @@ html[xmlns] #menu-bar {
8203 8301 background: -o-linear-gradient(left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.75) 78%, rgba(255, 255, 255, 0) 100%);
8204 8302 background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.75) 78%, rgba(255, 255, 255, 0) 100%);
8205 8303 background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.75) 78%, rgba(255, 255, 255, 0) 100%);
8206   - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
  8304 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
8207 8305 }
8208 8306  
8209 8307 .carousel-control.right {
... ... @@ -8215,7 +8313,7 @@ html[xmlns] #menu-bar {
8215 8313 background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 22%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
8216 8314 background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 22%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
8217 8315 background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 22%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
8218   - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
  8316 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
8219 8317 }
8220 8318  
8221 8319 .carousel-control:hover,
... ... @@ -8382,25 +8480,30 @@ html[xmlns] #menu-bar {
8382 8480 margin-top: -15px;
8383 8481 font-size: 30px
8384 8482 }
  8483 +
8385 8484 .carousel-control .glyphicon-chevron-left,
8386 8485 .carousel-control .icon-prev {
8387 8486 margin-left: -15px
8388 8487 }
  8488 +
8389 8489 .carousel-control .glyphicon-chevron-right,
8390 8490 .carousel-control .icon-next {
8391 8491 margin-right: -15px
8392 8492 }
  8493 +
8393 8494 .carousel-caption {
8394 8495 left: 20%;
8395 8496 right: 20%;
8396 8497 padding-bottom: 30px
8397 8498 }
  8499 +
8398 8500 .carousel-indicators {
8399 8501 bottom: 20px
8400 8502 }
8401 8503 }
8402 8504  
8403   -#catSlider {}
  8505 +#catSlider {
  8506 +}
8404 8507  
8405 8508 #catSlider .cat-slide-part {
8406 8509 position: relative;
... ... @@ -8526,7 +8629,7 @@ table.infographic td {
8526 8629 }
8527 8630  
8528 8631 table.infographic .number_title {
8529   - font: bold 24px/24px'roboto', sans-serif;
  8632 + font: bold 24px/24px 'roboto', sans-serif;
8530 8633 color: #0c559d
8531 8634 }
8532 8635  
... ... @@ -8796,8 +8899,8 @@ nav .main_menu .popup_menu .top_product_month .top_product_month_block .price .c
8796 8899 -webkit-border-radius: 4px;
8797 8900 -moz-border-radius: 4px;
8798 8901 border-radius: 4px;
8799   - filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
8800   - filter: progid: dximagetransform.microsoft.gradient(enabled=false);
  8902 + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
  8903 + filter: progid:dximagetransform.microsoft.gradient(enabled=false);
8801 8904 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
8802 8905 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
8803 8906 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
... ... @@ -8836,8 +8939,8 @@ nav .main_menu .popup_menu .top_product_month .top_product_month_block .price .c
8836 8939 background-image: linear-gradient(to bottom, #fecc2e, #fe9d20);
8837 8940 background-image: -moz-linear-gradient(top, #fecc2e, #fe9d20);
8838 8941 border: 0;
8839   - filter: progid: dximagetransform.microsoft.gradient(startColorstr='#fffecc2e', endColorstr='#fffe9d20', GradientType=0);
8840   - filter: progid: dximagetransform.microsoft.gradient(enabled=false);
  8942 + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffecc2e', endColorstr='#fffe9d20', GradientType=0);
  8943 + filter: progid:dximagetransform.microsoft.gradient(enabled=false);
8841 8944 -webkit-box-shadow: none;
8842 8945 -moz-box-shadow: none;
8843 8946 box-shadow: none;
... ... @@ -8902,7 +9005,8 @@ nav .main_menu .popup_menu .top_product_month .top_product_month_block .price .c
8902 9005 padding: 0 43px
8903 9006 }
8904 9007  
8905   -table.articles-list {}
  9008 +table.articles-list {
  9009 +}
8906 9010  
8907 9011 table.articles-list td {
8908 9012 padding: 0 40px 0 40px
... ... @@ -8947,8 +9051,8 @@ ul.parameters-list li a {
8947 9051 }
8948 9052  
8949 9053 ._h7l {
8950   - background: transparent!important;
8951   - border: 1px solid transparent!important
  9054 + background: transparent !important;
  9055 + border: 1px solid transparent !important
8952 9056 }
8953 9057  
8954 9058 footer {
... ... @@ -9038,8 +9142,8 @@ footer .content-title {
9038 9142 margin: 12px
9039 9143 }
9040 9144  
9041   -.call_block .call_block_title>span.arr,
9042   -.call_block_header .call_block_header_title>span.arr {
  9145 +.call_block .call_block_title > span.arr,
  9146 +.call_block_header .call_block_header_title > span.arr {
9043 9147 background: url(/images/sprites/arrows.png) 0 -24px no-repeat;
9044 9148 display: inline-block;
9045 9149 width: 7px;
... ... @@ -9354,7 +9458,7 @@ footer .vacancies p {
9354 9458 margin: 0 5px 0 0
9355 9459 }
9356 9460  
9357   -.breadcrumbs li.bread_item>a {
  9461 +.breadcrumbs li.bread_item > a {
9358 9462 color: #0156a9
9359 9463 }
9360 9464  
... ... @@ -9575,13 +9679,13 @@ footer .vacancies p {
9575 9679 background: -o-linear-gradient(top, #ededed 0, #e6e6e6 100%);
9576 9680 background: -ms-linear-gradient(top, #ededed 0, #e6e6e6 100%);
9577 9681 background: linear-gradient(to bottom, #ededed 0, #e6e6e6 100%);
9578   - filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e6e6e6', GradientType=0)
  9682 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e6e6e6', GradientType=0)
9579 9683 }
9580 9684  
9581 9685 .filters .properties .properties_block .ui-slider-handle {
9582 9686 width: 13px;
9583 9687 height: 11px;
9584   - background: url(/images/sprites/filter_icons.png)-13px -16px no-repeat;
  9688 + background: url(/images/sprites/filter_icons.png) -13px -16px no-repeat;
9585 9689 border: none;
9586 9690 filter: none;
9587 9691 margin-left: -6px;
... ... @@ -9674,7 +9778,7 @@ footer .vacancies p {
9674 9778 width: 15px;
9675 9779 height: 15px;
9676 9780 margin: -6px -5px 0 0;
9677   - background: url(/images/sprites/filter_icons.png)0 0 no-repeat;
  9781 + background: url(/images/sprites/filter_icons.png) 0 0 no-repeat;
9678 9782 cursor: pointer;
9679 9783 text-decoration: none
9680 9784 }
... ... @@ -9712,12 +9816,13 @@ footer .vacancies p {
9712 9816 margin: -7px 0 0 5px;
9713 9817 width: 15px;
9714 9818 height: 15px;
9715   - background: url(/images/sprites/filter_icons.png)0 0 no-repeat;
  9819 + background: url(/images/sprites/filter_icons.png) 0 0 no-repeat;
9716 9820 cursor: pointer;
9717 9821 text-decoration: none
9718 9822 }
9719 9823  
9720   -.cat-content {}
  9824 +.cat-content {
  9825 +}
9721 9826  
9722 9827 .cat-content .title {
9723 9828 margin: 5px 0 10px 0
... ... @@ -9830,7 +9935,7 @@ footer .vacancies p {
9830 9935 z-index: 1;
9831 9936 width: 25px;
9832 9937 height: 13px;
9833   - background: url(/images/sprites/icons.png)0 -788px no-repeat;
  9938 + background: url(/images/sprites/icons.png) 0 -788px no-repeat;
9834 9939 left: 50%;
9835 9940 top: 26px;
9836 9941 margin-left: -12px;
... ... @@ -10012,8 +10117,8 @@ footer .vacancies p {
10012 10117 -webkit-border-radius: 4px;
10013 10118 -moz-border-radius: 4px;
10014 10119 border-radius: 4px;
10015   - filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
10016   - filter: progid: dximagetransform.microsoft.gradient(enabled=false);
  10120 + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
  10121 + filter: progid:dximagetransform.microsoft.gradient(enabled=false);
10017 10122 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
10018 10123 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
10019 10124 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
... ... @@ -10048,7 +10153,8 @@ footer .vacancies p {
10048 10153 width: 100%
10049 10154 }
10050 10155  
10051   -.info_icons {}
  10156 +.info_icons {
  10157 +}
10052 10158  
10053 10159 .catalog_product_list.view_table .users_info,
10054 10160 .category_popular_list .catalog_item .users_info {
... ... @@ -10440,6 +10546,7 @@ footer .vacancies p {
10440 10546 }
10441 10547  
10442 10548 #myItemCarousel .product_item .info .title,
  10549 +
10443 10550 ,
10444 10551 .prodview .product_item .title {
10445 10552 font-size: 13px;
... ... @@ -10528,8 +10635,8 @@ footer .vacancies p {
10528 10635 width: 100%;
10529 10636 position: relative;
10530 10637 z-index: 2;
10531   - margin-top:-50px;
10532   - top:50px;
  10638 + margin-top: -50px;
  10639 + top: 50px;
10533 10640 }
10534 10641  
10535 10642 .product_detail .img_part .position.fixed {
... ... @@ -10561,7 +10668,7 @@ a.preview {
10561 10668 display: block
10562 10669 }
10563 10670  
10564   -.product_detail .img_part .img_gallery li>img {
  10671 +.product_detail .img_part .img_gallery li > img {
10565 10672 width: auto;
10566 10673 max-width: 100%;
10567 10674 max-height: 300px;
... ... @@ -10609,7 +10716,7 @@ a.preview {
10609 10716 bottom: 0;
10610 10717 width: 33px;
10611 10718 height: 33px;
10612   - background: url(/images/sprites/arrs_carousel.png)0 -272px no-repeat;
  10719 + background: url(/images/sprites/arrs_carousel.png) 0 -272px no-repeat;
10613 10720 border-radius: 3px;
10614 10721 cursor: pointer;
10615 10722 display: none
... ... @@ -10680,7 +10787,7 @@ a.preview {
10680 10787 z-index: 1;
10681 10788 width: 16px;
10682 10789 height: 34px;
10683   - background: url(/images/sprites/arrows.png)-23px -338px no-repeat;
  10790 + background: url(/images/sprites/arrows.png) -23px -338px no-repeat;
10684 10791 top: 0;
10685 10792 right: -13px;
10686 10793 display: none
... ... @@ -10774,7 +10881,7 @@ a.preview {
10774 10881 left: 50%;
10775 10882 top: -13px;
10776 10883 margin: 0 0 0 -7px;
10777   - background: url(/images/sprites/arrows.png)0 -56px no-repeat
  10884 + background: url(/images/sprites/arrows.png) 0 -56px no-repeat
10778 10885 }
10779 10886  
10780 10887 .product_detail .img_part .floating_helper_block .price {
... ... @@ -10782,7 +10889,7 @@ a.preview {
10782 10889 color: #666;
10783 10890 line-height: 48px;
10784 10891 font-weight: bold;
10785   - margin-left: 20px!important;
  10892 + margin-left: 20px !important;
10786 10893 white-space: nowrap
10787 10894 }
10788 10895  
... ... @@ -10936,7 +11043,7 @@ a.preview {
10936 11043 }
10937 11044  
10938 11045 .product_detail .info_table .price_block .buy_button .payment_visa {
10939   - font: 14px/20px'roboto', sans-serif;
  11046 + font: 14px/20px 'roboto', sans-serif;
10940 11047 color: #666;
10941 11048 margin: 0 0 10px 0
10942 11049 }
... ... @@ -10945,7 +11052,7 @@ a.preview {
10945 11052 display: inline-block;
10946 11053 width: 92px;
10947 11054 height: 18px;
10948   - background: url(/images/sprites/pb_wm_button.png)0 0;
  11055 + background: url(/images/sprites/pb_wm_button.png) 0 0;
10949 11056 margin: 0 0 -3px 0;
10950 11057 cursor: pointer
10951 11058 }
... ... @@ -10958,7 +11065,7 @@ a.preview {
10958 11065 display: inline-block;
10959 11066 width: 30px;
10960 11067 height: 18px;
10961   - background: url(/images/sprites/pb_wm_button.png)-92px 0;
  11068 + background: url(/images/sprites/pb_wm_button.png) -92px 0;
10962 11069 margin: 0 0 -3px 0;
10963 11070 cursor: pointer
10964 11071 }
... ... @@ -11218,12 +11325,12 @@ a.preview {
11218 11325 background: transparent
11219 11326 }
11220 11327  
11221   -.product_detail .property_show_tabs li.active>a,
11222   -.product_detail .property_show_tabs li.active>a:hover,
11223   -.product_detail .property_show_tabs li.active>a:focus,
11224   -.product_detail .property_show_tabs li>a,
11225   -.product_detail .property_show_tabs li>a:hover,
11226   -.product_detail .property_show_tabs li>a:focus {
  11328 +.product_detail .property_show_tabs li.active > a,
  11329 +.product_detail .property_show_tabs li.active > a:hover,
  11330 +.product_detail .property_show_tabs li.active > a:focus,
  11331 +.product_detail .property_show_tabs li > a,
  11332 +.product_detail .property_show_tabs li > a:hover,
  11333 +.product_detail .property_show_tabs li > a:focus {
11227 11334 border: none;
11228 11335 background: transparent
11229 11336 }
... ... @@ -11307,7 +11414,7 @@ a.preview {
11307 11414 }
11308 11415  
11309 11416 .product_detail .properties .table_title {
11310   - font: 18px/24px'roboto', sans-serif;
  11417 + font: 18px/24px 'roboto', sans-serif;
11311 11418 color: #2b2b2b;
11312 11419 position: relative;
11313 11420 z-index: 1;
... ... @@ -11475,7 +11582,7 @@ a.preview {
11475 11582 width: 16px;
11476 11583 height: 15px;
11477 11584 margin: 0 1px;
11478   - background: url(/images/sprites/icons.png)-15px -259px no-repeat
  11585 + background: url(/images/sprites/icons.png) -15px -259px no-repeat
11479 11586 }
11480 11587  
11481 11588 .product_detail .comments .comment_add_form .comment_form_table ul li.active,
... ... @@ -11483,7 +11590,8 @@ a.preview {
11483 11590 background-position: 0 -259px
11484 11591 }
11485 11592  
11486   -.tovar {}
  11593 +.tovar {
  11594 +}
11487 11595  
11488 11596 .tovar td.left {
11489 11597 text-align: center
... ... @@ -11689,7 +11797,7 @@ a.preview {
11689 11797 height: 13px;
11690 11798 left: 0;
11691 11799 top: 6px;
11692   - background: url(/images/sprites/icons.png)0 -246px no-repeat
  11800 + background: url(/images/sprites/icons.png) 0 -246px no-repeat
11693 11801 }
11694 11802  
11695 11803 .product_detail .comments ul.comments_list li .comment_block .lack .icon {
... ... @@ -11728,7 +11836,7 @@ a.preview {
11728 11836 top: 4px;
11729 11837 width: 22px;
11730 11838 height: 14px;
11731   - background: url(/images/sprites/icons.png)0 -327px no-repeat
  11839 + background: url(/images/sprites/icons.png) 0 -327px no-repeat
11732 11840 }
11733 11841  
11734 11842 .product_detail .comments ul.comments_list li .comment_block .helpful .yes,
... ... @@ -11748,7 +11856,7 @@ a.preview {
11748 11856 width: 20px;
11749 11857 height: 19px;
11750 11858 margin: -2px auto 7px auto;
11751   - background: url(/images/sprites/icons.png)0 -274px no-repeat
  11859 + background: url(/images/sprites/icons.png) 0 -274px no-repeat
11752 11860 }
11753 11861  
11754 11862 .product_detail .comments ul.comments_list li .comment_block .helpful .no .icon,
... ... @@ -11799,7 +11907,7 @@ a.preview {
11799 11907 }
11800 11908  
11801 11909 .modal-backdrop {
11802   - background-color: #FFF
  11910 + background-color: #fff
11803 11911 }
11804 11912  
11805 11913 .modal-content {
... ... @@ -11836,7 +11944,8 @@ a.preview {
11836 11944 font-size: 18px
11837 11945 }
11838 11946  
11839   -.modal-body form input {}
  11947 +.modal-body form input {
  11948 +}
11840 11949  
11841 11950 .modal-footer {
11842 11951 padding: 15px;
... ... @@ -11854,7 +11963,7 @@ a.preview {
11854 11963 .modal-body input:-webkit-autofill,
11855 11964 .modal-body textarea:-webkit-autofill,
11856 11965 .modal-body select:-webkit-autofill {
11857   - -webkit-text-fill-color: $textColor;
  11966 + -webkit-text-fill-color: $ textColor;
11858 11967 -webkit-box-shadow: 0 0 0px 1000px #eaeaea inset;
11859 11968 background-color: #eaeaea
11860 11969 }
... ... @@ -12065,7 +12174,7 @@ a.preview {
12065 12174 .bkp .b_price:hover,
12066 12175 .bkp .bactive_price {
12067 12176 height: 14px;
12068   - border-bottom: solid 2px #FFF
  12177 + border-bottom: solid 2px #fff
12069 12178 }
12070 12179  
12071 12180 .bgoogle {
... ... @@ -12162,7 +12271,7 @@ a.preview {
12162 12271 text-align: center;
12163 12272 font-size: 16px;
12164 12273 font-weight: bold;
12165   - color: #FFF
  12274 + color: #fff
12166 12275 }
12167 12276  
12168 12277 .form-small {
... ... @@ -12261,7 +12370,8 @@ a.preview {
12261 12370 background: none
12262 12371 }
12263 12372  
12264   -.cats_table {}
  12373 +.cats_table {
  12374 +}
12265 12375  
12266 12376 .cats_table td {
12267 12377 text-align: center
... ... @@ -12526,8 +12636,8 @@ a.preview {
12526 12636 }
12527 12637  
12528 12638 .lk_info_form td.value span {
12529   - right: 15px!important;
12530   - top: 12px!important;
  12639 + right: 15px !important;
  12640 + top: 12px !important;
12531 12641 display: none
12532 12642 }
12533 12643  
... ... @@ -12618,7 +12728,8 @@ a.preview {
12618 12728 padding: 10px 20px
12619 12729 }
12620 12730  
12621   -.compare-btns {}
  12731 +.compare-btns {
  12732 +}
12622 12733  
12623 12734 .compare-btns .btn {
12624 12735 color: #000;
... ... @@ -12723,7 +12834,7 @@ a.preview {
12723 12834 }
12724 12835  
12725 12836 .red {
12726   - color: #FF0004
  12837 + color: #ff0004
12727 12838 }
12728 12839  
12729 12840 h1.title {
... ... @@ -13260,30 +13371,33 @@ h1.title {
13260 13371 background-position: -213px -69px
13261 13372 }
13262 13373  
13263   -.cabinet_wrap{
  13374 +.cabinet_wrap {
13264 13375 display: flex;
13265 13376 padding-bottom: 20px;
13266 13377 margin-top: 15px;
13267 13378 }
13268   -.cabinet_menu{
  13379 +
  13380 +.cabinet_menu {
13269 13381 padding-right: 35px;
13270 13382 border-right: 3px solid rgb(172, 198, 230);
13271 13383 margin-right: 35px;
13272 13384 margin-bottom: 35px;
13273 13385 }
13274   -.cabinet_menu .cab_01, .cabinet_menu .link{
  13386 +
  13387 +.cabinet_menu .cab_01, .cabinet_menu .link {
13275 13388 margin: 3px 0px;
13276 13389 }
13277   -.blog-show-img.float-left{
  13390 +
  13391 +.blog-show-img.float-left {
13278 13392 float: left;
13279 13393 padding: 0px 30px 30px 0px;
13280 13394 }
13281   -.btn.btn-cart{
  13395 +
  13396 +.btn.btn-cart {
13282 13397 height: 54px;
13283 13398 outline: none;
13284 13399 }
13285 13400  
13286   -
13287 13401 /*! HTML5 resposive design linija-svitla.ua v1.0.0 */
13288 13402  
13289 13403 @-ms-viewport {
... ... @@ -13294,30 +13408,38 @@ h1.title {
13294 13408 #top-nav-wrapper {
13295 13409 position: relative
13296 13410 }
  13411 +
13297 13412 header {
13298 13413 margin-top: 0px
13299 13414 }
  13415 +
13300 13416 .bigSlidertabs.fixed {
13301 13417 position: relative !important;
13302 13418 bottom: 0
13303 13419 }
  13420 +
13304 13421 .product_detail .img_part .position.fixed {
13305 13422 position: relative !important;
13306 13423 width: 100%;
13307 13424 padding: 0
13308 13425 }
  13426 +
13309 13427 .up_arr {
13310 13428 display: none !important
13311 13429 }
  13430 +
13312 13431 .product_detail .img_part .floating_helper_block .price {
13313   - margin-left: 5px!important
  13432 + margin-left: 5px !important
13314 13433 }
  13434 +
13315 13435 .product_detail .img_part .floating_helper_block .priceold {
13316 13436 padding-left: 0px
13317 13437 }
  13438 +
13318 13439 .shares {
13319 13440 display: none
13320 13441 }
  13442 +
13321 13443 .spritebrand-flambeau {
13322 13444 max-width: 100px
13323 13445 }
... ... @@ -13329,45 +13451,58 @@ h1.title {
13329 13451 font-size: 14px;
13330 13452 padding: 16px 10px 16px 0px
13331 13453 }
  13454 +
13332 13455 #top-nav .top-menu li a {
13333 13456 font-size: 11px;
13334 13457 padding: 18px 0px 18px 5px
13335 13458 }
  13459 +
13336 13460 ul.parameters-list li {
13337 13461 padding: 0px 15px
13338 13462 }
  13463 +
13339 13464 ul.parameters-list li a {
13340 13465 font-size: 13px
13341 13466 }
  13467 +
13342 13468 #menu-bar a {
13343 13469 font-size: 12px;
13344 13470 padding: 18px 10px 19px 10px
13345 13471 }
  13472 +
13346 13473 #header_feedback {
13347 13474 display: none
13348 13475 }
  13476 +
13349 13477 #header_search {
13350 13478 margin-left: 30px
13351 13479 }
  13480 +
13352 13481 #top-cart {
13353 13482 top: 0
13354 13483 }
  13484 +
13355 13485 #top-nav span.phone1,
13356 13486 #top-nav span.phone2 {
13357 13487 font-size: 14px
13358 13488 }
  13489 +
13359 13490 #top-nav .phones {
13360 13491 padding: 0 0 0 0
13361 13492 }
  13493 +
13362 13494 #top-nav .container {
13363 13495 position: relative
13364 13496 }
  13497 +
13365 13498 #logo {
13366 13499 padding: 0 10px
13367 13500 }
  13501 +
13368 13502 #brand_bar ul li img {
13369 13503 max-width: 75px
13370 13504 }
  13505 +
13371 13506 #brand_bar ul li {
13372 13507 vertical-align: middle
13373 13508 }
... ... @@ -13378,26 +13513,33 @@ h1.title {
13378 13513 float: left;
13379 13514 padding: 0 10px
13380 13515 }
  13516 +
13381 13517 #header_search {
13382 13518 max-width: 360px
13383 13519 }
  13520 +
13384 13521 #header_search p {
13385 13522 font-size: 12px;
13386 13523 margin: 0 0 5px 0
13387 13524 }
  13525 +
13388 13526 .popular_search_title {
13389 13527 padding: 0 10px 0 50px
13390 13528 }
  13529 +
13391 13530 #header_feedback form {
13392 13531 padding-left: 5px
13393 13532 }
  13533 +
13394 13534 #header_feedback form button {
13395 13535 font-size: 12px;
13396 13536 padding: 6px 10px
13397 13537 }
  13538 +
13398 13539 #header_feedback {
13399 13540 padding: 20px 10px 5px 20px
13400 13541 }
  13542 +
13401 13543 #menu-bar a {
13402 13544 padding: 18px 16px 19px 16px
13403 13545 }
... ... @@ -13413,9 +13555,11 @@ h1.title {
13413 13555 #top-nav .phones {
13414 13556 padding: 0 40px 0 5px
13415 13557 }
  13558 +
13416 13559 #header_search {
13417 13560 max-width: 465px
13418 13561 }
  13562 +
13419 13563 #header_feedback form button {
13420 13564 font-size: 14px
13421 13565 }
... ... @@ -13425,9 +13569,11 @@ h1.title {
13425 13569 .catalog_product_list.view_table .catalog_item {
13426 13570 height: 370px
13427 13571 }
  13572 +
13428 13573 .catalog_product_list.view_table.view_mini_table .catalog_item {
13429 13574 height: 260px
13430 13575 }
  13576 +
13431 13577 .catalog_product_list.view_table.view_list .catalog_item {
13432 13578 height: 300px
13433 13579 }
... ... @@ -13437,10 +13583,16 @@ h1.title {
13437 13583 .catalog_product_list.view_table .catalog_item {
13438 13584 height: 420px
13439 13585 }
  13586 +
13440 13587 .catalog_product_list.view_table.view_mini_table .catalog_item {
13441 13588 height: 260px
13442 13589 }
  13590 +
13443 13591 .catalog_product_list.view_table.view_list .catalog_item {
13444 13592 height: 320px
13445 13593 }
  13594 +}
  13595 +
  13596 +#myCallback .required label:before {
  13597 + display: none;
13446 13598 }
13447 13599 \ No newline at end of file
... ...
frontend/web/js/script.js
... ... @@ -116,4 +116,116 @@ $(document).on(&#39;click&#39;, &#39;#buyForm .cart_remove&#39;, function() {
116 116 artbox_basket.set(id, 0);
117 117 });
118 118  
119   -
  119 +/* Category filter open submenu */
  120 +$(document).on('click', '.properties_block', function(e) {
  121 + var active = $(this).hasClass('opened');
  122 + if(active) {
  123 + $(this).removeClass('opened').addClass('closed');
  124 + $(this).find('.chechboxes').hide();
  125 + } else {
  126 + $(this).removeClass('closed').addClass('opened');
  127 + $(this).find('.chechboxes').show();
  128 + }
  129 +});
  130 +/* End Category filter open submenu */
  131 +/* Cart resize on scroll */
  132 +$('.img_part').height($('.info').height());
  133 +$(document).on('scroll', window, function(e)
  134 +{
  135 + currentScroll = $(window).scrollTop();
  136 + if (currentScroll > 0) {
  137 + $('#top-cart-content').addClass('small-cart');
  138 + } else {
  139 + $('#top-cart-content').removeClass('small-cart');
  140 + }
  141 +});
  142 +/* End cart resize on scroll */
  143 +/* Catalog product scroll watcher */
  144 +$(document).on('scroll', window, function(e) {
  145 + checkFixed(e);
  146 + checkSelector(e);
  147 +});
  148 +function checkFixed(e) {
  149 + var img_part = $('.img_part');
  150 + var position = $(img_part).find('.position');
  151 + var position_height = $(position).height();
  152 + var info = $('.info');
  153 + var info_position = $(info).position();
  154 + var info_height = $(info).height();
  155 + var info_top = info_position.top;
  156 + var info_bottom = info_top + info_height;
  157 + var currentScroll = $(window).scrollTop();
  158 + if(info_bottom - currentScroll > 0 && info_bottom - currentScroll < position_height) {
  159 + $(position).removeClass('fixed').css({
  160 + position: 'absolute',
  161 + bottom: 0,
  162 + top: 'auto',
  163 + });
  164 + } else if(currentScroll > info_top && currentScroll < info_bottom) {
  165 + $(position).addClass('fixed').css({
  166 + position: 'fixed',
  167 + top: '100px',
  168 + bottom: 'auto'
  169 + });
  170 + } else {
  171 + $(position).removeClass('fixed').css({
  172 + position: 'relative',
  173 + top: 0,
  174 + bottom: 'auto'
  175 + });
  176 + }
  177 +}
  178 +function checkSelector(e) {
  179 + var tab_content = $('#characteristics');
  180 + var tab_content_top = $(tab_content).position().top - 100;
  181 + var comments_block = $('#reviews');
  182 + var comments_block_top = $(comments_block).position().top - 100;
  183 + var collection = $('#collection');
  184 + var collection_top = $(collection).position().top - 100;
  185 + var currentScroll = $(window).scrollTop();
  186 + var detail_main_tabs = $('.detail_main_tabs');
  187 + var active;
  188 + if(currentScroll > tab_content_top && currentScroll < collection_top) {
  189 + active = 'characteristics';
  190 + } else if(currentScroll > comments_block_top) {
  191 + active = 'reviews';
  192 + } else if(currentScroll > collection_top && currentScroll < comments_block_top) {
  193 + active = 'collection';
  194 + }
  195 + $(detail_main_tabs).find('li.selected').removeClass('selected');
  196 + $(detail_main_tabs).find('[data-target='+active+']').addClass('selected');
  197 +}
  198 +$(window).scroll(function(e) {
  199 + checkFixed(e);
  200 + checkSelector(e);
  201 +});
  202 +/* End catalog product scroll watcher */
  203 +/* Animated links */
  204 +$(document).on('click', '.detail_main_tabs a', function(e) {
  205 + e.preventDefault();
  206 + var hash = $(this).attr('href').replace(/^.*?(#|$)/,'');
  207 + var target = $('#'+hash);
  208 + var target_top = $(target).position().top - 50;
  209 + var body = $('html, body');
  210 + body.stop().animate({scrollTop:target_top}, 500, 'swing', function() {});
  211 +});
  212 +/* End animated links */
  213 +/* Ajax form submit */
  214 +$(document).on('submit', '#feedback-form', function(e) {
  215 + e.preventDefault();
  216 + $.post('/ajax/feedback', $(this).serialize(), function(data) {
  217 + $('#myCallback').find('.modal-body').html(data.result);
  218 + });
  219 +});
  220 +$(document).on('submit', '#quickbuy-form', function(e) {
  221 + e.preventDefault();
  222 + var container = $(this).parents('.fast_order_form');
  223 + $.post('/order/quick', $(this).serialize(), function(data) {
  224 + if(!data.error) {
  225 + $(container).html(data.result);
  226 + } else {
  227 + $(container).html(data.error);
  228 + }
  229 + })
  230 +});
  231 +/* End ajax form submit */
120 232 \ No newline at end of file
... ...