diff --git a/archilance/urls.py b/archilance/urls.py index a81eb22..18ed0d6 100644 --- a/archilance/urls.py +++ b/archilance/urls.py @@ -10,6 +10,7 @@ from wagtail.wagtailcore import urls as wagtail_urls from common.views import CustomRegistrationView from wallets.views import TmpCheckOrderView, TmpPaymentAvisoView from .views import HomeTemplateView, TestChatTemplateView, TestView +from projects.views import CustomerRealtyTrashView, CustomerRealtyDeleteView, CustomerRealtyRestoreView, SortRealtyBy urlpatterns = [ url(r'^$', HomeTemplateView.as_view()), @@ -18,6 +19,10 @@ urlpatterns = [ url(r'^work_sell/', include('work_sell.urls')), url(r'^test/$', TestView.as_view(), name='test'), url(r'^projects/', include('projects.urls')), + url(r'^object/(?P\d+)/trash/$', CustomerRealtyTrashView.as_view(), name='customer-object-trash'), + url(r'^object/(?P\d+)/delete/$', CustomerRealtyDeleteView.as_view(), name='customer-object-delete'), + url(r'^object/(?P\d+)/restore/$', CustomerRealtyRestoreView.as_view(), name='customer-object-restore'), + url(r'^objects/sort/$', SortRealtyBy.as_view(), name='sort-realty-by'), url(r'^reviews/', include('reviews.urls')), url(r'^wallets/', include('wallets.urls')), url(r'^chat/', include('chat.urls')), diff --git a/assets/img/icons/icon_eye.png b/assets/img/icons/icon_eye.png new file mode 100644 index 0000000..454742c Binary files /dev/null and b/assets/img/icons/icon_eye.png differ diff --git a/assets/img/icons/icon_speach-ball_gray.png b/assets/img/icons/icon_speach-ball_gray.png new file mode 100644 index 0000000..6fbe561 Binary files /dev/null and b/assets/img/icons/icon_speach-ball_gray.png differ diff --git a/assets/img/icons/icon_сertificate-512.png b/assets/img/icons/icon_сertificate-512.png new file mode 100644 index 0000000..734f7a6 Binary files /dev/null and b/assets/img/icons/icon_сertificate-512.png differ diff --git a/assets/js/build/create_worksell.js b/assets/js/build/create_worksell.js index c37df27..24e8a41 100644 --- a/assets/js/build/create_worksell.js +++ b/assets/js/build/create_worksell.js @@ -46,8 +46,6 @@ 'use strict'; - var _file_upload = __webpack_require__(1); - var _image_upload = __webpack_require__(11); var _scroll_on_required = __webpack_require__(8); @@ -59,8 +57,6 @@ var _ajax_send_form_data = __webpack_require__(12); $(function () { - // fileUploadInit(); - // previewImg(); (0, _image_upload.imageUploadInit)(); (0, _scroll_on_required.scrollOnRequiredInit)(); (0, _popups.showPopupsInit)(); @@ -71,54 +67,7 @@ }); /***/ }, -/* 1 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.fileUploadInit = undefined; - - var _utils = __webpack_require__(2); - - function fileUploadInit() { - var $fileUploadContainer = $('#fileUploadContainer'); - - $('#fileUploadAddBtn').on('click', function ($evt) { - $fileUploadContainer.find('.file-upload-widget').last().find('.file-upload-input').click(); - }); - - $fileUploadContainer.on('change', '.file-upload-input', function ($evt) { - var $fileInput = $(this); - var $fileUploadWidget = $fileInput.closest('.file-upload-widget'); - var filePath = $fileInput.val().replace(/\\/g, '/'); - var fileName = path.basename(filePath); - //var fileExt = path.extname(filePath) - var fileSize = $fileInput.get(0).files && (0, _utils.humanFileSize)($fileInput.get(0).files[0].size); - - if (fileName) { - $fileUploadWidget.find('.file-upload-label').text(fileName + ' ' + fileSize); - - var $newFileUploadWidget = $fileUploadWidget.clone(); - $newFileUploadWidget.find('.file-upload-label').text(''); - - $fileUploadContainer.find('ul').first().append($newFileUploadWidget); - - $fileUploadWidget.css('display', 'block'); - } - }); - - $fileUploadContainer.on('click', '.file-upload-remove-btn', function ($evt) { - var $btn = $(this); - $btn.closest('.file-upload-widget').remove(); - }); - } - - exports.fileUploadInit = fileUploadInit; - -/***/ }, +/* 1 */, /* 2 */ /***/ function(module, exports) { @@ -431,11 +380,8 @@ function sendFormData(e) { e.preventDefault(); - // console.log("send dat later"); var $target = $(e.target); var $form = $target.closest("form"); - // console.log("actions = ", $form.attr("action")); - // let url = $form.attr("action"); // let formData = $form.serializeArray(); var formData = new FormData($form[0]); $.ajax({ @@ -447,10 +393,8 @@ xhr.setRequestHeader("X-CSRFToken", (0, _utils.getCookie)('csrftoken')); }, success: function success(data) { - // console.log("success xhr -->", xhr); // let data = xhr.responseJSON; // console.log('success data -->', data); - // console.log('success data -->', data.redirect_to); window.location.href = data.redirect_to; }, cache: false, @@ -459,25 +403,15 @@ error: function error(xhr, ajaxOptions, thrownError) { var status = xhr.status; $('.error').removeClass('error'); - // console.log('error data -->', xhr.responseJSON); if (status == 400) { - // let data = JSON.parse(xhr.responseText); var data = xhr.responseJSON; $.each(data, function (key, value) { - // let ul = $("
    "); - // for (let error of value) { - // ul.append(`
  • ${error}
    • `) - // } - // console.log("key = ", key, "value =", value); var $header = $form.find("[name=" + key + "]").siblings('.required'); - // console.log("$header = ", $header); if ($header.length > 0) { $header.addClass("error"); } }); window.scrollOnRequiredInit(); - // console.log('captcha error = ', data.captcha); - // console.log('data type = ', typeof data); } else { console.log('xhr = ', xhr); } diff --git a/assets/js/build/customer_profile.js b/assets/js/build/customer_profile.js new file mode 100644 index 0000000..0af6a44 --- /dev/null +++ b/assets/js/build/customer_profile.js @@ -0,0 +1,203 @@ +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; + +/******/ // The require function +/******/ function __webpack_require__(moduleId) { + +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) +/******/ return installedModules[moduleId].exports; + +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ exports: {}, +/******/ id: moduleId, +/******/ loaded: false +/******/ }; + +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); + +/******/ // Flag the module as loaded +/******/ module.loaded = true; + +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } + + +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; + +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; + +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; + +/******/ // Load entry module and return exports +/******/ return __webpack_require__(0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ function(module, exports, __webpack_require__) { + + 'use strict'; + + var _show_hide = __webpack_require__(13); + + var _bootstrap_tabs = __webpack_require__(14); + + var _sort_by = __webpack_require__(15); + + $(function () { + (0, _bootstrap_tabs.restoreTab)(); + (0, _bootstrap_tabs.tabsHashInit)(); + window.toggler = _show_hide.toggler; + window.sortRealtyBy = _sort_by.sortRealtyBy; + // on load of the page: switch to the currently selected tab + }); + +/***/ }, +/* 1 */, +/* 2 */ +/***/ function(module, exports) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + function getCookie(name) { + var cookieValue = null; + if (document.cookie && document.cookie != '') { + var cookies = document.cookie.split(';'); + for (var i = 0; i < cookies.length; i++) { + var cookie = jQuery.trim(cookies[i]); + if (cookie.substring(0, name.length + 1) == name + '=') { + cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); + break; + } + } + } + return cookieValue; + } + + function humanFileSize(bytes, si) { + var thresh = si ? 1000 : 1024; + + if (Math.abs(bytes) < thresh) return bytes + ' B'; + + var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']; + + var u = -1; + + do { + bytes /= thresh; + ++u; + } while (Math.abs(bytes) >= thresh && u < units.length - 1); + + return bytes.toFixed(1) + ' ' + units[u]; + } + + exports.humanFileSize = humanFileSize; + exports.getCookie = getCookie; + +/***/ }, +/* 3 */, +/* 4 */, +/* 5 */, +/* 6 */, +/* 7 */, +/* 8 */, +/* 9 */, +/* 10 */, +/* 11 */, +/* 12 */, +/* 13 */ +/***/ function(module, exports) { + + "use strict"; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + function toggler(from, divId) { + $(from).toggleClass("clicked"); + $("#" + divId).toggle(); + } + + exports.toggler = toggler; + +/***/ }, +/* 14 */ +/***/ function(module, exports) { + + "use strict"; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + function tabsHashInit() { + // store the currently selected tab in the hash value + $("a[data-toggle=tab]").on("shown.bs.tab", function (e) { + var target = $(e.target); + if (target.hasClass("tab-inserted")) { + target.siblings(".active").removeClass("active"); + target.addClass("active"); + return; + } + var id = target.attr("href").substr(1); + var scrollmem = $('body').scrollTop() || $('html').scrollTop(); + window.location.hash = id; + $('html,body').scrollTop(scrollmem); + }); + } + + function restoreTab() { + // on load of the page: switch to the currently selected tab + var hash = window.location.hash; + var a = $("a[data-toggle=\"tab\"][href=\"" + hash + "\"]"); + hash && a.tab('show'); + } + + exports.tabsHashInit = tabsHashInit; + exports.restoreTab = restoreTab; + +/***/ }, +/* 15 */ +/***/ function(module, exports, __webpack_require__) { + + "use strict"; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + exports.sortRealtyBy = undefined; + + var _utils = __webpack_require__(2); + + function sortRealtyBy(data, container_id) { + console.log("sort_by = ", data); + console.log("container_id = ", container_id); + var url = '/objects/sort/'; + $.ajax({ + url: url, + type: 'POST', + data: data, + beforeSend: function beforeSend(xhr) { + xhr.setRequestHeader("X-CSRFToken", (0, _utils.getCookie)('csrftoken')); + }, + success: function success(data) { + $(container_id).html(data); + // console.log("data = ", data); + } + }); + } + + exports.sortRealtyBy = sortRealtyBy; + +/***/ } +/******/ ]); \ No newline at end of file diff --git a/assets/js/build/home_page.js b/assets/js/build/home_page.js index 165e170..7801825 100644 --- a/assets/js/build/home_page.js +++ b/assets/js/build/home_page.js @@ -47,7 +47,7 @@ 'use strict'; - var _popupYoutube = __webpack_require__(13); + var _popupYoutube = __webpack_require__(16); $(function () { (0, _popupYoutube.popupYoutubeInit)(); @@ -55,7 +55,7 @@ /***/ }, -/***/ 13: +/***/ 16: /***/ function(module, exports) { 'use strict'; diff --git a/assets/js/build/init_create_worksell.js b/assets/js/build/init_create_worksell.js index 335f2e0..881f927 100644 --- a/assets/js/build/init_create_worksell.js +++ b/assets/js/build/init_create_worksell.js @@ -46,27 +46,27 @@ 'use strict'; - var _SelectedContainer = __webpack_require__(14); + var _SelectedContainer = __webpack_require__(17); var _SelectedContainer2 = _interopRequireDefault(_SelectedContainer); - var _SelectedContainerCreate = __webpack_require__(18); + var _SelectedContainerCreate = __webpack_require__(21); var _SelectedContainerCreate2 = _interopRequireDefault(_SelectedContainerCreate); - var _NoTreeSelect = __webpack_require__(19); + var _NoTreeSelect = __webpack_require__(22); var _NoTreeSelect2 = _interopRequireDefault(_NoTreeSelect); - var _TreeSelect = __webpack_require__(21); + var _TreeSelect = __webpack_require__(24); var _TreeSelect2 = _interopRequireDefault(_TreeSelect); - var _SingleTreeSelect = __webpack_require__(22); + var _SingleTreeSelect = __webpack_require__(25); var _SingleTreeSelect2 = _interopRequireDefault(_SingleTreeSelect); - var _SelectOrCreate = __webpack_require__(23); + var _SelectOrCreate = __webpack_require__(26); var _SelectOrCreate2 = _interopRequireDefault(_SelectOrCreate); @@ -180,7 +180,10 @@ /* 11 */, /* 12 */, /* 13 */, -/* 14 */ +/* 14 */, +/* 15 */, +/* 16 */, +/* 17 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -195,15 +198,15 @@ var _desc, _value, _class; // ` - var _DataTree = __webpack_require__(15); + var _DataTree = __webpack_require__(18); var _DataTree2 = _interopRequireDefault(_DataTree); - var _NoTreeData = __webpack_require__(16); + var _NoTreeData = __webpack_require__(19); var _NoTreeData2 = _interopRequireDefault(_NoTreeData); - var _decorators = __webpack_require__(17); + var _decorators = __webpack_require__(20); var _decorators2 = _interopRequireDefault(_decorators); @@ -434,7 +437,7 @@ exports.default = SelectedContainer; /***/ }, -/* 15 */ +/* 18 */ /***/ function(module, exports) { "use strict"; @@ -589,7 +592,7 @@ exports.default = DataTree; /***/ }, -/* 16 */ +/* 19 */ /***/ function(module, exports) { "use strict"; @@ -645,7 +648,7 @@ exports.default = NoTreeData; /***/ }, -/* 17 */ +/* 20 */ /***/ function(module, exports) { "use strict"; @@ -729,7 +732,7 @@ // export {onBind}; /***/ }, -/* 18 */ +/* 21 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -745,11 +748,11 @@ var _desc, _value, _class; - var _SelectedContainer2 = __webpack_require__(14); + var _SelectedContainer2 = __webpack_require__(17); var _SelectedContainer3 = _interopRequireDefault(_SelectedContainer2); - var _decorators = __webpack_require__(17); + var _decorators = __webpack_require__(20); var _decorators2 = _interopRequireDefault(_decorators); @@ -830,7 +833,7 @@ exports.default = SelectedContainerCreate; /***/ }, -/* 19 */ +/* 22 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -844,9 +847,9 @@ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; - var _AbsBaseSelect2 = __webpack_require__(20); + var _AbsBaseSelect2 = __webpack_require__(23); - var _NoTreeData = __webpack_require__(16); + var _NoTreeData = __webpack_require__(19); var _NoTreeData2 = _interopRequireDefault(_NoTreeData); @@ -913,7 +916,7 @@ exports.default = NoTreeSelect; /***/ }, -/* 20 */ +/* 23 */ /***/ function(module, exports) { "use strict"; @@ -1457,7 +1460,7 @@ exports.AbsBaseSelect = AbsBaseSelect; /***/ }, -/* 21 */ +/* 24 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -1471,9 +1474,9 @@ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; - var _AbsBaseSelect2 = __webpack_require__(20); + var _AbsBaseSelect2 = __webpack_require__(23); - var _DataTree = __webpack_require__(15); + var _DataTree = __webpack_require__(18); var _DataTree2 = _interopRequireDefault(_DataTree); @@ -1582,7 +1585,7 @@ exports.default = TreeSelect; /***/ }, -/* 22 */ +/* 25 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -1594,9 +1597,9 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - var _AbsBaseSelect = __webpack_require__(20); + var _AbsBaseSelect = __webpack_require__(23); - var _TreeSelect2 = __webpack_require__(21); + var _TreeSelect2 = __webpack_require__(24); var _TreeSelect3 = _interopRequireDefault(_TreeSelect2); @@ -1677,7 +1680,7 @@ exports.default = SingleTreeSelect; /***/ }, -/* 23 */ +/* 26 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -1691,9 +1694,9 @@ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; - var _AbsBaseSelect2 = __webpack_require__(20); + var _AbsBaseSelect2 = __webpack_require__(23); - var _NoTreeData = __webpack_require__(16); + var _NoTreeData = __webpack_require__(19); var _NoTreeData2 = _interopRequireDefault(_NoTreeData); diff --git a/assets/js/build/init_customer_project_create.js b/assets/js/build/init_customer_project_create.js index 04e6fed..4ba46b1 100644 --- a/assets/js/build/init_customer_project_create.js +++ b/assets/js/build/init_customer_project_create.js @@ -46,27 +46,27 @@ 'use strict'; - var _SelectedContainer = __webpack_require__(14); + var _SelectedContainer = __webpack_require__(17); var _SelectedContainer2 = _interopRequireDefault(_SelectedContainer); - var _SelectedContainerCreate = __webpack_require__(18); + var _SelectedContainerCreate = __webpack_require__(21); var _SelectedContainerCreate2 = _interopRequireDefault(_SelectedContainerCreate); - var _NoTreeSelect = __webpack_require__(19); + var _NoTreeSelect = __webpack_require__(22); var _NoTreeSelect2 = _interopRequireDefault(_NoTreeSelect); - var _TreeSelect = __webpack_require__(21); + var _TreeSelect = __webpack_require__(24); var _TreeSelect2 = _interopRequireDefault(_TreeSelect); - var _SingleTreeSelect = __webpack_require__(22); + var _SingleTreeSelect = __webpack_require__(25); var _SingleTreeSelect2 = _interopRequireDefault(_SingleTreeSelect); - var _SelectOrCreate = __webpack_require__(23); + var _SelectOrCreate = __webpack_require__(26); var _SelectOrCreate2 = _interopRequireDefault(_SelectOrCreate); @@ -215,7 +215,10 @@ /* 11 */, /* 12 */, /* 13 */, -/* 14 */ +/* 14 */, +/* 15 */, +/* 16 */, +/* 17 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -230,15 +233,15 @@ var _desc, _value, _class; // ` - var _DataTree = __webpack_require__(15); + var _DataTree = __webpack_require__(18); var _DataTree2 = _interopRequireDefault(_DataTree); - var _NoTreeData = __webpack_require__(16); + var _NoTreeData = __webpack_require__(19); var _NoTreeData2 = _interopRequireDefault(_NoTreeData); - var _decorators = __webpack_require__(17); + var _decorators = __webpack_require__(20); var _decorators2 = _interopRequireDefault(_decorators); @@ -469,7 +472,7 @@ exports.default = SelectedContainer; /***/ }, -/* 15 */ +/* 18 */ /***/ function(module, exports) { "use strict"; @@ -624,7 +627,7 @@ exports.default = DataTree; /***/ }, -/* 16 */ +/* 19 */ /***/ function(module, exports) { "use strict"; @@ -680,7 +683,7 @@ exports.default = NoTreeData; /***/ }, -/* 17 */ +/* 20 */ /***/ function(module, exports) { "use strict"; @@ -764,7 +767,7 @@ // export {onBind}; /***/ }, -/* 18 */ +/* 21 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -780,11 +783,11 @@ var _desc, _value, _class; - var _SelectedContainer2 = __webpack_require__(14); + var _SelectedContainer2 = __webpack_require__(17); var _SelectedContainer3 = _interopRequireDefault(_SelectedContainer2); - var _decorators = __webpack_require__(17); + var _decorators = __webpack_require__(20); var _decorators2 = _interopRequireDefault(_decorators); @@ -865,7 +868,7 @@ exports.default = SelectedContainerCreate; /***/ }, -/* 19 */ +/* 22 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -879,9 +882,9 @@ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; - var _AbsBaseSelect2 = __webpack_require__(20); + var _AbsBaseSelect2 = __webpack_require__(23); - var _NoTreeData = __webpack_require__(16); + var _NoTreeData = __webpack_require__(19); var _NoTreeData2 = _interopRequireDefault(_NoTreeData); @@ -948,7 +951,7 @@ exports.default = NoTreeSelect; /***/ }, -/* 20 */ +/* 23 */ /***/ function(module, exports) { "use strict"; @@ -1492,7 +1495,7 @@ exports.AbsBaseSelect = AbsBaseSelect; /***/ }, -/* 21 */ +/* 24 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -1506,9 +1509,9 @@ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; - var _AbsBaseSelect2 = __webpack_require__(20); + var _AbsBaseSelect2 = __webpack_require__(23); - var _DataTree = __webpack_require__(15); + var _DataTree = __webpack_require__(18); var _DataTree2 = _interopRequireDefault(_DataTree); @@ -1617,7 +1620,7 @@ exports.default = TreeSelect; /***/ }, -/* 22 */ +/* 25 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -1629,9 +1632,9 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - var _AbsBaseSelect = __webpack_require__(20); + var _AbsBaseSelect = __webpack_require__(23); - var _TreeSelect2 = __webpack_require__(21); + var _TreeSelect2 = __webpack_require__(24); var _TreeSelect3 = _interopRequireDefault(_TreeSelect2); @@ -1712,7 +1715,7 @@ exports.default = SingleTreeSelect; /***/ }, -/* 23 */ +/* 26 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; @@ -1726,9 +1729,9 @@ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } }; - var _AbsBaseSelect2 = __webpack_require__(20); + var _AbsBaseSelect2 = __webpack_require__(23); - var _NoTreeData = __webpack_require__(16); + var _NoTreeData = __webpack_require__(19); var _NoTreeData2 = _interopRequireDefault(_NoTreeData); diff --git a/assets/js/chat.js b/assets/js/chat.js index 698d90f..4e83512 100644 --- a/assets/js/chat.js +++ b/assets/js/chat.js @@ -29,7 +29,7 @@ window.confirm = function (message, callback, caption) { var SocketHandler = function () { //TODO: получать порт с файла настроек - domain = domain.replace(':' + port, ''); + domain = domain.replace(':' + port, ':8888'); if (window.location.protocol == 'https:') { var ws = "wss://"; } else { diff --git a/assets/js/src/customer_profile.js b/assets/js/src/customer_profile.js new file mode 100644 index 0000000..c0982a0 --- /dev/null +++ b/assets/js/src/customer_profile.js @@ -0,0 +1,12 @@ +import {toggler} from './seeds/show_hide' +import {tabsHashInit, restoreTab} from './seeds/bootstrap_tabs' +import {sortRealtyBy} from './seeds/sort_by' + +$(function () { + restoreTab(); + tabsHashInit(); + window.toggler = toggler; + window.sortRealtyBy = sortRealtyBy; + // on load of the page: switch to the currently selected tab + +}); \ No newline at end of file diff --git a/assets/js/src/seeds/bootstrap_tabs.js b/assets/js/src/seeds/bootstrap_tabs.js new file mode 100644 index 0000000..1b70eb1 --- /dev/null +++ b/assets/js/src/seeds/bootstrap_tabs.js @@ -0,0 +1,24 @@ +function tabsHashInit() { + // store the currently selected tab in the hash value + $("a[data-toggle=tab]").on("shown.bs.tab", function (e) { + let target = $(e.target); + if(target.hasClass("tab-inserted")){ + target.siblings(".active").removeClass("active"); + target.addClass("active"); + return + } + let id = target.attr("href").substr(1); + let scrollmem = $('body').scrollTop() || $('html').scrollTop(); + window.location.hash = id; + $('html,body').scrollTop(scrollmem); + }); +} + +function restoreTab() { + // on load of the page: switch to the currently selected tab + let hash = window.location.hash; + let a = $(`a[data-toggle="tab"][href="${hash}"]`); + hash && a.tab('show'); +} + +export {tabsHashInit, restoreTab} \ No newline at end of file diff --git a/assets/js/src/seeds/show_hide.js b/assets/js/src/seeds/show_hide.js new file mode 100644 index 0000000..9fe20ed --- /dev/null +++ b/assets/js/src/seeds/show_hide.js @@ -0,0 +1,6 @@ +function toggler(from, divId) { + $(from).toggleClass("clicked"); + $("#" + divId).toggle(); +} + +export {toggler} \ No newline at end of file diff --git a/assets/js/src/seeds/sort_by.js b/assets/js/src/seeds/sort_by.js new file mode 100644 index 0000000..e8f1799 --- /dev/null +++ b/assets/js/src/seeds/sort_by.js @@ -0,0 +1,21 @@ +import {getCookie} from '../utils' + +function sortRealtyBy(data, container_id) { + console.log("sort_by = ", data); + console.log("container_id = ", container_id); + let url = '/objects/sort/'; + $.ajax({ + url: url, + type: 'POST', + data: data, + beforeSend: function (xhr) { + xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')) + }, + success: function (data) { + $(container_id).html(data); + // console.log("data = ", data); + } + }) +} + +export {sortRealtyBy} \ No newline at end of file diff --git a/assets/sass/base/_colors.sass b/assets/sass/base/_colors.sass index 60cf950..5805cb8 100644 --- a/assets/sass/base/_colors.sass +++ b/assets/sass/base/_colors.sass @@ -1,6 +1,6 @@ $col_component_headers: #000 //$colors: (c_red: #ff0000, c_green: #00FF00, c_blue: #0000FF) -$component_colors: (header: #000, header_favicon: #5e5e5e, border: #cccccc, select: #FF0029) +$component_colors: (header: #000, header_favicon: #5e5e5e, border: #cccccc, select: #FF0029, footer_background: #F7F7F7) // #{map_get($component_colors, border)} diff --git a/assets/sass/components/custom-components.sass b/assets/sass/components/custom-components.sass index 7286af7..873cd8a 100644 --- a/assets/sass/components/custom-components.sass +++ b/assets/sass/components/custom-components.sass @@ -10,6 +10,9 @@ label font-weight: normal +li.active + border-top: 2px solid black + .simple-input height: 51px width: 100% @@ -65,6 +68,7 @@ textarea.description font-style: italic .btn-simple + text-transform: uppercase border-radius: 40px padding: 10px 15px border: 1px solid #FF0029 @@ -74,9 +78,9 @@ textarea.description font-style: normal font-size: 14pt display: inline-block - color: #000 + color: #4e4c4c &:hover - color: #000 + color: #4e4c4c text-decoration: none box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) -webkit-transform: scale(1.04) @@ -87,6 +91,38 @@ textarea.description &:active outline: 0 !important + &.-small + padding: 5px 14px + font-size: 10pt + + &.-gray + border: 1px solid #bdbdbd + + &.-up_down:after + content: "\e252" + font-family: 'Glyphicons Halflings' + position: relative + right: -5px + top: 3px + font-style: normal + font-weight: normal + font-size: 10pt + line-height: 1 + padding-right: 20px + -webkit-font-smoothing: antialiased + +.icon-edit + //padding-left: 30px + //content: '' + display: inline-block + width: 40px + height: 20px + background: + image: url("#{$static}/img/menuUser.png") + //color: #00A66E + repeat: no-repeat + position: 0 0 + .upload-new, .btn-simple transition: all 0.3s cursor: pointer @@ -259,3 +295,62 @@ textarea.description &.less &:before content: 'свернуть' + +.btn-group + .btn + padding: 15px 30px + +.btn-round + $radius: 30px + .btn:first-child + border-top-left-radius: $radius + border-bottom-left-radius: $radius + .btn:last-child + border-top-right-radius: $radius + border-bottom-right-radius: $radius + + +.link-sort button + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + color: #6b6b6b + padding: 11px 23px + border-radius: 40px + margin-right: 6px + border: 1px solid #c2c2c2 + background-color: #fff + &:after + content: "\e252" + font-family: 'Glyphicons Halflings' + position: relative + right: -5px + top: 3px + font-style: normal + font-weight: normal + line-height: 1 + -webkit-font-smoothing: antialiased + +.btn-up_down + width: 110px + text-transform: uppercase + font-size: 10pt + font-family: 'Myriad', sans-serif + color: #6b6b6b + padding: 11px 23px + border-radius: 40px + margin-right: 6px + border: 1px solid #c2c2c2 + background-color: #fff + &:after + content: "\e253" + font-family: 'Glyphicons Halflings' + font-style: normal + font-weight: normal + line-height: 1 + -webkit-font-smoothing: antialiased + + &.-small + padding: 5px 10px +.btn-up_down.clicked + &:after + content: "\e252" diff --git a/assets/sass/main.sass b/assets/sass/main.sass index 5a00065..894a953 100644 --- a/assets/sass/main.sass +++ b/assets/sass/main.sass @@ -1,3 +1,9 @@ +/******************************** + * Общие стили для ВСЕХ страниц * + * 10 раз подумайет, прежде чем * + * добавить сюда стили * + ********************************/ + @import "base/fonts" @import "base/colors" @import "base/variavles" @@ -8,6 +14,12 @@ body font-size: 11pt font-family: Arial-MT-Regular, Arial, sans-serif +.btn-default:focus + outline: 0 + +.hidden + display: none + .main-scope > .row border-right: 1px solid #{map_get($component_colors, border)} @@ -21,7 +33,6 @@ body padding: 0 100px text-align: center border-bottom: 1px solid #{map_get($component_colors, border)} - //width: 100% h1 font: family: 'pfbeausanspro-thin', sans-serif @@ -41,12 +52,6 @@ body @extend %header max-width: 100% -.logical-block - $pad: 30px - padding-top: $pad - padding-bottom: $pad - margin-top: $pad - .select-text color: #{map_get($component_colors, select)} @@ -56,3 +61,10 @@ body .slide.active display: block + +.footer-wrapper + background-color: #{map_get($component_colors, footer_background)} + +.footer-border + border-left: 1px solid #{map_get($component_colors, border)} + border-right: 1px solid #{map_get($component_colors, border)} \ No newline at end of file diff --git a/assets/sass/modules/_mods.sass b/assets/sass/modules/_mods.sass index 496a121..2a53a00 100644 --- a/assets/sass/modules/_mods.sass +++ b/assets/sass/modules/_mods.sass @@ -8,11 +8,15 @@ align-items: flex-end .mod-align-center - display: flex + display: flex !important -ms-flex-align: center -webkit-align-items: center -webkit-box-align: center align-items: center + &-inline + display: inline-flex !important + align-items: center + .mod-no-padding padding: 0 !important diff --git a/assets/sass/old_main.sass b/assets/sass/old_main.sass new file mode 100644 index 0000000..44c2692 --- /dev/null +++ b/assets/sass/old_main.sass @@ -0,0 +1,5420 @@ +@import "base/variavles" + +.old-main + ul, li + list-style: none + a + text-decoration: none !important + &:hover, &:focus, &:active + text-decoration: none !important + + .changeBlock ul + li + list-style: inherit !important + display: list-item + padding-left: 40px + + /* MAIN CLASSES + + .disTab + display: table + + .box-sizing + -webkit-box-sizing: border-box + -moz-box-sizing: border-box + -ms-box-sizing: border-box + -o-box-sizing: border-box + box-sizing: border-box + + .container + width: 1170px !important + + .mainContainer + width: 100% + background: url('#{$static}/images/main.jpg') no-repeat center + background-size: cover + + .topMain + margin: 0 auto + + .wrTop + width: 100% + background-color: black + + /*.logo { + /*width: 183px; + /*height: 36px; + /*background: url('../img/logo.png') no-repeat center; + /*background-size: cover; + /*float: left; + /*margin: 18px 0 21px 10px; + /*cursor: pointer; + /*} + + .mainMenu + float: left + margin: 26px 0 0 0 + li + float: left + position: relative + padding-right: 30px + a + border-bottom: 3px solid transparent + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + &:hover a + border-color: #ff0029 + span + content: '' + position: absolute + height: 23px + left: 0 + top: -1px + .icon_tm1 span + width: 26px + background: url('../img/listMain.png') no-repeat left + background-size: cover + background-position: 0 0 + .icon_tm2 span + width: 22px + background: url('../img/listMain.png') no-repeat left + background-size: cover + background-position: -26px 0 + .icon_tm3 span + width: 24px + background: url('../img/listMain.png') no-repeat left + background-size: cover + background-position: -48px 0 + + .icon_tm1:hover span + width: 26px + background: url('../img/listMain2.png') no-repeat left !important + background-size: cover + background-position: 0 0 !important + + .icon_tm2:hover span + width: 22px + background: url('../img/listMain2.png') no-repeat left !important + background-size: cover + background-position: -26px 0 !important + + .icon_tm3:hover span + width: 26px !important + background: url('../img/listMain2.png') no-repeat left !important + background-size: cover + background-position: -49px 0 !important + + .mainMenu li + &:last-child + padding-right: 0 + a + color: white + font-size: 18px + padding: 30px 0 27px 40px + font-family: 'pfbeausanspro-reg', sans-serif + + .reg + color: #fb1818 + font-size: 16px + text-transform: uppercase + float: left + line-height: 75px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 4px + &:link, &:visited + color: #fb1818 + font-size: 16px + text-transform: uppercase + float: left + line-height: 75px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 4px + + .lock + width: 75px + height: 75px + background: url('../img/lock.png') no-repeat center, white + float: right + cursor: pointer + margin: 0 -25px 0 0 + + .welcomeMain + width: 100% + float: left + font-size: 48px + text-align: center + padding: 54px 0 39px 0 + font-family: 'pfbeausanspro-thin', sans-serif + + .changeBlock + width: 485px + /*height: 424px; + overflow: hidden + padding: 113px 0 0 0 + /*text-align: center; + position: relative + + .changeBlock1 + float: left + margin-left: -15px + background-color: rgba(255, 0, 6, 0.7) + + .changeBlock2 + float: right + margin-right: -15px + background-color: rgba(0, 0, 0, 0.7) + + .changeBlock > a + border: none + cursor: pointer + height: 40px + border-radius: 40px + font-size: 20px + text-transform: uppercase + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 4px + position: relative + top: -60px + display: table + margin: auto + + .changeBlock1 > a + background: url('../img/button1.png') no-repeat 25px, black + color: white + padding: 24px 26px 20px 72px + &:link, &:visited + background: url('../img/button1.png') no-repeat 25px, black + color: white + padding: 24px 26px 20px 72px + + .changeBlock2 > a + background: url('../img/button2.png') no-repeat 27px, white + color: black + padding: 24px 26px 20px 72px + &:link, &:visited + background: url('../img/button2.png') no-repeat 27px, white + color: black + padding: 24px 26px 20px 72px + + .changeBlock p + /*font-size: 16px; + *width: 63%; + *margin: 71px auto 0 auto; + *text-align: left; + *line-height: 24px; + *position: relative; + font-family: 'Arial-MT-Regular', sans-serif + + .changeBlock1 p + color: white + + .changeBlock2 p + color: black + + .changeBlock:after + content: '' + position: absolute + width: 66px + height: 1px + left: 50% + margin-left: -30px + background-color: white + bottom: 60px + + .square + width: 46px + height: 46px + position: absolute + right: -23px + top: 100px + z-index: 9 + -webkit-transform: rotate(135deg) + -moz-transform: rotate(135deg) + transform: rotate(135deg) + background-color: #DCDCDD + + .insetSquare + width: 100% + height: 100% + position: relative + -webkit-transform: rotate(-135deg) + -moz-transform: rotate(-135deg) + transform: rotate(-135deg) + background: url('../img/arrow.png') no-repeat center + + .youtube + width: 80px + height: 80px + margin: 80px auto + border-radius: 100% + cursor: pointer + background: url('../img/youtube.png') no-repeat center, #FF0029 + + .imgProfile + width: 75px + height: 75px + float: right + margin: 0 0 0 -60px + img + display: block + width: 100% + height: 100% + + .infoProfile + float: right + .btn-group + .btn + width: 75px + height: 75px + float: left + border-radius: 0 !important + background-color: black + border: none + span + color: white + font-size: 26px + .dropdown-toggle + &:hover, &:active, &:focus + -webkit-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99) + -moz-box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99) + box-shadow: inset 0 3px 5px rgba(255, 0, 39, 0.99) + background-color: rgb(255, 0, 39) + + .rating + width: 46px + height: 46px + float: right + border-radius: 100% + background-color: #4D4D4D + margin: 15px 0 0 10px + position: relative + + .ratingInset + width: 46px + height: 46px + border-radius: 100% + background-color: #FF0027 + position: absolute + /*left:-1.859px; + /*bottom: 3px; + clip: rect(0, 22px, 50px, 0) + transform: rotate(-90deg) + + .iconRating + width: 100% + height: 100% + position: absolute + left: 0 + top: 0 + background: url('../img/button12.png') no-repeat center + + .ratingPer + color: #ff2c2c + font-size: 18px + font-family: 'pfdintextcomppro-regular', sans-serif + float: right + margin: 28px 0 0 9px + cursor: pointer + + .mainScore + position: relative + > .row + border-right: 1px solid #CFCFCF + border-left: 1px solid #CFCFCF + + .titleScore, h1 + width: 100% + text-align: center + float: left + font-family: 'pfbeausanspro-thin', sans-serif + font-size: 36px + margin: 48px 0 45px 0 + letter-spacing: 2px + + .scoreButtons + width: 100% + background-color: #F2F2F2 + position: relative + /*margin-bottom: 140px; + > p + width: 100% + float: left + text-align: center + font-size: 30px + color: #fb2c2d + font-family: 'Arial-MT-Regular', sans-serif + margin: 67px 0 38px 0 + letter-spacing: 1px + i + color: #B6B6B6 + + .linkS + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + text-transform: uppercase + letter-spacing: 2px + margin-bottom: 52px + + .linkS1 + float: right + color: white + background-color: #FE0029 + padding: 18px 74px + &:link, &:visited + float: right + color: white + background-color: #FE0029 + padding: 18px 74px + + .linkS2 + float: left + background-color: black + color: white + padding: 18px 47px + &:link, &:visited + float: left + background-color: black + color: white + padding: 18px 47px + + .scoreButtons table + width: 100% + border-collapse: collapse + border: 1px solid #E3E2E2 + tr + border-bottom: 1px solid #E3E2E2 + th, td + font-size: 15px + text-align: center + vertical-align: middle + th + background-color: #E3E2E2 + color: #2c2c2c + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + padding: 25px 0 + td + font-family: 'Arial-MT-Regular', sans-serif + padding: 31px 0 + background-color: white + &:nth-child(odd) td + background-color: #F6F6F6 + th:first-child, td:first-child + width: 15% + th:nth-child(2), td:nth-child(2) + width: 50% + th:nth-child(3), td:nth-child(3) + width: 16% + th:last-child + width: 19% + td + &:last-child + width: 19% + b + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + &:nth-child(3) + font-size: 22px + color: #fb2c2d + letter-spacing: 1px + i + color: #B6B6B6 + &:last-child + font-size: 22px + letter-spacing: 1px + + .print-score + float: right !important + + .triangle1 + position: absolute + border: 30px solid transparent + border-top: 17px solid white + top: 0 + left: 50% + margin-left: -30px + + footer + width: 100% + position: relative + background-color: #F7F7F7 + margin-top: 80px + float: left + &:after + content: '' + position: absolute + left: 0 + top: 0 + width: 300px + height: 3px + background-color: black + + .logoF + width: 183px + height: 36px + background: url('../img/logoF.png') no-repeat center + background-size: cover + float: left + margin: 41px 0 0 27px + cursor: pointer + + .linksSoc + width: 100% + float: left + margin: 32px 0 0 0 + padding: 0 0 0 23px + > + a + width: 46px + height: 46px + opacity: 0.2 + display: block + float: left + margin-right: 10px + -webkit-transition: opacity 0.4s ease-out + -moz-transition: opacity 0.4s ease-out + transition: opacity 0.4s ease-out + &:link, &:visited + width: 46px + height: 46px + opacity: 0.2 + display: block + float: left + margin-right: 10px + -webkit-transition: opacity 0.4s ease-out + -moz-transition: opacity 0.4s ease-out + transition: opacity 0.4s ease-out + .icon_ls1 + background: url('../img/socSprite.png') no-repeat left + background-position: 0 0 + .icon_ls2 + background: url('../img/socSprite.png') no-repeat left + background-position: -46px 0 + .icon_ls3 + background: url('../img/socSprite.png') no-repeat left + background-position: -92px 0 + .icon_ls4 + background: url('../img/socSprite.png') no-repeat left + background-position: -138px 0 + .icon_ls5 + background: url('../img/socSprite.png') no-repeat left + background-position: -184px 0 + margin-right: 0 + a:hover + opacity: 1 + + .copy-rights + float: left + font-size: 16px + font-family: 'pfdintextcomppro-regular', sans-serif + text-transform: uppercase + letter-spacing: 2px + margin: 34px 0 42px 31px + color: #aaa + + .listF1 + p + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 16px + text-transform: uppercase + color: #2c2c2c + font-weight: bold + margin: 46px 0 20px 0 + ul li + margin-bottom: 6px + &:last-child + margin-bottom: 0 + a + font-family: 'Arial-MT-Regular', sans-serif + color: #6c6c6c + font-size: 15px + &:link, &:visited + font-family: 'Arial-MT-Regular', sans-serif + color: #6c6c6c + font-size: 15px + + .icon_tml + span + content: '' + position: absolute + width: 27px + height: 24px + left: -35px + top: 0 + background: url('../img/list4.png') no-repeat center !important + background-size: cover !important + &:hover span + background: url('../img/list4tml.png') no-repeat center !important + background-size: cover !important + + .profileTabs + width: 100% !important + margin: 13px -1px 0 -1px + float: left + ul + li + position: relative + a + border-radius: 0 !important + font-size: 17px + color: black + font-family: 'pfbeausanspro-reg', sans-serif + position: relative + text-align: left + padding: 22px + &:link, &:visited + border-radius: 0 !important + font-size: 17px + color: black + font-family: 'pfbeausanspro-reg', sans-serif + position: relative + text-align: left + padding: 22px + .active a:after + content: '' + position: absolute + width: 100% + height: 3px + top: -1px + left: 0 + background-color: black + + .desPresent + position: absolute + font-size: 12px + font-family: Arial, Verdana, Helvetica, sans-serif + font-style: italic + color: #898989 + bottom: 8px + left: 22px + + .profileTabs ul li:first-child + width: 1% + a + padding: 22px 22px 22px 90px + &:before + content: '' + position: absolute + width: 22px + height: 21px + background: url('../img/list2-a.png') no-repeat center + background-size: cover + left: 53px + top: 23px + + .roundsCount + position: absolute + left: 50% + top: 16px + height: 32px + + .profileTabs ul li + &:nth-child(3) .roundsCount, &:last-child .roundsCount + left: 65% + + .roundsCount > div + width: 32px + height: 32px + border-radius: 100% + text-align: center + line-height: 32px + font-family: 'Arial-MT-Regular', sans-serif + float: left + overflow: hidden + + .countR + background-color: #FF0027 + color: white + margin-right: 2px + + .countG + color: black + background-color: #ccc + + .buttonGP + width: 100% + float: left + margin: 43px 0 0 0 + + .valProject + float: left + margin: 0 0 0 62px + + .valProject2 + float: left + margin: 0 0 0 28px + + .valProject button, .valProject2 button + padding: 14px 20px + + .valProject button, .valProject2 button + border-radius: 40px + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + + .valProject button + &:focus, &:active + outline: none + background-color: black + color: white + + .valProject2 button + &:focus, &:active + outline: none + background-color: black + color: white + span mark + background: none + color: #ff2c2c + > span + padding-left: 11px + + .projectsBlock + width: 100% + float: left + margin: 43px 0 0 0 + + .projectPro + width: 100% + float: left + margin-bottom: -1px + border-top: 1px solid #CFCFCF + border-bottom: 1px solid #CFCFCF + background-color: white + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:hover + transform: scale(1.02) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + + .titlePro a:hover + text-decoration: underline !important + + .projectPro:hover .leftPro:before + background-color: #fb2c2d + + .leftPro + //padding: 0 0 0 62px + position: relative + z-index: 99 + &:before + content: '' + position: absolute + width: 100px + height: 3px + background-color: black + left: 62px + top: 0 + z-index: 1 + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .titlePro + font-size: 24px + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + float: left + width: 100% + margin: 52px 0 0 0 + position: relative + word-spacing: 6px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .desPro + float: left + margin: 28px 0 0 40px + li + float: left + color: #2c2c2c + font-family: Arial, Verdana, Helvetica, sans-serif + font-style: italic + margin: 0 96px 0 0 + position: relative + &:before + content: '' + position: absolute + left: -37px + top: -5px + height: 26px + &:first-child:before + width: 24px + background: url('../img/desPro.png') no-repeat left + background-size: cover + background-position: 0 0 + &:last-child:before + width: 26px + background: url('../img/desPro.png') no-repeat left + background-size: cover + background-position: -24px 0 + &:first-child + font-size: 16px + &:last-child + font-size: 14px + margin-right: 0 + a:hover + text-decoration: underline !important + + .textPro + width: 100% + float: left + font-size: 16px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + margin: 24px 0 0 0 + line-height: 24px + + .listPro + float: left + margin: 24px 0 63px 35px + li + float: left + position: relative + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + margin: 0 79px 0 0 + &:last-child + margin-right: 0 + &:before + content: '' + position: absolute + height: 20px + left: -32px + top: -2px + &:first-child:before + width: 19px + background: url('../img/listPro.png') no-repeat left + background-size: cover + background-position: 0 0 + &:nth-child(2):before + width: 24px + background: url('../img/listPro.png') no-repeat left + background-size: cover + background-position: -19px 0 + &:nth-child(3):before + width: 20px + background: url('../img/listPro.png') no-repeat left + background-size: cover + background-position: -41px 0 + &:last-child:before + width: 20px + background: url('../img/listPro.png') no-repeat left + background-size: cover + background-position: -61px 0 + + .rightPro + padding: 0 55px 0 0 + + .cenaPro + width: 100% + float: left + text-align: left + font-size: 30px + color: #fb2c2d + font-family: 'Arial-MT-Regular', sans-serif + margin: 42px 0 0 0 + letter-spacing: 1px + border-bottom: 1px solid #CFCFCF + padding: 0 0 28px 0 + i + color: #B6B6B6 + + .rightPro ul + float: left + margin: 26px 0 0 0px + li + position: relative + font-size: 15px + color: #2c2c2c + font-family: 'Arial-MT-Regular', sans-serif + margin: 0 0 26px 0 + &:last-child + margin-bottom: 0 + &:before + content: '' + position: absolute + width: 21px + left: -39px + top: -3px + &:first-child:before + height: 26px + background: url('../img/cenaList.png') no-repeat left + background-size: cover + background-position: 0 0 + &:nth-child(2):before + height: 21px + background: url('../img/cenaList.png') no-repeat left + background-size: cover + background-position: 0 -26px + &:nth-child(3):before + height: 22px + background: url('../img/cenaList.png') no-repeat left + background-size: cover + background-position: 0 -46px + + .pagin + text-align: center + margin: 30px 0 0 0 + nav + display: inline-block + ul + li + float: left + margin-right: 26px + padding: 0 0 + line-height: 50px + a + background-color: transparent + color: black + font-size: 20px + line-height: 50px + font-family: 'pfdintextcomppro-regular', sans-serif + border: none + border-radius: 100% + .active a + color: white + background-color: #2c2c2c + padding: 20px !important + line-height: 10px + li a + padding: 20px 0 !important + line-height: 10px + width: 50px !important + height: 50px !important + text-align: center + &:hover, &:active + color: white + background-color: #2c2c2c + border-color: #2c2c2c + li a span + margin-top: -10px + ul li + &:last-child a:hover, &:first-child a:hover + background: none !important + color: #2c2c2c + opacity: 0.8 + + .filter + width: 100% + float: left + background-color: #F2F2F2 + position: relative + padding: 30px 0 30px 0 + + .titleF1 + margin: 23px 0 0 0 + width: 100% + float: left + padding: 0 30px 5px + + .polsF1, .searchF1, .resSearchF1, .sro + width: 100% + float: left + padding: 0 30px 5px + + .titleF1 > div + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + font-weight: bold + color: #2c2c2c + + .polsF1 + .btn-group .btn + width: 100% !important + padding: 15px 30px 15px 18px + border-radius: 0 !important + border: none + font-size: 15px + color: #2c2c2c + position: relative + font-family: 'Arial-MT-Regular', sans-serif + background-color: white + .btn-info + background-color: white + .btn:active + box-shadow: none !important + .btn-group.open .dropdown-toggle + box-shadow: none !important + outline: 1px solid #FF0029 + .btn + &:hover, &:focus + background: white !important + outline: none + + .bootstrap-select.btn-group .dropdown-toggle + .caret + position: absolute + color: #D2D3D5 + right: 10px + font-size: 15px + &:focus .caret, &:active .caret + color: #FF0029 + + .open .caret + color: #FF0029 !important + + .bootstrap-select .dropdown-toggle + &:focus, &:active + outline-offset: 0 !important + outline: 1px solid #FF0029 !important + + .polsF1 + .filter-option + font-size: 15px + color: #000 + position: relative + font-family: 'Arial-MT-Regular', sans-serif + .btn + .glyphicon-triangle-top + top: 15px + .glyphicon-triangle-bottom + top: 25px + &:focus span, &:active span + color: #FF0029 + .dropdown-menu.open + width: 100% + margin: 0 !important + padding: 0 !important + border-radius: 0 !important + outline: 2px solid #FF0029 + + .bootstrap-select.btn-group .dropdown-menu + margin-bottom: -7px !important + + .polsF1 .dropdown-menu li + margin-bottom: 0 + &:last-child + margin-bottom: 2px + a + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + padding-top: 10px + padding-bottom: 10px + &:focus + outline: none !important + background: none + + /*.polsF1 .dropdown-menu li:first-child { + * margin-top: -6px; + *} + + /*.searchF1 { + * margin: 18px 0 0 0; + *} + + .searchInp + width: 100% + height: 51px + padding: 0 15px + font-size: 15px + background-color: white + color: #000 + font-family: 'Arial-MT-Regular', sans-serif + border: none !important + + .otInp + width: 90px + height: 51px + padding: 0 15px + font-size: 15px + background-color: white + color: #9c9c9c + float: left + margin-right: 26px + font-family: 'Arial-MT-Regular', sans-serif + border: none !important + + .valul .btn + font-size: 20px !important + padding: 11px 28px 11px 15px !important + span + color: #aaa + + .findReal + float: left + color: white + font-size: 16px + font-family: 'pfdintextcomppro-regular', sans-serif + background: url('../img/list2.png') no-repeat 41px, #FF0029 + padding: 17px 48px 17px 79px + border-radius: 40px + text-transform: uppercase + &:link, &:visited + float: left + color: white + font-size: 16px + font-family: 'pfdintextcomppro-regular', sans-serif + background: url('../img/list2.png') no-repeat 41px, #FF0029 + padding: 17px 48px 17px 79px + border-radius: 40px + text-transform: uppercase + + .clearSearch + font-size: 15px + font-family: Arial, Verdana, Helvetica, sans-serif + float: left + position: relative + color: #8a8989 + font-style: italic + margin: 14px 0 0 39px + &:link, &:visited + font-size: 15px + font-family: Arial, Verdana, Helvetica, sans-serif + float: left + position: relative + color: #8a8989 + font-style: italic + margin: 14px 0 0 39px + &:before + content: '' + position: absolute + width: 21px + height: 22px + background: url('../img/cenaList.png') no-repeat left + background-size: cover + background-position: 0 -46px + left: -33px + top: -3px + + .resSearchF1 + margin: 30px 0 23px 0 + + .titleResF1, div p.titleResF1 + font-size: 14pt + font-family: 'Arial-MT-Regular', sans-serif + font-weight: bold + color: #000000 + float: left + + .resButtonF1 + width: 50px + height: 50px + background-color: white + border: 1px solid #CFCFCF + color: #FF0029 + text-align: center + font-size: 16px + float: left + border-radius: 100% + margin: -15px 0 0 28px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:focus + outline: none + + .resSearchF1 .col-lg-9 + padding-left: 15px !important + + .borderS1 + width: 100% + float: left + margin: 10px 0 0 0 + border-top: 1px solid #CFCFCF + + .slideRes + width: 100% + float: left + + .sro + margin: 33px 0 28px 0 + + label + width: 23px + height: 23px + display: block + position: relative + float: left + margin-right: 10px + + input[type="checkbox"] + + span + position: absolute + left: 0 + top: 0 + width: 100% + height: 100% + background: url('../img/check.png') no-repeat center + background-position: 0 0 + background-size: cover + cursor: pointer + &:checked + span + background-position: 0 -23px + + /*.sro input[type="checkbox"] { + /*opacity: 0; + /*} + + .sro p + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + font-weight: bold + color: #2c2c2c + float: left + margin: 2px 0 0 0 + + .linkSort + width: 100% + float: left + padding: 0 30px + margin: 46px 0 28px 0 + p + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + float: left + color: #6b6b6b + margin: 10px 14px 0 0 + a + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + float: left + color: #6b6b6b + padding: 11px 23px + border-radius: 40px + margin-right: 6px + border: 1px solid white + &:link, &:visited + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + float: left + color: #6b6b6b + padding: 11px 23px + border-radius: 40px + margin-right: 6px + border: 1px solid white + span + color: #bbb + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:last-child + margin-right: 0 + &:focus, &:active + border-color: #6b6b6b + &:focus span, &:active span + color: #6b6b6b + -webkit-transform: rotate(180deg) + -moz-transform: rotate(180deg) + transform: rotate(180deg) + + .activeSort + border-color: #6b6b6b !important + span + color: #6b6b6b !important + + .polsF2 + margin-bottom: 28px + + .titleF2 + margin: 17px 0 0 0 + + .galleryWork + width: 100% + float: left + margin: 91px 0 0 0 + border-bottom: 1px solid #cfcfcf + > div:hover + cursor: pointer + + .insetCol + background-color: #F2F2F2 + padding: 15px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + width: 100% + float: left + margin-top: 15px + position: relative + + .insetCol2 + width: 100% + float: left + margin-top: 15px + position: relative + + .imgGal + width: 100% + height: 224px + background: url('../img/gal.jpg') no-repeat center + background-size: cover + float: left + position: relative + + .cenaImg + width: 100% + position: absolute + bottom: 0 + left: 0 + padding: 0 30px + + .cenaImgInset + width: 100% + font-size: 19px + color: #fb2c2d + font-family: 'Arial-MT-Regular', sans-serif + text-align: center + background-color: #FEFEFE + padding: 10px 0 + line-height: 17px + i + color: #8B8B8B + font-size: 17px + + .insetCol2 + padding: 5px 30px + background-color: white + > p + font-size: 16px + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + text-align: center + line-height: 19px + margin-bottom: 44px + + .buttonsImg + position: relative + width: 100% + text-align: center + left: 0 + bottom: -5px + background-color: white + z-index: 99 + opacity: 0 + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .insetBI + width: 45px + height: 45px + display: inline-block + vertical-align: top + line-height: 45px + text-align: center + font-size: 18px + > i + color: white + + .insetBI1 + background-color: black + margin-right: -5px + + .insetBI2 + background-color: #FF0027 + + .galleryWork .col-lg-3, .galleryWork2 .col-lg-4 + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .galleryWork .col-lg-3:hover, .galleryWork2 .col-lg-4:hover + -webkit-transform: scale(1.02) + -moz-transform: scale(1.02) + transform: scale(1.04) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + background-color: white + + .galleryWork .col-lg-3:hover .buttonsImg, .galleryWork2 .col-lg-4:hover .buttonsImg + opacity: 1 + + .galleryWork .col-lg-3:hover .insetCol, .galleryWork2 .col-lg-4:hover .insetCol + background-color: white + + .galleryWork .col-lg-3:hover .imgFigure, .galleryWork2 .col-lg-4:hover .imgFigure + opacity: 1 + + .imgFigure + position: absolute + width: 50px + height: 50px + border-radius: 100% + top: 50% + left: 50% + margin: -25px 0 0 -25px + background: url('../img/img.png') no-repeat center, rgba(211, 211, 211, 0.8) + opacity: 0 + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .mainBlock2 > .row + padding: 27px 0 0 0 + + .avatar + width: 100% + padding: 20px 15px + float: left + margin: 0 0 0 0 + background-color: #F1F1F1 + + .avatarInset + width: 100% + height: 224px + img + display: block + width: 100% + height: 100% + + .menuUser + width: 100% + float: left + margin: 0 0 0 0 + ul + float: left + width: 100% + li + width: 100% + margin-top: 1px + position: relative + background-color: #F1F1F1 + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + a + color: #595959 + font-size: 16px + font-family: 'pfdintextcomppro-regular', sans-serif + padding: 26px 23px 26px 65px + position: relative + text-transform: uppercase + letter-spacing: 2px + display: block + width: 100% + &:link, &:visited + color: #595959 + font-size: 16px + font-family: 'pfdintextcomppro-regular', sans-serif + padding: 26px 23px 26px 65px + position: relative + text-transform: uppercase + letter-spacing: 2px + display: block + width: 100% + span + content: '' + position: absolute + width: 30px + left: 15px + top: 22px + z-index: 999 + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + .icon_um1 span + height: 21px + background: url('../img/menuUser.png') no-repeat left + background-size: cover + background-position: 0 0 + .icon_um2 span + height: 22px + background: url('../img/menuUser.png') no-repeat left + background-size: cover + background-position: 0 -21px + .icon_um3 span + height: 16px + background: url('../img/menuUser.png') no-repeat left + background-size: cover + background-position: 0 -53px + .icon_um4 span + height: 26px + background: url('../img/menuUser.png') no-repeat left + background-size: cover + background-position: 0 -69px + li:hover + background-color: white + box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) + -webkit-transform: scale(1.04) + -moz-transform: scale(1.04) + transform: scale(1.04) + z-index: 999 + .icon_um1:hover span + height: 21px + background: url('../img/menuUser2.png') no-repeat left !important + background-size: cover + background-position: 0 0 !important + .icon_um2:hover span + height: 22px + background: url('../img/menuUser2.png') no-repeat left !important + background-size: cover + background-position: 0 -21px !important + .icon_um3:hover span + height: 16px + background: url('../img/menuUser2.png') no-repeat left !important + background-size: cover + background-position: 0 -53px !important + .icon_um4:hover span + height: 26px + background: url('../img/menuUser2.png') no-repeat left !important + background-size: cover + background-position: 0 -69px !important + + .divCol3 + padding: 10px + + .divCol9 + padding: 20px 0 + + .nameUser, .cityUser, .navv + width: 100% + float: left + + .nameUser + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 22px + line-height: 26px + margin: 0 0 0 0 + font-weight: bold + + .cityUser, .navv + font-family: 'Arial-MT-Regular', sans-serif + font-size: 15px + color: #5a5a5a + + .cityUser + text-transform: uppercase + margin: 12px 0 5px 0 + + .navv + margin: 0 0 0 0 + + .statusUser + padding: 7px 16px + letter-spacing: 2px + font-size: 15px + position: relative + float: left + background-color: #00BB7B + color: white + font-family: 'pfdintextcomppro-regular', sans-serif + text-transform: uppercase + margin: 16px 0 0 0 + &:after + content: '' + position: absolute + border: 7px solid transparent + border-left: 7px solid #00BB7B + border-top: 7px solid #00BB7B + left: 0 + bottom: -11px + + .showCon + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + padding: 17px 33px 17px 56px + background: url('../img/showCon.png') no-repeat 16px, white + float: left + margin: 25px 0 0 0 + border: 1px solid white + text-transform: uppercase + letter-spacing: 2px + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + padding: 17px 33px 17px 56px + background: url('../img/showCon.png') no-repeat 16px, white + float: left + margin: 25px 0 0 0 + border: 1px solid white + text-transform: uppercase + letter-spacing: 2px + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + &:hover + border-color: #DFDFDF + + .dashedCol4 + width: 100% + display: table + border: 1px dashed #B7B7B7 + -webkit-box-sizing: border-box + -moz-box-sizing: border-box + box-sizing: border-box + margin: -11px 0 0 0 + padding: 26px 24px 50px 24px + + .specUser + width: 100% + float: left + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 16px + font-weight: bold + margin: 0 0 26px 0 + + .insetSpec + float: left + width: 100% + margin: 0 0 6px 0 + span + color: #5a5a5a + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + &:first-child + float: left + &:nth-child(2) + float: right + + .rettList + width: 100% + padding: 30px 0 15px 0 + border-top: 1px solid #EBEBEB + border-bottom: 1px solid #EBEBEB + float: left + margin-top: -10px + li + color: #2c2c2c + font-size: 16px + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + position: relative + a + color: #2c2c2c + font-size: 16px + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + position: relative + &:link, &:visited + color: #2c2c2c + font-size: 16px + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + position: relative + margin: 0 0 18px 40px + &:before + content: '' + position: absolute + width: 24px + left: -40px + top: -2px + + .restList3 + border: none !important + li a + font-size: 13px !important + small + font-size: 13px !important + + .rettList li + &:first-child:before + height: 19px + background: url('../img/rett.png') no-repeat left + background-size: cover + background-position: 0 0 + &:nth-child(2):before + height: 25px + background: url('../img/rett.png') no-repeat left + background-size: cover + background-position: 0 -19px + &:last-child:before + height: 26px + background: url('../img/rett.png') no-repeat left + background-size: cover + background-position: 0 -44px + span + color: #00BB7B + padding-left: 10px + small + font-size: 16px + color: #757575 + padding-left: 10px + mark + background: none + color: #ff0029 + padding-left: 10px + + .sroUser + width: 100% + float: left + border-bottom: 1px solid #EBEBEB + padding: 27px 0 30px 0 + p + color: #3a3939 + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + float: left + margin: 2px 0 0 17px + + .iconSRO + width: 19px + height: 23px + float: left + background: url('../img/sro.png') no-repeat center + background-size: cover + + .profileTabs2 + width: 100% + margin: 0 0 -1px 0 + float: left + ul + li + position: relative + a + border-radius: 0 !important + font-size: 17px + color: black + font-family: 'pfbeausanspro-reg', sans-serif + position: relative + text-align: left + padding: 22px 61px 22px 21px + height: 94px + &:link, &:visited + border-radius: 0 !important + font-size: 17px + color: black + font-family: 'pfbeausanspro-reg', sans-serif + position: relative + text-align: left + padding: 22px 61px 22px 21px + height: 94px + .active a:after + content: '' + position: absolute + width: 100% + height: 3px + top: -1px + left: 0 + background-color: black + + .addWork + float: left + font-size: 16px + font-family: Arial, Verdana, Helvetica, sans-serif + color: #5a5a5a + position: relative + margin: 0 0 0 48px + font-style: italic + padding: 21px 0 31px 0 + a + &:link, &:visited + color: #5a5a5a + color: #5a5a5a + &:before + content: '' + position: absolute + width: 24px + height: 23px + background: url('../img/plus.png') no-repeat center + background-size: cover + left: -38px + top: 20px + + .galleryWork2 + width: 75% + float: right + + /*.galleryWork2 .col-lg-4:hover { + * cursor: pointer; + *} + + .linkElse + text-align: center + margin: 50px 0 75px 0 + + .showElse + display: inline-block + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #aaa + font-size: 16px + padding: 17px 43px 17px 66px + background: url('../img/img2.png') no-repeat 16px, white + border: 1px solid white + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + text-transform: uppercase + letter-spacing: 2px + &:link, &:visited + display: inline-block + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #aaa + font-size: 16px + padding: 17px 43px 17px 66px + background: url('../img/img2.png') no-repeat 16px, white + border: 1px solid white + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + text-transform: uppercase + letter-spacing: 2px + &:hover + border-color: #DFDFDF + + /*.polsF3 { + * margin-bottom: 23px; + *} + + .mLeft + float: left + + .polsSearch + width: 25% !important + .btn + padding-right: 65px !important + border: 1px solid #ccc !important + + .executorBlock + width: 100% + float: left + margin: 20px 0 -21px 0 + border-top: 1px solid #CFCFCF + position: relative + + .imgExecutor + width: 100% + height: 100% + position: relative + img + display: block + width: 100% + height: 100% + + .aLinkExe + width: 35% + height: 125px + display: block + float: left + margin: 32px 22px 0 0 + + .nameExecutor + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 18px + line-height: 21px + margin: 33px 0 12px 0 + font-weight: bold + float: left + width: 58% + a:link, &:visited, a + color: black + + .navv2 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 15px + color: #5a5a5a + float: left + width: 55% + margin: 0 0 0 0 + + .statusUser + padding: 7px 16px + letter-spacing: 2px + font-size: 15px + position: relative + float: left + background-color: #00BB7B + color: white + font-family: 'pfdintextcomppro-regular', sans-serif + text-transform: uppercase + margin: 16px 0 0 0 + + .valProject2 + margin-left: 15px !important + + .restList2 + border: none + margin: 9px 0 0 40px + li + font-size: 13px !important + font-family: 'Arial-MT-Regular', sans-serif + margin-bottom: 12px + a + font-size: 13px !important + font-family: 'Arial-MT-Regular', sans-serif + margin-bottom: 12px + small + font-size: 13px !important + + .sroExecutor + border: none + padding: 0 0 0 0 + margin: -12px 0 0 40px + + .dashedCol44 + width: 87% + padding: 17px 0 0 18px + margin: 31px 0 0 69px + position: relative + p + font-size: 14px !important + margin: 0 0 10px 0 + > div span + font-size: 13px !important + &:nth-child(2) + margin-right: 30px + + .showSpec + width: 100% + float: left + display: none + + .retts + position: relative + z-index: 1 + padding-left: 0 + + .showPress + position: absolute + right: 9px + top: 100px + cursor: pointer + border: none + width: 11px + height: 6px + z-index: 9999 + background: url('../img/showPress.png') no-repeat center + background-size: cover + &:focus, &:active + outline: none !important + + .gallMini + width: 100% + float: left + margin: 17px 0 63px 0 + position: relative + + .linkInsetCol + display: block + + .executorBlock:before + width: 125px + height: 3px + background-color: black + position: absolute + left: 15px + top: 0 + + .listExecutor + float: left + margin: 37px 0 0 47px + li + margin-bottom: 24px + &:last-child + margin-bottom: 0 + a + color: #595959 + font-size: 15px + text-transform: uppercase + font-family: 'pfdintextcomppro-regular', sans-serif + position: relative + &:before + content: '' + position: absolute + width: 22px + left: -40px + top: -3px + &:first-child a:before + height: 18px + background: url('../img/listExecutor.png') no-repeat left + background-size: cover + background-position: 0 -3px + &:nth-child(2) a:before + height: 22px + background: url('../img/listExecutor.png') no-repeat left + background-size: cover + background-position: 0 -23px + &:last-child a:before + height: 19px + background: url('../img/listExecutor.png') no-repeat left + background-size: cover + background-position: 0 -53px + + .doneBlock + width: 100% + float: left + margin: 0 0 1px 0 + background-color: #F3F3F3 + position: relative + padding: 15px 0 + min-height: 180px + &:before + content: '' + width: 125px + height: 3px + background-color: black + position: absolute + left: 15px + top: 0 + + .restList3 + width: 55% + margin: -14px 0 0 0 + + .dashedColColor + background-color: #F9F9F9 + padding-bottom: 23px + + .desListPro + float: left + margin: 34px 0 0 123px + li + position: relative + font-size: 14px + color: #393939 + font-family: 'Arial-MT-Regular', sans-serif + margin-bottom: 21px + letter-spacing: 0 + &:last-child + margin-bottom: 0 + &:before + content: '' + position: absolute + width: 25px + left: -34px + top: -3px + &:first-child:before + height: 20px + background: url('../img/desProject.png') no-repeat left + background-size: cover + background-position: 0 0 + &:nth-child(2):before + height: 25px + background: url('../img/desProject.png') no-repeat left + background-size: cover + background-position: 0 -20px + + .sroPro + margin: 24px 0 0 91px + + .infoProjectBlock + width: 100% + height: 100px + float: left + background-color: #F3F3F3 + margin: 0 0 0 0 + position: relative + .existing-file-widget a + color: #737373 + font-size: 13px + &:hover + color: #000 + + /*.infoProjectBlock .existing-file-widget { + /*margin-left: 50px; + /*} + + .listProjectIn + float: left + margin: 40px 0 0 57px + li + float: left + color: #3a3939 + font-size: 14px + padding-right: 23px + font-family: 'Arial-MT-Regular', sans-serif + letter-spacing: 1px + &:last-child + padding-right: 0 + span + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + + .textProIn + width: 90% + float: left + margin: 38px 0 0 54px + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + line-height: 24px + color: #3a3939 + + .linkProIn + border-radius: 40px + color: #4c4c4c + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + float: left + padding: 19px 58px 17px 75px + text-transform: uppercase + letter-spacing: 2px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:link, &:visited + border-radius: 40px + color: #4c4c4c + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + float: left + padding: 19px 58px 17px 75px + text-transform: uppercase + letter-spacing: 2px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:hover + background-color: white + + .linkProIn1 + background: url('../img/linkProIn1.png') no-repeat 40px + margin: 32px 0 50px 57px + + .linkProIn2 + background: url('../img/linkProIn2.png') no-repeat 40px + margin: 32px 0 50px 4px + + .triangle2 + position: absolute + border: 30px solid transparent + border-top: 17px solid #F3F3F3 + bottom: -47px + left: 50% + margin-left: -30px + + .exBigBlock + width: 100% + float: left + margin: 0 0 0 0 + background-color: white + + .titleEx + font-size: 36px + font-family: 'pfbeausanspro-thin', sans-serif + text-align: center + padding: 67px 0 0 0 + letter-spacing: 2px + + .exButton + margin: 43px 0 20px 0 + text-align: center + .btn-group + float: none + display: inline-block + .btn + border-radius: 40px + font-size: 15px + font-family: 'pfbeausanspro-reg', sans-serif + padding: 15px 21px 13px 81px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:hover + background-color: white + &:focus + outline: none + color: white + &:active + box-shadow: none !important + color: white + span + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + &:first-child + background: url('../img/btn1.png') no-repeat 29px 14px, white + &:nth-child(2) + background: url('../img/btn2.png') no-repeat 22px 14px, white + &:last-child + background: url('../img/btn3.png') no-repeat 22px 17px, white + &:first-child + &:active, &:focus + background-color: #FF0000 !important + border-color: #FF0000 + background: url('../img/btn11.png') no-repeat 29px 14px, white + &:nth-child(2) + &:active, &:focus + background-color: #00BB7B !important + border-color: #00BB7B + background: url('../img/btn22.png') no-repeat 22px 14px, white + &:last-child + &:active, &:focus + background-color: #8c8c8c !important + background: url('../img/btn33.png') no-repeat 22px 17px, white + + .compareBlock + margin: 10px 0 0 0 + p + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + text-align: center + margin: 0 0 0 0 + position: relative + letter-spacing: 0 + &:before + content: '' + position: absolute + width: 22px + height: 20px + background: url('../img/para.png') no-repeat center + background-size: cover + left: -31px + top: -1px + + .exNew p + font-size: 24px + font-family: 'pfbeausanspro-thin', sans-serif + text-align: center + letter-spacing: 2px + padding: 44px 0 31px 0 + + .imgExecutor2 + width: 35% + height: 125px + background: url('../img/des.jpg') no-repeat center + background-size: cover + float: left + margin: 32px 22px 0 0 + + .candidateBlock + width: 100% + float: left + margin: 0 0 0 0 + + .candidate + width: 100% + float: left + border-top: 1px solid #CFCFCF + border-bottom: 1px solid #CFCFCF + position: relative + margin: -1px 0 0 0 + + .candLink + border-radius: 40px + float: left + font-size: 15px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #595959 + letter-spacing: 2px + text-transform: uppercase + border: 1px solid white + &:link, &:visited + border-radius: 40px + float: left + font-size: 15px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #595959 + letter-spacing: 2px + text-transform: uppercase + border: 1px solid white + &:hover + border-color: #BEBEBE + + .candLink1 + background: url('../img/btn2.png') no-repeat 31px 13px, white + padding: 15px 95px 15px 68px + margin: 24px 0 0 0 + + .candLink2 + background: url('../img/btn44.png') no-repeat 25px 14px, white + padding: 15px 27px 15px 66px + + .candLink3 + background: url('../img/btn3.png') no-repeat 34px 15px, white + padding: 15px 120px 15px 67px + + .listCens p + font-size: 13px + color: #2c2c2c + font-family: 'Arial-MT-Regular', sans-serif + width: 100% + float: left + margin-left: -24px !important + margin-bottom: 13px + &:first-child + margin: 34px 0 11px 0 + span + font-size: 24px + color: #fb2c2d + padding-left: 15px + i + font-size: 24px + color: #8C8C8C + &:nth-child(2) span + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + &:last-child + margin-bottom: 0 + + .commBlock44 + width: 100% + float: left + margin: 6px 0 0 0 + + .comm44 + width: 100% + float: left + margin: 0 0 35px 0 + + .nameComm + font-weight: bold + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 14px + margin: 0 64px 0 52px + float: left + a + color: black + &:link, &:visited + color: black + + .dateComm44 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + position: relative + float: left + &:before + content: '' + position: absolute + width: 25px + left: -34px + top: -3px + height: 20px + background: url('../img/desProject.png') no-repeat left + background-size: cover + background-position: 0 0 + + .stars + width: 100% + float: left + margin: 19px 0 0 0 + padding: 0 0 0 52px + position: relative + span + float: left + font-size: 18px + color: #D1D1D1 + margin-right: 5px + + .starAct, .nameCommAct + color: #00BA7B !important + + .textComm44 + width: 90% + float: left + margin: 20px 0 0 54px + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + line-height: 24px + + .answerComm + border-radius: 40px + float: left + font-size: 15px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #595959 + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + background: url('../img/answer.png') no-repeat 31px 13px, white + padding: 19px 65px 15px 68px + margin: 52px 0 14px 54px + &:link, &:visited + border-radius: 40px + float: left + font-size: 15px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #595959 + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + background: url('../img/answer.png') no-repeat 31px 13px, white + padding: 19px 65px 15px 68px + margin: 52px 0 14px 54px + + .candidate:before + content: '' + width: 125px + height: 3px + background-color: black + position: absolute + left: 15px + top: 0 + + .titleBlockComparison + width: 100% + float: left + margin: 0 0 0 0 + position: relative + p + font-size: 30px + line-height: 30px + font-family: 'pfbeausanspro-thin', sans-serif + text-align: center + padding: 55px 0 49px 0 + background-color: #F3F3F3 + + .compTable + width: 100% + float: left + margin-bottom: 80px + -webkit-box-sizing: border-box + -moz-box-sizing: border-box + box-sizing: border-box + tr + border-bottom: 1px solid #DDD + border-top: 1px solid #DDD + border-left-color: white + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + cursor: move + &:hover + z-index: 999 + display: table-row + position: relative + -webkit-transform: scale(1.02) + -moz-transform: scale(1.02) + transform: scale(1.02) + /*box-shadow: 0 0 10px rgba(0,0,0,0.8); + outline: 1px solid #DAD9D9 + cursor: move + td + &:first-child + color: #ff0000 + &:nth-child(2) + text-decoration: underline + td + background-color: white + &:first-child + border-top: 1px solid #DAD9D9 !important + border-bottom: 1px solid #DAD9D9 !important + th, td + display: table-cell + vertical-align: middle + text-align: center + th:first-child, td:first-child + width: 5% + th:nth-child(2), td:nth-child(2) + width: 15% + th:nth-child(3), td:nth-child(3), th:nth-child(4), td:nth-child(4), th:nth-child(5), td:nth-child(5) + width: 10% + th:nth-child(6), td:nth-child(6) + width: 15% + th:nth-child(7), td:nth-child(7) + width: 17% + th:last-child, td:last-child + width: 18% + th + background-color: #DAD9D9 + font-size: 15px + font-weight: bold + color: #2c2c2c + font-family: Arial, Verdana, Helvetica, sans-serif + padding: 24px 0 + td + &:first-child + font-size: 24px + color: #898989 + font-family: 'Arial-MT-Regular', sans-serif + padding: 58px 0 65px 0 + &:nth-child(2) + font-size: 15px + font-weight: bold + color: #2c2c2c + font-family: Arial, Verdana, Helvetica, sans-serif + padding: 47px 0 + &:nth-child(3) + font-size: 16px + font-weight: bold + color: #fb2c2d + font-family: Arial, Verdana, Helvetica, sans-serif + padding: 58px 0 + i + color: #8C8C8C + &:nth-child(4) + font-size: 15px + font-weight: bold + color: #4b4b4b + font-family: Arial, Verdana, Helvetica, sans-serif + padding: 48px 0 + line-height: 16px + span + color: #858585 + font-size: 13px + font-family: 'Arial-MT-Regular', sans-serif + &:nth-child(5) span + color: #8A8A8A + font-size: 24px + padding: 52px 0 + &:nth-child(6) ul + float: left + margin: 0 0 0 72px + li + font-size: 14px + color: #767676 + font-weight: bold + font-family: Arial, Verdana, Helvetica, sans-serif + margin-bottom: 12px + position: relative + text-align: left + span + color: #43b476 + small + color: #ff2c2c + font-size: 14px + &:before + content: '' + position: absolute + width: 20px + left: -28px + top: 0 + &:first-child:before + height: 18px + background: url('../img/listTable.png') no-repeat center + background-size: cover + background-position: 0 0 + &:last-child:before + height: 21px + background: url('../img/listTable.png') no-repeat center + background-size: cover + background-position: 0 -39px + &:nth-child(2):before + height: 20px + background-size: cover + background: url('../img/listTable.png') no-repeat 0 -17px + &:nth-child(7) + color: #858585 + font-size: 13px + font-family: 'Arial-MT-Regular', sans-serif + line-height: 14px + padding: 36px 0 + span + color: #43b476 + font-size: 14px + font-weight: bold + font-family: Arial, Verdana, Helvetica, sans-serif + position: relative + width: 100% + float: left + &:before + content: '' + position: absolute + width: 21px + left: 60px + top: -8px + height: 26px + background: url('../img/cenaList.png') no-repeat left + background-position: 0 0 + &:nth-child(8) + padding: 20px 0 + + /*.compTable tr th, .compTable tr td { + * display: block + * float: left; + * text-align: center; + *} + + .tableButtons + width: 50% + margin: 0 auto + cursor: pointer + + .btnTab + width: 50px + height: 50px + border: 1px solid #DDD + float: left + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + + .btnTab1 + background: url('../img/btnTab11.png') no-repeat center, white + + .btnTab2 + background: url('../img/btnTab22.png') no-repeat center, white + margin-left: -1px + + .btnTab3 + background: url('../img/btnTab33.png') no-repeat center, white + margin-top: -1px + + .btnTab4 + background: url('../img/btnTab44.png') no-repeat center, white + margin: -1px 0 0 -1px + + .tableButtons:hover + .btnTab1 + border-color: #00BD7F + background: url('../img/btnTab111.png') no-repeat center, #00BD7F + .btnTab2 + border-color: #222 + background: url('../img/btnTab222.png') no-repeat center, #222 + .btnTab3 + border-color: #FF0000 + background: url('../img/btnTab333.png') no-repeat center, #FF0000 + .btnTab4 + border-color: #A7A7A7 + background: url('../img/btnTab444.png') no-repeat center, #A7A7A7 + + .allProjects + position: relative + + .all + width: 100px + top: 43px + position: absolute + text-align: center + cursor: pointer + &:hover + opacity: 0.8 + + .all1 + left: 20px + a:before + content: '' + position: absolute + width: 20px + height: 18px + top: 0 + right: 40px + background: url('../img/prev.png') no-repeat top center + + .all2 + right: 20px + a:before + content: '' + position: absolute + width: 20px + height: 18px + top: 0 + left: 40px + background: url('../img/next.png') no-repeat top center + + .all p + font-size: 12px + font-family: Arial, Verdana, Helvetica, sans-serif + color: #5a5a5a + font-style: italic + padding: 30px 0 0 0 + + .btnReadyBlock + width: 100% + float: left + margin: 0 0 0 0 + padding: 51px 0 0 0 + background: #F3F3F3 + position: relative + + .cenaReady + color: #fb2c2d + font-size: 30px + font-family: 'Arial-MT-Regular', sans-serif + text-align: center + padding: 13px 0 + i + color: #B6B6B6 + + .linkReady + font-family: 'pfdintextcomppro-regular', sans-serif + color: #4c4c4c + letter-spacing: 2px + text-transform: uppercase + border-radius: 40px + float: left + margin: 0 0 48px 0 + &:link, &:visited + font-family: 'pfdintextcomppro-regular', sans-serif + color: #4c4c4c + letter-spacing: 2px + text-transform: uppercase + border-radius: 40px + float: left + margin: 0 0 48px 0 + + .LR1 + background: url('../img/linkReady1.png') no-repeat 70px 15px, white + padding: 19px 93px 17px 109px + + .LR2 + background: url('../img/btnTab22.png') no-repeat 22px 13px, white + padding: 19px 52px 17px 54px + + .LR3 + background: url('../img/btnTab44.png') no-repeat 19px 15px, white + padding: 19px 39px 17px 47px + + .desReadyBlock + width: 100% + float: left + margin: 1px 0 0 0 + background-color: #F3F3F3 + + .titleReady + color: #3a3939 + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + font-size: 16px + margin: 49px 0 0 64px + float: left + + .textReady + color: #3c1a06 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + float: left + margin: 23px 0 63px 67px + line-height: 24px + + .sliderReady + float: left + height: 788px + margin: 0 0 0 0 + position: relative + + .swiper-container + width: 100% + height: 300px + margin-left: auto + margin-right: auto + + .swiper-slide + background-size: cover + background-position: center + margin-top: 14px !important + + .gallery-top + height: 80% + width: 100% + + .gallery-thumbs + height: 20% + box-sizing: border-box + padding: 10px 0 + .swiper-slide + width: 25% + height: 100% + position: relative + cursor: pointer + &.is-selected:after + content: '' + position: absolute + width: 100% + height: 3px + background-color: #ff0000 + top: -24px + left: 0 + z-index: 999 + + .arr + width: 50px + height: 50px + cursor: pointer + margin: 10px 0 + &:hover + opacity: 0.8 + + .arr1 + background: url('../img/prev2.png') no-repeat center + float: left + + .arr2 + background: url('../img/next2.png') no-repeat center + float: right + + .sibl + font-size: 30px + font-family: 'pfbeausanspro-thin', sans-serif + padding: 82px 0 42px 0 + text-align: center + + .arroww + width: 60px + height: 60px + position: absolute + top: 37% + z-index: 999 + cursor: pointer + + .prev3 + background: url('../img/prev3.png') no-repeat center, black + left: -45px + + .next3 + background: url('../img/next3.png') no-repeat center, black + right: -45px + + .tabsChat + a + border: none !important + text-align: center !important + .active a + border: none !important + + .chatBlock + width: 100% + border-top: 1px solid #DADADA + border-bottom: 1px solid #DADADA + margin: 18px 0 0 0 + float: left + + /*.commChat { + * height: 845px; + * max-height: 845px; + * overflow-y: scroll; + * border-right: 1px solid #DADADA; + * border-left: 1px solid #DADADA; + *} + + .insetCommChat + width: 100% + float: left + margin: 20px 0 -7px 0 + + .topCommChat + width: 100% + float: left + + .youChat + background-color: #E9FFF8 + + .nameCommChat + float: left + font-size: 13px + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + margin: 18px 20px 0 0 + + .topCommChat span + font-size: 13px + color: #2c2c2c + font-family: 'Arial-MT-Regular', sans-serif + float: left + margin: 18px 0 0 0 + + .textCommChat + width: 84% + float: left + margin: 11px 0 30px 0 + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + color: #3c1a06 + line-height: 25px + + .greenNCC + color: #00A66E + + #chat + width: 100% + height: 110px + border: 1px solid #cdcdcd + resize: none + padding: 10px 15px + color: #3c1a06 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + float: left + margin: 33px 0 0 0 + + .bunChat + width: 100% + float: left + margin: 19px 0 49px 0 + + .setChat + width: 40% + float: left + padding: 0 0 0 45px + background: url('../img/set.png') no-repeat 10px 0 + p + font-family: Arial, Verdana, Helvetica, sans-serif + font-style: italic + font-size: 16px + float: left + margin: 0 0 0 0 + color: #5a5a5a + cursor: pointer + span + width: 90% + font-family: Arial, Verdana, Helvetica, sans-serif + font-style: italic + font-size: 12px + float: left + margin: 6px 0 0 0 + line-height: 16px + color: #919191 + + .bunChat a + float: right + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 46px + text-transform: uppercase + &:link, &:visited + float: right + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 46px + text-transform: uppercase + + .wrTAB + padding: 0 + + .textAreaBlock2 + width: 100% + float: left + margin: 24px 0 0 0 + padding: 0 15px + /*border-bottom: 1px solid #BEBEBE; + text-align: center + p + font-size: 13px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + float: left + width: 100% + text-align: left + + #chat2 + width: 100% + height: 110px + border: 1px solid #cdcdcd + resize: none + padding: 10px 15px + color: #3c1a06 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + float: left + text-align: left + margin: 10px 0 20px 0 + + .textAreaBlock2 a + border: 1px solid #bebebe + border-radius: 40px + color: #373737 + display: inline-block + font-family: "pfdintextcomppro-regular",sans-serif + font-size: 15px + letter-spacing: 2px + margin-bottom: 20px + padding: 12px 30px + text-transform: uppercase + &:link, &:visited + border: 1px solid #bebebe + border-radius: 40px + color: #373737 + display: inline-block + font-family: "pfdintextcomppro-regular",sans-serif + font-size: 15px + letter-spacing: 2px + margin-bottom: 20px + padding: 12px 30px + text-transform: uppercase + &:not(.cke_button, .cke_combo_button, .cke_path_item), &:link:not(.cke_button, .cke_combo_button, .cke_path_item), &:visited:not(.cke_button, .cke_combo_button, .cke_path_item) + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + border-radius: 40px + display: inline-block + color: #373737 + padding: 12px 30px + font-size: 15px + margin-bottom: 20px + + .linkChatB + width: 100% + float: left + margin: 40px 0 0 0 + text-align: center + a + border-radius: 40px + display: inline-block + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 27px 17px 56px + text-transform: uppercase + background: url('../img/chat.png') no-repeat 20px 13px + &:link, &:visited + border-radius: 40px + display: inline-block + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 27px 17px 56px + text-transform: uppercase + background: url('../img/chat.png') no-repeat 20px 13px + + .wrMessages + padding: 0 + background-color: #F7F7F7 + + .messageBlock + width: 100% + float: left + margin: 0 0 0 0 + padding: 0 0 + > p + width: 100% + float: left + font-size: 24px + font-family: 'pfbeausanspro-reg', sans-serif + margin: 26px 0 20px 15px + + .message + width: 100% + float: left + border-top: 1px solid #000 + border-bottom: 1px solid #000 + padding: 15px 0 + margin-bottom: -1px + position: relative + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .imgMess + width: 60px + height: 60px + float: left + margin: 0 15px 0 15px + img + display: block + width: 100% + height: 100% + + .nameMess + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 13px + font-weight: bold + float: left + margin: 0 0 0 0 + a + color: black + &:link, &:visited + color: black + + .conMess + color: #5a5a5a + font-size: 13px + font-family: Arial, Verdana, Helvetica, sans-serif + text-decoration: underline + position: relative + float: left + margin: 18px 0 0 30px + font-style: italic + &:link, &:visited + color: #5a5a5a + font-size: 13px + font-family: Arial, Verdana, Helvetica, sans-serif + text-decoration: underline + position: relative + float: left + margin: 18px 0 0 30px + font-style: italic + + .deleteMess + color: #5a5a5a + font-size: 14px + font-family: Arial, Verdana, Helvetica, sans-serif + text-decoration: underline + position: relative + float: left + margin: 61px 0 0 -45% + font-style: italic + display: none + &:link, &:visited + color: #5a5a5a + font-size: 14px + font-family: Arial, Verdana, Helvetica, sans-serif + text-decoration: underline + position: relative + float: left + margin: 61px 0 0 -45% + font-style: italic + display: none + + .conMess:after + content: '' + position: absolute + width: 17px + height: 22px + background: url('../img/btnTab44.png') no-repeat center + background-size: cover + left: -31px + top: -2px + + .deleteMess:after + content: '' + position: absolute + width: 13px + height: 13px + background: url('../img/btn3.png') no-repeat center + background-size: cover + left: -30px + top: 2px + + .message span + width: 35px + height: 35px + border-radius: 100% + background-color: #EBEBEB + line-height: 35px + text-align: center + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + position: absolute + right: 15px + top: 35px + cursor: pointer + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .messd:hover + z-index: 999 + background-color: white + -webkit-transform: scale(1.06) + -moz-transform: scale(1.06) + transform: scale(1.06) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + span + background-color: #FF0027 + color: white + .deleteMess + display: block + + .mesAct + z-index: 999 + background-color: white + -webkit-transform: scale(1.02) + -moz-transform: scale(1.02) + transform: scale(1.02) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + .deleteMess + display: block + span + background-color: #FF0027 + color: white + + .hideAct + display: block !important + + .wrChat1 + padding: 0 + .message + border: none + + .startChat + float: left + margin: 0 0 0 0 + + .insetSC1 + width: 100% + float: left + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 15px + font-weight: bold + color: #2c2c2c + margin: 0 0 10px 0 + span + float: right + margin-right: 30px + + .insetSC2 + width: 100% + float: left + font-family: "Arial-MT-Regular", sans-serif + font-size: 13px + color: #2c2c2c + margin: 0 0 0 0 + span + color: #ff2c2c + float: right + margin-right: 60px + + .documentsChat + width: 100% + float: left + > p + width: 100% + float: left + font-size: 24px + font-family: 'pfbeausanspro-reg', sans-serif + margin: 26px 0 20px 0 + ul + float: left + margin: 4px 0 0 32px + max-width: 210px + li + color: #737373 + font-size: 13px + font-family: 'Arial-MT-Regular', sans-serif + margin-bottom: 10px + position: relative + &:before + content: '' + position: absolute + width: 19px + height: 18px + background: url('../img/imgDoc.png') no-repeat center + background-size: cover + left: -32px + top: 0 + div + position: absolute + width: 11px + height: 11px + background: url('../img/delDoc.png') no-repeat center + background-size: cover + right: -20px !important + top: 2px + cursor: pointer + + .remove-document + position: absolute + width: 11px + height: 11px + background: url('../img/delDoc.png') no-repeat center + background-size: cover + right: -20px !important + top: 2px + cursor: pointer + + .documentsChat + ul li + &:last-child + margin-bottom: 0 + span + float: right + margin: 0 0 0 30px + a + color: #5a5a5a + border-radius: 40px + border: 1px solid #BEBEBE + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 12px + font-style: italic + padding: 10px 21px 10px 32px + background: url('../img/btnDoc.png') no-repeat 10px 6px + float: left + margin: 19px 0 -10px 0 + &:link, &:visited + color: #5a5a5a + border-radius: 40px + border: 1px solid #BEBEBE + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 12px + font-style: italic + padding: 10px 21px 10px 32px + background: url('../img/btnDoc.png') no-repeat 10px 6px + float: left + margin: 19px 0 -10px 0 + + .wrChat1 .textAreaBlock2 + border: none + + .closeChat + width: 100% + float: left + padding: 0 0 0 0 + text-align: center + + .closeChat1 + margin: 10px 0 30px 0 + background: url('../img/closeChat1.png') no-repeat top center + + .closeChat2 + background: url('../img/closeChat2.png') no-repeat top center + + .closeChat a + color: #5a5a5a + font-size: 14px + font-family: Arial, Verdana, Helvetica, sans-serif + text-decoration: underline + text-align: center + display: inline-block + margin: 0 0 0 0 + font-style: italic + padding: 30px 0 0 0 + &:link, &:visited + color: #5a5a5a + font-size: 14px + font-family: Arial, Verdana, Helvetica, sans-serif + text-decoration: underline + text-align: center + display: inline-block + margin: 0 0 0 0 + font-style: italic + padding: 30px 0 0 0 + + .orderBlock + width: 100% + float: left + margin-bottom: -1px + padding: 15px + background-color: #F7F7F7 + border-top: 1px solid #72767C + border-bottom: 1px solid #72767C + position: relative + cursor: pointer + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:hover + background-color: white + border-top: 1px solid black + border-bottom: 1px solid black + -webkit-transform: scale(1.03) + -moz-transform: scale(1.03) + transform: scale(1.03) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + z-index: 999 + + .titleOB + width: 100% + float: left + font-family: 'Arial-MT-Regular', sans-serif + font-size: 18px + color: #2c2c2c + margin: 0 0 0 0 + line-height: 20px + + .pOB + width: 100% + float: left + font-family: 'Arial-MT-Regular', sans-serif + font-size: 15px + color: #2c2c2c + margin: 10px 0 10px 0 + span + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + + .listChat1 + float: left + margin: 0 0 0 20px + li + color: #737373 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 13px + margin-bottom: 4px + &:last-child + margin-bottom: 0 + + .linkChat11 + font-family: Arial, Verdana, Helvetica, sans-serif + color: #5a5a5a + font-size: 14px + font-style: italic + float: left + margin: 10px 0 10px 0 + text-decoration: underline + display: block + &:link, &:visited + font-family: Arial, Verdana, Helvetica, sans-serif + color: #5a5a5a + font-size: 14px + font-style: italic + float: left + margin: 10px 0 10px 0 + text-decoration: underline + display: block + span + font-size: 24px + float: left + margin: -4px 10px 0 0 + + .hideOBB + width: 100% + float: left + display: none + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .orAct + background-color: white + border-top: 1px solid black + border-bottom: 1px solid black + -webkit-transform: scale(1.03) + -moz-transform: scale(1.03) + transform: scale(1.03) + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + z-index: 999 + + .dimovChat + position: absolute + right: 15px + top: 15px + cursor: pointer + z-index: 999 + border: 7px solid transparent + border-left: 7px solid #72767C + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .orderBlock:hover .dimovChat, .orAct .dimovChat + -webkit-transform: rotate(90deg) + -moz-transform: rotate(90deg) + transform: rotate(90deg) + + .orderBlock:hover .hideOBB + display: block + + .orAct .hideOBB + display: block !important + + .wrstepschat + float: left + padding: 0 + > p + width: 100% + float: left + font-size: 24px + font-family: 'pfbeausanspro-reg', sans-serif + margin: 26px 15px 20px 15px + color: black + + .stepssBlock + width: 100% + float: left + padding: 15px + border-top: 1px solid black + border-bottom: 1px solid black + z-index: 9 + position: relative + margin-bottom: -1px + + .titleStepss + width: 100% + float: left + font-size: 18px + font-family: 'Arial-MT-Regular', sans-serif + margin: 0 0 15px 0 + color: #2c2c2c + + .textStepss + width: 100% + float: left + font-size: 14px + line-height: 17px + font-family: 'Arial-MT-Regular', sans-serif + color: #575757 + + .numberStepp + width: 100% + float: left + border-top: 1px solid transparent + border-bottom: 1px solid transparent + padding: 15px + margin-bottom: -15px + background-color: white + position: relative + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + /*.numberStepp:hover { + * z-index: 999; + * border-top-color: black; + * border-bottom-color: black; + * -webkit-transform: scale(1.02); + * -moz-transform: scale(1.02); + * transform: scale(1.02); + * box-shadow: 0 0 10px rgba(0,0,0,0.7); + *} + + /*.numberStepp:hover .insetNumStepp { + * border-color: white; + *} + + .insetNumStepp + width: 100% + float: left + padding-top: 15px + border-bottom: 1px solid #DADADA + margin-bottom: -1px + &:first-child + margin-top: -18px + + .titleNumStepp + width: 100% + float: left + font-family: 'Arial-MT-Regular', sans-serif + font-size: 13px + color: #464646 + line-height: 14px + span + font-size: 14px + text-transform: uppercase + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + float: left + margin-right: 14px + + .textNumStepp + width: 100% + float: left + font-size: 12px + color: #525252 + font-family: 'Arial-MT-Regular', sans-serif + margin: 10px 0 + + .insetNumStepp > div + width: 100% + float: left + margin-bottom: 15px + p + float: left + font-size: 12px + color: #525252 + font-family: 'Arial-MT-Regular', sans-serif + span + color: #ff2c2c + float: right + font-size: 12px + font-family: 'Arial-MT-Regular', sans-serif + i + color: #848484 + + .FFD + border-bottom: 0 + margin-top: 15px + + .stepssBlock ul + float: left + margin: 10px 0 0 30px + li + font-size: 12px + color: #525252 + font-family: 'Arial-MT-Regular', sans-serif + margin-bottom: 8px + position: relative + &:before + content: '' + position: absolute + left: -30px + top: 2px + &:first-child:before + width: 13px + height: 14px + background: url('../img/reserved.png') no-repeat center + background-size: cover + &:last-child:before + width: 17px + height: 16px + background: url('../img/reserved2.png') no-repeat center + background-size: cover + + .infoProfile .dropdown-menu + border-radius: 0 + background-color: black + left: -174px + margin: -1px 100% 0 0 + float: left + width: 250px + height: 300px + padding: 30px 20px 15px 40px + border-top: 3px solid #ff2c2c + li + margin-bottom: 10px + &:last-child + margin-bottom: 0 + a + color: white + font-size: 17px + font-family: 'pfbeausanspro-reg', sans-serif + position: relative + &:link, &:visited + color: white + font-size: 17px + font-family: 'pfbeausanspro-reg', sans-serif + position: relative + &:hover, &:active + background-color: black !important + color: #ff2c2c + span + content: '' + position: absolute + width: 20px + left: -18px + top: 4px + .icon_mm1 a span + height: 20px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 0 + .icon_mm2 a span + height: 22px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 -20px + .icon_mm3 a span + height: 13px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 -42px + top: 6px + .icon_mm4 a span + height: 20px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 -55px + .icon_mm5 a span + height: 20px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 -75px + .icon_mm6 a span + height: 20px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 -95px + .icon_mm7 a span + height: 20px + background: url('../img/menu.png') no-repeat center + background-size: cover + background-position: 0 0 + .icon_mm8 a span + height: 20px + background: url('../img/user-5.png') no-repeat center + background-size: contain + background-position: 0 0 + .icon_mm1 a:hover span + height: 20px + background: url('../img/menu2.png') no-repeat center !important + background-size: cover !important + background-position: 0 0 !important + .icon_mm2 a:hover span + height: 22px + background: url('../img/menu2.png') no-repeat center + background-size: cover + background-position: 0 -20px + .icon_mm3 a:hover span + height: 13px + background: url('../img/menu2.png') no-repeat center + background-size: cover + background-position: 0 -42px + .icon_mm4 a:hover span + height: 20px + background: url('../img/menu2.png') no-repeat center + background-size: cover + background-position: 0 -55px + .icon_mm5 a:hover span + height: 20px + background: url('../img/menu2.png') no-repeat center + background-size: cover + background-position: 0 -75px + .icon_mm6 a:hover span + height: 20px + background: url('../img/menu2.png') no-repeat center + background-size: cover + background-position: 0 -95px + .icon_mm7 a:hover span + height: 20px + background: url('../img/menu2.png') no-repeat center + background-size: cover + background-position: 0 0 + .icon_mm8 a:hover span + height: 20px + background: url('../img/user-4.png') no-repeat center + background-size: contain + background-position: 0 0 + + /* CHAT'S MODAL FORMS + + #modal_form1 + width: 600px + height: 400px + position: fixed + top: 50% + left: 50% + margin: -200px 0 0 -300px + background-color: white + box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) + border-top: 3px solid #ff2c2c + z-index: 9999 + display: none + + .insetModalForm1 + width: 100% + height: 100% + float: left + position: relative + padding: 70px 50px 20px 50px + + .closeMF1 + width: 45px + height: 45px + background-color: #ff2c2c + line-height: 45px + cursor: pointer + text-align: center + position: absolute + right: 0 + top: 0 + span + font-size: 16px + color: white + + .insetModalForm1 p + width: 100% + float: left + font-family: 'Arial-MT-Regular', sans-serif + + .titleMF1 + font-size: 26px + margin: 0 0 40px 0 + + .textMF1 + font-size: 14px + line-height: 18px + color: #3c1a06 + + #modal_form2 + width: 300px + height: 160px + min-height: 160px + position: fixed + right: 0 + top: 50% + margin-top: -100px + background-color: white + padding: 15px 15px 0 15px + border-top: 3px solid #ff2c2c + box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) + display: none + + .insetMF2 + width: 100% + height: 100% + float: left + position: relative + + .titleMF2 + width: 100% + float: left + font-size: 13px + font-family: Arial, Verdana, Helvetica, sans-serif + margin: 0 0 15px 0 + font-weight: bold + + .textMF2 + width: 100% + float: left + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + line-height: 18px + color: #3c1a06 + margin: 0 0 15px 0 + + .insetMF2 a + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + border-radius: 40px + color: #373737 + padding: 9px 26px + font-size: 15px + float: left + margin-right: 10px + margin-bottom: 15px + &:link, &:visited + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + border-radius: 40px + color: #373737 + padding: 9px 26px + font-size: 15px + float: left + margin-right: 10px + margin-bottom: 15px + + .later + border-color: #ccc !important + color: #ccc !important + margin-right: 0 !important + + .closeMF2 + font-size: 16px + cursor: pointer + position: absolute + top: 0 + right: 0 + color: #BEBEBE + + .topMain + width: 1300px + + /* NEW PAGES + + .score-new + text-align: center + + .litt1 + display: inline-block + color: white + background-color: #FE0029 + padding: 18px 74px + vertical-align: top + &:link, &:visited + display: inline-block + color: white + background-color: #FE0029 + padding: 18px 74px + vertical-align: top + + .form-regestration + display: table + width: 100% + float: left + margin: 0 0 80px 0 + padding: 67px 0 0 0 + background-color: #ddd + text-align: center + + .select-reg + .btn-group + display: inline-block + vertical-align: top + &.captcha + text-align: center + .g-recaptcha + display: inline-table + margin: 25px 0 0 0 + + .email-reg, .pass-reg + width: 360px + height: 51px + display: inline-block + vertical-align: top + padding: 0 15px + font-size: 15px + background-color: white + color: black + margin: 20px 0 0 0 + font-family: 'Arial-MT-Regular', sans-serif + border: none !important + + .reg-sub + width: 360px + height: 51px + color: white + text-align: center + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + line-height: 51px + border: none + background-color: #42B476 + border-radius: 40px + display: inline-block + vertical-align: top + margin-top: 20px + font-size: 15px + text-transform: uppercase + &:active, &:focus + outline: none !important + + .check-reg + width: 360px + display: inline-block + vertical-align: top + margin-top: 20px + label + float: left + p + font-family: 'Arial-MT-Regular', sans-serif + color: #6c6c6c + font-size: 15px + float: left + /*margin: -2px 0 0 10px; + line-height: 18px + width: 90% + text-align: left + > a + color: #009DD9 + &:link, &:visited + color: #009DD9 + + label + width: 23px + height: 23px + display: block + position: relative + + input[type="checkbox"] + + span + position: absolute + left: 0 + top: 0 + width: 100% + height: 100% + background: url('../img/check.png') no-repeat + cursor: pointer + &:checked + span + background-position: 0 -23px + + .text-block + width: 100% + float: left + margin: 0 0 80px 0 + background-color: #F2F2F2 + > + .col-lg-9 + p + width: 100% + float: left + font-size: 16px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + margin: 67px 0 67px 0 + line-height: 24px + text-align: justify + .col-lg-3 .img-text + width: 100% + height: 500px + float: left + margin: 67px 0 67px 0 + background: url('../img/img-text.jpg') no-repeat center + background-size: cover + + .have-ac + color: #009DD9 + font-size: 17px + font-family: 'Arial-MT-Regular', sans-serif + padding: 20px 0 67px 0 + text-transform: uppercase + display: inline-block + &:link, &:visited + color: #009DD9 + font-size: 17px + font-family: 'Arial-MT-Regular', sans-serif + padding: 20px 0 67px 0 + text-transform: uppercase + display: inline-block + + .btn-element + margin-bottom: 80px + + .right-pro-red li:last-child + color: #FF0027 !important + &:before + content: '' + position: absolute + width: 21px + height: 21px + background: url('../img/cenaList3.png') no-repeat center !important + background-size: cover !important + left: -39px + top: -3px + + .new-dashed .dashedCol4 + width: 100% !important + margin-left: 0 + + .new-list + ul + margin-left: 48px + > div + margin-left: 20px !important + + .comm-new + padding: 47px 0 0 0 + border-top: 1px solid #CFCFCF + + .can-new + > .col-lg-4 + margin-bottom: 24px + .candLink + margin-top: 22px + border-color: #BEBEBE + padding: 15px 67px + + .new-answer + border-radius: 40px + color: #4c4c4c + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + float: left + padding: 19px 58px + text-transform: uppercase + letter-spacing: 2px + background-color: white + margin: 32px 0 50px 57px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + &:link, &:visited + border-radius: 40px + color: #4c4c4c + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + float: left + padding: 19px 58px + text-transform: uppercase + letter-spacing: 2px + background-color: white + margin: 32px 0 50px 57px + -webkit-transition: all 0.3s ease-out + -moz-transition: all 0.3s ease-out + transition: all 0.3s ease-out + + .pols-new + width: 280px !important + float: left + margin: 34px 0 50px 0 + + .info-new + margin-bottom: 67px + + .new-p + p + width: 100% + float: left + text-align: center + font-size: 30px + color: #fb2c2d + font-family: 'Arial-MT-Regular', sans-serif + margin: 67px 0 0 0 + letter-spacing: 1px + > p i + color: #B6B6B6 + + .new-done:before + display: none + + .new-prop + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + float: left + border: 1px solid white + text-transform: uppercase + letter-spacing: 2px + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + float: left + border: 1px solid white + text-transform: uppercase + letter-spacing: 2px + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + &:hover + border-color: #DFDFDF + + .new-red:hover + border-color: #DFDFDF + + .new-prop1 + margin: -12px 0 14px 0 + padding: 14px 44px 14px 56px + background: url('../img/btnTab44.png') no-repeat 16px, white + + .new-prop2 + margin: 0 0 14px 0 + padding: 14px 33px 14px 56px + background: url('../img/btnTab22.png') no-repeat 16px 10px, white + + .new-red + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + float: left + border: 1px solid white + text-transform: uppercase + letter-spacing: 2px + margin: 0 0 0 0 + position: relative + z-index: 999 + padding: 14px 10px 14px 56px + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + background: url('../img/linkProIn1.png') no-repeat 16px 16px, white + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + float: left + border: 1px solid white + text-transform: uppercase + letter-spacing: 2px + margin: 0 0 0 0 + position: relative + z-index: 999 + padding: 14px 10px 14px 56px + -webkit-transition: all 0.4s ease-out + -moz-transition: all 0.4s ease-out + transition: all 0.4s ease-out + background: url('../img/linkProIn1.png') no-repeat 16px 16px, white + + .tabs-new + margin-top: 80px + li:nth-child(2) .roundsCount + left: 65% !important + ul li:first-child a + text-align: center !important + li:last-child .roundsCount + left: 35% !important + + .new-mar + margin-bottom: 4px + + .new-mar2 + float: right + margin-top: -102px + + .add-work-new + float: right + margin-right: -37px + + .new-er + margin-bottom: 20px + + .new-pro-block + margin-bottom: 80px + + .color-menu + width: 100% + float: left + margin: 24px 0 -10px 0 + li + float: left + margin-right: 65px + font-size: 16px + font-family: 'Arial-MT-Regular', sans-serif + &:last-child + margin-right: 0 + &:first-child a + color: #FFB207 + &:link, &:visited + color: #FFB207 + &:nth-child(2) a + color: #009900 + &:link, &:visited + color: #009900 + &:last-child a + color: #FF0000 + &:link, &:visited + color: #FF0000 + + .new-rettt + border: none + margin: 12px 0 0 + li:before + content: '' + position: absolute + width: 24px + left: -40px + top: -2px + height: 26px + background: url('../img/rett.png') no-repeat left + background-size: cover + background-position: 0 -44px + + .new-comm-44 + width: 75% + float: right + margin: 24px 0 13px 0 + .nameComm, .stars, .textComm44 + margin-left: 0 + padding-left: 0 + .dateComm44:before + content: '' + position: absolute + width: 20px + height: 18px + top: 0 + background: url('../img/btn2.png') no-repeat left + background-size: cover + background-position: 0 0 + + .stars a + color: #21CA6B + font-size: 12px + font-family: 'Arial-MT-Regular', sans-serif + float: left + position: absolute + top: 3px + right: 57.5% + text-transform: uppercase + &:link, &:visited + color: #21CA6B + font-size: 12px + font-family: 'Arial-MT-Regular', sans-serif + float: left + position: absolute + top: 3px + right: 57.5% + text-transform: uppercase + + .new-comm-44 > .col-lg-12 + margin-bottom: 67px + + .upload + width: 100% + height: 37px + overflow: hidden + cursor: pointer + float: left + margin: 0 0 10px 0 + + .upload2 + width: 200px + height: 51px + overflow: hidden + cursor: pointer + float: left + margin: 0 0 10px 0 + border-radius: 40px + border: 1px solid #42B476 + + .up-l1 + margin-right: 24px + border: 1px solid #42B476 + + .up-l2 + border: 1px solid #ff2c2c + + .upload input + display: block !important + width: 100% !important + height: 37px !important + opacity: 0 !important + cursor: pointer + + .upload2 input + display: block !important + width: 100% !important + height: 51px !important + opacity: 0 !important + cursor: pointer + + .upload p + color: black + line-height: 37px + float: left + margin: -37px 0 0 0 + font-size: 20px + + .upload2 p + line-height: 51px + text-transform: uppercase + margin: -51px 0 0 0 + font-size: 15px + + .up-l1 p + color: #42B476 + + .up-l2 p + color: #ff2c2c + + .upload p, .upload2 p + text-align: center + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + + .resume + margin: 24px 0 0 0 + + .list-new-new + margin-bottom: 10px + + .mail-block + width: 100% + float: left + margin: 0 0 0 0 + + .inset-mb + display: table + float: left + margin-left: 15px + &:first-child + float: left + margin-left: 15px + &:last-child + float: right + margin-right: 15px + + input[type="radio"] + + span + position: absolute + left: 0 + top: 0 + width: 100% + height: 100% + background: url('../img/radio.png') no-repeat center + background-position: 0 0 + background-size: cover + cursor: pointer + &:checked + span + background-position: 0 -23px + + /*.inset-mb input[type="radio"] { + /*opacity: 0; + /*} + + .inset-mb p + float: left + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + margin: 3px 0 0 6px + + .new-rass + .col-lg-3 + width: 30% + .col-lg-9 + width: 70% + + .textAreaBlock2 input + width: 100% + height: 37px + border: 1px solid #cdcdcd + padding: 0 15px + color: #3c1a06 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + float: left + text-align: left + margin: 10px 0 -15px 0 + + .new-link + margin: 17px 0 0 0 + + .new-pp + width: 100% + float: left + font-size: 24px + font-family: 'pfbeausanspro-reg', sans-serif + margin: 26px 0 20px 0 + + .new-text-pp + width: 100% + float: left + margin: 0 0 0 0 + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + text-align: justify + line-height: 19px + color: #2f2f2f + + .resume-block + margin: 37px 0 0 0 + + .block-is + width: 25% + padding: 25px 15px + float: left + background-color: #F1F1F1 + + .block-i + width: 100% + height: 160px + img + display: block + width: 100% + height: 100% + + .top-summary + width: 100% + float: left + margin: 0 0 0 0 + + .name-summ + width: 60% + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 24px + font-weight: bold + float: left + margin: 12px 0 0 0 + + .download-summ + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #2c2c2c + font-size: 16px + padding: 14px 33px 14px 33px + float: right + margin: 0 15px 0 0 + border: 1px solid #2c2c2c + text-transform: uppercase + letter-spacing: 2px + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #2c2c2c + font-size: 16px + padding: 14px 33px 14px 33px + float: right + margin: 0 15px 0 0 + border: 1px solid #2c2c2c + text-transform: uppercase + letter-spacing: 2px + + .who-summ + width: 60% + float: left + font-size: 15px + color: #5a5a5a + font-family: 'Arial-MT-Regular', sans-serif + margin: 6px 0 0 0 + + .list-summ-block + width: 100% + float: left + margin: 24px 0 0 0 + + .list-summ + float: left + margin: 0 0 0 24px + li + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + position: relative + margin-bottom: 16px + &:last-child + margin-bottom: 0 + &:before + content: '' + position: absolute + &:first-child:before + width: 18px + height: 18px + background: url('../img/btn1.png') no-repeat center + background-size: cover + left: -40px + top: 0 + &:nth-child(2):before + width: 19px + height: 22px + background: url('../img/answer.png') no-repeat center + background-size: cover + left: -40px + top: -5px + &:nth-child(3):before + width: 22px + height: 22px + background: url('../img/skype.png') no-repeat center + background-size: cover + left: -42px + top: 0 + &:last-child:before + width: 17px + height: 22px + background: url('../img/showCon.png') no-repeat center + background-size: cover + left: -39px + top: 0 + + .list-summ-block .dashedCol4 + padding-bottom: 26px !important + + .wr-inset-pluss + padding-left: 0 + + .pluss-block + width: 100% + float: left + + .pluss + width: 100% + float: left + margin-bottom: 24px + p + width: 100% + float: left + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 20px + font-weight: bold + margin: 0 0 12px 0 + span + width: 100% + float: left + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + color: #5a5a5a + line-height: 19px + + .gal-pluss + width: 100% + float: left + margin: 43px 0 0 0 + + .inset-gp + width: 100% + float: left + margin-bottom: 37px + + .title-gp + float: left + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 20px + font-weight: bold + margin: 0 0 24px 0 + + .inset-gp .upload2 + float: right + margin: -15px 15px 0 0 + border-color: #169BD5 !important + color: #169BD5 !important + + .gal-iss + width: 100% !important + > .col-lg-4:nth-child(3n+3) + padding-right: 30px + .insetCol2 > p + margin-bottom: 12px + .imgGal + height: 334px + background: url('../img/sert.jpg') no-repeat center + background-size: cover + + .val-pro3 .btn + &:active, &:focus + background: none + color: black + span mark + background-color: #FF0027 + border-radius: 100% + padding: 5px 10px + color: white + text-align: center + + .st-new:after + display: none !important + + .add-man + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #2a2a2a + font-size: 16px + padding: 17px 47px 17px 67px + background: url('../img/btn1.png') no-repeat 30px 16px, white + float: left + margin: 24px 0 0 0 + border: 1px solid #2a2a2a + text-transform: uppercase + letter-spacing: 2px + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: #2a2a2a + font-size: 16px + padding: 17px 47px 17px 67px + background: url('../img/btn1.png') no-repeat 30px 16px, white + float: left + margin: 24px 0 0 0 + border: 1px solid #2a2a2a + text-transform: uppercase + letter-spacing: 2px + + .block-users + width: 100% + float: left + margin: 24px 0 0 0 + > p + font-size: 24px + float: left + width: 100% + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + margin: 0 0 24px 0 + text-align: center + + .message-new + width: 100% + float: left + margin: 0 0 12px 0 + .imgMess + margin-left: 0 + span + font-size: 13px + color: #292929 + font-family: 'Arial-MT-Regular', sans-serif + float: left + margin: 6px 0 0 0 + + .gw-new + margin-bottom: 80px + + .new-prop3 + margin: 24px 0 0 0 + + .type-work + width: 100% + float: left + font-size: 13px + font-family: 'Arial-MT-Regular', sans-serif + color: #2c2c2c + margin: 24px 0 12px 15px + + .type-work-inset .inset-mb:last-child + float: left !important + margin: 0 0 0 15px + + .new-lw + border-color: #ff0029 !important + color: #ff0029 !important + margin-bottom: 37px + + #text-new + width: 100% + height: 180px + border: 1px solid #cdcdcd + resize: none + padding: 10px 15px + color: #000 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + float: left + margin: 10px 0 0 0 + + .new-pp3 + margin-bottom: 7px + margin-left: 15px + + .text-nn + border: none + &:last-child + margin-bottom: 37px + + .surr + width: 206px + height: 51px + padding: 0 15px + font-size: 15px + background-color: white + color: #444 + float: left + margin-right: 26px + font-family: 'Arial-MT-Regular', sans-serif + border: none !important + + .dog-new + label + float: left + margin: 14px 0 0 39px + p + font-size: 15px + font-family: Arial, Verdana, Helvetica, sans-serif + float: left + position: relative + color: #8a8989 + font-style: italic + margin: 16px 0 0 12px + + .make-new label + margin: 10px 0 0 15px + + .radio-afer label + margin-top: 10px + + .make-new p, .text-afer + font-size: 15px + font-family: Arial, Verdana, Helvetica, sans-serif + float: left + position: relative + color: #8a8989 + font-style: italic + margin: 13px 0 0 12px + + .des-afer + font-size: 15px + font-family: Arial, Verdana, Helvetica, sans-serif + float: left + position: relative + color: #666 + margin: 13px 0 0 0 + line-height: 19px + + .new-rass2 + margin-bottom: 37px + + .new-filter + margin-bottom: 80px + + .surr2 + width: 100% + margin-right: 0 + + .links-filter a + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + padding: 17px 33px 17px 33px + float: left + margin: 0 15px 48px 15px + border: 1px solid #DFDFDF + text-transform: uppercase + letter-spacing: 2px + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + color: black + font-size: 16px + padding: 17px 33px 17px 33px + float: left + margin: 0 15px 48px 15px + border: 1px solid #DFDFDF + text-transform: uppercase + letter-spacing: 2px + &:first-child + color: #42B476 + border: 1px solid #42B476 + &:last-child + color: #ff2c2c + border: 1px solid #ff2c2c + + .upload-img .upload2 + width: 264px + margin: 24px 0 0 0 + + .name-edit-p + width: 100% + float: left + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 16px + font-weight: bold + margin: 0 0 -15px 0 + + .inp-edit + width: 100% + height: 51px + padding: 0 15px + font-size: 15px + background-color: white + color: black + float: left + margin-top: 15px + font-family: 'Arial-MT-Regular', sans-serif + border: 1px solid #2c2c2c + + .pols-edit + padding: 0 !important + .btn + margin-top: 15px + outline: 1px solid #2c2c2c + &:hover + outline: 1px solid #2c2c2c + + .add-edit + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + padding: 17px 75px + float: left + margin: 15px 0 0 0 + border: 1px solid #169BD5 + color: #169BD5 + text-transform: uppercase + letter-spacing: 2px + &:link, &:visited + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + padding: 17px 75px + float: left + margin: 15px 0 0 0 + border: 1px solid #169BD5 + color: #169BD5 + text-transform: uppercase + letter-spacing: 2px + + .btn-edit + margin: 37px 0 24px 0 !important + .btn-group + margin-left: 30px !important + + .col12 + padding: 0 30px + + .left-edit + margin-left: 30px !important + + .ed-new label + margin-left: 0 + + .woman + margin-left: 30px !important + + .make-eed + margin-bottom: 37px !important + + .titleFFE + margin: 30px 0 -10px 0 + + .new-doubt + margin-bottom: 18px + + .take-new + width: 220px !important + + /* NEW + + .listF1 ul li a:hover + color: black + + .caret + margin-top: 2px !important + border-top: 6px dashed + border-right: 6px solid transparent + border-left: 6px solid transparent + &:after + content: "\e253" + position: absolute + font-family: 'Glyphicons Halflings', serif + right: -6.5px + top: -19px + font-size: 12px + + /* MEDIA QUERIES + + @media screen and (max-width: 1300px) + .topMain + width: 1200px + .col-lg-7 + width: 55% + .col-lg-2 + width: 19% + .mainMenu li + padding-right: 25px + a + font-size: 15px + + @media screen and (max-width: 1200px) + .topMain + width: 1170px + .col-lg-7 + width: 52% + .col-lg-2 + width: 22% + .imgProfile + margin-left: -20px + + /*my_new_style + + .proj_answ_form .textAreaBlock2 p + font-size: 15px + font-weight: bold + display: table + width: auto + margin-top: 13px + + .polsF1 .dropdown-menu.open a + border: none + border-radius: 0 + margin-bottom: 0 + + .proj_answ_form + .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) + width: 121px !important + border: 1px solid #cdcdcd + .btn + padding: 14px 30px 14px 18px + .textAreaBlock2 + input + width: 90px + height: 51px + padding: 0 15px + font-size: 15px + background-color: white + color: #9c9c9c + float: left + margin-right: 26px + font-family: 'Arial-MT-Regular', sans-serif + &[type="text"] + margin-left: 10px + width: 216px + &[name="term"] + width: 258px + p span + position: absolute + bottom: 13px + font-size: 12px + font-weight: normal + + .port_add_bl + ul + li + width: 20% + display: table + float: left + padding-right: 10px + margin-top: 15px + padding: 0 15px + label + margin-right: 5px + > p:first-child + font-size: 15px + font-weight: bold + padding: 0 15px + + #fileUploadContainer div button, .proj_answ_form .send_req_block button + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 46px + text-transform: uppercase + outline: none + + #fileUploadContainer + padding: 0 15px + + .proj_answ_form + .check_bs, .send_req_block + padding: 0 15px + .check_bs label + margin-right: 5px + + .dashedCol4 + width: 254px + height: 156px + position: absolute + overflow: hidden + display: block + background-color: #fff + &:after + content: "" + position: absolute + height: 23px + width: 100% + background: #fff + bottom: 0 + right: 0 + &:hover + box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) + z-index: 999 + display: table + + .insetSpec span:first-child + width: 75% + + .select2-container .select2-choice + border-radius: 0 !important + border: 1px solid #ccc + height: 50px + font-size: 15px + color: #2c2c2c + position: relative + font-family: 'Arial-MT-Regular', sans-serif + background-color: white + .select2-arrow + background: #fff + border: none + b + position: relative + top: 9px + > .select2-chosen + margin-right: 6px + line-height: 47px + + .select2-results .select2-result-label + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + display: block + padding: 9px 8px + clear: both + background: #fff + font-weight: normal + line-height: 1.42857143 + color: #333333 + /*white-space: nowrap; + &:hover + background-color: #f2f2f2 + + .select2-display-none + border: 1px solid #aaa + + .select2-container .select2-choice abbr + right: 3px + top: 16px + + #portfolio-add-form .textAreaBlock2 p, #worksell-add-form .textAreaBlock2 p + font-size: 15px + font-family: 'Arial-MT-Regular', sans-serif + font-weight: bold + color: #2c2c2c + + #portfolio-add-form #text-new, #worksell-add-form #text-new + margin-top: 0 + + .textAreaBlock2 input + width: 100% + height: 51px + padding: 0 15px + font-size: 15px + background-color: white + color: #000 + font-family: 'Arial-MT-Regular', sans-serif + + #portfolio-add-form .polsF1 .btn, #worksell-add-form .polsF1 .btn + border: 1px solid #c2c2c2 + + #portfolio-add-form .bootstrap-select, #worksell-add-form .bootstrap-select + width: 100% !important + + .textAreaBlock2 .add_file_to_port + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + background-color: #fff + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 46px + text-transform: uppercase + outline: none + display: table + float: left + width: auto + &:hover + color: #373737 + background-color: #f2f2f2 !important + + .progress-bar-success + background-color: #c2c2c2 + + .bootstrap-select.btn-group .dropdown-menu li + position: relative + float: left + width: 100% + + #order-stages + label + margin-bottom: 0 + margin-top: 8px + .checkbox label + margin-top: 0 + > div + display: table + width: 100% + padding-bottom: 14px + border-bottom: 1px solid #2c2c2c + margin-bottom: 14px + &:nth-last-child(2), &:last-child + border: none + + .linkSort button + font-size: 14px + font-family: 'Arial-MT-Regular', sans-serif + float: left + color: #6b6b6b + padding: 11px 23px + border-radius: 40px + margin-right: 6px + border: 1px solid #c2c2c2 + background-color: #fff + &:after + content: "\e252" + font-family: 'Glyphicons Halflings' + position: relative + right: -5px + top: 3px + font-style: normal + font-weight: normal + line-height: 1 + -webkit-font-smoothing: antialiased + -moz-osx-font-smoothing: grayscale + &:focus + outline: none + + .executorBlock .dashedCol4 + height: 136px + margin: 11px 0 0 0 + padding: 26px 24px 26px 24px + + .doneBlock .new-dashed .dashedCol44 + height: 117px + margin-left: -35px + + #fileUploadContainer .list-new-new + margin-top: 15px + margin-bottom: 15px + li + margin: 4px 0 4px 0 + + .birth_edit_dat .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) + width: 190px !important + + .btn-submit-link + color: #333 !important + background: #fff + border-color: #ccc !important + margin-bottom: 0 !important + + .infoProfile .dropdown-menu + height: auto + + .form-regestration + padding: 20px 0 40px 0 + + #resume-text-edit .modal-title, #fullfill-balance .modal-title + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 16px + text-transform: uppercase + color: #2c2c2c + font-weight: bold + + #withdraw-money + .modal-title + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 16px + text-transform: uppercase + color: #2c2c2c + font-weight: bold + .modal-body + width: 100% + display: table + + #fullfill-balance .modal-body + width: 100% + display: table + + #withdraw-money .modal-body p, #fullfill-balance .modal-body p + color: #2c2c2c + font-family: Arial, Verdana, Helvetica, sans-serif + font-weight: bold + + #withdraw-money .modal-footer .btn, #fullfill-balance .modal-footer .btn + padding: 10px 34px + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 16px + text-transform: uppercase + letter-spacing: 2px + + \:focus + outline: none !important + + #withdraw-money .modal-footer .btn.btn-primary, #fullfill-balance .modal-footer .btn.btn-primary + background-color: #000 + + .modal-footer + border-top: none + + #resume-text-edit + .btn-submit-link + float: right + margin-top: 15px + .searchF1 + padding: 0 + + .list-summ-block + min-height: 195px + + .select2-dropdown-open > a.select2-choice, .select2-display-none + border: 1px solid #ff0029 !important + + .bootstrap-select.btn-group .dropdown-menu li a span.text + font-size: 14px + display: block + text-transform: initial + letter-spacing: normal + + .fr_answer + width: 100% + height: 110px + border: 1px solid #cdcdcd + resize: none + padding: 10px 15px + color: #3c1a06 + font-family: 'Arial-MT-Regular', sans-serif + font-size: 14px + float: left + margin: 0 0 0 55px + + .fr_answer_sen + float: left + border-radius: 40px + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + color: #373737 + margin: 20px 0 0 55px + font-size: 15px + border: 1px solid #BEBEBE + padding: 17px 46px + text-transform: uppercase + + .fa-pencil:before, .fa-times:before + color: #fff + + .mainMenu li + &.active > a + border-color: #ff0029 + &.icon_tm1.active span + background: url('../img/listMain2.png') no-repeat !important + &.officeList.active span + background: url('../img/list4tml.png') no-repeat center !important + &.icon_tm2.active span + background: url('../img/listMain2.png') no-repeat center !important + &.icon_tm3.active span + background: url('../img/listMain2.png') no-repeat right !important + + .faq_page_inn + padding: 40px 0 + h2 + font-size: 32px + font-weight: normal + margin-bottom: 20px + margin-top: 10px + h3 + font-weight: 600 + margin-bottom: 12px + margin-top: 28px + font-size: 1.17em + ol, ul + padding-left: 40px + margin-top: 20px + ol li, ul li + padding-left: 8px + list-style: inherit + display: list-item + list-style-type: inherit !important + margin-top: 5px + a + text-decoration: underline !important + &:hover + text-decoration: none !important + div + margin-top: 20px + + a.linkS2[data-target="#withdraw-money"] + float: none + display: table + margin: auto + margin-bottom: 52px + + .tooltip-inner + max-width: 500px + padding: 7px 7px + line-height: 15px + + .tooltip.top + margin-top: 0 + + .changeBlock + min-height: 500px + display: table + padding: 143px 20px 120px 20px + + .commChat + position: relative + display: table + max-height: 845px + overflow-y: scroll + border-right: 1px solid #DADADA + border-left: 1px solid #DADADA + padding-bottom: 300px + + #message-chat-space + height: 312px + display: block + overflow: auto + + #contact-chat-form + position: absolute + bottom: 0 + + .dropdown-menu > li > a + white-space: normal + + .galleryWork .col-lg-3, .galleryWork2 .col-lg-4 + display: inline-block + float: none + vertical-align: top + + .addWork + a:before + content: '' + position: absolute + width: 24px + height: 23px + background: url('../img/plus.png') no-repeat center + background-size: cover + left: 10px + top: 14px + &:before + display: none + font-style: italic + padding: 17px 23px 17px 48px + /*margin-top: 20px; + margin-left: 0 + border-radius: 50px + border: 1px solid #42B476 + + /*input[type="radio"]{ + /*opacity: 0; + /*} + + .wr-inset-pluss + margin-top: 24px + + .inset-gp .upload2 + float: left + margin: -15px 15px 0 12px + + #jGrowl .jGrowl-notification + background-color: #fff !important + color: #000 !important + opacity: 1 !important + + .titleScore + line-height: 36px + padding: 0 100px + + .welcomeMain + line-height: 48px + font-family: 'pfdintextcomppro-regular', sans-serif + font-size: 43px + + .menuUser + > div + padding: 10px 0 + display: table + margin: auto + ul:nth-child(3) li a + padding: 16px 0 16px 0 !important + text-align: center + + .addWork, .upload2, .documentsChat a + transition: all 0.3s + + .changeBlock1 > a:hover, .addWork:hover, .upload2:hover, .documentsChat a:hover + box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) + -webkit-transform: scale(1.04) + -moz-transform: scale(1.04) + transform: scale(1.04) + + .changeBlock2 > a:hover + box-shadow: 0 0 15px rgba(255, 255, 255, 0.8) + -webkit-transform: scale(1.04) + -moz-transform: scale(1.04) + transform: scale(1.04) + + .new-rass2 .btn-submit-link + display: table + margin: 15px 0 15px -15px !important + + button[data-id="stagesSelect"] + outline: 1px solid #ccc !important + margin-top: 13px + &:hover + outline: 1px solid #ccc !important + margin-top: 13px + + .polsF1 .linkS122 + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: none + border-radius: 40px + display: inline-block + color: #fff + padding: 12px 30px + font-size: 15px + background-color: #FE0029 !important + width: 300px + margin-bottom: 0 + &:hover + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: none + border-radius: 40px + display: inline-block + color: #fff + padding: 12px 30px + font-size: 15px + background-color: #FE0029 !important + width: 300px + margin-bottom: 0 + + #paymentfromSite + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + border-radius: 40px + display: inline-block + color: #373737 + padding: 12px 30px + font-size: 15px + margin-top: 20px + margin-bottom: 20px + background: transparent + width: 300px + &:hover + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + border-radius: 40px + display: inline-block + color: #373737 + padding: 12px 30px + font-size: 15px + margin-top: 20px + margin-bottom: 20px + background: transparent + width: 300px + + li.officeList.icon_tml > a > p + display: inline-block + padding: 5px 7px 3px 7px + background: #ff0000 + border-radius: 35px + position: absolute + right: -34px + top: -4px + + .comm44 > div + padding: 15px + + .logo + .badge + padding: 7px + margin-top: 5px + border-radius: 15px + background-color: #00BB7B + + .message_connect + font-family: 'pfdintextcomppro-regular', sans-serif + letter-spacing: 2px + text-transform: uppercase + border: 1px solid #BEBEBE + border-radius: 40px + display: table + color: #373737 !important + padding: 12px 30px + font-size: 15px + margin-bottom: 20px + + #simpleSpecContainer .-simple-spec-widget + display: block + + /*end_new \ No newline at end of file diff --git a/chat/settings/__init__.py b/chat/settings/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/projects/migrations/0051_realty_state.py b/projects/migrations/0051_realty_state.py new file mode 100644 index 0000000..29c227d --- /dev/null +++ b/projects/migrations/0051_realty_state.py @@ -0,0 +1,20 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.7 on 2016-12-21 09:57 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('projects', '0050_auto_20161207_1637'), + ] + + operations = [ + migrations.AddField( + model_name='realty', + name='state', + field=models.CharField(choices=[('active', 'Активный'), ('trashed', 'В корзине'), ('deleted', 'Удален')], default='active', max_length=20), + ), + ] diff --git a/projects/migrations/0052_realty_created.py b/projects/migrations/0052_realty_created.py new file mode 100644 index 0000000..51e49fc --- /dev/null +++ b/projects/migrations/0052_realty_created.py @@ -0,0 +1,21 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.7 on 2016-12-22 07:25 +from __future__ import unicode_literals + +from django.db import migrations, models +import django.utils.timezone + + +class Migration(migrations.Migration): + + dependencies = [ + ('projects', '0051_realty_state'), + ] + + operations = [ + migrations.AddField( + model_name='realty', + name='created', + field=models.DateTimeField(default=django.utils.timezone.now), + ), + ] diff --git a/projects/models.py b/projects/models.py index de09cf5..2c8b3f7 100644 --- a/projects/models.py +++ b/projects/models.py @@ -7,6 +7,7 @@ from django.utils import timezone from hitcount.models import HitCountMixin from mptt.managers import TreeManager from mptt.models import TreeForeignKey, MPTTModel +from django.db.models import Sum, Count _.map = _.map_; _.filter = _.filter_ @@ -68,15 +69,25 @@ class ConstructionType(models.Model): class Realty(models.Model): + STATES = ( + ('active', 'Активный'), + ('trashed', 'В корзине'), + ('deleted', 'Удален'), + ) + building_classification = TreeForeignKey(BuildingClassfication, related_name='realties', null=True, blank=True) construction_type = models.ForeignKey(ConstructionType, related_name='realties', null=True, blank=True) - location = TreeForeignKey('common.Location', related_name='realties', null=True, blank=True) - name = models.CharField(max_length=255, blank=True) + created = models.DateTimeField(default=timezone.now) # Виртуальные объекты привязываются к Проектам, для которых Объект не создан явно is_virtual = models.BooleanField(default=False, editable=False) + location = TreeForeignKey('common.Location', related_name='realties', null=True, blank=True) + name = models.CharField(max_length=255, blank=True) + state = models.CharField(default='active', max_length=20, choices=STATES) user = models.ForeignKey(User, related_name='realties') # Do we actually need this field? def __str__(self): + if self.is_virtual: + return "Virtual" return self.name class Meta: @@ -139,6 +150,9 @@ class Project(models.Model, HitCountMixin): def get_team_answers(self): return _.filter(self.answers.all(), lambda a: isinstance(a.author, Team)) + def message_count(self): + return self.answers.aggregate(c=Count('messages'))['c'] + class ProjectFile(models.Model): file = models.FileField(upload_to='projects/project_files/') diff --git a/projects/static/css/project_filter.css b/projects/static/css/project_filter.css index 9ef61f9..58abe23 100644 --- a/projects/static/css/project_filter.css +++ b/projects/static/css/project_filter.css @@ -24,6 +24,7 @@ body { .header { + display: block; font-size: 12pt; color: black; } diff --git a/projects/templates/project_detail.html b/projects/templates/project_detail.html index 6410839..ddce2bb 100644 --- a/projects/templates/project_detail.html +++ b/projects/templates/project_detail.html @@ -34,7 +34,7 @@ {% endif %}
    - +
    {% if project.customer.avatar %} {% thumbnail project.customer.avatar "125x125" crop="center" as im %} @@ -46,7 +46,7 @@

    - {{ project.customer.get_full_name }} + {{ project.customer.get_full_name }} [{{ project.customer.username }}]

    На сайте {{ project.created|naturaltime }}

    diff --git a/projects/views.py b/projects/views.py index 3ba92be..ee444ce 100644 --- a/projects/views.py +++ b/projects/views.py @@ -1,7 +1,7 @@ import json +from abc import ABC from pprint import pformat -import natsort import pydash as _ from django.conf import settings from django.contrib import messages @@ -10,7 +10,7 @@ from django.core.exceptions import PermissionDenied from django.core.files.base import ContentFile from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.core.urlresolvers import reverse, reverse_lazy -from django.db.models import Q +from django.db.models import Q, Count, Sum from django.http import HttpResponseForbidden, JsonResponse, HttpResponseRedirect, HttpResponse, Http404 from django.shortcuts import render, get_object_or_404, redirect from django.views.generic import DetailView, CreateView, DeleteView, View, UpdateView, TemplateView @@ -53,8 +53,6 @@ from .forms import ( PortfolioForm, ProjectAnswerForm, ProjectAnswerMessageForm, - ProjectFilterForm, - ProjectFilterRealtyForm, ProjectWorkTypeSuggestionForm, RealtyForm, RealtyFormNew @@ -405,86 +403,20 @@ class ProjectFilterView(BaseMixin, View): return render(request, 'partials/inc-projects-results.html', self.get_context(request.POST)) -# class CustomerProjectCreateView(BaseMixin, View): -# form_class = CustomerProjectEditForm -# realty_form = RealtyForm -# work_type_suggestion_form = ProjectWorkTypeSuggestionForm -# template_name = 'customer_project_create.html' -# -# def dispatch(self, request, *args, **kwargs): -# if request.user.is_authenticated() and request.user.is_customer(): -# return super().dispatch(request, *args, **kwargs) -# else: -# raise PermissionDenied -# -# def get(self, request, *args, **kwargs): -# context = self.get_context_data(**_.merge({}, request.GET, kwargs)) -# -# form = self.form_class(request=request) -# realty_form = self.realty_form(request=request, prefix='realty_form') -# work_type_suggestion_form = self.work_type_suggestion_form(request=request, prefix='work_type_suggestion') -# -# context.update({ -# 'form': form, -# 'realty_form': realty_form, -# 'work_type_suggestion_form': work_type_suggestion_form, -# }) -# -# return render(request, self.template_name, context) -# -# def post(self, request, *args, **kwargs): -# form = self.form_class(request.POST, -# request=request) # Passing `request.FILES` seems unnecessary here. Files are added manually below -# -# form.is_valid() -# realty = form.cleaned_data.get('realty') -# -# if realty: -# realty_form = self.realty_form(request.POST, instance=realty, request=request, prefix='realty_form') -# else: -# realty_form = self.realty_form(request.POST, request=request, prefix='realty_form') -# -# if form.is_valid() and realty_form.is_valid(): -# project = form.save(commit=False) -# project.customer = request.user -# project.save() -# form.save_m2m() -# -# Order.objects.create(project=project, secure=project.deal_type == 'secure_deal') -# -# for file in request.FILES.getlist('new_files'): -# ProjectFile.objects.create(file=file, project=project) -# -# if realty: -# realty_form.save() -# else: -# realty = realty_form.save(commit=False) -# realty.user = request.user -# realty.save() -# realty_form.save_m2m() -# -# project.realty = realty # Connect a realty with a project -# project.save() -# -# messages.info(request, 'Проект успешно создан') -# redirect_to = reverse('projects:detail', kwargs={'pk': project.pk}) -# return redirect(redirect_to) -# else: -# if form.errors: -# messages.info(request, ( -# '

    Произошла ошибка (form)

    ' -# '
    {form}
    ' -# ).format(form=pformat(form.errors))) -# -# if realty_form and realty_form.errors: -# messages.info(request, ( -# '

    Произошла ошибка (realty_form)

    ' -# '
    {realty_form}
    ' -# ).format(realty_form=pformat(realty_form.errors))) -# -# context = self.get_context_data(**kwargs) -# context.update({'form': form, 'realty_form': realty_form}) -# return render(request, self.template_name, context) +class SortRealtyBy(View): + + def get_context(self): + print("request.POST = ", self.request.POST) + user_id = self.request.POST.get('user_id') + sort_by = self.request.POST.get('sortBy') + state = self.request.POST.get('state') + objects = Realty.objects.filter(user__id=user_id, state=state, is_virtual=False) + if sort_by == 'num_orders': + objects = objects.annotate(num_orders=Count('projects')) + return {"objects": objects.order_by('{}'.format(sort_by))} + + def post(self, *args, **kwargs): + return render(self.request, 'partials/inc-objects.html', self.get_context()) class CustomerProjectCreateView(BaseMixin, View): @@ -493,12 +425,6 @@ class CustomerProjectCreateView(BaseMixin, View): work_type_suggestion_form = ProjectWorkTypeSuggestionForm template_name = 'customer_project_create.html' - # def dispatch(self, request, *args, **kwargs): - # if request.user.is_authenticated() and request.user.is_customer(): - # return super().dispatch(request, *args, **kwargs) - # else: - # raise PermissionDenied - def get_context_data(self, **kwargs): ctx = super().get_context_data() # ctx['hide_user_type'] = False @@ -745,6 +671,68 @@ class CustomerProjectTrashView(View): return redirect(redirect_to) +class AbcCustomerRealityChangeState(ABC, View): + new_state = '' + message_part = '' + + def __init__(self, **kwargs): + if self.new_state not in [el[0] for el in Realty.STATES]: + raise AttributeError('new_state must be in {}'.format([el[0] for el in Realty.STATES])) + super().__init__(**kwargs) + + # TODO: dispatch вынести в ABC класс + # def dispatch(self, request, *args, **kwargs): + + def post(self, request, *args, **kwargs): + realty = get_object_or_404(Realty, pk=kwargs.get("pk")) + realty.state = self.new_state + realty.save() + + realty.projects.all().update(state=self.new_state) + messages.info(request, 'Объект и все, связанные с ним проекты, {}'.format(self.message_part)) + redirect_to = request.POST.get('next') + return redirect(redirect_to) + + +class CustomerRealtyTrashView(AbcCustomerRealityChangeState): + new_state = 'trashed' + message_part = 'перемещёны в корзину' + + def dispatch(self, request, *args, **kwargs): + if request.user.is_authenticated() and request.user.is_customer(): + num_project_in_process = Project.objects.filter(realty__id=kwargs.get('pk')).filter(order__status="process").count() + + if num_project_in_process: + raise PermissionDenied('Один или более Заказ, данного Объекта, уже находятся в работе. ' + 'Вы не можете переместить его в корзину.') + else: + return super().dispatch(request, *args, **kwargs) + + raise PermissionDenied + + +class CustomerRealtyDeleteView(AbcCustomerRealityChangeState): + new_state = 'deleted' + message_part = 'удалены' + + def dispatch(self, request, *args, **kwargs): + if request.user.is_authenticated() and request.user.is_customer(): + return super().dispatch(request, *args, **kwargs) + else: + raise PermissionDenied + + +class CustomerRealtyRestoreView(AbcCustomerRealityChangeState): + new_state = 'active' + message_part = 'восстановлены' + + def dispatch(self, request, *args, **kwargs): + if request.user.is_authenticated() and request.user.is_customer(): + return super().dispatch(request, *args, **kwargs) + else: + raise PermissionDenied + + class CustomerProjectRestoreView(View): form_class = CustomerProjectRestoreForm diff --git a/specializations/models.py b/specializations/models.py index 8647667..8d5e086 100644 --- a/specializations/models.py +++ b/specializations/models.py @@ -14,6 +14,17 @@ class Specialization(MPTTModel): def __str__(self): return self.name + def full_path(self): + part = self + path = part.name + while True: + if part.parent.name != '_root': + # print(part.name) + part = part.parent + path = '{} / {}'.format(part.name, path) + else: + return path + class Meta: get_latest_by = 'order' ordering = ['order'] diff --git a/templates/home.html b/templates/home.html index cc83296..1ec8623 100644 --- a/templates/home.html +++ b/templates/home.html @@ -24,7 +24,7 @@
    {% if request.user.is_authenticated and request.user.is_customer %} Я заказчик + href="{% url 'users:customer-profile' pk=request.user.pk %}">Я заказчик {% else %} Я заказчик {% endif %} @@ -133,7 +133,7 @@
    -
    +
    {% include 'partials/footer.html' %}
    diff --git a/templates/partials/_base.html b/templates/partials/_base.html new file mode 100644 index 0000000..40dabc8 --- /dev/null +++ b/templates/partials/_base.html @@ -0,0 +1,162 @@ + +{% load staticfiles %} +{% load sass_tags %} +{#{% load compress %}#} + + + + + + + + {% block head %}{% endblock %} + + PROEKTON + {% block common_css %} + + + + + + {% if TEMPLATE_DEBUG %} + + {% endif %} + {% endblock %} + {% block personal_css %} + + {% endblock %} + + + + + + + + {# {% endcompress %}#} + + + + + + + +{% if TEMPLATE_DEBUG %} + {% if messages %} + {% for message in messages %} +
    {{ message|safe }}
    + {% endfor %} + {% endif %} +{% endif %} +{% block header %} + {% include 'partials/header.html' %} +{% endblock %} + +{% block content %} +
    + BASE TEMPLATE +
    +{% endblock %} + +{% block footer %} +
    + {% include 'partials/footer.html' %} +
    +{% endblock %} +{% block common_js %} + + + +{% endblock %} +{% block personal_js %} + +{% endblock %} +{#{% compress js %}#} +{# #} +{# #} +{# #} +{# #} +{# #} +{# #} +{# #} +{# #} +{# #} + +{% block websocket_js %} + + +{% endblock %} + +{#{% endcompress %}#} + + diff --git a/templates/partials/base.html b/templates/partials/base.html index 5a506e4..55b1f7a 100644 --- a/templates/partials/base.html +++ b/templates/partials/base.html @@ -136,7 +136,7 @@ var queryString = '{{ request.get_full_path }}'; if ((queryString.indexOf('/chat') != 0) && (queryString.indexOf('/users/contractor-office/work-projects') != 0)) { - domain = domain.replace(':' + port, ''); + domain = domain.replace(':' + port, ':8888'); if (window.location.protocol == 'https:') { var ws = "wss://"; } else { diff --git a/templates/partials/header.html b/templates/partials/header.html index e5193ac..2de63d0 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -8,7 +8,7 @@ {% if request.user.is_contractor %} {% url 'users:contractor-profile' pk=request.user.pk as profile_url %} {% elif request.user.is_customer %} - {% url 'users:customer-profile-open-projects' pk=request.user.pk as profile_url %} + {% url 'users:customer-profile' pk=request.user.pk as profile_url %} {% endif %} diff --git a/templates/partials/sass/footer.sass b/templates/partials/sass/footer.sass index 0476f6f..b3984ea 100644 --- a/templates/partials/sass/footer.sass +++ b/templates/partials/sass/footer.sass @@ -12,32 +12,22 @@ footer padding: 0 -.logoF - width: 183px - height: 36px - background: url('#{$static}/img/logoF.png') no-repeat center - background-size: cover - float: left - margin: 41px 0 0 27px - cursor: pointer + .logoF + width: 183px + height: 36px + background: url('#{$static}/img/logoF.png') no-repeat center + background-size: cover + float: left + margin: 41px 0 0 27px + cursor: pointer -.linksSoc - width: 100% - float: left - margin: 32px 0 0 0 - padding: 0 0 0 23px - > - a - width: 46px - height: 46px - opacity: 0.2 - display: block - float: left - margin-right: 10px - -webkit-transition: opacity 0.4s ease-out - -moz-transition: opacity 0.4s ease-out - transition: opacity 0.4s ease-out - &:link, &:visited + .linksSoc + width: 100% + float: left + margin: 32px 0 0 0 + padding: 0 0 0 23px + > + a width: 46px height: 46px opacity: 0.2 @@ -47,51 +37,61 @@ footer -webkit-transition: opacity 0.4s ease-out -moz-transition: opacity 0.4s ease-out transition: opacity 0.4s ease-out - .icon_ls1 - background: url('#{$static}/img/socSprite.png') no-repeat 0 0 - .icon_ls2 - background: url('#{$static}/img/socSprite.png') no-repeat -46px 0 - .icon_ls3 - background: url('#{$static}/img/socSprite.png') no-repeat -92px 0 - .icon_ls4 - background: url('#{$static}/img/socSprite.png') no-repeat -138px 0 - .icon_ls5 - background: url('#{$static}/img/socSprite.png') no-repeat -184px 0 - margin-right: 0 - a:hover - opacity: 1 + &:link, &:visited + width: 46px + height: 46px + opacity: 0.2 + display: block + float: left + margin-right: 10px + -webkit-transition: opacity 0.4s ease-out + -moz-transition: opacity 0.4s ease-out + transition: opacity 0.4s ease-out + .icon_ls1 + background: url('#{$static}/img/socSprite.png') no-repeat 0 0 + .icon_ls2 + background: url('#{$static}/img/socSprite.png') no-repeat -46px 0 + .icon_ls3 + background: url('#{$static}/img/socSprite.png') no-repeat -92px 0 + .icon_ls4 + background: url('#{$static}/img/socSprite.png') no-repeat -138px 0 + .icon_ls5 + background: url('#{$static}/img/socSprite.png') no-repeat -184px 0 + margin-right: 0 + a:hover + opacity: 1 -.copy-rights - float: left - font-size: 16px - font-family: 'pfdintextcomppro-regular', sans-serif - text-transform: uppercase - letter-spacing: 2px - margin: 34px 0 42px 31px - color: #aaa - -.listF1 - p - font-family: Arial, Verdana, Helvetica, sans-serif + .copy-rights + float: left font-size: 16px + font-family: 'pfdintextcomppro-regular', sans-serif text-transform: uppercase - color: #2c2c2c - font-weight: bold - margin: 46px 0 20px 0 - ul li - margin-bottom: 6px - list-style: none - color: red - &:last-child - margin-bottom: 0 - a - font-family: 'Arial-MT-Regular', sans-serif - color: #6c6c6c - font-size: 15px - &:link, &:visited + letter-spacing: 2px + margin: 34px 0 42px 31px + color: #aaa + + .listF1 + p + font-family: Arial, Verdana, Helvetica, sans-serif + font-size: 16px + text-transform: uppercase + color: #2c2c2c + font-weight: bold + margin: 46px 0 20px 0 + ul li + margin-bottom: 6px + list-style: none + color: red + &:last-child + margin-bottom: 0 + a font-family: 'Arial-MT-Regular', sans-serif color: #6c6c6c font-size: 15px - &:hover - text-decoration: none - color: #383838 \ No newline at end of file + &:link, &:visited + font-family: 'Arial-MT-Regular', sans-serif + color: #6c6c6c + font-size: 15px + &:hover + text-decoration: none + color: #383838 \ No newline at end of file diff --git a/users/forms.py b/users/forms.py index 3aa037f..b1cd899 100644 --- a/users/forms.py +++ b/users/forms.py @@ -322,6 +322,19 @@ class ContractorFilterForm(forms.Form): super().__init__(*args, **kwargs) +class CustomerProfileForm(forms.ModelForm): + class Meta: + model = User + + fields = ( + 'username', + 'first_name', + 'created', + 'avatar', + 'rating' + ) + + class CustomerProfileProjectRealtyForm(forms.Form): def __init__(self, *args, **kwargs): self.request = kwargs.pop('request') diff --git a/users/models.py b/users/models.py index 2e7ac84..794f3b0 100644 --- a/users/models.py +++ b/users/models.py @@ -167,6 +167,17 @@ class User(AbstractBaseUser, PermissionsMixin): elif self.location.level == 1: return self.location.name + def country(self): + try: + return self.location.parent.parent.name + except AttributeError: + return 'None' + + def city(self): + try: + return self.location.name + except AttributeError: + return 'None' # @property # def is_staff(self): # return self.is_superuser diff --git a/users/static/css/user_profile_edit.css b/users/static/css/user_profile_edit.css index 31f294b..28295e8 100644 --- a/users/static/css/user_profile_edit.css +++ b/users/static/css/user_profile_edit.css @@ -9,6 +9,7 @@ } .avatar { + background-color: #F1F1F1; width: 228px; height: 228px; padding: 10px; diff --git a/users/static/sass/customer-profile.sass b/users/static/sass/customer-profile.sass new file mode 100644 index 0000000..c4b268b --- /dev/null +++ b/users/static/sass/customer-profile.sass @@ -0,0 +1,178 @@ +@import "base/variavles" +@import "modules/mods" + +//.avatarInset +// //width: 100% +// height: 224px +// img +// width: 100% +// height: 100% +// //padding: 10% +// background-color: #e4e4e4 + +.count + display: inline-block + width: 32px + height: 32px + border-radius: 100% + text-align: center + line-height: 32px + font-family: 'Arial-MT-Regular', sans-serif + overflow: hidden + color: black + background-color: #ccc + margin-left: 10px + +.projects_count + display: inline-block + color: red + margin: 0 15px + +.object + .object-header + font-size: 24px + color: #545151 + font-weight: bold + a + color: #575454 + a:hover + text-decoration: none + color: #000 + +.user_name + color: #131212 + font-size: 16pt + line-height: 100% + + +.border.add_line:before + content: '' + position: relative + display: block + width: 100px + height: 3px + background-color: black + left: 62px + top: 0 + //z-index: 1 + //-webkit-transition: all 0.3s ease-out + //-moz-transition: all 0.3s ease-out + //transition: all 0.3s ease-out + +.nav-tabs a + color: #0b0b0b +table.ratings + font-size: 14pt + td + padding: 10px + .positive + color: #0b0b0b + .neutral + color: grey + .negative + color: red + +table.projects + width: 100% + td + padding: 5px + tr:nth-child(2n) + background-color: #E8E8E8 + + .cut + display: inline-block + text-overflow: ellipsis + max-width: 550px + overflow: hidden + word-wrap: break-word + white-space: nowrap + +%icons + margin-left: 24px + display: flex + align-items: center + &:before + content: '' + display: inline-block + width: 20px + height: 20px + background-size: cover + position: relative + left: -5px + +.icon-rating + @extend %icons + &:before + background: url('#{$static}/img/rett.png') no-repeat 0 0 + +.icon-deals + @extend %icons + &:before + width: 25px + height: 25px + background: url('#{$static}/img/rett.png') no-repeat 0 -19px + +.icon-reviews + @extend %icons + &:before + width: 26px + height: 26px + background: url('#{$static}/img/rett.png') no-repeat 0 -44px + +.icon-protect + @extend %icons + &:before + width: 26px + height: 26px + background: url('#{$static}/img/cenaList.png') no-repeat 0 0 + +.icon-trash-red + @extend %icons + &:before + width: 21px + height: 21px + background: url('#{$static}/img/cenaList3.png') no-repeat 0 0 + +.icon-trash-gray + @extend %icons + &:before + width: 21px + height: 21px + background: url('#{$static}/img/cenaList3.png') no-repeat 0 0 + +.icon-calendar + @extend %icons + &:before + width: 19px + height: 19px + background: url('#{$static}/img/listPro.png') no-repeat 0 0 + +.icon-eye + @extend %icons + &:before + width: 26px + height: 18px + background: + image: url('#{$static}/img/icons/icon_eye.png') + repeat: no-repeat + size: 26px 18px + +.icon-speach-ball_gray + @extend %icons + &:before + width: 18px + height: 18px + background: + image: url('#{$static}/img/icons/icon_speach-ball_gray.png') + repeat: no-repeat + size: 18px 18px + +.icon-certificate + @extend %icons + &:before + width: 18px + height: 18px + background: + image: url('#{$static}/img/icons/icon_сertificate-512.png') + repeat: no-repeat + size: 18px 18px diff --git a/users/templates/customer_profile.html b/users/templates/customer_profile.html new file mode 100644 index 0000000..286f8eb --- /dev/null +++ b/users/templates/customer_profile.html @@ -0,0 +1,42 @@ +{% extends 'partials/_base.html' %} +{% load staticfiles %} +{% load sass_tags %} + +{% block personal_css %} + + + + {# #} +{% endblock %} + +{% block content %} +
    +
    +
    + {% include 'partials/inc-customer_profile-info.html' %} +
    +
    +
    +
    + {% include 'partials/tabs/tab-objects.html' %} +
    +
    + {% include 'partials/tabs/tab-open_projects.html' %} +
    +
    + {% include 'partials/tabs/tab-in_work_projects.html' %} +
    +
    + {% include 'partials/tabs/tab-rewiews.html' %} +
    +
    +
    +
    +
    +
    +
    +{% endblock %} + +{% block personal_js %} + +{% endblock %} \ No newline at end of file diff --git a/users/templates/partials/inc-customer_profile-info.html b/users/templates/partials/inc-customer_profile-info.html new file mode 100644 index 0000000..195de31 --- /dev/null +++ b/users/templates/partials/inc-customer_profile-info.html @@ -0,0 +1,105 @@ +{% load thumbnail %} +{% load staticfiles %} +{% load specializtions_tags %} +{% load user_tags %} +
    +
    +
    +
    + {% if customer.avatar %} + {% thumbnail customer.avatar "235x224" crop="center" as im %} + profile-image + {% endthumbnail %} + {% else %} + profile-image + {% endif %} +
    +
    +
    +
    +
    +
    + {{ customer.get_full_name }}
    [{{ customer.username }}]     + + + + + + + + + + + + + +
    На сайте:{{ customer.created }}
    Страна:{{ customer.country }}
    Город:{{ customer.city }}
    + {% if request.user == customer %} + + редактировать профиль + + {% endif %} +
    + +
    + + + + + + + + + + + + + +
    +
    Рейтинг:
    +     		+ {{ ratings }} +
    +
    Безопасные сделки:
    +     		+ {{ deals }} +
    +
    Отзывы:
    +     		+ {{ reviews_p }} + {{ reviews_n }} + {{ reviews_m }} +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/users/templates/partials/inc-objects.html b/users/templates/partials/inc-objects.html new file mode 100644 index 0000000..93f0992 --- /dev/null +++ b/users/templates/partials/inc-objects.html @@ -0,0 +1,114 @@ +{% for object in objects %} +
    +
    +
    +
    +
    +
    +
    {{ object.name }}
    +
    + {% if request.user == customer %} +
    + {% if trash %} +
    + {% csrf_token %} + + + + Восстановить + +
    + {% else %} + Редактировать + {% endif %} + +
    + {% endif %} +
    +
    +
    + Заказы: {{ object.projects.count }} + + {% if request.user == customer %} + + Добавить заказ + + {% endif %} +
    +
    + {% if request.user == customer %} + {% if trash %} +
    + {% csrf_token %} + + + + Удалить навсегда + +
    + {% else %} +
    + {% csrf_token %} + + + Переместить в корзину + +
    + {% endif %} + {% endif %} + +
    +
    + + +
    + + + {{ object.created }} + +{% endfor %} + +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/users/templates/partials/inc-projects.html b/users/templates/partials/inc-projects.html new file mode 100644 index 0000000..d271969 --- /dev/null +++ b/users/templates/partials/inc-projects.html @@ -0,0 +1,99 @@ +{% load project_tags %} +
    + {% for proj in open_projects %} +
    +
    +

    + {{ proj.name }} +

    + +
      +
    • Объект "{{ proj.realty.name }}"
      • +
    • {{ proj.get_team_answers|length }} ответ от имени + группы +
      • +
    + + {% if request.user == customer %} + + {% endif %} + +

    + {{ proj.text }} +

    + +
      +
    • {{ proj.created }}
      • +
    • {{ proj.hit_count.hits }}
      • +
    • {{ proj.answers.count }}
      • +
    • {{ customer.get_full_name }}
      • +
    +
    + +
    +

    + {{ proj.budget }} +

    + + {% if request.user == proj.customer %} + {% if trash %} + + {% else %} + + {% endif %} + + {% endif %} +
    +
    + {% endfor %} +
    +
    + {% include 'partials/pagination.html' %} +
    \ No newline at end of file diff --git a/users/templates/partials/tabs/tab-in_work_projects.html b/users/templates/partials/tabs/tab-in_work_projects.html new file mode 100644 index 0000000..043459b --- /dev/null +++ b/users/templates/partials/tabs/tab-in_work_projects.html @@ -0,0 +1,82 @@ +{% load project_tags %} +
    +
    + {% for proj in projects_in_work %} +
    +
    +

    + {{ proj.name }} +

    + +
      +
    • Объект "{{ proj.realty.name }}"
      • +
    • {{ proj.get_team_answers|length }} ответ от имени + группы +
      • +
    + + {% if request.user == customer %} + + {% endif %} + +

    + {{ proj.text }} +

    + +
      +
    • {{ proj.created }}
      • +
    • {{ proj.hit_count.hits }}
      • +
    • {{ proj.answers.count }}
      • +
    • {{ customer.get_full_name }}
      • +
    +
    + +
    +

    + {{ proj.budget }} +

    + + {% if request.user == proj.customer %} +
    + +
    + + + {% endif %} +
    +
    + {% endfor %} +
    + +
    + {% include 'partials/pagination.html' %} +
    +
    \ No newline at end of file diff --git a/users/templates/partials/tabs/tab-objects.html b/users/templates/partials/tabs/tab-objects.html new file mode 100644 index 0000000..2a89e09 --- /dev/null +++ b/users/templates/partials/tabs/tab-objects.html @@ -0,0 +1,48 @@ +
    + {% if request.user == customer %} +
    +
    + + Текущие объекты + {{ objects.count }} + + + Удаленные объекты + {{ trashed_objects.count }} + +
    + + Добавить объект + +
    + {% endif %} +
    +
    +
    +
    + Сортировать по: +{# name="name" #} + + + +
    +
    +
    +
    +
    + {% include 'partials/inc-objects.html' with objects=objects %} +
    +
    + {% include 'partials/inc-objects.html' with objects=trashed_objects trash=1 %} +
    +
    \ No newline at end of file diff --git a/users/templates/partials/tabs/tab-open_projects.html b/users/templates/partials/tabs/tab-open_projects.html new file mode 100644 index 0000000..bd743de --- /dev/null +++ b/users/templates/partials/tabs/tab-open_projects.html @@ -0,0 +1,39 @@ +
    + {% if request.user == customer %} +
    +
    +
    + + Текущие объекты + {{ open_projects.count }} + + {% if request.user == customer %} + + Удаленные объекты + {{ trashed_projects.count }} + + {% endif %} +
    + + {#
    #} + {# Filter be here#} + {#
    #} + + Разместить заказ + +
    +
    + {% endif %} +
    +
    + {% include 'partials/inc-projects.html' with open_projects=open_projects %} +
    +
    + {% include 'partials/inc-projects.html' with open_projects=trashed_projects trash=1 %} +
    +
    +
    \ No newline at end of file diff --git a/users/templates/partials/tabs/tab-rewiews.html b/users/templates/partials/tabs/tab-rewiews.html new file mode 100644 index 0000000..3a44f10 --- /dev/null +++ b/users/templates/partials/tabs/tab-rewiews.html @@ -0,0 +1,29 @@ +
    + {% for review in reviews %} +
    +
    +

    + {{ review.from_contractor.get_full_name }} +

    + + + {{ review.project.get_deal_type_display }} + + +
    + + {% if review.type == 'positive' %} + Положительный отзыв + {% elif review.type == 'negative' %} + Отрицательный отзыв + {% else %} + Нейтральный отзыв + {% endif %} + +
    + +

    {{ review.text }}

    +
    +
    + {% endfor %} +
    \ No newline at end of file diff --git a/users/templates/customer_profile_current_projects.html b/users/templates/trash/customer_profile_current_projects.html similarity index 100% rename from users/templates/customer_profile_current_projects.html rename to users/templates/trash/customer_profile_current_projects.html diff --git a/users/templates/partials/customer_profile_info_block.html b/users/templates/trash/customer_profile_info_block.html similarity index 90% rename from users/templates/partials/customer_profile_info_block.html rename to users/templates/trash/customer_profile_info_block.html index 28dc017..8903fc3 100644 --- a/users/templates/partials/customer_profile_info_block.html +++ b/users/templates/trash/customer_profile_info_block.html @@ -6,7 +6,7 @@
    -
    +
    {% if customer.avatar %} {% thumbnail customer.avatar "235x224" crop="center" as im %} @@ -18,31 +18,32 @@
    - +

    {{ customer.get_full_name }} [{{ customer.username }}]

    - +

    {{ customer.location.name }}

    На сайте {{ customer.created }}

    - +
    {% ratings_widget customer.pk %}
    - +
    {% if request.user.pk != customer.pk %} показать контакты - написать сообщение + написать + сообщение {% else %} редактировать профиль {% endif %}
    - +
      @@ -50,25 +51,25 @@ {% url 'users:customer-profile-trashed-projects' pk=pk as a2 %} {% url 'users:customer-profile-current-projects' pk=pk as b %} {% url 'users:customer-profile-reviews' pk=pk as c %} - +
    • Открытые проекты
      • - + {% if request.user == customer %}
    • Текущие проекты - +
      -{#
      0
      #} + {#
      0
      #}
      {{ num_current_projects }}
      • {% endif %} - +
    • Отзывы - +
      {% get_reviews_count request.user %}
      diff --git a/users/templates/customer_profile_open_projects.html b/users/templates/trash/customer_profile_open_projects.html similarity index 100% rename from users/templates/customer_profile_open_projects.html rename to users/templates/trash/customer_profile_open_projects.html diff --git a/users/templates/customer_profile_reviews.html b/users/templates/trash/customer_profile_reviews.html similarity index 100% rename from users/templates/customer_profile_reviews.html rename to users/templates/trash/customer_profile_reviews.html diff --git a/users/templates/customer_profile_trashed_projects.html b/users/templates/trash/customer_profile_trashed_projects.html similarity index 100% rename from users/templates/customer_profile_trashed_projects.html rename to users/templates/trash/customer_profile_trashed_projects.html diff --git a/users/templates/user_financial_info_edit.html b/users/templates/user_financial_info_edit.html index 5ffb2d5..64d027d 100644 --- a/users/templates/user_financial_info_edit.html +++ b/users/templates/user_financial_info_edit.html @@ -25,7 +25,7 @@ {% csrf_token %} {% if request.user.is_customer %} - + {% elif request.user.is_contractor %} {% endif %} diff --git a/users/templates/user_profile_edit.html b/users/templates/user_profile_edit.html index f87db85..c6cee9d 100644 --- a/users/templates/user_profile_edit.html +++ b/users/templates/user_profile_edit.html @@ -1,13 +1,11 @@ -{% extends 'partials/base.html' %} +{% extends 'partials/_base.html' %} {% load staticfiles %} {% load thumbnail %} {% load sass_tags %} -{% block head_css %} -{# #} -{# #} -{# #} -{# #} +{#{% block old_css %}{% endblock %}#} +{% block personal_css %} + {# other #} @@ -15,298 +13,308 @@ {% endblock %} {% block content %} - {% include 'partials/header.html' %} - {# {% if request.user.is_customer %}#} - {# #} - {# {% elif request.user.is_contractor %}#} - {# #} - {# {% endif %}#} +
      +
      +{#
      #} +
      + {% csrf_token %} + {% if request.user.is_customer %} + + {% else %} + + {% endif %} -
      +
      +
      +
      +
      +
      + -
      - - {% csrf_token %} - -
      -
      -
      -
      -
      - - - {% if request.user.avatar %} - {% thumbnail request.user.avatar "235x224" crop="center" as avatar %} - profile-image - {% endthumbnail %} - {% else %} - profile-image - {% endif %} + {% if request.user.avatar %} + {% thumbnail request.user.avatar "208x208" crop="center" as avatar %} + profile-image + {% endthumbnail %} + {% else %} + profile-image + {% endif %} +
      -
      -
      -
      - {#
      #} - +
      +
      + {#
      #} + -

      Загрузить фотографию

      - {#
      #} +

      Загрузить фотографию

      + {#
      #} +
      +
      +
      +
      -
      - -
      -
      -
      -
      -
      -
      - - Параметры заполнения прифоля влияют на фильтр поиска специалистов, ранжирования в списке - - +
      +
      +
      +
      + {% if request.user.is_customer %} + + Полное заполнение профиля влияет на количество откликиков исполнителей и “безопасную сделку” + + + {% else %} + + Параметры заполнения прифоля влияют на фильтр поиска специалистов, ранжирования в списке + + + {% endif %} + + +
      -
      -
      -
      +
      +
      Личная информация -
      -
      - -
      -
      - -
      -
      - -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
       
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - - Мой опыт работы в проектировании / дизайне / сопровождении проектной документации - - +
      +
      +
      -
      -
      -
      -
      -
      +
      +
      -
      -
      -
      -
      -
      +
      +
      -
      -
      -
      +
      +
      +
      -
      -
      -
      +
      +
      +
      -
      -
      -
      +
      +
      +
      -
      -
      -
      -
      -
      - +
      +
      +
       
      + +
      +
      + {% if request.user.is_contractor %}
      -
      -
      -
      -
      -
      -
      - +
      +
      +
      +
      + + Мой опыт работы в проектировании / дизайне / сопровождении проектной документации + + +
      +
      -
      -
      -
      +
      +
      +
      +
      +
      -
      - +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      -
      -
      -
      - Требуется допуск (СРО) - +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      + Требуется допуск (СРО) + +
      -
      -
      - - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - Общая информация - Финансовая информация +
      +
      + + +
      -
      -
      -
      -
      Дата рождения
      -
      - {{ form.date_of_birth }} +
      + {% endif %} +
      +
      +
      +
      +
      +
      + Общая информация + Финансовая информация +
      +
      -
      -
      -
      -
      Пол
      +
      +
      +
      Дата рождения
      +
      + {{ form.date_of_birth }}
      - - - -
      -
      -
      -
      Статус
      -
      - - - -
      -
      Skype
      - -
      -
      -
      -
      Сайт
      - -
      -
      -
      Телефон
      - -
      -
      -
      Второй телефон
      - -
      -
      -
       
      - -
      -
      -
      -
      -
      - -
      -
      - {% include 'partials/footer.html' %} +
      +
      +
      + +{#
      #}
      -
      {% endblock %} -{% block js_block %} +{% block personal_js %} {{ block.super }} diff --git a/users/templates/user_profile_edit_old.html b/users/templates/user_profile_edit_old.html index d88cf7e..8e7ef7d 100644 --- a/users/templates/user_profile_edit_old.html +++ b/users/templates/user_profile_edit_old.html @@ -25,7 +25,7 @@ {% csrf_token %} {% if request.user.is_customer %} - + {% elif request.user.is_contractor %} {% endif %} diff --git a/users/urls.py b/users/urls.py index d81da53..643cc7f 100755 --- a/users/urls.py +++ b/users/urls.py @@ -10,6 +10,7 @@ from .views import ( ContractorProfileView, ContractorResumeUpdateView, CreateTeamInvitation, + CustomerProfileView, CustomerProfileCurrentProjectsView, CustomerProfileOpenProjectsView, CustomerProfileReviewsView, @@ -24,15 +25,9 @@ from .views import ( app_name = 'users' urlpatterns = [ - # urls.url(r'^(?P\d+)/edit/$', UserProfileEditView.as_view(), name='user-profile-edit'), urls.url(r'^(?P\d+)/edit/$', UserProfileEditViewFull.as_view(), name='user-profile-edit'), - # urls.url(r'^(?P\d+)/financial-info/edit/$', UserFinancialInfoEditView.as_view(), - # name='user-financial-info-edit'), - - # urls.url(r'^(?P\d+)/experience/edit/$', UserProfileEditView.as_view(), name='user-experience-edit'), - - urls.url(r'^customers/(?P\d+)/$', CustomerProfileOpenProjectsView.as_view(), - name='customer-profile-open-projects'), + urls.url(r'^customers/(?P\d+)/$', CustomerProfileView.as_view(), + name='customer-profile'), urls.url(r'^customers/(?P\d+)/trashed-projects/$', CustomerProfileTrashedProjectsView.as_view(), name='customer-profile-trashed-projects'), urls.url(r'^customers/(?P\d+)/current-projects/$', CustomerProfileCurrentProjectsView.as_view(), diff --git a/users/views.py b/users/views.py index cc32c27..ef042ea 100644 --- a/users/views.py +++ b/users/views.py @@ -13,18 +13,18 @@ from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger from django.db.models import Q from django.http import HttpResponse, JsonResponse, Http404 from django.shortcuts import render, get_object_or_404, redirect -from django.views.generic import DetailView, View, UpdateView, CreateView +from django.views.generic import DetailView, View, UpdateView, CreateView, TemplateView _.map = _.map_; _.filter = _.filter_ -from .forms import TeamForm, ContractorResumeFilesForm, ContractorResumeForm +from .forms import TeamForm, ContractorResumeFilesForm, ContractorResumeForm, CustomerProfileForm from .models import User, Team, ContractorResume, ContractorResumeFiles, TeamInvitation from archilance import util from archilance.mixins import BaseMixin from common.mixins import ContractorRequiredMixin, NoCsrfMixin from projects.forms import PortfolioForm -from projects.models import Order +from projects.models import Order, Realty, Project from reviews.models import Review from work_sell.forms import WorkSellForm from work_sell.models import Picture @@ -130,13 +130,13 @@ class UserProfileEditViewFull(BaseMixin, View): def post(self, request, *args, **kwargs): context = self.get_context_data(**kwargs) - specs = tuple(filter(None, re.split(r'\s|,|;', request.POST.get('contractor_specializations')))) + specs = tuple(filter(None, re.split(r'\s|,|;', request.POST.get('contractor_specializations', '')))) request.POST.setlist('contractor_specializations', specs) - builds = tuple(filter(None, re.split(r'\s|,|;', request.POST.get('contractor_building_classifications')))) + builds = tuple(filter(None, re.split(r'\s|,|;', request.POST.get('contractor_building_classifications', '')))) request.POST.setlist('contractor_building_classifications', builds) - constructs = tuple(filter(None, re.split(r'\s|,|;', request.POST.get('contractor_construction_types')))) + constructs = tuple(filter(None, re.split(r'\s|,|;', request.POST.get('contractor_construction_types', '')))) request.POST.setlist('contractor_construction_types', constructs) form = self.form_class(request.POST, request=request, instance=request.user) @@ -316,7 +316,7 @@ class ContractorFilterView(BaseMixin, View): if build_classif: contractors = contractors.filter(Q(orders__project__realty__building_classification=build_classif) | Q(contractor_building_classifications=build_classif)) - + if constr_type: contractors = contractors.filter(Q(orders__project__realty__construction_type=constr_type) | Q(contractor_construction_types=constr_type)) @@ -617,6 +617,56 @@ class ContractorOfficeProjectsView(BaseMixin, View): return render(request, self.template_name, context) +class CustomerProfileView(BaseMixin, DetailView): + template_name = 'customer_profile.html' + model = User + context_object_name = 'customer' + + def get_object(self, queryset=None): + return get_object_or_404(User, pk=self.kwargs['pk']) + + def get_context_data(self, **kwargs): + context = super().get_context_data() + user_id = self.kwargs['pk'] + # profile-info + context.update( + { + 'ratings': User.objects.get(pk=user_id).rating, + 'deals': Order.objects.filter(secure=True, contractor_id=user_id, status=1).count(), + 'reviews_n': Review.objects.filter(target_contractor_id=user_id, type='neutral').count(), + 'reviews_m': Review.objects.filter(target_contractor_id=user_id, type='negative').count(), + 'reviews_p': Review.objects.filter(target_contractor_id=user_id, type='positive').count(), + }) + # Realty + context.update({ + 'objects': Realty.objects.filter(user=self.kwargs['pk'], is_virtual=False, state="active"), + 'trashed_objects': Realty.objects.filter(user=self.kwargs['pk'], is_virtual=False, state="trashed"), + }) + + customer = self.object + open_projects = customer.customer_projects.filter(state='active') + trashed_projects = customer.customer_projects.filter(state='trashed', order__contractor__isnull=True, + order__team__isnull=True) + + projects_in_work = customer.customer_projects.filter(state='active').exclude(order__contractor__isnull=True, + order__team__isnull=True) + reviews = Review.objects.filter(target_customer=customer) + context.update({ + 'customer': customer, + + 'open_projects': open_projects, + + 'trashed_projects': trashed_projects, + + 'projects_in_work': projects_in_work, + + 'reviews': reviews, + # 'is_paginated': True, + # 'page_obj': projects, + }) + return context + + class CustomerProfileOpenProjectsView(BaseMixin, View): template_name = 'customer_profile_open_projects.html' form_class = CustomerProfileProjectRealtyForm @@ -631,7 +681,7 @@ class CustomerProfileOpenProjectsView(BaseMixin, View): order__team__isnull=True) # @Add fast num_current_projects = customer.customer_projects.filter(state='active').exclude(order__contractor__isnull=True, - order__team__isnull=True).count() + order__team__isnull=True).count() if form.is_valid(): realty = form.cleaned_data.get('realty') diff --git a/webpack.config.js b/webpack.config.js index c7d2022..3b61529 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -16,6 +16,8 @@ module.exports = { init_create_worksell: './assets/js/src/init_create_worksell.js', //home home_page: "./assets/js/src/home_page.js", + //profile + customer_profile: "./assets/js/src/customer_profile.js" },