Главная Обзор Помощь
Регистрация Вход
neal
/
una
зеркало из https://github.com/unaio/una.git
1
0
Ответвить 0
Файлы Задачи 0 Вики
Просмотр исходного кода

#3661 - Move tailwind in core templates

RomanL 4 лет назад
Родитель
e0859ff242
Сommit
2efd4f7ed3
85 измененных файлов с 4623 добавлено и 5112 удалено
Разделённый вид Показать статистику Diff
  1. 13 0
      inc/classes/BxDolTemplate.php
  2. 1 1
      modules/boonex/artificer/data/template/system/_header.html
  3. 0 7
      modules/boonex/artificer/data/template/system/_row_1_column_half.html
  4. 0 7
      modules/boonex/artificer/data/template/system/_row_1_column_thin.html
  5. 0 12
      modules/boonex/artificer/data/template/system/block_async_create_post.html
  6. 0 7
      modules/boonex/artificer/data/template/system/block_async_image.html
  7. 0 24
      modules/boonex/artificer/data/template/system/block_async_profile_units.html
  8. 0 15
      modules/boonex/artificer/data/template/system/block_async_text.html
  9. 0 32
      modules/boonex/artificer/data/template/system/block_async_text_units_gallery.html
  10. 0 32
      modules/boonex/artificer/data/template/system/block_async_text_units_list.html
  11. 0 3
      modules/boonex/artificer/data/template/system/designbox_0.html
  12. 0 8
      modules/boonex/artificer/data/template/system/designbox_1.html
  13. 0 3
      modules/boonex/artificer/data/template/system/designbox_10.html
  14. 0 8
      modules/boonex/artificer/data/template/system/designbox_11.html
  15. 0 5
      modules/boonex/artificer/data/template/system/designbox_13.html
  16. 0 8
      modules/boonex/artificer/data/template/system/designbox_14.html
  17. 0 2
      modules/boonex/artificer/data/template/system/designbox_2.html
  18. 0 5
      modules/boonex/artificer/data/template/system/designbox_3.html
  19. 0 8
      modules/boonex/artificer/data/template/system/designbox_4.html
  20. 0 1
      modules/boonex/artificer/data/template/system/designbox_container.html
  21. 0 17
      modules/boonex/artificer/data/template/system/layout_2_columns.html
  22. 0 22
      modules/boonex/artificer/data/template/system/layout_3_columns.html
  23. 0 22
      modules/boonex/artificer/data/template/system/layout_bar_content_bar.html
  24. 0 17
      modules/boonex/artificer/data/template/system/layout_bar_left.html
  25. 0 17
      modules/boonex/artificer/data/template/system/layout_bar_right.html
  26. 0 19
      modules/boonex/artificer/data/template/system/layout_bottom_area_2_columns.html
  27. 0 18
      modules/boonex/artificer/data/template/system/layout_top_area_2_columns.html
  28. 0 23
      modules/boonex/artificer/data/template/system/layout_top_area_3_columns.html
  29. 0 23
      modules/boonex/artificer/data/template/system/layout_top_area_bar_content_bar.html
  30. 0 18
      modules/boonex/artificer/data/template/system/layout_top_area_bar_left.html
  31. 0 18
      modules/boonex/artificer/data/template/system/layout_top_area_bar_right.html
  32. 0 26
      modules/boonex/artificer/data/template/system/layout_topbottom_area_2_columns.html
  33. 0 26
      modules/boonex/artificer/data/template/system/layout_topbottom_area_bar_left.html
  34. 0 26
      modules/boonex/artificer/data/template/system/layout_topbottom_area_bar_right.html
  35. 0 31
      modules/boonex/artificer/data/template/system/layout_topbottom_area_col1_col3_col2.html
  36. 0 26
      modules/boonex/artificer/data/template/system/layout_topbottom_area_col1_col5.html
  37. 919 916
      modules/boonex/decorous/data/template/system/css/default.less
  38. 0 1
      modules/boonex/decorous/data/template/system/css/editor.less
  39. 309 306
      modules/boonex/decorous/data/template/system/css/menu.less
  40. 1312 1309
      modules/boonex/lucid/data/template/system/css/default.less
  41. 0 1
      modules/boonex/lucid/data/template/system/css/editor.less
  42. 603 600
      modules/boonex/lucid/data/template/system/css/menu.less
  43. 3 3
      modules/boonex/ocean/data/template/bx_timeline/css/view.less
  44. 18 14
      modules/boonex/ocean/data/template/system/css/default.less
  45. 0 1
      modules/boonex/ocean/data/template/system/css/editor.less
  46. 7 5
      modules/boonex/ocean/data/template/system/css/page_layouts.less
  47. 1208 1205
      modules/boonex/protean/data/template/system/css/default.less
  48. 0 1
      modules/boonex/protean/data/template/system/css/editor.less
  49. 1 1
      template/_header.html
  50. 1 1
      template/_row_1_column_half.html
  51. 1 1
      template/_row_1_column_thin.html
  52. 4 8
      template/block_async_create_post.html
  53. 1 3
      template/block_async_image.html
  54. 13 22
      template/block_async_profile_units.html
  55. 9 9
      template/block_async_text.html
  56. 19 23
      template/block_async_text_units_gallery.html
  57. 22 23
      template/block_async_text_units_list.html
  58. 35 2
      template/css/common.css
  59. 5 0
      template/css/default.less
  60. 2 2
      template/designbox_0.html
  61. 6 5
      template/designbox_1.html
  62. 1 3
      template/designbox_10.html
  63. 5 4
      template/designbox_11.html
  64. 2 4
      template/designbox_13.html
  65. 5 4
      template/designbox_14.html
  66. 0 2
      template/designbox_2.html
  67. 2 4
      template/designbox_3.html
  68. 5 4
      template/designbox_4.html
  69. 1 1
      template/designbox_container.html
  70. 7 7
      template/layout_3_columns.html
  71. 7 7
      template/layout_bar_content_bar.html
  72. 5 5
      template/layout_bar_left.html
  73. 5 5
      template/layout_bar_right.html
  74. 6 6
      template/layout_bottom_area_2_columns.html
  75. 5 5
      template/layout_top_area_2_columns.html
  76. 7 7
      template/layout_top_area_3_columns.html
  77. 7 7
      template/layout_top_area_bar_content_bar.html
  78. 5 5
      template/layout_top_area_bar_left.html
  79. 5 5
      template/layout_top_area_bar_right.html
  80. 6 6
      template/layout_topbottom_area_2_columns.html
  81. 5 5
      template/layout_topbottom_area_bar_left.html
  82. 5 5
      template/layout_topbottom_area_bar_right.html
  83. 7 7
      template/layout_topbottom_area_col1_col3_col2.html
  84. 5 5
      template/layout_topbottom_area_col1_col5.html
  85. 3 0
      template/scripts/BxBaseConfig.php

+ 13 - 0
inc/classes/BxDolTemplate.php
Просмотреть файл 

@@ -842,6 +842,16 @@ class BxDolTemplate extends BxDolFactory implements iBxDolSingleton
 
     {
 
         return $this->_sName;
 
     }
 
+    
+    /**
 
+     * Get currently active template name.
 
+     *
 
+     * @return string template's name.
 
+     */
 
+    function getCssClassName()
 
+    {
 
+        return str_replace('_', '-', $this->_sName);
 
+    }
 
 
     /**
 
      * Get currently active template code.
 
@@ -1726,6 +1736,9 @@ class BxDolTemplate extends BxDolFactory implements iBxDolSingleton
 
             case 'base':
 
                 $sRet = bx_convert_array2attrs($this->aPage['base']);
 
                 break;
 
+            case 'class_name':
 
+                $sRet = $this->getCssClassName();
 
+                break;
 
             default:
 
                 $sRet = ($sTemplAdd = BxTemplFunctions::getInstance()->TemplPageAddComponent($sKey)) !== false ? $sTemplAdd : $aKeyWrappers['left'] . $sKey . $aKeyWrappers['right'];
 
         }

+ 1 - 1
modules/boonex/artificer/data/template/system/_header.html
Просмотреть файл 

@@ -33,7 +33,7 @@
 
     <bx_injection:injection_head />
 
     <bx_include_auto:_header_meta.html />
 
 </head>
 
-<body class="bx-artificer bg-gray-100 dark:bg-black text-gray-500 dark:text-gray-400 font-inter <bx_injection:injection_body_class />" dir="__lang_direction__" <bx_injection:injection_body /> >
 
+<body class="__class_name__ bg-gray-100 dark:bg-black text-gray-500 dark:text-gray-400 font-inter <bx_injection:injection_body_class />" dir="__lang_direction__" <bx_injection:injection_body /> >
 
     __system_injection_header__
 
     <bx_injection:injection_header />
 
     <noscript>

+ 0 - 7
modules/boonex/artificer/data/template/system/_row_1_column_half.html
Просмотреть файл 

@@ -1,7 +0,0 @@
 
-<div class="bx-layout-row bx-clearfix">
 
-    <div class="bx-layout-col bx-layout-1-column-half-column1 bx-layout-column-half max-w-full md:w-1/2 mx-auto">
 
-        <div class="bx-layout-cell" id="bx-layout-cell-1">
 
-            __cell_1__
 
-        </div>
 
-    </div>
 
-</div>

+ 0 - 7
modules/boonex/artificer/data/template/system/_row_1_column_thin.html
Просмотреть файл 

@@ -1,7 +0,0 @@
 
-<div class="bx-layout-row bx-clearfix">
 
-    <div class="bx-layout-col bx-layout-1-column-thin-column1 bx-layout-column-thin max-w-full md:w-1/3 mx-auto">
 
-        <div class="bx-layout-cell" id="bx-layout-cell-1">
 
-            __cell_1__
 
-        </div>
 
-    </div>
 
-</div>

+ 0 - 12
modules/boonex/artificer/data/template/system/block_async_create_post.html
Просмотреть файл 

@@ -1,12 +0,0 @@
 
-<div class="flex items-center p-4">
 
-    <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
 
-    <div class="flex-1 ml-4 space-y-2 animate-pulse">
 
-        <div class="h-8 w-full bg-gray-300 dark:bg-gray-600 rounded-md">&nbsp;</div>
 
-    </div>
 
-</div>
 
-<script>
 
-    var iBlockID = '__id__';
 
-    $(document).ready(function () {
 
-        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
-    });
 
-</script>

+ 0 - 7
modules/boonex/artificer/data/template/system/block_async_image.html
Просмотреть файл 

@@ -1,7 +0,0 @@
 
-<div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
 
-<script>
 
-    var iBlockID = '__id__';
 
-    $(document).ready(function () {
 
-        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
-    });
 
-</script>

+ 0 - 24
modules/boonex/artificer/data/template/system/block_async_profile_units.html
Просмотреть файл 

@@ -1,24 +0,0 @@
 
-<div class="bx-cont-ph-profile-unit relative flex space-x-6">
 
-    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
 
-        <div class="bx-base-pofile-unit-cover flex align-items justify-center p-4 bg-gray-100 dark:bg-gray-600 rounded-t-md">
 
-            <div class="flex-0 h-24 w-24 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
 
-        </div>
 
-        <div class="p-2 animate-pulse">
 
-            <div class="flex justify-center">
 
-                <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-full">&nbsp;</div>
 
-            </div>
 
-            <div class="flex mt-2 space-x-1">
 
-                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            </div>
 
-        </div>
 
-    </div>
 
-</div>
 
-<script>
 
-    var iBlockID = '__id__';
 
-    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
 
-    $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').append(sTmpl + sTmpl);
 
-    $(document).ready(function () {
 
-        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
-    });
 
-</script>

+ 0 - 15
modules/boonex/artificer/data/template/system/block_async_text.html
Просмотреть файл 

@@ -1,15 +0,0 @@
 
-<div class="animate-pulse space-y-1">
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
-</div>
 
-<script>
 
-    var iBlockID = '__id__';
 
-    $(document).ready(function () {
 
-        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
-    });
 
-</script>

+ 0 - 32
modules/boonex/artificer/data/template/system/block_async_text_units_gallery.html
Просмотреть файл 

@@ -1,32 +0,0 @@
 
-<div class="bx-cont-ph-profile-unit relative flex space-x-6">
 
-    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
 
-        <div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
 
-        <div class="p-4 space-y-4 animate-pulse">
 
-            <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            <div class="space-y-2">
 
-                <div class="flex space-x-1">
 
-                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
-                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
-                </div>
 
-                <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
-            </div>
 
-            <div class="flex space-x-1">
 
-                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            </div>
 
-            <div class="flex space-x-1">
 
-                <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-                <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            </div>
 
-            <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
 
-        </div>
 
-    </div>
 
-</div>
 
-<script>
 
-    var iBlockID = '__id__';
 
-    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
 
-    $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').append(sTmpl + sTmpl);
 
-    $(document).ready(function () {
 
-        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
-    });
 
-</script>

+ 0 - 32
modules/boonex/artificer/data/template/system/block_async_text_units_list.html
Просмотреть файл 

@@ -1,32 +0,0 @@
 
-<div class="bx-base-text-units flex flex-col">
 
-    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
 
-        <div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
 
-        <div class="p-4 space-y-4 animate-pulse">
 
-            <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            <div class="space-y-2">
 
-                <div class="flex space-x-1">
 
-                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
-                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
-                </div>
 
-                <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
-            </div>
 
-            <div class="flex space-x-1">
 
-                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            </div>
 
-            <div class="flex space-x-1">
 
-                <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-                <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
-            </div>
 
-            <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
 
-        </div>
 
-    </div>
 
-</div>
 
-<script>
 
-    var iBlockID = '__id__';
 
-    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-base-text-units').html();
 
-    $('#bx-page-block-' + iBlockID + ' .bx-base-text-units').append(sTmpl + sTmpl);
 
-    $(document).ready(function () {
 
-        getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
-    });
 
-</script>

+ 0 - 3
modules/boonex/artificer/data/template/system/designbox_0.html
Просмотреть файл 

@@ -1,3 +0,0 @@
 
-<!-- Design Box 0 [start]: Content only -->
 
-<div class="bx-db-content relative">__designbox_content__</div>
 
-<!-- Design Box 0 [ end ] -->

+ 0 - 8
modules/boonex/artificer/data/template/system/designbox_1.html
Просмотреть файл 

@@ -1,8 +0,0 @@
 
-<!-- Design Box 1 [start]: Content + title + background -->
 
-<div class="bx-db-container bx-dbc-nopadding ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md divide-y divide-gray-200 dark:divide-gray-800">
 
-    <div class="bx-db-header px-4 py-2 lg:px-6 lg:py-4">
 
-        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
-    </div>
 
-    <div class="bx-db-content relative">__designbox_content__</div>
 
-</div>
 
-<!-- Design Box 1 [ end ] -->

+ 0 - 3
modules/boonex/artificer/data/template/system/designbox_10.html
Просмотреть файл 

@@ -1,3 +0,0 @@
 
-<!-- Design Box 10 [start]: Content only + padding -->
 
-<div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
-<!-- Design Box 10 [ end ] -->

+ 0 - 8
modules/boonex/artificer/data/template/system/designbox_11.html
Просмотреть файл 

@@ -1,8 +0,0 @@
 
-<!-- Design Box 11 [start]: Content + title + background + padding -->
 
-<div class="bx-db-container ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md divide-y divide-gray-200 dark:divide-gray-800">
 
-    <div class="bx-db-header px-3 md:px-4 py-2 md:py-3">
 
-        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
-    </div>
 
-    <div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
-</div>
 
-<!-- Design Box 11 [ end ] -->

+ 0 - 5
modules/boonex/artificer/data/template/system/designbox_13.html
Просмотреть файл 

@@ -1,5 +0,0 @@
 
-<!-- Design Box 13 [start]: Content + background + padding -->
 
-<div class="bx-db-container ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md">
 
-    <div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
-</div>
 
-<!-- Design Box 13 [ end ] -->

+ 0 - 8
modules/boonex/artificer/data/template/system/designbox_14.html
Просмотреть файл 

@@ -1,8 +0,0 @@
 
-<!-- Design Box 14 [start]: Content + title + padding -->
 
-<div class="bx-db-container bx-dbc-nobg rounded-md">
 
-    <div class="bx-db-header px-3 py-2 md:px-4 md:py-3">
 
-        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
-    </div>
 
-    <div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
-</div>
 
-<!-- Design Box 14 [ end ] -->

+ 0 - 2
modules/boonex/artificer/data/template/system/designbox_2.html
Просмотреть файл 

@@ -1,2 +0,0 @@
 
-<!-- Design Box 2 [start] -->
 
-<!-- Design Box 2 [ end ] -->

+ 0 - 5
modules/boonex/artificer/data/template/system/designbox_3.html
Просмотреть файл 

@@ -1,5 +0,0 @@
 
-<!-- Design Box 3 [start]: Content + background -->
 
-<div class="bx-db-container bx-dbc-nopadding ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md">
 
-    <div class="bx-db-content relative">__designbox_content__</div>
 
-</div>
 
-<!-- Design Box 3 [ end ] -->

+ 0 - 8
modules/boonex/artificer/data/template/system/designbox_4.html
Просмотреть файл 

@@ -1,8 +0,0 @@
 
-<!-- Design Box 4 [start]: Content + title -->
 
-<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg rounded-md">
 
-    <div class="bx-db-header px-4 py-2 lg:px-6 lg:py-4">
 
-        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
-    </div>
 
-    <div class="bx-db-content relative">__designbox_content__</div>
 
-</div>
 
-<!-- Design Box 4 [ end ] -->

+ 0 - 1
modules/boonex/artificer/data/template/system/designbox_container.html
Просмотреть файл 

@@ -1 +0,0 @@
 
-<div class="bx-page-block-container__class_add__ my-4 lg:my-6 first:mt-2 lg:first:mt-3 last:mb-2 lg:last:mb-3" <bx_if:show_html_id>id="__html_id__"</bx_if:show_html_id>>__content__</div>

+ 0 - 17
modules/boonex/artificer/data/template/system/layout_2_columns.html
Просмотреть файл 

@@ -1,17 +0,0 @@
 
-<!-- layout 2 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-2-columns">
 
-    <div class="bx-layout-row flex">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half w-1/2">
 
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
 
-                __cell_1__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half w-1/2">
 
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout 2 columns [  end  ] -->

+ 0 - 22
modules/boonex/artificer/data/template/system/layout_3_columns.html
Просмотреть файл 

@@ -1,22 +0,0 @@
 
-<!-- layout 3 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-3-columns">
 
-    <div class="bx-layout-row flex">
 
-        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin w-1/3">
 
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
 
-                __cell_1__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin w-1/3">
 
-            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin w-1/3">
 
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout 3 columns [  end  ] -->

+ 0 - 22
modules/boonex/artificer/data/template/system/layout_bar_content_bar.html
Просмотреть файл 

@@ -1,22 +0,0 @@
 
-<!-- layout bar content bar (bcb) [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-bcb">
 
-    <div class="bx-layout-row flex">
 
-        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin w-1/4">
 
-            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
 
-                __cell_1__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half w-1/2">
 
-            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin w-1/4">
 
-            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout bar content bar (bcb) [  end  ] -->

+ 0 - 17
modules/boonex/artificer/data/template/system/layout_bar_left.html
Просмотреть файл 

@@ -1,17 +0,0 @@
 
-<!-- layout bar left [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-left">
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-1">
 
-                __cell_1__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout bar left [  end  ] -->

+ 0 - 17
modules/boonex/artificer/data/template/system/layout_bar_right.html
Просмотреть файл 

@@ -1,17 +0,0 @@
 
-<!-- layout bar right [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-right">
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide max-w-full md:w-2/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-1">
 
-                __cell_1__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout bar right [  end  ] -->

+ 0 - 19
modules/boonex/artificer/data/template/system/layout_bottom_area_2_columns.html
Просмотреть файл 

@@ -1,19 +0,0 @@
 
-<!-- layout top area 2 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-bottom-area-2-columns">
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column.html />
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<bx_include_auto:_layout_align_columns.html />
 
-<!-- layout top area 2 columns [  end  ] -->

+ 0 - 18
modules/boonex/artificer/data/template/system/layout_top_area_2_columns.html
Просмотреть файл 

@@ -1,18 +0,0 @@
 
-<!-- layout top area 2 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout top area 2 columns [  end  ] -->

+ 0 - 23
modules/boonex/artificer/data/template/system/layout_top_area_3_columns.html
Просмотреть файл 

@@ -1,23 +0,0 @@
 
-<!-- layout top area 3 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-3-columns">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout top area 3 columns [  end  ] -->

+ 0 - 23
modules/boonex/artificer/data/template/system/layout_top_area_bar_content_bar.html
Просмотреть файл 

@@ -1,23 +0,0 @@
 
-<!-- layout top area bar content bar (bcb) [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bcb">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin max-w-full md:w-1/4">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin max-w-full md:w-1/4">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout top area bar content bar (bcb) [  end  ] -->

+ 0 - 18
modules/boonex/artificer/data/template/system/layout_top_area_bar_left.html
Просмотреть файл 

@@ -1,18 +0,0 @@
 
-<!-- layout top area bar left [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-left">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout top area bar left [  end  ] -->

+ 0 - 18
modules/boonex/artificer/data/template/system/layout_top_area_bar_right.html
Просмотреть файл 

@@ -1,18 +0,0 @@
 
-<!-- layout top area bar right [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-right">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide relative max-w-full md:w-2/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin relative max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<!-- layout top area bar right [  end  ] -->

+ 0 - 26
modules/boonex/artificer/data/template/system/layout_topbottom_area_2_columns.html
Просмотреть файл 

@@ -1,26 +0,0 @@
 
-<!-- layout top area 2 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-2-columns">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-1-column-column1 bx-layout-column-fullwidth">
 
-            <div class="bx-layout-cell" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<bx_include_auto:_layout_align_columns.html />
 
-<!-- layout top area 2 columns [  end  ] -->

+ 0 - 26
modules/boonex/artificer/data/template/system/layout_topbottom_area_bar_left.html
Просмотреть файл 

@@ -1,26 +0,0 @@
 
-<!-- layout top & bottom areas bar left [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-left">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-1-column-column1 bx-layout-column-fullwidth">
 
-            <div class="bx-layout-cell" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<bx_include_auto:_layout_align_columns.html />
 
-<!-- layout top area 2 columns [  end  ] -->

+ 0 - 26
modules/boonex/artificer/data/template/system/layout_topbottom_area_bar_right.html
Просмотреть файл 

@@ -1,26 +0,0 @@
 
-<!-- layout top & bottom areas bar right [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-right">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide max-w-full md:w-2/3">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin max-w-full md:w-1/3">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-1-column-column1 bx-layout-column-fullwidth">
 
-            <div class="bx-layout-cell" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<bx_include_auto:_layout_align_columns.html />
 
-<!-- layout top area 2 columns [  end  ] -->

+ 0 - 31
modules/boonex/artificer/data/template/system/layout_topbottom_area_col1_col3_col2.html
Просмотреть файл 

@@ -1,31 +0,0 @@
 
-<!-- layout top & bottom areas with 3 columns (1:3:2) [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-col1-col3-col2">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column1 bx-layout-column-thin max-w-full md:w-1/6">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column2 bx-layout-column-half max-w-full md:w-3/6">
 
-            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column3 bx-layout-column-thin max-w-full md:w-2/6">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-1-column-column1 bx-layout-column-fullwidth">
 
-            <div class="bx-layout-cell" id="bx-layout-cell-5">
 
-                __cell_5__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<bx_include_auto:_layout_align_columns.html />
 
-<!-- layout top & bottom areas with 3 columns (1:3:2) [  end  ] -->

+ 0 - 26
modules/boonex/artificer/data/template/system/layout_topbottom_area_col1_col5.html
Просмотреть файл 

@@ -1,26 +0,0 @@
 
-<!-- layout top & bottom areas with 2 columns (1:5) [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-col1-col5">
 
-    <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row flex flex-col md:flex-row">
 
-        <div class="bx-layout-col bx-layout-col1-col5-column1 bx-layout-column-thin max-w-full md:w-1/6">
 
-            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
-                __cell_2__
 
-            </div>
 
-        </div>
 
-        <div class="bx-layout-col bx-layout-col1-col5-column2 bx-layout-column-wide max-w-full md:w-5/6">
 
-            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
-                __cell_3__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-1-column-column1 bx-layout-column-fullwidth">
 
-            <div class="bx-layout-cell" id="bx-layout-cell-4">
 
-                __cell_4__
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <bx_include_auto:_row_1_column_dump.html />
 
-</div>
 
-<bx_include_auto:_layout_align_columns.html />
 
-<!-- layout top & bottom areas with 2 columns (1:5) [  end  ] -->

+ 919 - 916
modules/boonex/decorous/data/template/system/css/default.less
Просмотреть файл 

@@ -1,917 +1,920 @@
 
-@import '../../../../../../../template/css/default.less';
 
-
 
-/**
 
- * Is used for inputs and buttons. They should have the same value 
- * because Input and Button can be positioned in one line.
 
- */
 
-@base-input-box-sizing: border-box;
 
-
 
-
 
-/* viewport */
 
-html.bx-media-tablet {
 
-    font-size: @bx-viewport-font-tablet !important;
 
-}
 
-
 
-html.bx-media-phone {
 
-    font-size: @bx-viewport-font-mobile !important;
 
-}
 
-
 
-
 
-/* height */
 
-.bx-header {
 
-	height: @bx-height-header !important;
 
-}
 
-.bx-main-content .bx-main-column.narrow .bx-menu-toolbar-padding,
 
-.cd-main-content .content-wrapper {
 
-    padding-top: @bx-height-header;
 
-}
 
-
 
-
 
-/* content paddings */
 
-.bx-content-padding-header {
 
-	padding: @bx-content-padding-header;
 
-}
 
-.bx-content-padding-footer {
 
-	padding: @bx-content-padding-footer;
 
-}
 
-.bx-content-padding-block {
 
-	padding: @bx-content-padding-block;
 
-}
 
-
 
-
 
-/* shadow */
 
-.bx-shadow-header {
 
-    -webkit-box-shadow: @bx-shadow-header;
 
-    -moz-box-shadow: @bx-shadow-header;
 
-    box-shadow: @bx-shadow-header;
 
-}
 
-.bx-shadow-footer {
 
-    -webkit-box-shadow: @bx-shadow-footer;
 
-    -moz-box-shadow: @bx-shadow-footer;
 
-    box-shadow: @bx-shadow-footer;
 
-}
 
-.bx-shadow-block {
 
-    -webkit-box-shadow: @bx-shadow-block;
 
-    -moz-box-shadow: @bx-shadow-block;
 
-    box-shadow: @bx-shadow-block;
 
-}
 
-.bx-def-box {
 
-    -webkit-box-shadow: @bx-shadow-card;
 
-    -moz-box-shadow: @bx-shadow-card;
 
-    box-shadow: @bx-shadow-card;
 
-}
 
-.bx-def-box:hover {
 
-	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
 
-    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
 
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
 
-}
 
-.bx-popup-applied {
 
-    border-radius: @bx-border-radius-popup;
 
-    background-clip: padding-box;
 
-}
 
-.bx-popup-applied:not(.bx-popup-chain),
 
-.bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
 
-    -webkit-box-shadow: @bx-shadow-popup;
 
-    -moz-box-shadow: @bx-shadow-popup;
 
-    box-shadow: @bx-shadow-popup;
 
-}
 
-.bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
 
-    background-color: @bx-color-hl;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper {
 
-    -webkit-box-shadow: @bx-shadow-menu-slide;
 
-    -moz-box-shadow: @bx-shadow-menu-slide;
 
-    box-shadow: @bx-shadow-menu-slide;
 
-}
 
-.bx-btn {
 
-    -webkit-box-shadow: @bx-shadow-button;
 
-    -moz-box-shadow: @bx-shadow-button;
 
-    box-shadow: @bx-shadow-button;
 
-}
 
-.bx-btn.bx-btn-small {
 
-    -webkit-box-shadow: @bx-shadow-button-small;
 
-    -moz-box-shadow: @bx-shadow-button-small;
 
-    box-shadow: @bx-shadow-button-small;
 
-}
 
-
 
-
 
-/* background images */
 
-.bx-def-image-bg-header,
 
-.bx-def-image-bg-footer,
 
-.bx-def-image-bg-page,
 
-.bx-def-image-bg-block,
 
-.bx-def-box,
 
-.bx-popup-color-bg,
 
-.bx-popup-wrapper.bx-popup-slide-wrapper,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
-#bx-sliding-menu-account.bx-sliding-menu-main,
 
-.bx-menu-main-bar-wrapper {
 
-    background-position: center center;
 
-}
 
-.bx-def-image-bg-header {
 
-	background-image: @bx-image-bg-header;
 
-	background-repeat: @bx-image-bg-header-repeat;
 
-	background-attachment: @bx-image-bg-header-attachment;
 
-    background-size: @bx-image-bg-header-size;
 
-}
 
-.bx-def-image-bg-footer {
 
-	background-image: @bx-image-bg-footer;
 
-	background-repeat: @bx-image-bg-footer-repeat;
 
-	background-attachment: @bx-image-bg-footer-attachment;
 
-    background-size: @bx-image-bg-footer-size;
 
-}
 
-.bx-def-image-bg-page {
 
-	background-image: @bx-image-bg-page;
 
-	background-repeat: @bx-image-bg-page-repeat;
 
-	background-attachment: @bx-image-bg-page-attachment;
 
-    background-size: @bx-image-bg-page-size;
 
-}
 
-.bx-def-image-bg-block {
 
-	background-image: @bx-image-bg-block;
 
-	background-repeat: @bx-image-bg-block-repeat;
 
-	background-attachment: @bx-image-bg-block-attachment;
 
-    background-size: @bx-image-bg-block-size;
 
-}
 
-.bx-def-box {
 
-	background-image: @bx-image-bg-box;
 
-	background-repeat: @bx-image-bg-box-repeat;
 
-	background-attachment: @bx-image-bg-box-attachment;
 
-    background-size: @bx-image-bg-box-size;
 
-}
 
-
 
-/* body */
 
-a {
 
-    color: @bx-color-link-body; 
-    transition: color .3s;
 
-}
 
-a:hover {
 
-    color: @bx-color-link-body-hover; 
-}
 
-.sys-icon:not(.sys-colored),
 
-.sys-icon-a:not(.sys-colored) {
 
-    color: inherit; 
-}
 
-a:hover > .sys-icon:not(.sys-colored),
 
-a:hover > .sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-body-hover; 
-}
 
-.sys-icon-a i {
 
-    .background-color (@bx-color-icon-body) !important;
 
-    color: @bx-color-icon-body;
 
-}
 
-a:hover > .sys-icon-a i {
 
-    .background-color (@bx-color-icon-body-hover) !important;
 
-    color: @bx-color-icon-body-hover;
 
-}
 
-
 
-/* header */
 
-.bx-header.bx-def-color-bg-header {
 
-    .background-color (@bx-color-header);
 
-}
 
-.bx-header.bx-def-border-header {
 
-    border-bottom-width: @bx-border-width-header;
 
-    border-bottom-style: @bx-border-type;
 
-    border-bottom-color: @bx-color-border-header;
 
-}
 
-.bx-header a {
 
-    color: @bx-color-link-header; 
-}
 
-.bx-header a:hover {
 
-    color: @bx-color-link-header-hover;
 
-}
 
-.bx-header .sys-icon:not(.sys-colored),
 
-.bx-header .sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-header; 
-}
 
-.bx-header .cd-nav-trigger span, 
-.bx-header .cd-nav-trigger span::before, 
-.bx-header .cd-nav-trigger span::after,
 
-.bx-header .cd-nav-trigger.nav-is-visible span::before, 
-.bx-header .cd-nav-trigger.nav-is-visible span::after {
 
-    background: @bx-color-icon-header;
 
-}
 
-.bx-header a:hover .sys-icon,
 
-.bx-header a:hover .sys-icon-a {
 
-    color: @bx-color-icon-header-hover; 
-}
 
-.bx-header .cd-nav-trigger.nav-is-visible:hover span {
 
-  background: rgba(255, 255, 255, 0);
 
-}
 
-.bx-header .cd-nav-trigger:hover span, 
-.bx-header .cd-nav-trigger:hover span::before, 
-.bx-header .cd-nav-trigger:hover span::after,
 
-.bx-header .cd-nav-trigger.nav-is-visible:hover span::before, 
-.bx-header .cd-nav-trigger.nav-is-visible:hover span::after {
 
-    background: @bx-color-icon-header-hover;
 
-}
 
-.bx-header .sys-icon-a:not(.sys-colored) i {
 
-    .background-color (@bx-color-icon-header) !important;
 
-    color: @bx-color-icon-header;
 
-}
 
-.bx-header a:hover .sys-icon-a i {
 
-    .background-color (@bx-color-icon-header-hover) !important;
 
-    color: @bx-color-icon-header-hover;
 
-}
 
-
 
-/* footer */
 
-.bx-footer-wrapper.bx-def-color-bg-footer {
 
-    .background-color (@bx-color-footer);    
-}
 
-.bx-footer-wrapper.bx-def-border-footer {
 
-    border-top-width: @bx-border-width-footer;
 
-    border-top-style: @bx-border-type;
 
-    border-top-color: @bx-color-border-footer;
 
-}
 
-
 
-.bx-footer {
 
-	color: @bx-font-color-footer;
 
-}
 
-.bx-footer a {
 
-	color: @bx-color-link-footer; 
-}
 
-.bx-footer a:hover {
 
-	color: @bx-color-link-footer-hover; 
-}
 
-.bx-footer .sys-icon,
 
-.bx-footer .sys-icon-a {
 
-	color: @bx-color-icon-footer; 
-}
 
-.bx-footer a:hover .sys-icon,
 
-.bx-footer a:hover .sys-icon-a {
 
-	color: @bx-color-icon-footer-hover; 
-}
 
-.bx-footer .sys-icon-a i {
 
-	.background-color (@bx-color-icon-footer) !important;
 
-	color: @bx-color-icon-footer;
 
-}
 
-.bx-footer a:hover .sys-icon-a i {
 
-	.background-color (@bx-color-icon-footer-hover) !important;
 
-	color: @bx-color-icon-footer-hover;
 
-}
 
-
 
-/* fonts */
 
-.bx-def-font-inputs {
 
-	font-family: @bx-font-family-form-input;
 
-	font-size: @bx-font-size-form-input;
 
-	color: @bx-font-color-form-input;
 
-}
 
-
 
-h1,
 
-.bx-def-font-h1 {
 
-	font-weight: @bx-font-weight-h1;
 
-	color: @bx-font-color-default-h1;
 
-}
 
-h1.bx-def-font-grayed,
 
-h1 .bx-def-font-grayed,
 
-.bx-def-font-h1.bx-def-font-grayed,
 
-.bx-def-font-h1 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h1;
 
-}
 
-h1.bx-def-font-contrasted,
 
-h1.bx-def-font-contrasted:after,
 
-h1.bx-def-font-contrasted:before,
 
-h1 .bx-def-font-contrasted,
 
-h1 .bx-def-font-contrasted:after,
 
-h1 .bx-def-font-contrasted:before,
 
-.bx-def-font-h1.bx-def-font-contrasted,
 
-.bx-def-font-h1.bx-def-font-contrasted:after,
 
-.bx-def-font-h1.bx-def-font-contrasted:before,
 
-.bx-def-font-h1 .bx-def-font-contrasted,
 
-.bx-def-font-h1 .bx-def-font-contrasted:after,
 
-.bx-def-font-h1 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h1;
 
-}
 
-h1 a,
 
-.bx-def-font-h1 a,
 
-a.bx-def-font-h1 {
 
-	color: @bx-font-color-link-h1;
 
-}
 
-h1 a:hover,
 
-.bx-def-font-h1 a:hover,
 
-a.bx-def-font-h1:hover {
 
-	color: @bx-font-color-link-h1-hover;
 
-}
 
-
 
-h2,
 
-.bx-def-font-h2 {
 
-	font-weight: @bx-font-weight-h2;
 
-	color: @bx-font-color-default-h2;
 
-}
 
-h2.bx-def-font-grayed,
 
-h2 .bx-def-font-grayed,
 
-.bx-def-font-h2.bx-def-font-grayed,
 
-.bx-def-font-h2 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h2;
 
-}
 
-h2.bx-def-font-contrasted,
 
-h2.bx-def-font-contrasted:after,
 
-h2.bx-def-font-contrasted:before,
 
-h2 .bx-def-font-contrasted,
 
-h2 .bx-def-font-contrasted:after,
 
-h2 .bx-def-font-contrasted:before,
 
-.bx-def-font-h2.bx-def-font-contrasted,
 
-.bx-def-font-h2.bx-def-font-contrasted:after,
 
-.bx-def-font-h2.bx-def-font-contrasted:before,
 
-.bx-def-font-h2 .bx-def-font-contrasted,
 
-.bx-def-font-h2 .bx-def-font-contrasted:after,
 
-.bx-def-font-h2 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h2;
 
-}
 
-h2 a,
 
-.bx-def-font-h2 a,
 
-a.bx-def-font-h2 {
 
-	color: @bx-font-color-link-h2;
 
-}
 
-h2 a:hover,
 
-.bx-def-font-h2 a:hover,
 
-a.bx-def-font-h2:hover {
 
-	color: @bx-font-color-link-h2-hover;
 
-}
 
-
 
-h3,
 
-.bx-def-font-h3 {
 
-	font-weight: @bx-font-weight-h3;
 
-	color: @bx-font-color-default-h3;
 
-}
 
-h3.bx-def-font-grayed,
 
-h3 .bx-def-font-grayed,
 
-.bx-def-font-h3.bx-def-font-grayed,
 
-.bx-def-font-h3 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h3;
 
-}
 
-h3.bx-def-font-contrasted,
 
-h3.bx-def-font-contrasted:after,
 
-h3.bx-def-font-contrasted:before,
 
-h3 .bx-def-font-contrasted,
 
-h3 .bx-def-font-contrasted:after,
 
-h3 .bx-def-font-contrasted:before,
 
-.bx-def-font-h3.bx-def-font-contrasted,
 
-.bx-def-font-h3.bx-def-font-contrasted:after,
 
-.bx-def-font-h3.bx-def-font-contrasted:before,
 
-.bx-def-font-h3 .bx-def-font-contrasted,
 
-.bx-def-font-h3 .bx-def-font-contrasted:after,
 
-.bx-def-font-h3 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h3;
 
-}
 
-h3 a,
 
-.bx-def-font-h3 a,
 
-a.bx-def-font-h3 {
 
-	color: @bx-font-color-link-h3;
 
-}
 
-h3 a:hover,
 
-.bx-def-font-h3 a:hover,
 
-a.bx-def-font-h3:hover {
 
-	color: @bx-font-color-link-h3-hover;
 
-}
 
-
 
-/* cover */
 
-.bx-menu-toolbar-padding .bx-def-cover-color-bg {
 
-    background-color: @bx-color-cover;
 
-}
 
-
 
-.bx-menu-toolbar-padding .bx-cover-wrapper {
 
-    border-width: @bx-border-width-cover;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-cover;
 
-
 
-    border-radius: @bx-border-radius-cover;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-cover;
 
-    -moz-box-shadow: @bx-shadow-cover;
 
-    box-shadow: @bx-shadow-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover {
 
-    min-height: @bx-height-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover,
 
-.bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
 
-    text-align: @bx-text-align-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover.bx-def-padding {
 
-    padding: @bx-content-padding-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-image img {
 
-    border-width: @bx-border-width-cover-icon;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-cover-icon;
 
-
 
-    border-radius: @bx-border-radius-cover-icon;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-cover-icon;
 
-    -moz-box-shadow: @bx-shadow-cover-icon;
 
-    box-shadow: @bx-shadow-cover-icon;
 
-}
 
-
 
-.bx-cover-wrapper .bx-cover .bx-cover-title {
 
-    text-shadow: @bx-shadow-text-cover;
 
-
 
-    font-family: @bx-font-family-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-title,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:after,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:before {
 
-    color: @bx-color-font-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-title,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
 
-    font-size: @bx-font-size-cover;
 
-    font-weight: @bx-font-weight-cover;
 
-}
 
-
 
-
 
-/* block */
 
-.bx-def-border-block {
 
-    border-width: @bx-border-width-block;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-block;
 
-
 
-    border-radius: @bx-border-radius-block;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-border-radius-block {
 
-    border-radius: @bx-border-radius-block;
 
-    background-clip: padding-box;
 
-}
 
-.bx-db-header {
 
-    padding: @bx-title-padding-block;
 
-
 
-    border-width: @bx-border-width-block-title;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-block-title;
 
-
 
-    border-radius: @bx-border-radius-block-title;
 
-}
 
-.bx-def-color-bg-block .bx-db-header,
 
-.bx-def-image-bg-block .bx-db-header {
 
-    background-color: @bx-color-block-title;
 
-}
 
-.bx-db-header .bx-db-title {
 
-    line-height: 1.2;
 
-    font-family: @bx-font-family-block-title;
 
-    font-size: @bx-font-size-block-title;
 
-    font-weight: @bx-font-weight-block-title;
 
-    color: @bx-color-font-block-title;
 
-}
 
-.bx-db-divider {
 
-    border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
 
-}
 
-
 
-
 
-/* box */
 
-.bx-def-box {
 
-    border-width: @bx-border-width-box;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-box;
 
-}
 
-.bx-def-box.bx-def-padding {
 
-    padding: @bx-content-padding-card;
 
-}
 
-.bx-def-box.bx-def-color-bg-box {
 
-    .background-color (@bx-color-box);
 
-}
 
-.bx-def-box.bx-def-color-bg-box-active,
 
-.bx-def-box.bx-def-color-bg-box-hover:hover {
 
-    .background-color (@bx-color-box-hover);
 
-}
 
-.bx-def-box-round-corners,
 
-.bx-def-box.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int-top {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int-bottom {
 
-    border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-base-pofile-unit-with-cover .bx-def-round-corners .bx-base-pofile-unit-cover {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-.bx-base-text-unit.bx-base-text-unit-ext.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners,
 
-.bx-base-text-unit.bx-base-text-unit-ext .bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-.bx-base-text-unit.bx-base-text-unit-gallery.bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners,
 
-.bx-base-text-unit.bx-base-text-unit-gallery .bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-
 
-/* popup */
 
-.bx-popup-border {
 
-    border-width: @bx-border-width-popup;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-popup;
 
-
 
-    border-radius: @bx-border-radius-popup;
 
-    background-clip: padding-box;
 
-}
 
-.bx-popup-color-bg {
 
-    background-color: @bx-color-popup;
 
-
 
-    background-image: @bx-image-bg-popup;
 
-    background-repeat: @bx-image-bg-popup-repeat;
 
-    background-attachment: @bx-image-bg-popup-attachment;
 
-    background-size: @bx-image-bg-popup-size;
 
-}
 
-.bx-popup-content-indent {
 
-	padding: @bx-content-padding-popup;
 
-}
 
-.bx-popup-header {
 
-    padding: @bx-title-padding-popup;
 
-}
 
-.bx-popup-header .bx-popup-element-close {
 
-    margin: @bx-title-padding-popup;
 
-}
 
-.bx-popup-header-color-bg {
 
-    background-color: @bx-color-popup-title;
 
-}
 
-.bx-popup-header h2,
 
-.bx-popup-header .bx-popup-element-close {
 
-    line-height: 1.8rem;
 
-}
 
-.bx-popup-header h2 {
 
-    font-family: @bx-font-family-popup-title;
 
-    font-size: @bx-font-size-popup-title;
 
-}
 
-.bx-popup-header h2,
 
-.bx-popup-header.bx-def-font-contrasted h2,
 
-.bx-popup-header .bx-popup-element-close,
 
-.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
 
-.bx-popup-header .bx-popup-element-close .sys-icon,
 
-.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
 
-	color: @bx-color-font-popup-title;
 
-}
 
-
 
-/* slide menu */
 
-.bx-popup-wrapper.bx-popup-slide-wrapper {
 
-	border-width: @bx-border-width-menu-slide;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-menu-slide;
 
-
 
-	.background-color (@bx-color-menu-slide);
 
-
 
-	background-image: @bx-image-bg-menu-slide;
 
-	background-repeat: @bx-image-bg-menu-slide-repeat;
 
-	background-attachment: @bx-image-bg-menu-slide-attachment;
 
-    background-size: @bx-image-bg-menu-slide-size;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
 
-	padding: @bx-content-padding-menu-slide;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li a {
 
-	text-shadow: @bx-shadow-font-menu-slide;
 
-
 
-	font-family: @bx-font-family-menu-slide;
 
-	font-size: @bx-font-size-menu-slide;
 
-	font-weight: @bx-font-weight-menu-slide;
 
-	color: @bx-font-color-menu-slide;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
 
-	color: @bx-font-color-menu-slide-hover;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
 
-	color: @bx-font-color-menu-slide-active;
 
-}
 
-
 
-/* main menu */
 
-.cd-main-content .cd-side-nav {
 
-	-webkit-box-shadow: @bx-shadow-menu-main;
 
-	-moz-box-shadow: @bx-shadow-menu-main;
 
-	box-shadow: @bx-shadow-menu-main;
 
-
 
-	border-width: @bx-border-width-menu-main;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-menu-main;
 
-
 
-	background-color: @bx-color-menu-main;
 
-
 
-	background-image: @bx-image-bg-menu-main;
 
-	background-repeat: @bx-image-bg-menu-main-repeat;
 
-	background-attachment: @bx-image-bg-menu-main-attachment;
 
-    background-size: @bx-image-bg-menu-main-size;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
 
-	padding: @bx-content-padding-menu-main;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .bx-menu-floating-blocks-title {
 
-	text-shadow: @bx-shadow-font-menu-main;
 
-
 
-	font-family: @bx-font-family-menu-main;
 
-	font-size: @bx-font-size-menu-main;
 
-	font-weight: @bx-font-weight-menu-main;
 
-	color: @bx-font-color-menu-main;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .bx-menu-floating-blocks-title,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .bx-menu-floating-blocks-icon {
 
-	color: @bx-font-color-menu-main-active;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .bx-menu-floating-blocks-title,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .bx-menu-floating-blocks-icon {
 
-	color: @bx-font-color-menu-main-hover;
 
-}
 
-
 
-
 
-/* account menu */
 
-#bx-sliding-menu-account.bx-sliding-menu-main {
 
-    -webkit-box-shadow: @bx-shadow-menu-account;
 
-    -moz-box-shadow: @bx-shadow-menu-account;
 
-    box-shadow: @bx-shadow-menu-account;
 
-
 
-    border-width: @bx-border-width-menu-account;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-account;
 
-
 
-    background-color: @bx-color-menu-account;
 
-
 
-    background-image: @bx-image-bg-menu-account;
 
-    background-repeat: @bx-image-bg-menu-account-repeat;
 
-    background-attachment: @bx-image-bg-menu-account-attachment;
 
-    background-size: @bx-image-bg-menu-account-size;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-account;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h1,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h2,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt a:not(.bx-btn) {
 
-    color: @bx-font-color-menu-account;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a .bx-menu-floating-blocks-title {
 
-    text-shadow: @bx-shadow-font-menu-account;
 
-
 
-    font-family: @bx-font-family-menu-account;
 
-    font-size: @bx-font-size-menu-account;
 
-    font-weight: @bx-font-weight-menu-account;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a {
 
-    color: @bx-font-color-menu-account-active;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:hover {
 
-    color: @bx-font-color-menu-account-hover;
 
-}
 
-
 
-/* add menu */
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
-    -webkit-box-shadow: @bx-shadow-menu-add;
 
-    -moz-box-shadow: @bx-shadow-menu-add;
 
-    box-shadow: @bx-shadow-menu-add;
 
-
 
-    border-width: @bx-border-width-menu-add;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-add;
 
-
 
-    background-color: @bx-color-menu-add;
 
-
 
-    background-image: @bx-image-bg-menu-add;
 
-    background-repeat: @bx-image-bg-menu-add-repeat;
 
-    background-attachment: @bx-image-bg-menu-add-attachment;
 
-    background-size: @bx-image-bg-menu-add-size;
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-add;
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a {
 
-    text-shadow: @bx-shadow-font-menu-add;
 
-
 
-    font-family: @bx-font-family-menu-add;
 
-    font-size: @bx-font-size-menu-add;
 
-    font-weight: @bx-font-weight-menu-add;
 
-    color: @bx-font-color-menu-add;
 
-}
 
-/*#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
 
-    color: @bx-font-color-menu-add-active;
 
-}*/
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover {
 
-    color: @bx-font-color-menu-add-hover;
 
-}
 
-
 
-/* page menu */
 
-.bx-menu-main-bar-wrapper {
 
-    -webkit-box-shadow: @bx-shadow-menu-page;
 
-    -moz-box-shadow: @bx-shadow-menu-page;
 
-    box-shadow: @bx-shadow-menu-page;
 
-
 
-    border-width: @bx-border-width-menu-page;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-page;
 
-    border-bottom-right-radius: @bx-border-radius-block-br;
 
-    border-bottom-left-radius: @bx-border-radius-block-bl;
 
-
 
-    background-color: @bx-color-menu-page;
 
-
 
-    background-image: @bx-image-bg-menu-page;
 
-    background-repeat: @bx-image-bg-menu-page-repeat;
 
-    background-attachment: @bx-image-bg-menu-page-attachment;
 
-    background-size: @bx-image-bg-menu-page-size;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
-	padding: @bx-content-padding-menu-page;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
 
-	text-shadow: @bx-shadow-font-menu-page;
 
-
 
-	font-family: @bx-font-family-menu-page;
 
-	font-size: @bx-font-size-menu-page;
 
-	font-weight: @bx-font-weight-menu-page;
 
-	color: @bx-font-color-menu-page;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
 
-	color: @bx-font-color-menu-page-hover;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
 
-	color: @bx-font-color-menu-page-active;
 
-}
 
-
 
-/* form */
 
-.bx-form-value .bx-form-input-slider,
 
-.bx-form-value .bx-form-input-doublerange,
 
-.bx-form-value .bx-form-input-select_multiple,
 
-.bx-form-value .bx-form-input-select,
 
-.bx-form-value .bx-form-input-radio_set,
 
-.bx-form-value .bx-form-input-checkbox_set,
 
-.bx-form-value .bx-form-input-number,
 
-.bx-form-value .bx-form-input-time,
 
-.bx-form-value .bx-form-input-datepicker,
 
-.bx-form-value .bx-form-input-datetime,
 
-.bx-form-value .bx-form-input-textarea,
 
-.bx-form-value .bx-form-input-text,
 
-.bx-form-value .bx-form-input-price,
 
-.bx-form-value .bx-form-input-wrapper-price span,
 
-.bx-form-value .bx-form-input-wrapper-password {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    border-color: @bx-color-border-form-input;
 
-    border-width: @bx-border-width-form-input;
 
-
 
-    background-color: @bx-color-form-input;
 
-
 
-    -webkit-box-shadow: @bx-shadow-form-input;
 
-    -moz-box-shadow: @bx-shadow-form-input;
 
-    box-shadow: @bx-shadow-form-input;
 
-}
 
-.bx-form-value .bx-form-input-slider,
 
-.bx-form-value .bx-form-input-doublerange,
 
-.bx-form-value .bx-form-input-select,
 
-.bx-form-value .bx-form-input-number,
 
-.bx-form-value .bx-form-input-time,
 
-.bx-form-value .bx-form-input-datepicker,
 
-.bx-form-value .bx-form-input-datetime,
 
-.bx-form-value .bx-form-input-text,
 
-.bx-form-value .bx-form-input-price,
 
-.bx-form-value .bx-form-input-wrapper-price span,
 
-.bx-form-value .bx-form-input-wrapper-password {
 
-    height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b {
 
-    line-height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b .bx-def-thumb-size {
 
-    width: @bx-height-form-input;
 
-    height: @bx-height-form-input;
 
-    line-height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-slider:focus,
 
-.bx-form-value .bx-form-input-doublerange:focus,
 
-.bx-form-value .bx-form-input-number:focus,
 
-.bx-form-value .bx-form-input-time:focus,
 
-.bx-form-value .bx-form-input-datepicker:focus,
 
-.bx-form-value .bx-form-input-datetime:focus,
 
-.bx-form-value .bx-form-input-textarea:focus,
 
-.bx-form-value .bx-form-input-text:focus,
 
-.bx-form-value .bx-form-input-price:focus,
 
-.bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
 
-    border-color: @bx-color-border-form-input-active;
 
-    background-color: @bx-color-form-input-active;
 
-}
 
-.bx-form-value .bx-switcher-cont {
 
-    border-color: @bx-color-border-form-input;
 
-    border-width: @bx-border-width-form-input;
 
-
 
-    background-color: @bx-color-form-input;
 
-
 
-    -webkit-box-shadow: @bx-shadow-form-input;
 
-    -moz-box-shadow: @bx-shadow-form-input;
 
-    box-shadow: @bx-shadow-form-input;
 
-}
 
-
 
-/* button large */
 
-.bx-btn,
 
-.bx-btn.bx-btn-primary {
 
-	.box-sizing(@base-input-box-sizing);
 
-
 
-	height: @bx-height-button;
 
-	line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
-
 
-	.background-color (@bx-color-button);
 
-
 
-	border-width: @bx-border-width-button;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-button;
 
-
 
-        border-radius: @bx-border-radius-button;
 
-	background-clip: padding-box;
 
-
 
-	text-shadow: @bx-shadow-font-button;
 
-
 
-	font-family: @bx-font-family-button;
 
-	font-size: @bx-font-size-button;
 
-	font-weight: @bx-font-weight-button;
 
-	color: @bx-font-color-button;
 
-}
 
-.bx-btn-height {
 
-	height: @bx-height-button;
 
-	line-height: @bx-height-button;
 
-}
 
-.bx-btn-border {
 
-	border-width: @bx-border-width-button;
 
-	border-style: solid;
 
-	border-color: transparent;
 
-}
 
-.bx-btn:hover,
 
-.bx-btn:active,
 
-.bx-btn.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-primary:active {
 
-	border-width: @bx-border-width-button;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-button-hover;
 
-
 
-	.background-color (@bx-color-button-hover);
 
-
 
-	color: @bx-font-color-button-hover;
 
-}
 
-.bx-btn .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button;
 
-}
 
-.bx-btn:hover .sys-icon:not(.sys-colored),
 
-.bx-btn:active .sys-icon:not(.sys-colored),
 
-.bx-btn.bx-btn-primary:hover .sys-icon:not(.sys-colored),
 
-.bx-btn.bx-btn-primary:active .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-hover;
 
-}
 
-
 
-/* button small */
 
-.bx-btn.bx-btn-small {
 
-	.box-sizing(@base-input-box-sizing);
 
-
 
-	height: @bx-height-button-small;
 
-	line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
-
 
-	.background-color (@bx-color-button-small);
 
-
 
-	border-width: @bx-border-width-button-small;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-button-small;
 
-
 
-        border-radius: @bx-border-radius-button-small;
 
-	background-clip: padding-box;
 
-
 
-	text-shadow: @bx-shadow-font-button-small;
 
-
 
-	font-family: @bx-font-family-button-small;
 
-	font-size: @bx-font-size-button-small;
 
-	font-weight: @bx-font-weight-button-small;
 
-	color: @bx-font-color-button-small;
 
-}
 
-.bx-btn-small-height {
 
-	height: @bx-height-button-small;
 
-	line-height: @bx-height-button-small;
 
-}
 
-.bx-btn-small-border {
 
-	border-width: @bx-border-width-button-small;
 
-	border-style: solid;
 
-	border-color: transparent;
 
-}
 
-.bx-btn.bx-btn-small:hover,
 
-.bx-btn.bx-btn-small:active {
 
-	border-width: @bx-border-width-button-small;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-button-small-hover;
 
-
 
-	.background-color (@bx-color-button-small-hover);
 
-
 
-	color: @bx-font-color-button-small-hover;
 
-}
 
-.bx-btn.bx-btn-small .sys-icon {
 
-	color: @bx-font-color-button-small;
 
-}
 
-.bx-btn.bx-btn-small:hover .sys-icon,
 
-.bx-btn.bx-btn-small:active .sys-icon {
 
-	color: @bx-font-color-button-small-hover;
 
+.@{bx-root-class-name}{
 
+
 
+    @import '../../../../../../../template/css/default.less';
 
+
 
+    /**
 
+     * Is used for inputs and buttons. They should have the same value 
+     * because Input and Button can be positioned in one line.
 
+     */
 
+    @base-input-box-sizing: border-box;
 
+
 
+
 
+    /* viewport */
 
+    html.bx-media-tablet {
 
+        font-size: @bx-viewport-font-tablet !important;
 
+    }
 
+
 
+    html.bx-media-phone {
 
+        font-size: @bx-viewport-font-mobile !important;
 
+    }
 
+
 
+
 
+    /* height */
 
+    .bx-header {
 
+        height: @bx-height-header !important;
 
+    }
 
+    .bx-main-content .bx-main-column.narrow .bx-menu-toolbar-padding,
 
+    .cd-main-content .content-wrapper {
 
+        padding-top: @bx-height-header;
 
+    }
 
+
 
+
 
+    /* content paddings */
 
+    .bx-content-padding-header {
 
+        padding: @bx-content-padding-header;
 
+    }
 
+    .bx-content-padding-footer {
 
+        padding: @bx-content-padding-footer;
 
+    }
 
+    .bx-content-padding-block {
 
+        padding: @bx-content-padding-block;
 
+    }
 
+
 
+
 
+    /* shadow */
 
+    .bx-shadow-header {
 
+        -webkit-box-shadow: @bx-shadow-header;
 
+        -moz-box-shadow: @bx-shadow-header;
 
+        box-shadow: @bx-shadow-header;
 
+    }
 
+    .bx-shadow-footer {
 
+        -webkit-box-shadow: @bx-shadow-footer;
 
+        -moz-box-shadow: @bx-shadow-footer;
 
+        box-shadow: @bx-shadow-footer;
 
+    }
 
+    .bx-shadow-block {
 
+        -webkit-box-shadow: @bx-shadow-block;
 
+        -moz-box-shadow: @bx-shadow-block;
 
+        box-shadow: @bx-shadow-block;
 
+    }
 
+    .bx-def-box {
 
+        -webkit-box-shadow: @bx-shadow-card;
 
+        -moz-box-shadow: @bx-shadow-card;
 
+        box-shadow: @bx-shadow-card;
 
+    }
 
+    .bx-def-box:hover {
 
+        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
 
+        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
 
+        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
 
+    }
 
+    .bx-popup-applied {
 
+        border-radius: @bx-border-radius-popup;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-popup-applied:not(.bx-popup-chain),
 
+    .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
 
+        -webkit-box-shadow: @bx-shadow-popup;
 
+        -moz-box-shadow: @bx-shadow-popup;
 
+        box-shadow: @bx-shadow-popup;
 
+    }
 
+    .bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
 
+        background-color: @bx-color-hl;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper {
 
+        -webkit-box-shadow: @bx-shadow-menu-slide;
 
+        -moz-box-shadow: @bx-shadow-menu-slide;
 
+        box-shadow: @bx-shadow-menu-slide;
 
+    }
 
+    .bx-btn {
 
+        -webkit-box-shadow: @bx-shadow-button;
 
+        -moz-box-shadow: @bx-shadow-button;
 
+        box-shadow: @bx-shadow-button;
 
+    }
 
+    .bx-btn.bx-btn-small {
 
+        -webkit-box-shadow: @bx-shadow-button-small;
 
+        -moz-box-shadow: @bx-shadow-button-small;
 
+        box-shadow: @bx-shadow-button-small;
 
+    }
 
+
 
+
 
+    /* background images */
 
+    .bx-def-image-bg-header,
 
+    .bx-def-image-bg-footer,
 
+    .bx-def-image-bg-page,
 
+    .bx-def-image-bg-block,
 
+    .bx-def-box,
 
+    .bx-popup-color-bg,
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main,
 
+    .bx-menu-main-bar-wrapper {
 
+        background-position: center center;
 
+    }
 
+    .bx-def-image-bg-header {
 
+        background-image: @bx-image-bg-header;
 
+        background-repeat: @bx-image-bg-header-repeat;
 
+        background-attachment: @bx-image-bg-header-attachment;
 
+        background-size: @bx-image-bg-header-size;
 
+    }
 
+    .bx-def-image-bg-footer {
 
+        background-image: @bx-image-bg-footer;
 
+        background-repeat: @bx-image-bg-footer-repeat;
 
+        background-attachment: @bx-image-bg-footer-attachment;
 
+        background-size: @bx-image-bg-footer-size;
 
+    }
 
+    .bx-def-image-bg-page {
 
+        background-image: @bx-image-bg-page;
 
+        background-repeat: @bx-image-bg-page-repeat;
 
+        background-attachment: @bx-image-bg-page-attachment;
 
+        background-size: @bx-image-bg-page-size;
 
+    }
 
+    .bx-def-image-bg-block {
 
+        background-image: @bx-image-bg-block;
 
+        background-repeat: @bx-image-bg-block-repeat;
 
+        background-attachment: @bx-image-bg-block-attachment;
 
+        background-size: @bx-image-bg-block-size;
 
+    }
 
+    .bx-def-box {
 
+        background-image: @bx-image-bg-box;
 
+        background-repeat: @bx-image-bg-box-repeat;
 
+        background-attachment: @bx-image-bg-box-attachment;
 
+        background-size: @bx-image-bg-box-size;
 
+    }
 
+
 
+    /* body */
 
+    a {
 
+        color: @bx-color-link-body; 
+        transition: color .3s;
 
+    }
 
+    a:hover {
 
+        color: @bx-color-link-body-hover; 
+    }
 
+    .sys-icon:not(.sys-colored),
 
+    .sys-icon-a:not(.sys-colored) {
 
+        color: inherit; 
+    }
 
+    a:hover > .sys-icon:not(.sys-colored),
 
+    a:hover > .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-body-hover; 
+    }
 
+    .sys-icon-a i {
 
+        .background-color (@bx-color-icon-body) !important;
 
+        color: @bx-color-icon-body;
 
+    }
 
+    a:hover > .sys-icon-a i {
 
+        .background-color (@bx-color-icon-body-hover) !important;
 
+        color: @bx-color-icon-body-hover;
 
+    }
 
+
 
+    /* header */
 
+    .bx-header.bx-def-color-bg-header {
 
+        .background-color (@bx-color-header);
 
+    }
 
+    .bx-header.bx-def-border-header {
 
+        border-bottom-width: @bx-border-width-header;
 
+        border-bottom-style: @bx-border-type;
 
+        border-bottom-color: @bx-color-border-header;
 
+    }
 
+    .bx-header a {
 
+        color: @bx-color-link-header; 
+    }
 
+    .bx-header a:hover {
 
+        color: @bx-color-link-header-hover;
 
+    }
 
+    .bx-header .sys-icon:not(.sys-colored),
 
+    .bx-header .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-header; 
+    }
 
+    .bx-header .cd-nav-trigger span, 
+    .bx-header .cd-nav-trigger span::before, 
+    .bx-header .cd-nav-trigger span::after,
 
+    .bx-header .cd-nav-trigger.nav-is-visible span::before, 
+    .bx-header .cd-nav-trigger.nav-is-visible span::after {
 
+        background: @bx-color-icon-header;
 
+    }
 
+    .bx-header a:hover .sys-icon,
 
+    .bx-header a:hover .sys-icon-a {
 
+        color: @bx-color-icon-header-hover; 
+    }
 
+    .bx-header .cd-nav-trigger.nav-is-visible:hover span {
 
+      background: rgba(255, 255, 255, 0);
 
+    }
 
+    .bx-header .cd-nav-trigger:hover span, 
+    .bx-header .cd-nav-trigger:hover span::before, 
+    .bx-header .cd-nav-trigger:hover span::after,
 
+    .bx-header .cd-nav-trigger.nav-is-visible:hover span::before, 
+    .bx-header .cd-nav-trigger.nav-is-visible:hover span::after {
 
+        background: @bx-color-icon-header-hover;
 
+    }
 
+    .bx-header .sys-icon-a:not(.sys-colored) i {
 
+        .background-color (@bx-color-icon-header) !important;
 
+        color: @bx-color-icon-header;
 
+    }
 
+    .bx-header a:hover .sys-icon-a i {
 
+        .background-color (@bx-color-icon-header-hover) !important;
 
+        color: @bx-color-icon-header-hover;
 
+    }
 
+
 
+    /* footer */
 
+    .bx-footer-wrapper.bx-def-color-bg-footer {
 
+        .background-color (@bx-color-footer);    
+    }
 
+    .bx-footer-wrapper.bx-def-border-footer {
 
+        border-top-width: @bx-border-width-footer;
 
+        border-top-style: @bx-border-type;
 
+        border-top-color: @bx-color-border-footer;
 
+    }
 
+
 
+    .bx-footer {
 
+        color: @bx-font-color-footer;
 
+    }
 
+    .bx-footer a {
 
+        color: @bx-color-link-footer; 
+    }
 
+    .bx-footer a:hover {
 
+        color: @bx-color-link-footer-hover; 
+    }
 
+    .bx-footer .sys-icon,
 
+    .bx-footer .sys-icon-a {
 
+        color: @bx-color-icon-footer; 
+    }
 
+    .bx-footer a:hover .sys-icon,
 
+    .bx-footer a:hover .sys-icon-a {
 
+        color: @bx-color-icon-footer-hover; 
+    }
 
+    .bx-footer .sys-icon-a i {
 
+        .background-color (@bx-color-icon-footer) !important;
 
+        color: @bx-color-icon-footer;
 
+    }
 
+    .bx-footer a:hover .sys-icon-a i {
 
+        .background-color (@bx-color-icon-footer-hover) !important;
 
+        color: @bx-color-icon-footer-hover;
 
+    }
 
+
 
+    /* fonts */
 
+    .bx-def-font-inputs {
 
+        font-family: @bx-font-family-form-input;
 
+        font-size: @bx-font-size-form-input;
 
+        color: @bx-font-color-form-input;
 
+    }
 
+
 
+    h1,
 
+    .bx-def-font-h1 {
 
+        font-weight: @bx-font-weight-h1;
 
+        color: @bx-font-color-default-h1;
 
+    }
 
+    h1.bx-def-font-grayed,
 
+    h1 .bx-def-font-grayed,
 
+    .bx-def-font-h1.bx-def-font-grayed,
 
+    .bx-def-font-h1 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h1;
 
+    }
 
+    h1.bx-def-font-contrasted,
 
+    h1.bx-def-font-contrasted:after,
 
+    h1.bx-def-font-contrasted:before,
 
+    h1 .bx-def-font-contrasted,
 
+    h1 .bx-def-font-contrasted:after,
 
+    h1 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h1.bx-def-font-contrasted,
 
+    .bx-def-font-h1.bx-def-font-contrasted:after,
 
+    .bx-def-font-h1.bx-def-font-contrasted:before,
 
+    .bx-def-font-h1 .bx-def-font-contrasted,
 
+    .bx-def-font-h1 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h1 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h1;
 
+    }
 
+    h1 a,
 
+    .bx-def-font-h1 a,
 
+    a.bx-def-font-h1 {
 
+        color: @bx-font-color-link-h1;
 
+    }
 
+    h1 a:hover,
 
+    .bx-def-font-h1 a:hover,
 
+    a.bx-def-font-h1:hover {
 
+        color: @bx-font-color-link-h1-hover;
 
+    }
 
+
 
+    h2,
 
+    .bx-def-font-h2 {
 
+        font-weight: @bx-font-weight-h2;
 
+        color: @bx-font-color-default-h2;
 
+    }
 
+    h2.bx-def-font-grayed,
 
+    h2 .bx-def-font-grayed,
 
+    .bx-def-font-h2.bx-def-font-grayed,
 
+    .bx-def-font-h2 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h2;
 
+    }
 
+    h2.bx-def-font-contrasted,
 
+    h2.bx-def-font-contrasted:after,
 
+    h2.bx-def-font-contrasted:before,
 
+    h2 .bx-def-font-contrasted,
 
+    h2 .bx-def-font-contrasted:after,
 
+    h2 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h2.bx-def-font-contrasted,
 
+    .bx-def-font-h2.bx-def-font-contrasted:after,
 
+    .bx-def-font-h2.bx-def-font-contrasted:before,
 
+    .bx-def-font-h2 .bx-def-font-contrasted,
 
+    .bx-def-font-h2 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h2 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h2;
 
+    }
 
+    h2 a,
 
+    .bx-def-font-h2 a,
 
+    a.bx-def-font-h2 {
 
+        color: @bx-font-color-link-h2;
 
+    }
 
+    h2 a:hover,
 
+    .bx-def-font-h2 a:hover,
 
+    a.bx-def-font-h2:hover {
 
+        color: @bx-font-color-link-h2-hover;
 
+    }
 
+
 
+    h3,
 
+    .bx-def-font-h3 {
 
+        font-weight: @bx-font-weight-h3;
 
+        color: @bx-font-color-default-h3;
 
+    }
 
+    h3.bx-def-font-grayed,
 
+    h3 .bx-def-font-grayed,
 
+    .bx-def-font-h3.bx-def-font-grayed,
 
+    .bx-def-font-h3 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h3;
 
+    }
 
+    h3.bx-def-font-contrasted,
 
+    h3.bx-def-font-contrasted:after,
 
+    h3.bx-def-font-contrasted:before,
 
+    h3 .bx-def-font-contrasted,
 
+    h3 .bx-def-font-contrasted:after,
 
+    h3 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h3.bx-def-font-contrasted,
 
+    .bx-def-font-h3.bx-def-font-contrasted:after,
 
+    .bx-def-font-h3.bx-def-font-contrasted:before,
 
+    .bx-def-font-h3 .bx-def-font-contrasted,
 
+    .bx-def-font-h3 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h3 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h3;
 
+    }
 
+    h3 a,
 
+    .bx-def-font-h3 a,
 
+    a.bx-def-font-h3 {
 
+        color: @bx-font-color-link-h3;
 
+    }
 
+    h3 a:hover,
 
+    .bx-def-font-h3 a:hover,
 
+    a.bx-def-font-h3:hover {
 
+        color: @bx-font-color-link-h3-hover;
 
+    }
 
+
 
+    /* cover */
 
+    .bx-menu-toolbar-padding .bx-def-cover-color-bg {
 
+        background-color: @bx-color-cover;
 
+    }
 
+
 
+    .bx-menu-toolbar-padding .bx-cover-wrapper {
 
+        border-width: @bx-border-width-cover;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-cover;
 
+
 
+        border-radius: @bx-border-radius-cover;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-cover;
 
+        -moz-box-shadow: @bx-shadow-cover;
 
+        box-shadow: @bx-shadow-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover {
 
+        min-height: @bx-height-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
 
+        text-align: @bx-text-align-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover.bx-def-padding {
 
+        padding: @bx-content-padding-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-image img {
 
+        border-width: @bx-border-width-cover-icon;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-cover-icon;
 
+
 
+        border-radius: @bx-border-radius-cover-icon;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-cover-icon;
 
+        -moz-box-shadow: @bx-shadow-cover-icon;
 
+        box-shadow: @bx-shadow-cover-icon;
 
+    }
 
+
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title {
 
+        text-shadow: @bx-shadow-text-cover;
 
+
 
+        font-family: @bx-font-family-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:after,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:before {
 
+        color: @bx-color-font-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
 
+        font-size: @bx-font-size-cover;
 
+        font-weight: @bx-font-weight-cover;
 
+    }
 
+
 
+
 
+    /* block */
 
+    .bx-def-border-block {
 
+        border-width: @bx-border-width-block;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-block;
 
+
 
+        border-radius: @bx-border-radius-block;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-border-radius-block {
 
+        border-radius: @bx-border-radius-block;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-db-header {
 
+        padding: @bx-title-padding-block;
 
+
 
+        border-width: @bx-border-width-block-title;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-block-title;
 
+
 
+        border-radius: @bx-border-radius-block-title;
 
+    }
 
+    .bx-def-color-bg-block .bx-db-header,
 
+    .bx-def-image-bg-block .bx-db-header {
 
+        background-color: @bx-color-block-title;
 
+    }
 
+    .bx-db-header .bx-db-title {
 
+        line-height: 1.2;
 
+        font-family: @bx-font-family-block-title;
 
+        font-size: @bx-font-size-block-title;
 
+        font-weight: @bx-font-weight-block-title;
 
+        color: @bx-color-font-block-title;
 
+    }
 
+    .bx-db-divider {
 
+        border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
 
+    }
 
+
 
+
 
+    /* box */
 
+    .bx-def-box {
 
+        border-width: @bx-border-width-box;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-box;
 
+    }
 
+    .bx-def-box.bx-def-padding {
 
+        padding: @bx-content-padding-card;
 
+    }
 
+    .bx-def-box.bx-def-color-bg-box {
 
+        .background-color (@bx-color-box);
 
+    }
 
+    .bx-def-box.bx-def-color-bg-box-active,
 
+    .bx-def-box.bx-def-color-bg-box-hover:hover {
 
+        .background-color (@bx-color-box-hover);
 
+    }
 
+    .bx-def-box-round-corners,
 
+    .bx-def-box.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int-top {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int-bottom {
 
+        border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-base-pofile-unit-with-cover .bx-def-round-corners .bx-base-pofile-unit-cover {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+    .bx-base-text-unit.bx-base-text-unit-ext.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners,
 
+    .bx-base-text-unit.bx-base-text-unit-ext .bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+    .bx-base-text-unit.bx-base-text-unit-gallery.bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners,
 
+    .bx-base-text-unit.bx-base-text-unit-gallery .bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+
 
+    /* popup */
 
+    .bx-popup-border {
 
+        border-width: @bx-border-width-popup;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-popup;
 
+
 
+        border-radius: @bx-border-radius-popup;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-popup-color-bg {
 
+        background-color: @bx-color-popup;
 
+
 
+        background-image: @bx-image-bg-popup;
 
+        background-repeat: @bx-image-bg-popup-repeat;
 
+        background-attachment: @bx-image-bg-popup-attachment;
 
+        background-size: @bx-image-bg-popup-size;
 
+    }
 
+    .bx-popup-content-indent {
 
+        padding: @bx-content-padding-popup;
 
+    }
 
+    .bx-popup-header {
 
+        padding: @bx-title-padding-popup;
 
+    }
 
+    .bx-popup-header .bx-popup-element-close {
 
+        margin: @bx-title-padding-popup;
 
+    }
 
+    .bx-popup-header-color-bg {
 
+        background-color: @bx-color-popup-title;
 
+    }
 
+    .bx-popup-header h2,
 
+    .bx-popup-header .bx-popup-element-close {
 
+        line-height: 1.8rem;
 
+    }
 
+    .bx-popup-header h2 {
 
+        font-family: @bx-font-family-popup-title;
 
+        font-size: @bx-font-size-popup-title;
 
+    }
 
+    .bx-popup-header h2,
 
+    .bx-popup-header.bx-def-font-contrasted h2,
 
+    .bx-popup-header .bx-popup-element-close,
 
+    .bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
 
+    .bx-popup-header .bx-popup-element-close .sys-icon,
 
+    .bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
 
+        color: @bx-color-font-popup-title;
 
+    }
 
+
 
+    /* slide menu */
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper {
 
+        border-width: @bx-border-width-menu-slide;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-slide;
 
+
 
+        .background-color (@bx-color-menu-slide);
 
+
 
+        background-image: @bx-image-bg-menu-slide;
 
+        background-repeat: @bx-image-bg-menu-slide-repeat;
 
+        background-attachment: @bx-image-bg-menu-slide-attachment;
 
+        background-size: @bx-image-bg-menu-slide-size;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
 
+        padding: @bx-content-padding-menu-slide;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li a {
 
+        text-shadow: @bx-shadow-font-menu-slide;
 
+
 
+        font-family: @bx-font-family-menu-slide;
 
+        font-size: @bx-font-size-menu-slide;
 
+        font-weight: @bx-font-weight-menu-slide;
 
+        color: @bx-font-color-menu-slide;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
 
+        color: @bx-font-color-menu-slide-hover;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
 
+        color: @bx-font-color-menu-slide-active;
 
+    }
 
+
 
+    /* main menu */
 
+    .cd-main-content .cd-side-nav {
 
+        -webkit-box-shadow: @bx-shadow-menu-main;
 
+        -moz-box-shadow: @bx-shadow-menu-main;
 
+        box-shadow: @bx-shadow-menu-main;
 
+
 
+        border-width: @bx-border-width-menu-main;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-main;
 
+
 
+        background-color: @bx-color-menu-main;
 
+
 
+        background-image: @bx-image-bg-menu-main;
 
+        background-repeat: @bx-image-bg-menu-main-repeat;
 
+        background-attachment: @bx-image-bg-menu-main-attachment;
 
+        background-size: @bx-image-bg-menu-main-size;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-main;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .bx-menu-floating-blocks-title {
 
+        text-shadow: @bx-shadow-font-menu-main;
 
+
 
+        font-family: @bx-font-family-menu-main;
 
+        font-size: @bx-font-size-menu-main;
 
+        font-weight: @bx-font-weight-menu-main;
 
+        color: @bx-font-color-menu-main;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .bx-menu-floating-blocks-title,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .bx-menu-floating-blocks-icon {
 
+        color: @bx-font-color-menu-main-active;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .bx-menu-floating-blocks-title,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .bx-menu-floating-blocks-icon {
 
+        color: @bx-font-color-menu-main-hover;
 
+    }
 
+
 
+
 
+    /* account menu */
 
+    #bx-sliding-menu-account.bx-sliding-menu-main {
 
+        -webkit-box-shadow: @bx-shadow-menu-account;
 
+        -moz-box-shadow: @bx-shadow-menu-account;
 
+        box-shadow: @bx-shadow-menu-account;
 
+
 
+        border-width: @bx-border-width-menu-account;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-account;
 
+
 
+        background-color: @bx-color-menu-account;
 
+
 
+        background-image: @bx-image-bg-menu-account;
 
+        background-repeat: @bx-image-bg-menu-account-repeat;
 
+        background-attachment: @bx-image-bg-menu-account-attachment;
 
+        background-size: @bx-image-bg-menu-account-size;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-account;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h1,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h2,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt a:not(.bx-btn) {
 
+        color: @bx-font-color-menu-account;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a .bx-menu-floating-blocks-title {
 
+        text-shadow: @bx-shadow-font-menu-account;
 
+
 
+        font-family: @bx-font-family-menu-account;
 
+        font-size: @bx-font-size-menu-account;
 
+        font-weight: @bx-font-weight-menu-account;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-account-active;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:hover {
 
+        color: @bx-font-color-menu-account-hover;
 
+    }
 
+
 
+    /* add menu */
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
+        -webkit-box-shadow: @bx-shadow-menu-add;
 
+        -moz-box-shadow: @bx-shadow-menu-add;
 
+        box-shadow: @bx-shadow-menu-add;
 
+
 
+        border-width: @bx-border-width-menu-add;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-add;
 
+
 
+        background-color: @bx-color-menu-add;
 
+
 
+        background-image: @bx-image-bg-menu-add;
 
+        background-repeat: @bx-image-bg-menu-add-repeat;
 
+        background-attachment: @bx-image-bg-menu-add-attachment;
 
+        background-size: @bx-image-bg-menu-add-size;
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-add;
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a {
 
+        text-shadow: @bx-shadow-font-menu-add;
 
+
 
+        font-family: @bx-font-family-menu-add;
 
+        font-size: @bx-font-size-menu-add;
 
+        font-weight: @bx-font-weight-menu-add;
 
+        color: @bx-font-color-menu-add;
 
+    }
 
+    /*#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-add-active;
 
+    }*/
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover {
 
+        color: @bx-font-color-menu-add-hover;
 
+    }
 
+
 
+    /* page menu */
 
+    .bx-menu-main-bar-wrapper {
 
+        -webkit-box-shadow: @bx-shadow-menu-page;
 
+        -moz-box-shadow: @bx-shadow-menu-page;
 
+        box-shadow: @bx-shadow-menu-page;
 
+
 
+        border-width: @bx-border-width-menu-page;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-page;
 
+        border-bottom-right-radius: @bx-border-radius-block-br;
 
+        border-bottom-left-radius: @bx-border-radius-block-bl;
 
+
 
+        background-color: @bx-color-menu-page;
 
+
 
+        background-image: @bx-image-bg-menu-page;
 
+        background-repeat: @bx-image-bg-menu-page-repeat;
 
+        background-attachment: @bx-image-bg-menu-page-attachment;
 
+        background-size: @bx-image-bg-menu-page-size;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
+        padding: @bx-content-padding-menu-page;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
 
+        text-shadow: @bx-shadow-font-menu-page;
 
+
 
+        font-family: @bx-font-family-menu-page;
 
+        font-size: @bx-font-size-menu-page;
 
+        font-weight: @bx-font-weight-menu-page;
 
+        color: @bx-font-color-menu-page;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
 
+        color: @bx-font-color-menu-page-hover;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-page-active;
 
+    }
 
+
 
+    /* form */
 
+    .bx-form-value .bx-form-input-slider,
 
+    .bx-form-value .bx-form-input-doublerange,
 
+    .bx-form-value .bx-form-input-select_multiple,
 
+    .bx-form-value .bx-form-input-select,
 
+    .bx-form-value .bx-form-input-radio_set,
 
+    .bx-form-value .bx-form-input-checkbox_set,
 
+    .bx-form-value .bx-form-input-number,
 
+    .bx-form-value .bx-form-input-time,
 
+    .bx-form-value .bx-form-input-datepicker,
 
+    .bx-form-value .bx-form-input-datetime,
 
+    .bx-form-value .bx-form-input-textarea,
 
+    .bx-form-value .bx-form-input-text,
 
+    .bx-form-value .bx-form-input-price,
 
+    .bx-form-value .bx-form-input-wrapper-price span,
 
+    .bx-form-value .bx-form-input-wrapper-password {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        border-color: @bx-color-border-form-input;
 
+        border-width: @bx-border-width-form-input;
 
+
 
+        background-color: @bx-color-form-input;
 
+
 
+        -webkit-box-shadow: @bx-shadow-form-input;
 
+        -moz-box-shadow: @bx-shadow-form-input;
 
+        box-shadow: @bx-shadow-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-slider,
 
+    .bx-form-value .bx-form-input-doublerange,
 
+    .bx-form-value .bx-form-input-select,
 
+    .bx-form-value .bx-form-input-number,
 
+    .bx-form-value .bx-form-input-time,
 
+    .bx-form-value .bx-form-input-datepicker,
 
+    .bx-form-value .bx-form-input-datetime,
 
+    .bx-form-value .bx-form-input-text,
 
+    .bx-form-value .bx-form-input-price,
 
+    .bx-form-value .bx-form-input-wrapper-price span,
 
+    .bx-form-value .bx-form-input-wrapper-password {
 
+        height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b {
 
+        line-height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b .bx-def-thumb-size {
 
+        width: @bx-height-form-input;
 
+        height: @bx-height-form-input;
 
+        line-height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-slider:focus,
 
+    .bx-form-value .bx-form-input-doublerange:focus,
 
+    .bx-form-value .bx-form-input-number:focus,
 
+    .bx-form-value .bx-form-input-time:focus,
 
+    .bx-form-value .bx-form-input-datepicker:focus,
 
+    .bx-form-value .bx-form-input-datetime:focus,
 
+    .bx-form-value .bx-form-input-textarea:focus,
 
+    .bx-form-value .bx-form-input-text:focus,
 
+    .bx-form-value .bx-form-input-price:focus,
 
+    .bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
 
+        border-color: @bx-color-border-form-input-active;
 
+        background-color: @bx-color-form-input-active;
 
+    }
 
+    .bx-form-value .bx-switcher-cont {
 
+        border-color: @bx-color-border-form-input;
 
+        border-width: @bx-border-width-form-input;
 
+
 
+        background-color: @bx-color-form-input;
 
+
 
+        -webkit-box-shadow: @bx-shadow-form-input;
 
+        -moz-box-shadow: @bx-shadow-form-input;
 
+        box-shadow: @bx-shadow-form-input;
 
+    }
 
+
 
+    /* button large */
 
+    .bx-btn,
 
+    .bx-btn.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button;
 
+        line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
+
 
+        .background-color (@bx-color-button);
 
+
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button;
 
+
 
+            border-radius: @bx-border-radius-button;
 
+        background-clip: padding-box;
 
+
 
+        text-shadow: @bx-shadow-font-button;
 
+
 
+        font-family: @bx-font-family-button;
 
+        font-size: @bx-font-size-button;
 
+        font-weight: @bx-font-weight-button;
 
+        color: @bx-font-color-button;
 
+    }
 
+    .bx-btn-height {
 
+        height: @bx-height-button;
 
+        line-height: @bx-height-button;
 
+    }
 
+    .bx-btn-border {
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn:hover,
 
+    .bx-btn:active,
 
+    .bx-btn.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-hover;
 
+
 
+        .background-color (@bx-color-button-hover);
 
+
 
+        color: @bx-font-color-button-hover;
 
+    }
 
+    .bx-btn .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button;
 
+    }
 
+    .bx-btn:hover .sys-icon:not(.sys-colored),
 
+    .bx-btn:active .sys-icon:not(.sys-colored),
 
+    .bx-btn.bx-btn-primary:hover .sys-icon:not(.sys-colored),
 
+    .bx-btn.bx-btn-primary:active .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-hover;
 
+    }
 
+
 
+    /* button small */
 
+    .bx-btn.bx-btn-small {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-small;
 
+        line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
+
 
+        .background-color (@bx-color-button-small);
 
+
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-small;
 
+
 
+            border-radius: @bx-border-radius-button-small;
 
+        background-clip: padding-box;
 
+
 
+        text-shadow: @bx-shadow-font-button-small;
 
+
 
+        font-family: @bx-font-family-button-small;
 
+        font-size: @bx-font-size-button-small;
 
+        font-weight: @bx-font-weight-button-small;
 
+        color: @bx-font-color-button-small;
 
+    }
 
+    .bx-btn-small-height {
 
+        height: @bx-height-button-small;
 
+        line-height: @bx-height-button-small;
 
+    }
 
+    .bx-btn-small-border {
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn.bx-btn-small:hover,
 
+    .bx-btn.bx-btn-small:active {
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-small-hover;
 
+
 
+        .background-color (@bx-color-button-small-hover);
 
+
 
+        color: @bx-font-color-button-small-hover;
 
+    }
 
+    .bx-btn.bx-btn-small .sys-icon {
 
+        color: @bx-font-color-button-small;
 
+    }
 
+    .bx-btn.bx-btn-small:hover .sys-icon,
 
+    .bx-btn.bx-btn-small:active .sys-icon {
 
+        color: @bx-font-color-button-small-hover;
 
+    }
 
 }

+ 0 - 1
modules/boonex/decorous/data/template/system/css/editor.less
Просмотреть файл 

@@ -1,4 +1,3 @@
 
-@import 'default.less';
 
 @import '../../../../../../../template/css/editor.less';
 
 
 // quill style

+ 309 - 306
modules/boonex/decorous/data/template/system/css/menu.less
Просмотреть файл 

@@ -1,339 +1,342 @@
 
 @import (reference) 'default.less';
 
 @import '../../../../../../../template/css/menu.css';
 
 
+.@{bx-root-class-name}{
 
 
-.bx-menu-toolbar-padding {
 
-    padding-top: 0;
 
-}
 
-/*--- Main (Side) Menu ---*/
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
-	display: block;
 
-    white-space: normal;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-def-color-bg-hl-hover:hover
 
-{
 
-	background-color: inherit;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li {
 
-	display: block;
 
-	width: auto;
 
-	height: auto;
 
-	position: relative;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li a{
 
-	padding: 0.5rem 1rem;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon, 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title {
 
-    display: inline-block;
 
-    vertical-align: top;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title {
 
-    line-height: 2rem;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li img,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .sys-icon {
 
-    width: 2rem;
 
-    height: 2rem;
 
-
 
-    margin: 0px;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .sys-icon {
 
-	line-height: 2rem;
 
-    font-size: 1.2rem;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li img {
 
-	background-pocition: center center;
 
-	background-repeat: none;
 
-	background-size: 60% 60%;
 
-}
 
-
 
-@media (min-width: 720px) and (max-width:1024px) {
 
+    .bx-menu-toolbar-padding {
 
+        padding-top: 0;
 
+    }
 
+    /*--- Main (Side) Menu ---*/
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
+        display: block;
 
+        white-space: normal;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-def-color-bg-hl-hover:hover
 
+    {
 
+        background-color: inherit;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li {
 
+        display: block;
 
+        width: auto;
 
+        height: auto;
 
+        position: relative;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li a{
 
+        padding: 0.5rem 1rem;
 
+    }
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon, 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title {
 
-        display: block;
 
-        text-align: center;
 
+        display: inline-block;
 
+        vertical-align: top;
 
     }
 
-
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title {
 
-        padding-left: 0px;
 
+        line-height: 2rem;
 
     }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li img,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .sys-icon {
 
+        width: 2rem;
 
+        height: 2rem;
 
 
+        margin: 0px;
 
+    }
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .sys-icon {
 
-        width: 100%;
 
-        font-size: 1.5rem;
 
+        line-height: 2rem;
 
+        font-size: 1.2rem;
 
     }
 
-
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li img {
 
-        margin: 0px auto;
 
-        background-size: 70% 70%;
 
+        background-pocition: center center;
 
+        background-repeat: none;
 
+        background-size: 60% 60%;
 
     }
 
-}
 
 
-@media (max-width:720px) {
 
-    .cd-main-content .cd-side-nav {
 
-        position:fixed;
 
-        width:100%;
 
-        height: calc(100%);
 
+    @media (min-width: 720px) and (max-width:1024px) {
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon, 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title {
 
+            display: block;
 
+            text-align: center;
 
+        }
 
 
-        overflow-x:hidden;
 
-        overflow-y:auto;
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title {
 
+            padding-left: 0px;
 
+        }
 
 
-        -webkit-overflow-scrolling:touch;
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .sys-icon {
 
+            width: 100%;
 
+            font-size: 1.5rem;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li img {
 
+            margin: 0px auto;
 
+            background-size: 70% 70%;
 
+        }
 
     }
 
-}
 
 
+    @media (max-width:720px) {
 
+        .cd-main-content .cd-side-nav {
 
+            position:fixed;
 
+            width:100%;
 
+            height: calc(100%);
 
 
-/*--- Account Popup ---*/
 
-@media (min-width:720px) {
 
-	#bx-sliding-menu-account.bx-sliding-menu-main {
 
-		width: auto !important;
 
-		border-radius: 4px;
 
-	}
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main.bx-sliding-menu-fullheight {
 
-    height: calc(100% - 4rem);
 
-}
 
+            overflow-x:hidden;
 
+            overflow-y:auto;
 
 
+            -webkit-overflow-scrolling:touch;
 
+        }
 
+    }
 
 
-/*--- Account Popup Submenu & Add Content Menu ---*/
 
-.bx-menu-account-popup-profile,
 
-.bx-menu-account-popup-menu {
 
-    text-align: left;
 
-}
 
-.bx-menu-account-popup-menu ul.bx-menu-floating-blocks-wide,
 
-.bx-menu-object-sys_account_notifications li,
 
-.bx-menu-object-sys_add_content li {
 
-    display: block;
 
-    width: 100%;
 
-    height: auto;
 
-}
 
-.bx-menu-object-sys_account_notifications li A,
 
-.bx-menu-object-sys_add_content li A {
 
-    padding: 0.25rem 0.5rem;
 
-	line-height: 2rem;
 
-	height: 2rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
-    display: inline-block;
 
-    vertical-align: middle;
 
-}
 
-.bx-menu-object-sys_account_notifications li a,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
-    line-height: 1.875rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
-    padding-right: 0.5rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li img,
 
-.bx-menu-object-sys_account_notifications li .sys-icon,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
-    height: 2rem;
 
-    width: 2rem;
 
 
-    margin: 0px;	
-}
 
-.bx-menu-object-sys_account_notifications li .sys-icon,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
-    line-height: 2rem;
 
-    font-size: 1.2rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li img,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img {
 
-    background-pocition: center center;
 
-    background-repeat: none;
 
-    background-size: 60% 60%;
 
-}
 
-.bx-menu-object-sys_account_notifications li .bx-def-unit-alert-middle {
 
-    top: 4px;
 
-    right: 4px;
 
-}
 
-.bx-menu-object-sys_account_notifications li:hover {
 
-    opacity:0.8;
 
-}
 
+    /*--- Account Popup ---*/
 
+    @media (min-width:720px) {
 
+        #bx-sliding-menu-account.bx-sliding-menu-main {
 
+            width: auto !important;
 
+            border-radius: 4px;
 
+        }
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main.bx-sliding-menu-fullheight {
 
+        height: calc(100% - 4rem);
 
+    }
 
 
-/*--- Add Content Menu ---*/
 
-@media (min-width:720px) {
 
-    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
-        width: auto !important;
 
-		border-radius: 4px;
 
-    }
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-menu-object-sys_add_content {
 
-    display: block;
 
-    width: 100%;
 
-}
 
 
+    /*--- Account Popup Submenu & Add Content Menu ---*/
 
+    .bx-menu-account-popup-profile,
 
+    .bx-menu-account-popup-menu {
 
+        text-align: left;
 
+    }
 
+    .bx-menu-account-popup-menu ul.bx-menu-floating-blocks-wide,
 
+    .bx-menu-object-sys_account_notifications li,
 
+    .bx-menu-object-sys_add_content li {
 
+        display: block;
 
+        width: 100%;
 
+        height: auto;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li A,
 
+    .bx-menu-object-sys_add_content li A {
 
+        padding: 0.25rem 0.5rem;
 
+        line-height: 2rem;
 
+        height: 2rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
+        display: inline-block;
 
+        vertical-align: middle;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li a,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
+        line-height: 1.875rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
+        padding-right: 0.5rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li img,
 
+    .bx-menu-object-sys_account_notifications li .sys-icon,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
+        height: 2rem;
 
+        width: 2rem;
 
 
-/*--- Popup menus (vertical) ---*/
 
-.bx-popup .bx-popup-content-indent ul.bx-menu-ver,
 
-.bx-popup .bx-popup-content-indent ul.bx-menu-custom.bx-menu-custom-ver {
 
-    margin: -0.5rem;
 
-}
 
-.bx-popup ul.bx-menu-ver li,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li {
 
-    margin-top: 0;
 
-    margin-bottom: 0;
 
-}
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
 
-    padding: 0;
 
-    line-height: normal;
 
-}
 
-.bx-popup ul.bx-menu-ver li div.bx-def-padding-sec,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom {
 
-    margin: 0;
 
-    padding: 0.25rem 0.5rem;
 
-}
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
 
-    margin: 0;
 
-    padding-right: 0.5rem;
 
-}
 
-.bx-popup ul.bx-menu-ver li > a,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > a,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span > a,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-menu-item-link,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-report-element-holder,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-report-do-report {
 
-    margin: 0;
 
-    padding: 0;
 
-}
 
-.bx-popup ul.bx-menu-ver li a > div > span,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span:not(.sys-action-do-icon) {
 
-    margin-left: 1.0rem;
 
-    line-height: 1.5rem;
 
-    .font-size(@bx-font-size-middle);
 
-}
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
 
-    display: block;
 
-    line-height: 1.5rem;
 
-}
 
-.bx-popup ul.bx-menu-ver li a > div img,
 
-.bx-popup ul.bx-menu-ver li a > div .sys-icon,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > img,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > .sys-icon,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span.sys-action-do-icon,
 
-.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span.sys-action-do-icon .sys-icon {
 
-    width: 1.0rem;
 
-    height: 1.0rem;
 
-    line-height: 1.0rem;
 
-    font-size: 1.0rem;
 
-}
 
+        margin: 0px;	
+    }
 
+    .bx-menu-object-sys_account_notifications li .sys-icon,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
+        line-height: 2rem;
 
+        font-size: 1.2rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li img,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img {
 
+        background-pocition: center center;
 
+        background-repeat: none;
 
+        background-size: 60% 60%;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li .bx-def-unit-alert-middle {
 
+        top: 4px;
 
+        right: 4px;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li:hover {
 
+        opacity:0.8;
 
+    }
 
 
+    /*--- Add Content Menu ---*/
 
+    @media (min-width:720px) {
 
+        #bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
+            width: auto !important;
 
+            border-radius: 4px;
 
+        }
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-menu-object-sys_add_content {
 
+        display: block;
 
+        width: 100%;
 
+    }
 
 
-/*--- Custom Menu with More Auto ---*/
 
-.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
 
-    font-weight: normal;
 
-    color: @bx-color-link-body;
 
-}
 
 
-.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
 
-    color: @bx-color-icon-body;
 
-}
 
+    /*--- Popup menus (vertical) ---*/
 
+    .bx-popup .bx-popup-content-indent ul.bx-menu-ver,
 
+    .bx-popup .bx-popup-content-indent ul.bx-menu-custom.bx-menu-custom-ver {
 
+        margin: -0.5rem;
 
+    }
 
+    .bx-popup ul.bx-menu-ver li,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li {
 
+        margin-top: 0;
 
+        margin-bottom: 0;
 
+    }
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
 
+        padding: 0;
 
+        line-height: normal;
 
+    }
 
+    .bx-popup ul.bx-menu-ver li div.bx-def-padding-sec,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom {
 
+        margin: 0;
 
+        padding: 0.25rem 0.5rem;
 
+    }
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
 
+        margin: 0;
 
+        padding-right: 0.5rem;
 
+    }
 
+    .bx-popup ul.bx-menu-ver li > a,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > a,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span > a,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-menu-item-link,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-report-element-holder,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-report-do-report {
 
+        margin: 0;
 
+        padding: 0;
 
+    }
 
+    .bx-popup ul.bx-menu-ver li a > div > span,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span:not(.sys-action-do-icon) {
 
+        margin-left: 1.0rem;
 
+        line-height: 1.5rem;
 
+        .bx-decorous.font-size(@bx-font-size-middle);
 
+    }
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
 
+        display: block;
 
+        line-height: 1.5rem;
 
+    }
 
+    .bx-popup ul.bx-menu-ver li a > div img,
 
+    .bx-popup ul.bx-menu-ver li a > div .sys-icon,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > img,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > .sys-icon,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span.sys-action-do-icon,
 
+    .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span.sys-action-do-icon .sys-icon {
 
+        width: 1.0rem;
 
+        height: 1.0rem;
 
+        line-height: 1.0rem;
 
+        font-size: 1.0rem;
 
+    }
 
 
-.bx-menu-object-sys_add_content .bx-def-color-bg-active{
 
-	background-color: inherit !important;
 
-}
 
 
-#bx-homepage-menu-sys_homepage li{
 
-	height: 5.6rem;
 
-}
 
-/*--- Main menu with submenu ---*/
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.submenu-closed ul.bx-menu-floating-blocks-submenu {
 
-    display: none;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-floating-blocks-submenu {
 
-    margin: 0;
 
-    padding: 0;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-floating-blocks-submenu > li {
 
-    display: block;
 
-    width: auto;
 
-    height: auto;
 
-	padding-left: 2rem
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.submenu-closed .bx-menu-fbt-closed {
 
-    display: block;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.submenu-closed .bx-menu-fbt-opened {
 
-    display: none;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a > .bx-menu-floating-blocks-toggler {
 
-    float: right; 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-menu-fbt-closed {
 
-    display: none;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a > .bx-menu-floating-blocks-toggler .sys-icon{
 
-    font-size: 0.5rem !important;
 
-	font-weight: bold !important;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-menu-tab-active{
 
-	background-color: #e6f7ff;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-menu-tab-active:after{
 
-	position: absolute;
 
-    top: 0;
 
-    right: 0;
 
-    bottom: 0;
 
-    border-right: 3px solid #1890ff;
 
-    content: '';
 
-	height: 100%;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:hover{
 
-	opacity: 1; 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site A div{
 
-	transition: color .3s;
 
-}
 
-.bx-media-tablet {
 
-	#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a > .bx-menu-floating-blocks-toggler{
 
-		display:  none;
 
-	}
 
-	#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-floating-blocks-submenu{
 
-		position: absolute;
 
-		background: #fff;
 
-    	width: 150px;
 
-    	left: 120px;
 
-		top:0px;
 
-		border-radius: 4px;
 
-		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
 
-		border-width: 1px;
 
-		border-style: solid;
 
-		border-color: rgba(0, 0, 0, 0.1);
 
-		z-index: 1000;
 
-	}
 
-	#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-floating-blocks-submenu li
 
-	{
 
-		padding-left: 0rem;
 
-	}
 
-}
 
+    /*--- Custom Menu with More Auto ---*/
 
+    .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
 
+        font-weight: normal;
 
+        color: @bx-color-link-body;
 
+    }
 
+
 
+
 
+    .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
 
+        color: @bx-color-icon-body;
 
+    }
 
+
 
+    .bx-menu-object-sys_add_content .bx-def-color-bg-active{
 
+        background-color: inherit !important;
 
+    }
 
+
 
+    #bx-homepage-menu-sys_homepage li{
 
+        height: 5.6rem;
 
+    }
 
+    /*--- Main menu with submenu ---*/
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.submenu-closed ul.bx-menu-floating-blocks-submenu {
 
+        display: none;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-floating-blocks-submenu {
 
+        margin: 0;
 
+        padding: 0;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-floating-blocks-submenu > li {
 
+        display: block;
 
+        width: auto;
 
+        height: auto;
 
+        padding-left: 2rem
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.submenu-closed .bx-menu-fbt-closed {
 
+        display: block;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.submenu-closed .bx-menu-fbt-opened {
 
+        display: none;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a > .bx-menu-floating-blocks-toggler {
 
+        float: right; 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-menu-fbt-closed {
 
+        display: none;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a > .bx-menu-floating-blocks-toggler .sys-icon{
 
+        font-size: 0.5rem !important;
 
+        font-weight: bold !important;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-menu-tab-active{
 
+        background-color: #e6f7ff;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site .bx-menu-tab-active:after{
 
+        position: absolute;
 
+        top: 0;
 
+        right: 0;
 
+        bottom: 0;
 
+        border-right: 3px solid #1890ff;
 
+        content: '';
 
+        height: 100%;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:hover{
 
+        opacity: 1; 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site A div{
 
+        transition: color .3s;
 
+    }
 
+    .bx-media-tablet {
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a > .bx-menu-floating-blocks-toggler{
 
+            display:  none;
 
+        }
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-floating-blocks-submenu{
 
+            position: absolute;
 
+            background: #fff;
 
+            width: 150px;
 
+            left: 120px;
 
+            top:0px;
 
+            border-radius: 4px;
 
+            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
 
+            border-width: 1px;
 
+            border-style: solid;
 
+            border-color: rgba(0, 0, 0, 0.1);
 
+            z-index: 1000;
 
+        }
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-floating-blocks-submenu li
 
+        {
 
+            padding-left: 0rem;
 
+        }
 
+    }
 
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a{
 
-	line-height: 2rem;
 
-}
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li{
 
-	border-radius: 0.1875rem;
 
-}
 
-.bx-tl-v-submenu-cnt ul li.bx-menu-inter-act {
 
-    color: #000;
 
-}
 
-.bx-sliding-menu, .bx-sliding-menu-main{
 
-	width: auto;
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a{
 
+        line-height: 2rem;
 
+    }
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li{
 
+        border-radius: 0.1875rem;
 
+    }
 
+    .bx-tl-v-submenu-cnt ul li.bx-menu-inter-act {
 
+        color: #000;
 
+    }
 
+    .bx-sliding-menu, .bx-sliding-menu-main{
 
+        width: auto;
 
+    }
 
 }

+ 1312 - 1309
modules/boonex/lucid/data/template/system/css/default.less
Просмотреть файл 

@@ -1,1309 +1,1312 @@
 
-@import '../../../../../../../template/css/default.less';
 
-
 
-/**
 
- * Is used for inputs and buttons. They should have the same value 
- * because Input and Button can be positioned in one line.
 
- */
 
-@base-input-box-sizing: border-box;
 
-
 
-
 
-/* viewport */
 
-html.bx-media-tablet {
 
-    font-size: @bx-viewport-font-tablet !important;
 
-}
 
-
 
-html.bx-media-phone {
 
-	font-size: @bx-viewport-font-mobile !important;
 
-}
 
-
 
-/* height */
 
-.bx-header {
 
-    height: auto !important;
 
-}
 
-
 
-#bx-toolbar-content {
 
-	height: @bx-height-header !important;
 
-}
 
-
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a img:not(.bx-base-pofile-unit-thumb) {
 
-    max-width: @bx-height-header - 2;
 
-    max-height: @bx-height-header - 2;
 
-}
 
-
 
-.bx-main-content .bx-main-column.narrow .bx-menu-toolbar-padding,
 
-.cd-main-content .content-wrapper {
 
-    padding-top: @bx-height-header;
 
-}
 
-
 
-
 
-/* content paddings */
 
-.bx-content-padding-header {
 
-	padding: @bx-content-padding-header;
 
-}
 
-.bx-content-padding-footer {
 
-	padding: @bx-content-padding-footer;
 
-}
 
-.bx-content-padding-block {
 
-	padding: @bx-content-padding-block;
 
-}
 
-
 
-
 
-/* shadow */
 
-.bx-shadow-header {
 
-    -webkit-box-shadow: @bx-shadow-header;
 
-    -moz-box-shadow: @bx-shadow-header;
 
-    box-shadow: @bx-shadow-header;
 
-}
 
-.bx-shadow-footer {
 
-    -webkit-box-shadow: @bx-shadow-footer;
 
-    -moz-box-shadow: @bx-shadow-footer;
 
-    box-shadow: @bx-shadow-footer;
 
-}
 
-.bx-shadow-block {
 
-    -webkit-box-shadow: @bx-shadow-block;
 
-    -moz-box-shadow: @bx-shadow-block;
 
-    box-shadow: @bx-shadow-block;
 
-}
 
-.bx-def-box {
 
-    -webkit-box-shadow: @bx-shadow-card;
 
-    -moz-box-shadow: @bx-shadow-card;
 
-    box-shadow: @bx-shadow-card;
 
-}
 
-.bx-popup-applied {
 
-    border-radius: @bx-border-radius-popup;
 
-    background-clip: padding-box;
 
-}
 
-.bx-popup-applied:not(.bx-popup-chain),
 
-.bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
 
-    -webkit-box-shadow: @bx-shadow-popup;
 
-    -moz-box-shadow: @bx-shadow-popup;
 
-    box-shadow: @bx-shadow-popup;
 
-}
 
-.bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
 
-    background-color: @bx-color-hl;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper {
 
-    -webkit-box-shadow: @bx-shadow-menu-slide;
 
-    -moz-box-shadow: @bx-shadow-menu-slide;
 
-    box-shadow: @bx-shadow-menu-slide;
 
-}
 
-
 
-
 
-/* background images */
 
-.bx-def-image-bg-header,
 
-.bx-def-image-bg-footer,
 
-.bx-def-image-bg-page,
 
-.bx-def-image-bg-block,
 
-.bx-def-box,
 
-.bx-popup-color-bg,
 
-.bx-popup-wrapper.bx-popup-slide-wrapper,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
-#bx-sliding-menu-account.bx-sliding-menu-main,
 
-.bx-menu-main-bar-wrapper {
 
-    background-position: center center;
 
-}
 
-.bx-def-image-bg-header {
 
-	background-image: @bx-image-bg-header;
 
-	background-repeat: @bx-image-bg-header-repeat;
 
-    background-size: @bx-image-bg-header-size;
 
-}
 
-.bx-def-image-bg-footer {
 
-	background-image: @bx-image-bg-footer;
 
-	background-repeat: @bx-image-bg-footer-repeat;
 
-    background-size: @bx-image-bg-footer-size;
 
-}
 
-.bx-def-image-bg-page {
 
-	background-image: @bx-image-bg-page;
 
-	background-repeat: @bx-image-bg-page-repeat;
 
-    background-size: @bx-image-bg-page-size;
 
-}
 
-.bx-def-image-bg-block {
 
-	background-image: @bx-image-bg-block;
 
-	background-repeat: @bx-image-bg-block-repeat;
 
-    background-size: @bx-image-bg-block-size;
 
-}
 
-.bx-def-box {
 
-	background-image: @bx-image-bg-box;
 
-	background-repeat: @bx-image-bg-box-repeat;
 
-	background-attachment: @bx-image-bg-box-attachment;
 
-    background-size: @bx-image-bg-box-size;
 
-}
 
-
 
-/* body */
 
-a {
 
-    color: @bx-color-link-body; 
-}
 
-a:hover {
 
-    color: @bx-color-link-body-hover; 
-}
 
-.sys-icon:not(.sys-colored),
 
-.sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-body; 
-}
 
-a:hover > .sys-icon:not(.sys-colored),
 
-a:hover > .sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-body-hover; 
-}
 
-.sys-icon-a i {
 
-    .background-color (@bx-color-icon-body) !important;
 
-    color: @bx-color-icon-body;
 
-}
 
-a:hover > .sys-icon-a i {
 
-    .background-color (@bx-color-icon-body-hover) !important;
 
-    color: @bx-color-icon-body-hover;
 
-}
 
-
 
-/* header */
 
-.bx-header.bx-def-color-bg-header {
 
-    .background-color (@bx-color-header);
 
-}
 
-.bx-header.bx-def-border-header {
 
-    border-bottom-width: @bx-border-width-header;
 
-    border-bottom-style: @bx-border-type;
 
-    border-bottom-color: @bx-color-border-header;
 
-}
 
-.bx-header a {
 
-    color: @bx-color-link-header; 
-}
 
-.bx-header a:hover {
 
-    color: @bx-color-link-header-hover;
 
-}
 
-.bx-header .sys-icon:not(.sys-colored),
 
-.bx-header .sys-icon-a:not(.sys-colored),
 
-.cd-dropdown .cd-dropdown-content a .sys-icon:not(.sys-colored),
 
-.cd-dropdown .cd-dropdown-content a .sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-header; 
-}
 
-.bx-header .cd-nav-trigger span, 
-.bx-header .cd-nav-trigger span::before, 
-.bx-header .cd-nav-trigger span::after,
 
-.bx-header .cd-nav-trigger.nav-is-visible span::before, 
-.bx-header .cd-nav-trigger.nav-is-visible span::after {
 
-    background: @bx-color-icon-header;
 
-}
 
-.bx-header a:hover .sys-icon,
 
-.bx-header a:hover .sys-icon-a,
 
-.bx-header li.bx-menu-tab-active a .sys-icon,
 
-.bx-header li.bx-menu-tab-active a .sys-icon-a {
 
-    color: @bx-color-icon-header-hover; 
-}
 
-.bx-header .cd-nav-trigger.nav-is-visible:hover span {
 
-    background: rgba(255, 255, 255, 0);
 
-}
 
-.bx-header .cd-nav-trigger:hover span, 
-.bx-header .cd-nav-trigger:hover span::before, 
-.bx-header .cd-nav-trigger:hover span::after,
 
-.bx-header .cd-nav-trigger.nav-is-visible:hover span::before, 
-.bx-header .cd-nav-trigger.nav-is-visible:hover span::after {
 
-    background: @bx-color-icon-header-hover;
 
-}
 
-.bx-header .sys-icon-a:not(.sys-colored) i {
 
-    .background-color (@bx-color-icon-header) !important;
 
-    color: @bx-color-icon-header;
 
-}
 
-.bx-header a:hover .sys-icon-a i {
 
-    .background-color (@bx-color-icon-header-hover) !important;
 
-    color: @bx-color-icon-header-hover;
 
-}
 
-
 
-/* footer */
 
-.bx-footer-wrapper.bx-def-color-bg-footer {
 
-    .background-color (@bx-color-footer);    
-}
 
-.bx-footer-wrapper.bx-def-border-footer {
 
-    border-top-width: @bx-border-width-footer;
 
-    border-top-style: @bx-border-type;
 
-    border-top-color: @bx-color-border-footer;
 
-}
 
-
 
-.bx-footer {
 
-	color: @bx-font-color-footer;
 
-}
 
-.bx-footer a {
 
-	color: @bx-color-link-footer; 
-}
 
-.bx-footer a:hover {
 
-	color: @bx-color-link-footer-hover; 
-}
 
-.bx-footer .sys-icon,
 
-.bx-footer .sys-icon-a {
 
-	color: @bx-color-icon-footer; 
-}
 
-.bx-footer a:hover .sys-icon,
 
-.bx-footer a:hover .sys-icon-a {
 
-	color: @bx-color-icon-footer-hover; 
-}
 
-.bx-footer .sys-icon-a i {
 
-	.background-color (@bx-color-icon-footer) !important;
 
-	color: @bx-color-icon-footer;
 
-}
 
-.bx-footer a:hover .sys-icon-a i {
 
-	.background-color (@bx-color-icon-footer-hover) !important;
 
-	color: @bx-color-icon-footer-hover;
 
-}
 
-
 
-/* fonts */
 
-.bx-def-font-inputs {
 
-	font-family: @bx-font-family-form-input;
 
-	font-size: @bx-font-size-form-input;
 
-	color: @bx-font-color-form-input;
 
-}
 
-
 
-h1,
 
-.bx-def-font-h1 {
 
-	font-weight: @bx-font-weight-h1;
 
-	color: @bx-font-color-default-h1;
 
-}
 
-h1.bx-def-font-grayed,
 
-h1 .bx-def-font-grayed,
 
-.bx-def-font-h1.bx-def-font-grayed,
 
-.bx-def-font-h1 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h1;
 
-}
 
-h1.bx-def-font-contrasted,
 
-h1.bx-def-font-contrasted:after,
 
-h1.bx-def-font-contrasted:before,
 
-h1 .bx-def-font-contrasted,
 
-h1 .bx-def-font-contrasted:after,
 
-h1 .bx-def-font-contrasted:before,
 
-.bx-def-font-h1.bx-def-font-contrasted,
 
-.bx-def-font-h1.bx-def-font-contrasted:after,
 
-.bx-def-font-h1.bx-def-font-contrasted:before,
 
-.bx-def-font-h1 .bx-def-font-contrasted,
 
-.bx-def-font-h1 .bx-def-font-contrasted:after,
 
-.bx-def-font-h1 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h1;
 
-}
 
-h1 a,
 
-.bx-def-font-h1 a,
 
-a.bx-def-font-h1 {
 
-	color: @bx-font-color-link-h1;
 
-}
 
-h1 a:hover,
 
-.bx-def-font-h1 a:hover,
 
-a.bx-def-font-h1:hover {
 
-	color: @bx-font-color-link-h1-hover;
 
-}
 
-
 
-h2,
 
-.bx-def-font-h2 {
 
-	font-weight: @bx-font-weight-h2;
 
-	color: @bx-font-color-default-h2;
 
-}
 
-h2.bx-def-font-grayed,
 
-h2 .bx-def-font-grayed,
 
-.bx-def-font-h2.bx-def-font-grayed,
 
-.bx-def-font-h2 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h2;
 
-}
 
-h2.bx-def-font-contrasted,
 
-h2.bx-def-font-contrasted:after,
 
-h2.bx-def-font-contrasted:before,
 
-h2 .bx-def-font-contrasted,
 
-h2 .bx-def-font-contrasted:after,
 
-h2 .bx-def-font-contrasted:before,
 
-.bx-def-font-h2.bx-def-font-contrasted,
 
-.bx-def-font-h2.bx-def-font-contrasted:after,
 
-.bx-def-font-h2.bx-def-font-contrasted:before,
 
-.bx-def-font-h2 .bx-def-font-contrasted,
 
-.bx-def-font-h2 .bx-def-font-contrasted:after,
 
-.bx-def-font-h2 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h2;
 
-}
 
-h2 a,
 
-.bx-def-font-h2 a,
 
-a.bx-def-font-h2 {
 
-	color: @bx-font-color-link-h2;
 
-}
 
-h2 a:hover,
 
-.bx-def-font-h2 a:hover,
 
-a.bx-def-font-h2:hover {
 
-	color: @bx-font-color-link-h2-hover;
 
-}
 
-
 
-h3,
 
-.bx-def-font-h3 {
 
-	font-weight: @bx-font-weight-h3;
 
-	color: @bx-font-color-default-h3;
 
-}
 
-h3.bx-def-font-grayed,
 
-h3 .bx-def-font-grayed,
 
-.bx-def-font-h3.bx-def-font-grayed,
 
-.bx-def-font-h3 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h3;
 
-}
 
-h3.bx-def-font-contrasted,
 
-h3.bx-def-font-contrasted:after,
 
-h3.bx-def-font-contrasted:before,
 
-h3 .bx-def-font-contrasted,
 
-h3 .bx-def-font-contrasted:after,
 
-h3 .bx-def-font-contrasted:before,
 
-.bx-def-font-h3.bx-def-font-contrasted,
 
-.bx-def-font-h3.bx-def-font-contrasted:after,
 
-.bx-def-font-h3.bx-def-font-contrasted:before,
 
-.bx-def-font-h3 .bx-def-font-contrasted,
 
-.bx-def-font-h3 .bx-def-font-contrasted:after,
 
-.bx-def-font-h3 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h3;
 
-}
 
-h3 a,
 
-.bx-def-font-h3 a,
 
-a.bx-def-font-h3 {
 
-	color: @bx-font-color-link-h3;
 
-}
 
-h3 a:hover,
 
-.bx-def-font-h3 a:hover,
 
-a.bx-def-font-h3:hover {
 
-	color: @bx-font-color-link-h3-hover;
 
-}
 
-
 
-/* cover */
 
-.bx-menu-toolbar-padding .bx-def-cover-color-bg {
 
-    background-color: @bx-color-cover;
 
-}
 
-
 
-.bx-menu-toolbar-padding .bx-cover-wrapper,
 
-.bx-menu-toolbar-padding .bx-base-pofile-cover {
 
-    border-width: @bx-border-width-cover;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-cover;
 
-
 
-    border-radius: @bx-border-radius-cover;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-cover;
 
-    -moz-box-shadow: @bx-shadow-cover;
 
-    box-shadow: @bx-shadow-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover {
 
-    min-height: @bx-height-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover,
 
-.bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
 
-    text-align: @bx-text-align-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover.bx-def-padding {
 
-    padding: @bx-content-padding-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-image img {
 
-    border-width: @bx-border-width-cover-icon;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-cover-icon;
 
-
 
-    border-radius: @bx-border-radius-cover-icon;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-cover-icon;
 
-    -moz-box-shadow: @bx-shadow-cover-icon;
 
-    box-shadow: @bx-shadow-cover-icon;
 
-}
 
-
 
-.bx-cover-wrapper .bx-cover .bx-cover-title {
 
-    text-shadow: @bx-shadow-text-cover;
 
-
 
-    font-family: @bx-font-family-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-title,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:after,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:before {
 
-    color: @bx-color-font-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-title,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
 
-    font-size: @bx-font-size-cover;
 
-    font-weight: @bx-font-weight-cover;
 
-}
 
-
 
-
 
-/* block */
 
-.bx-def-border-block {
 
-    border-width: @bx-border-width-block;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-block;
 
-
 
-    border-radius: @bx-border-radius-block;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-border-radius-block {
 
-    border-radius: @bx-border-radius-block;
 
-    background-clip: padding-box;
 
-}
 
-.bx-db-header {
 
-    padding: @bx-title-padding-block;
 
-
 
-    border-width: @bx-border-width-block-title;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-block-title;
 
-
 
-    border-radius: @bx-border-radius-block-title;
 
-}
 
-.bx-def-color-bg-block .bx-db-header,
 
-.bx-def-image-bg-block .bx-db-header {
 
-    background-color: @bx-color-block-title;
 
-}
 
-.bx-db-header .bx-db-title {
 
-    line-height: 1.2;
 
-    font-family: @bx-font-family-block-title;
 
-    font-size: @bx-font-size-block-title;
 
-    font-weight: @bx-font-weight-block-title;
 
-    color: @bx-color-font-block-title;
 
-}
 
-.bx-db-divider {
 
-	border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
 
-}
 
-
 
-
 
-/* box */
 
-.bx-def-box {
 
-	border-width: @bx-border-width-box;
 
-	border-style: @bx-border-type;
 
-	border-color: @bx-color-border-box;
 
-}
 
-.bx-def-box.bx-def-padding {
 
-	padding: @bx-content-padding-card;
 
-}
 
-.bx-def-box.bx-def-color-bg-box {
 
-	.background-color (@bx-color-box);
 
-}
 
-.bx-def-color-bg-box-active,
 
-.bx-def-color-bg-box-hover:hover {
 
-    .background-color (@bx-color-box-hover);
 
-}
 
-.bx-def-box-round-corners,
 
-.bx-def-box.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int-top {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int-bottom {
 
-    border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-base-pofile-unit-with-cover .bx-def-round-corners .bx-base-pofile-unit-cover {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-.bx-base-text-unit.bx-base-text-unit-ext.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners,
 
-.bx-base-text-unit.bx-base-text-unit-ext .bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-.bx-base-text-unit.bx-base-text-unit-gallery.bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners,
 
-.bx-base-text-unit.bx-base-text-unit-gallery .bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-
 
-/* box: timeline */
 
-.bx-tl-view div.bx-tl-item div.bx-tl-item-footer {
 
-    border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-}
 
-
 
-/* popup */
 
-.bx-popup-border {
 
-    border-width: @bx-border-width-popup;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-popup;
 
-
 
-    border-radius: @bx-border-radius-popup;
 
-    background-clip: padding-box;
 
-}
 
-.bx-popup-color-bg {
 
-    background-color: @bx-color-popup;
 
-
 
-    background-image: @bx-image-bg-popup;
 
-    background-repeat: @bx-image-bg-popup-repeat;
 
-    background-size: @bx-image-bg-popup-size;
 
-}
 
-.bx-popup-content-indent {
 
-	padding: @bx-content-padding-popup;
 
-}
 
-.bx-popup-header {
 
-    padding: @bx-title-padding-popup;
 
-}
 
-.bx-popup-header .bx-popup-element-close {
 
-    margin: @bx-title-padding-popup;
 
-}
 
-.bx-popup-header-color-bg {
 
-    background-color: @bx-color-popup-title;
 
-}
 
-.bx-popup-header h2,
 
-.bx-popup-header .bx-popup-element-close {
 
-    line-height: 1.8rem;
 
-}
 
-.bx-popup-header h2 {
 
-    font-family: @bx-font-family-popup-title;
 
-    font-size: @bx-font-size-popup-title;
 
-}
 
-.bx-popup-header h2,
 
-.bx-popup-header.bx-def-font-contrasted h2,
 
-.bx-popup-header .bx-popup-element-close,
 
-.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
 
-.bx-popup-header .bx-popup-element-close .sys-icon,
 
-.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
 
-	color: @bx-color-font-popup-title;
 
-}
 
-
 
-/* slide menu */
 
-.bx-popup-wrapper.bx-popup-slide-wrapper {
 
-	border-width: @bx-border-width-menu-slide;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-menu-slide;
 
-
 
-	.background-color (@bx-color-menu-slide);
 
-
 
-	background-image: @bx-image-bg-menu-slide;
 
-	background-repeat: @bx-image-bg-menu-slide-repeat;
 
-    background-size: @bx-image-bg-menu-slide-size;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
 
-	padding: @bx-content-padding-menu-slide;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li a {
 
-	text-shadow: @bx-shadow-font-menu-slide;
 
-
 
-	font-family: @bx-font-family-menu-slide;
 
-	font-size: @bx-font-size-menu-slide;
 
-	font-weight: @bx-font-weight-menu-slide;
 
-	color: @bx-font-color-menu-slide;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
 
-	color: @bx-font-color-menu-slide-hover;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
 
-	color: @bx-font-color-menu-slide-active;
 
-}
 
-
 
-/* main menu */
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
-    -webkit-justify-content: @bx-text-align-menu-main-items;
 
-    justify-content: @bx-text-align-menu-main-items;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-main;
 
-}
 
-.bx-media-phone .cd-dropdown .cd-dropdown-content a, 
-.bx-media-phone .cd-dropdown .cd-dropdown-content ul a,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a {
 
-    text-shadow: @bx-shadow-font-menu-main;
 
-
 
-    font-family: @bx-font-family-menu-main;
 
-    font-size: @bx-font-size-menu-main;
 
-    font-weight: @bx-font-weight-menu-main;
 
-    color: @bx-font-color-menu-main;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
 
-    color: @bx-font-color-menu-main-active;
 
-}
 
-.bx-media-phone .cd-dropdown .cd-dropdown-content a:hover, 
-.bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover,
 
-.bx-media-phone .cd-dropdown .cd-dropdown-content a:hover .sys-icon, 
-.bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover .sys-icon,
 
-.bx-media-phone .cd-dropdown .cd-dropdown-content a:hover .sys-icon-a, 
-.bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover .sys-icon-a,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
 
-    color: @bx-font-color-menu-main-hover;
 
-}
 
-
 
-.bx-media-phone .go-back a::before, 
-.bx-media-phone .go-back a::after,
 
-.bx-media-phone .has-children > a::before, 
-.bx-media-phone .has-children > a::after, 
-.bx-media-phone .cd-dropdown .cd-close::after, 
-.bx-media-phone .cd-dropdown .cd-close::before {
 
-    background-color: @bx-font-color-menu-main;
 
-}
 
-
 
-
 
-/* account menu */
 
-#bx-sliding-menu-account.bx-sliding-menu-main,
 
-#bx-sliding-menu-search.bx-sliding-menu-main,
 
-#bx_notifications_preview.bx-sliding-menu,
 
- {
 
-    -webkit-box-shadow: @bx-shadow-menu-account;
 
-    -moz-box-shadow: @bx-shadow-menu-account;
 
-    box-shadow: @bx-shadow-menu-account;
 
-
 
-    border-width: @bx-border-width-menu-account;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-account;
 
-
 
-    background-color: @bx-color-menu-account;
 
-
 
-    background-image: @bx-image-bg-menu-account;
 
-    background-repeat: @bx-image-bg-menu-account-repeat;
 
-    background-size: @bx-image-bg-menu-account-size;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-account;
 
-}
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a .sys-icon,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a .sys-icon-a,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h1,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h2,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt a:not(.bx-btn),
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .sys-icon {
 
-    color: @bx-font-color-menu-account;
 
-}
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn),
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a .bx-menu-floating-blocks-title {
 
-    text-shadow: @bx-shadow-font-menu-account;
 
-
 
-    font-family: @bx-font-family-menu-account;
 
-    font-size: @bx-font-size-menu-account;
 
-    font-weight: @bx-font-weight-menu-account;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a:not(.bx-btn) {
 
-    color: @bx-font-color-menu-account-active;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover,
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover .sys-icon {
 
-    color: @bx-font-color-menu-account-hover;
 
-}
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover .sys-icon,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover .sys-icon-a {
 
-    color: @bx-font-color-menu-account-hover;
 
-}
 
-
 
-
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a,
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .sys-icon,
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .sys-icon-a {
 
-    color: @bx-font-color-menu-account;
 
-}
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
 
-    color: @bx-font-color-menu-account-active;
 
-}
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
 
-.bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
 
-    color: @bx-font-color-menu-account-hover;
 
-}
 
-
 
-
 
-/* add menu */
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
-    -webkit-box-shadow: @bx-shadow-menu-add;
 
-    -moz-box-shadow: @bx-shadow-menu-add;
 
-    box-shadow: @bx-shadow-menu-add;
 
-
 
-    border-width: @bx-border-width-menu-add;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-add;
 
-
 
-    background-color: @bx-color-menu-add;
 
-
 
-    background-image: @bx-image-bg-menu-add;
 
-    background-repeat: @bx-image-bg-menu-add-repeat;
 
-    background-size: @bx-image-bg-menu-add-size;
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-add;
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a {
 
-    text-shadow: @bx-shadow-font-menu-add;
 
-
 
-    font-family: @bx-font-family-menu-add;
 
-    font-size: @bx-font-size-menu-add;
 
-    font-weight: @bx-font-weight-menu-add;
 
-}
 
-
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a .sys-icon {
 
-    color: @bx-font-color-menu-add;
 
-}
 
-
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon {
 
-    color: @bx-font-color-menu-add-active;
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon {
 
-    color: @bx-font-color-menu-add-hover;
 
-}
 
-
 
-/* page menu */
 
-.bx-menu-main-bar-wrapper {
 
-	-webkit-box-shadow: @bx-shadow-menu-page;
 
-	-moz-box-shadow: @bx-shadow-menu-page;
 
-	box-shadow: @bx-shadow-menu-page;
 
-
 
-	border-width: @bx-border-width-menu-page;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-menu-page;
 
-
 
-	background-color: @bx-color-menu-page;
 
-
 
-	background-image: @bx-image-bg-menu-page;
 
-	background-repeat: @bx-image-bg-menu-page-repeat;
 
-    background-size: @bx-image-bg-menu-page-size;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
-	padding: @bx-content-padding-menu-page;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
 
-	text-shadow: @bx-shadow-font-menu-page;
 
-
 
-	font-family: @bx-font-family-menu-page;
 
-	font-size: @bx-font-size-menu-page;
 
-	font-weight: @bx-font-weight-menu-page;
 
-	color: @bx-font-color-menu-page;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
 
-	color: @bx-font-color-menu-page-hover;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
 
-	color: @bx-font-color-menu-page-active;
 
-}
 
-
 
-/* form */
 
-.bx-form-value .bx-form-input-slider,
 
-.bx-form-value .bx-form-input-doublerange,
 
-.bx-form-value .bx-form-input-select_multiple,
 
-.bx-form-value .bx-form-input-select,
 
-.bx-form-value .bx-form-input-radio_set,
 
-.bx-form-value .bx-form-input-checkbox_set,
 
-.bx-form-value .bx-form-input-number,
 
-.bx-form-value .bx-form-input-time,
 
-.bx-form-value .bx-form-input-datepicker,
 
-.bx-form-value .bx-form-input-datetime,
 
-.bx-form-value .bx-form-input-wrapper-textarea.bx-form-input-wrapper-html,
 
-.bx-form-value .bx-form-input-textarea,
 
-.bx-form-value .bx-form-input-text,
 
-.bx-form-value .bx-form-input-price,
 
-.bx-form-value .bx-form-input-wrapper-price span,
 
-.bx-form-value .bx-form-input-wrapper-password {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    border-color: @bx-color-border-form-input;
 
-    border-width: @bx-border-width-form-input;
 
-
 
-    border-radius: @bx-border-radius-form-input;
 
-    background-clip: padding-box;
 
-
 
-    background-color: @bx-color-form-input;
 
-
 
-    -webkit-box-shadow: @bx-shadow-form-input;
 
-    -moz-box-shadow: @bx-shadow-form-input;
 
-    box-shadow: @bx-shadow-form-input;
 
-}
 
-.bx-form-value .bx-form-input-slider,
 
-.bx-form-value .bx-form-input-doublerange,
 
-.bx-form-value .bx-form-input-select,
 
-.bx-form-value .bx-form-input-number,
 
-.bx-form-value .bx-form-input-time,
 
-.bx-form-value .bx-form-input-datepicker,
 
-.bx-form-value .bx-form-input-datetime,
 
-.bx-form-value .bx-form-input-text,
 
-.bx-form-value .bx-form-input-price,
 
-.bx-form-value .bx-form-input-wrapper-price span,
 
-.bx-form-value .bx-form-input-wrapper-password {
 
-    height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-wrapper-textarea.bx-form-input-wrapper-html {
 
-    border-style: solid;
 
-}
 
-.bx-form-value .bx-form-input-textarea {
 
-    -webkit-box-shadow: none;
 
-    -moz-box-shadow: none;
 
-    box-shadow: none;
 
-}
 
-.bx-form-value .bx-form-input-textarea.bx-form-input-html 
-{
 
-    border-width: 0;
 
-}
 
-.bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b {
 
-    line-height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b .bx-def-thumb-size {
 
-    width: @bx-height-form-input;
 
-    height: @bx-height-form-input;
 
-    line-height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-slider:focus,
 
-.bx-form-value .bx-form-input-doublerange:focus,
 
-.bx-form-value .bx-form-input-number:focus,
 
-.bx-form-value .bx-form-input-time:focus,
 
-.bx-form-value .bx-form-input-datepicker:focus,
 
-.bx-form-value .bx-form-input-datetime:focus,
 
-.bx-form-value .bx-form-input-textarea:focus,
 
-.bx-form-value .bx-form-input-text:focus,
 
-.bx-form-value .bx-form-input-price:focus,
 
-.bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
 
-    border-color: @bx-color-border-form-input-active;
 
-    background-color: @bx-color-form-input-active;
 
-}
 
-.bx-form-value .bx-switcher-cont {
 
-    border-color: @bx-color-border-form-input;
 
-    border-width: @bx-border-width-form-input;
 
-
 
-    background-color: @bx-color-form-input;
 
-
 
-    -webkit-box-shadow: @bx-shadow-form-input;
 
-    -moz-box-shadow: @bx-shadow-form-input;
 
-    box-shadow: @bx-shadow-form-input;
 
-}
 
-
 
-
 
-/* button (normal) */
 
-.bx-btn {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button;
 
-    line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
-
 
-    .background-color (@bx-color-button);
 
-
 
-    border-width: @bx-border-width-button;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button;
 
-
 
-    border-radius: @bx-border-radius-button;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button;
 
-    -moz-box-shadow: @bx-shadow-button;
 
-    box-shadow: @bx-shadow-button;
 
-
 
-    text-shadow: @bx-shadow-font-button;
 
-    text-transform: uppercase;
 
-
 
-    font-family: @bx-font-family-button;
 
-    font-size: @bx-font-size-button;
 
-    font-weight: @bx-font-weight-button;
 
-    color: @bx-font-color-button;
 
-}
 
-.bx-btn.bx-btn-primary {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-primary;
 
-    line-height: (@bx-height-button-primary - 0.125 * @bx-border-width-button-primary);
 
-
 
-    .background-color (@bx-color-button-primary);
 
-
 
-    border-width: @bx-border-width-button-primary;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-primary;
 
-
 
-    border-radius: @bx-border-radius-button-primary;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-primary;
 
-    -moz-box-shadow: @bx-shadow-button-primary;
 
-    box-shadow: @bx-shadow-button-primary;
 
-
 
-    text-shadow: @bx-shadow-font-button-primary;
 
-
 
-    font-family: @bx-font-family-button-primary;
 
-    font-size: @bx-font-size-button-primary;
 
-    font-weight: @bx-font-weight-button-primary;
 
-    color: @bx-font-color-button-primary;
 
-}
 
-.bx-btn-height {
 
-    height: @bx-height-button;
 
-    line-height: @bx-height-button;
 
-}
 
-.bx-btn-border {
 
-    border-width: @bx-border-width-button;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn-height.bx-btn-primary {
 
-    height: @bx-height-button-primary;
 
-    line-height: @bx-height-button-primary;
 
-}
 
-.bx-btn-border.bx-btn-primary {
 
-    border-width: @bx-border-width-button-primary;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn:hover,
 
-.bx-btn:active {
 
-    border-width: @bx-border-width-button;
 
-    border-style: solid;
 
-}
 
-.bx-btn:hover {
 
-    border-color: @bx-color-border-button-hover;
 
-
 
-    .background-color (@bx-color-button-hover);
 
-
 
-    color: @bx-font-color-button-hover;
 
-}
 
-.bx-btn:active {
 
-    border-color: @bx-color-border-button-click;
 
-
 
-    .background-color (@bx-color-button-click);
 
-    box-shadow: @bx-shadow-color-button-click;
 
-
 
-    color: @bx-font-color-button-click;
 
-}
 
-.bx-btn.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-primary:active {
 
-    border-width: @bx-border-width-button-primary;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-primary:hover {
 
-    border-color: @bx-color-border-button-primary-hover;
 
-
 
-    .background-color (@bx-color-button-primary-hover);
 
-
 
-    color: @bx-font-color-button-primary-hover;
 
-}
 
-.bx-btn.bx-btn-primary:active {
 
-    border-color: @bx-color-border-button-primary-click;
 
-
 
-    .background-color (@bx-color-button-primary-click);
 
-    box-shadow: @bx-shadow-color-button-primary-click;
 
-
 
-    color: @bx-font-color-button-primary-click;
 
-}
 
-.bx-btn .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button;
 
-}
 
-.bx-btn.bx-btn-primary .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-primary;
 
-}
 
-.bx-btn:hover .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-hover;
 
-}
 
-.bx-btn:active .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-click;
 
-}
 
-.bx-btn.bx-btn-primary:hover .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-primary-hover;
 
-}
 
-.bx-btn.bx-btn-primary:active .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-primary-click;
 
-}
 
-
 
-/* button (large) */
 
-.bx-btn.bx-btn-large {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-large;
 
-    line-height: (@bx-height-button-large - 0.125 * @bx-border-width-button-large);
 
-
 
-    .background-color (@bx-color-button-large);
 
-
 
-    border-width: @bx-border-width-button-large;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-large;
 
-
 
-    border-radius: @bx-border-radius-button-large;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-large;
 
-    -moz-box-shadow: @bx-shadow-button-large;
 
-    box-shadow: @bx-shadow-button-large;
 
-
 
-    text-shadow: @bx-shadow-font-button-large;
 
-
 
-    font-family: @bx-font-family-button-large;
 
-    font-size: @bx-font-size-button-large;
 
-    font-weight: @bx-font-weight-button-large;
 
-    color: @bx-font-color-button-large;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-large-primary;
 
-    line-height: (@bx-height-button-large-primary - 0.125 * @bx-border-width-button-large-primary);
 
-
 
-    .background-color (@bx-color-button-large-primary);
 
-
 
-    border-width: @bx-border-width-button-large-primary;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-large-primary;
 
-
 
-    border-radius: @bx-border-radius-button-large-primary;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-large-primary;
 
-    -moz-box-shadow: @bx-shadow-button-large-primary;
 
-    box-shadow: @bx-shadow-button-large-primary;
 
-
 
-    text-shadow: @bx-shadow-font-button-large-primary;
 
-
 
-    font-family: @bx-font-family-button-large-primary;
 
-    font-size: @bx-font-size-button-large-primary;
 
-    font-weight: @bx-font-weight-button-large-primary;
 
-    color: @bx-font-color-button-large-primary;
 
-}
 
-.bx-btn-large-height {
 
-    height: @bx-height-button-large;
 
-    line-height: @bx-height-button-large;
 
-}
 
-.bx-btn-large-height.bx-btn-primary {
 
-    height: @bx-height-button-large-primary;
 
-    line-height: @bx-height-button-large-primary;
 
-}
 
-.bx-btn-large-border {
 
-    border-width: @bx-border-width-button-large;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn-large-border.bx-btn-primary {
 
-    border-width: @bx-border-width-button-large-primary;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn.bx-btn-large:hover,
 
-.bx-btn.bx-btn-large:active {
 
-    border-width: @bx-border-width-button-large;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-large:hover {
 
-    border-color: @bx-color-border-button-large-hover;
 
-
 
-    .background-color (@bx-color-button-large-hover);
 
-
 
-    color: @bx-font-color-button-large-hover;
 
-}
 
-.bx-btn.bx-btn-large:active {
 
-    border-color: @bx-color-border-button-large-click;
 
-
 
-    .background-color (@bx-color-button-large-click);
 
-    box-shadow: @bx-shadow-color-button-click;
 
-
 
-    color: @bx-font-color-button-large-click;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-large.bx-btn-primary:active {
 
-    border-width: @bx-border-width-button-large-primary;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:hover {
 
-    border-color: @bx-color-border-button-large-primary-hover;
 
-
 
-    .background-color (@bx-color-button-large-primary-hover);
 
-
 
-    color: @bx-font-color-button-large-primary-hover;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:active {
 
-    border-color: @bx-color-border-button-large-primary-click;
 
-
 
-    .background-color (@bx-color-button-large-primary-click);
 
-    box-shadow: @bx-shadow-color-button-primary-click;
 
-
 
-    color: @bx-font-color-button-large-primary-click;
 
-}
 
-.bx-btn.bx-btn-large .sys-icon {
 
-    color: @bx-font-color-button-large;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary .sys-icon {
 
-    color: @bx-font-color-button-large-primary;
 
-}
 
-.bx-btn.bx-btn-large:hover .sys-icon {
 
-    color: @bx-font-color-button-large-hover;
 
-}
 
-.bx-btn.bx-btn-large:active .sys-icon {
 
-    color: @bx-font-color-button-large-click;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:hover .sys-icon {
 
-    color: @bx-font-color-button-large-primary-hover;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:active .sys-icon {
 
-    color: @bx-font-color-button-large-primary-click;
 
-}
 
-
 
-/* button (small) */
 
-.bx-btn.bx-btn-small {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-small;
 
-    line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
-
 
-    .background-color (@bx-color-button-small);
 
-
 
-    border-width: @bx-border-width-button-small;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-small;
 
-
 
-    border-radius: @bx-border-radius-button-small;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-small;
 
-    -moz-box-shadow: @bx-shadow-button-small;
 
-    box-shadow: @bx-shadow-button-small;
 
-
 
-    text-shadow: @bx-shadow-font-button-small;
 
-
 
-    font-family: @bx-font-family-button-small;
 
-    font-size: @bx-font-size-button-small;
 
-    font-weight: @bx-font-weight-button-small;
 
-    color: @bx-font-color-button-small;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-small-primary;
 
-    line-height: (@bx-height-button-small-primary - 0.125 * @bx-border-width-button-small-primary);
 
-
 
-    .background-color (@bx-color-button-small-primary);
 
-
 
-    border-width: @bx-border-width-button-small-primary;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-small-primary;
 
-
 
-    border-radius: @bx-border-radius-button-small-primary;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-small-primary;
 
-    -moz-box-shadow: @bx-shadow-button-small-primary;
 
-    box-shadow: @bx-shadow-button-small-primary;
 
-
 
-    text-shadow: @bx-shadow-font-button-small-primary;
 
-
 
-    font-family: @bx-font-family-button-small-primary;
 
-    font-size: @bx-font-size-button-small-primary;
 
-    font-weight: @bx-font-weight-button-small-primary;
 
-    color: @bx-font-color-button-small-primary;
 
-}
 
-.bx-btn-small-height {
 
-    height: @bx-height-button-small;
 
-    line-height: @bx-height-button-small;
 
-}
 
-.bx-btn-small-height.bx-btn-primary {
 
-    height: @bx-height-button-small-primary;
 
-    line-height: @bx-height-button-small-primary;
 
-}
 
-.bx-btn-small-border {
 
-    border-width: @bx-border-width-button-small;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn-small-border.bx-btn-primary {
 
-    border-width: @bx-border-width-button-small-primary;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn.bx-btn-small:hover,
 
-.bx-btn.bx-btn-small:active {
 
-    border-width: @bx-border-width-button-small;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-small:hover {
 
-    border-color: @bx-color-border-button-small-hover;
 
-
 
-    .background-color (@bx-color-button-small-hover);
 
-
 
-    color: @bx-font-color-button-small-hover;
 
-}
 
-.bx-btn.bx-btn-small:active {
 
-    border-color: @bx-color-border-button-small-click;
 
-
 
-    .background-color (@bx-color-button-small-click);
 
-    box-shadow: @bx-shadow-color-button-click;
 
-
 
-    color: @bx-font-color-button-small-click;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-small.bx-btn-primary:active {
 
-    border-width: @bx-border-width-button-small-primary;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:hover {
 
-    border-color: @bx-color-border-button-small-primary-hover;
 
-
 
-    .background-color (@bx-color-button-small-primary-hover);
 
-
 
-    color: @bx-font-color-button-small-primary-hover;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:active {
 
-    border-color: @bx-color-border-button-small-primary-click;
 
-
 
-    .background-color (@bx-color-button-small-primary-click);
 
-    box-shadow: @bx-shadow-color-button-primary-click;
 
-
 
-    color: @bx-font-color-button-small-primary-click;
 
-}
 
-.bx-btn.bx-btn-small .sys-icon {
 
-	color: @bx-font-color-button-small;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary .sys-icon {
 
-    color: @bx-font-color-button-small-primary;
 
-}
 
-.bx-btn.bx-btn-small:hover .sys-icon {
 
-    color: @bx-font-color-button-small-hover;
 
-}
 
-.bx-btn.bx-btn-small:active .sys-icon {
 
-    color: @bx-font-color-button-small-click;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:hover .sys-icon {
 
-    color: @bx-font-color-button-small-primary-hover;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:active .sys-icon {
 
-    color: @bx-font-color-button-small-primary-click;
 
-}
 
-
 
-
 
-/*--- Menus: Mobile Dropdown ---*/
 
-.bx-lcd-menu-dropdown.cd-dropdown,
 
-.bx-lcd-menu-dropdown.cd-dropdown .cd-dropdown-title {
 
-    background-color: @bx-color-header;
 
-}
 
-
 
-.bx-lcd-mdd-search .bx-page-block-container input[type="text"]::-webkit-input-placeholder {
 
-  color: @bx-font-color-grayed;
 
-}
 
-.bx-lcd-mdd-search .bx-page-block-container input[type="text"]::-moz-placeholder {
 
-  color: @bx-font-color-grayed;
 
-}
 
-.bx-lcd-mdd-search .bx-page-block-container input[type="text"]:-moz-placeholder {
 
-  color: @bx-font-color-grayed;
 
-}
 
-.bx-lcd-mdd-search .bx-page-block-container input[type="text"]:-ms-input-placeholder {
 
-  color: @bx-font-color-grayed;
 
-}
 
-
 
-
 
-/*--- Alerts: Toolbar ---*/
 
-ul.bx-menu-toolbar li a .bx-menu-item-addon {
 
-	border: 0.125rem solid @bx-color-header;
 
-}
 
-ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert {
 
-	top: -(@bx-font-size-default + 2) / 2;
 
-    right: -(@bx-font-size-default + 2) / 2;
 
-}
 
-ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert-small {
 
-    top: -(@bx-font-size-small + 5) / 2;
 
-    right: -(@bx-font-size-small + 5) / 2
 
-}
 
-ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert-middle {
 
-    top: -(@bx-font-size-middle + 2) / 2;
 
-    right: -(@bx-font-size-middle + 2) / 2;
 
-}
 
-
 
-
 
-/*--- Timeline -> Card: Annachmants ---*/
 
-div.bx-tl-item div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
 
-div.bx-tl-item div.bx-tl-item-attachments.bx-tl-ia-gallery div.bx-tl-item-attachment img,
 
-div.bx-tl-item .bx-tl-item-links .bx-tl-item-link {
 
-    border-radius: @bx-border-radius-box;
 
-}
 
-div.bx-tl-item div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
 
-div.bx-tl-item div.bx-tl-item-attachments.bx-tl-ia-gallery div.bx-tl-item-attachment img {
 
-    background-clip: padding-box;
 
-}
 
-
 
-/*--- Timeline Card -> Comments: Font size ---*/
 
-div.bx-tl-item-comments-holder div.bx-tl-item-comments .cmts.cmts-margin {
 
-	.font-size(@bx-font-size-default);
 
-}
 
+.@{bx-root-class-name}{
 
+
 
+    @import '../../../../../../../template/css/default.less';
 
+
 
+    /**
 
+     * Is used for inputs and buttons. They should have the same value 
+     * because Input and Button can be positioned in one line.
 
+     */
 
+    @base-input-box-sizing: border-box;
 
+
 
+
 
+    /* viewport */
 
+    html.bx-media-tablet {
 
+        font-size: @bx-viewport-font-tablet !important;
 
+    }
 
+
 
+    html.bx-media-phone {
 
+        font-size: @bx-viewport-font-mobile !important;
 
+    }
 
+
 
+    /* height */
 
+    .bx-header {
 
+        height: auto !important;
 
+    }
 
+
 
+    #bx-toolbar-content {
 
+        height: @bx-height-header !important;
 
+    }
 
+
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a img:not(.bx-base-pofile-unit-thumb) {
 
+        max-width: @bx-height-header - 2;
 
+        max-height: @bx-height-header - 2;
 
+    }
 
+
 
+    .bx-main-content .bx-main-column.narrow .bx-menu-toolbar-padding,
 
+    .cd-main-content .content-wrapper {
 
+        padding-top: @bx-height-header;
 
+    }
 
+
 
+
 
+    /* content paddings */
 
+    .bx-content-padding-header {
 
+        padding: @bx-content-padding-header;
 
+    }
 
+    .bx-content-padding-footer {
 
+        padding: @bx-content-padding-footer;
 
+    }
 
+    .bx-content-padding-block {
 
+        padding: @bx-content-padding-block;
 
+    }
 
+
 
+
 
+    /* shadow */
 
+    .bx-shadow-header {
 
+        -webkit-box-shadow: @bx-shadow-header;
 
+        -moz-box-shadow: @bx-shadow-header;
 
+        box-shadow: @bx-shadow-header;
 
+    }
 
+    .bx-shadow-footer {
 
+        -webkit-box-shadow: @bx-shadow-footer;
 
+        -moz-box-shadow: @bx-shadow-footer;
 
+        box-shadow: @bx-shadow-footer;
 
+    }
 
+    .bx-shadow-block {
 
+        -webkit-box-shadow: @bx-shadow-block;
 
+        -moz-box-shadow: @bx-shadow-block;
 
+        box-shadow: @bx-shadow-block;
 
+    }
 
+    .bx-def-box {
 
+        -webkit-box-shadow: @bx-shadow-card;
 
+        -moz-box-shadow: @bx-shadow-card;
 
+        box-shadow: @bx-shadow-card;
 
+    }
 
+    .bx-popup-applied {
 
+        border-radius: @bx-border-radius-popup;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-popup-applied:not(.bx-popup-chain),
 
+    .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
 
+        -webkit-box-shadow: @bx-shadow-popup;
 
+        -moz-box-shadow: @bx-shadow-popup;
 
+        box-shadow: @bx-shadow-popup;
 
+    }
 
+    .bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
 
+        background-color: @bx-color-hl;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper {
 
+        -webkit-box-shadow: @bx-shadow-menu-slide;
 
+        -moz-box-shadow: @bx-shadow-menu-slide;
 
+        box-shadow: @bx-shadow-menu-slide;
 
+    }
 
+
 
+
 
+    /* background images */
 
+    .bx-def-image-bg-header,
 
+    .bx-def-image-bg-footer,
 
+    .bx-def-image-bg-page,
 
+    .bx-def-image-bg-block,
 
+    .bx-def-box,
 
+    .bx-popup-color-bg,
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main,
 
+    .bx-menu-main-bar-wrapper {
 
+        background-position: center center;
 
+    }
 
+    .bx-def-image-bg-header {
 
+        background-image: @bx-image-bg-header;
 
+        background-repeat: @bx-image-bg-header-repeat;
 
+        background-size: @bx-image-bg-header-size;
 
+    }
 
+    .bx-def-image-bg-footer {
 
+        background-image: @bx-image-bg-footer;
 
+        background-repeat: @bx-image-bg-footer-repeat;
 
+        background-size: @bx-image-bg-footer-size;
 
+    }
 
+    .bx-def-image-bg-page {
 
+        background-image: @bx-image-bg-page;
 
+        background-repeat: @bx-image-bg-page-repeat;
 
+        background-size: @bx-image-bg-page-size;
 
+    }
 
+    .bx-def-image-bg-block {
 
+        background-image: @bx-image-bg-block;
 
+        background-repeat: @bx-image-bg-block-repeat;
 
+        background-size: @bx-image-bg-block-size;
 
+    }
 
+    .bx-def-box {
 
+        background-image: @bx-image-bg-box;
 
+        background-repeat: @bx-image-bg-box-repeat;
 
+        background-attachment: @bx-image-bg-box-attachment;
 
+        background-size: @bx-image-bg-box-size;
 
+    }
 
+
 
+    /* body */
 
+    a {
 
+        color: @bx-color-link-body; 
+    }
 
+    a:hover {
 
+        color: @bx-color-link-body-hover; 
+    }
 
+    .sys-icon:not(.sys-colored),
 
+    .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-body; 
+    }
 
+    a:hover > .sys-icon:not(.sys-colored),
 
+    a:hover > .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-body-hover; 
+    }
 
+    .sys-icon-a i {
 
+        .background-color (@bx-color-icon-body) !important;
 
+        color: @bx-color-icon-body;
 
+    }
 
+    a:hover > .sys-icon-a i {
 
+        .background-color (@bx-color-icon-body-hover) !important;
 
+        color: @bx-color-icon-body-hover;
 
+    }
 
+
 
+    /* header */
 
+    .bx-header.bx-def-color-bg-header {
 
+        .background-color (@bx-color-header);
 
+    }
 
+    .bx-header.bx-def-border-header {
 
+        border-bottom-width: @bx-border-width-header;
 
+        border-bottom-style: @bx-border-type;
 
+        border-bottom-color: @bx-color-border-header;
 
+    }
 
+    .bx-header a {
 
+        color: @bx-color-link-header; 
+    }
 
+    .bx-header a:hover {
 
+        color: @bx-color-link-header-hover;
 
+    }
 
+    .bx-header .sys-icon:not(.sys-colored),
 
+    .bx-header .sys-icon-a:not(.sys-colored),
 
+    .cd-dropdown .cd-dropdown-content a .sys-icon:not(.sys-colored),
 
+    .cd-dropdown .cd-dropdown-content a .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-header; 
+    }
 
+    .bx-header .cd-nav-trigger span, 
+    .bx-header .cd-nav-trigger span::before, 
+    .bx-header .cd-nav-trigger span::after,
 
+    .bx-header .cd-nav-trigger.nav-is-visible span::before, 
+    .bx-header .cd-nav-trigger.nav-is-visible span::after {
 
+        background: @bx-color-icon-header;
 
+    }
 
+    .bx-header a:hover .sys-icon,
 
+    .bx-header a:hover .sys-icon-a,
 
+    .bx-header li.bx-menu-tab-active a .sys-icon,
 
+    .bx-header li.bx-menu-tab-active a .sys-icon-a {
 
+        color: @bx-color-icon-header-hover; 
+    }
 
+    .bx-header .cd-nav-trigger.nav-is-visible:hover span {
 
+        background: rgba(255, 255, 255, 0);
 
+    }
 
+    .bx-header .cd-nav-trigger:hover span, 
+    .bx-header .cd-nav-trigger:hover span::before, 
+    .bx-header .cd-nav-trigger:hover span::after,
 
+    .bx-header .cd-nav-trigger.nav-is-visible:hover span::before, 
+    .bx-header .cd-nav-trigger.nav-is-visible:hover span::after {
 
+        background: @bx-color-icon-header-hover;
 
+    }
 
+    .bx-header .sys-icon-a:not(.sys-colored) i {
 
+        .background-color (@bx-color-icon-header) !important;
 
+        color: @bx-color-icon-header;
 
+    }
 
+    .bx-header a:hover .sys-icon-a i {
 
+        .background-color (@bx-color-icon-header-hover) !important;
 
+        color: @bx-color-icon-header-hover;
 
+    }
 
+
 
+    /* footer */
 
+    .bx-footer-wrapper.bx-def-color-bg-footer {
 
+        .background-color (@bx-color-footer);    
+    }
 
+    .bx-footer-wrapper.bx-def-border-footer {
 
+        border-top-width: @bx-border-width-footer;
 
+        border-top-style: @bx-border-type;
 
+        border-top-color: @bx-color-border-footer;
 
+    }
 
+
 
+    .bx-footer {
 
+        color: @bx-font-color-footer;
 
+    }
 
+    .bx-footer a {
 
+        color: @bx-color-link-footer; 
+    }
 
+    .bx-footer a:hover {
 
+        color: @bx-color-link-footer-hover; 
+    }
 
+    .bx-footer .sys-icon,
 
+    .bx-footer .sys-icon-a {
 
+        color: @bx-color-icon-footer; 
+    }
 
+    .bx-footer a:hover .sys-icon,
 
+    .bx-footer a:hover .sys-icon-a {
 
+        color: @bx-color-icon-footer-hover; 
+    }
 
+    .bx-footer .sys-icon-a i {
 
+        .background-color (@bx-color-icon-footer) !important;
 
+        color: @bx-color-icon-footer;
 
+    }
 
+    .bx-footer a:hover .sys-icon-a i {
 
+        .background-color (@bx-color-icon-footer-hover) !important;
 
+        color: @bx-color-icon-footer-hover;
 
+    }
 
+
 
+    /* fonts */
 
+    .bx-def-font-inputs {
 
+        font-family: @bx-font-family-form-input;
 
+        font-size: @bx-font-size-form-input;
 
+        color: @bx-font-color-form-input;
 
+    }
 
+
 
+    h1,
 
+    .bx-def-font-h1 {
 
+        font-weight: @bx-font-weight-h1;
 
+        color: @bx-font-color-default-h1;
 
+    }
 
+    h1.bx-def-font-grayed,
 
+    h1 .bx-def-font-grayed,
 
+    .bx-def-font-h1.bx-def-font-grayed,
 
+    .bx-def-font-h1 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h1;
 
+    }
 
+    h1.bx-def-font-contrasted,
 
+    h1.bx-def-font-contrasted:after,
 
+    h1.bx-def-font-contrasted:before,
 
+    h1 .bx-def-font-contrasted,
 
+    h1 .bx-def-font-contrasted:after,
 
+    h1 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h1.bx-def-font-contrasted,
 
+    .bx-def-font-h1.bx-def-font-contrasted:after,
 
+    .bx-def-font-h1.bx-def-font-contrasted:before,
 
+    .bx-def-font-h1 .bx-def-font-contrasted,
 
+    .bx-def-font-h1 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h1 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h1;
 
+    }
 
+    h1 a,
 
+    .bx-def-font-h1 a,
 
+    a.bx-def-font-h1 {
 
+        color: @bx-font-color-link-h1;
 
+    }
 
+    h1 a:hover,
 
+    .bx-def-font-h1 a:hover,
 
+    a.bx-def-font-h1:hover {
 
+        color: @bx-font-color-link-h1-hover;
 
+    }
 
+
 
+    h2,
 
+    .bx-def-font-h2 {
 
+        font-weight: @bx-font-weight-h2;
 
+        color: @bx-font-color-default-h2;
 
+    }
 
+    h2.bx-def-font-grayed,
 
+    h2 .bx-def-font-grayed,
 
+    .bx-def-font-h2.bx-def-font-grayed,
 
+    .bx-def-font-h2 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h2;
 
+    }
 
+    h2.bx-def-font-contrasted,
 
+    h2.bx-def-font-contrasted:after,
 
+    h2.bx-def-font-contrasted:before,
 
+    h2 .bx-def-font-contrasted,
 
+    h2 .bx-def-font-contrasted:after,
 
+    h2 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h2.bx-def-font-contrasted,
 
+    .bx-def-font-h2.bx-def-font-contrasted:after,
 
+    .bx-def-font-h2.bx-def-font-contrasted:before,
 
+    .bx-def-font-h2 .bx-def-font-contrasted,
 
+    .bx-def-font-h2 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h2 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h2;
 
+    }
 
+    h2 a,
 
+    .bx-def-font-h2 a,
 
+    a.bx-def-font-h2 {
 
+        color: @bx-font-color-link-h2;
 
+    }
 
+    h2 a:hover,
 
+    .bx-def-font-h2 a:hover,
 
+    a.bx-def-font-h2:hover {
 
+        color: @bx-font-color-link-h2-hover;
 
+    }
 
+
 
+    h3,
 
+    .bx-def-font-h3 {
 
+        font-weight: @bx-font-weight-h3;
 
+        color: @bx-font-color-default-h3;
 
+    }
 
+    h3.bx-def-font-grayed,
 
+    h3 .bx-def-font-grayed,
 
+    .bx-def-font-h3.bx-def-font-grayed,
 
+    .bx-def-font-h3 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h3;
 
+    }
 
+    h3.bx-def-font-contrasted,
 
+    h3.bx-def-font-contrasted:after,
 
+    h3.bx-def-font-contrasted:before,
 
+    h3 .bx-def-font-contrasted,
 
+    h3 .bx-def-font-contrasted:after,
 
+    h3 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h3.bx-def-font-contrasted,
 
+    .bx-def-font-h3.bx-def-font-contrasted:after,
 
+    .bx-def-font-h3.bx-def-font-contrasted:before,
 
+    .bx-def-font-h3 .bx-def-font-contrasted,
 
+    .bx-def-font-h3 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h3 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h3;
 
+    }
 
+    h3 a,
 
+    .bx-def-font-h3 a,
 
+    a.bx-def-font-h3 {
 
+        color: @bx-font-color-link-h3;
 
+    }
 
+    h3 a:hover,
 
+    .bx-def-font-h3 a:hover,
 
+    a.bx-def-font-h3:hover {
 
+        color: @bx-font-color-link-h3-hover;
 
+    }
 
+
 
+    /* cover */
 
+    .bx-menu-toolbar-padding .bx-def-cover-color-bg {
 
+        background-color: @bx-color-cover;
 
+    }
 
+
 
+    .bx-menu-toolbar-padding .bx-cover-wrapper,
 
+    .bx-menu-toolbar-padding .bx-base-pofile-cover {
 
+        border-width: @bx-border-width-cover;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-cover;
 
+
 
+        border-radius: @bx-border-radius-cover;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-cover;
 
+        -moz-box-shadow: @bx-shadow-cover;
 
+        box-shadow: @bx-shadow-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover {
 
+        min-height: @bx-height-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
 
+        text-align: @bx-text-align-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover.bx-def-padding {
 
+        padding: @bx-content-padding-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-image img {
 
+        border-width: @bx-border-width-cover-icon;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-cover-icon;
 
+
 
+        border-radius: @bx-border-radius-cover-icon;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-cover-icon;
 
+        -moz-box-shadow: @bx-shadow-cover-icon;
 
+        box-shadow: @bx-shadow-cover-icon;
 
+    }
 
+
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title {
 
+        text-shadow: @bx-shadow-text-cover;
 
+
 
+        font-family: @bx-font-family-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:after,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:before {
 
+        color: @bx-color-font-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
 
+        font-size: @bx-font-size-cover;
 
+        font-weight: @bx-font-weight-cover;
 
+    }
 
+
 
+
 
+    /* block */
 
+    .bx-def-border-block {
 
+        border-width: @bx-border-width-block;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-block;
 
+
 
+        border-radius: @bx-border-radius-block;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-border-radius-block {
 
+        border-radius: @bx-border-radius-block;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-db-header {
 
+        padding: @bx-title-padding-block;
 
+
 
+        border-width: @bx-border-width-block-title;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-block-title;
 
+
 
+        border-radius: @bx-border-radius-block-title;
 
+    }
 
+    .bx-def-color-bg-block .bx-db-header,
 
+    .bx-def-image-bg-block .bx-db-header {
 
+        background-color: @bx-color-block-title;
 
+    }
 
+    .bx-db-header .bx-db-title {
 
+        line-height: 1.2;
 
+        font-family: @bx-font-family-block-title;
 
+        font-size: @bx-font-size-block-title;
 
+        font-weight: @bx-font-weight-block-title;
 
+        color: @bx-color-font-block-title;
 
+    }
 
+    .bx-db-divider {
 
+        border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
 
+    }
 
+
 
+
 
+    /* box */
 
+    .bx-def-box {
 
+        border-width: @bx-border-width-box;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-box;
 
+    }
 
+    .bx-def-box.bx-def-padding {
 
+        padding: @bx-content-padding-card;
 
+    }
 
+    .bx-def-box.bx-def-color-bg-box {
 
+        .background-color (@bx-color-box);
 
+    }
 
+    .bx-def-color-bg-box-active,
 
+    .bx-def-color-bg-box-hover:hover {
 
+        .background-color (@bx-color-box-hover);
 
+    }
 
+    .bx-def-box-round-corners,
 
+    .bx-def-box.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int-top {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int-bottom {
 
+        border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-base-pofile-unit-with-cover .bx-def-round-corners .bx-base-pofile-unit-cover {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+    .bx-base-text-unit.bx-base-text-unit-ext.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners,
 
+    .bx-base-text-unit.bx-base-text-unit-ext .bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+    .bx-base-text-unit.bx-base-text-unit-gallery.bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners,
 
+    .bx-base-text-unit.bx-base-text-unit-gallery .bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+
 
+    /* box: timeline */
 
+    .bx-tl-view div.bx-tl-item div.bx-tl-item-footer {
 
+        border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+    }
 
+
 
+    /* popup */
 
+    .bx-popup-border {
 
+        border-width: @bx-border-width-popup;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-popup;
 
+
 
+        border-radius: @bx-border-radius-popup;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-popup-color-bg {
 
+        background-color: @bx-color-popup;
 
+
 
+        background-image: @bx-image-bg-popup;
 
+        background-repeat: @bx-image-bg-popup-repeat;
 
+        background-size: @bx-image-bg-popup-size;
 
+    }
 
+    .bx-popup-content-indent {
 
+        padding: @bx-content-padding-popup;
 
+    }
 
+    .bx-popup-header {
 
+        padding: @bx-title-padding-popup;
 
+    }
 
+    .bx-popup-header .bx-popup-element-close {
 
+        margin: @bx-title-padding-popup;
 
+    }
 
+    .bx-popup-header-color-bg {
 
+        background-color: @bx-color-popup-title;
 
+    }
 
+    .bx-popup-header h2,
 
+    .bx-popup-header .bx-popup-element-close {
 
+        line-height: 1.8rem;
 
+    }
 
+    .bx-popup-header h2 {
 
+        font-family: @bx-font-family-popup-title;
 
+        font-size: @bx-font-size-popup-title;
 
+    }
 
+    .bx-popup-header h2,
 
+    .bx-popup-header.bx-def-font-contrasted h2,
 
+    .bx-popup-header .bx-popup-element-close,
 
+    .bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
 
+    .bx-popup-header .bx-popup-element-close .sys-icon,
 
+    .bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
 
+        color: @bx-color-font-popup-title;
 
+    }
 
+
 
+    /* slide menu */
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper {
 
+        border-width: @bx-border-width-menu-slide;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-slide;
 
+
 
+        .background-color (@bx-color-menu-slide);
 
+
 
+        background-image: @bx-image-bg-menu-slide;
 
+        background-repeat: @bx-image-bg-menu-slide-repeat;
 
+        background-size: @bx-image-bg-menu-slide-size;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
 
+        padding: @bx-content-padding-menu-slide;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li a {
 
+        text-shadow: @bx-shadow-font-menu-slide;
 
+
 
+        font-family: @bx-font-family-menu-slide;
 
+        font-size: @bx-font-size-menu-slide;
 
+        font-weight: @bx-font-weight-menu-slide;
 
+        color: @bx-font-color-menu-slide;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
 
+        color: @bx-font-color-menu-slide-hover;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
 
+        color: @bx-font-color-menu-slide-active;
 
+    }
 
+
 
+    /* main menu */
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
+        -webkit-justify-content: @bx-text-align-menu-main-items;
 
+        justify-content: @bx-text-align-menu-main-items;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-main;
 
+    }
 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content a, 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content ul a,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a {
 
+        text-shadow: @bx-shadow-font-menu-main;
 
+
 
+        font-family: @bx-font-family-menu-main;
 
+        font-size: @bx-font-size-menu-main;
 
+        font-weight: @bx-font-weight-menu-main;
 
+        color: @bx-font-color-menu-main;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
 
+        color: @bx-font-color-menu-main-active;
 
+    }
 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content a:hover, 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover,
 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content a:hover .sys-icon, 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover .sys-icon,
 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content a:hover .sys-icon-a, 
+    .bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover .sys-icon-a,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
 
+        color: @bx-font-color-menu-main-hover;
 
+    }
 
+
 
+    .bx-media-phone .go-back a::before, 
+    .bx-media-phone .go-back a::after,
 
+    .bx-media-phone .has-children > a::before, 
+    .bx-media-phone .has-children > a::after, 
+    .bx-media-phone .cd-dropdown .cd-close::after, 
+    .bx-media-phone .cd-dropdown .cd-close::before {
 
+        background-color: @bx-font-color-menu-main;
 
+    }
 
+
 
+
 
+    /* account menu */
 
+    #bx-sliding-menu-account.bx-sliding-menu-main,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main,
 
+    #bx_notifications_preview.bx-sliding-menu,
 
+     {
 
+        -webkit-box-shadow: @bx-shadow-menu-account;
 
+        -moz-box-shadow: @bx-shadow-menu-account;
 
+        box-shadow: @bx-shadow-menu-account;
 
+
 
+        border-width: @bx-border-width-menu-account;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-account;
 
+
 
+        background-color: @bx-color-menu-account;
 
+
 
+        background-image: @bx-image-bg-menu-account;
 
+        background-repeat: @bx-image-bg-menu-account-repeat;
 
+        background-size: @bx-image-bg-menu-account-size;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-account;
 
+    }
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a .sys-icon,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a .sys-icon-a,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h1,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .bx-def-font-h2,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt a:not(.bx-btn),
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt .sys-icon {
 
+        color: @bx-font-color-menu-account;
 
+    }
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn),
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a .bx-menu-floating-blocks-title {
 
+        text-shadow: @bx-shadow-font-menu-account;
 
+
 
+        font-family: @bx-font-family-menu-account;
 
+        font-size: @bx-font-size-menu-account;
 
+        font-weight: @bx-font-weight-menu-account;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a:not(.bx-btn) {
 
+        color: @bx-font-color-menu-account-active;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:not(.bx-btn):hover .sys-icon {
 
+        color: @bx-font-color-menu-account-hover;
 
+    }
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover .sys-icon,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li a:hover .sys-icon-a {
 
+        color: @bx-font-color-menu-account-hover;
 
+    }
 
+
 
+
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a,
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .sys-icon,
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a .sys-icon-a {
 
+        color: @bx-font-color-menu-account;
 
+    }
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
 
+        color: @bx-font-color-menu-account-active;
 
+    }
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
 
+    .bx-media-phone #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
 
+        color: @bx-font-color-menu-account-hover;
 
+    }
 
+
 
+
 
+    /* add menu */
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
+        -webkit-box-shadow: @bx-shadow-menu-add;
 
+        -moz-box-shadow: @bx-shadow-menu-add;
 
+        box-shadow: @bx-shadow-menu-add;
 
+
 
+        border-width: @bx-border-width-menu-add;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-add;
 
+
 
+        background-color: @bx-color-menu-add;
 
+
 
+        background-image: @bx-image-bg-menu-add;
 
+        background-repeat: @bx-image-bg-menu-add-repeat;
 
+        background-size: @bx-image-bg-menu-add-size;
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-add;
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a {
 
+        text-shadow: @bx-shadow-font-menu-add;
 
+
 
+        font-family: @bx-font-family-menu-add;
 
+        font-size: @bx-font-size-menu-add;
 
+        font-weight: @bx-font-weight-menu-add;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a .sys-icon {
 
+        color: @bx-font-color-menu-add;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon {
 
+        color: @bx-font-color-menu-add-active;
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon {
 
+        color: @bx-font-color-menu-add-hover;
 
+    }
 
+
 
+    /* page menu */
 
+    .bx-menu-main-bar-wrapper {
 
+        -webkit-box-shadow: @bx-shadow-menu-page;
 
+        -moz-box-shadow: @bx-shadow-menu-page;
 
+        box-shadow: @bx-shadow-menu-page;
 
+
 
+        border-width: @bx-border-width-menu-page;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-page;
 
+
 
+        background-color: @bx-color-menu-page;
 
+
 
+        background-image: @bx-image-bg-menu-page;
 
+        background-repeat: @bx-image-bg-menu-page-repeat;
 
+        background-size: @bx-image-bg-menu-page-size;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
+        padding: @bx-content-padding-menu-page;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
 
+        text-shadow: @bx-shadow-font-menu-page;
 
+
 
+        font-family: @bx-font-family-menu-page;
 
+        font-size: @bx-font-size-menu-page;
 
+        font-weight: @bx-font-weight-menu-page;
 
+        color: @bx-font-color-menu-page;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
 
+        color: @bx-font-color-menu-page-hover;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-page-active;
 
+    }
 
+
 
+    /* form */
 
+    .bx-form-value .bx-form-input-slider,
 
+    .bx-form-value .bx-form-input-doublerange,
 
+    .bx-form-value .bx-form-input-select_multiple,
 
+    .bx-form-value .bx-form-input-select,
 
+    .bx-form-value .bx-form-input-radio_set,
 
+    .bx-form-value .bx-form-input-checkbox_set,
 
+    .bx-form-value .bx-form-input-number,
 
+    .bx-form-value .bx-form-input-time,
 
+    .bx-form-value .bx-form-input-datepicker,
 
+    .bx-form-value .bx-form-input-datetime,
 
+    .bx-form-value .bx-form-input-wrapper-textarea.bx-form-input-wrapper-html,
 
+    .bx-form-value .bx-form-input-textarea,
 
+    .bx-form-value .bx-form-input-text,
 
+    .bx-form-value .bx-form-input-price,
 
+    .bx-form-value .bx-form-input-wrapper-price span,
 
+    .bx-form-value .bx-form-input-wrapper-password {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        border-color: @bx-color-border-form-input;
 
+        border-width: @bx-border-width-form-input;
 
+
 
+        border-radius: @bx-border-radius-form-input;
 
+        background-clip: padding-box;
 
+
 
+        background-color: @bx-color-form-input;
 
+
 
+        -webkit-box-shadow: @bx-shadow-form-input;
 
+        -moz-box-shadow: @bx-shadow-form-input;
 
+        box-shadow: @bx-shadow-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-slider,
 
+    .bx-form-value .bx-form-input-doublerange,
 
+    .bx-form-value .bx-form-input-select,
 
+    .bx-form-value .bx-form-input-number,
 
+    .bx-form-value .bx-form-input-time,
 
+    .bx-form-value .bx-form-input-datepicker,
 
+    .bx-form-value .bx-form-input-datetime,
 
+    .bx-form-value .bx-form-input-text,
 
+    .bx-form-value .bx-form-input-price,
 
+    .bx-form-value .bx-form-input-wrapper-price span,
 
+    .bx-form-value .bx-form-input-wrapper-password {
 
+        height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-wrapper-textarea.bx-form-input-wrapper-html {
 
+        border-style: solid;
 
+    }
 
+    .bx-form-value .bx-form-input-textarea {
 
+        -webkit-box-shadow: none;
 
+        -moz-box-shadow: none;
 
+        box-shadow: none;
 
+    }
 
+    .bx-form-value .bx-form-input-textarea.bx-form-input-html 
+    {
 
+        border-width: 0;
 
+    }
 
+    .bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b {
 
+        line-height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b .bx-def-thumb-size {
 
+        width: @bx-height-form-input;
 
+        height: @bx-height-form-input;
 
+        line-height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-slider:focus,
 
+    .bx-form-value .bx-form-input-doublerange:focus,
 
+    .bx-form-value .bx-form-input-number:focus,
 
+    .bx-form-value .bx-form-input-time:focus,
 
+    .bx-form-value .bx-form-input-datepicker:focus,
 
+    .bx-form-value .bx-form-input-datetime:focus,
 
+    .bx-form-value .bx-form-input-textarea:focus,
 
+    .bx-form-value .bx-form-input-text:focus,
 
+    .bx-form-value .bx-form-input-price:focus,
 
+    .bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
 
+        border-color: @bx-color-border-form-input-active;
 
+        background-color: @bx-color-form-input-active;
 
+    }
 
+    .bx-form-value .bx-switcher-cont {
 
+        border-color: @bx-color-border-form-input;
 
+        border-width: @bx-border-width-form-input;
 
+
 
+        background-color: @bx-color-form-input;
 
+
 
+        -webkit-box-shadow: @bx-shadow-form-input;
 
+        -moz-box-shadow: @bx-shadow-form-input;
 
+        box-shadow: @bx-shadow-form-input;
 
+    }
 
+
 
+
 
+    /* button (normal) */
 
+    .bx-btn {
 
+        .box-sizing(@base-input-box-sizing);
 
+        height: @bx-height-button;
 
+        line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
+    
+        .background-color (@bx-color-button);
 
+
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button;
 
+
 
+        border-radius: @bx-border-radius-button;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button;
 
+        -moz-box-shadow: @bx-shadow-button;
 
+        box-shadow: @bx-shadow-button;
 
+
 
+        text-shadow: @bx-shadow-font-button;
 
+        text-transform: uppercase;
 
+
 
+        font-family: @bx-font-family-button;
 
+        font-size: @bx-font-size-button;
 
+        font-weight: @bx-font-weight-button;
 
+        color: @bx-font-color-button;
 
+    }
 
+    .bx-btn.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-primary;
 
+        line-height: (@bx-height-button-primary - 0.125 * @bx-border-width-button-primary);
 
+
 
+        .background-color (@bx-color-button-primary);
 
+
 
+        border-width: @bx-border-width-button-primary;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-primary;
 
+
 
+        border-radius: @bx-border-radius-button-primary;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-primary;
 
+        -moz-box-shadow: @bx-shadow-button-primary;
 
+        box-shadow: @bx-shadow-button-primary;
 
+
 
+        text-shadow: @bx-shadow-font-button-primary;
 
+
 
+        font-family: @bx-font-family-button-primary;
 
+        font-size: @bx-font-size-button-primary;
 
+        font-weight: @bx-font-weight-button-primary;
 
+        color: @bx-font-color-button-primary;
 
+    }
 
+    .bx-btn-height {
 
+        height: @bx-height-button;
 
+        line-height: @bx-height-button;
 
+    }
 
+    .bx-btn-border {
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn-height.bx-btn-primary {
 
+        height: @bx-height-button-primary;
 
+        line-height: @bx-height-button-primary;
 
+    }
 
+    .bx-btn-border.bx-btn-primary {
 
+        border-width: @bx-border-width-button-primary;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn:hover,
 
+    .bx-btn:active {
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn:hover {
 
+        border-color: @bx-color-border-button-hover;
 
+
 
+        .background-color (@bx-color-button-hover);
 
+
 
+        color: @bx-font-color-button-hover;
 
+    }
 
+    .bx-btn:active {
 
+        border-color: @bx-color-border-button-click;
 
+
 
+        .background-color (@bx-color-button-click);
 
+        box-shadow: @bx-shadow-color-button-click;
 
+
 
+        color: @bx-font-color-button-click;
 
+    }
 
+    .bx-btn.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button-primary;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-primary:hover {
 
+        border-color: @bx-color-border-button-primary-hover;
 
+
 
+        .background-color (@bx-color-button-primary-hover);
 
+
 
+        color: @bx-font-color-button-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-primary:active {
 
+        border-color: @bx-color-border-button-primary-click;
 
+
 
+        .background-color (@bx-color-button-primary-click);
 
+        box-shadow: @bx-shadow-color-button-primary-click;
 
+
 
+        color: @bx-font-color-button-primary-click;
 
+    }
 
+    .bx-btn .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button;
 
+    }
 
+    .bx-btn.bx-btn-primary .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-primary;
 
+    }
 
+    .bx-btn:hover .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-hover;
 
+    }
 
+    .bx-btn:active .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-click;
 
+    }
 
+    .bx-btn.bx-btn-primary:hover .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-primary:active .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-primary-click;
 
+    }
 
+
 
+    /* button (large) */
 
+    .bx-btn.bx-btn-large {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-large;
 
+        line-height: (@bx-height-button-large - 0.125 * @bx-border-width-button-large);
 
+
 
+        .background-color (@bx-color-button-large);
 
+
 
+        border-width: @bx-border-width-button-large;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-large;
 
+
 
+        border-radius: @bx-border-radius-button-large;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-large;
 
+        -moz-box-shadow: @bx-shadow-button-large;
 
+        box-shadow: @bx-shadow-button-large;
 
+
 
+        text-shadow: @bx-shadow-font-button-large;
 
+
 
+        font-family: @bx-font-family-button-large;
 
+        font-size: @bx-font-size-button-large;
 
+        font-weight: @bx-font-weight-button-large;
 
+        color: @bx-font-color-button-large;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-large-primary;
 
+        line-height: (@bx-height-button-large-primary - 0.125 * @bx-border-width-button-large-primary);
 
+
 
+        .background-color (@bx-color-button-large-primary);
 
+
 
+        border-width: @bx-border-width-button-large-primary;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-large-primary;
 
+
 
+        border-radius: @bx-border-radius-button-large-primary;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-large-primary;
 
+        -moz-box-shadow: @bx-shadow-button-large-primary;
 
+        box-shadow: @bx-shadow-button-large-primary;
 
+
 
+        text-shadow: @bx-shadow-font-button-large-primary;
 
+
 
+        font-family: @bx-font-family-button-large-primary;
 
+        font-size: @bx-font-size-button-large-primary;
 
+        font-weight: @bx-font-weight-button-large-primary;
 
+        color: @bx-font-color-button-large-primary;
 
+    }
 
+    .bx-btn-large-height {
 
+        height: @bx-height-button-large;
 
+        line-height: @bx-height-button-large;
 
+    }
 
+    .bx-btn-large-height.bx-btn-primary {
 
+        height: @bx-height-button-large-primary;
 
+        line-height: @bx-height-button-large-primary;
 
+    }
 
+    .bx-btn-large-border {
 
+        border-width: @bx-border-width-button-large;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn-large-border.bx-btn-primary {
 
+        border-width: @bx-border-width-button-large-primary;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn.bx-btn-large:hover,
 
+    .bx-btn.bx-btn-large:active {
 
+        border-width: @bx-border-width-button-large;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-large:hover {
 
+        border-color: @bx-color-border-button-large-hover;
 
+
 
+        .background-color (@bx-color-button-large-hover);
 
+
 
+        color: @bx-font-color-button-large-hover;
 
+    }
 
+    .bx-btn.bx-btn-large:active {
 
+        border-color: @bx-color-border-button-large-click;
 
+
 
+        .background-color (@bx-color-button-large-click);
 
+        box-shadow: @bx-shadow-color-button-click;
 
+
 
+        color: @bx-font-color-button-large-click;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-large.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button-large-primary;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:hover {
 
+        border-color: @bx-color-border-button-large-primary-hover;
 
+
 
+        .background-color (@bx-color-button-large-primary-hover);
 
+
 
+        color: @bx-font-color-button-large-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:active {
 
+        border-color: @bx-color-border-button-large-primary-click;
 
+
 
+        .background-color (@bx-color-button-large-primary-click);
 
+        box-shadow: @bx-shadow-color-button-primary-click;
 
+
 
+        color: @bx-font-color-button-large-primary-click;
 
+    }
 
+    .bx-btn.bx-btn-large .sys-icon {
 
+        color: @bx-font-color-button-large;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary .sys-icon {
 
+        color: @bx-font-color-button-large-primary;
 
+    }
 
+    .bx-btn.bx-btn-large:hover .sys-icon {
 
+        color: @bx-font-color-button-large-hover;
 
+    }
 
+    .bx-btn.bx-btn-large:active .sys-icon {
 
+        color: @bx-font-color-button-large-click;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:hover .sys-icon {
 
+        color: @bx-font-color-button-large-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:active .sys-icon {
 
+        color: @bx-font-color-button-large-primary-click;
 
+    }
 
+
 
+    /* button (small) */
 
+    .bx-btn.bx-btn-small {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-small;
 
+        line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
+
 
+        .background-color (@bx-color-button-small);
 
+
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-small;
 
+
 
+        border-radius: @bx-border-radius-button-small;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-small;
 
+        -moz-box-shadow: @bx-shadow-button-small;
 
+        box-shadow: @bx-shadow-button-small;
 
+
 
+        text-shadow: @bx-shadow-font-button-small;
 
+
 
+        font-family: @bx-font-family-button-small;
 
+        font-size: @bx-font-size-button-small;
 
+        font-weight: @bx-font-weight-button-small;
 
+        color: @bx-font-color-button-small;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-small-primary;
 
+        line-height: (@bx-height-button-small-primary - 0.125 * @bx-border-width-button-small-primary);
 
+
 
+        .background-color (@bx-color-button-small-primary);
 
+
 
+        border-width: @bx-border-width-button-small-primary;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-small-primary;
 
+
 
+        border-radius: @bx-border-radius-button-small-primary;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-small-primary;
 
+        -moz-box-shadow: @bx-shadow-button-small-primary;
 
+        box-shadow: @bx-shadow-button-small-primary;
 
+
 
+        text-shadow: @bx-shadow-font-button-small-primary;
 
+
 
+        font-family: @bx-font-family-button-small-primary;
 
+        font-size: @bx-font-size-button-small-primary;
 
+        font-weight: @bx-font-weight-button-small-primary;
 
+        color: @bx-font-color-button-small-primary;
 
+    }
 
+    .bx-btn-small-height {
 
+        height: @bx-height-button-small;
 
+        line-height: @bx-height-button-small;
 
+    }
 
+    .bx-btn-small-height.bx-btn-primary {
 
+        height: @bx-height-button-small-primary;
 
+        line-height: @bx-height-button-small-primary;
 
+    }
 
+    .bx-btn-small-border {
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn-small-border.bx-btn-primary {
 
+        border-width: @bx-border-width-button-small-primary;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn.bx-btn-small:hover,
 
+    .bx-btn.bx-btn-small:active {
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-small:hover {
 
+        border-color: @bx-color-border-button-small-hover;
 
+
 
+        .background-color (@bx-color-button-small-hover);
 
+
 
+        color: @bx-font-color-button-small-hover;
 
+    }
 
+    .bx-btn.bx-btn-small:active {
 
+        border-color: @bx-color-border-button-small-click;
 
+
 
+        .background-color (@bx-color-button-small-click);
 
+        box-shadow: @bx-shadow-color-button-click;
 
+
 
+        color: @bx-font-color-button-small-click;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-small.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button-small-primary;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:hover {
 
+        border-color: @bx-color-border-button-small-primary-hover;
 
+
 
+        .background-color (@bx-color-button-small-primary-hover);
 
+
 
+        color: @bx-font-color-button-small-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:active {
 
+        border-color: @bx-color-border-button-small-primary-click;
 
+
 
+        .background-color (@bx-color-button-small-primary-click);
 
+        box-shadow: @bx-shadow-color-button-primary-click;
 
+
 
+        color: @bx-font-color-button-small-primary-click;
 
+    }
 
+    .bx-btn.bx-btn-small .sys-icon {
 
+        color: @bx-font-color-button-small;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary .sys-icon {
 
+        color: @bx-font-color-button-small-primary;
 
+    }
 
+    .bx-btn.bx-btn-small:hover .sys-icon {
 
+        color: @bx-font-color-button-small-hover;
 
+    }
 
+    .bx-btn.bx-btn-small:active .sys-icon {
 
+        color: @bx-font-color-button-small-click;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:hover .sys-icon {
 
+        color: @bx-font-color-button-small-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:active .sys-icon {
 
+        color: @bx-font-color-button-small-primary-click;
 
+    }
 
+
 
+
 
+    /*--- Menus: Mobile Dropdown ---*/
 
+    .bx-lcd-menu-dropdown.cd-dropdown,
 
+    .bx-lcd-menu-dropdown.cd-dropdown .cd-dropdown-title {
 
+        background-color: @bx-color-header;
 
+    }
 
+
 
+    .bx-lcd-mdd-search .bx-page-block-container input[type="text"]::-webkit-input-placeholder {
 
+      color: @bx-font-color-grayed;
 
+    }
 
+    .bx-lcd-mdd-search .bx-page-block-container input[type="text"]::-moz-placeholder {
 
+      color: @bx-font-color-grayed;
 
+    }
 
+    .bx-lcd-mdd-search .bx-page-block-container input[type="text"]:-moz-placeholder {
 
+      color: @bx-font-color-grayed;
 
+    }
 
+    .bx-lcd-mdd-search .bx-page-block-container input[type="text"]:-ms-input-placeholder {
 
+      color: @bx-font-color-grayed;
 
+    }
 
+
 
+
 
+    /*--- Alerts: Toolbar ---*/
 
+    ul.bx-menu-toolbar li a .bx-menu-item-addon {
 
+        border: 0.125rem solid @bx-color-header;
 
+    }
 
+    ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert {
 
+        top: -(@bx-font-size-default + 2) / 2;
 
+        right: -(@bx-font-size-default + 2) / 2;
 
+    }
 
+    ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert-small {
 
+        top: -(@bx-font-size-small + 5) / 2;
 
+        right: -(@bx-font-size-small + 5) / 2
 
+    }
 
+    ul.bx-menu-toolbar li a .bx-menu-item-addon.bx-def-unit-alert-middle {
 
+        top: -(@bx-font-size-middle + 2) / 2;
 
+        right: -(@bx-font-size-middle + 2) / 2;
 
+    }
 
+
 
+
 
+    /*--- Timeline -> Card: Annachmants ---*/
 
+    div.bx-tl-item div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
 
+    div.bx-tl-item div.bx-tl-item-attachments.bx-tl-ia-gallery div.bx-tl-item-attachment img,
 
+    div.bx-tl-item .bx-tl-item-links .bx-tl-item-link {
 
+        border-radius: @bx-border-radius-box;
 
+    }
 
+    div.bx-tl-item div.bx-tl-item-images.bx-tl-ii-gallery div.bx-tl-item-image img,
 
+    div.bx-tl-item div.bx-tl-item-attachments.bx-tl-ia-gallery div.bx-tl-item-attachment img {
 
+        background-clip: padding-box;
 
+    }
 
+
 
+    /*--- Timeline Card -> Comments: Font size ---*/
 
+    div.bx-tl-item-comments-holder div.bx-tl-item-comments .cmts.cmts-margin {
 
+        .font-size(@bx-font-size-default);
 
+    }
 
+
 
+}

+ 0 - 1
modules/boonex/lucid/data/template/system/css/editor.less
Просмотреть файл 

@@ -1,4 +1,3 @@
 
-@import 'default.less';
 
 @import '../../../../../../../template/css/editor.less';
 
 
 .ql-toolbar.ql-snow{

+ 603 - 600
modules/boonex/lucid/data/template/system/css/menu.less
Просмотреть файл 

@@ -1,646 +1,649 @@
 
 @import (reference) 'default.less';
 
 @import '../../../../../../../template/css/menu.css';
 
 
-.bx-menu-toolbar-padding {
 
-    padding-top: 0;
 
-}
 
-
 
-
 
-/*--- Main (Top) Menu ---*/
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
-    display: block;
 
-    white-space: normal;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
 
-    width: auto;
 
-    height: auto;
 
-    margin: 0;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:not(.bx-menu-item-more-auto) {
 
-    display: block;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site ul.bx-menu-submenu-more-auto > li > a {
 
-    padding: 0px 0.5rem;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:hover {
 
-    opacity: 1.0;
 
-}
 
-	
-
 
-
 
-.bx-sliding-smenu-submenu {
 
-	position: absolute;
 
-	display: none;
 
-
 
-	top: 100%;
 
-	left: 0px;
 
-	min-width: 100%;
 
-
 
-	background-color: #ffffff;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-sliding-smenu-tab-active .bx-sliding-smenu-submenu {
 
-    display: block;
 
-}
 
-
 
-.bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li,
 
-.bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a {
 
-	margin: 0px;
 
-	padding: 0px;
 
-}
 
-.bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a {
 
-	line-height: 2.0rem;
 
-}
 
-.bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li:hover,
 
-.bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a:hover {
 
-	background-color: transparent;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon, 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow {
 
-    display: inline-block;
 
-    vertical-align: middle;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon img,
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon .sys-icon {
 
-    width: auto;
 
-    max-height: 2rem;
 
-
 
-    margin: 0 0.5rem 0 0;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon .sys-icon {
 
-    line-height: 2rem;
 
-    font-size: 1.2rem;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-submenu-more-auto li .bx-menu-floating-blocks-icon .sys-icon { 
-    vertical-align: baseline;
 
-    height: auto;
 
-    line-height: normal;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon img {
 
-	background-pocition: center center;
 
-	background-repeat: none;
 
-	background-size: 60% 60%;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow .sys-icon {
 
-	width: auto;
 
-    height: auto;
 
-
 
-    margin: 0px;
 
-
 
-    font-size: 1.2rem;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow .sys-icon.active {
 
-    display: none;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li.bx-sliding-smenu-tab-active .bx-menu-floating-blocks-arrow .sys-icon.active {
 
-    display: inline;
 
-}
 
-
 
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li.bx-sliding-smenu-tab-active .bx-menu-floating-blocks-arrow .sys-icon.inactive {
 
-    display: none;
 
-}
 
-
 
-@media only screen and (min-width: 720px) {
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main {
 
-        position: relative;
 
-        height: 2.125rem;
 
+.@{bx-root-class-name}{
 
+    
+    .bx-menu-toolbar-padding {
 
+        padding-top: 0;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
 
-    	position: absolute;
 
-    	width: 100%;
 
-    }
 
 
+    /*--- Main (Top) Menu ---*/
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
-    	position: relative;
 
-    	display: -webkit-flex;
 
-    	display: flex;
 
-    	-webkit-align-items: center;
 
-    	align-items: center;
 
-    	height: 100%;
 
+        display: block;
 
+        white-space: normal;
 
     }
 
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
 
-        position: relative;
 
-
 
-    	height: 2.125rem;
 
-        border: 1px solid transparent;
 
-    	border-radius: 0.5rem;
 
+        width: auto;
 
+        height: auto;
 
+        margin: 0;
 
     }
 
+
 
     #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:not(.bx-menu-item-more-auto) {
 
         display: block;
 
     }
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li > a {
 
-        position: relative;
 
-    	display: -webkit-flex;
 
-    	display: flex;
 
-    	-webkit-align-items: center;
 
-    	align-items: center;
 
-    	height: 100%;
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li > a,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site ul.bx-menu-submenu-more-auto > li > a {
 
+        padding: 0px 0.5rem;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:hover {
 
+        opacity: 1.0;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-menu-floating-blocks-line {
 
+
 
+
 
+    .bx-sliding-smenu-submenu {
 
         position: absolute;
 
         display: none;
 
 
-        top: 0px;
 
+        top: 100%;
 
         left: 0px;
 
+        min-width: 100%;
 
+
 
+        background-color: #ffffff;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-sliding-smenu-tab-active .bx-sliding-smenu-submenu {
 
+        display: block;
 
+    }
 
+
 
+    .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li,
 
+    .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a {
 
+        margin: 0px;
 
+        padding: 0px;
 
+    }
 
+    .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a {
 
+        line-height: 2.0rem;
 
+    }
 
+    .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li:hover,
 
+    .bx-sliding-smenu-submenu .bx-sliding-sms-cnt ul li a:hover {
 
+        background-color: transparent;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon, 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-title,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow {
 
+        display: inline-block;
 
+        vertical-align: middle;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon img,
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon .sys-icon {
 
+        width: auto;
 
+        max-height: 2rem;
 
+
 
+        margin: 0 0.5rem 0 0;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon .sys-icon {
 
+        line-height: 2rem;
 
+        font-size: 1.2rem;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-submenu-more-auto li .bx-menu-floating-blocks-icon .sys-icon { 
+        vertical-align: baseline;
 
+        height: auto;
 
+        line-height: normal;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-icon img {
 
+        background-pocition: center center;
 
+        background-repeat: none;
 
+        background-size: 60% 60%;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow .sys-icon {
 
+        width: auto;
 
+        height: auto;
 
+
 
+        margin: 0px;
 
+
 
+        font-size: 1.2rem;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li .bx-menu-floating-blocks-arrow .sys-icon.active {
 
+        display: none;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li.bx-sliding-smenu-tab-active .bx-menu-floating-blocks-arrow .sys-icon.active {
 
+        display: inline;
 
+    }
 
+
 
+    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li.bx-sliding-smenu-tab-active .bx-menu-floating-blocks-arrow .sys-icon.inactive {
 
+        display: none;
 
+    }
 
+
 
+    @media only screen and (min-width: 720px) {
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main {
 
+            position: relative;
 
+            height: 2.125rem;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
 
+            position: absolute;
 
+            width: 100%;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
 
+            position: relative;
 
+            display: -webkit-flex;
 
+            display: flex;
 
+            -webkit-align-items: center;
 
+            align-items: center;
 
+            height: 100%;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
 
+            position: relative;
 
+
 
+            height: 2.125rem;
 
+            border: 1px solid transparent;
 
+            border-radius: 0.5rem;
 
+        }
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li:not(.bx-menu-item-more-auto) {
 
+            display: block;
 
+        }
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li > a {
 
+            position: relative;
 
+            display: -webkit-flex;
 
+            display: flex;
 
+            -webkit-align-items: center;
 
+            align-items: center;
 
+            height: 100%;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-menu-floating-blocks-line {
 
+            position: absolute;
 
+            display: none;
 
+
 
+            top: 0px;
 
+            left: 0px;
 
+            width: 100%;
 
+            height: 0.1875rem;
 
+
 
+            -webkit-border-radius: 0.25rem;
 
+            border-radius: 0.25rem;
 
+            background-color: rgba(255, 255, 255, 1.0);
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-smenu-submenu ul,
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-smenu-submenu ul li{
 
+            display: block; 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li:hover,
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active:hover {
 
+            border: 1px solid rgba(0, 0, 0, 0.05);
 
+            background-color: rgba(0, 0, 0, 0.05);
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active {
 
+            border-color: transparent;
 
+            background-color: transparent;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li:hover .bx-sliding-smenu-submenu {
 
+            display: block;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li:hover .bx-menu-floating-blocks-arrow .sys-icon.active {
 
+            display: inline;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li:hover .bx-menu-floating-blocks-arrow .sys-icon.inactive {
 
+            display: none;
 
+        }
 
+    }
 
+
 
+    @media (max-width:720px) {
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
 
+           height: auto;
 
+        }
 
+
 
+        #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-sms-cnt {
 
+           padding: 0px 0px 0px 1.7rem;
 
+        }
 
+
 
+        .bx-sliding-smenu-submenu {
 
+            position: relative;
 
+
 
+            top: 0px;
 
+            left: 0px;
 
+
 
+            background-color: #transparent;
 
+            box-shadow: none;
 
+        }	
+    }
 
+
 
+    ul.bx-menu-toolbar li a .bx-menu-item-addon {
 
+        bottom: auto;
 
+    }
 
+
 
+
 
+    /*--- Submenu ---*/
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp {
 
+        position: relative;
 
+
 
+        -webkit-overflow-scrolling: touch;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-bar:not(.bx-menu-more-auto) .bx-menu-main-submenu-wrp {
 
+        overflow-x: auto;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu-group {
 
+        position: relative;
 
+
 
+        width: 100%;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-bar:not(.bx-menu-more-auto) .bx-menu-main-submenu-group {
 
+        display: table;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu-hr {
 
+        width: 100%;
 
+        height: 0.1875rem;
 
+        -webkit-border-radius: 2px;
 
+        border-radius: 2px;
 
+        background-color: rgba(15, 93, 162, 0.2);
 
+        box-shadow: 0 1px 0 0 rgba(255,255,255,1);
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
+        line-height: 2.875rem;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li {
 
+        position: relative;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu > li > a {
 
+        display: -webkit-flex;
 
+        display: flex;
 
+        -webkit-flex-flow: row nowrap;
 
+        flex-flow: row nowrap;
 
+        -webkit-align-items: center;
 
+        align-items: center;
 
+        line-height: 3.125rem;
 
+    }
 
+
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active > a {
 
+        font-weight: 900;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a span {
 
+        margin-left: 0.625rem;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a span:first-child {
 
+        margin-left: 0;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li .bx-mms-item-hr {
 
+        position: absolute;
 
+        display: none;
 
+
 
         width: 100%;
 
         height: 0.1875rem;
 
+        left: 0;
 
+        bottom: -0.1875rem;
 
 
         -webkit-border-radius: 0.25rem;
 
         border-radius: 0.25rem;
 
-        background-color: rgba(255, 255, 255, 1.0);
 
+        background-color: rgba(29, 75, 96, 1);
 
     }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active .bx-mms-item-hr {
 
+        display: block;
 
+    }
 
+
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-smenu-submenu ul,
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-smenu-submenu ul li{
 
-        display: block; 
+    /*--- Profile View Submenu ---*/
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp.bx-menu-profile-view-submenu-wrp {
 
+        overflow-x: visible;
 
     }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp.bx-menu-profile-view-submenu-wrp .bx-menu-main-submenu-group {
 
+        display: block;
 
+    }
 
+
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li:hover,
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active:hover {
 
-        border: 1px solid rgba(0, 0, 0, 0.05);
 
-        background-color: rgba(0, 0, 0, 0.05);
 
+    /*--- Toolbars ---*/
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a.bx-btn {
 
+        width: auto;
 
+        height: 1.875rem;
 
+
 
+        line-height: 1.675rem;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li.bx-menu-tab-active {
 
-        border-color: transparent;
 
-        background-color: transparent;
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a {
 
+        width: auto;
 
+        height: auto;
 
+
 
+        line-height: normal;
 
+    }
 
+
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon,
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon-a,
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a img,
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a span {
 
+        vertical-align: middle;
 
+    }
 
+
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon,
 
+    .bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon-a {
 
+        font-size: 1.0rem;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site > li:hover .bx-sliding-smenu-submenu {
 
+
 
+    /*--- Toolbar Site ---*/
 
+    #bx-menu-toolbar-1-container .bx-menu-toolbar li {
 
+        padding: 0.625rem;
 
+    }
 
+
 
+    #bx-menu-toolbar-1-container ul.bx-menu-toolbar li a .sys-icon-a {
 
+        margin-top: 0;
 
+    }
 
+
 
+
 
+    /*--- Toolbar Member ---*/
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar {
 
+        position: relative;
 
+        display: -webkit-flex;
 
+        display: flex;
 
+        -webkit-align-items: center;
 
+        align-items: center;
 
+        float: none;
 
+    }
 
+
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li {
 
+        position: relative;
 
         display: block;
 
+        float: none;
 
+
 
+        -webkit-flex: 0 0 auto; 
+        -ms-flex:  0 0 auto; 
+        flex:  0 0 auto;
 
+
 
+        padding: 0.5rem;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li:hover .bx-menu-floating-blocks-arrow .sys-icon.active {
 
-        display: inline;
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account {
 
+        -webkit-flex-grow: 1; 
+        flex-grow: 1;
 
+        white-space: nowrap;
 
+    }
 
+
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account a {
 
+        width: auto;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-menu-object-sys_site li:hover .bx-menu-floating-blocks-arrow .sys-icon.inactive {
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account .bx-menu-toolbar-item-title {
 
         display: none;
 
     }
 
-}
 
 
-@media (max-width:720px) {
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li {
 
-	   height: auto;
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li .sys-icon-a {
 
+        margin-top: 0px;
 
+        vertical-align: middle;
 
+    }
 
+    #bx-menu-toolbar-1-container .bx-menu-toolbar li .sys-icon,
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li .sys-icon {
 
+        width: auto;
 
+        height: auto;
 
     }
 
 
-    #bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site li .bx-sliding-sms-cnt {
 
-	   padding: 0px 0px 0px 1.7rem;
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar .bx-menu-toolbar-item a .bx-def-thumb-size {
 
+        width: 2rem;
 
+        height: 2rem;
 
+        line-height: 1.9rem;
 
+        font-size: 1.5rem;
 
     }
 
-    
-	.bx-sliding-smenu-submenu {
 
-	    position: relative;
 
-	
-	    top: 0px;
 
-	    left: 0px;
 
-	
-	    background-color: #transparent;
 
-        box-shadow: none;
 
-	}	
-}
 
-
 
-ul.bx-menu-toolbar li a .bx-menu-item-addon {
 
-	bottom: auto;
 
-}
 
-
 
-
 
-/*--- Submenu ---*/
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp {
 
-    position: relative;
 
-
 
-    -webkit-overflow-scrolling: touch;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-bar:not(.bx-menu-more-auto) .bx-menu-main-submenu-wrp {
 
-    overflow-x: auto;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu-group {
 
-    position: relative;
 
-
 
-    width: 100%;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-bar:not(.bx-menu-more-auto) .bx-menu-main-submenu-group {
 
-    display: table;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu-hr {
 
-	width: 100%;
 
-	height: 0.1875rem;
 
-	-webkit-border-radius: 2px;
 
-    border-radius: 2px;
 
-    background-color: rgba(15, 93, 162, 0.2);
 
-    box-shadow: 0 1px 0 0 rgba(255,255,255,1);
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
-	line-height: 2.875rem;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li {
 
-	position: relative;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu > li > a {
 
-	display: -webkit-flex;
 
-	display: flex;
 
-	-webkit-flex-flow: row nowrap;
 
-	flex-flow: row nowrap;
 
-	-webkit-align-items: center;
 
-	align-items: center;
 
-	line-height: 3.125rem;
 
-}
 
-
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active > a {
 
-	font-weight: 900;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a span {
 
-	margin-left: 0.625rem;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a span:first-child {
 
-	margin-left: 0;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li .bx-mms-item-hr {
 
-	position: absolute;
 
-	display: none;
 
-
 
-	width: 100%;
 
-	height: 0.1875rem;
 
-	left: 0;
 
-	bottom: -0.1875rem;
 
-
 
-	-webkit-border-radius: 0.25rem;
 
-    border-radius: 0.25rem;
 
-    background-color: rgba(29, 75, 96, 1);
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active .bx-mms-item-hr {
 
-	display: block;
 
-}
 
-
 
-
 
-/*--- Profile View Submenu ---*/
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp.bx-menu-profile-view-submenu-wrp {
 
-    overflow-x: visible;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu-wrp.bx-menu-profile-view-submenu-wrp .bx-menu-main-submenu-group {
 
-    display: block;
 
-}
 
-
 
-
 
-/*--- Toolbars ---*/
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a.bx-btn {
 
-	width: auto;
 
-	height: 1.875rem;
 
-
 
-	line-height: 1.675rem;
 
-}
 
-
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a {
 
-    width: auto;
 
-    height: auto;
 
-
 
-    line-height: normal;
 
-}
 
-
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon,
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon-a,
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a img,
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a span {
 
-    vertical-align: middle;
 
-}
 
-
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon,
 
-.bx-toolbar-item .bx-menu-toolbar .bx-menu-toolbar-item a .sys-icon-a {
 
-    font-size: 1.0rem;
 
-}
 
-
 
-
 
-/*--- Toolbar Site ---*/
 
-#bx-menu-toolbar-1-container .bx-menu-toolbar li {
 
-	padding: 0.625rem;
 
-}
 
-
 
-#bx-menu-toolbar-1-container ul.bx-menu-toolbar li a .sys-icon-a {
 
-	margin-top: 0;
 
-}
 
-
 
-
 
-/*--- Toolbar Member ---*/
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar {
 
-    position: relative;
 
-    display: -webkit-flex;
 
-    display: flex;
 
-    -webkit-align-items: center;
 
-    align-items: center;
 
-    float: none;
 
-}
 
-
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar li {
 
-    position: relative;
 
-    display: block;
 
-    float: none;
 
-
 
-    -webkit-flex: 0 0 auto; 
-    -ms-flex:  0 0 auto; 
-    flex:  0 0 auto;
 
-
 
-    padding: 0.5rem;
 
-}
 
-
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account {
 
-	-webkit-flex-grow: 1; 
-    flex-grow: 1;
 
-    white-space: nowrap;
 
-}
 
-
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account a {
 
-	width: auto;
 
-}
 
-
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar li.bx-menu-item-account .bx-menu-toolbar-item-title {
 
-	display: none;
 
-}
 
-	
-#bx-menu-toolbar-2-container .bx-menu-toolbar li .sys-icon-a {
 
-	margin-top: 0px;
 
-	vertical-align: middle;
 
-}
 
-#bx-menu-toolbar-1-container .bx-menu-toolbar li .sys-icon,
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar li .sys-icon {
 
-	width: auto;
 
-	height: auto;
 
-}
 
-
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar .bx-menu-toolbar-item a .bx-def-thumb-size {
 
-	width: 2rem;
 
-	height: 2rem;
 
-	line-height: 1.9rem;
 
-	font-size: 1.5rem;
 
-}
 
-
 
-#bx-menu-toolbar-2-container .bx-menu-toolbar li a {
 
-    position: relative;
 
-    width: 2rem;
 
-    height: 2rem;
 
-
 
-    background-color: rgba(237, 241, 247, 1);
 
-    border-radius: 1.5rem;
 
-
 
-    font-size: 0.875rem;
 
-}
 
-
 
-
 
-/*--- Sliding Menu ---*/
 
-.bx-sliding-menu, .bx-sliding-menu-main {
 
-    left: auto !important;
 
-    right: 0 !important;
 
-    max-width: 31.25rem;
 
-}
 
-
 
-/*--- Search Popup ---*/
 
-#bx-sliding-menu-search.bx-sliding-menu-main .bx-def-page-width {
 
-    width: 100%;
 
-}
 
-
 
-/*--- Notifications Popup ---*/
 
-#bx_notifications_preview.bx-sliding-menu .bx-def-page-width {
 
-    width: 100%;
 
-}
 
-
 
-/*--- Account Popup ---*/
 
-@media (min-width:720px) {
 
-    #bx-sliding-menu-account.bx-sliding-menu-main {
 
+
 
+    #bx-menu-toolbar-2-container .bx-menu-toolbar li a {
 
+        position: relative;
 
+        width: 2rem;
 
+        height: 2rem;
 
+
 
+        background-color: rgba(237, 241, 247, 1);
 
+        border-radius: 1.5rem;
 
+
 
+        font-size: 0.875rem;
 
+    }
 
+
 
+
 
+    /*--- Sliding Menu ---*/
 
+    .bx-sliding-menu, .bx-sliding-menu-main {
 
         left: auto !important;
 
-        right: 0px !important;
 
-        width: auto !important;
 
-    }
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main.bx-sliding-menu-fullheight {
 
-    height: calc(100% - 3.75rem);
 
-}
 
-
 
-
 
-/*--- Account Popup Submenu & Add Content Menu ---*/
 
-.bx-menu-account-popup-profile,
 
-.bx-menu-account-popup-menu {
 
-    text-align: left;
 
-}
 
-.bx-menu-account-popup-menu ul.bx-menu-floating-blocks-wide,
 
-.bx-menu-object-sys_account_notifications li,
 
-.bx-menu-object-sys_add_content li {
 
-    display: block;
 
-    width: 100%;
 
-    height: auto;
 
-}
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
-    display: inline-block;
 
-    vertical-align: top;
 
-}
 
-.bx-menu-object-sys_account_notifications li a,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
-    line-height: 1.5rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
-    padding-left: 0.5rem;
 
-    padding-right: 0.5rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li img,
 
-.bx-menu-object-sys_account_notifications li .sys-icon,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
-    height: 1.0rem;
 
-    width: 1.0rem;
 
-
 
-    margin: 0px;	
-}
 
-.bx-menu-object-sys_account_notifications li .sys-icon,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
-    line-height: 1.0rem;
 
-    font-size: 1.0rem;
 
-}
 
-.bx-menu-object-sys_account_notifications li img,
 
-.bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
-.bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img {
 
-	background-pocition: center center;
 
-    background-repeat: none;
 
-    background-size: 60% 60%;
 
-}
 
-.bx-menu-object-sys_account_notifications li .bx-def-unit-alert-middle {
 
-	top: calc(50% - 9px);
 
-	right: 4px;
 
-}
 
-.bx-menu-object-sys_account_notifications li:hover {
 
-    opacity: 1.0;
 
-}
 
-
 
-/*--- Add Content Menu ---*/
 
-@media (min-width:720px) {
 
-	#bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
-	    left: auto !important;
 
-	    right: 0px !important;
 
-	    width: auto !important;
 
-	}
 
-}
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-menu-object-sys_add_content {
 
-	display: block;
 
-    width: 100%;
 
-}
 
-
 
-/*--- Vertical (Vertical Custom) Menus (in Popup) ---*/
 
-.bx-popup .bx-menu-ver li,
 
-.bx-popup .bx-menu-custom-ver li,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li {
 
-    border-radius: 0; 
-}
 
-.bx-popup .bx-menu-ver li,
 
-.bx-popup .bx-menu-custom-ver li,
 
-.bx-popup .bx-menu-ver li.bx-def-color-bg-hl-hover,
 
-.bx-popup .bx-menu-custom-ver li.bx-def-color-bg-hl-hover,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-hl-hover,
 
-.bx-menu-floating-blocks.bx-menu-object-sys_add_content li.bx-def-color-bg-hl-hover,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-hl-hover {
 
-    border: 1px solid transparent;
 
-}
 
-.bx-popup .bx-menu-ver li:hover,
 
-.bx-popup .bx-menu-custom-ver li:hover,
 
-.bx-popup .bx-menu-ver li.bx-def-color-bg-hl-hover:hover,
 
-.bx-popup .bx-menu-custom-ver li.bx-def-color-bg-hl-hover:hover,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-hl-hover:hover,
 
-.bx-menu-floating-blocks.bx-menu-object-sys_add_content li.bx-def-color-bg-hl-hover:hover,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-hl-hover:hover {
 
-    border-radius: 0.5rem;
 
-    border-color: transparent;
 
-}
 
-.bx-popup .bx-menu-ver li.bx-def-color-bg-active,
 
-.bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active {
 
-    border-radius: 0.5rem;
 
-    border-color: transparent;
 
-}
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active {
 
-    border-color: transparent;
 
-    background-color: transparent;
 
-}
 
-.bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > span,
 
-.bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > .bx-def-margin-thd-topbottom {
 
-    width: 100%;
 
-    margin: 0 !important;
 
-    padding: 0.25rem 0.5rem;
 
-}
 
-.bx-popup .bx-menu-custom-ver li a,
 
-.bx-menu-floating-blocks.bx-menu-object-sys_add_content li > a, 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li > a {
 
-    position: relative;
 
-    display: -webkit-flex;
 
-    display: flex;
 
-    -webkit-flex-flow: row nowrap;
 
-    flex-flow: row nowrap;
 
-    -webkit-align-items: center;
 
-    align-items: center;
 
-    -webkit-justify-content: flex-start;
 
-    justify-content: flex-start;
 
-    box-sizing: border-box;
 
-    width: 100%;
 
-    margin: 0;
 
-    padding: 0;
 
-}
 
-.bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
 
-    padding: 0;
 
-    line-height: normal;
 
-}
 
-.bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
 
-.bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
 
-    margin: 0;
 
-    padding-right: 0.5rem;
 
-}
 
-.bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
 
-    display: block;
 
-    line-height: 1.5rem;
 
-}
 
-.bx-menu-floating-blocks.bx-menu-object-sys_add_content li > a,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li > a {
 
-    padding: 0.25rem 0.5rem;
 
-}
 
-.bx-popup .bx-menu-ver li.bx-def-color-bg-active a,
 
-.bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active a,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active a,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active a, 
-.bx-popup .bx-menu-ver li.bx-def-color-bg-active .sys-icon,
 
-.bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active .sys-icon,
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active .sys-icon,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active .sys-icon {
 
-    font-weight: 800;
 
-    color: rgba(20,80,100,1) !important;
 
-}
 
-.bx-popup .bx-menu-ver li img,
 
-.bx-popup .bx-menu-ver li .sys-icon,
 
-.bx-popup .bx-menu-custom-ver li img,
 
-.bx-popup .bx-menu-custom-ver li .sys-icon {
 
-    display: inline-block;
 
-    vertical-align: middle;
 
-    width: 1.6rem;
 
-    height: 1.6rem;
 
-    margin-right: 0;
 
-    line-height: 1.6rem;
 
-    font-size: 1.0rem;
 
-}
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li img,
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .sys-icon {
 
-    width: 1.5rem;
 
-    height: 1.5rem;
 
-    line-height: 1.5rem;
 
-}
 
-.bx-popup .bx-menu-ver li a div {
 
-    padding: 0.25rem 0.5rem;
 
-    white-space: nowrap;
 
-}
 
-.bx-popup .bx-menu-ver li a > span,
 
-.bx-popup .bx-menu-ver li a div > span,
 
-.bx-popup .bx-menu-custom-ver li a > span {
 
-    white-space: nowrap;
 
-    vertical-align: baseline;
 
-}
 
-.bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .bx-menu-item-addon {
 
-    top: 0.25rem;
 
-}
 
-
 
-
 
-/* --------------- profile stats menu */
 
-.bx-menu-ver.bx-menu-object-sys_profile_stats li .bx-menu-addon-cnt.bx-def-color-bg-hl {
 
-	background-color: transparent;
 
-}
 
-
 
-
 
-/*--- Custom Menu with More Auto ---*/
 
-.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
 
-    font-weight: normal;
 
-}
 
-
 
-.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
 
-.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
 
-    color: @bx-color-icon-body;
 
-}
 
-
 
-/*--- Actions menu ---*/
 
-.bx-base-general-entity-actions ul.bx-menu-hor li a > span,
 
-.bx-base-general-entity-actions ul.bx-menu-custom-hor li a > span {
 
-    vertical-align: top;
 
+        right: 0 !important;
 
+        max-width: 31.25rem;
 
+    }
 
+
 
+    /*--- Search Popup ---*/
 
+    #bx-sliding-menu-search.bx-sliding-menu-main .bx-def-page-width {
 
+        width: 100%;
 
+    }
 
+
 
+    /*--- Notifications Popup ---*/
 
+    #bx_notifications_preview.bx-sliding-menu .bx-def-page-width {
 
+        width: 100%;
 
+    }
 
+
 
+    /*--- Account Popup ---*/
 
+    @media (min-width:720px) {
 
+        #bx-sliding-menu-account.bx-sliding-menu-main {
 
+            left: auto !important;
 
+            right: 0px !important;
 
+            width: auto !important;
 
+        }
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main.bx-sliding-menu-fullheight {
 
+        height: calc(100% - 3.75rem);
 
+    }
 
+
 
+
 
+    /*--- Account Popup Submenu & Add Content Menu ---*/
 
+    .bx-menu-account-popup-profile,
 
+    .bx-menu-account-popup-menu {
 
+        text-align: left;
 
+    }
 
+    .bx-menu-account-popup-menu ul.bx-menu-floating-blocks-wide,
 
+    .bx-menu-object-sys_account_notifications li,
 
+    .bx-menu-object-sys_add_content li {
 
+        display: block;
 
+        width: 100%;
 
+        height: auto;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
+        display: inline-block;
 
+        vertical-align: top;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li a,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
+        line-height: 1.5rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-title,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-title {
 
+        padding-left: 0.5rem;
 
+        padding-right: 0.5rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li img,
 
+    .bx-menu-object-sys_account_notifications li .sys-icon,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
+        height: 1.0rem;
 
+        width: 1.0rem;
 
+
 
+        margin: 0px;	
+    }
 
+    .bx-menu-object-sys_account_notifications li .sys-icon,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon .sys-icon,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon .sys-icon {
 
+        line-height: 1.0rem;
 
+        font-size: 1.0rem;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li img,
 
+    .bx-menu-object-sys_account_notifications li .bx-menu-floating-blocks-icon img,
 
+    .bx-menu-object-sys_add_content li .bx-menu-floating-blocks-icon img {
 
+        background-pocition: center center;
 
+        background-repeat: none;
 
+        background-size: 60% 60%;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li .bx-def-unit-alert-middle {
 
+        top: calc(50% - 9px);
 
+        right: 4px;
 
+    }
 
+    .bx-menu-object-sys_account_notifications li:hover {
 
+        opacity: 1.0;
 
+    }
 
+
 
+    /*--- Add Content Menu ---*/
 
+    @media (min-width:720px) {
 
+        #bx-sliding-menu-sys_add_content.bx-sliding-menu-main {
 
+            left: auto !important;
 
+            right: 0px !important;
 
+            width: auto !important;
 
+        }
 
+    }
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-menu-object-sys_add_content {
 
+        display: block;
 
+        width: 100%;
 
+    }
 
+
 
+    /*--- Vertical (Vertical Custom) Menus (in Popup) ---*/
 
+    .bx-popup .bx-menu-ver li,
 
+    .bx-popup .bx-menu-custom-ver li,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li {
 
+        border-radius: 0; 
+    }
 
+    .bx-popup .bx-menu-ver li,
 
+    .bx-popup .bx-menu-custom-ver li,
 
+    .bx-popup .bx-menu-ver li.bx-def-color-bg-hl-hover,
 
+    .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-hl-hover,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-hl-hover,
 
+    .bx-menu-floating-blocks.bx-menu-object-sys_add_content li.bx-def-color-bg-hl-hover,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-hl-hover {
 
+        border: 1px solid transparent;
 
+    }
 
+    .bx-popup .bx-menu-ver li:hover,
 
+    .bx-popup .bx-menu-custom-ver li:hover,
 
+    .bx-popup .bx-menu-ver li.bx-def-color-bg-hl-hover:hover,
 
+    .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-hl-hover:hover,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-hl-hover:hover,
 
+    .bx-menu-floating-blocks.bx-menu-object-sys_add_content li.bx-def-color-bg-hl-hover:hover,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-hl-hover:hover {
 
+        border-radius: 0.5rem;
 
+        border-color: transparent;
 
+    }
 
+    .bx-popup .bx-menu-ver li.bx-def-color-bg-active,
 
+    .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active {
 
+        border-radius: 0.5rem;
 
+        border-color: transparent;
 
+    }
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active {
 
+        border-color: transparent;
 
+        background-color: transparent;
 
+    }
 
+    .bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > span,
 
+    .bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > .bx-def-margin-thd-topbottom {
 
+        width: 100%;
 
+        margin: 0 !important;
 
+        padding: 0.25rem 0.5rem;
 
+    }
 
+    .bx-popup .bx-menu-custom-ver li a,
 
+    .bx-menu-floating-blocks.bx-menu-object-sys_add_content li > a, 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li > a {
 
+        position: relative;
 
+        display: -webkit-flex;
 
+        display: flex;
 
+        -webkit-flex-flow: row nowrap;
 
+        flex-flow: row nowrap;
 
+        -webkit-align-items: center;
 
+        align-items: center;
 
+        -webkit-justify-content: flex-start;
 
+        justify-content: flex-start;
 
+        box-sizing: border-box;
 
+        width: 100%;
 
+        margin: 0;
 
+        padding: 0;
 
+    }
 
+    .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
 
+        padding: 0;
 
+        line-height: normal;
 
+    }
 
+    .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
 
+    .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
 
+        margin: 0;
 
+        padding-right: 0.5rem;
 
+    }
 
+    .bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
 
+        display: block;
 
+        line-height: 1.5rem;
 
+    }
 
+    .bx-menu-floating-blocks.bx-menu-object-sys_add_content li > a,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li > a {
 
+        padding: 0.25rem 0.5rem;
 
+    }
 
+    .bx-popup .bx-menu-ver li.bx-def-color-bg-active a,
 
+    .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active a,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active a,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active a, 
+    .bx-popup .bx-menu-ver li.bx-def-color-bg-active .sys-icon,
 
+    .bx-popup .bx-menu-custom-ver li.bx-def-color-bg-active .sys-icon,
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li.bx-def-color-bg-active .sys-icon,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li.bx-def-color-bg-active .sys-icon {
 
+        font-weight: 800;
 
+        color: rgba(20,80,100,1) !important;
 
+    }
 
+    .bx-popup .bx-menu-ver li img,
 
+    .bx-popup .bx-menu-ver li .sys-icon,
 
+    .bx-popup .bx-menu-custom-ver li img,
 
+    .bx-popup .bx-menu-custom-ver li .sys-icon {
 
+        display: inline-block;
 
+        vertical-align: middle;
 
+        width: 1.6rem;
 
+        height: 1.6rem;
 
+        margin-right: 0;
 
+        line-height: 1.6rem;
 
+        font-size: 1.0rem;
 
+    }
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li img,
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .sys-icon {
 
+        width: 1.5rem;
 
+        height: 1.5rem;
 
+        line-height: 1.5rem;
 
+    }
 
+    .bx-popup .bx-menu-ver li a div {
 
+        padding: 0.25rem 0.5rem;
 
+        white-space: nowrap;
 
+    }
 
+    .bx-popup .bx-menu-ver li a > span,
 
+    .bx-popup .bx-menu-ver li a div > span,
 
+    .bx-popup .bx-menu-custom-ver li a > span {
 
+        white-space: nowrap;
 
+        vertical-align: baseline;
 
+    }
 
+    .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li .bx-menu-item-addon {
 
+        top: 0.25rem;
 
+    }
 
+
 
+
 
+    /* --------------- profile stats menu */
 
+    .bx-menu-ver.bx-menu-object-sys_profile_stats li .bx-menu-addon-cnt.bx-def-color-bg-hl {
 
+        background-color: transparent;
 
+    }
 
+
 
+
 
+    /*--- Custom Menu with More Auto ---*/
 
+    .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
 
+        font-weight: normal;
 
+    }
 
+
 
+    .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
 
+    .bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
 
+        color: @bx-color-icon-body;
 
+    }
 
+
 
+    /*--- Actions menu ---*/
 
+    .bx-base-general-entity-actions ul.bx-menu-hor li a > span,
 
+    .bx-base-general-entity-actions ul.bx-menu-custom-hor li a > span {
 
+        vertical-align: top;
 
+    }
 
 }

+ 3 - 3
modules/boonex/ocean/data/template/bx_timeline/css/view.less
Просмотреть файл 

@@ -9,13 +9,13 @@ div.bx-tl-item-text div.bx-tl-content.bx-tl-overflow:before {
 
 }
 
 
 div.bx-tl-activity ul.bx-menu-object-bx_timeline_menu_item_actions {
 
-    .bx-def-margin-thd-leftright-neg;
 
+    .bx-ocean .bx-def-margin-thd-leftright-neg;
 
 
-    .margin-top(-@bx-margin-thd);
 
+    .bx-ocean .margin-top(-@bx-margin-thd);
 
 }
 
 
 div.bx-tl-activity ul.bx-menu-object-bx_timeline_menu_item_actions li  {
 
-    .bx-def-margin-thd;
 
+    .bx-ocean .bx-def-margin-thd;
 
 }
 
 
 /*+++ Item Menu +++*/

+ 18 - 14
modules/boonex/ocean/data/template/system/css/default.less
Просмотреть файл 

@@ -1,17 +1,21 @@
 
-@import '../../../../../../../template/css/default.less';
 
+.@{bx-root-class-name}{
 
 
-/* image/thumbnail/gallery default styles */
 
-.bx-def-ava,
 
-.bx-def-thumb,
 
-.bx-def-icon {
 
-    .radius(@bx-round-corners-radius);
 
-    overflow:hidden;
 
-}
 
+    @import '../../../../../../../template/css/default.less';
 
 
-.bx-def-unit-info-title {
 
-    font-weight: bold;
 
-}
 
+    /* image/thumbnail/gallery default styles */
 
+    .bx-def-ava,
 
+    .bx-def-thumb,
 
+    .bx-def-icon {
 
+        .radius(@bx-round-corners-radius);
 
+        overflow:hidden;
 
+    }
 
 
-.bx-def-unit-alert-middle {
 
-    .line-height(@bx-font-size-middle);
 
-}
 
+    .bx-def-unit-info-title {
 
+        font-weight: bold;
 
+    }
 
+
 
+    .bx-def-unit-alert-middle {
 
+        .line-height(@bx-font-size-middle);
 
+    }
 
+
 
+}

+ 0 - 1
modules/boonex/ocean/data/template/system/css/editor.less
Просмотреть файл 

@@ -1,4 +1,3 @@
 
-@import 'default.less';
 
 @import '../../../../../../../template/css/editor.less';
 
 
 .ql-toolbar.ql-snow{

+ 7 - 5
modules/boonex/ocean/data/template/system/css/page_layouts.less
Просмотреть файл 

@@ -1,10 +1,12 @@
 
 @import (reference) 'default.less';
 
 @import '../../../../../../../template/css/page_layouts.css';
 
 
-.bx-layout-col .bx-layout-cell.bx-def-padding-right {
 
-	.bx-def-padding-sec-right;
 
-}
 
+.@{bx-root-class-name}{
 
+    .bx-layout-col .bx-layout-cell.bx-def-padding-right {
 
+         .bx-ocean.bx-def-padding-sec-right;
 
+    }
 
 
-.bx-layout-col .bx-layout-cell.bx-def-padding-left {
 
-	.bx-def-padding-sec-left;
 
+    .bx-layout-col .bx-layout-cell.bx-def-padding-left {
 
+         .bx-ocean.bx-def-padding-sec-left;
 
+    }
 
 }

+ 1208 - 1205
modules/boonex/protean/data/template/system/css/default.less
Просмотреть файл 

@@ -1,1206 +1,1209 @@
 
-@import '../../../../../../../template/css/default.less';
 
-
 
-/**
 
- * Is used for inputs and buttons. They should have the same value 
- * because Input and Button can be positioned in one line.
 
- */
 
-@base-input-box-sizing: border-box;
 
-
 
-
 
-/* viewport */
 
-html.bx-media-tablet {
 
-    font-size: @bx-viewport-font-tablet !important;
 
-}
 
-
 
-html.bx-media-phone {
 
-    font-size: @bx-viewport-font-mobile !important;
 
-}
 
-
 
-/* height */
 
-.bx-header {
 
-	height: @bx-height-header !important;
 
-}
 
-.bx-menu-toolbar-padding {
 
-	padding-top: @bx-height-header !important;
 
-}
 
-
 
-/* content paddings */
 
-.bx-content-padding-header {
 
-	padding: @bx-content-padding-header;
 
-}
 
-.bx-content-padding-footer {
 
-	padding: @bx-content-padding-footer;
 
-}
 
-.bx-content-padding-block {
 
-	padding: @bx-content-padding-block;
 
-}
 
-
 
-/* shadow */
 
-.bx-shadow-header {
 
-    -webkit-box-shadow: @bx-shadow-header;
 
-    -moz-box-shadow: @bx-shadow-header;
 
-    box-shadow: @bx-shadow-header;
 
-}
 
-.bx-shadow-footer {
 
-    -webkit-box-shadow: @bx-shadow-footer;
 
-    -moz-box-shadow: @bx-shadow-footer;
 
-    box-shadow: @bx-shadow-footer;
 
-}
 
-.bx-shadow-block {
 
-    -webkit-box-shadow: @bx-shadow-block;
 
-    -moz-box-shadow: @bx-shadow-block;
 
-    box-shadow: @bx-shadow-block;
 
-}
 
-.bx-def-box {
 
-    -webkit-box-shadow: @bx-shadow-card;
 
-    -moz-box-shadow: @bx-shadow-card;
 
-    box-shadow: @bx-shadow-card;
 
-}
 
-.bx-popup-applied {
 
-    border-radius: @bx-border-radius-popup;
 
-    background-clip: padding-box;
 
-}
 
-.bx-popup-applied:not(.bx-popup-chain),
 
-.bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
 
-    -webkit-box-shadow: @bx-shadow-popup;
 
-    -moz-box-shadow: @bx-shadow-popup;
 
-    box-shadow: @bx-shadow-popup;
 
-}
 
-.bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
 
-    background-color: @bx-color-hl;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper {
 
-    -webkit-box-shadow: @bx-shadow-menu-slide;
 
-    -moz-box-shadow: @bx-shadow-menu-slide;
 
-    box-shadow: @bx-shadow-menu-slide;
 
-}
 
-.bx-btn {
 
-    -webkit-box-shadow: @bx-shadow-button;
 
-    -moz-box-shadow: @bx-shadow-button;
 
-    box-shadow: @bx-shadow-button;
 
-}
 
-.bx-btn.bx-btn-small {
 
-    -webkit-box-shadow: @bx-shadow-button-small;
 
-    -moz-box-shadow: @bx-shadow-button-small;
 
-    box-shadow: @bx-shadow-button-small;
 
-}
 
-
 
-
 
-/* background images */
 
-.bx-def-image-bg-header,
 
-.bx-def-image-bg-footer,
 
-.bx-def-image-bg-page,
 
-.bx-def-image-bg-block,
 
-.bx-def-box,
 
-.bx-popup-color-bg,
 
-.bx-popup-wrapper.bx-popup-slide-wrapper,
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
-#bx-sliding-menu-account.bx-sliding-menu-main,
 
-.bx-menu-main-bar-wrapper {
 
-    background-position: center center;
 
-}
 
-.bx-def-image-bg-header {
 
-	background-image: @bx-image-bg-header;
 
-	background-repeat: @bx-image-bg-header-repeat;
 
-	background-attachment: @bx-image-bg-header-attachment;
 
-    background-size: @bx-image-bg-header-size;
 
-}
 
-.bx-def-image-bg-footer {
 
-	background-image: @bx-image-bg-footer;
 
-	background-repeat: @bx-image-bg-footer-repeat;
 
-	background-attachment: @bx-image-bg-footer-attachment;
 
-    background-size: @bx-image-bg-footer-size;
 
-}
 
-.bx-def-image-bg-page {
 
-	background-image: @bx-image-bg-page;
 
-	background-repeat: @bx-image-bg-page-repeat;
 
-	background-attachment: @bx-image-bg-page-attachment;
 
-    background-size: @bx-image-bg-page-size;
 
-}
 
-.bx-def-image-bg-block {
 
-	background-image: @bx-image-bg-block;
 
-	background-repeat: @bx-image-bg-block-repeat;
 
-	background-attachment: @bx-image-bg-block-attachment;
 
-    background-size: @bx-image-bg-block-size;
 
-}
 
-.bx-def-box {
 
-	background-image: @bx-image-bg-box;
 
-	background-repeat: @bx-image-bg-box-repeat;
 
-	background-attachment: @bx-image-bg-box-attachment;
 
-    background-size: @bx-image-bg-box-size;
 
-}
 
-
 
-/* body */
 
-a {
 
-    color: @bx-color-link-body; 
-}
 
-a:hover {
 
-    color: @bx-color-link-body-hover; 
-}
 
-.sys-icon:not(.sys-colored),
 
-.sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-body; 
-}
 
-a:hover > .sys-icon:not(.sys-colored),
 
-a:hover > .sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-body-hover; 
-}
 
-.sys-icon-a i {
 
-    .background-color (@bx-color-icon-body) !important;
 
-    color: @bx-color-icon-body;
 
-}
 
-a:hover > .sys-icon-a i {
 
-    .background-color (@bx-color-icon-body-hover) !important;
 
-    color: @bx-color-icon-body-hover;
 
-}
 
-
 
-/* header */
 
-.bx-header.bx-def-color-bg-header {
 
-    .background-color (@bx-color-header);
 
-}
 
-.bx-header.bx-def-border-header {
 
-    border-bottom-width: @bx-border-width-header;
 
-    border-bottom-style: @bx-border-type;
 
-    border-bottom-color: @bx-color-border-header;
 
-}
 
-.bx-header a {
 
-    color: @bx-color-link-header; 
-}
 
-.bx-header a:hover {
 
-    color: @bx-color-link-header-hover;
 
-}
 
-.bx-header .sys-icon:not(.sys-colored),
 
-.bx-header .sys-icon-a:not(.sys-colored) {
 
-    color: @bx-color-icon-header; 
-}
 
-.bx-header a:hover .sys-icon,
 
-.bx-header a:hover .sys-icon-a {
 
-    color: @bx-color-icon-header-hover; 
-} 
-.bx-header .sys-icon-a:not(.sys-colored) i {
 
-    .background-color (@bx-color-icon-header) !important;
 
-    color: @bx-color-icon-header;
 
-}
 
-.bx-header a:hover .sys-icon-a i {
 
-    .background-color (@bx-color-icon-header-hover) !important;
 
-    color: @bx-color-icon-header-hover;
 
-}
 
-
 
-/* footer */
 
-.bx-def-color-bg-footer {
 
-    .background-color (@bx-color-footer);    
-}
 
-.bx-def-border-footer {
 
-    border-top-width: @bx-border-width-footer;
 
-    border-top-style: @bx-border-type;
 
-    border-top-color: @bx-color-border-footer;
 
-}
 
-.bx-footer {
 
-	color: @bx-font-color-footer;
 
-}
 
-.bx-footer a {
 
-	color: @bx-color-link-footer; 
-}
 
-.bx-footer a:hover {
 
-	color: @bx-color-link-footer-hover; 
-}
 
-.bx-footer .sys-icon,
 
-.bx-footer .sys-icon-a {
 
-	color: @bx-color-icon-footer; 
-}
 
-.bx-footer a:hover .sys-icon,
 
-.bx-footer a:hover .sys-icon-a {
 
-	color: @bx-color-icon-footer-hover; 
-}
 
-.bx-footer .sys-icon-a i {
 
-	.background-color (@bx-color-icon-footer) !important;
 
-	color: @bx-color-icon-footer;
 
-}
 
-.bx-footer a:hover .sys-icon-a i {
 
-	.background-color (@bx-color-icon-footer-hover) !important;
 
-	color: @bx-color-icon-footer-hover;
 
-}
 
-
 
-/* fonts */
 
-.bx-def-font-inputs {
 
-	font-family: @bx-font-family-form-input;
 
-	font-size: @bx-font-size-form-input;
 
-	color: @bx-font-color-form-input;
 
-}
 
-
 
-h1,
 
-.bx-def-font-h1 {
 
-	font-weight: @bx-font-weight-h1;
 
-	color: @bx-font-color-default-h1;
 
-}
 
-h1.bx-def-font-grayed,
 
-h1 .bx-def-font-grayed,
 
-.bx-def-font-h1.bx-def-font-grayed,
 
-.bx-def-font-h1 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h1;
 
-}
 
-h1.bx-def-font-contrasted,
 
-h1.bx-def-font-contrasted:after,
 
-h1.bx-def-font-contrasted:before,
 
-h1 .bx-def-font-contrasted,
 
-h1 .bx-def-font-contrasted:after,
 
-h1 .bx-def-font-contrasted:before,
 
-.bx-def-font-h1.bx-def-font-contrasted,
 
-.bx-def-font-h1.bx-def-font-contrasted:after,
 
-.bx-def-font-h1.bx-def-font-contrasted:before,
 
-.bx-def-font-h1 .bx-def-font-contrasted,
 
-.bx-def-font-h1 .bx-def-font-contrasted:after,
 
-.bx-def-font-h1 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h1;
 
-}
 
-h1 a,
 
-.bx-def-font-h1 a,
 
-a.bx-def-font-h1 {
 
-	color: @bx-font-color-link-h1;
 
-}
 
-h1 a:hover,
 
-.bx-def-font-h1 a:hover,
 
-a.bx-def-font-h1:hover {
 
-	color: @bx-font-color-link-h1-hover;
 
-}
 
-
 
-h2,
 
-.bx-def-font-h2 {
 
-	font-weight: @bx-font-weight-h2;
 
-	color: @bx-font-color-default-h2;
 
-}
 
-h2.bx-def-font-grayed,
 
-h2 .bx-def-font-grayed,
 
-.bx-def-font-h2.bx-def-font-grayed,
 
-.bx-def-font-h2 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h2;
 
-}
 
-h2.bx-def-font-contrasted,
 
-h2.bx-def-font-contrasted:after,
 
-h2.bx-def-font-contrasted:before,
 
-h2 .bx-def-font-contrasted,
 
-h2 .bx-def-font-contrasted:after,
 
-h2 .bx-def-font-contrasted:before,
 
-.bx-def-font-h2.bx-def-font-contrasted,
 
-.bx-def-font-h2.bx-def-font-contrasted:after,
 
-.bx-def-font-h2.bx-def-font-contrasted:before,
 
-.bx-def-font-h2 .bx-def-font-contrasted,
 
-.bx-def-font-h2 .bx-def-font-contrasted:after,
 
-.bx-def-font-h2 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h2;
 
-}
 
-h2 a,
 
-.bx-def-font-h2 a,
 
-a.bx-def-font-h2 {
 
-	color: @bx-font-color-link-h2;
 
-}
 
-h2 a:hover,
 
-.bx-def-font-h2 a:hover,
 
-a.bx-def-font-h2:hover {
 
-	color: @bx-font-color-link-h2-hover;
 
-}
 
-
 
-h3,
 
-.bx-def-font-h3 {
 
-	font-weight: @bx-font-weight-h3;
 
-	color: @bx-font-color-default-h3;
 
-}
 
-h3.bx-def-font-grayed,
 
-h3 .bx-def-font-grayed,
 
-.bx-def-font-h3.bx-def-font-grayed,
 
-.bx-def-font-h3 .bx-def-font-grayed {
 
-	color: @bx-font-color-grayed-h3;
 
-}
 
-h3.bx-def-font-contrasted,
 
-h3.bx-def-font-contrasted:after,
 
-h3.bx-def-font-contrasted:before,
 
-h3 .bx-def-font-contrasted,
 
-h3 .bx-def-font-contrasted:after,
 
-h3 .bx-def-font-contrasted:before,
 
-.bx-def-font-h3.bx-def-font-contrasted,
 
-.bx-def-font-h3.bx-def-font-contrasted:after,
 
-.bx-def-font-h3.bx-def-font-contrasted:before,
 
-.bx-def-font-h3 .bx-def-font-contrasted,
 
-.bx-def-font-h3 .bx-def-font-contrasted:after,
 
-.bx-def-font-h3 .bx-def-font-contrasted:before {
 
-	color: @bx-font-color-contrasted-h3;
 
-}
 
-h3 a,
 
-.bx-def-font-h3 a,
 
-a.bx-def-font-h3 {
 
-	color: @bx-font-color-link-h3;
 
-}
 
-h3 a:hover,
 
-.bx-def-font-h3 a:hover,
 
-a.bx-def-font-h3:hover {
 
-	color: @bx-font-color-link-h3-hover;
 
-}
 
-
 
-/* cover */
 
-.bx-menu-toolbar-padding .bx-def-cover-color-bg {
 
-    background-color: @bx-color-cover;
 
-}
 
-
 
-.bx-menu-toolbar-padding .bx-cover-wrapper {
 
-    border-width: @bx-border-width-cover;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-cover;
 
-
 
-    border-radius: @bx-border-radius-cover;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-cover;
 
-    -moz-box-shadow: @bx-shadow-cover;
 
-    box-shadow: @bx-shadow-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover {
 
-    min-height: @bx-height-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover,
 
-.bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
 
-    text-align: @bx-text-align-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover.bx-def-padding {
 
-    padding: @bx-content-padding-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-image img {
 
-    border-width: @bx-border-width-cover-icon;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-cover-icon;
 
-
 
-    border-radius: @bx-border-radius-cover-icon;
 
-    background-clip: padding-box;
 
-    
-    -webkit-box-shadow: @bx-shadow-cover-icon;
 
-    -moz-box-shadow: @bx-shadow-cover-icon;
 
-    box-shadow: @bx-shadow-cover-icon;
 
-}
 
-
 
-.bx-cover-wrapper .bx-cover .bx-cover-title {
 
-    text-shadow: @bx-shadow-text-cover;
 
-
 
-    font-family: @bx-font-family-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-title,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:after,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:before {
 
-    color: @bx-color-font-cover;
 
-}
 
-.bx-cover-wrapper .bx-cover .bx-cover-title,
 
-.bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
 
-    font-size: @bx-font-size-cover;
 
-    font-weight: @bx-font-weight-cover;
 
-}
 
-
 
-
 
-/* block */
 
-.bx-def-border-block {
 
-    border-width: @bx-border-width-block;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-block;
 
-
 
-    border-radius: @bx-border-radius-block;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-border-radius-block {
 
-    border-radius: @bx-border-radius-block;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-border-radius-block-int {
 
-    border-radius: @bx-border-radius-block-itl @bx-border-radius-block-itr @bx-border-radius-block-ibr @bx-border-radius-block-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-border-radius-block-int-top {
 
-    border-radius: @bx-border-radius-block-itl @bx-border-radius-block-itr 0 0;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-border-radius-block-int-bottom {
 
-    border-radius: 0 0 @bx-border-radius-block-ibr @bx-border-radius-block-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-db-header {
 
-    padding: @bx-title-padding-block;
 
-
 
-    border-width: @bx-border-width-block-title;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-block-title;
 
-
 
-    border-radius: @bx-border-radius-block-title;
 
-}
 
-.bx-def-color-bg-block .bx-db-header,
 
-.bx-def-image-bg-block .bx-db-header {
 
-    background-clip: padding-box;
 
-    background-color: @bx-color-block-title;
 
-}
 
-.bx-db-header .bx-db-title {
 
-    line-height: 1.2;
 
-    font-family: @bx-font-family-block-title;
 
-    font-size: @bx-font-size-block-title;
 
-    font-weight: @bx-font-weight-block-title;
 
-    color: @bx-color-font-block-title;
 
-}
 
-.bx-db-divider {
 
-    border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
 
-}
 
-
 
-
 
-/* box */
 
-.bx-def-box {
 
-    border-width: @bx-border-width-box;
 
-    border-style: @bx-border-type;
 
-    border-color: @bx-color-border-box;
 
-}
 
-.bx-def-box.bx-def-padding {
 
-    padding: @bx-content-padding-card;
 
-}
 
-.bx-def-box.bx-def-color-bg-box {
 
-    .background-color (@bx-color-box);
 
-}
 
-.bx-def-box.bx-def-color-bg-box-active,
 
-.bx-def-box.bx-def-color-bg-box-hover:hover {
 
-    .background-color (@bx-color-box-hover);
 
-}
 
-.bx-def-box-round-corners,
 
-.bx-def-box.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int-top {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-    background-clip: padding-box;
 
-}
 
-.bx-def-box-round-corners-int-bottom {
 
-    border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
-    background-clip: padding-box;
 
-}
 
-.bx-base-pofile-unit-with-cover .bx-def-round-corners .bx-base-pofile-unit-cover {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-.bx-base-text-unit.bx-base-text-unit-ext.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners,
 
-.bx-base-text-unit.bx-base-text-unit-ext .bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-.bx-base-text-unit.bx-base-text-unit-gallery.bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners,
 
-.bx-base-text-unit.bx-base-text-unit-gallery .bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners {
 
-    border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
-}
 
-
 
-/* popup */
 
-.bx-popup-border {
 
-    border-width: @bx-border-width-popup;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-popup;
 
-
 
-    border-radius: @bx-border-radius-popup;
 
-    background-clip: padding-box;
 
-}
 
-.bx-popup-color-bg {
 
-    background-color: @bx-color-popup;
 
-
 
-    background-image: @bx-image-bg-popup;
 
-    background-repeat: @bx-image-bg-popup-repeat;
 
-    background-attachment: @bx-image-bg-popup-attachment;
 
-    background-size: @bx-image-bg-popup-size;
 
-}
 
-.bx-popup-content-indent {
 
-	padding: @bx-content-padding-popup;
 
-}
 
-.bx-popup-header {
 
-    padding: @bx-title-padding-popup;
 
-}
 
-.bx-popup-header .bx-popup-element-close {
 
-    margin: @bx-title-padding-popup;
 
-}
 
-.bx-popup-header-color-bg {
 
-    background-color: @bx-color-popup-title;
 
-}
 
-.bx-popup-header h2,
 
-.bx-popup-header .bx-popup-element-close {
 
-    line-height: 1.8rem;
 
-}
 
-.bx-popup-header h2 {
 
-    font-family: @bx-font-family-popup-title;
 
-    font-size: @bx-font-size-popup-title;
 
-}
 
-.bx-popup-header h2,
 
-.bx-popup-header.bx-def-font-contrasted h2,
 
-.bx-popup-header .bx-popup-element-close,
 
-.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
 
-.bx-popup-header .bx-popup-element-close .sys-icon,
 
-.bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
 
-	color: @bx-color-font-popup-title;
 
-}
 
-
 
-/* slide menu */
 
-.bx-popup-wrapper.bx-popup-slide-wrapper {
 
-	border-width: @bx-border-width-menu-slide;
 
-	border-style: solid;
 
-	border-color: @bx-color-border-menu-slide;
 
-
 
-	.background-color (@bx-color-menu-slide);
 
-
 
-	background-image: @bx-image-bg-menu-slide;
 
-	background-repeat: @bx-image-bg-menu-slide-repeat;
 
-	background-attachment: @bx-image-bg-menu-slide-attachment;
 
-    background-size: @bx-image-bg-menu-slide-size;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
 
-	padding: @bx-content-padding-menu-slide;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li a {
 
-	text-shadow: @bx-shadow-font-menu-slide;
 
-
 
-	font-family: @bx-font-family-menu-slide;
 
-	font-size: @bx-font-size-menu-slide;
 
-	font-weight: @bx-font-weight-menu-slide;
 
-	color: @bx-font-color-menu-slide;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
 
-	color: @bx-font-color-menu-slide-hover;
 
-}
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
 
-.bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
 
-	color: @bx-font-color-menu-slide-active;
 
-}
 
-
 
-/* main menu */
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
-#bx-sliding-menu-search.bx-sliding-menu-main,
 
-#bx_notifications_preview.bx-sliding-menu {
 
-    -webkit-box-shadow: @bx-shadow-menu-main;
 
-    -moz-box-shadow: @bx-shadow-menu-main;
 
-    box-shadow: @bx-shadow-menu-main;
 
-
 
-    border-width: @bx-border-width-menu-main;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-main;
 
-
 
-    background-color: @bx-color-menu-main;
 
-
 
-    background-image: @bx-image-bg-menu-main;
 
-    background-repeat: @bx-image-bg-menu-main-repeat;
 
-    background-attachment: @bx-image-bg-menu-main-attachment;
 
-    background-size: @bx-image-bg-menu-main-size;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
-#bx-sliding-menu-search.bx-sliding-menu-main {
 
-    text-align: center;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
-#bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
-#bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-main;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
-#bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
-#bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt li a {
 
-    text-shadow: @bx-shadow-font-menu-main;
 
-
 
-    font-family: @bx-font-family-menu-main;
 
-    font-size: @bx-font-size-menu-main;
 
-    font-weight: @bx-font-weight-menu-main;
 
-    color: @bx-font-color-menu-main;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-#bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
-#bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
 
-    color: @bx-font-color-menu-main-active;
 
-}
 
-#bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
-#bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
-#bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
-#bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt li a:hover {
 
-    color: @bx-font-color-menu-main-hover;
 
-}
 
-
 
-/* account menu */
 
-#bx-sliding-menu-account.bx-sliding-menu-main {
 
-    -webkit-box-shadow: @bx-shadow-menu-account;
 
-    -moz-box-shadow: @bx-shadow-menu-account;
 
-    box-shadow: @bx-shadow-menu-account;
 
-
 
-    border-width: @bx-border-width-menu-account;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-account;
 
-
 
-    background-color: @bx-color-menu-account;
 
-
 
-    background-image: @bx-image-bg-menu-account;
 
-    background-repeat: @bx-image-bg-menu-account-repeat;
 
-    background-attachment: @bx-image-bg-menu-account-attachment;
 
-    background-size: @bx-image-bg-menu-account-size;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
-    padding: @bx-content-padding-menu-account;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a {
 
-    text-shadow: @bx-shadow-font-menu-account;
 
-
 
-    font-family: @bx-font-family-menu-account;
 
-    font-size: @bx-font-size-menu-account;
 
-    font-weight: @bx-font-weight-menu-account;
 
-    color: @bx-font-color-menu-account;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a {
 
-    color: @bx-font-color-menu-account-active;
 
-}
 
-#bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:hover {
 
-    color: @bx-font-color-menu-account-hover;
 
-}
 
-
 
-/* page menu */
 
-.bx-menu-main-bar-wrapper {
 
-    -webkit-box-shadow: @bx-shadow-menu-page;
 
-    -moz-box-shadow: @bx-shadow-menu-page;
 
-    box-shadow: @bx-shadow-menu-page;
 
-
 
-    border-width: @bx-border-width-menu-page;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-menu-page;
 
-    border-bottom-right-radius: @bx-border-radius-block-br;
 
-    border-bottom-left-radius: @bx-border-radius-block-bl;
 
-
 
-    background-color: @bx-color-menu-page;
 
-
 
-    background-image: @bx-image-bg-menu-page;
 
-    background-repeat: @bx-image-bg-menu-page-repeat;
 
-    background-attachment: @bx-image-bg-menu-page-attachment;
 
-    background-size: @bx-image-bg-menu-page-size;
 
-    background-clip: border-box;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
-	padding: @bx-content-padding-menu-page;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
 
-	text-shadow: @bx-shadow-font-menu-page;
 
-
 
-	font-family: @bx-font-family-menu-page;
 
-	font-size: @bx-font-size-menu-page;
 
-	font-weight: @bx-font-weight-menu-page;
 
-	color: @bx-font-color-menu-page;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
 
-	color: @bx-font-color-menu-page-hover;
 
-}
 
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
 
-	color: @bx-font-color-menu-page-active;
 
-}
 
-
 
-/* form */
 
-.bx-form-value .bx-form-input-slider,
 
-.bx-form-value .bx-form-input-doublerange,
 
-.bx-form-value .bx-form-input-select_multiple,
 
-.bx-form-value .bx-form-input-select,
 
-.bx-form-value .bx-form-input-radio_set,
 
-.bx-form-value .bx-form-input-checkbox_set,
 
-.bx-form-value .bx-form-input-number,
 
-.bx-form-value .bx-form-input-time,
 
-.bx-form-value .bx-form-input-datepicker,
 
-.bx-form-value .bx-form-input-datetime,
 
-.bx-form-value .bx-form-input-textarea,
 
-.bx-form-value .bx-form-input-text,
 
-.bx-form-value .bx-form-input-price,
 
-.bx-form-value .bx-form-input-wrapper-price span,
 
-.bx-form-value .bx-form-input-wrapper-password {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    border-color: @bx-color-border-form-input;
 
-    border-width: @bx-border-width-form-input;
 
-
 
-    background-color: @bx-color-form-input;
 
-
 
-    -webkit-box-shadow: @bx-shadow-form-input;
 
-    -moz-box-shadow: @bx-shadow-form-input;
 
-    box-shadow: @bx-shadow-form-input;
 
-}
 
-.bx-form-value .bx-form-input-slider,
 
-.bx-form-value .bx-form-input-doublerange,
 
-.bx-form-value .bx-form-input-select,
 
-.bx-form-value .bx-form-input-number,
 
-.bx-form-value .bx-form-input-time,
 
-.bx-form-value .bx-form-input-datepicker,
 
-.bx-form-value .bx-form-input-datetime,
 
-.bx-form-value .bx-form-input-text,
 
-.bx-form-value .bx-form-input-price,
 
-.bx-form-value .bx-form-input-wrapper-price span,
 
-.bx-form-value .bx-form-input-wrapper-password {
 
-    height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b {
 
-    line-height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b .bx-def-thumb-size {
 
-    width: @bx-height-form-input;
 
-    height: @bx-height-form-input;
 
-    line-height: @bx-height-form-input;
 
-}
 
-.bx-form-value .bx-form-input-slider:focus,
 
-.bx-form-value .bx-form-input-doublerange:focus,
 
-.bx-form-value .bx-form-input-number:focus,
 
-.bx-form-value .bx-form-input-time:focus,
 
-.bx-form-value .bx-form-input-datepicker:focus,
 
-.bx-form-value .bx-form-input-datetime:focus,
 
-.bx-form-value .bx-form-input-textarea:focus,
 
-.bx-form-value .bx-form-input-text:focus,
 
-.bx-form-value .bx-form-input-price:focus,
 
-.bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
 
-    border-color: @bx-color-border-form-input-active;
 
-    background-color: @bx-color-form-input-active;
 
-}
 
-
 
-.bx-form-value .bx-switcher-cont,
 
-.bx-grid-table .bx-switcher-cont {
 
-    border-color: @bx-color-border-form-input;
 
-    border-width: @bx-border-width-form-input;
 
-
 
-    background-color: @bx-color-form-input;
 
-
 
-    -webkit-box-shadow: @bx-shadow-form-input;
 
-    -moz-box-shadow: @bx-shadow-form-input;
 
-    box-shadow: @bx-shadow-form-input;
 
-}
 
-
 
-/* button normal */
 
-.bx-btn {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button;
 
-    line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
-
 
-    .background-color (@bx-color-button);
 
-
 
-    border-width: @bx-border-width-button;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button;
 
-
 
-    border-radius: @bx-border-radius-button;
 
-    background-clip: padding-box;
 
-
 
-    text-shadow: @bx-shadow-font-button;
 
-    text-transform: uppercase;
 
-
 
-    font-family: @bx-font-family-button;
 
-    font-size: @bx-font-size-button;
 
-    font-weight: @bx-font-weight-button;
 
-    color: @bx-font-color-button;
 
-}
 
-.bx-btn.bx-btn-primary {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-primary;
 
-    line-height: (@bx-height-button-primary - 0.125 * @bx-border-width-button-primary);
 
-
 
-    .background-color (@bx-color-button-primary);
 
-
 
-    border-width: @bx-border-width-button-primary;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-primary;
 
-
 
-    border-radius: @bx-border-radius-button-primary;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-primary;
 
-    -moz-box-shadow: @bx-shadow-button-primary;
 
-    box-shadow: @bx-shadow-button-primary;
 
-
 
-    text-shadow: @bx-shadow-font-button-primary;
 
-
 
-    font-family: @bx-font-family-button-primary;
 
-    font-size: @bx-font-size-button-primary;
 
-    font-weight: @bx-font-weight-button-primary;
 
-    color: @bx-font-color-button-primary;
 
-}
 
-.bx-btn-height {
 
-    height: @bx-height-button;
 
-    line-height: @bx-height-button;
 
-}
 
-.bx-btn-border {
 
-    border-width: @bx-border-width-button;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn-height.bx-btn-primary {
 
-    height: @bx-height-button-primary;
 
-    line-height: @bx-height-button-primary;
 
-}
 
-.bx-btn-border.bx-btn-primary {
 
-    border-width: @bx-border-width-button-primary;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn:hover,
 
-.bx-btn:active {
 
-    border-width: @bx-border-width-button;
 
-    border-style: solid;
 
-
 
-}
 
-.bx-btn:hover {
 
-    border-color: @bx-color-border-button-hover;
 
-
 
-    .background-color (@bx-color-button-hover);
 
-
 
-    color: @bx-font-color-button-hover;
 
-}
 
-.bx-btn:active {
 
-    border-color: @bx-color-border-button-click;
 
-
 
-    .background-color (@bx-color-button-click);
 
-    box-shadow: @bx-shadow-color-button-click; 
-
 
-    color: @bx-font-color-button-click;
 
-    
-}
 
-.bx-btn.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-primary:active {
 
-    border-width: @bx-border-width-button-primary;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-primary:hover {
 
-    border-color: @bx-color-border-button-primary-hover;
 
-
 
-    .background-color (@bx-color-button-primary-hover);
 
-
 
-    color: @bx-font-color-button-primary-hover;
 
-}
 
-.bx-btn.bx-btn-primary:active {
 
-    border-color: @bx-color-border-button-primary-click;
 
-
 
-    .background-color (@bx-color-button-primary-click);
 
-    box-shadow: @bx-shadow-color-button-primary-click;
 
-
 
-    color: @bx-font-color-button-primary-click;
 
-}
 
-
 
-.bx-btn .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button;
 
-}
 
-.bx-btn.bx-btn-primary .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-primary;
 
-}
 
-.bx-btn:hover .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-hover;
 
-}
 
-.bx-btn:active .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-click;
 
-}
 
-.bx-btn.bx-btn-primary:hover .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-primary-hover;
 
-}
 
-.bx-btn.bx-btn-primary:active .sys-icon:not(.sys-colored) {
 
-    color: @bx-font-color-button-primary-click;
 
-}
 
-.bx-btn .bx-loading-ajax-btn {
 
-    margin-top: -@bx-border-width-button;
 
-}
 
-.bx-btn.bx-btn-primary .bx-loading-ajax-btn {
 
-    margin-top: -@bx-border-width-button-primary;
 
-}
 
-
 
-/* button large */
 
-.bx-btn.bx-btn-large {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-large;
 
-    line-height: (@bx-height-button-large - 0.125 * @bx-border-width-button-large);
 
-
 
-    .background-color (@bx-color-button-large);
 
-
 
-    border-width: @bx-border-width-button-large;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-large;
 
-
 
-    border-radius: @bx-border-radius-button-large;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-large;
 
-    -moz-box-shadow: @bx-shadow-button-large;
 
-    box-shadow: @bx-shadow-button-large;
 
-
 
-    text-shadow: @bx-shadow-font-button-large;
 
-
 
-    font-family: @bx-font-family-button-large;
 
-    font-size: @bx-font-size-button-large;
 
-    font-weight: @bx-font-weight-button-large;
 
-    color: @bx-font-color-button-large;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-large-primary;
 
-    line-height: (@bx-height-button-large-primary - 0.125 * @bx-border-width-button-large-primary);
 
-
 
-    .background-color (@bx-color-button-large-primary);
 
-
 
-    border-width: @bx-border-width-button-large-primary;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-large-primary;
 
-
 
-    border-radius: @bx-border-radius-button-large-primary;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-large-primary;
 
-    -moz-box-shadow: @bx-shadow-button-large-primary;
 
-    box-shadow: @bx-shadow-button-large-primary;
 
-
 
-    text-shadow: @bx-shadow-font-button-large-primary;
 
-
 
-    font-family: @bx-font-family-button-large-primary;
 
-    font-size: @bx-font-size-button-large-primary;
 
-    font-weight: @bx-font-weight-button-large-primary;
 
-    color: @bx-font-color-button-large-primary;
 
-}
 
-.bx-btn-large-height {
 
-    height: @bx-height-button-large;
 
-    line-height: @bx-height-button-large;
 
-}
 
-.bx-btn-large-height.bx-btn-primary {
 
-    height: @bx-height-button-large-primary;
 
-    line-height: @bx-height-button-large-primary;
 
-}
 
-.bx-btn-large-border {
 
-    border-width: @bx-border-width-button-large;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn-large-border.bx-btn-primary {
 
-    border-width: @bx-border-width-button-large-primary;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn.bx-btn-large:hover,
 
-.bx-btn.bx-btn-large:active {
 
-    border-width: @bx-border-width-button-large;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-large:hover {
 
-    border-color: @bx-color-border-button-large-hover;
 
-
 
-    .background-color (@bx-color-button-large-hover);
 
-
 
-    color: @bx-font-color-button-large-hover;
 
-}
 
-.bx-btn.bx-btn-large:active {
 
-    border-color: @bx-color-border-button-large-click;
 
-
 
-    .background-color (@bx-color-button-large-click);
 
-    box-shadow: @bx-shadow-color-button-click;
 
-
 
-    color: @bx-font-color-button-large-click;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-large.bx-btn-primary:active {
 
-    border-width: @bx-border-width-button-large-primary;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:hover {
 
-    border-color: @bx-color-border-button-large-primary-hover;
 
-
 
-    .background-color (@bx-color-button-large-primary-hover);
 
-
 
-    color: @bx-font-color-button-large-primary-hover;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:active {
 
-    border-color: @bx-color-border-button-large-primary-click;
 
-
 
-    .background-color (@bx-color-button-large-primary-click);
 
-    box-shadow: @bx-shadow-color-button-primary-click;
 
-
 
-    color: @bx-font-color-button-large-primary-click;
 
-}
 
-.bx-btn.bx-btn-large .sys-icon {
 
-    color: @bx-font-color-button-large;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary .sys-icon {
 
-    color: @bx-font-color-button-large-primary;
 
-}
 
-.bx-btn.bx-btn-large:hover .sys-icon {
 
-    color: @bx-font-color-button-large-hover;
 
-}
 
-.bx-btn.bx-btn-large:active .sys-icon {
 
-    color: @bx-font-color-button-large-click;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:hover .sys-icon {
 
-    color: @bx-font-color-button-large-primary-hover;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary:active .sys-icon {
 
-    color: @bx-font-color-button-large-primary-click;
 
-}
 
-.bx-btn.bx-btn-large .bx-loading-ajax-btn {
 
-    margin-top: -@bx-border-width-button-large;
 
-}
 
-.bx-btn.bx-btn-large.bx-btn-primary .bx-loading-ajax-btn {
 
-    margin-top: -@bx-border-width-button-large-primary;
 
-}
 
-
 
-/* button small */
 
-.bx-btn.bx-btn-small {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-small;
 
-    line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
-
 
-    .background-color (@bx-color-button-small);
 
-
 
-    border-width: @bx-border-width-button-small;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-small;
 
-
 
-    border-radius: @bx-border-radius-button-small;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-small;
 
-    -moz-box-shadow: @bx-shadow-button-small;
 
-    box-shadow: @bx-shadow-button-small;
 
-
 
-    text-shadow: @bx-shadow-font-button-small;
 
-
 
-    font-family: @bx-font-family-button-small;
 
-    font-size: @bx-font-size-button-small;
 
-    font-weight: @bx-font-weight-button-small;
 
-    color: @bx-font-color-button-small;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary {
 
-    .box-sizing(@base-input-box-sizing);
 
-
 
-    height: @bx-height-button-small-primary;
 
-    line-height: (@bx-height-button-small-primary - 0.125 * @bx-border-width-button-small-primary);
 
-
 
-    .background-color (@bx-color-button-small-primary);
 
-
 
-    border-width: @bx-border-width-button-small-primary;
 
-    border-style: solid;
 
-    border-color: @bx-color-border-button-small-primary;
 
-
 
-    border-radius: @bx-border-radius-button-small-primary;
 
-    background-clip: padding-box;
 
-
 
-    -webkit-box-shadow: @bx-shadow-button-small-primary;
 
-    -moz-box-shadow: @bx-shadow-button-small-primary;
 
-    box-shadow: @bx-shadow-button-small-primary;
 
-
 
-    text-shadow: @bx-shadow-font-button-small-primary;
 
-
 
-    font-family: @bx-font-family-button-small-primary;
 
-    font-size: @bx-font-size-button-small-primary;
 
-    font-weight: @bx-font-weight-button-small-primary;
 
-    color: @bx-font-color-button-small-primary;
 
-}
 
-.bx-btn-small-height {
 
-    height: @bx-height-button-small;
 
-    line-height: @bx-height-button-small;
 
-}
 
-.bx-btn-small-height.bx-btn-primary {
 
-    height: @bx-height-button-small-primary;
 
-    line-height: @bx-height-button-small-primary;
 
-}
 
-.bx-btn-small-border {
 
-    border-width: @bx-border-width-button-small;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn-small-border.bx-btn-primary {
 
-    border-width: @bx-border-width-button-small-primary;
 
-    border-style: solid;
 
-    border-color: transparent;
 
-}
 
-.bx-btn.bx-btn-small:hover,
 
-.bx-btn.bx-btn-small:active {
 
-    border-width: @bx-border-width-button-small;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-small:hover {
 
-    border-color: @bx-color-border-button-small-hover;
 
-
 
-    .background-color (@bx-color-button-small-hover);
 
-
 
-    color: @bx-font-color-button-small-hover;
 
-}
 
-.bx-btn.bx-btn-small:active {
 
-    border-color: @bx-color-border-button-small-click;
 
-
 
-    .background-color (@bx-color-button-small-click);
 
-    box-shadow: @bx-shadow-color-button-click;
 
-
 
-    color: @bx-font-color-button-small-click;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:hover,
 
-.bx-btn.bx-btn-small.bx-btn-primary:active {
 
-    border-width: @bx-border-width-button-small-primary;
 
-    border-style: solid;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:hover {
 
-    border-color: @bx-color-border-button-small-primary-hover;
 
-
 
-    .background-color (@bx-color-button-small-primary-hover);
 
-
 
-    color: @bx-font-color-button-small-primary-hover;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:active {
 
-    border-color: @bx-color-border-button-small-primary-click;
 
-
 
-    .background-color (@bx-color-button-small-primary-click);
 
-    box-shadow: @bx-shadow-color-button-primary-click;
 
-
 
-    color: @bx-font-color-button-small-primary-click;
 
-}
 
-.bx-btn.bx-btn-small .sys-icon {
 
-    color: @bx-font-color-button-small;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary .sys-icon {
 
-    color: @bx-font-color-button-small-primary;
 
-}
 
-.bx-btn.bx-btn-small:hover .sys-icon {
 
-    color: @bx-font-color-button-small-hover;
 
-}
 
-.bx-btn.bx-btn-small:active .sys-icon {
 
-    color: @bx-font-color-button-small-click;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:hover .sys-icon {
 
-    color: @bx-font-color-button-small-primary-hover;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary:active .sys-icon {
 
-    color: @bx-font-color-button-small-primary-click;
 
-}
 
-.bx-btn.bx-btn-small .bx-loading-ajax-btn {
 
-    margin-top: -@bx-border-width-button-small;
 
-}
 
-.bx-btn.bx-btn-small.bx-btn-primary .bx-loading-ajax-btn {
 
-    margin-top: -@bx-border-width-button-small-primary;
 
-}
 
-
 
-/* colors */
 
-.bx-def-color-bg-hl,
 
-.bx-def-color-bg-hl-even:nth-child(even),
 
-.bx-def-color-bg-hl-hover:hover {
 
-    -webkit-transition: background-color 0.2s ease-in-out;
 
-    -moz-transition: background-color 0.2s ease-in-out;
 
-    -o-transition: background-color 0.2s ease-in-out;
 
-    transition: background-color 0.2s ease-in-out;
 
-}
 
-
 
-
 
-/* grid */
 
-.bx-def-color-bg-page .bx-grid-table-wrapper2:before {
 
-    background: @bx-color-page-gradient-left;
 
-}
 
-.bx-def-color-bg-page .bx-grid-table-wrapper2:after {
 
-    background: @bx-color-page-gradient-right;
 
-}
 
-
 
-.bx-def-color-bg-block .bx-grid-table-wrapper2:before {
 
-    background: @bx-color-block-gradient-left;
 
-}
 
-.bx-def-color-bg-block .bx-grid-table-wrapper2:after {
 
-    background: @bx-color-block-gradient-right;
 
+.@{bx-root-class-name}{
 
+
 
+    @import '../../../../../../../template/css/default.less';
 
+
 
+    /**
 
+     * Is used for inputs and buttons. They should have the same value 
+     * because Input and Button can be positioned in one line.
 
+     */
 
+    @base-input-box-sizing: border-box;
 
+
 
+
 
+    /* viewport */
 
+    html.bx-media-tablet {
 
+        font-size: @bx-viewport-font-tablet !important;
 
+    }
 
+
 
+    html.bx-media-phone {
 
+        font-size: @bx-viewport-font-mobile !important;
 
+    }
 
+
 
+    /* height */
 
+    .bx-header {
 
+        height: @bx-height-header !important;
 
+    }
 
+    .bx-menu-toolbar-padding {
 
+        padding-top: @bx-height-header !important;
 
+    }
 
+
 
+    /* content paddings */
 
+    .bx-content-padding-header {
 
+        padding: @bx-content-padding-header;
 
+    }
 
+    .bx-content-padding-footer {
 
+        padding: @bx-content-padding-footer;
 
+    }
 
+    .bx-content-padding-block {
 
+        padding: @bx-content-padding-block;
 
+    }
 
+
 
+    /* shadow */
 
+    .bx-shadow-header {
 
+        -webkit-box-shadow: @bx-shadow-header;
 
+        -moz-box-shadow: @bx-shadow-header;
 
+        box-shadow: @bx-shadow-header;
 
+    }
 
+    .bx-shadow-footer {
 
+        -webkit-box-shadow: @bx-shadow-footer;
 
+        -moz-box-shadow: @bx-shadow-footer;
 
+        box-shadow: @bx-shadow-footer;
 
+    }
 
+    .bx-shadow-block {
 
+        -webkit-box-shadow: @bx-shadow-block;
 
+        -moz-box-shadow: @bx-shadow-block;
 
+        box-shadow: @bx-shadow-block;
 
+    }
 
+    .bx-def-box {
 
+        -webkit-box-shadow: @bx-shadow-card;
 
+        -moz-box-shadow: @bx-shadow-card;
 
+        box-shadow: @bx-shadow-card;
 
+    }
 
+    .bx-popup-applied {
 
+        border-radius: @bx-border-radius-popup;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-popup-applied:not(.bx-popup-chain),
 
+    .bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
 
+        -webkit-box-shadow: @bx-shadow-popup;
 
+        -moz-box-shadow: @bx-shadow-popup;
 
+        box-shadow: @bx-shadow-popup;
 
+    }
 
+    .bx-popup-applied.bx-popup-chain .bx-popup-chain-item a:hover {
 
+        background-color: @bx-color-hl;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper {
 
+        -webkit-box-shadow: @bx-shadow-menu-slide;
 
+        -moz-box-shadow: @bx-shadow-menu-slide;
 
+        box-shadow: @bx-shadow-menu-slide;
 
+    }
 
+    .bx-btn {
 
+        -webkit-box-shadow: @bx-shadow-button;
 
+        -moz-box-shadow: @bx-shadow-button;
 
+        box-shadow: @bx-shadow-button;
 
+    }
 
+    .bx-btn.bx-btn-small {
 
+        -webkit-box-shadow: @bx-shadow-button-small;
 
+        -moz-box-shadow: @bx-shadow-button-small;
 
+        box-shadow: @bx-shadow-button-small;
 
+    }
 
+
 
+
 
+    /* background images */
 
+    .bx-def-image-bg-header,
 
+    .bx-def-image-bg-footer,
 
+    .bx-def-image-bg-page,
 
+    .bx-def-image-bg-block,
 
+    .bx-def-box,
 
+    .bx-popup-color-bg,
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper,
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
+    #bx-sliding-menu-account.bx-sliding-menu-main,
 
+    .bx-menu-main-bar-wrapper {
 
+        background-position: center center;
 
+    }
 
+    .bx-def-image-bg-header {
 
+        background-image: @bx-image-bg-header;
 
+        background-repeat: @bx-image-bg-header-repeat;
 
+        background-attachment: @bx-image-bg-header-attachment;
 
+        background-size: @bx-image-bg-header-size;
 
+    }
 
+    .bx-def-image-bg-footer {
 
+        background-image: @bx-image-bg-footer;
 
+        background-repeat: @bx-image-bg-footer-repeat;
 
+        background-attachment: @bx-image-bg-footer-attachment;
 
+        background-size: @bx-image-bg-footer-size;
 
+    }
 
+    .bx-def-image-bg-page {
 
+        background-image: @bx-image-bg-page;
 
+        background-repeat: @bx-image-bg-page-repeat;
 
+        background-attachment: @bx-image-bg-page-attachment;
 
+        background-size: @bx-image-bg-page-size;
 
+    }
 
+    .bx-def-image-bg-block {
 
+        background-image: @bx-image-bg-block;
 
+        background-repeat: @bx-image-bg-block-repeat;
 
+        background-attachment: @bx-image-bg-block-attachment;
 
+        background-size: @bx-image-bg-block-size;
 
+    }
 
+    .bx-def-box {
 
+        background-image: @bx-image-bg-box;
 
+        background-repeat: @bx-image-bg-box-repeat;
 
+        background-attachment: @bx-image-bg-box-attachment;
 
+        background-size: @bx-image-bg-box-size;
 
+    }
 
+
 
+    /* body */
 
+    a {
 
+        color: @bx-color-link-body; 
+    }
 
+    a:hover {
 
+        color: @bx-color-link-body-hover; 
+    }
 
+    .sys-icon:not(.sys-colored),
 
+    .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-body; 
+    }
 
+    a:hover > .sys-icon:not(.sys-colored),
 
+    a:hover > .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-body-hover; 
+    }
 
+    .sys-icon-a i {
 
+        .background-color (@bx-color-icon-body) !important;
 
+        color: @bx-color-icon-body;
 
+    }
 
+    a:hover > .sys-icon-a i {
 
+        .background-color (@bx-color-icon-body-hover) !important;
 
+        color: @bx-color-icon-body-hover;
 
+    }
 
+
 
+    /* header */
 
+    .bx-header.bx-def-color-bg-header {
 
+        .background-color (@bx-color-header);
 
+    }
 
+    .bx-header.bx-def-border-header {
 
+        border-bottom-width: @bx-border-width-header;
 
+        border-bottom-style: @bx-border-type;
 
+        border-bottom-color: @bx-color-border-header;
 
+    }
 
+    .bx-header a {
 
+        color: @bx-color-link-header; 
+    }
 
+    .bx-header a:hover {
 
+        color: @bx-color-link-header-hover;
 
+    }
 
+    .bx-header .sys-icon:not(.sys-colored),
 
+    .bx-header .sys-icon-a:not(.sys-colored) {
 
+        color: @bx-color-icon-header; 
+    }
 
+    .bx-header a:hover .sys-icon,
 
+    .bx-header a:hover .sys-icon-a {
 
+        color: @bx-color-icon-header-hover; 
+    } 
+    .bx-header .sys-icon-a:not(.sys-colored) i {
 
+        .background-color (@bx-color-icon-header) !important;
 
+        color: @bx-color-icon-header;
 
+    }
 
+    .bx-header a:hover .sys-icon-a i {
 
+        .background-color (@bx-color-icon-header-hover) !important;
 
+        color: @bx-color-icon-header-hover;
 
+    }
 
+
 
+    /* footer */
 
+    .bx-def-color-bg-footer {
 
+        .background-color (@bx-color-footer);    
+    }
 
+    .bx-def-border-footer {
 
+        border-top-width: @bx-border-width-footer;
 
+        border-top-style: @bx-border-type;
 
+        border-top-color: @bx-color-border-footer;
 
+    }
 
+    .bx-footer {
 
+        color: @bx-font-color-footer;
 
+    }
 
+    .bx-footer a {
 
+        color: @bx-color-link-footer; 
+    }
 
+    .bx-footer a:hover {
 
+        color: @bx-color-link-footer-hover; 
+    }
 
+    .bx-footer .sys-icon,
 
+    .bx-footer .sys-icon-a {
 
+        color: @bx-color-icon-footer; 
+    }
 
+    .bx-footer a:hover .sys-icon,
 
+    .bx-footer a:hover .sys-icon-a {
 
+        color: @bx-color-icon-footer-hover; 
+    }
 
+    .bx-footer .sys-icon-a i {
 
+        .background-color (@bx-color-icon-footer) !important;
 
+        color: @bx-color-icon-footer;
 
+    }
 
+    .bx-footer a:hover .sys-icon-a i {
 
+        .background-color (@bx-color-icon-footer-hover) !important;
 
+        color: @bx-color-icon-footer-hover;
 
+    }
 
+
 
+    /* fonts */
 
+    .bx-def-font-inputs {
 
+        font-family: @bx-font-family-form-input;
 
+        font-size: @bx-font-size-form-input;
 
+        color: @bx-font-color-form-input;
 
+    }
 
+
 
+    h1,
 
+    .bx-def-font-h1 {
 
+        font-weight: @bx-font-weight-h1;
 
+        color: @bx-font-color-default-h1;
 
+    }
 
+    h1.bx-def-font-grayed,
 
+    h1 .bx-def-font-grayed,
 
+    .bx-def-font-h1.bx-def-font-grayed,
 
+    .bx-def-font-h1 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h1;
 
+    }
 
+    h1.bx-def-font-contrasted,
 
+    h1.bx-def-font-contrasted:after,
 
+    h1.bx-def-font-contrasted:before,
 
+    h1 .bx-def-font-contrasted,
 
+    h1 .bx-def-font-contrasted:after,
 
+    h1 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h1.bx-def-font-contrasted,
 
+    .bx-def-font-h1.bx-def-font-contrasted:after,
 
+    .bx-def-font-h1.bx-def-font-contrasted:before,
 
+    .bx-def-font-h1 .bx-def-font-contrasted,
 
+    .bx-def-font-h1 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h1 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h1;
 
+    }
 
+    h1 a,
 
+    .bx-def-font-h1 a,
 
+    a.bx-def-font-h1 {
 
+        color: @bx-font-color-link-h1;
 
+    }
 
+    h1 a:hover,
 
+    .bx-def-font-h1 a:hover,
 
+    a.bx-def-font-h1:hover {
 
+        color: @bx-font-color-link-h1-hover;
 
+    }
 
+
 
+    h2,
 
+    .bx-def-font-h2 {
 
+        font-weight: @bx-font-weight-h2;
 
+        color: @bx-font-color-default-h2;
 
+    }
 
+    h2.bx-def-font-grayed,
 
+    h2 .bx-def-font-grayed,
 
+    .bx-def-font-h2.bx-def-font-grayed,
 
+    .bx-def-font-h2 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h2;
 
+    }
 
+    h2.bx-def-font-contrasted,
 
+    h2.bx-def-font-contrasted:after,
 
+    h2.bx-def-font-contrasted:before,
 
+    h2 .bx-def-font-contrasted,
 
+    h2 .bx-def-font-contrasted:after,
 
+    h2 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h2.bx-def-font-contrasted,
 
+    .bx-def-font-h2.bx-def-font-contrasted:after,
 
+    .bx-def-font-h2.bx-def-font-contrasted:before,
 
+    .bx-def-font-h2 .bx-def-font-contrasted,
 
+    .bx-def-font-h2 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h2 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h2;
 
+    }
 
+    h2 a,
 
+    .bx-def-font-h2 a,
 
+    a.bx-def-font-h2 {
 
+        color: @bx-font-color-link-h2;
 
+    }
 
+    h2 a:hover,
 
+    .bx-def-font-h2 a:hover,
 
+    a.bx-def-font-h2:hover {
 
+        color: @bx-font-color-link-h2-hover;
 
+    }
 
+
 
+    h3,
 
+    .bx-def-font-h3 {
 
+        font-weight: @bx-font-weight-h3;
 
+        color: @bx-font-color-default-h3;
 
+    }
 
+    h3.bx-def-font-grayed,
 
+    h3 .bx-def-font-grayed,
 
+    .bx-def-font-h3.bx-def-font-grayed,
 
+    .bx-def-font-h3 .bx-def-font-grayed {
 
+        color: @bx-font-color-grayed-h3;
 
+    }
 
+    h3.bx-def-font-contrasted,
 
+    h3.bx-def-font-contrasted:after,
 
+    h3.bx-def-font-contrasted:before,
 
+    h3 .bx-def-font-contrasted,
 
+    h3 .bx-def-font-contrasted:after,
 
+    h3 .bx-def-font-contrasted:before,
 
+    .bx-def-font-h3.bx-def-font-contrasted,
 
+    .bx-def-font-h3.bx-def-font-contrasted:after,
 
+    .bx-def-font-h3.bx-def-font-contrasted:before,
 
+    .bx-def-font-h3 .bx-def-font-contrasted,
 
+    .bx-def-font-h3 .bx-def-font-contrasted:after,
 
+    .bx-def-font-h3 .bx-def-font-contrasted:before {
 
+        color: @bx-font-color-contrasted-h3;
 
+    }
 
+    h3 a,
 
+    .bx-def-font-h3 a,
 
+    a.bx-def-font-h3 {
 
+        color: @bx-font-color-link-h3;
 
+    }
 
+    h3 a:hover,
 
+    .bx-def-font-h3 a:hover,
 
+    a.bx-def-font-h3:hover {
 
+        color: @bx-font-color-link-h3-hover;
 
+    }
 
+
 
+    /* cover */
 
+    .bx-menu-toolbar-padding .bx-def-cover-color-bg {
 
+        background-color: @bx-color-cover;
 
+    }
 
+
 
+    .bx-menu-toolbar-padding .bx-cover-wrapper {
 
+        border-width: @bx-border-width-cover;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-cover;
 
+
 
+        border-radius: @bx-border-radius-cover;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-cover;
 
+        -moz-box-shadow: @bx-shadow-cover;
 
+        box-shadow: @bx-shadow-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover {
 
+        min-height: @bx-height-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-actions .bx-menu-btns-hor {
 
+        text-align: @bx-text-align-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover.bx-def-padding {
 
+        padding: @bx-content-padding-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-image img {
 
+        border-width: @bx-border-width-cover-icon;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-cover-icon;
 
+
 
+        border-radius: @bx-border-radius-cover-icon;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-cover-icon;
 
+        -moz-box-shadow: @bx-shadow-cover-icon;
 
+        box-shadow: @bx-shadow-cover-icon;
 
+    }
 
+
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title {
 
+        text-shadow: @bx-shadow-text-cover;
 
+
 
+        font-family: @bx-font-family-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:after,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title .bx-def-font-contrasted:before {
 
+        color: @bx-color-font-cover;
 
+    }
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title,
 
+    .bx-cover-wrapper .bx-cover .bx-cover-title.bx-def-font-h1 {
 
+        font-size: @bx-font-size-cover;
 
+        font-weight: @bx-font-weight-cover;
 
+    }
 
+
 
+
 
+    /* block */
 
+    .bx-def-border-block {
 
+        border-width: @bx-border-width-block;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-block;
 
+
 
+        border-radius: @bx-border-radius-block;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-border-radius-block {
 
+        border-radius: @bx-border-radius-block;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-border-radius-block-int {
 
+        border-radius: @bx-border-radius-block-itl @bx-border-radius-block-itr @bx-border-radius-block-ibr @bx-border-radius-block-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-border-radius-block-int-top {
 
+        border-radius: @bx-border-radius-block-itl @bx-border-radius-block-itr 0 0;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-border-radius-block-int-bottom {
 
+        border-radius: 0 0 @bx-border-radius-block-ibr @bx-border-radius-block-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-db-header {
 
+        padding: @bx-title-padding-block;
 
+
 
+        border-width: @bx-border-width-block-title;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-block-title;
 
+
 
+        border-radius: @bx-border-radius-block-title;
 
+    }
 
+    .bx-def-color-bg-block .bx-db-header,
 
+    .bx-def-image-bg-block .bx-db-header {
 
+        background-clip: padding-box;
 
+        background-color: @bx-color-block-title;
 
+    }
 
+    .bx-db-header .bx-db-title {
 
+        line-height: 1.2;
 
+        font-family: @bx-font-family-block-title;
 
+        font-size: @bx-font-size-block-title;
 
+        font-weight: @bx-font-weight-block-title;
 
+        color: @bx-color-font-block-title;
 
+    }
 
+    .bx-db-divider {
 
+        border-top:@bx-height-block-title-div @bx-border-type @bx-color-block-title-div;
 
+    }
 
+
 
+
 
+    /* box */
 
+    .bx-def-box {
 
+        border-width: @bx-border-width-box;
 
+        border-style: @bx-border-type;
 
+        border-color: @bx-color-border-box;
 
+    }
 
+    .bx-def-box.bx-def-padding {
 
+        padding: @bx-content-padding-card;
 
+    }
 
+    .bx-def-box.bx-def-color-bg-box {
 
+        .background-color (@bx-color-box);
 
+    }
 
+    .bx-def-box.bx-def-color-bg-box-active,
 
+    .bx-def-box.bx-def-color-bg-box-hover:hover {
 
+        .background-color (@bx-color-box-hover);
 
+    }
 
+    .bx-def-box-round-corners,
 
+    .bx-def-box.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int-top {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-def-box-round-corners-int-bottom {
 
+        border-radius: 0 0 @bx-border-radius-box-ibr @bx-border-radius-box-ibl;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-base-pofile-unit-with-cover .bx-def-round-corners .bx-base-pofile-unit-cover {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+    .bx-base-text-unit.bx-base-text-unit-ext.bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners,
 
+    .bx-base-text-unit.bx-base-text-unit-ext .bx-def-round-corners img.bx-base-text-unit-cover.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+    .bx-base-text-unit.bx-base-text-unit-gallery.bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners,
 
+    .bx-base-text-unit.bx-base-text-unit-gallery .bx-def-round-corners .bx-base-text-unit-thumb.bx-def-round-corners {
 
+        border-radius: @bx-border-radius-box-itl @bx-border-radius-box-itr 0 0;
 
+    }
 
+
 
+    /* popup */
 
+    .bx-popup-border {
 
+        border-width: @bx-border-width-popup;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-popup;
 
+
 
+        border-radius: @bx-border-radius-popup;
 
+        background-clip: padding-box;
 
+    }
 
+    .bx-popup-color-bg {
 
+        background-color: @bx-color-popup;
 
+
 
+        background-image: @bx-image-bg-popup;
 
+        background-repeat: @bx-image-bg-popup-repeat;
 
+        background-attachment: @bx-image-bg-popup-attachment;
 
+        background-size: @bx-image-bg-popup-size;
 
+    }
 
+    .bx-popup-content-indent {
 
+        padding: @bx-content-padding-popup;
 
+    }
 
+    .bx-popup-header {
 
+        padding: @bx-title-padding-popup;
 
+    }
 
+    .bx-popup-header .bx-popup-element-close {
 
+        margin: @bx-title-padding-popup;
 
+    }
 
+    .bx-popup-header-color-bg {
 
+        background-color: @bx-color-popup-title;
 
+    }
 
+    .bx-popup-header h2,
 
+    .bx-popup-header .bx-popup-element-close {
 
+        line-height: 1.8rem;
 
+    }
 
+    .bx-popup-header h2 {
 
+        font-family: @bx-font-family-popup-title;
 
+        font-size: @bx-font-size-popup-title;
 
+    }
 
+    .bx-popup-header h2,
 
+    .bx-popup-header.bx-def-font-contrasted h2,
 
+    .bx-popup-header .bx-popup-element-close,
 
+    .bx-popup-header.bx-def-font-contrasted .bx-popup-element-close,
 
+    .bx-popup-header .bx-popup-element-close .sys-icon,
 
+    .bx-popup-header.bx-def-font-contrasted .bx-popup-element-close .sys-icon {
 
+        color: @bx-color-font-popup-title;
 
+    }
 
+
 
+    /* slide menu */
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper {
 
+        border-width: @bx-border-width-menu-slide;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-slide;
 
+
 
+        .background-color (@bx-color-menu-slide);
 
+
 
+        background-image: @bx-image-bg-menu-slide;
 
+        background-repeat: @bx-image-bg-menu-slide-repeat;
 
+        background-attachment: @bx-image-bg-menu-slide-attachment;
 
+        background-size: @bx-image-bg-menu-slide-size;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper.bx-def-padding {
 
+        padding: @bx-content-padding-menu-slide;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li a {
 
+        text-shadow: @bx-shadow-font-menu-slide;
 
+
 
+        font-family: @bx-font-family-menu-slide;
 
+        font-size: @bx-font-size-menu-slide;
 
+        font-weight: @bx-font-weight-menu-slide;
 
+        color: @bx-font-color-menu-slide;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li a:hover {
 
+        color: @bx-font-color-menu-slide-hover;
 
+    }
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-tab-active a,
 
+    .bx-popup-wrapper.bx-popup-slide-wrapper li.bx-menu-inter-act {
 
+        color: @bx-font-color-menu-slide-active;
 
+    }
 
+
 
+    /* main menu */
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main,
 
+    #bx_notifications_preview.bx-sliding-menu {
 
+        -webkit-box-shadow: @bx-shadow-menu-main;
 
+        -moz-box-shadow: @bx-shadow-menu-main;
 
+        box-shadow: @bx-shadow-menu-main;
 
+
 
+        border-width: @bx-border-width-menu-main;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-main;
 
+
 
+        background-color: @bx-color-menu-main;
 
+
 
+        background-image: @bx-image-bg-menu-main;
 
+        background-repeat: @bx-image-bg-menu-main-repeat;
 
+        background-attachment: @bx-image-bg-menu-main-attachment;
 
+        background-size: @bx-image-bg-menu-main-size;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main {
 
+        text-align: center;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt,
 
+    #bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-main;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a,
 
+    #bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt li a {
 
+        text-shadow: @bx-shadow-font-menu-main;
 
+
 
+        font-family: @bx-font-family-menu-main;
 
+        font-size: @bx-font-size-menu-main;
 
+        font-weight: @bx-font-weight-menu-main;
 
+        color: @bx-font-color-menu-main;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 
+    #bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-main-active;
 
+    }
 
+    #bx-sliding-menu-sys_site.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    #bx-sliding-menu-sys_add_content.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    #bx-sliding-menu-search.bx-sliding-menu-main .bx-sliding-menu-main-cnt li a:hover,
 
+    #bx_notifications_preview.bx-sliding-menu .bx-sliding-menu-main-cnt li a:hover {
 
+        color: @bx-font-color-menu-main-hover;
 
+    }
 
+
 
+    /* account menu */
 
+    #bx-sliding-menu-account.bx-sliding-menu-main {
 
+        -webkit-box-shadow: @bx-shadow-menu-account;
 
+        -moz-box-shadow: @bx-shadow-menu-account;
 
+        box-shadow: @bx-shadow-menu-account;
 
+
 
+        border-width: @bx-border-width-menu-account;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-account;
 
+
 
+        background-color: @bx-color-menu-account;
 
+
 
+        background-image: @bx-image-bg-menu-account;
 
+        background-repeat: @bx-image-bg-menu-account-repeat;
 
+        background-attachment: @bx-image-bg-menu-account-attachment;
 
+        background-size: @bx-image-bg-menu-account-size;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-sliding-menu-main-cnt {
 
+        padding: @bx-content-padding-menu-account;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a {
 
+        text-shadow: @bx-shadow-font-menu-account;
 
+
 
+        font-family: @bx-font-family-menu-account;
 
+        font-size: @bx-font-size-menu-account;
 
+        font-weight: @bx-font-weight-menu-account;
 
+        color: @bx-font-color-menu-account;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-account-active;
 
+    }
 
+    #bx-sliding-menu-account.bx-sliding-menu-main .bx-menu-account-popup li a:hover {
 
+        color: @bx-font-color-menu-account-hover;
 
+    }
 
+
 
+    /* page menu */
 
+    .bx-menu-main-bar-wrapper {
 
+        -webkit-box-shadow: @bx-shadow-menu-page;
 
+        -moz-box-shadow: @bx-shadow-menu-page;
 
+        box-shadow: @bx-shadow-menu-page;
 
+
 
+        border-width: @bx-border-width-menu-page;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-menu-page;
 
+        border-bottom-right-radius: @bx-border-radius-block-br;
 
+        border-bottom-left-radius: @bx-border-radius-block-bl;
 
+
 
+        background-color: @bx-color-menu-page;
 
+
 
+        background-image: @bx-image-bg-menu-page;
 
+        background-repeat: @bx-image-bg-menu-page-repeat;
 
+        background-attachment: @bx-image-bg-menu-page-attachment;
 
+        background-size: @bx-image-bg-menu-page-size;
 
+        background-clip: border-box;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu {
 
+        padding: @bx-content-padding-menu-page;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li a {
 
+        text-shadow: @bx-shadow-font-menu-page;
 
+
 
+        font-family: @bx-font-family-menu-page;
 
+        font-size: @bx-font-size-menu-page;
 
+        font-weight: @bx-font-weight-menu-page;
 
+        color: @bx-font-color-menu-page;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li a:hover {
 
+        color: @bx-font-color-menu-page-hover;
 
+    }
 
+    .bx-menu-main-bar-wrapper .bx-menu-main-submenu li.bx-menu-tab-active a {
 
+        color: @bx-font-color-menu-page-active;
 
+    }
 
+
 
+    /* form */
 
+    .bx-form-value .bx-form-input-slider,
 
+    .bx-form-value .bx-form-input-doublerange,
 
+    .bx-form-value .bx-form-input-select_multiple,
 
+    .bx-form-value .bx-form-input-select,
 
+    .bx-form-value .bx-form-input-radio_set,
 
+    .bx-form-value .bx-form-input-checkbox_set,
 
+    .bx-form-value .bx-form-input-number,
 
+    .bx-form-value .bx-form-input-time,
 
+    .bx-form-value .bx-form-input-datepicker,
 
+    .bx-form-value .bx-form-input-datetime,
 
+    .bx-form-value .bx-form-input-textarea,
 
+    .bx-form-value .bx-form-input-text,
 
+    .bx-form-value .bx-form-input-price,
 
+    .bx-form-value .bx-form-input-wrapper-price span,
 
+    .bx-form-value .bx-form-input-wrapper-password {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        border-color: @bx-color-border-form-input;
 
+        border-width: @bx-border-width-form-input;
 
+
 
+        background-color: @bx-color-form-input;
 
+
 
+        -webkit-box-shadow: @bx-shadow-form-input;
 
+        -moz-box-shadow: @bx-shadow-form-input;
 
+        box-shadow: @bx-shadow-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-slider,
 
+    .bx-form-value .bx-form-input-doublerange,
 
+    .bx-form-value .bx-form-input-select,
 
+    .bx-form-value .bx-form-input-number,
 
+    .bx-form-value .bx-form-input-time,
 
+    .bx-form-value .bx-form-input-datepicker,
 
+    .bx-form-value .bx-form-input-datetime,
 
+    .bx-form-value .bx-form-input-text,
 
+    .bx-form-value .bx-form-input-price,
 
+    .bx-form-value .bx-form-input-wrapper-price span,
 
+    .bx-form-value .bx-form-input-wrapper-password {
 
+        height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b {
 
+        line-height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-text.bx-form-input-autotoken:not(.bx-form-input-labels) b .bx-def-thumb-size {
 
+        width: @bx-height-form-input;
 
+        height: @bx-height-form-input;
 
+        line-height: @bx-height-form-input;
 
+    }
 
+    .bx-form-value .bx-form-input-slider:focus,
 
+    .bx-form-value .bx-form-input-doublerange:focus,
 
+    .bx-form-value .bx-form-input-number:focus,
 
+    .bx-form-value .bx-form-input-time:focus,
 
+    .bx-form-value .bx-form-input-datepicker:focus,
 
+    .bx-form-value .bx-form-input-datetime:focus,
 
+    .bx-form-value .bx-form-input-textarea:focus,
 
+    .bx-form-value .bx-form-input-text:focus,
 
+    .bx-form-value .bx-form-input-price:focus,
 
+    .bx-form-value .bx-form-input-wrapper-password.bx-form-input-focus {
 
+        border-color: @bx-color-border-form-input-active;
 
+        background-color: @bx-color-form-input-active;
 
+    }
 
+
 
+    .bx-form-value .bx-switcher-cont,
 
+    .bx-grid-table .bx-switcher-cont {
 
+        border-color: @bx-color-border-form-input;
 
+        border-width: @bx-border-width-form-input;
 
+
 
+        background-color: @bx-color-form-input;
 
+
 
+        -webkit-box-shadow: @bx-shadow-form-input;
 
+        -moz-box-shadow: @bx-shadow-form-input;
 
+        box-shadow: @bx-shadow-form-input;
 
+    }
 
+
 
+    /* button normal */
 
+    .bx-btn {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button;
 
+        line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
+
 
+        .background-color (@bx-color-button);
 
+
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button;
 
+
 
+        border-radius: @bx-border-radius-button;
 
+        background-clip: padding-box;
 
+
 
+        text-shadow: @bx-shadow-font-button;
 
+        text-transform: uppercase;
 
+
 
+        font-family: @bx-font-family-button;
 
+        font-size: @bx-font-size-button;
 
+        font-weight: @bx-font-weight-button;
 
+        color: @bx-font-color-button;
 
+    }
 
+    .bx-btn.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-primary;
 
+        line-height: (@bx-height-button-primary - 0.125 * @bx-border-width-button-primary);
 
+
 
+        .background-color (@bx-color-button-primary);
 
+
 
+        border-width: @bx-border-width-button-primary;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-primary;
 
+
 
+        border-radius: @bx-border-radius-button-primary;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-primary;
 
+        -moz-box-shadow: @bx-shadow-button-primary;
 
+        box-shadow: @bx-shadow-button-primary;
 
+
 
+        text-shadow: @bx-shadow-font-button-primary;
 
+
 
+        font-family: @bx-font-family-button-primary;
 
+        font-size: @bx-font-size-button-primary;
 
+        font-weight: @bx-font-weight-button-primary;
 
+        color: @bx-font-color-button-primary;
 
+    }
 
+    .bx-btn-height {
 
+        height: @bx-height-button;
 
+        line-height: @bx-height-button;
 
+    }
 
+    .bx-btn-border {
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn-height.bx-btn-primary {
 
+        height: @bx-height-button-primary;
 
+        line-height: @bx-height-button-primary;
 
+    }
 
+    .bx-btn-border.bx-btn-primary {
 
+        border-width: @bx-border-width-button-primary;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn:hover,
 
+    .bx-btn:active {
 
+        border-width: @bx-border-width-button;
 
+        border-style: solid;
 
+
 
+    }
 
+    .bx-btn:hover {
 
+        border-color: @bx-color-border-button-hover;
 
+
 
+        .background-color (@bx-color-button-hover);
 
+
 
+        color: @bx-font-color-button-hover;
 
+    }
 
+    .bx-btn:active {
 
+        border-color: @bx-color-border-button-click;
 
+
 
+        .background-color (@bx-color-button-click);
 
+        box-shadow: @bx-shadow-color-button-click; 
+
 
+        color: @bx-font-color-button-click;
 
+
 
+    }
 
+    .bx-btn.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button-primary;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-primary:hover {
 
+        border-color: @bx-color-border-button-primary-hover;
 
+
 
+        .background-color (@bx-color-button-primary-hover);
 
+
 
+        color: @bx-font-color-button-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-primary:active {
 
+        border-color: @bx-color-border-button-primary-click;
 
+
 
+        .background-color (@bx-color-button-primary-click);
 
+        box-shadow: @bx-shadow-color-button-primary-click;
 
+
 
+        color: @bx-font-color-button-primary-click;
 
+    }
 
+
 
+    .bx-btn .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button;
 
+    }
 
+    .bx-btn.bx-btn-primary .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-primary;
 
+    }
 
+    .bx-btn:hover .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-hover;
 
+    }
 
+    .bx-btn:active .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-click;
 
+    }
 
+    .bx-btn.bx-btn-primary:hover .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-primary:active .sys-icon:not(.sys-colored) {
 
+        color: @bx-font-color-button-primary-click;
 
+    }
 
+    .bx-btn .bx-loading-ajax-btn {
 
+        margin-top: -@bx-border-width-button;
 
+    }
 
+    .bx-btn.bx-btn-primary .bx-loading-ajax-btn {
 
+        margin-top: -@bx-border-width-button-primary;
 
+    }
 
+
 
+    /* button large */
 
+    .bx-btn.bx-btn-large {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-large;
 
+        line-height: (@bx-height-button-large - 0.125 * @bx-border-width-button-large);
 
+
 
+        .background-color (@bx-color-button-large);
 
+
 
+        border-width: @bx-border-width-button-large;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-large;
 
+
 
+        border-radius: @bx-border-radius-button-large;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-large;
 
+        -moz-box-shadow: @bx-shadow-button-large;
 
+        box-shadow: @bx-shadow-button-large;
 
+
 
+        text-shadow: @bx-shadow-font-button-large;
 
+
 
+        font-family: @bx-font-family-button-large;
 
+        font-size: @bx-font-size-button-large;
 
+        font-weight: @bx-font-weight-button-large;
 
+        color: @bx-font-color-button-large;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-large-primary;
 
+        line-height: (@bx-height-button-large-primary - 0.125 * @bx-border-width-button-large-primary);
 
+
 
+        .background-color (@bx-color-button-large-primary);
 
+
 
+        border-width: @bx-border-width-button-large-primary;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-large-primary;
 
+
 
+        border-radius: @bx-border-radius-button-large-primary;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-large-primary;
 
+        -moz-box-shadow: @bx-shadow-button-large-primary;
 
+        box-shadow: @bx-shadow-button-large-primary;
 
+
 
+        text-shadow: @bx-shadow-font-button-large-primary;
 
+
 
+        font-family: @bx-font-family-button-large-primary;
 
+        font-size: @bx-font-size-button-large-primary;
 
+        font-weight: @bx-font-weight-button-large-primary;
 
+        color: @bx-font-color-button-large-primary;
 
+    }
 
+    .bx-btn-large-height {
 
+        height: @bx-height-button-large;
 
+        line-height: @bx-height-button-large;
 
+    }
 
+    .bx-btn-large-height.bx-btn-primary {
 
+        height: @bx-height-button-large-primary;
 
+        line-height: @bx-height-button-large-primary;
 
+    }
 
+    .bx-btn-large-border {
 
+        border-width: @bx-border-width-button-large;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn-large-border.bx-btn-primary {
 
+        border-width: @bx-border-width-button-large-primary;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn.bx-btn-large:hover,
 
+    .bx-btn.bx-btn-large:active {
 
+        border-width: @bx-border-width-button-large;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-large:hover {
 
+        border-color: @bx-color-border-button-large-hover;
 
+
 
+        .background-color (@bx-color-button-large-hover);
 
+
 
+        color: @bx-font-color-button-large-hover;
 
+    }
 
+    .bx-btn.bx-btn-large:active {
 
+        border-color: @bx-color-border-button-large-click;
 
+
 
+        .background-color (@bx-color-button-large-click);
 
+        box-shadow: @bx-shadow-color-button-click;
 
+
 
+        color: @bx-font-color-button-large-click;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-large.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button-large-primary;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:hover {
 
+        border-color: @bx-color-border-button-large-primary-hover;
 
+
 
+        .background-color (@bx-color-button-large-primary-hover);
 
+
 
+        color: @bx-font-color-button-large-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:active {
 
+        border-color: @bx-color-border-button-large-primary-click;
 
+
 
+        .background-color (@bx-color-button-large-primary-click);
 
+        box-shadow: @bx-shadow-color-button-primary-click;
 
+
 
+        color: @bx-font-color-button-large-primary-click;
 
+    }
 
+    .bx-btn.bx-btn-large .sys-icon {
 
+        color: @bx-font-color-button-large;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary .sys-icon {
 
+        color: @bx-font-color-button-large-primary;
 
+    }
 
+    .bx-btn.bx-btn-large:hover .sys-icon {
 
+        color: @bx-font-color-button-large-hover;
 
+    }
 
+    .bx-btn.bx-btn-large:active .sys-icon {
 
+        color: @bx-font-color-button-large-click;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:hover .sys-icon {
 
+        color: @bx-font-color-button-large-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary:active .sys-icon {
 
+        color: @bx-font-color-button-large-primary-click;
 
+    }
 
+    .bx-btn.bx-btn-large .bx-loading-ajax-btn {
 
+        margin-top: -@bx-border-width-button-large;
 
+    }
 
+    .bx-btn.bx-btn-large.bx-btn-primary .bx-loading-ajax-btn {
 
+        margin-top: -@bx-border-width-button-large-primary;
 
+    }
 
+
 
+    /* button small */
 
+    .bx-btn.bx-btn-small {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-small;
 
+        line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
+
 
+        .background-color (@bx-color-button-small);
 
+
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-small;
 
+
 
+        border-radius: @bx-border-radius-button-small;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-small;
 
+        -moz-box-shadow: @bx-shadow-button-small;
 
+        box-shadow: @bx-shadow-button-small;
 
+
 
+        text-shadow: @bx-shadow-font-button-small;
 
+
 
+        font-family: @bx-font-family-button-small;
 
+        font-size: @bx-font-size-button-small;
 
+        font-weight: @bx-font-weight-button-small;
 
+        color: @bx-font-color-button-small;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary {
 
+        .box-sizing(@base-input-box-sizing);
 
+
 
+        height: @bx-height-button-small-primary;
 
+        line-height: (@bx-height-button-small-primary - 0.125 * @bx-border-width-button-small-primary);
 
+
 
+        .background-color (@bx-color-button-small-primary);
 
+
 
+        border-width: @bx-border-width-button-small-primary;
 
+        border-style: solid;
 
+        border-color: @bx-color-border-button-small-primary;
 
+
 
+        border-radius: @bx-border-radius-button-small-primary;
 
+        background-clip: padding-box;
 
+
 
+        -webkit-box-shadow: @bx-shadow-button-small-primary;
 
+        -moz-box-shadow: @bx-shadow-button-small-primary;
 
+        box-shadow: @bx-shadow-button-small-primary;
 
+
 
+        text-shadow: @bx-shadow-font-button-small-primary;
 
+
 
+        font-family: @bx-font-family-button-small-primary;
 
+        font-size: @bx-font-size-button-small-primary;
 
+        font-weight: @bx-font-weight-button-small-primary;
 
+        color: @bx-font-color-button-small-primary;
 
+    }
 
+    .bx-btn-small-height {
 
+        height: @bx-height-button-small;
 
+        line-height: @bx-height-button-small;
 
+    }
 
+    .bx-btn-small-height.bx-btn-primary {
 
+        height: @bx-height-button-small-primary;
 
+        line-height: @bx-height-button-small-primary;
 
+    }
 
+    .bx-btn-small-border {
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn-small-border.bx-btn-primary {
 
+        border-width: @bx-border-width-button-small-primary;
 
+        border-style: solid;
 
+        border-color: transparent;
 
+    }
 
+    .bx-btn.bx-btn-small:hover,
 
+    .bx-btn.bx-btn-small:active {
 
+        border-width: @bx-border-width-button-small;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-small:hover {
 
+        border-color: @bx-color-border-button-small-hover;
 
+
 
+        .background-color (@bx-color-button-small-hover);
 
+
 
+        color: @bx-font-color-button-small-hover;
 
+    }
 
+    .bx-btn.bx-btn-small:active {
 
+        border-color: @bx-color-border-button-small-click;
 
+
 
+        .background-color (@bx-color-button-small-click);
 
+        box-shadow: @bx-shadow-color-button-click;
 
+
 
+        color: @bx-font-color-button-small-click;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:hover,
 
+    .bx-btn.bx-btn-small.bx-btn-primary:active {
 
+        border-width: @bx-border-width-button-small-primary;
 
+        border-style: solid;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:hover {
 
+        border-color: @bx-color-border-button-small-primary-hover;
 
+
 
+        .background-color (@bx-color-button-small-primary-hover);
 
+
 
+        color: @bx-font-color-button-small-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:active {
 
+        border-color: @bx-color-border-button-small-primary-click;
 
+
 
+        .background-color (@bx-color-button-small-primary-click);
 
+        box-shadow: @bx-shadow-color-button-primary-click;
 
+
 
+        color: @bx-font-color-button-small-primary-click;
 
+    }
 
+    .bx-btn.bx-btn-small .sys-icon {
 
+        color: @bx-font-color-button-small;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary .sys-icon {
 
+        color: @bx-font-color-button-small-primary;
 
+    }
 
+    .bx-btn.bx-btn-small:hover .sys-icon {
 
+        color: @bx-font-color-button-small-hover;
 
+    }
 
+    .bx-btn.bx-btn-small:active .sys-icon {
 
+        color: @bx-font-color-button-small-click;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:hover .sys-icon {
 
+        color: @bx-font-color-button-small-primary-hover;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary:active .sys-icon {
 
+        color: @bx-font-color-button-small-primary-click;
 
+    }
 
+    .bx-btn.bx-btn-small .bx-loading-ajax-btn {
 
+        margin-top: -@bx-border-width-button-small;
 
+    }
 
+    .bx-btn.bx-btn-small.bx-btn-primary .bx-loading-ajax-btn {
 
+        margin-top: -@bx-border-width-button-small-primary;
 
+    }
 
+
 
+    /* colors */
 
+    .bx-def-color-bg-hl,
 
+    .bx-def-color-bg-hl-even:nth-child(even),
 
+    .bx-def-color-bg-hl-hover:hover {
 
+        -webkit-transition: background-color 0.2s ease-in-out;
 
+        -moz-transition: background-color 0.2s ease-in-out;
 
+        -o-transition: background-color 0.2s ease-in-out;
 
+        transition: background-color 0.2s ease-in-out;
 
+    }
 
+
 
+
 
+    /* grid */
 
+    .bx-def-color-bg-page .bx-grid-table-wrapper2:before {
 
+        background: @bx-color-page-gradient-left;
 
+    }
 
+    .bx-def-color-bg-page .bx-grid-table-wrapper2:after {
 
+        background: @bx-color-page-gradient-right;
 
+    }
 
+
 
+    .bx-def-color-bg-block .bx-grid-table-wrapper2:before {
 
+        background: @bx-color-block-gradient-left;
 
+    }
 
+    .bx-def-color-bg-block .bx-grid-table-wrapper2:after {
 
+        background: @bx-color-block-gradient-right;
 
+    }
 
 }

+ 0 - 1
modules/boonex/protean/data/template/system/css/editor.less
Просмотреть файл 

@@ -1,4 +1,3 @@
 
-@import 'default.less';
 
 @import '../../../../../../../template/css/editor.less';
 
 
 .ql-toolbar.ql-snow, .ql-container{

+ 1 - 1
template/_header.html
Просмотреть файл 

@@ -33,7 +33,7 @@
 
     <bx_injection:injection_head />
 
     <bx_include_auto:_header_meta.html />
 
 </head>
 
-<body class="bx-def-font bx-def-color-bg-page bx-def-image-bg-page <bx_injection:injection_body_class />" dir="__lang_direction__" <bx_injection:injection_body /> >
 
+<body class="__class_name__ bx-def-font bx-def-color-bg-page bx-def-image-bg-page <bx_injection:injection_body_class />" dir="__lang_direction__" <bx_injection:injection_body /> >
 
     __system_injection_header__
 
     <bx_injection:injection_header />
 
     <noscript>

+ 1 - 1
template/_row_1_column_half.html
Просмотреть файл 

@@ -1,5 +1,5 @@
 
 <div class="bx-layout-row bx-clearfix">
 
-    <div class="bx-layout-col bx-layout-1-column-half-column1 bx-layout-column-half bx-def-centered">
 
+    <div class="bx-layout-col bx-layout-1-column-half-column1 bx-layout-column-half max-w-full md:w-1/2 mx-auto">
 
         <div class="bx-layout-cell" id="bx-layout-cell-1">
 
             __cell_1__
 
         </div>

+ 1 - 1
template/_row_1_column_thin.html
Просмотреть файл 

@@ -1,5 +1,5 @@
 
 <div class="bx-layout-row bx-clearfix">
 
-    <div class="bx-layout-col bx-layout-1-column-thin-column1 bx-layout-column-thin bx-def-centered">
 
+    <div class="bx-layout-col bx-layout-1-column-thin-column1 bx-layout-column-thin max-w-full md:w-1/3 mx-auto">
 
         <div class="bx-layout-cell" id="bx-layout-cell-1">
 
             __cell_1__
 
         </div>

+ 4 - 8
template/block_async_create_post.html
Просмотреть файл 

@@ -1,13 +1,9 @@
 
-
 
-<div class="sys-cpf-form sys-cpf-default">
 
-    <div class="sys-cpf-user">
 
-        <div class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-box-sizing bx-cont-ph"></div>
 
-    </div>
 
-    <div class="sys-cpf-content bx-def-thumb-size-min-height bx-def-thumb-size-left-indent bx-def-font-grayed">
 
-        <div class="bx-def-thumb-size"><span class="bx-cont-ph" style="width:11rem;">&nbsp;</span></div>
 
+<div class="flex items-center p-4">
 
+    <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
 
+    <div class="flex-1 ml-4 space-y-2 animate-pulse">
 
+        <div class="h-8 w-full bg-gray-300 dark:bg-gray-600 rounded-md">&nbsp;</div>
 
     </div>
 
 </div>
 
-
 
 <script>
 
     var iBlockID = '__id__';
 
     $(document).ready(function () {

+ 1 - 3
template/block_async_image.html
Просмотреть файл 

@@ -1,6 +1,4 @@
 
-
 
-<div class="bx-cont-ph" style="height:18rem;">&nbsp;</div>
 
-
 
+<div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
 
 <script>
 
     var iBlockID = '__id__';
 
     $(document).ready(function () {

+ 13 - 22
template/block_async_profile_units.html
Просмотреть файл 

@@ -1,32 +1,23 @@
 
-
 
-<template class="bx-cont-ph-profile-unit">
 
-    <div class="bx-base-pofile-unit-with-cover bx-def-padding-sec bx-def-box-sizing" style="min-width:19rem;">
 
-        <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-border bx-def-round-corners bx-def-color-bg-box">
 
-            <span class="bx-base-pofile-unit-cover bx-def-align-center bg-col-gray" href="#" onclick="return false">
 
-                <div class="bx-def-unit-img bx-def-ava-size bx-def-ava bx-cont-ph"></div>
 
-            </span>
 
-            <div class="bx-base-pofile-unit-title bx-def-box-sizing bx-def-padding-sec">
 
-                <div class="bx-cont-ph bx-def-margin-thd-bottom" style="width:5rem;">&nbsp;</div>
 
+<div class="bx-cont-ph-profile-unit relative flex space-x-6">
 
+    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
 
+        <div class="bx-base-pofile-unit-cover flex align-items justify-center p-4 bg-gray-100 dark:bg-gray-600 rounded-t-md">
 
+            <div class="flex-0 h-24 w-24 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
 
+        </div>
 
+        <div class="p-2 animate-pulse">
 
+            <div class="flex justify-center">
 
+                <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-full">&nbsp;</div>
 
             </div>
 
-            <div class="bx-base-pofile-unit-info">
 
-                <div class="bx-base-general-unit-meta bx-def-box-sizing bx-def-padding-sec-rightbottomleft">
 
-                    <ul id="bx-persons-snippet-meta" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline bx-menu-object-bx_persons_snippet_meta bx-clearfix">
 
-                        <li class="bx-menu-item">
 
-                            <span class="bx-base-profile-unit-meta-item bx-cont-ph-inline" style="width:6rem;">&nbsp;</span>
 
-                        </li>
 
-                        <li class="bx-menu-item bx-def-margin-left"><span class="bx-base-profile-unit-meta-item bx-cont-ph-inline" style="width:6rem;">&nbsp;</span>
 
-                        </li>
 
-                    </ul>
 
-                </div>
 
+            <div class="flex mt-2 space-x-1">
 
+                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
             </div>
 
         </div>
 
     </div>
 
-</template>
 
-
 
+</div>
 
 <script>
 
     var iBlockID = '__id__';
 
     var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
 
-    $('#bx-page-block-' + iBlockID + ' .bx-db-content').append(sTmpl + sTmpl + sTmpl);
 
+    $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').append(sTmpl + sTmpl);
 
     $(document).ready(function () {
 
         getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
     });

+ 9 - 9
template/block_async_text.html
Просмотреть файл 

@@ -1,12 +1,12 @@
 
-
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-<div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-
 
+<div class="animate-pulse space-y-1">
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+    <div class="h-4 bg-gray-200 dark:bg-gray-700 rounded-xl">&nbsp;</div>
 
+</div>
 
 <script>
 
     var iBlockID = '__id__';
 
     $(document).ready(function () {

+ 19 - 23
template/block_async_text_units_gallery.html
Просмотреть файл 

@@ -1,35 +1,31 @@
 
-
 
-<template class="bx-cont-ph-profile-unit">
 
-
 
-
 
-<div class="bx-base-text-unit bx-base-text-unit-gallery bx-def-gal-unit-size bx-def-padding-sec" style="width:19rem;">
 
-    <div class="bx-base-text-unit-cnt bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-box-sizing">
 
-                <div class="bx-base-text-unit-thumb bx-def-gal-div-size bx-def-round-corners bx-def-font-middle bx-cont-ph">
 
+<div class="bx-cont-ph-profile-unit relative flex space-x-6">
 
+    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
 
+        <div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
 
+        <div class="p-4 space-y-4 animate-pulse">
 
+            <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+            <div class="space-y-2">
 
+                <div class="flex space-x-1">
 
+                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
+                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
                 </div>
 
-        
-        
-        <div class="bx-base-text-unit-text bx-def-padding-leftright bx-def-padding-sec-topbottom bx-def-box-sizing">
 
-            <div class="bx-base-text-unit-title">
 
-                <div class="bx-def-font-h2 bx-cont-ph-inline" style="width:14rem;">&nbsp;</div>
 
+                <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
             </div>
 
-            <div class="bx-base-text-unit-info">
 
-                <div class="bx-base-general-unit-meta">
 
-                    <ul id="bx-posts-snippet-meta" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline bx-menu-object-bx_posts_snippet_meta bx-clearfix">
 
-                        <li class="bx-menu-item bx-menu-item-date"><span class="bx-base-general-unit-meta-item bx-cont-ph-inline" style="width:7rem;">&nbsp;</span></li>
 
-                    </ul>
 
-                </div>
 
+            <div class="flex space-x-1">
 
+                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+            </div>
 
+            <div class="flex space-x-1">
 
+                <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+                <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
             </div>
 
+            <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
 
         </div>
 
     </div>
 
 </div>
 
-
 
-
 
-</template>
 
-
 
 <script>
 
     var iBlockID = '__id__';
 
     var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').html();
 
-    $('#bx-page-block-' + iBlockID + ' .bx-db-content').append(sTmpl + sTmpl + sTmpl);
 
+    $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-profile-unit').append(sTmpl + sTmpl);
 
     $(document).ready(function () {
 
         getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
     });

+ 22 - 23
template/block_async_text_units_list.html
Просмотреть файл 

@@ -1,32 +1,31 @@
 
-
 
-<template class="bx-cont-ph-text-unit">
 
-    <div class="bx-base-text-unit bx-base-text-unit-ext bx-def-box bx-def-round-corners bx-def-color-bg-box bx-def-margin-bottom">
 
-        <div class="bx-base-text-unit-cover bx-base-text-unit-cover bx-def-round-corners bx-cont-ph" style="height:18.75rem;"></div>
 
-        <div class="bx-base-text-unit-text bx-def-padding bx-def-box-sizing">
 
-            <div class="bx-base-text-unit-title">
 
-                <h2 class="bx-def-font-h2 bx-cont-ph-inline" style="width:20rem; margin:0;">&nbsp;</h2>
 
-            </div>           
-            <div class="bx-base-text-unit-info bx-def-margin-sec-top bx-def-font-small">
 
-                <div class="bx-base-general-unit-meta">
 
-                    <ul id="bx-posts-snippet-meta" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline bx-menu-object-bx_posts_snippet_meta bx-clearfix">
 
-                        <li class="bx-menu-item bx-menu-item-date"><span class="bx-base-general-unit-meta-item bx-cont-ph" style="width:10rem;">&nbsp;</span></li>
 
-                    </ul>
 
+<div class="bx-base-text-units flex flex-col">
 
+    <div class="flex-1 mb-4 ring-1 ring-gray-200 dark:ring-gray-700 bg-white dark:bg-gray-800 rounded-md">
 
+        <div class="h-48 m-1 mb-0 bg-gray-200 dark:bg-gray-700 rounded animate-pulse">&nbsp;</div>
 
+        <div class="p-4 space-y-4 animate-pulse">
 
+            <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+            <div class="space-y-2">
 
+                <div class="flex space-x-1">
 
+                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
+                    <div class="h-5 w-1/2 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
                 </div>
 
+                <div class="h-5 w-2/3 bg-gray-300 dark:bg-gray-600 rounded-xl"></div>
 
             </div>
 
-            <div class="bx-base-text-unit-summary bx-def-margin-sec-top bx-clearfix">
 
-                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-                <div class="bx-cont-ph bx-def-margin-thd-bottom">&nbsp;</div>
 
-            </div> 
+            <div class="flex space-x-1">
 
+                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+                <div class="h-3 w-1/2 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+            </div>
 
+            <div class="flex space-x-1">
 
+                <div class="h-3 w-1/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+                <div class="h-3 w-2/3 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
 
+            </div>
 
+            <div class="bg-gray-200 dark:bg-gray-700 h-3 w-2/3 rounded-xl"></div>
 
         </div>
 
     </div>
 
-</template>
 
-
 
+</div>
 
 <script>
 
     var iBlockID = '__id__';
 
-    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-cont-ph-text-unit').html();
 
-    $('#bx-page-block-' + iBlockID + ' .bx-db-content').append(sTmpl + sTmpl + sTmpl);
 
+    var sTmpl = $('#bx-page-block-' + iBlockID + ' .bx-base-text-units').html();
 
+    $('#bx-page-block-' + iBlockID + ' .bx-base-text-units').append(sTmpl + sTmpl);
 
     $(document).ready(function () {
 
         getHtmlData($('#bx-page-block-' + iBlockID), bx_append_url_params(document.location.href, 'dynamic=tab&pageBlock=' + iBlockID), undefined, 'post', false, {includedCss: JSON.stringify(aIncludedCss), includedJs: JSON.stringify(aIncludedJs)}, false);
 
     });

+ 35 - 2
template/css/common.css
Просмотреть файл 

@@ -751,7 +751,7 @@ svg .gray .outer .p2 {
 
 	
 /* --------------- button */
 
 
-.bx-btn {
 
+/*.bx-btn {
 
     position:relative;
 
     display:block;	
     float:left;
 
@@ -782,7 +782,32 @@ svg .gray .outer .p2 {
 
     cursor: pointer;
 
     font-size:1rem;
 
     color:#fff;
 
+}*/
 
+
 
+.bx-btn {
 
+    position: relative;
 
+    display: inline-flex;
 
+    cursor: pointer;
 
+    align-items: center;
 
+    justify-content: center;
 
+    white-space: nowrap;
 
+    border-radius: 0.375rem;
 
+    border-width: 1px;
 
+    --tw-border-opacity: 1;
 
+    border-color: rgb(209 213 219/var(--tw-border-opacity));
 
+    --tw-bg-opacity: 1;
 
+    background-color: rgb(255 255 255/var(--tw-bg-opacity));
 
+    padding: 0.5rem 1rem;
 
+    font-size: .875rem;
 
+    line-height: 1.25rem;
 
+    font-weight: 500;
 
+    --tw-text-opacity: 1;
 
+    color: rgb(55 65 81/var(--tw-text-opacity));
 
+    --tw-shadow: 0 1px 2px 0 #0000000d;
 
+    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
 
+    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
 
 }
 
+
 
 .bx-btn-height {
 
 	height: 36px;
 
     height: 2.2rem;
 
@@ -823,7 +848,7 @@ input.bx-btn {
 
 .bx-btn .sys-icon-bigger {
 
     font-size:1.4em;
 
 }
 
-
 
+/* OLD
 
 .bx-btn.bx-btn-small {
 
     height:24px; 
     height:1.6rem; 
@@ -833,6 +858,14 @@ input.bx-btn {
 
     line-height:1.5rem;
 
     font-size:0.9rem;
 
 }
 
+*/
 
+
 
+.bx-btn.bx-btn-small {
 
+    padding-top: 0.25rem;
 
+    padding-bottom: 0.25rem;
 
+    font-size: .75rem;
 
+    line-height: 1rem;
 
+}
 
 
 .bx-btn-small-height {
 
 	height: 24px;

+ 5 - 0
template/css/default.less
Просмотреть файл 

@@ -337,6 +337,11 @@
 
     .background-color (@bx-color-active);
 
 }
 
 
+.bx-btn{
 
+    padding-top:0px;
 
+    padding-bottom:0px; 
+}
 
+
 
 .bx-btn.bx-btn-disabled:active,
 
 .bx-btn.bx-btn-disabled:hover,
 
 .bx-btn.bx-btn-disabled,

+ 2 - 2
template/designbox_0.html
Просмотреть файл 

@@ -1,5 +1,5 @@
 
 <!-- Design Box 0 [start]: Content only -->
 
-<div class="bx-db-content bx-clearfix">
 
-	__designbox_content__
 
+<div class="bx-db-content relative">
 
+__designbox_content__
 
 </div>
 
 <!-- Design Box 0 [ end ] -->

+ 6 - 5
template/designbox_1.html
Просмотреть файл 

@@ -1,7 +1,8 @@
 
 <!-- Design Box 1 [start]: Content + title + background -->
 
-<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block">
 
-    <div class="bx-db-header"><div class="bx-db-title">__title__</div>__caption_item__<div class="bx-clear"></div></div>
 
-    <div class="bx-def-hr"></div>
 
-    <div class="bx-db-content bx-clearfix">__designbox_content__</div>
 
+<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md divide-y divide-gray-200 dark:divide-gray-800 ">
 
+    <div class="bx-db-header px-4 py-2 lg:px-6 lg:py-4">
 
+        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
+    </div>
 
+    <div class="bx-db-content relative">__designbox_content__</div>
 
 </div>
 
-<!-- Design Box 1 [ end ] -->
 
+<!-- Design Box 1 [ end ] -->

+ 1 - 3
template/designbox_10.html
Просмотреть файл 

@@ -1,5 +1,3 @@
 
 <!-- Design Box 10 [start]: Content only + padding -->
 
-<div class="bx-db-content bx-clearfix bx-def-padding-top">
 
-    __designbox_content__
 
-</div>
 
+<div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
 <!-- Design Box 10 [ end ] -->

+ 5 - 4
template/designbox_11.html
Просмотреть файл 

@@ -1,7 +1,8 @@
 
 <!-- Design Box 11 [start]: Content + title + background + padding -->
 
-<div class="bx-db-container bx-def-color-bg-block">
 
-    <div class="bx-db-header"><div class="bx-db-title">__title__</div>__caption_item__<div class="bx-clear"></div></div>
 
-    <div class="bx-def-hr"></div>
 
-    <div class="bx-db-content bx-def-padding-top bx-clearfix">__designbox_content__</div>
 
+<div class="bx-db-container bx-def-color-bg-block ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md divide-y divide-gray-200 dark:divide-gray-800">
 
+    <div class="bx-db-header px-3 md:px-4 py-2 md:py-3">
 
+        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
+    </div>
 
+    <div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
 </div>
 
 <!-- Design Box 11 [ end ] -->

+ 2 - 4
template/designbox_13.html
Просмотреть файл 

@@ -1,7 +1,5 @@
 
 <!-- Design Box 13 [start]: Content + background + padding -->
 
-<div class="bx-db-container bx-def-color-bg-block">
 
-    <div class="bx-db-content bx-clearfix bx-def-padding-top">
 
-            __designbox_content__
 
-    </div>
 
+<div class="bx-db-container bx-def-color-bg-block ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md">
 
+    <div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
 </div>
 
 <!-- Design Box 13 [ end ] -->

+ 5 - 4
template/designbox_14.html
Просмотреть файл 

@@ -1,7 +1,8 @@
 
 <!-- Design Box 14 [start]: Content + title + padding -->
 
-<div class="bx-db-container bx-dbc-nobg">
 
-    <div class="bx-db-header"><div class="bx-db-title">__title__</div>__caption_item__<div class="bx-clear"></div></div>
 
-    <div class="bx-def-hr"></div>
 
-    <div class="bx-db-content bx-def-padding-top bx-clearfix">__designbox_content__</div>
 
+<div class="bx-db-container bx-dbc-nobg rounded-md">
 
+    <div class="bx-db-header px-3 py-2 md:px-4 md:py-3">
 
+        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
+    </div>
 
+    <div class="bx-db-content relative p-3 md:p-4">__designbox_content__</div>
 
 </div>
 
 <!-- Design Box 14 [ end ] -->

+ 0 - 2
template/designbox_2.html
Просмотреть файл 

@@ -1,4 +1,2 @@
 
-
 
 <!-- Design Box 2 [start] -->
 
 <!-- Design Box 2 [ end ] -->
 
-

+ 2 - 4
template/designbox_3.html
Просмотреть файл 

@@ -1,7 +1,5 @@
 
 <!-- Design Box 3 [start]: Content + background -->
 
-<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block">
 
-    <div class="bx-db-content bx-clearfix">
 
-            __designbox_content__
 
-    </div>
 
+<div class="bx-db-container bx-dbc-nopadding bx-def-color-bg-block ring-1 ring-gray-200 dark:ring-gray-800 bg-gray-50 dark:bg-gray-900 shadow-sm rounded-md">
 
+    <div class="bx-db-content relative">__designbox_content__</div>
 
 </div>
 
 <!-- Design Box 3 [ end ] -->

+ 5 - 4
template/designbox_4.html
Просмотреть файл 

@@ -1,7 +1,8 @@
 
 <!-- Design Box 4 [start]: Content + title -->
 
-<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg">
 
-    <div class="bx-db-header"><div class="bx-db-title">__title__</div>__caption_item__<div class="bx-clear"></div></div>
 
-    <div class="bx-def-hr"></div>
 
-    <div class="bx-db-content bx-clearfix">__designbox_content__</div>
 
+<div class="bx-db-container bx-dbc-nopadding bx-dbc-nobg rounded-md">
 
+    <div class="bx-db-header px-4 py-2 lg:px-6 lg:py-4">
 
+        <div class="bx-db-title text-lg lg:text-xl leading-6 font-semibold text-gray-800 dark:text-gray-100 align-middle">__title__</div>__caption_item__
 
+    </div>
 
+    <div class="bx-db-content relative">__designbox_content__</div>
 
 </div>
 
 <!-- Design Box 4 [ end ] -->

+ 1 - 1
template/designbox_container.html
Просмотреть файл 

@@ -1 +1 @@
 
-<div class="bx-page-block-container__class_add__ bx-def-padding-sec-topbottom bx-clearfix" <bx_if:show_html_id>id="__html_id__"</bx_if:show_html_id>>__content__</div>
 
+<div class="bx-page-block-container__class_add__ my-4 lg:my-6 first:mt-2 lg:first:mt-3 last:mb-2 lg:last:mb-3" <bx_if:show_html_id>id="__html_id__"</bx_if:show_html_id>>__content__</div>

+ 7 - 7
template/layout_3_columns.html
Просмотреть файл 

@@ -1,18 +1,18 @@
 
 <!-- layout 3 columns [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-3-columns">
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">
 
+    <div class="bx-layout-row flex">
 
+        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin w-1/3">
 
+            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
 
                 __cell_1__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-leftright" id="bx-layout-cell-2">
 
+        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin w-1/3">
 
+            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin w-1/3">
 
+            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 7 - 7
template/layout_bar_content_bar.html
Просмотреть файл 

@@ -1,18 +1,18 @@
 
 <!-- layout bar content bar (bcb) [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-bcb">
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">
 
+    <div class="bx-layout-row flex">
 
+        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin w-1/4">
 
+            <div class="bx-layout-cell pr-2 lg:pr-3" id="bx-layout-cell-1">
 
                 __cell_1__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-leftright" id="bx-layout-cell-2">
 
+        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half w-1/2">
 
+            <div class="bx-layout-cell px-2 lg:px-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin w-1/4">
 
+            <div class="bx-layout-cell pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_bar_left.html
Просмотреть файл 

@@ -1,13 +1,13 @@
 
 <!-- layout bar left [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-left">
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-1">
 
                 __cell_1__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-2">
 
+        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_bar_right.html
Просмотреть файл 

@@ -1,13 +1,13 @@
 
 <!-- layout bar right [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-bar-right">
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-1">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide max-w-full md:w-2/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-1">
 
                 __cell_1__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-2">
 
+        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>

+ 6 - 6
template/layout_bottom_area_2_columns.html
Просмотреть файл 

@@ -1,13 +1,13 @@
 
 <!-- layout top area 2 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-bottom-area-2-columns">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_top_area_2_columns.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top area 2 columns [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 7 - 7
template/layout_top_area_3_columns.html
Просмотреть файл 

@@ -1,19 +1,19 @@
 
 <!-- layout top area 3 columns [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-3-columns">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-3-columns-column1 bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-leftright" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-3-columns-column2 bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-4">
 
+        <div class="bx-layout-col bx-layout-3-columns-column3 bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
 
                 __cell_4__
 
             </div>
 
         </div>

+ 7 - 7
template/layout_top_area_bar_content_bar.html
Просмотреть файл 

@@ -1,19 +1,19 @@
 
 <!-- layout top area bar content bar (bcb) [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bcb">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bcb-bar1 bx-layout-column-thin max-w-full md:w-1/4">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-leftright" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-bcb-content bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-4">
 
+        <div class="bx-layout-col bx-layout-bcb-bar2 bx-layout-column-thin max-w-full md:w-1/4">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
 
                 __cell_4__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_top_area_bar_left.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top area bar left [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-left">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_top_area_bar_right.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top area bar right [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-bar-right">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide relative max-w-full md:w-2/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin relative max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 6 - 6
template/layout_topbottom_area_2_columns.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top area 2 columns [ start ] -->
 
-<div id="__page_id__" class="bx-layout-wrapper bx-layout-top-area-2-columns">
 
+<div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-2-columns">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-2-columns-column1 bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-2-columns-column2 bx-layout-column-half max-w-full md:w-1/2">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_topbottom_area_bar_left.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top & bottom areas bar left [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-left">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bar-left-bar bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-bar-left-content bx-layout-column-wide max-w-full md:w-2/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_topbottom_area_bar_right.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top & bottom areas bar right [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-bar-right">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-bar-right-content bx-layout-column-wide max-w-full md:w-2/3">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-bar-right-bar bx-layout-column-thin max-w-full md:w-1/3">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 7 - 7
template/layout_topbottom_area_col1_col3_col2.html
Просмотреть файл 

@@ -1,19 +1,19 @@
 
 <!-- layout top & bottom areas with 3 columns (1:3:2) [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-col1-col3-col2">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column1 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-col1-col3-col2-column1 bx-layout-column-thin max-w-full md:w-1/6">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column2 bx-layout-column-half">
 
-            <div class="bx-layout-cell bx-def-padding-sec-leftright" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-col1-col3-col2-column2 bx-layout-column-half max-w-full md:w-3/6">
 
+            <div class="bx-layout-cell md:px-2 lg:px-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-col1-col3-col2-column3 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-4">
 
+        <div class="bx-layout-col bx-layout-col1-col3-col2-column3 bx-layout-column-thin max-w-full md:w-2/6">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-4">
 
                 __cell_4__
 
             </div>
 
         </div>

+ 5 - 5
template/layout_topbottom_area_col1_col5.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!-- layout top & bottom areas with 2 columns (1:5) [ start ] -->
 
 <div id="__page_id__" class="bx-layout-wrapper bx-layout-topbottom-area-col1-col5">
 
     <bx_include_auto:_row_1_column.html />
 
-    <div class="bx-layout-row bx-clearfix">
 
-        <div class="bx-layout-col bx-layout-col1-col5-column1 bx-layout-column-thin">
 
-            <div class="bx-layout-cell bx-def-padding-sec-right" id="bx-layout-cell-2">
 
+    <div class="bx-layout-row flex flex-col md:flex-row">
 
+        <div class="bx-layout-col bx-layout-col1-col5-column1 bx-layout-column-thin max-w-full md:w-1/6">
 
+            <div class="bx-layout-cell md:pr-2 lg:pr-3" id="bx-layout-cell-2">
 
                 __cell_2__
 
             </div>
 
         </div>
 
-        <div class="bx-layout-col bx-layout-col1-col5-column2 bx-layout-column-wide">
 
-            <div class="bx-layout-cell bx-def-padding-sec-left" id="bx-layout-cell-3">
 
+        <div class="bx-layout-col bx-layout-col1-col5-column2 bx-layout-column-wide max-w-full md:w-5/6">
 
+            <div class="bx-layout-cell md:pl-2 lg:pl-3" id="bx-layout-cell-3">
 
                 __cell_3__
 
             </div>
 
         </div>

+ 3 - 0
template/scripts/BxBaseConfig.php
Просмотреть файл 

@@ -12,6 +12,8 @@ class BxBaseConfig extends BxDol implements iBxDolSingleton
 
     protected $_aConfig = array (
 
         'bAllowUnicodeInPreg' => true, ///< allow unicode in regular expressions
 
         'aLessConfig' => array (
 
+            'bx-root-class-name' => '',
 
+            
             'bx-page-width' => '1000px',
 
 
             'bx-margin' => '16px',
 
@@ -69,6 +71,7 @@ class BxBaseConfig extends BxDol implements iBxDolSingleton
 
     function __construct()
 
     {
 
         parent::__construct();
 
+        $this->_aConfig['aLessConfig']['bx-root-class-name'] =  BxDolTemplate::getInstance()->getCssClassName();
 
     }
 
 
     public static function getInstance()