/** * * */ /* -- SCREEN Media queries -- */ /* -- COLORS -- */ /* -- END COLORS -- */ /* -- IMG PATH -- */ /* -- END IMG PATH -- */ /* -- BASE PROJECT FONT SETTINGS -- */ /* -- END BASE PROJECT FONT SETTINGS -- */ /* -- ICONS CODE TO PSEUDO-ELEMENTS -- */ /* -- END ICONS CODE TO PSEUDO-ELEMENTS -- */ /* -- ANIMATION STYLE -- */ /* -- END ANIMATION STYLE -- */ /* -- PRIMARY MIXIN -- */ /*.transform(...) { transform: @arguments translateZ(0); -ms-transform: @arguments translateZ(0); -webkit-transform: @arguments translateZ(0); }*/ /* -- END PRIMARY MIXIN -- */ /* -- SPECIFIC MIXIN -- */ /*-- Light bg typography styles -----------------------------*/ /*---------------------------*/ /* -- END SPECIFIC MIXIN -- */ @import url("//fast.fonts.net/t/1.css?apiType=css&projectid=eaf19cf5-485d-41eb-803b-07b10d75c4ce"); .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } /** * Базовый шрифт */ @font-face { font-family: "Avenir Next W10 Regular"; font-style: normal; font-weight: normal; src: url("../fonts/baseFont/677ce018-f09d-4e73-9713-bb2d8fd47896.eot?#iefix"); src: url("../fonts/baseFont/677ce018-f09d-4e73-9713-bb2d8fd47896.eot?#iefix") format("eot"), url("../fonts/baseFont/8b1d5802-f86f-4cc1-95a8-261eabda1d22.woff2") format("woff2"), url("../fonts/baseFont/30306912-4758-4c5f-8cd7-76a816c2e7aa.woff") format("woff"), url("../fonts/baseFont/00b0b7d9-bb66-4f91-aac2-82571a7a3b61.ttf") format("truetype"), url("../fonts/baseFont/19fe4c10-13f9-48bd-b902-710a507ee49e.svg#19fe4c10-13f9-48bd-b902-710a507ee49e") format("svg"); } @font-face { font-family: "Avenir Next"; src: url("../fonts/baseFont/9075a309-3c8e-4932-a2b8-0e34e3f30fd6.eot?#iefix"); src: url("../fonts/baseFont/9075a309-3c8e-4932-a2b8-0e34e3f30fd6.eot?#iefix") format("eot"), url("../fonts/baseFont/61f9ec25-f5d7-431f-9606-553aa690b3ae.woff2") format("woff2"), url("../fonts/baseFont/ab6d6afa-8f48-441b-a01d-a843b3a3aec1.woff") format("woff"), url("../fonts/baseFont/9c6c6099-637a-4e91-80c3-4dbe55854afe.ttf") format("truetype"), url("../fonts/baseFont/1557f6b0-463e-4939-9fbb-15bf52ac443c.svg#1557f6b0-463e-4939-9fbb-15bf52ac443c") format("svg"); } @font-face { font-family: "Avenir Next"; font-style: normal; font-weight: bold; src: url("../fonts/baseFont/84f6130a-ee4e-4d03-918d-de92cfaa2da1.eot?#iefix"); src: url("../fonts/baseFont/84f6130a-ee4e-4d03-918d-de92cfaa2da1.eot?#iefix") format("eot"), url("../fonts/baseFont/1d9a4bae-080b-46bf-93b0-5930ffd10549.woff2") format("woff2"), url("../fonts/baseFont/e46a8eac-9aea-4ee0-a18d-ad17ee506926.woff") format("woff"), url("../fonts/baseFont/37f4ac36-6e15-4082-bc8e-669c9f04f58c.ttf") format("truetype"), url("../fonts/baseFont/10407b24-f58d-4c7b-bea4-f196f544e87d.svg#10407b24-f58d-4c7b-bea4-f196f544e87d") format("svg"); } @font-face { font-family: "Avenir Next"; font-style: normal; font-weight: 900; src: url("../fonts/baseFont/AvenirNextCyr-Heavy.eot?#iefix"); src: url("../fonts/baseFont/AvenirNextCyr-Heavy.eot?#iefix") format("eot"), url("../fonts/baseFont/AvenirNextCyr-Heavy.woff") format("woff"), url("../fonts/baseFont/AvenirNextCyr-Heavy.ttf") format("truetype"), url("../fonts/baseFont/AvenirNextCyr-Heavy.svg") format("svg"); } @font-face { font-family: "Avenir Next Thin"; font-style: normal; src: url("../fonts/baseFont/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?#iefix"); src: url("../fonts/baseFont/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?#iefix") format("eot"), url("../fonts/baseFont/64779e28-a3b8-4364-949c-771372a0a327.woff2") format("woff2"), url("../fonts/baseFont/c6c8e4be-17eb-4475-bbfc-bb485ffde766.woff") format("woff"), url("../fonts/baseFont/87a872d0-5af3-4231-a77c-37f41ec74662.ttf") format("truetype"), url("../fonts/baseFont/91464696-717b-4eaa-adbd-0dfc5e5fd782.svg") format("svg"); } /** * Шрифт с иконками * Описание классов * Путь @{ukitPath} */ @font-face { font-family: 'ukit'; src: url('/fonts/ukit/ukit.eot?od25cl'); src: url('/fonts/ukit/ukit.eot?od25cl#iefix') format('embedded-opentype'), url('/fonts/ukit/ukit.ttf?od25cl') format('truetype'), url('/fonts/ukit/ukit.woff?od25cl') format('woff'), url('/fonts/ukit/ukit.svg?od25cl#ukit') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-content-"], [class*=" icon-content-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ukit' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-content-special-wysiwyg-clear-formatting:before { content: "\e941"; } .icon-content-special-wysiwyg-direction-ltr:before { content: "\e942"; } .icon-content-special-wysiwyg-direction-rtl:before { content: "\e943"; } .icon-content-special-wysiwyg-list-ol:before { content: "\e944"; } .icon-content-special-wysiwyg-list-ul:before { content: "\e945"; } .icon-content-special-wysiwyg-strikethrough:before { content: "\e946"; } .icon-content-special-wysiwyg-subscript:before { content: "\e947"; } .icon-content-special-wysiwyg-superscript:before { content: "\e948"; } .icon-content-special-wysiwyg-text-background-color:before { content: "\e949"; } .icon-content-special-wysiwyg-underline:before { content: "\e94a"; } .icon-content-special-user:before { content: "\e940"; } .icon-content-special-insert:before { content: "\e937"; } .icon-content-special-dynamic_text:before { content: "\e938"; } .icon-content-special-strikethrough:before { content: "\e934"; } .icon-content-special-underline:before { content: "\e935"; } .icon-content-special-eye-close:before { content: "\e932"; } .icon-content-special-unlocked:before { content: "\e92f"; } .icon-content-special-bux:before { content: "\e92d"; } .icon-content-special-yinyang:before { content: "\e924"; } .icon-content-special-triple-list:before { content: "\e925"; } .icon-content-special-stop:before { content: "\e926"; } .icon-content-special-status:before { content: "\e927"; } .icon-content-special-projects:before { content: "\e928"; } .icon-content-special-play-simple:before { content: "\e929"; } .icon-content-special-download:before { content: "\e92a"; } .icon-content-special-calendar:before { content: "\e92b"; } .icon-content-special-actions:before { content: "\e92c"; } .icon-content-special-percent:before { content: "\e91f"; } .icon-content-special-phone:before { content: "\e918"; } .icon-content-special-exclamation-point:before { content: "\e915"; } .icon-content-special-background:before { content: "\e90d"; } .icon-content-special-copying:before { content: "\e90e"; } .icon-content-special-square-stroke:before { content: "\e909"; } .icon-content-special-star-stroke:before { content: "\e90a"; } .icon-content-special-zoom-in:before { content: "\e90b"; } .icon-content-special-zoom-out:before { content: "\e90c"; } .icon-content-special-external-link:before { content: "\e908"; } .icon-content-special-questionmark:before { content: "\e904"; } .icon-content-special-attach:before { content: "\e901"; } .icon-content-special-eye:before { content: "\e902"; } .icon-content-special-copy:before { content: "\e900"; } .icon-content-special-cross-small:before { content: "\e60c"; } .icon-content-special-history:before { content: "\e692"; } .icon-content-special-restore:before { content: "\e626"; } .icon-content-special-redo:before { content: "\e632"; } .icon-content-special-undo:before { content: "\e68f"; } .icon-content-special-alignc:before { content: "\e600"; } .icon-content-special-alignf:before { content: "\e601"; } .icon-content-special-alignl:before { content: "\e602"; } .icon-content-special-alignr:before { content: "\e603"; } .icon-content-special-annonce:before { content: "\e604"; } .icon-content-special-arrow-right-big:before { content: "\e605"; } .icon-content-special-arrow-right-small:before { content: "\e606"; } .icon-content-special-bold:before { content: "\e607"; } .icon-content-special-buy:before { content: "\e608"; } .icon-content-special-check:before { content: "\e609"; } .icon-content-special-crop:before { content: "\e60a"; } .icon-content-special-cross-big:before { content: "\e60b"; } .icon-content-special-dotted-2:before { content: "\e60d"; } .icon-content-special-dotted-3:before { content: "\e60e"; } .icon-content-special-edit:before { content: "\e60f"; } .icon-content-special-help:before { content: "\e610"; } .icon-content-special-home:before { content: "\e611"; } .icon-content-special-image:before { content: "\e612"; } .icon-content-wysiwyg-image:before { content: "\e612"; } .icon-content-special-imagealign-center:before { content: "\e613"; } .icon-content-special-imagealign-diagonal:before { content: "\e614"; } .icon-content-special-imagealign-top:before { content: "\e615"; } .icon-content-special-imagelib:before { content: "\e616"; } .icon-content-special-imagezoom:before { content: "\e617"; } .icon-content-special-italic:before { content: "\e618"; } .icon-content-special-link:before { content: "\e619"; } .icon-content-special-list:before { content: "\e61a"; } .icon-content-special-locked:before { content: "\e61b"; } .icon-content-special-mail:before { content: "\e61c"; } .icon-content-special-map:before { content: "\e61d"; } .icon-content-special-notification:before { content: "\e61e"; } .icon-content-special-novalid:before { content: "\e61f"; } .icon-content-special-off:before { content: "\e620"; } .icon-content-special-ol:before { content: "\e621"; } .icon-content-special-play:before { content: "\e622"; } .icon-content-special-plus:before { content: "\e623"; } .icon-content-special-publish:before { content: "\e624"; } .icon-content-special-question:before { content: "\e625"; } .icon-content-special-refresh:before { content: "\e627"; } .icon-content-special-remove:before { content: "\e628"; } .icon-content-special-repeat:before { content: "\e629"; } .icon-content-special-repeatn:before { content: "\e62a"; } .icon-content-special-repeatx:before { content: "\e62b"; } .icon-content-special-repeaty:before { content: "\e62c"; } .icon-content-special-required:before { content: "\e62d"; } .icon-content-special-resize:before { content: "\e62e"; } .icon-content-special-settings:before { content: "\e62f"; } .icon-content-special-sites:before { content: "\e630"; } .icon-content-special-star:before { content: "\e631"; } .icon-content-special-upload:before { content: "\e633"; } .icon-content-special-www:before { content: "\e634"; } .icon-content-special-minus:before { content: "\e635"; } .icon-content-special-timer:before { content: "\e6a0"; } .icon-content-pagesmini-blog:before { content: "\e636"; } .icon-content-pagesmini-portfolio:before { content: "\e637"; } .icon-content-pagesmini-regular:before { content: "\e638"; } .icon-content-category-adv:before { content: "\e639"; } .icon-content-category-contacts:before { content: "\e63a"; } .icon-content-category-content:before { content: "\e63b"; } .icon-content-category-corg:before { content: "\e63c"; } .icon-content-category-footer:before { content: "\e63d"; } .icon-content-category-hat:before { content: "\e63e"; } .icon-content-category-headers:before { content: "\e63f"; } .icon-content-category-layout:before { content: "\e640"; } .icon-content-category-social:before { content: "\e641"; } .icon-content-category-thematic:before { content: "\e642"; } .icon-content-large-wysiwyg-alignment-center:before { content: "\e94b"; } .icon-content-large-wysiwyg-alignment-left:before { content: "\e94c"; } .icon-content-large-wysiwyg-alignment-right:before { content: "\e94d"; } .icon-content-large-wysiwyg-bold:before { content: "\e94e"; } .icon-content-large-wysiwyg-color:before { content: "\e94f"; } .icon-content-large-wysiwyg-font:before { content: "\e950"; } .icon-content-large-wysiwyg-italic:before { content: "\e951"; } .icon-content-large-wysiwyg-letter-spacing:before { content: "\e952"; } .icon-content-large-wysiwyg-line-height:before { content: "\e953"; } .icon-content-large-wysiwyg-link:before { content: "\e954"; } .icon-content-large-wysiwyg-text-size:before { content: "\e955"; } .icon-content-large-wysiwyg-text-style:before { content: "\e956"; } .icon-content-large-wysiwyg-text-transform-capitalize:before { content: "\e957"; } .icon-content-large-wysiwyg-text-transform-lowercase:before { content: "\e958"; } .icon-content-large-wysiwyg-text-transform-uppercase:before { content: "\e959"; } .icon-content-large-wysiwyg-typeface:before { content: "\e95a"; } .icon-content-large-vertical-alignment-top:before { content: "\e939"; } .icon-content-large-vertical-alignment-center:before { content: "\e93a"; } .icon-content-large-vertical-alignment-bottom:before { content: "\e93b"; } .icon-content-large-rocket:before { content: "\e933"; } .icon-content-large-ssl:before { content: "\e930"; } .icon-content-large-code:before { content: "\e92e"; } .icon-content-large-col:before { content: "\e91d"; } .icon-content-large-row:before { content: "\e91e"; } .icon-content-large-cart:before { content: "\e919"; } .icon-content-large-crop:before { content: "\e916"; } .icon-content-large-arrow-up-rounded:before { content: "\e90f"; } .icon-content-large-cog-small:before { content: "\e910"; } .icon-content-large-locate:before { content: "\e911"; } .icon-content-large-map:before { content: "\e912"; } .icon-content-large-text:before { content: "\e913"; } .icon-content-large-warning:before { content: "\e914"; } .icon-content-large-compass:before { content: "\e905"; } .icon-content-large-location:before { content: "\e6ab"; } .icon-content-large-search:before { content: "\e6ac"; } .icon-content-large-diamond:before { content: "\e6a3"; } .icon-content-large-imagepicker:before { content: "\e694"; } .icon-content-large-locked:before { content: "\e697"; } .icon-content-large-arrow:before { content: "\e666"; } .icon-content-large-restore:before { content: "\e693"; } .icon-content-large-remove:before { content: "\e643"; } .icon-content-large-seo:before { content: "\e644"; } .icon-content-large-settings:before { content: "\e645"; } .icon-content-large-stat:before { content: "\e646"; } .icon-content-panel-shop:before { content: "\e91a"; } .icon-content-panel-templateDesign:before { content: "\e6a1"; } .icon-content-panel-dashboard:before { content: "\e647"; } .icon-content-panel-pages:before { content: "\e648"; } .icon-content-panel-preview:before { content: "\e649"; } .icon-content-panel-themes:before { content: "\e64a"; } .icon-content-panel-widgets:before { content: "\e64b"; } .icon-content-pages-blog:before { content: "\e64c"; } .icon-content-pages-portfolio:before { content: "\e64d"; } .icon-content-pages-regular:before { content: "\e64e"; } .icon-content-theme-safety_security:before { content: "\e800"; } .icon-content-theme-finances:before { content: "\e6b2"; } .icon-content-theme-hsu_services:before { content: "\e6ae"; } .icon-content-theme-sport:before { content: "\e6aa"; } .icon-content-theme-trucking:before { content: "\e6a9"; } .icon-content-theme-celebration_organize:before { content: "\e6a6"; } .icon-content-theme-jurisprudence:before { content: "\e6a7"; } .icon-content-theme-medicine:before { content: "\e6a8"; } .icon-content-theme-agriculture:before { content: "\e6a5"; } .icon-content-theme-auto:before { content: "\e64f"; } .icon-content-theme-beauty:before { content: "\e650"; } .icon-content-theme-building:before { content: "\e651"; } .icon-content-theme-entertainer:before { content: "\e652"; } .icon-content-theme-expo:before { content: "\e653"; } .icon-content-theme-florist:before { content: "\e654"; } .icon-content-theme-interior:before { content: "\e655"; } .icon-content-theme-music:before { content: "\e656"; } .icon-content-theme-nailmaster:before { content: "\e657"; } .icon-content-theme-photographer:before { content: "\e658"; } .icon-content-theme-photomodel:before { content: "\e699"; } .icon-content-theme-realty:before { content: "\e69a"; } .icon-content-theme-repair:before { content: "\e69b"; } .icon-content-theme-restaurants:before { content: "\e69c"; } .icon-content-theme-stylist:before { content: "\e69e"; } .icon-content-theme-tattoo:before { content: "\e69f"; } .icon-content-theme-tourism:before { content: "\e6a2"; } .icon-content-widget-mainmenu:before { content: "\e93f"; } .icon-content-widget-timeline:before { content: "\e93c"; } .icon-content-widget-stages:before { content: "\e93d"; } .icon-content-widget-SSL:before { content: "\e93e"; } .icon-content-widget-amocrm:before { content: "\e936"; } .icon-content-widget-uSocial:before { content: "\e931"; } .icon-content-widget-addSearch:before { content: "\e921"; } .icon-content-widget-statGoogle:before { content: "\e922"; } .icon-content-widget-statYandex:before { content: "\e923"; } .icon-content-widget-ucalc:before { content: "\e920"; } .icon-content-widget-table:before { content: "\e91c"; } .icon-content-widget-cart:before { content: "\e91b"; } .icon-content-widget-productCard:before { content: "\e917"; } .icon-content-widget-weather:before { content: "\e907"; } .icon-content-widget-timer:before { content: "\e906"; } .icon-content-widget-liveAgent:before { content: "\e903"; } .icon-content-widget-yandexSearch:before { content: "\e801"; } .icon-content-widget-customHtml:before { content: "\e6b4"; } .icon-content-widget-googlesearch:before { content: "\e6b1"; } .icon-content-widget-backCall:before { content: "\e6af"; } .icon-content-widget-jivosite:before { content: "\e6ad"; } .icon-content-widget-disqus:before { content: "\e6a4"; } .icon-content-widget-audio:before { content: "\e695"; } .icon-content-widget-pinterest:before { content: "\e69d"; } .icon-content-widget-mailchimp:before { content: "\e698"; } .icon-content-widget-liveChat:before { content: "\e696"; } .icon-content-widget-slideshare:before { content: "\e691"; } .icon-content-widget-instagram:before { content: "\e690"; } .icon-content-widget-bloquote:before { content: "\e659"; } .icon-content-widget-border:before { content: "\e65a"; } .icon-content-widget-button:before { content: "\e65b"; } .icon-content-widget-contacts:before { content: "\e65c"; } .icon-content-widget-downloadFile:before { content: "\e65d"; } .icon-content-widget-ecwid:before { content: "\e65e"; } .icon-content-widget-facebookLikeBox:before { content: "\e65f"; } .icon-content-widget-feedBack:before { content: "\e660"; } .icon-content-widget-gallery:before { content: "\e661"; } .icon-content-widget-goods:before { content: "\e662"; } .icon-content-widget-header:before { content: "\e663"; } .icon-content-widget-icon:before { content: "\e664"; } .icon-content-widget-imagezoom:before { content: "\e665"; } .icon-content-widget-maps:before { content: "\e667"; } .icon-content-widget-newsInformer:before { content: "\e668"; } .icon-content-widget-odnoklassnikiLikeBox:before { content: "\e669"; } .icon-content-widget-price:before { content: "\e66a"; } .icon-content-widget-review:before { content: "\e66b"; } .icon-content-widget-sliderWysiwyg:before { content: "\e66c"; } .icon-content-widget-social:before { content: "\e66d"; } .icon-content-widget-socialGroups:before { content: "\e66e"; } .icon-content-widget-addThisShareBar:before { content: "\e6b5"; } .icon-content-widget-socialShare:before { content: "\e66f"; } .icon-content-widget-socialShareYa:before { content: "\e670"; } .icon-content-widget-spacer:before { content: "\e671"; } .icon-content-widget-stat:before { content: "\e672"; } .icon-content-widget-twitterLikeBox:before { content: "\e673"; } .icon-content-widget-video:before { content: "\e674"; } .icon-content-widget-worktime:before { content: "\e675"; } .icon-content-widget-wysiwyg:before { content: "\e676"; } .icon-content-social-linkedIn:before { content: "\e6b0"; } .icon-content-social-disqus:before { content: "\e677"; } .icon-content-social-facebook:before { content: "\e678"; } .icon-content-social-foursquare:before { content: "\e679"; } .icon-content-social-google:before { content: "\e67a"; } .icon-content-social-instagram:before { content: "\e67b"; } .icon-content-social-linkedin:before { content: "\e67c"; } .icon-content-social-livechat:before { content: "\e67d"; } .icon-content-social-mailru:before { content: "\e67e"; } .icon-content-social-odnoklassniki:before { content: "\e67f"; } .icon-content-social-pinterest:before { content: "\e680"; } .icon-content-social-twitter:before { content: "\e681"; } .icon-content-social-ucoz:before { content: "\e682"; } .icon-content-social-uidme:before { content: "\e683"; } .icon-content-social-vk:before { content: "\e684"; } .icon-content-social-vkontakte:before { content: "\e685"; } .icon-content-social-yandex:before { content: "\e686"; } .icon-content-social-youtube:before { content: "\e687"; } .icon-content-devices-desktop:before { content: "\e688"; } .icon-content-devices-phone:before { content: "\e689"; } .icon-content-devices-tablet:before { content: "\e68a"; } .icon-content-wizard-special-arrow-left:before { content: "\e68b"; } .icon-content-wizard-special-hid:before { content: "\e68c"; } .icon-content-wizard-special-preview:before { content: "\e68d"; } .icon-content-wizard-special-sandwich:before { content: "\e68e"; } /** icons-group Группировка иконок по размерам каждой группе задается свой font-size для выравнивания по пиксельной сетке. Переедет в global */ [class^="icon-content-"], [class*=" icon-content-"] { display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [class^="icon-content-"].icon-rotate-0, [class*=" icon-content-"].icon-rotate-0 { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); } [class^="icon-content-"].icon-rotate-deg45, [class*=" icon-content-"].icon-rotate-deg45 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } [class^="icon-content-"].icon-rotate-deg-45, [class*=" icon-content-"].icon-rotate-deg-45 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } [class^="icon-content-"].icon-rotate-deg90, [class*=" icon-content-"].icon-rotate-deg90 { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } [class^="icon-content-"].icon-rotate-deg-90, [class*=" icon-content-"].icon-rotate-deg-90 { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } [class^="icon-content-"].icon-rotate-deg135, [class*=" icon-content-"].icon-rotate-deg135 { transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); } [class^="icon-content-"].icon-rotate-deg-135, [class*=" icon-content-"].icon-rotate-deg-135 { transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } [class^="icon-content-"].icon-rotate-deg180, [class*=" icon-content-"].icon-rotate-deg180 { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); padding-top: 3px; } [class^="icon-content-"].icon-rotate-deg-180, [class*=" icon-content-"].icon-rotate-deg-180 { transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } [class^="icon-content-"].icon-rotate-deg225, [class*=" icon-content-"].icon-rotate-deg225 { transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); } [class^="icon-content-"].icon-rotate-deg-225, [class*=" icon-content-"].icon-rotate-deg-225 { transform: rotate(-225deg); -ms-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); } [class^="icon-content-"].icon-rotate-deg270, [class*=" icon-content-"].icon-rotate-deg270 { transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); } [class^="icon-content-"].icon-rotate-deg-270, [class*=" icon-content-"].icon-rotate-deg-270 { transform: rotate(-270deg); -ms-transform: rotate(-270deg); -webkit-transform: rotate(-270deg); } [class^="icon-content-"].icon-rotate-deg315, [class*=" icon-content-"].icon-rotate-deg315 { transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); } [class^="icon-content-"].icon-rotate-deg-315, [class*=" icon-content-"].icon-rotate-deg-315 { transform: rotate(-315deg); -ms-transform: rotate(-315deg); -webkit-transform: rotate(-315deg); } [class^="icon-content-"].icon-rotate-deg360, [class*=" icon-content-"].icon-rotate-deg360 { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); } [class^="icon-content-"].icon-rotate-deg-360, [class*=" icon-content-"].icon-rotate-deg-360 { transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } [class^="icon-content-"].ul-icon, [class*=" icon-content-"].ul-icon { color: #7094A7; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); /*.iconColorsProto(@name, @col) { &.ul-icon-@name { color: @col; &:hover { color: lighten(@col, 15%); } } } .iconColorsProto(secondary, @colorTextSecondary); .iconColorsProto(secondaryPlus, @colorTextSecondaryPlus); .iconColorsProto(green, @colorGreen); .iconColorsProto(main, @colorTextMain);*/ } [class^="icon-content-"].ul-icon.ul-icon-secondary, [class*=" icon-content-"].ul-icon.ul-icon-secondary { color: #3B7694; } [class^="icon-content-"].ul-icon.ul-icon-secondary:hover, [class*=" icon-content-"].ul-icon.ul-icon-secondary:hover { color: #5d9ebe; } [class^="icon-content-"].ul-icon.ul-icon-secondaryPlus, [class*=" icon-content-"].ul-icon.ul-icon-secondaryPlus { color: #1B4F6B; } [class^="icon-content-"].ul-icon.ul-icon-secondaryPlus:hover, [class*=" icon-content-"].ul-icon.ul-icon-secondaryPlus:hover { color: #2a7ca8; } [class^="icon-content-"].ul-icon.ul-icon-green, [class*=" icon-content-"].ul-icon.ul-icon-green { color: #4caf50; } [class^="icon-content-"].ul-icon.ul-icon-green:hover, [class*=" icon-content-"].ul-icon.ul-icon-green:hover { color: #80c883; } [class^="icon-content-"].ul-icon.ul-icon-main, [class*=" icon-content-"].ul-icon.ul-icon-main { color: #8DA8B8; } [class^="icon-content-"].ul-icon.ul-icon-main:hover, [class*=" icon-content-"].ul-icon.ul-icon-main:hover { color: #bcccd5; } [class^="icon-content-"].ul-icon:hover, [class*=" icon-content-"].ul-icon:hover { color: #9fb7c4; } [class^="icon-content-"].ul-icon:active, [class*=" icon-content-"].ul-icon:active { color: #263845 !important; } [class^="icon-content-"].ul-icon.active, [class*=" icon-content-"].ul-icon.active { color: #FFFFFF !important; } [class^="icon-content-"].ul-icon.edit, [class*=" icon-content-"].ul-icon.edit { color: #338FFF !important; } [class^="icon-content-"].ul-icon.ul-icon-padding, [class*=" icon-content-"].ul-icon.ul-icon-padding { padding: 8px; } [class^="icon-content-"].ul-icon[disabled], [class*=" icon-content-"].ul-icon[disabled] { opacity: 0.6; -webkit-pointer-events: none; pointer-events: none; } [class^="icon-content-special-"], [class*=" icon-content-special-"] { font-size: 16px; } [class^="icon-content-special-"].icon-x2, [class*=" icon-content-special-"].icon-x2 { font-size: 32px; } [class^="icon-content-special-"].icon-x3, [class*=" icon-content-special-"].icon-x3 { font-size: 48px; } [class^="icon-content-special-"].icon-x4, [class*=" icon-content-special-"].icon-x4 { font-size: 64px; } [class^="icon-content-category-"], [class*=" icon-content-category-"] { font-size: 16px; } [class^="icon-content-category-"].icon-x2, [class*=" icon-content-category-"].icon-x2 { font-size: 32px; } [class^="icon-content-category-"].icon-x3, [class*=" icon-content-category-"].icon-x3 { font-size: 48px; } [class^="icon-content-category-"].icon-x4, [class*=" icon-content-category-"].icon-x4 { font-size: 64px; } [class^="icon-content-pagesmini-"], [class*=" icon-content-pagesmini-"] { font-size: 16px; } [class^="icon-content-pagesmini-"].icon-x2, [class*=" icon-content-pagesmini-"].icon-x2 { font-size: 32px; } [class^="icon-content-pagesmini-"].icon-x3, [class*=" icon-content-pagesmini-"].icon-x3 { font-size: 48px; } [class^="icon-content-pagesmini-"].icon-x4, [class*=" icon-content-pagesmini-"].icon-x4 { font-size: 64px; } [class^="icon-content-devices-"], [class*=" icon-content-devices-"] { font-size: 20px; } [class^="icon-content-devices-"].icon-x2, [class*=" icon-content-devices-"].icon-x2 { font-size: 40px; } [class^="icon-content-devices-"].icon-x3, [class*=" icon-content-devices-"].icon-x3 { font-size: 60px; } [class^="icon-content-devices-"].icon-x4, [class*=" icon-content-devices-"].icon-x4 { font-size: 80px; } [class^="icon-content-wizard-special-"], [class*=" icon-content-wizard-special-"] { font-size: 20px; } [class^="icon-content-wizard-special-"].icon-x2, [class*=" icon-content-wizard-special-"].icon-x2 { font-size: 40px; } [class^="icon-content-wizard-special-"].icon-x3, [class*=" icon-content-wizard-special-"].icon-x3 { font-size: 60px; } [class^="icon-content-wizard-special-"].icon-x4, [class*=" icon-content-wizard-special-"].icon-x4 { font-size: 80px; } [class^="icon-content-social-"], [class*=" icon-content-social-"] { font-size: 24px; } [class^="icon-content-social-"].icon-x2, [class*=" icon-content-social-"].icon-x2 { font-size: 48px; } [class^="icon-content-social-"].icon-x3, [class*=" icon-content-social-"].icon-x3 { font-size: 72px; } [class^="icon-content-social-"].icon-x4, [class*=" icon-content-social-"].icon-x4 { font-size: 96px; } [class^="icon-content-widget-"], [class*=" icon-content-widget-"] { font-size: 30px; } [class^="icon-content-widget-"].icon-x2, [class*=" icon-content-widget-"].icon-x2 { font-size: 60px; } [class^="icon-content-widget-"].icon-x3, [class*=" icon-content-widget-"].icon-x3 { font-size: 90px; } [class^="icon-content-widget-"].icon-x4, [class*=" icon-content-widget-"].icon-x4 { font-size: 120px; } [class^="icon-content-large-"], [class*=" icon-content-large-"] { font-size: 32px; } [class^="icon-content-large-"].icon-x2, [class*=" icon-content-large-"].icon-x2 { font-size: 64px; } [class^="icon-content-large-"].icon-x3, [class*=" icon-content-large-"].icon-x3 { font-size: 96px; } [class^="icon-content-large-"].icon-x4, [class*=" icon-content-large-"].icon-x4 { font-size: 128px; } [class^="icon-content-pages-"], [class*=" icon-content-pages-"] { font-size: 32px; } [class^="icon-content-pages-"].icon-x2, [class*=" icon-content-pages-"].icon-x2 { font-size: 64px; } [class^="icon-content-pages-"].icon-x3, [class*=" icon-content-pages-"].icon-x3 { font-size: 96px; } [class^="icon-content-pages-"].icon-x4, [class*=" icon-content-pages-"].icon-x4 { font-size: 128px; } [class^="icon-content-panel-"], [class*=" icon-content-panel-"] { font-size: 32px; } [class^="icon-content-panel-"].icon-x2, [class*=" icon-content-panel-"].icon-x2 { font-size: 64px; } [class^="icon-content-panel-"].icon-x3, [class*=" icon-content-panel-"].icon-x3 { font-size: 96px; } [class^="icon-content-panel-"].icon-x4, [class*=" icon-content-panel-"].icon-x4 { font-size: 128px; } [class^="icon-content-theme-"], [class*=" icon-content-theme-"] { font-size: 32px; } [class^="icon-content-theme-"].icon-x2, [class*=" icon-content-theme-"].icon-x2 { font-size: 64px; } [class^="icon-content-theme-"].icon-x3, [class*=" icon-content-theme-"].icon-x3 { font-size: 96px; } [class^="icon-content-theme-"].icon-x4, [class*=" icon-content-theme-"].icon-x4 { font-size: 128px; } .ul-loading-indicator { background-image: url("/img/loader.svg"); background-size: 32px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator { background-image: url("/img/loader_dark.gif"); background-size: 32px; } } .ul-loading-indicator-light { background-image: url("/img/loader.svg"); background-size: 32px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-light { background-image: url("/img/loader_light.gif"); background-size: 32px; } } .ul-loading-indicator-half { background-image: url("/img/loader.svg"); background-size: 16px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-half { background-image: url("/img/loader_dark.gif"); background-size: 32px; } } .ul-loading-indicator-half-light { background-image: url("/img/loader.svg"); background-size: 16px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-half-light { background-image: url("/img/loader_light.gif"); background-size: 32px; } } .ul-loading-indicator-x2 { background-image: url("/img/loader.svg"); background-size: 64px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-x2 { background-image: url("/img/loader_dark.gif"); background-size: 32px; } } .ul-loading-indicator-x2-light { background-image: url("/img/loader.svg"); background-size: 64px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-x2-light { background-image: url("/img/loader_light.gif"); background-size: 32px; } } .ul-loading-indicator-x3 { background-image: url("/img/loader.svg"); background-size: 96px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-x3 { background-image: url("/img/loader_dark.gif"); background-size: 32px; } } .ul-loading-indicator-x3-light { background-image: url("/img/loader.svg"); background-size: 96px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-x3-light { background-image: url("/img/loader_light.gif"); background-size: 32px; } } .ul-loading-indicator-x4 { background-image: url("/img/loader.svg"); background-size: 128px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-x4 { background-image: url("/img/loader_dark.gif"); background-size: 32px; } } .ul-loading-indicator-x4-light { background-image: url("/img/loader.svg"); background-size: 128px; background-repeat: no-repeat; background-position: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ul-loading-indicator-x4-light { background-image: url("/img/loader_light.gif"); background-size: 32px; } } .ul-custom-scrollbar.ps-container .ps-scrollbar-x-rail, .ul-custom-scrollbar.ps-container .ps-scrollbar-y-rail { width: 6px !important; background: none !important; opacity: 0 !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); z-index: 1001; } .ul-custom-scrollbar.ps-container .ps-scrollbar-x-rail { bottom: 5px !important; } .ul-custom-scrollbar.ps-container .ps-scrollbar-y-rail { right: 5px !important; } .ul-custom-scrollbar.ps-container .ps-scrollbar-x, .ul-custom-scrollbar.ps-container .ps-scrollbar-y { width: 6px !important; background: rgba(141, 168, 184, 0.2) !important; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ul-custom-scrollbar.ps-container .ps-scrollbar-x:hover, .ul-custom-scrollbar.ps-container .ps-scrollbar-y:hover { background: #8DA8B8 !important; } .ul-custom-scrollbar.ps-container:hover .ps-scrollbar-x-rail, .ul-custom-scrollbar.ps-container:hover .ps-scrollbar-y-rail { opacity: 1 !important; } .ul-custom-scrollbar.ps-container.ps-in-scrolling .ps-scrollbar-x-rail, .ul-custom-scrollbar.ps-container.ps-in-scrolling .ps-scrollbar-y-rail { opacity: 1 !important; } .ul-custom-scrollbar.ps-container.ps-in-scrolling .ps-scrollbar-x, .ul-custom-scrollbar.ps-container.ps-in-scrolling .ps-scrollbar-y { background: #8DA8B8 !important; } .ul-custom-scrollbar--margin .ps-scrollbar-x-rail { margin-left: 50px; margin-right: 50px; } .ul-custom-scrollbar--margin .ps-scrollbar-y-rail { margin-top: 50px; margin-bottom: 50px; } .pika-single.ul-pikaday-theme { font: 12px/14px 'Avenir Next'; color: #8DA8B8; text-transform: capitalize; background: #2b404f; border: none; border-radius: 6px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important; } .pika-single.ul-pikaday-theme .pika-prev, .pika-single.ul-pikaday-theme .pika-next { background-size: 6px 10px; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; } .pika-single.ul-pikaday-theme .pika-prev:hover, .pika-single.ul-pikaday-theme .pika-next:hover, .pika-single.ul-pikaday-theme .pika-prev:active, .pika-single.ul-pikaday-theme .pika-next:active { opacity: .6; } .pika-single.ul-pikaday-theme .pika-prev.is-disabled, .pika-single.ul-pikaday-theme .pika-next.is-disabled { opacity: .3 !important; } .pika-single.ul-pikaday-theme .pika-prev, .pika-single.ul-pikaday-theme .is-rtl .pika-next { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkljbiBTcGVjaWFsIC8gQXJyb3cgUmlnaHQgQmlnIC8gMSBHcmV5IDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iU1BFQy12Ni4yMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iU3BlYy11S2l0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYyLjAwMDAwMCwgLTg0MjUuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNjkwMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IklucHV0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ0LjAwMDAwMCwgOTAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iREFUQVBJQ0tFUiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEzNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkRhdGFwaWNrZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCA2Mi4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRpdGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDExLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljbi1TcGVjaWFsLS8tQXJyb3ctUmlnaHQtU21hbGwtLy0yLVdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgOS4wMDAwMDApIHNjYWxlKC0xLCAtMSkgdHJhbnNsYXRlKC04LjAwMDAwMCwgLTkuMDAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9Imljb24tZ3JpZCIgb3BhY2l0eT0iMC42MDEwOTYwODIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjM5ODE4MTIsOC4wMzY1IEwxMC42OTI1LDExLjM1MyBDMTEuMDc5NSwxMS43NDEgMTEuMDc5NSwxMi4zNjkgMTAuNjkyNSwxMi43NTcgQzEwLjMwNTUsMTMuMTQ1IDkuNjc4NSwxMy4xNDUgOS4yOTE1LDEyLjc1NyBMNS40NTg0OTI5OCw4Ljg5ODE4NDcgQzUuMzk1NjA5MTUsOC44NTg4NjM0NyA1LjMzNjE2MDY2LDguODExODAxOSA1LjI4MTUsOC43NTcgQzUuMDgzMzUwNjgsOC41NTgzMzg2NyA0Ljk4NjY1NjU0LDguMjk2NDk3MjQgNC45OTE0MTc1Nyw4LjAzNjMwODExIEM0Ljk4NjY1NjU0LDcuNzc2MjQwNiA1LjA4MzM1MDY4LDcuNTE0NjYxMzMgNS4yODE1LDcuMzE2IEM1LjMzNjE2MDY2LDcuMjYxMTk4MSA1LjM5NTYwOTE1LDcuMjE0MTM2NTMgNS40NTg0OTI5OCw3LjE3NDgxNTMgTDkuMjkxNSwzLjMxNiBDOS42Nzg1LDIuOTI4IDEwLjMwNTUsMi45MjggMTAuNjkyNSwzLjMxNiBDMTEuMDc5NSwzLjcwNCAxMS4wNzk1LDQuMzMyIDEwLjY5MjUsNC43MiBMNy4zOTgxODEyLDguMDM2NSBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy45ODcwMDAsIDguMDM2NTAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC03Ljk4NzAwMCwgLTguMDM2NTAwKSAiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg=='); } .pika-single.ul-pikaday-theme .pika-next, .pika-single.ul-pikaday-theme .is-rtl .pika-prev { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkljbiBTcGVjaWFsIC8gQXJyb3cgUmlnaHQgQmlnIC8gMSBHcmV5IDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iU1BFQy12Ni4yMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iU3BlYy11S2l0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4LjAwMDAwMCwgLTg0MjUuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9IkNvbnRyb2xzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNjkwMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IklucHV0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ0LjAwMDAwMCwgOTAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iREFUQVBJQ0tFUiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEzNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkRhdGFwaWNrZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCA2Mi4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRpdGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDExLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljbi1TcGVjaWFsLS8tQXJyb3ctUmlnaHQtU21hbGwtLy0yLVdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjQuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjI0LjAwMDAwMCwgLTkuMDAwMDAwKSB0cmFuc2xhdGUoMjE2LjAwMDAwMCwgMS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iaWNvbi1ncmlkIiBvcGFjaXR5PSIwLjYwMTA5NjA4MiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuMzk4MTgxMiw4LjAzNjUgTDEwLjY5MjUsMTEuMzUzIEMxMS4wNzk1LDExLjc0MSAxMS4wNzk1LDEyLjM2OSAxMC42OTI1LDEyLjc1NyBDMTAuMzA1NSwxMy4xNDUgOS42Nzg1LDEzLjE0NSA5LjI5MTUsMTIuNzU3IEw1LjQ1ODQ5Mjk4LDguODk4MTg0NyBDNS4zOTU2MDkxNSw4Ljg1ODg2MzQ3IDUuMzM2MTYwNjYsOC44MTE4MDE5IDUuMjgxNSw4Ljc1NyBDNS4wODMzNTA2OCw4LjU1ODMzODY3IDQuOTg2NjU2NTQsOC4yOTY0OTcyNCA0Ljk5MTQxNzU3LDguMDM2MzA4MTEgQzQuOTg2NjU2NTQsNy43NzYyNDA2IDUuMDgzMzUwNjgsNy41MTQ2NjEzMyA1LjI4MTUsNy4zMTYgQzUuMzM2MTYwNjYsNy4yNjExOTgxIDUuMzk1NjA5MTUsNy4yMTQxMzY1MyA1LjQ1ODQ5Mjk4LDcuMTc0ODE1MyBMOS4yOTE1LDMuMzE2IEM5LjY3ODUsMi45MjggMTAuMzA1NSwyLjkyOCAxMC42OTI1LDMuMzE2IEMxMS4wNzk1LDMuNzA0IDExLjA3OTUsNC4zMzIgMTAuNjkyNSw0LjcyIEw3LjM5ODE4MTIsOC4wMzY1IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3Ljk4NzAwMCwgOC4wMzY1MDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuOTg3MDAwLCAtOC4wMzY1MDApICI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+'); } .pika-single.ul-pikaday-theme .pika-label { font-size: 14px; line-height: 18px; letter-spacing: 0.5px; color: #FFFFFF; background: transparent; } .pika-single.ul-pikaday-theme .pika-table th { padding: 6px 0 6px; text-align: right; color: #3B7694; text-transform: capitalize; } .pika-single.ul-pikaday-theme .pika-button { padding: 7px 5px 4px; color: #8DA8B8; background: transparent; } .pika-single.ul-pikaday-theme .pika-button:hover { color: #fff; background: #344d5f; border-radius: 2px; } .pika-single.ul-pikaday-theme .is-disabled .pika-button { color: #1B4F6B; background: transparent; opacity: 1; } .pika-single.ul-pikaday-theme .is-today .pika-button { color: #FFFFFF; } .pika-single.ul-pikaday-theme .is-selected .pika-button { color: #FFFFFF; background: #338FFF; } .pika-single.ul-pikaday-theme .pika-week { color: #1B4F6B; } .UL { /* TODO Сделать текст внизу. Не доделал, так как не знаю точное поведение высоты в панел диалоге. Как перенесу спецификацию доделаю */ /** * TODO сделать для строки с текстом display: block в switcher opposite * * * */ } .UL .ul-button { background: #4caf50; border: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button:first-of-type { margin-left: 0; } .UL .ul-button:last-of-type { margin-right: 0; } .UL .ul-button:focus { outline: 0; } .UL .ul-button:hover, .UL .ul-button:focus { background: #67bd6a; } .UL .ul-button:hover, .UL .ul-button.zeroclipboard-is-hover { background: #67bd6a; } .UL .ul-button:active, .UL .ul-button.zeroclipboard-is-active { background: #357a38; } .UL .ul-button[disabled] { background: #4caf50 !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button [class^="icon-content-"], .UL .ul-button [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button [class^="icon-content-"].icon-right, .UL .ul-button [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button [class^="icon-content-"].icon-center, .UL .ul-button [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button.w-100p { width: 100%; } .UL .ul-button-green { background: #4caf50; border: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-green:first-of-type { margin-left: 0; } .UL .ul-button-green:last-of-type { margin-right: 0; } .UL .ul-button-green:focus { outline: 0; } .UL .ul-button-green:hover, .UL .ul-button-green:focus { background: #67bd6a; } .UL .ul-button-green:hover, .UL .ul-button-green.zeroclipboard-is-hover { background: #67bd6a; } .UL .ul-button-green:active, .UL .ul-button-green.zeroclipboard-is-active { background: #357a38; } .UL .ul-button-green[disabled] { background: #4caf50 !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-green [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-green [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-green [class^="icon-content-"], .UL .ul-button-green [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-green [class^="icon-content-"].icon-right, .UL .ul-button-green [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-green [class^="icon-content-"].icon-center, .UL .ul-button-green [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-green [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-green [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-green.w-100p { width: 100%; } .UL .ul-button-yellow { background: #FFCC00; border: none; color: #1B4F6B !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-yellow:first-of-type { margin-left: 0; } .UL .ul-button-yellow:last-of-type { margin-right: 0; } .UL .ul-button-yellow:focus { outline: 0; } .UL .ul-button-yellow:hover, .UL .ul-button-yellow:focus { background: #ffe066; } .UL .ul-button-yellow:hover, .UL .ul-button-yellow.zeroclipboard-is-hover { background: #ffe066; } .UL .ul-button-yellow:active, .UL .ul-button-yellow.zeroclipboard-is-active { background: #b38f00; } .UL .ul-button-yellow[disabled] { background: #FFCC00 !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-yellow [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-yellow [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-yellow [class^="icon-content-"], .UL .ul-button-yellow [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-yellow [class^="icon-content-"].icon-right, .UL .ul-button-yellow [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-yellow [class^="icon-content-"].icon-center, .UL .ul-button-yellow [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-yellow [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-yellow [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-yellow.w-100p { width: 100%; } .UL .ul-button-blue { background: #338FFF; border: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-blue:first-of-type { margin-left: 0; } .UL .ul-button-blue:last-of-type { margin-right: 0; } .UL .ul-button-blue:focus { outline: 0; } .UL .ul-button-blue:hover, .UL .ul-button-blue:focus { background: #5ca5ff; } .UL .ul-button-blue:hover, .UL .ul-button-blue.zeroclipboard-is-hover { background: #5ca5ff; } .UL .ul-button-blue:active, .UL .ul-button-blue.zeroclipboard-is-active { background: #0067e5; } .UL .ul-button-blue[disabled] { background: #338FFF !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-blue [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-blue [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-blue [class^="icon-content-"], .UL .ul-button-blue [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-blue [class^="icon-content-"].icon-right, .UL .ul-button-blue [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-blue [class^="icon-content-"].icon-center, .UL .ul-button-blue [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-blue [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-blue [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-blue.w-100p { width: 100%; } .UL .ul-button-red { background: #C2445C; border: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-red:first-of-type { margin-left: 0; } .UL .ul-button-red:last-of-type { margin-right: 0; } .UL .ul-button-red:focus { outline: 0; } .UL .ul-button-red:hover, .UL .ul-button-red:focus { background: #cc6377; } .UL .ul-button-red:hover, .UL .ul-button-red.zeroclipboard-is-hover { background: #cc6377; } .UL .ul-button-red:active, .UL .ul-button-red.zeroclipboard-is-active { background: #8c2e40; } .UL .ul-button-red[disabled] { background: #C2445C !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-red [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-red [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-red [class^="icon-content-"], .UL .ul-button-red [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-red [class^="icon-content-"].icon-right, .UL .ul-button-red [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-red [class^="icon-content-"].icon-center, .UL .ul-button-red [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-red [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-red [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-red.w-100p { width: 100%; } .UL .ul-button-white { background: #E8EBED; border: none; color: #7094A7 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-white:first-of-type { margin-left: 0; } .UL .ul-button-white:last-of-type { margin-right: 0; } .UL .ul-button-white:focus { outline: 0; } .UL .ul-button-white:hover, .UL .ul-button-white:focus { background: #ffffff; } .UL .ul-button-white:hover, .UL .ul-button-white.zeroclipboard-is-hover { background: #ffffff; } .UL .ul-button-white:active, .UL .ul-button-white.zeroclipboard-is-active { background: #bdc6cb; } .UL .ul-button-white[disabled] { background: #E8EBED !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-white [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-white [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-white [class^="icon-content-"], .UL .ul-button-white [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-white [class^="icon-content-"].icon-right, .UL .ul-button-white [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-white [class^="icon-content-"].icon-center, .UL .ul-button-white [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-white [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-white [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-white.w-100p { width: 100%; } .UL .ul-button-blueSecondary { background: #3B7694; border: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-blueSecondary:first-of-type { margin-left: 0; } .UL .ul-button-blueSecondary:last-of-type { margin-right: 0; } .UL .ul-button-blueSecondary:focus { outline: 0; } .UL .ul-button-blueSecondary:hover, .UL .ul-button-blueSecondary:focus { background: #478db1; } .UL .ul-button-blueSecondary:hover, .UL .ul-button-blueSecondary.zeroclipboard-is-hover { background: #478db1; } .UL .ul-button-blueSecondary:active, .UL .ul-button-blueSecondary.zeroclipboard-is-active { background: #254a5d; } .UL .ul-button-blueSecondary[disabled] { background: #3B7694 !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-blueSecondary [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-blueSecondary [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-blueSecondary [class^="icon-content-"], .UL .ul-button-blueSecondary [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-blueSecondary [class^="icon-content-"].icon-right, .UL .ul-button-blueSecondary [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-blueSecondary [class^="icon-content-"].icon-center, .UL .ul-button-blueSecondary [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-blueSecondary [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-blueSecondary [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-blueSecondary.w-100p { width: 100%; } .UL .ul-button-bluePlus { background: #263845; border: none; color: #7094A7 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-bluePlus:first-of-type { margin-left: 0; } .UL .ul-button-bluePlus:last-of-type { margin-right: 0; } .UL .ul-button-bluePlus:focus { outline: 0; } .UL .ul-button-bluePlus:hover, .UL .ul-button-bluePlus:focus { background: #344d5f; } .UL .ul-button-bluePlus:hover, .UL .ul-button-bluePlus.zeroclipboard-is-hover { background: #344d5f; } .UL .ul-button-bluePlus:active, .UL .ul-button-bluePlus.zeroclipboard-is-active { background: #0b1014; } .UL .ul-button-bluePlus[disabled] { background: #263845 !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-bluePlus [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-bluePlus [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-bluePlus [class^="icon-content-"], .UL .ul-button-bluePlus [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-bluePlus [class^="icon-content-"].icon-right, .UL .ul-button-bluePlus [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-bluePlus [class^="icon-content-"].icon-center, .UL .ul-button-bluePlus [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-bluePlus [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-bluePlus [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-bluePlus.w-100p { width: 100%; } .UL .ul-button-bluePlus:hover:not(:active) { background: #416076 !important; color: #cfdbe1 !important; } .UL .ul-button-purple { background: #B527B0; border: none; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ } .UL .ul-button-purple:first-of-type { margin-left: 0; } .UL .ul-button-purple:last-of-type { margin-right: 0; } .UL .ul-button-purple:focus { outline: 0; } .UL .ul-button-purple:hover, .UL .ul-button-purple:focus { background: #d332cd; } .UL .ul-button-purple:hover, .UL .ul-button-purple.zeroclipboard-is-hover { background: #d332cd; } .UL .ul-button-purple:active, .UL .ul-button-purple.zeroclipboard-is-active { background: #761973; } .UL .ul-button-purple[disabled] { background: #B527B0 !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-purple [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-purple [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-purple [class^="icon-content-"], .UL .ul-button-purple [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-purple [class^="icon-content-"].icon-right, .UL .ul-button-purple [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-purple [class^="icon-content-"].icon-center, .UL .ul-button-purple [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-purple [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-purple [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-purple.w-100p { width: 100%; } .UL .ul-button-link { background: transparent; border: none; color: #4caf50 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link:first-of-type { margin-left: 0; } .UL .ul-button-link:last-of-type { margin-right: 0; } .UL .ul-button-link:focus { outline: 0; } .UL .ul-button-link:hover, .UL .ul-button-link:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link:hover, .UL .ul-button-link.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link:active, .UL .ul-button-link.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link [class^="icon-content-"], .UL .ul-button-link [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link [class^="icon-content-"].icon-right, .UL .ul-button-link [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link [class^="icon-content-"].icon-center, .UL .ul-button-link [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link.w-100p { width: 100%; } .UL .ul-button-link:focus { outline: 0; } .UL .ul-button-link:hover, .UL .ul-button-link:focus { color: #80c883 !important; } .UL .ul-button-link:active { color: #357a38 !important; } .UL .ul-button-link:focus { box-shadow: none !important; } .UL .ul-button-link-green { background: transparent; border: none; color: #4caf50 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link-green:first-of-type { margin-left: 0; } .UL .ul-button-link-green:last-of-type { margin-right: 0; } .UL .ul-button-link-green:focus { outline: 0; } .UL .ul-button-link-green:hover, .UL .ul-button-link-green:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-green:hover, .UL .ul-button-link-green.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-green:active, .UL .ul-button-link-green.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-green[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-green [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-green [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-green [class^="icon-content-"], .UL .ul-button-link-green [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-green [class^="icon-content-"].icon-right, .UL .ul-button-link-green [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-green [class^="icon-content-"].icon-center, .UL .ul-button-link-green [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-green [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-green [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-green.w-100p { width: 100%; } .UL .ul-button-link-green:focus { outline: 0; } .UL .ul-button-link-green:hover, .UL .ul-button-link-green:focus { color: #80c883 !important; } .UL .ul-button-link-green:active { color: #357a38 !important; } .UL .ul-button-link-green:focus { box-shadow: none !important; } .UL .ul-button-link-blue { background: transparent; border: none; color: #338FFF !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link-blue:first-of-type { margin-left: 0; } .UL .ul-button-link-blue:last-of-type { margin-right: 0; } .UL .ul-button-link-blue:focus { outline: 0; } .UL .ul-button-link-blue:hover, .UL .ul-button-link-blue:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-blue:hover, .UL .ul-button-link-blue.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-blue:active, .UL .ul-button-link-blue.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-blue[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-blue [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-blue [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-blue [class^="icon-content-"], .UL .ul-button-link-blue [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-blue [class^="icon-content-"].icon-right, .UL .ul-button-link-blue [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-blue [class^="icon-content-"].icon-center, .UL .ul-button-link-blue [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-blue [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-blue [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-blue.w-100p { width: 100%; } .UL .ul-button-link-blue:focus { outline: 0; } .UL .ul-button-link-blue:hover, .UL .ul-button-link-blue:focus { color: #80b9ff !important; } .UL .ul-button-link-blue:active { color: #0067e5 !important; } .UL .ul-button-link-blue:focus { box-shadow: none !important; } .UL .ul-button-link-red { background: transparent; border: none; color: #C2445C !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link-red:first-of-type { margin-left: 0; } .UL .ul-button-link-red:last-of-type { margin-right: 0; } .UL .ul-button-link-red:focus { outline: 0; } .UL .ul-button-link-red:hover, .UL .ul-button-link-red:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-red:hover, .UL .ul-button-link-red.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-red:active, .UL .ul-button-link-red.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-red[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-red [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-red [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-red [class^="icon-content-"], .UL .ul-button-link-red [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-red [class^="icon-content-"].icon-right, .UL .ul-button-link-red [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-red [class^="icon-content-"].icon-center, .UL .ul-button-link-red [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-red [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-red [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-red.w-100p { width: 100%; } .UL .ul-button-link-red:focus { outline: 0; } .UL .ul-button-link-red:hover, .UL .ul-button-link-red:focus { color: #d57e8e !important; } .UL .ul-button-link-red:active { color: #8c2e40 !important; } .UL .ul-button-link-red:focus { box-shadow: none !important; } .UL .ul-button-link-yellow { background: transparent; border: none; color: #FFCC00 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link-yellow:first-of-type { margin-left: 0; } .UL .ul-button-link-yellow:last-of-type { margin-right: 0; } .UL .ul-button-link-yellow:focus { outline: 0; } .UL .ul-button-link-yellow:hover, .UL .ul-button-link-yellow:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-yellow:hover, .UL .ul-button-link-yellow.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-yellow:active, .UL .ul-button-link-yellow.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-yellow[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-yellow [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-yellow [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-yellow [class^="icon-content-"], .UL .ul-button-link-yellow [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-yellow [class^="icon-content-"].icon-right, .UL .ul-button-link-yellow [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-yellow [class^="icon-content-"].icon-center, .UL .ul-button-link-yellow [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-yellow [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-yellow [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-yellow.w-100p { width: 100%; } .UL .ul-button-link-yellow:focus { outline: 0; } .UL .ul-button-link-yellow:hover, .UL .ul-button-link-yellow:focus { color: #ffdb4d !important; } .UL .ul-button-link-yellow:active { color: #b38f00 !important; } .UL .ul-button-link-yellow:focus { box-shadow: none !important; } .UL .ul-button-link-purple { background: transparent; border: none; color: #B527B0 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link-purple:first-of-type { margin-left: 0; } .UL .ul-button-link-purple:last-of-type { margin-right: 0; } .UL .ul-button-link-purple:focus { outline: 0; } .UL .ul-button-link-purple:hover, .UL .ul-button-link-purple:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-purple:hover, .UL .ul-button-link-purple.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-purple:active, .UL .ul-button-link-purple.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-purple[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-purple [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-purple [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-purple [class^="icon-content-"], .UL .ul-button-link-purple [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-purple [class^="icon-content-"].icon-right, .UL .ul-button-link-purple [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-purple [class^="icon-content-"].icon-center, .UL .ul-button-link-purple [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-purple [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-purple [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-purple.w-100p { width: 100%; } .UL .ul-button-link-purple:focus { outline: 0; } .UL .ul-button-link-purple:hover, .UL .ul-button-link-purple:focus { color: #d94fd4 !important; } .UL .ul-button-link-purple:active { color: #761973 !important; } .UL .ul-button-link-purple:focus { box-shadow: none !important; } .UL .ul-button-link-gray { background: transparent; border: none; color: #3B7694 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; } .UL .ul-button-link-gray:first-of-type { margin-left: 0; } .UL .ul-button-link-gray:last-of-type { margin-right: 0; } .UL .ul-button-link-gray:focus { outline: 0; } .UL .ul-button-link-gray:hover, .UL .ul-button-link-gray:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-gray:hover, .UL .ul-button-link-gray.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-gray:active, .UL .ul-button-link-gray.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-gray[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-gray [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-gray [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-gray [class^="icon-content-"], .UL .ul-button-link-gray [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-gray [class^="icon-content-"].icon-right, .UL .ul-button-link-gray [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-gray [class^="icon-content-"].icon-center, .UL .ul-button-link-gray [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-gray [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-gray [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-gray.w-100p { width: 100%; } .UL .ul-button-link-gray:focus { outline: 0; } .UL .ul-button-link-gray:hover, .UL .ul-button-link-gray:focus { color: #5d9ebe !important; } .UL .ul-button-link-gray:active { color: #254a5d !important; } .UL .ul-button-link-gray:focus { box-shadow: none !important; } .UL .ul-button-link-white { background: transparent; border: none; color: #DAE1E6 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; font-size: 12px; } .UL .ul-button-link-white:first-of-type { margin-left: 0; } .UL .ul-button-link-white:last-of-type { margin-right: 0; } .UL .ul-button-link-white:focus { outline: 0; } .UL .ul-button-link-white:hover, .UL .ul-button-link-white:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-white:hover, .UL .ul-button-link-white.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-white:active, .UL .ul-button-link-white.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-white[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-white [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-white [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-white [class^="icon-content-"], .UL .ul-button-link-white [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-white [class^="icon-content-"].icon-right, .UL .ul-button-link-white [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-white [class^="icon-content-"].icon-center, .UL .ul-button-link-white [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-white [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-white [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-white.w-100p { width: 100%; } .UL .ul-button-link-white:focus { outline: 0; } .UL .ul-button-link-white:hover, .UL .ul-button-link-white:focus { color: #ffffff !important; } .UL .ul-button-link-white:active { color: #acbcc7 !important; } .UL .ul-button-link-white:focus { box-shadow: none !important; } .UL .ul-button-link-white.active { color: #FFFFFF !important; } .UL .ul-button-link-small { background: transparent; border: none; color: #3B7694 !important; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0 10px; outline: none; padding: 2px 18px 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; letter-spacing: 0.5px; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*&:focus { box-shadow: 0 0 1px 2px fade(@colorTextSecondaryPlus, 60%), 0 0 18px 0 lighten(@colorBlue, 5%); }*/ letter-spacing: 0; padding-left: 0; padding-right: 0; font-size: 12px; } .UL .ul-button-link-small:first-of-type { margin-left: 0; } .UL .ul-button-link-small:last-of-type { margin-right: 0; } .UL .ul-button-link-small:focus { outline: 0; } .UL .ul-button-link-small:hover, .UL .ul-button-link-small:focus { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-small:hover, .UL .ul-button-link-small.zeroclipboard-is-hover { background: rgba(20, 20, 20, 0); } .UL .ul-button-link-small:active, .UL .ul-button-link-small.zeroclipboard-is-active { background: rgba(0, 0, 0, 0); } .UL .ul-button-link-small[disabled] { background: transparent !important; opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-button-link-small [class^="icon-content-"]:not([class^="icon-content-social"]), .UL .ul-button-link-small [class*=" icon-content-"]:not([class^="icon-content-social"]) { font-size: 16px; } .UL .ul-button-link-small [class^="icon-content-"], .UL .ul-button-link-small [class*=" icon-content-"] { vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-button-link-small [class^="icon-content-"].icon-right, .UL .ul-button-link-small [class*=" icon-content-"].icon-right { padding: 0 0 3px 8px; } .UL .ul-button-link-small [class^="icon-content-"].icon-center, .UL .ul-button-link-small [class*=" icon-content-"].icon-center { padding: 0 0 3px 0; } .UL .ul-button-link-small [class^="icon-content-"].icon-rotate-deg180, .UL .ul-button-link-small [class*=" icon-content-"].icon-rotate-deg180 { margin: -6px 8px 0 0; padding-right: 0; padding-left: 0; } .UL .ul-button-link-small.w-100p { width: 100%; } .UL .ul-button-link-small:focus { outline: 0; } .UL .ul-button-link-small:hover, .UL .ul-button-link-small:focus { color: #5d9ebe !important; } .UL .ul-button-link-small:active { color: #254a5d !important; } .UL .ul-button-link-small:focus { box-shadow: none !important; } .UL .ul-button-link-small.active { color: #338FFF !important; } .UL .ul-button-link-small-blue { color: #338FFF !important; } .UL .ul-button-link-small-blue:hover, .UL .ul-button-link-small-blue:focus { color: #80b9ff !important; } .UL .ul-button-link-small-blue:active { color: #0067e5 !important; } .UL .ul-button-link-small-main { color: #8DA8B8 !important; } .UL .ul-button-link-small-main:hover, .UL .ul-button-link-small-main:focus { color: #bcccd5 !important; } .UL .ul-button-link-small-main:active { color: #5f8499 !important; } .UL .ul-image-background { background-color: #263845; background-image: url("/img/img-placeholder.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; display: block; cursor: pointer; height: 100px; width: 100%; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 4px; border-radius: 4px; } .UL .ul-image-background.empty { background-size: inherit; } .UL .ul-image-background:hover { opacity: 0.8; } .UL .ul-image-background:active { opacity: 0.5; } .UL .ul-image-background.h-md { height: 120px; } .UL .ul-buttons-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-buttons-group label { margin-left: 2px; position: relative; overflow: hidden; width: 100%; vertical-align: middle; } .UL .ul-buttons-group label:first-child { -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; margin-left: 0; } .UL .ul-buttons-group label:last-child { -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .UL .ul-buttons-group label:last-child:first-child { -webkit-border-radius: 6px; border-radius: 6px; } .UL .ul-buttons-group label input { opacity: 0; position: absolute; z-index: -1; } .UL .ul-buttons-group label input:checked + .ul-buttons-val { background: #1B4F6B; color: #FFFFFF; } .UL .ul-buttons-group label input:checked[type=radio] + .ul-buttons-val { cursor: default; } .UL .ul-buttons-group label input:checked[type=radio] + .ul-buttons-val:active { background: #1B4F6B !important; } .UL .ul-buttons-group label input:checked[type=checkbox] + .ul-buttons-val:hover { background: #205e7f; } .UL .ul-buttons-group label .ul-buttons-val { background: #263845; color: #7094A7; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; padding: 2px 0 2px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; width: 100%; -webkit-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-buttons-group label .ul-buttons-val [class^="icon-content-"], .UL .ul-buttons-group label .ul-buttons-val [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 8px; } .UL .ul-buttons-group label .ul-buttons-val:hover { background: #344d5f; color: #cfdbe1; } .UL .ul-buttons-group label .ul-buttons-val:active { background: #19252e !important; } .UL .ul-buttons-group label[disabled] { -webkit-pointer-events: none; pointer-events: none; opacity: 0.3; } .UL .ul-buttons-group-grid .ul-buttons-group { margin: 4px 0 0 -4px; } .UL .ul-buttons-group-grid .ul-buttons-group label { width: 32px; margin-left: 4px; -webkit-border-radius: 1px; border-radius: 1px; } .UL .ul-buttons-group-grid .ul-buttons-group label .ul-buttons-val { height: 32px; line-height: 25px; } .UL .ul-buttons-group-grid .ul-buttons-group label .ul-buttons-val [class^="icon-content-"], .UL .ul-buttons-group-grid .ul-buttons-group label .ul-buttons-val [class*=" icon-content-"] { padding: 0; } .UL .ul-buttons-group-grid .ul-buttons-group label input { opacity: 0; position: absolute; z-index: -1; } .UL .ul-buttons-group-grid .ul-buttons-group label input:checked + .ul-buttons-val { background: #338FFF; color: #FFFFFF; } .UL .ul-form-group .ul-tf, .UL .ul-form-group .ul-ta, .UL .ul-form-group .ul-select { width: 100%; -webkit-border-radius: 0; border-radius: 0; position: relative; z-index: 0; } .UL .ul-form-group .ul-tf:not(:first-child), .UL .ul-form-group .ul-ta:not(:first-child), .UL .ul-form-group .ul-select:not(:first-child) { margin: -2px 0 0; } .UL .ul-form-group .ul-tf select, .UL .ul-form-group .ul-ta select, .UL .ul-form-group .ul-select select { -webkit-border-radius: 0; border-radius: 0; } .UL .ul-form-group .ul-tf:first-child, .UL .ul-form-group .ul-ta:first-child, .UL .ul-form-group .ul-select:first-child { -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .UL .ul-form-group .ul-tf:first-child select, .UL .ul-form-group .ul-ta:first-child select, .UL .ul-form-group .ul-select:first-child select { -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .UL .ul-form-group .ul-tf:last-child, .UL .ul-form-group .ul-ta:last-child, .UL .ul-form-group .ul-select:last-child { -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .UL .ul-form-group .ul-tf:last-child select, .UL .ul-form-group .ul-ta:last-child select, .UL .ul-form-group .ul-select:last-child select { -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .UL .ul-form-group .ul-tf:hover, .UL .ul-form-group .ul-ta:hover, .UL .ul-form-group .ul-select:hover { z-index: 1; } .UL .ul-form-group .ul-tf.error, .UL .ul-form-group .ul-ta.error, .UL .ul-form-group .ul-select.error, .UL .ul-form-group .ul-tf.success, .UL .ul-form-group .ul-ta.success, .UL .ul-form-group .ul-select.success { z-index: 2; } .UL .ul-form-group .ul-tf:focus, .UL .ul-form-group .ul-ta:focus, .UL .ul-form-group .ul-select:focus { z-index: 3; } .UL .ul-form-group .ul-ta { -webkit-margin-after: -5px; } .UL .ul-form-group.w-lg { width: 354px; } .UL .ul-form-group.w-md { width: 224px; } .UL .ul-tf { background: transparent; border: 2px solid rgba(59, 118, 148, 0.75); color: #DAE1E6; font: 14px/21px 'Avenir Next W10 Regular'; height: 36px; outline: none !important; padding: 8px 8px 7px; margin: 0 10px; width: 100%; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: background, border, opacity; transition-property: background, border, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-tf:first-of-type { margin-left: 0; } .UL .ul-tf:last-of-type { margin-right: 0; } .UL .ul-tf:hover { border-color: #3B7694; } .UL .ul-tf:focus { border-color: #338FFF; background: rgba(51, 143, 255, 0.2); } .UL .ul-tf[disabled], .UL .ul-tf.disabled { background: rgba(27, 79, 107, 0.33); border-color: transparent; color: #1B4F6B; -webkit-text-fill-color: #1B4F6B; cursor: not-allowed; } .UL .ul-tf[disabled]::-webkit-input-placeholder, .UL .ul-tf.disabled::-webkit-input-placeholder { /* WebKit browsers */ color: #1B4F6B; } .UL .ul-tf[disabled]::-moz-placeholder, .UL .ul-tf.disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1B4F6B; } .UL .ul-tf::-webkit-input-placeholder { /* WebKit browsers */ color: #3B7694; } .UL .ul-tf::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #3B7694; } .UL .ul-tf.w-lg { width: 354px; } .UL .ul-tf.w-md { width: 224px; } .UL .ul-tf.w-sm { width: 112px; } .UL .ul-tf.w-xsm { width: 60px; } .UL .ul-tf.w-lg { width: 354px; } .UL .ul-tf.w-md { width: 224px; } .UL .ul-tf.w-sm { width: 112px; } .UL .ul-tf.w-xsm { width: 60px; } .UL .ul-tf.error { border-color: #C2445C; background: rgba(194, 68, 92, 0.2); } .UL .ul-tf.success { border-color: #4caf50; background: rgba(76, 175, 80, 0.2); } .UL .ul-tf:invalid { box-shadow: none; } .UL .ul-ta { background: transparent; border: 2px solid rgba(59, 118, 148, 0.75); color: #DAE1E6; font: 14px/21px 'Avenir Next W10 Regular'; height: 36px; outline: none !important; padding: 8px 8px 7px; margin: 0 10px; width: 100%; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: background, border, opacity; transition-property: background, border, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); padding: 9px 8px; font-size: 12px; line-height: 14px; height: 78px; resize: none; -webkit-margin-after: -4px; } .UL .ul-ta:first-of-type { margin-left: 0; } .UL .ul-ta:last-of-type { margin-right: 0; } .UL .ul-ta:hover { border-color: #3B7694; } .UL .ul-ta:focus { border-color: #338FFF; background: rgba(51, 143, 255, 0.2); } .UL .ul-ta[disabled], .UL .ul-ta.disabled { background: rgba(27, 79, 107, 0.33); border-color: transparent; color: #1B4F6B; -webkit-text-fill-color: #1B4F6B; cursor: not-allowed; } .UL .ul-ta[disabled]::-webkit-input-placeholder, .UL .ul-ta.disabled::-webkit-input-placeholder { /* WebKit browsers */ color: #1B4F6B; } .UL .ul-ta[disabled]::-moz-placeholder, .UL .ul-ta.disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1B4F6B; } .UL .ul-ta::-webkit-input-placeholder { /* WebKit browsers */ color: #3B7694; } .UL .ul-ta::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #3B7694; } .UL .ul-ta.error { border-color: #C2445C; background: rgba(194, 68, 92, 0.2); } .UL .ul-ta.success { border-color: #4caf50; background: rgba(76, 175, 80, 0.2); } .UL .ul-ta::-webkit-input-placeholder { /* WebKit browsers */ padding-top: 1px; font-size: 14px; } .UL .ul-ta::-moz-placeholder { /* Mozilla Firefox 19+ */ padding-top: 1px; font-size: 14px; } .UL .ul-ta.w-lg { width: 354px; } .UL .ul-ta.w-md { width: 224px; } .UL .ul-ta.h-sm { height: 50px; } .UL .ul-ta.h-lg { height: 106px; } .UL .ul-ta:invalid { box-shadow: none; } .UL .ul-form-icon-left, .UL .ul-form-icon-right { display: inline-block; margin: 0 10px; position: relative; } .UL .ul-form-icon-left [class^='icon-content-'], .UL .ul-form-icon-right [class^='icon-content-'], .UL .ul-form-icon-left [class*=' icon-content-'], .UL .ul-form-icon-right [class*=' icon-content-'] { font-size: 16px; color: rgba(59, 118, 148, 0.75); margin-top: -8px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-pointer-events: none; pointer-events: none; position: absolute; top: 50%; } .UL .ul-form-icon-left .ul-ta, .UL .ul-form-icon-right .ul-ta, .UL .ul-form-icon-left .ul-tf, .UL .ul-form-icon-right .ul-tf { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } .UL .ul-form-icon-left .ul-ta:hover:not([disabled]) + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta:hover:not([disabled]) + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf:hover:not([disabled]) + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf:hover:not([disabled]) + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta:hover:not([disabled]) + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta:hover:not([disabled]) + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf:hover:not([disabled]) + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf:hover:not([disabled]) + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-ta:hover:not(.disabled) + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta:hover:not(.disabled) + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf:hover:not(.disabled) + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf:hover:not(.disabled) + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta:hover:not(.disabled) + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta:hover:not(.disabled) + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf:hover:not(.disabled) + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf:hover:not(.disabled) + [class*=" icon-content-"] { color: #3B7694; } .UL .ul-form-icon-left .ul-ta[disabled] + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta[disabled] + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf[disabled] + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf[disabled] + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta[disabled] + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta[disabled] + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf[disabled] + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf[disabled] + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-ta.disabled + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta.disabled + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf.disabled + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf.disabled + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta.disabled + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta.disabled + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf.disabled + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf.disabled + [class*=" icon-content-"] { opacity: 0.33; } .UL .ul-form-icon-left .ul-ta:focus + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta:focus + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf:focus + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf:focus + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta:focus + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta:focus + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf:focus + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf:focus + [class*=" icon-content-"] { color: #FFFFFF !important; } .UL .ul-form-icon-left .ul-ta.error + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta.error + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf.error + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf.error + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta.error + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta.error + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf.error + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf.error + [class*=" icon-content-"] { color: #C2445C !important; } .UL .ul-form-icon-left .ul-ta.success + [class^="icon-content-"], .UL .ul-form-icon-right .ul-ta.success + [class^="icon-content-"], .UL .ul-form-icon-left .ul-tf.success + [class^="icon-content-"], .UL .ul-form-icon-right .ul-tf.success + [class^="icon-content-"], .UL .ul-form-icon-left .ul-ta.success + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-ta.success + [class*=" icon-content-"], .UL .ul-form-icon-left .ul-tf.success + [class*=" icon-content-"], .UL .ul-form-icon-right .ul-tf.success + [class*=" icon-content-"] { color: #4caf50 !important; } .UL .ul-form-icon-left:first-of-type, .UL .ul-form-icon-right:first-of-type { margin-left: 0; } .UL .ul-form-icon-left:last-of-type, .UL .ul-form-icon-right:last-of-type { margin-right: 0; } .UL .ul-form-icon-left .ul-ta, .UL .ul-form-icon-left .ul-tf { padding-left: 38px; } .UL .ul-form-icon-left [class^="icon-content-"], .UL .ul-form-icon-left [class*=" icon-content-"] { left: 12px; } .UL .ul-form-icon-right .ul-ta, .UL .ul-form-icon-right .ul-tf { padding-right: 38px; } .UL .ul-form-icon-right [class^="icon-content-"], .UL .ul-form-icon-right [class*=" icon-content-"] { right: 12px; } @-moz-document url-prefix() { .UL .ul-ta { margin-bottom: -2px !important; } } @supports (-moz-osx-font-smoothing:auto) { .UL .ul-ta { margin-bottom: -1px !important; } } .UL.UL-lightBG .ul-tf { border: 2px solid rgba(141, 168, 184, 0.5); color: #1C2A33; font-family: 'Avenir Next'; } .UL.UL-lightBG .ul-tf:hover { border-color: rgba(141, 168, 184, 0.75); } .UL.UL-lightBG .ul-tf:focus { border-color: #338FFF; background: rgba(51, 143, 255, 0.2); } .UL.UL-lightBG .ul-tf[disabled], .UL.UL-lightBG .ul-tf.disabled { background: rgba(141, 168, 184, 0.2); border-color: transparent; color: #acc0cc; -webkit-text-fill-color: #acc0cc; } .UL.UL-lightBG .ul-tf[disabled]::-webkit-input-placeholder, .UL.UL-lightBG .ul-tf.disabled::-webkit-input-placeholder { /* WebKit browsers */ color: #acc0cc; } .UL.UL-lightBG .ul-tf[disabled]::-moz-placeholder, .UL.UL-lightBG .ul-tf.disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #acc0cc; } .UL.UL-lightBG .ul-tf::-webkit-input-placeholder { /* WebKit browsers */ color: #8DA8B8; } .UL.UL-lightBG .ul-tf::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8DA8B8; } .UL.UL-lightBG .ul-tf.error { border-color: #C2445C; background: rgba(194, 68, 92, 0.2); } .UL.UL-lightBG .ul-tf.success { border-color: #4caf50; background: rgba(76, 175, 80, 0.2); } .UL.UL-lightBG .ul-ta { border: 2px solid rgba(141, 168, 184, 0.5); color: #1C2A33; font-family: 'Avenir Next'; } .UL.UL-lightBG .ul-ta:hover { border-color: rgba(141, 168, 184, 0.75); } .UL.UL-lightBG .ul-ta:focus { border-color: #338FFF; background: rgba(51, 143, 255, 0.2); } .UL.UL-lightBG .ul-ta[disabled], .UL.UL-lightBG .ul-ta.disabled { background: rgba(141, 168, 184, 0.2); border-color: transparent; color: #acc0cc; -webkit-text-fill-color: #acc0cc; } .UL.UL-lightBG .ul-ta[disabled]::-webkit-input-placeholder, .UL.UL-lightBG .ul-ta.disabled::-webkit-input-placeholder { /* WebKit browsers */ color: #acc0cc; } .UL.UL-lightBG .ul-ta[disabled]::-moz-placeholder, .UL.UL-lightBG .ul-ta.disabled::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #acc0cc; } .UL.UL-lightBG .ul-ta::-webkit-input-placeholder { /* WebKit browsers */ color: #8DA8B8; } .UL.UL-lightBG .ul-ta::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8DA8B8; } .UL.UL-lightBG .ul-ta.error { border-color: #C2445C; background: rgba(194, 68, 92, 0.2); } .UL.UL-lightBG .ul-ta.success { border-color: #4caf50; background: rgba(76, 175, 80, 0.2); } .UL.UL-lightBG .ul-form-icon-left [class^='icon-content-'], .UL.UL-lightBG .ul-form-icon-right [class^='icon-content-'], .UL.UL-lightBG .ul-form-icon-left [class*=' icon-content-'], .UL.UL-lightBG .ul-form-icon-right [class*=' icon-content-'] { color: rgba(141, 168, 184, 0.5); } .UL.UL-lightBG .ul-form-icon-left .ul-ta:hover:not([disabled]) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta:hover:not([disabled]) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf:hover:not([disabled]) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf:hover:not([disabled]) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-ta:hover:not([disabled]) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta:hover:not([disabled]) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf:hover:not([disabled]) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf:hover:not([disabled]) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-ta:hover:not(.disabled) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta:hover:not(.disabled) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf:hover:not(.disabled) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf:hover:not(.disabled) + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-ta:hover:not(.disabled) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta:hover:not(.disabled) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf:hover:not(.disabled) + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf:hover:not(.disabled) + [class*=" icon-content-"] { color: rgba(141, 168, 184, 0.75); } .UL.UL-lightBG .ul-form-icon-left .ul-ta:focus + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta:focus + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf:focus + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf:focus + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-ta:focus + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta:focus + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf:focus + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf:focus + [class*=" icon-content-"] { color: #8DA8B8 !important; } .UL.UL-lightBG .ul-form-icon-left .ul-ta.error + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta.error + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf.error + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf.error + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-ta.error + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta.error + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf.error + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf.error + [class*=" icon-content-"] { color: #C2445C !important; } .UL.UL-lightBG .ul-form-icon-left .ul-ta.success + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta.success + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf.success + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf.success + [class^="icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-ta.success + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-ta.success + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-left .ul-tf.success + [class*=" icon-content-"], .UL.UL-lightBG .ul-form-icon-right .ul-tf.success + [class*=" icon-content-"] { color: #4caf50 !important; } .UL .ul-checkbox-switch, .UL .ul-checkbox, .UL .ul-radio { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; line-height: 18px; position: relative; text-align: left; } .ul-os-mac .UL .ul-checkbox-switch, .ul-os-mac .UL .ul-checkbox, .ul-os-mac .UL .ul-radio { bottom: -1px; } .ul-os-mac .ul-popup-body .UL .ul-checkbox-switch, .ul-os-mac .ul-popup-body .UL .ul-checkbox, .ul-os-mac .ul-popup-body .UL .ul-radio { bottom: auto; } .UL .ul-checkbox-switch .ul-fake-input-text, .UL .ul-checkbox .ul-fake-input-text, .UL .ul-radio .ul-fake-input-text { display: block; cursor: pointer; color: #3B7694; font: 12px 'Avenir Next'; text-transform: none !important; vertical-align: baseline; padding-left: 30px; margin-top: -16px; word-wrap: break-word; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-checkbox-switch .ul-fake-input-text img, .UL .ul-checkbox .ul-fake-input-text img, .UL .ul-radio .ul-fake-input-text img { max-height: 24px; margin: -5px 8px 0 0; } .UL .ul-checkbox-switch .ul-fake-input-text span, .UL .ul-checkbox .ul-fake-input-text span, .UL .ul-radio .ul-fake-input-text span { line-height: 12px; vertical-align: top; padding-right: 8px; } .UL .ul-checkbox-switch:hover .ul-fake-input-text, .UL .ul-checkbox:hover .ul-fake-input-text, .UL .ul-radio:hover .ul-fake-input-text { color: #5d9ebe; } .UL .ul-checkbox-switch:hover .ul-fake-input, .UL .ul-checkbox:hover .ul-fake-input, .UL .ul-radio:hover .ul-fake-input { border-color: #3B7694; } .UL .ul-checkbox-switch .ul-fake-input, .UL .ul-checkbox .ul-fake-input, .UL .ul-radio .ul-fake-input { margin-top: -3px; cursor: pointer; border: 2px solid rgba(59, 118, 148, 0.75); display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 18px; margin-right: 8px; text-align: center; font-size: 9px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition-property: background, border; transition-property: background, border; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-checkbox-switch input, .UL .ul-checkbox input, .UL .ul-radio input { opacity: 0; position: absolute; z-index: -1; } .UL .ul-checkbox-switch input:checked + .ul-fake-input, .UL .ul-checkbox input:checked + .ul-fake-input, .UL .ul-radio input:checked + .ul-fake-input { background: #338FFF; border-color: transparent; } .UL .ul-checkbox-switch input:checked + .ul-fake-input + .ul-fake-input-text, .UL .ul-checkbox input:checked + .ul-fake-input + .ul-fake-input-text, .UL .ul-radio input:checked + .ul-fake-input + .ul-fake-input-text { color: #DAE1E6; } .UL .ul-checkbox-switch input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL .ul-checkbox input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL .ul-radio input:checked:hover + .ul-fake-input + .ul-fake-input-text { color: #FFFFFF; } .UL .ul-checkbox-switch[disabled], .UL .ul-checkbox[disabled], .UL .ul-radio[disabled] { -webkit-pointer-events: none; pointer-events: none; } .UL .ul-checkbox-switch[disabled] .ul-fake-input-text, .UL .ul-checkbox[disabled] .ul-fake-input-text, .UL .ul-radio[disabled] .ul-fake-input-text { color: #1B4F6B !important; } .UL .ul-checkbox-switch[disabled] .ul-fake-input, .UL .ul-checkbox[disabled] .ul-fake-input, .UL .ul-radio[disabled] .ul-fake-input { border-color: #263845; } .UL .ul-checkbox-switch[disabled] input:checked + .ul-fake-input, .UL .ul-checkbox[disabled] input:checked + .ul-fake-input, .UL .ul-radio[disabled] input:checked + .ul-fake-input { background: #263845; border-color: transparent; } .UL .ul-checkbox-switch[disabled] input:checked + .ul-fake-input:after, .UL .ul-checkbox[disabled] input:checked + .ul-fake-input:after, .UL .ul-radio[disabled] input:checked + .ul-fake-input:after { background: #1B4F6B; color: #1B4F6B; } .UL .ul-checkbox .ul-fake-input:after { background: none !important; display: inline-block; position: absolute; top: -1px; left: -1px; opacity: 0; width: 100%; height: 100%; color: #FFFFFF; text-align: center; font-size: 16px; font-family: 'ukit'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e609"; } .UL .ul-checkbox input { opacity: 0; position: absolute; z-index: -1; } .UL .ul-checkbox input:checked + .ul-fake-input:after { opacity: 1; } .UL .ul-checkbox-switch { position: relative; display: block; } .UL .ul-checkbox-switch:hover .ul-fake-input:after { background: #4b93b7; } .UL .ul-checkbox-switch.opposite { bottom: 0 !important; min-height: 18px; vertical-align: top; clear: both; padding-top: 3px; } .UL .ul-checkbox-switch.opposite:after { content: " "; clear: both; display: table; } .UL .ul-checkbox-switch.opposite .ul-fake-input { float: right; margin-right: 0; } .UL .ul-checkbox-switch.opposite .ul-fake-input-text { display: inline-block; padding-right: 42px; padding-left: 0; width: 100%; float: left; } .UL .ul-checkbox-switch .ul-fake-input-text { padding-left: 42px; } .UL .ul-checkbox-switch .ul-fake-input { width: 30px; -webkit-border-radius: 10px; border-radius: 10px; } .UL .ul-checkbox-switch .ul-fake-input:after { background: #3B7694; content: ""; display: inline-block; height: 10px; width: 10px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition-property: background, left; transition-property: background, left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); position: absolute; top: 2px; left: 2px; } .UL .ul-checkbox-switch input { opacity: 0; position: absolute; z-index: -1; } .UL .ul-checkbox-switch input:checked + .ul-fake-input:after { background: #FFFFFF; left: 14px; } .UL .ul-checkbox-switch[disabled] .ul-fake-input:after { background: #263845; } .UL .ul-radio .ul-fake-input { -webkit-border-radius: 50%; border-radius: 50%; } .UL .ul-radio .ul-fake-input:after { display: inline-block; vertical-align: middle; position: absolute; content: ""; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; } .UL .ul-radio input { opacity: 0; position: absolute; z-index: -1; } .UL .ul-radio input:checked + .ul-fake-input:after { opacity: 1; } .UL.UL-lightBG .ul-checkbox-switch .ul-fake-input-text, .UL.UL-lightBG .ul-checkbox .ul-fake-input-text, .UL.UL-lightBG .ul-radio .ul-fake-input-text { color: #8DA8B8; } .UL.UL-lightBG .ul-checkbox-switch:hover .ul-fake-input-text, .UL.UL-lightBG .ul-checkbox:hover .ul-fake-input-text, .UL.UL-lightBG .ul-radio:hover .ul-fake-input-text { color: #6e90a4; } .UL.UL-lightBG .ul-checkbox-switch:hover .ul-fake-input, .UL.UL-lightBG .ul-checkbox:hover .ul-fake-input, .UL.UL-lightBG .ul-radio:hover .ul-fake-input { border: 2px solid rgba(141, 168, 184, 0.75); } .UL.UL-lightBG .ul-checkbox-switch .ul-fake-input, .UL.UL-lightBG .ul-checkbox .ul-fake-input, .UL.UL-lightBG .ul-radio .ul-fake-input { border-color: rgba(141, 168, 184, 0.5); } .UL.UL-lightBG .ul-checkbox-switch input:checked + .ul-fake-input, .UL.UL-lightBG .ul-checkbox input:checked + .ul-fake-input, .UL.UL-lightBG .ul-radio input:checked + .ul-fake-input { background: #338FFF; border-color: transparent; } .UL.UL-lightBG .ul-checkbox-switch input:checked + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG .ul-checkbox input:checked + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG .ul-radio input:checked + .ul-fake-input + .ul-fake-input-text { color: #1C2A33; } .UL.UL-lightBG .ul-checkbox-switch input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG .ul-checkbox input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG .ul-radio input:checked:hover + .ul-fake-input + .ul-fake-input-text { color: #09181F; } .UL.UL-lightBG .ul-checkbox-switch[disabled], .UL.UL-lightBG .ul-checkbox[disabled], .UL.UL-lightBG .ul-radio[disabled] { -webkit-pointer-events: none; pointer-events: none; } .UL.UL-lightBG .ul-checkbox-switch[disabled] .ul-fake-input-text, .UL.UL-lightBG .ul-checkbox[disabled] .ul-fake-input-text, .UL.UL-lightBG .ul-radio[disabled] .ul-fake-input-text { color: #acc0cc !important; } .UL.UL-lightBG .ul-checkbox-switch[disabled] .ul-fake-input, .UL.UL-lightBG .ul-checkbox[disabled] .ul-fake-input, .UL.UL-lightBG .ul-radio[disabled] .ul-fake-input { border-color: rgba(141, 168, 184, 0.2); } .UL.UL-lightBG .ul-checkbox-switch[disabled] input:checked + .ul-fake-input, .UL.UL-lightBG .ul-checkbox[disabled] input:checked + .ul-fake-input, .UL.UL-lightBG .ul-radio[disabled] input:checked + .ul-fake-input { background: rgba(141, 168, 184, 0.2); border-color: transparent; } .UL.UL-lightBG .ul-checkbox-switch[disabled] input:checked + .ul-fake-input:after, .UL.UL-lightBG .ul-checkbox[disabled] input:checked + .ul-fake-input:after, .UL.UL-lightBG .ul-radio[disabled] input:checked + .ul-fake-input:after { background: #acc0cc; color: #acc0cc; } .UL.UL-lightBG .ul-checkbox .ul-fake-input:after { color: #FFFFFF; } .UL.UL-lightBG .ul-checkbox-switch:hover .ul-fake-input:after { background: #8DA8B8; } .UL.UL-lightBG .ul-checkbox-switch .ul-fake-input:after { background: rgba(141, 168, 184, 0.5); } .UL.UL-lightBG .ul-checkbox-switch input:checked + .ul-fake-input:after { background: #FFFFFF; left: 14px; } .UL.UL-lightBG .ul-checkbox-switch[disabled] .ul-fake-input:after { background: #acc0cc; } .UL.UL-lightBG .ul-radio .ul-fake-input:after { background: #FFFFFF; } .UL .ul-range { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range--visible { opacity: 1; } .UL .ul-range__title { color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .UL .ul-range__val-wrap { float: right; margin: 0 0 0 5px; white-space: nowrap; } .UL .ul-range__val-wrap--accurate { margin-right: -2px; } .UL .ul-range__val { vertical-align: middle; color: #8DA8B8; font-weight: normal; font-family: 'Avenir Next W10 Regular'; font-size: 14px; line-height: 18px; text-transform: none; color: #DAE1E6; } .UL .ul-range__plus, .UL .ul-range__minus { color: #1B4F6B; cursor: pointer; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range__plus:hover, .UL .ul-range__minus:hover { color: #DAE1E6; } .UL .ul-range__plus:active, .UL .ul-range__minus:active { color: #263845; } .UL .ul-range__plus { margin-left: 5px; } .UL .ul-range__minus { margin-right: 8px; } .UL .ul-range__element { clear: both; padding: 16px 0; position: relative; } .UL .ul-range__element__line { position: relative; height: 4px; background: #263845; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range__element__line:before, .UL .ul-range__element__line:after { content: ""; position: absolute; top: 0; height: 100%; width: 2px; background: inherit; } .UL .ul-range__element__line:before { left: -2px; border-radius: 2px 0 0 2px; } .UL .ul-range__element__line:after { right: -2px; border-radius: 0 2px 2px 0; } .UL .ul-range__element__line:hover { background: #2f4555; } .UL .ul-range__element__line__clickable { position: absolute; z-index: 1; left: -2px; right: -3px; top: -8px; bottom: -8px; cursor: pointer; } .UL .ul-range__element__line--filled { position: relative; height: 4px; margin-top: -4px; background: #338FFF; width: 50%; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range__element__line--filled:hover { background: #4d9dff; } .UL .ul-range__element__line--filled:before, .UL .ul-range__element__line--filled:after { content: ""; position: absolute; top: 0; height: 100%; width: 2px; background: inherit; } .UL .ul-range__element__line--filled:before { left: -2px; border-radius: 2px 0 0 2px; } .UL .ul-range__element__line--filled:after { right: -2px; border-radius: 0 2px 2px 0; } .UL .ul-range__element__line:hover + .ul-range__element__line--filled { background: #4d9dff; } .UL .ul-range__element__handle { position: absolute; z-index: 1; width: 0; height: 0; left: 50%; top: 50%; cursor: pointer; cursor: -webkit-grab; color: #DAE1E6; background: #DAE1E6; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range__element__handle:hover { color: #FFFFFF; background: #FFFFFF; } .UL .ul-range__element__handle:active { color: #8DA8B8; background: #8DA8B8; } .UL .ul-range__element__handle:after { content: ""; position: absolute; width: 16px; height: 16px; left: 50%; top: 50%; margin: -8px 0 0 -8px; background: inherit; border-radius: 50%; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range--with-points .ul-range__element__line__clickable { bottom: -16px; } .UL .ul-range--with-points .ul-range__element__handle:after { content: ""; position: absolute; width: 14px; height: 16px; left: 50%; top: 50%; margin: -10px 0 0 -7px; border-radius: 2px 2px 1px 1px; } .UL .ul-range--with-points .ul-range__element__handle:before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; margin: 6px 0 0 -7px; border: 7px solid transparent; border-top-color: inherit; -webkit-transition-property: border; transition-property: border; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range__points { position: relative; margin-top: -8px; height: 6px; } .UL .ul-range__points__point { position: absolute; width: 2px; height: 6px; background: #263845; margin: 0 0 0 -1px; } .UL .ul-range__numbers { position: relative; height: 14px; margin-top: 6px; font: bold 10px/14px 'Avenir Next'; color: #1B4F6B; text-align: center; } .UL .ul-range__numbers__number { position: absolute; width: 20px; margin: 0 0 0 -10px; } .UL .ul-range--dragging .ul-range__element__line--filled, .UL .ul-range--dragging .ul-range__element__handle { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range--dragging .ul-range__element__handle, .UL .ul-range--dragging .ul-range__element__line__clickable { cursor: -webkit-grabbing; } .UL .ul-range-vertical { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); position: absolute; height: 100%; padding: 30px 0; display: inline-block; /*&:before, &:after { position: absolute; height: 20px; width: 20px; font-size: 14px; left: 9px; font-family: 'ukit'; text-align: center; opacity: 0.8; color: @colorWhite; }*/ /*&:before { top: 0; content: '\e617'; } &:after { bottom: 0; content: '\e617'; }*/ } .UL .ul-range-vertical:before:hover, .UL .ul-range-vertical:after:hover { opacity: 1; font-size: 16px; cursor: pointer; } .UL .ul-range-vertical--visible { opacity: 1; } .UL .ul-range-vertical__title { color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*display: none;*/ } .UL .ul-range-vertical__val-wrap { /*position: absolute;*/ /*bottom: 0;*/ /*left: 30px;*/ margin: 0 0 0 5px; white-space: nowrap; /*display: none;*/ } .UL .ul-range-vertical__val-wrap--accurate { margin-right: -2px; } .UL .ul-range-vertical__val { vertical-align: middle; color: #8DA8B8; font-weight: normal; font-family: 'Avenir Next W10 Regular'; font-size: 14px; line-height: 18px; text-transform: none; color: #DAE1E6; } .UL .ul-range-vertical__plus, .UL .ul-range-vertical__minus { color: #1B4F6B; cursor: pointer; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range-vertical__plus:hover, .UL .ul-range-vertical__minus:hover { color: #DAE1E6; } .UL .ul-range-vertical__plus:active, .UL .ul-range-vertical__minus:active { color: #263845; } .UL .ul-range-vertical__plus { margin-left: 5px; } .UL .ul-range-vertical__minus { margin-right: 8px; } .UL .ul-range-vertical__element { clear: both; padding: 0 16px; position: relative; height: 100%; } .UL .ul-range-vertical__element .ul-range-vertical__element__line.lineWhite { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 0.75; background: #FFFFFF; } .UL .ul-range-vertical__element:hover .ul-range-vertical__element__line.lineWhite { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; } .UL .ul-range-vertical__element__line { position: relative; height: 100%; width: 4px; background: #263845; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range-vertical__element__line:before, .UL .ul-range-vertical__element__line:after { content: ""; position: absolute; left: 0; height: 2px; width: 100%; background: inherit; } .UL .ul-range-vertical__element__line:before { top: -2px; border-radius: 2px 2px 0 0; } .UL .ul-range-vertical__element__line:after { bottom: -2px; border-radius: 0 0 2px 2px; } .UL .ul-range-vertical__element__line:hover { background: #2f4555; } .UL .ul-range-vertical__element__line__clickable { position: absolute; z-index: 1; left: -6px; right: -6px; top: -2px; bottom: -2px; cursor: pointer; } .UL .ul-range-vertical__element__line--filled { bottom: 0; position: absolute; width: 4px; background: #338FFF; height: 50%; opacity: 1; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range-vertical__element__line--filled:hover { background: #4d9dff; } .UL .ul-range-vertical__element__line--filled:before, .UL .ul-range-vertical__element__line--filled:after { content: ""; position: absolute; left: 0; height: 2px; width: 100%; background: inherit; } .UL .ul-range-vertical__element__line--filled:before { top: -2px; border-radius: 2px 2px 0 0; } .UL .ul-range-vertical__element__line--filled:after { bottom: -2px; border-radius: 0 0 2px 2px; } .UL .ul-range-vertical__element__line--filled.filledWhite { opacity: 0; } .UL .ul-range-vertical__element__line:hover + .ul-range-vertical__element__line--filled { background: #4d9dff; } .UL .ul-range-vertical__element__handle { position: absolute; z-index: 1; width: 0; height: 0; top: 50%; cursor: pointer; cursor: -webkit-grab; color: #DAE1E6; background: #DAE1E6; -webkit-transition-property: top; transition-property: top; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range-vertical__element__handle:hover { color: #FFFFFF; background: #FFFFFF; } .UL .ul-range-vertical__element__handle:active { color: #8DA8B8; background: #8DA8B8; } .UL .ul-range-vertical__element__handle:after { content: ""; position: absolute; width: 16px; height: 16px; top: 50%; left: 2px; margin: -8px 0 0 -8px; background: inherit; border-radius: 50%; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); } .UL .ul-range-vertical__element__handle.handleWhite { color: #FFFFFF; background: #FFFFFF; } .UL .ul-range-vertical__element__handle.handleWhite:hover { color: #DAE1E6; background: #DAE1E6; } .UL .ul-range-vertical__element__handle.handleWhite:active { color: #acbcc7; background: #acbcc7; } .UL .ul-range-vertical__element__handle.handleWhite:after { width: 20px; height: 20px; margin: -10px 0 0 -10px; } .UL .ul-range-vertical--with-points .ul-range-vertical__element__line__clickable { bottom: -16px; } .UL .ul-range-vertical--with-points .ul-range-vertical__element__handle:after { content: ""; position: absolute; width: 16px; height: 14px; left: 50%; top: 50%; margin: -10px 0 0 -7px; border-radius: 2px 1px 1px 2px; } .UL .ul-range-vertical--with-points .ul-range-vertical__element__handle:before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; margin: -9px 0 0 8px; border: 7px solid transparent; border-left-color: inherit; -webkit-transition-property: border; transition-property: border; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range-vertical__points { position: absolute; width: 6px; top: 30px; left: 30px; height: calc(100% - 60px); } .UL .ul-range-vertical__points__point { position: absolute; width: 6px; height: 2px; background: #263845; } .UL .ul-range-vertical__numbers { position: absolute; width: 14px; font: bold 10px/14px 'Avenir Next'; color: #1B4F6B; text-align: center; top: 25px; left: 50px; height: calc(100% - 60px); } .UL .ul-range-vertical__numbers__number { position: absolute; width: 20px; } .UL .ul-range-vertical--dragging .ul-range-vertical__element__line--filled, .UL .ul-range-vertical--dragging .ul-range-vertical__element__handle { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-range-vertical--dragging .ul-range-vertical__element__handle, .UL .ul-range-vertical--dragging .ul-range-vertical__element__line__clickable { cursor: -webkit-grabbing; } .UL .ul-select { display: inline-block; position: relative; margin: 0 10px; width: 100%; } .UL .ul-select:first-of-type { margin-left: 0; } .UL .ul-select:last-of-type { margin-right: 0; } .UL .ul-select.w-lg { width: 354px; } .UL .ul-select.w-md { width: 224px; } .UL .ul-select.w-sm { width: 112px; } .UL .ul-select.w-xsm { width: 60px; } .UL .ul-select.w-lg { width: 354px; } .UL .ul-select.w-md { width: 224px; } .UL .ul-select.w-sm { width: 112px; } .UL .ul-select.w-xsm { width: 60px; } .UL .ul-select.w-auto { width: auto; } .UL .ul-select.w-auto select { width: auto; } .UL .ul-select:after { color: #3B7694; display: inline-block; font-size: 16px; position: absolute; top: 10px; right: 10px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); font-family: 'ukit'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select:hover:after { color: #7094A7; } .UL .ul-select:hover select { border-color: #3B7694; } .UL .ul-select[disabled] { cursor: not-allowed; } .UL .ul-select[disabled]:after { color: #1B4F6B; } .UL .ul-select[disabled] select { background: rgba(27, 79, 107, 0.33); border-color: transparent; cursor: not-allowed; text-shadow: 0 0 0 #1B4F6B !important; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select[disabled] option { color: #1B4F6B !important; } .UL .ul-select select { background: transparent; border: 2px solid rgba(59, 118, 148, 0.75); font: 14px/21px 'Avenir Next W10 Regular'; height: 36px; outline: none !important; padding: 1px 30px 0 5px; -moz-padding-start: 4px; white-space: nowrap; width: 100%; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: background, border, opacity; transition-property: background, border, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); overflow: hidden; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #DAE1E6; } .ul-os-mac .UL .ul-select select { padding: 1px 30px 0 8px; -moz-padding-start: 4px; } .UL .ul-select select::-ms-expand { display: none; } .UL .ul-select select::-ms-value { background: none; } .UL .ul-select select optgroup { color: #000000; } .UL .ul-select select option { padding: 0; background: #FFFFFF; color: #000000; } .UL .ul-select-link { display: inline-block; position: relative; margin: 0 10px; width: 100%; width: auto; } .UL .ul-select-link:first-of-type { margin-left: 0; } .UL .ul-select-link:last-of-type { margin-right: 0; } .UL .ul-select-link:after { color: #3B7694; display: inline-block; font-size: 16px; position: absolute; top: 11px; right: -2px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); font-family: 'ukit'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-pointer-events: none; pointer-events: none; } .ul-os-mac .UL .ul-select-link:after { right: 3px; -moz-padding-start: 2px; } .UL .ul-select-link .js-fake-span { display: none; font: 12px/21px 'Avenir Next'; position: absolute; white-space: nowrap; } .UL .ul-select-link:hover:after { color: #7094A7; } .UL .ul-select-link:hover select { text-shadow: 0 0 0 #5d9ebe; } .UL .ul-select-link[disabled] { cursor: not-allowed; opacity: 0.33; } .UL .ul-select-link[disabled]:after { color: #3B7694; } .UL .ul-select-link[disabled] select { cursor: not-allowed; text-shadow: 0 0 0 #3B7694 !important; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-link[disabled] option { color: #1B4F6B !important; } .UL .ul-select-link select { background: transparent; border: 0; font: 12px/21px 'Avenir Next'; height: 36px; outline: none !important; width: auto; margin-left: -3px; -webkit-transition-property: text-shadow; transition-property: text-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); overflow: hidden; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #3B7694; } .ul-os-mac .UL .ul-select-link select { margin-left: -3px; } .UL .ul-select-link select::-ms-expand { display: none; } .UL .ul-select-link select::-ms-value { background: none; } .UL .ul-select-link select optgroup { color: #000000; } .UL .ul-select-link select option { padding: 0; background: #FFFFFF; color: #000000; } .UL .ul-select-link-white select { overflow: hidden; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #DAE1E6; } .UL .ul-select-link-white select::-ms-expand { display: none; } .UL .ul-select-link-white select::-ms-value { background: none; } .UL .ul-select-link-white select optgroup { color: #000000; } .UL .ul-select-link-white select option { padding: 0; background: #FFFFFF; color: #000000; } .UL .ul-select-button { display: inline-block; position: relative; cursor: pointer; margin: 0 10px; } .UL .ul-select-button:first-of-type { margin-left: 0; } .UL .ul-select-button:last-of-type { margin-right: 0; } .UL .ul-select-button:hover .ul-select-button-text { color: #80c883; } .UL .ul-select-button[disabled] { opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-button .ul-select-button-text { background: none; border: none; color: #4caf50; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0; outline: none; padding: 2px 0; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-select-button .ul-select-button-text [class^="icon-content-"], .UL .ul-select-button .ul-select-button-text [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-select-button select { width: 100%; height: 36px; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .UL .ul-select-button-blue { display: inline-block; position: relative; cursor: pointer; margin: 0 10px; } .UL .ul-select-button-blue:first-of-type { margin-left: 0; } .UL .ul-select-button-blue:last-of-type { margin-right: 0; } .UL .ul-select-button-blue:hover .ul-select-button-text { color: #80b9ff; } .UL .ul-select-button-blue[disabled] { opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-button-blue .ul-select-button-text { background: none; border: none; color: #338FFF; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0; outline: none; padding: 2px 0; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-select-button-blue .ul-select-button-text [class^="icon-content-"], .UL .ul-select-button-blue .ul-select-button-text [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-select-button-blue select { width: 100%; height: 36px; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .UL .ul-select-button-red { display: inline-block; position: relative; cursor: pointer; margin: 0 10px; } .UL .ul-select-button-red:first-of-type { margin-left: 0; } .UL .ul-select-button-red:last-of-type { margin-right: 0; } .UL .ul-select-button-red:hover .ul-select-button-text { color: #d57e8e; } .UL .ul-select-button-red[disabled] { opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-button-red .ul-select-button-text { background: none; border: none; color: #C2445C; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0; outline: none; padding: 2px 0; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-select-button-red .ul-select-button-text [class^="icon-content-"], .UL .ul-select-button-red .ul-select-button-text [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-select-button-red select { width: 100%; height: 36px; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .UL .ul-select-button-yellow { display: inline-block; position: relative; cursor: pointer; margin: 0 10px; } .UL .ul-select-button-yellow:first-of-type { margin-left: 0; } .UL .ul-select-button-yellow:last-of-type { margin-right: 0; } .UL .ul-select-button-yellow:hover .ul-select-button-text { color: #ffdb4d; } .UL .ul-select-button-yellow[disabled] { opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-button-yellow .ul-select-button-text { background: none; border: none; color: #FFCC00; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0; outline: none; padding: 2px 0; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-select-button-yellow .ul-select-button-text [class^="icon-content-"], .UL .ul-select-button-yellow .ul-select-button-text [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-select-button-yellow select { width: 100%; height: 36px; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .UL .ul-select-button-purple { display: inline-block; position: relative; cursor: pointer; margin: 0 10px; } .UL .ul-select-button-purple:first-of-type { margin-left: 0; } .UL .ul-select-button-purple:last-of-type { margin-right: 0; } .UL .ul-select-button-purple:hover .ul-select-button-text { color: #d94fd4; } .UL .ul-select-button-purple[disabled] { opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-button-purple .ul-select-button-text { background: none; border: none; color: #B527B0; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0; outline: none; padding: 2px 0; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-select-button-purple .ul-select-button-text [class^="icon-content-"], .UL .ul-select-button-purple .ul-select-button-text [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-select-button-purple select { width: 100%; height: 36px; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .UL .ul-select-button-small { display: inline-block; position: relative; cursor: pointer; margin: 0 10px; } .UL .ul-select-button-small:first-of-type { margin-left: 0; } .UL .ul-select-button-small:last-of-type { margin-right: 0; } .UL .ul-select-button-small:hover .ul-select-button-text { color: #5d9ebe; } .UL .ul-select-button-small[disabled] { opacity: .33; cursor: not-allowed; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-select-button-small .ul-select-button-text { background: none; border: none; color: #3B7694; cursor: pointer; display: inline-block; font-family: 'Avenir Next'; font-size: 14px; font-weight: normal; height: 36px; line-height: 33px; margin: 0; outline: none; padding: 2px 0; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 6px; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-select-button-small .ul-select-button-text [class^="icon-content-"], .UL .ul-select-button-small .ul-select-button-text [class*=" icon-content-"] { font-size: 16px; vertical-align: middle; padding: 0 8px 3px 0; } .UL .ul-select-button-small select { width: 100%; height: 36px; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .UL .ul-select-button-small .ul-select-button-text { font-size: 12px; } .UL.UL-lightBG .ul-select:after { color: rgba(141, 168, 184, 0.5); } .UL.UL-lightBG .ul-select:hover:after { color: #8DA8B8; } .UL.UL-lightBG .ul-select:hover select { border-color: rgba(141, 168, 184, 0.75); text-shadow: 0 0 0 #1C2A33 !important; } .UL.UL-lightBG .ul-select[disabled]:after { color: rgba(141, 168, 184, 0.5); } .UL.UL-lightBG .ul-select[disabled] select { background: rgba(141, 168, 184, 0.33); border-color: transparent; text-shadow: 0 0 0 rgba(141, 168, 184, 0.5) !important; } .UL.UL-lightBG .ul-select[disabled] option { color: #1B4F6B !important; } .UL.UL-lightBG .ul-select select { font-family: 'Avenir Next'; background: transparent; border: 2px solid rgba(141, 168, 184, 0.5); color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #1C2A33; -webkit-transition-property: background, border, opacity, text-shadow; transition-property: background, border, opacity, text-shadow; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL.UL-lightBG .ul-select select option { background: #FFFFFF; color: #000000; } .UL.UL-lightBG .ul-select-link:after { color: #8DA8B8; } .UL.UL-lightBG .ul-select-link:hover:after { color: #acc0cc; } .UL.UL-lightBG .ul-select-link:hover select { text-shadow: 0 0 0 #bcccd5; } .UL.UL-lightBG .ul-select-link[disabled]:after { color: #ccd8df; } .UL.UL-lightBG .ul-select-link[disabled] select { text-shadow: 0 0 0 #8DA8B8 !important; } .UL.UL-lightBG .ul-select-link[disabled] option { color: #ccd8df !important; } .UL.UL-lightBG .ul-select-link select { color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #8DA8B8; } .UL.UL-lightBG .ul-select-link select option { background: #FFFFFF; color: #000000; } .UL.UL-lightBG .ul-select-button:hover .ul-select-button-text { color: #80c883; } .UL.UL-lightBG .ul-select-button .ul-select-button-text { color: #4caf50; } .UL.UL-lightBG .ul-select-button-blue:hover .ul-select-button-text { color: #80b9ff; } .UL.UL-lightBG .ul-select-button-blue .ul-select-button-text { color: #338FFF; } .UL.UL-lightBG .ul-select-button-red:hover .ul-select-button-text { color: #d57e8e; } .UL.UL-lightBG .ul-select-button-red .ul-select-button-text { color: #C2445C; } .UL.UL-lightBG .ul-select-button-yellow:hover .ul-select-button-text { color: #ffdb4d; } .UL.UL-lightBG .ul-select-button-yellow .ul-select-button-text { color: #FFCC00; } .UL.UL-lightBG .ul-select-button-purple:hover .ul-select-button-text { color: #d94fd4; } .UL.UL-lightBG .ul-select-button-purple .ul-select-button-text { color: #B527B0; } .UL.UL-lightBG .ul-select-button-small:hover .ul-select-button-text { color: #5d9ebe; } .UL.UL-lightBG .ul-select-button-small .ul-select-button-text { color: #3B7694; } .UL .ul-tooltip-wrapper { background: rgba(9, 24, 31, 0.8); color: #FFFFFF; padding: 6px 12px; font: 12px 'Avenir Next W10 Regular'; line-height: 16px; position: absolute; letter-spacing: 0.5px; opacity: 1; max-width: 270px; text-overflow: ellipsis; word-wrap: break-word; word-break: break-word; -webkit-pointer-events: none; pointer-events: none; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); z-index: 9999999; } .UL .ul-tooltip-wrapper.ul-tooltip-wrapper-nowidth { max-width: none; } .UL .ul-tooltip-wrapper ul, .UL .ul-tooltip-wrapper ol { padding: 7px 12px; margin: 0; } .UL .ul-tooltip-wrapper ul li, .UL .ul-tooltip-wrapper ol li { margin-top: 7.5px; margin-bottom: 7.5px; } .UL .ul-tooltip-wrapper .ul-tooltip-arr { height: 0; width: 0; position: absolute; } .UL .ul-tooltip-wrapper .ul-tooltip-arr[data-gravity=left] { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid rgba(9, 24, 31, 0.8); margin-top: -6px; top: 50%; left: -6px; } .UL .ul-tooltip-wrapper .ul-tooltip-arr[data-gravity=right] { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgba(9, 24, 31, 0.8); margin-top: -6px; top: 50%; right: -6px; } .UL .ul-tooltip-wrapper .ul-tooltip-arr[data-gravity=top] { border-bottom: 6px solid rgba(9, 24, 31, 0.8); border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: -6px; top: -6px; left: 50%; } .UL .ul-tooltip-wrapper .ul-tooltip-arr[data-gravity=bottom] { border-top: 6px solid rgba(9, 24, 31, 0.8); border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: -6px; bottom: -6px; left: 50%; } .UL .ul-tooltip-wrapper.ul-tooltip-hidden { opacity: 0; left: 0; top: 0; } .UL .ul-tabs { padding: 0; margin: 0; cursor: default; } .UL .ul-tabs li { display: inline-block; cursor: pointer; margin: 0 12px; border-bottom: 3px solid transparent; color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-tabs li:hover { color: #4b93b7; } .UL .ul-tabs li:active { color: #263845; } .UL .ul-tabs li:first-child { margin-left: 0; } .UL .ul-tabs li:last-child { margin-right: 0; } .UL .ul-tabs li a { text-decoration: none !important; color: #3B7694; } .UL .ul-tabs li.active { color: #FFFFFF; cursor: default; border-bottom-color: #338FFF; } .UL .ul-tabs li.active a { color: #FFFFFF; } .UL .ul-tabs li[data-is-highlighted="true"]:not(.active) { color: #8DA8B8; } .UL .ul-tabs li.separator { font-size: 0; padding: 0; height: 24px; margin: 0 6px -9px; border-left: 1px solid rgba(27, 79, 107, 0.4); border-right: 1px solid rgba(27, 79, 107, 0.4); -webkit-pointer-events: none; pointer-events: none; } .UL .ul-tabs-mini { margin: 0; padding: 0; cursor: default; } .UL .ul-tabs-mini li { display: inline-block; cursor: pointer; margin: 0 10px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; font-weight: normal; color: #3B7694; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-tabs-mini li:first-child { margin-left: 0; } .UL .ul-tabs-mini li:last-child { margin-right: 0; } .UL .ul-tabs-mini li:hover { color: #4b93b7; } .UL .ul-tabs-mini li:active { color: #254a5d; } .UL .ul-tabs-mini li a { text-decoration: none !important; color: #7094A7; } .UL .ul-tabs-mini li.active { color: #FFFFFF; cursor: default; } .UL .ul-tabs-mini li.active a { color: #FFFFFF; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop.h-lg { height: 85px; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-success, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-default { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -ms-align-content: center; align-content: center; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-loading-indicator, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-success .ul-uploader-loading-indicator, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-default .ul-uploader-loading-indicator { margin-bottom: 2px; margin-right: 10px; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-success-icon, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-success .ul-uploader-success-icon, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-default .ul-uploader-success-icon { margin-bottom: 0; margin-right: 10px; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-default .ul-uploader-text--or { margin: 0 15px; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-paste, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-error, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-load-error { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; padding: 0 18px 0 13px; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-paste input.ul-tf, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading input.ul-tf, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success input.ul-tf, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-error input.ul-tf, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-load-error input.ul-tf { width: 240px; display: block; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-paste .ul-uploader-loadbar, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loadbar, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-loadbar, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-error .ul-uploader-loadbar, .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-load-error .ul-uploader-loadbar { width: 60%; margin: 5px 0; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-message { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: #3B7694; font-size: 12px; font-family: "Avenir Next"; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-message:hover { color: #8DA8B8; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-loadbar .ul-uploader-loaded { background: #4caf50; width: 100%; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-preview { opacity: 0.33; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-success-message { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: #4caf50; font-size: 12px; font-family: "Avenir Next"; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-success-message .ul-icon { margin-top: -2px; margin-right: 5px; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-error .ul-uploader-text { color: #C2445C; width: 50%; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-error .ul-button-link { color: #dae1e6!important; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-load-error .ul-uploader-error-message { position: absolute; bottom: 0; left: 50%; width: 80%; transform: translateX(-50%); margin-bottom: 2px; color: #C2445C; font-size: 11px; font-family: "Avenir Next"; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state .ul-sp-field { margin-top: 0; margin-left: 10px; position: relative; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state .ul-sp-field .ul-field-note { position: absolute; width: 100%; margin-top: 2px; text-align: left; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state .ul-back-btn { overflow: hidden; line-height: 1; text-decoration: none; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state .ul-back-btn[disabled] { opacity: 0.5; -webkit-pointer-events: none; pointer-events: none; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-uploader-state .ul-back-btn:hover { text-decoration: none; } .UL .ul-uploader.ul-uploader--url .ul-uploader-drop .ul-sp { padding: 0; } .UL .ul-uploader .ul-uploader-drop { position: relative; border: 2px dashed; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition-property: border, background; transition-property: border, background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-uploader .ul-uploader-drop.h-lg { height: 112px; } .UL .ul-uploader .ul-uploader-drop.h-md { height: 96px; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state { -webkit-pointer-events: none; pointer-events: none; opacity: 0; height: 100%; width: 100%; padding: 0 24px; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); position: absolute; top: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state .ul-uploader-title { color: #DAE1E6; font: 14px 'Avenir Next'; margin-bottom: 12px; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state .ul-uploader-title span { margin: -1px 8px 0 0; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state .ul-uploader-text { margin-bottom: 0; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; text-align: center; max-width: 100%; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-dragover .ul-uploader-text { color: #DAE1E6; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-loading-indicator, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loading-indicator, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-loading-indicator { height: 32px; width: 32px; background-image: url("/img/loader.svg"); background-size: 32px; background-repeat: no-repeat; background-position: center; margin-bottom: 12px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-loading-indicator, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loading-indicator, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-loading-indicator { background-image: url("/img/loader_dark.gif"); background-size: 32px; } } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-loadbar, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loadbar, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-loadbar { background: #000000; display: block; width: 100%; height: 4px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 12px; margin-bottom: 5px; overflow: hidden; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-loadbar .ul-uploader-loaded, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loadbar .ul-uploader-loaded, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-loadbar .ul-uploader-loaded { display: block; height: 100%; background: #338FFF; width: 60%; -webkit-border-radius: 6px; border-radius: 6px; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-text, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-text, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-text { color: #DAE1E6; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-preview-wrap, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-preview-wrap, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-preview-wrap { width: 50px; height: 50px; border-radius: 5px; overflow: hidden; position: relative; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-preview-wrap .ul-uploader-preview, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-preview-wrap .ul-uploader-preview, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-preview-wrap .ul-uploader-preview { height: 100%; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-preview-wrap .ul-uploader-preview-success, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-preview-wrap .ul-uploader-preview-success, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-preview-wrap .ul-uploader-preview-success { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-loading .ul-uploader-preview-wrap .ul-uploader-preview-success .icon-content-special-check, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-preview-wrap .ul-uploader-preview-success .icon-content-special-check, .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-success .ul-uploader-preview-wrap .ul-uploader-preview-success .icon-content-special-check { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #4caf50; font-size: 24px; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loadbar { background: #000000; display: block; width: 100%; height: 4px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 12px; margin-bottom: 5px; overflow: hidden; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-loading .ul-uploader-loadbar .ul-uploader-loaded { display: block; height: 100%; background: repeating-linear-gradient(135deg, #338FFF, #338FFF 7%, #0f7bff 7%, #0f7bff 14%); width: 100%; animation: loading 1500s linear infinite; -webkit-border-radius: 6px; border-radius: 6px; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-success .ul-uploader-success-icon { color: #FFFFFF; border: 2px solid #4caf50; text-align: center; padding: 4px; height: 32px; width: 32px; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 16px; margin-top: -4px; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-success .ul-uploader-text { color: #DAE1E6; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-success .ul-uploader-preview-success { display: block; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-error .ul-uploader-text { color: #C2445C; } .UL .ul-uploader .ul-uploader-drop .ul-uploader-state.ul-uploader-view-url-default .ul-uploader-title { display: inline-block; } .UL .ul-uploader .ul-uploader-lib-or { margin: 13px 0 -4px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #1B4F6B; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .UL .ul-uploader .ul-uploader-lib-or::before, .UL .ul-uploader .ul-uploader-lib-or::after { content: ''; border-bottom: 2px solid #263845; width: 12px; } .UL .ul-uploader .ul-uploader-lib-or::before { margin-right: 12px; } .UL .ul-uploader .ul-uploader-lib-or::after { margin-left: 12px; } .UL .ul-uploader input { display: none; } .UL .ul-uploader[data-state="default"] .ul-uploader-drop { border-color: #1B4F6B; } .UL .ul-uploader[data-state="default"] .ul-uploader-drop:hover { background: rgba(27, 79, 107, 0.15); } .UL .ul-uploader[data-state="default"] .ul-uploader-drop .ul-uploader-view-default { opacity: 1; } .UL .ul-uploader[data-state="dragover"] .ul-uploader-drop { background: rgba(51, 143, 255, 0.1); border-color: #338FFF; } .UL .ul-uploader[data-state="dragover"] .ul-uploader-drop .ul-uploader-view-dragover { opacity: 1; } .UL .ul-uploader[data-state="loading"] .ul-uploader-drop { background: rgba(51, 143, 255, 0.1); border-color: #338FFF; } .UL .ul-uploader[data-state="loading"] .ul-uploader-drop .ul-uploader-view-loading { opacity: 1; } .UL .ul-uploader[data-state="success"] .ul-uploader-drop { background: rgba(76, 175, 80, 0.1); border-color: #4caf50; } .UL .ul-uploader[data-state="success"] .ul-uploader-drop .ul-uploader-view-success { opacity: 1; } .UL .ul-uploader[data-state="error"] .ul-uploader-drop { background: rgba(194, 68, 92, 0.1); border-color: #C2445C; } .UL .ul-uploader[data-state="error"] .ul-uploader-drop .ul-uploader-view-error { opacity: 1; } .UL .ul-uploader[data-state="url-default"] .ul-uploader-drop { border-color: #1B4F6B; } .UL .ul-uploader[data-state="url-default"] .ul-uploader-drop:hover { background: rgba(27, 79, 107, 0.15); } .UL .ul-uploader[data-state="url-default"] .ul-uploader-drop .ul-uploader-view-url-default { opacity: 1; } .UL .ul-uploader[data-state="url-default"] .ul-uploader-drop .ul-uploader-view-url-default .ul-urlUploader { -webkit-pointer-events: auto; pointer-events: auto; position: relative; z-index: 99; } .UL .ul-uploader[data-state="url-paste"] .ul-uploader-drop { background: rgba(27, 79, 107, 0.1); border-color: #1B4F6B; } .UL .ul-uploader[data-state="url-paste"] .ul-uploader-drop .ul-uploader-view-url-paste { opacity: 1; -webkit-pointer-events: auto; pointer-events: auto; } .UL .ul-uploader[data-state="url-loading"] .ul-uploader-drop { background: rgba(51, 143, 255, 0.1); border-color: #338FFF; } .UL .ul-uploader[data-state="url-loading"] .ul-uploader-drop .ul-uploader-view-url-loading { opacity: 1; -webkit-pointer-events: auto; pointer-events: auto; } .UL .ul-uploader[data-state="url-success"] .ul-uploader-drop { background: rgba(76, 175, 80, 0.1); border-color: #4caf50; } .UL .ul-uploader[data-state="url-success"] .ul-uploader-drop .ul-uploader-view-url-success { opacity: 1; -webkit-pointer-events: auto; pointer-events: auto; } .UL .ul-uploader[data-state="url-error"] .ul-uploader-drop { background: rgba(194, 68, 92, 0.1); border-color: #C2445C; } .UL .ul-uploader[data-state="url-error"] .ul-uploader-drop .ul-uploader-view-url-error { opacity: 1; -webkit-pointer-events: auto; pointer-events: auto; } .UL .ul-uploader[data-state="url-load-error"] .ul-uploader-drop { background: rgba(27, 79, 107, 0.1); border-color: #1B4F6B; } .UL .ul-uploader[data-state="url-load-error"] .ul-uploader-drop .ul-uploader-view-url-load-error { opacity: 1; -webkit-pointer-events: auto; pointer-events: auto; } @keyframes loading { from { background-position: -100000px 0; } to { background-position: 0 0; } } .UL .ul-colors { background: none !important; font-size: 0; margin: 0; padding: 0; white-space: nowrap; } .UL .ul-colors li { cursor: pointer; display: inline-block; height: 32px; margin: 0 0 0 6px; padding: 0; position: relative; overflow: hidden; width: 32px; vertical-align: top; text-align: center; line-height: 28px; -webkit-transition-property: opacity, box-shadow, border; transition-property: opacity, box-shadow, border; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-border-radius: 5px; border-radius: 5px; } .UL .ul-colors li:hover:not(.active) { opacity: 0.8; } .UL .ul-colors li:active:not(.active) { opacity: 0.5; } .UL .ul-colors li.transparent { background: url("/img/transparent.png"); } .UL .ul-colors li:not(.image):not(.ul-background-map) { border: 2px solid #263845; } .UL .ul-colors li:not(.image):not(.ul-background-map):not(.ul-colors__custom) span:not([class*="icon-content-"]) { border: 32px solid; font-size: 0; } .UL .ul-colors li.image, .UL .ul-colors li.ul-background-map { opacity: 1 !important; color: rgba(59, 118, 148, 0.5); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-colors li.image:hover, .UL .ul-colors li.ul-background-map:hover { color: #3B7694; } .UL .ul-colors li.image.active, .UL .ul-colors li.ul-background-map.active { color: #338FFF; } .UL .ul-colors li.image:active, .UL .ul-colors li.ul-background-map:active { color: #1e3c4b; } .UL .ul-colors li.ul-colors__transparent { color: #1B4F6B; } .UL .ul-colors li.ul-colors__transparent.active { color: #33627B; } .UL .ul-colors li.ul-colors__custom { opacity: 1 !important; color: #33627B; text-align: center; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-colors li.ul-colors__custom span { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-colors li.ul-colors__custom:hover span { opacity: .8; } .UL .ul-colors li.ul-colors__custom.active span { opacity: .7; } .UL .ul-colors li.ul-colors__custom:active span { opacity: .5; } .UL .ul-colors li.active:not(.image):not(.ul-background-map) { -webkit-box-shadow: 0 0 0 2px #338FFF; box-shadow: 0 0 0 2px #338FFF; border-color: #09181F; } .UL .ul-colors li.active:not(.image):not(.ul-background-map):not(.ul-colors__custom) { -webkit-pointer-events: none; pointer-events: none; } .UL .ul-colors li:first-child { margin-left: 0; } .UL .ul-colors.ul-colors--small li { width: 28px; height: 28px; line-height: 24px; margin: 0 0 0 4px; } .UL .ul-colors.ul-colors--small li:first-child { margin-left: 0; } .UL .ul-colors.ul-colors--small span[class*="icon-content-large-"] { font-size: 28px; } .UL.ul-sp { font: 14px 'Avenir Next'; padding: 22px 24px 20px; } .UL.ul-sp h1 { color: #DAE1E6; font-family: 'Avenir Next'; font-size: 15px; font-weight: bold; line-height: 1.714; letter-spacing: 3px; text-transform: uppercase; margin: -1px 0 30px; } .UL.ul-sp h1 + .ul-sp-uploader { margin-top: -2px; } .UL.ul-sp h2 { color: #8DA8B8; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 2px; line-height: 13px; text-transform: uppercase; margin: 36px -24px 18px 0; padding: 0 24px 12px 0; border-bottom: 2px solid #263845; position: relative; word-wrap: break-word; } .UL.ul-sp h2 .ul-icons-right { top: -8px; right: 18px; } .UL.ul-sp h2.full-width { margin-left: -24px; padding-left: 24px; } .UL.ul-sp h2.no-border { border: none; } .UL.ul-sp h2.ul-icons-right-1 { padding-right: 26px; } .UL.ul-sp h2.ul-icons-right-2 { padding-right: 56px; } .UL.ul-sp h3 { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; position: relative; word-wrap: break-word; } .UL.ul-sp h3.ul-icons-right-1 { padding-right: 52px; } .UL.ul-sp h3.ul-icons-right-2 { padding-right: 74px; } .UL.ul-sp h3.special { color: #DAE1E6; } .UL.ul-sp p { margin-bottom: 0; word-wrap: break-word; } .UL.ul-sp .ul-nowrap { white-space: nowrap; } .UL.ul-sp .ul-back-btn { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; display: block; cursor: pointer; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); padding: 11px 0; margin: -10px 0 -11px -3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL.ul-sp .ul-back-btn:hover { color: #4b93b7; } .UL.ul-sp .ul-back-btn:active { color: #263845; } .UL.ul-sp .ul-back-btn + h1 { margin-top: 27px; } .UL.ul-sp .ul-back-btn:before { font-size: 16px; display: inline-block; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); font-family: 'ukit'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; vertical-align: middle; margin: -3px 8px 0 0; } .UL.ul-sp .ul-icons-right { display: inline-block; font-size: 0; line-height: 100%; letter-spacing: 0 !important; position: absolute; top: -10px; right: -6px; } .UL.ul-sp .ul-icons-right [class^="icon-content-"], .UL.ul-sp .ul-icons-right [class*=" icon-content-"] { font-size: 16px; font-weight: normal; display: inline-block; padding: 6px; } .UL.ul-sp .ul-icons-right.above { background: #1C2A33; } .UL.ul-sp .ul-icons-right.above:before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 18px; background-image: -webkit-linear-gradient(left, transparent 0%, #1C2A33 100%); background-image: linear-gradient(to right, transparent 0%, #1C2A33 100%); } .UL.ul-sp .ul-icons-right.above [class^="icon-content-"], .UL.ul-sp .ul-icons-right.above [class*=" icon-content-"] { position: relative; z-index: 1; } .UL.ul-sp .ul-sp-field { display: block; margin: 18px 0 0; } .UL.ul-sp .ul-sp-field.ul-icons-right-1 label { padding-right: 26px; } .UL.ul-sp .ul-sp-field.ul-icons-right-2 label { padding-right: 56px; } .UL.ul-sp .ul-sp-field label { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 12px; position: relative; padding-top: 1px; } .UL.ul-sp .ul-sp-field label.special { color: #8DA8B8; } .UL.ul-sp .ul-sp-field label .star { line-height: 12px; font-size: 14px; color: #C2445C; } .UL.ul-sp .ul-sp-field label .ul-sp-field-sort-icon { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); color: rgba(59, 118, 148, 0.5); cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL.ul-sp .ul-sp-field label .ul-sp-field-sort-icon:hover { color: #3B7694; } .UL.ul-sp .ul-sp-field label .ul-sp-field-sort-icon:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .UL.ul-sp .ul-sp-field .ul-field-note { margin-top: 6px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; } .UL.ul-sp .ul-sp-field .ul-field-note [class^="icon-content-"], .UL.ul-sp .ul-sp-field .ul-field-note [class*=" icon-content-"] { padding-bottom: 2px; cursor: default; } .UL.ul-sp .ul-sp-field .ul-field-note.error { color: #C2445C; } .UL.ul-sp .ul-sp-field .ul-field-note.success { color: #4caf50; } .UL.ul-sp .ul-sp-field .ul-field-note.special { color: #338FFF; cursor: pointer; } .UL.ul-sp .ul-sp-field .ul-field-note.uncolored { color: #3B7694 !important; } .UL.ul-sp .ul-sp-field .ul-field-note a { cursor: pointer; color: #338FFF; } .UL.ul-sp .ul-sp-field.error .ul-tf, .UL.ul-sp .ul-sp-field.error .ul-ta { border-color: #C2445C; background: rgba(194, 68, 92, 0.2); } .UL.ul-sp .ul-sp-field.error .ul-field-note { color: #C2445C; } .UL.ul-sp .ul-sp-field.success .ul-tf, .UL.ul-sp .ul-sp-field.success .ul-ta { border-color: #4caf50; background: rgba(76, 175, 80, 0.2); } .UL.ul-sp .ul-sp-field.success .ul-field-note { color: #4caf50; } .UL.ul-sp .ul-sp-field[disabled] label, .UL.ul-sp .ul-sp-field[disabled] .ul-field-note { opacity: 0.33; -webkit-pointer-events: none; pointer-events: none; } .UL.ul-sp .ul-sp-field[disabled] .ul-tf, .UL.ul-sp .ul-sp-field[disabled] .ul-ta { background: rgba(27, 79, 107, 0.33); border-color: transparent; color: #1B4F6B; -webkit-pointer-events: none; pointer-events: none; } .UL.ul-sp .ul-sp-field[disabled] .ul-tf::-webkit-input-placeholder, .UL.ul-sp .ul-sp-field[disabled] .ul-ta::-webkit-input-placeholder { /* WebKit browsers */ color: #1B4F6B; } .UL.ul-sp .ul-sp-field[disabled] .ul-tf::-moz-placeholder, .UL.ul-sp .ul-sp-field[disabled] .ul-ta::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1B4F6B; } .UL.ul-sp .ul-sp-field[disabled] .ul-select { cursor: not-allowed; } .UL.ul-sp .ul-sp-field[disabled] .ul-select:after { color: #1B4F6B; } .UL.ul-sp .ul-sp-field[disabled] .ul-select select { background: rgba(27, 79, 107, 0.33); border-color: transparent; cursor: not-allowed; text-shadow: 0 0 0 #1B4F6B !important; -webkit-pointer-events: none; pointer-events: none; } .UL.ul-sp .ul-sp-field[disabled] .ul-select option { color: #1B4F6B !important; } .UL.ul-sp .ul-sp-switcher { display: block; position: relative; margin: 12px 0 0; line-height: 18px; } .UL.ul-sp .ul-sp-switcher.ul-icons-right-1 .ul-checkbox-switch, .UL.ul-sp .ul-sp-switcher.ul-icons-right-1 .ul-checkbox, .UL.ul-sp .ul-sp-switcher.ul-icons-right-1 .ul-radio { padding-right: 30px; } .UL.ul-sp .ul-sp-switcher.ul-icons-right-2 .ul-checkbox-switch, .UL.ul-sp .ul-sp-switcher.ul-icons-right-2 .ul-checkbox, .UL.ul-sp .ul-sp-switcher.ul-icons-right-2 .ul-radio { padding-right: 50px; } .UL.ul-sp .ul-sp-switcher .ul-checkbox-switch.opposite + .ul-sp-switcher-sort-icon { top: 0px; } .UL.ul-sp .ul-sp-switcher .ul-icons-right { top: -7px; } .ul-os-mac .UL.ul-sp .ul-sp-switcher .ul-icons-right { top: -5px; } .UL.ul-sp .ul-sp-switcher .ul-sp-switcher-sort-icon { color: rgba(59, 118, 148, 0.5); line-height: 12px; position: absolute; top: 3px; left: -20px; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL.ul-sp .ul-sp-switcher .ul-sp-switcher-sort-icon:hover { color: #3B7694; } .UL.ul-sp .ul-sp-switcher .ul-sp-switcher-sort-icon:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .UL.ul-sp .ul-sp-sub { margin: 0 0 18px 30px; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL.ul-sp .ul-sp-sub.no-offsets { margin: 0 0 6px; } .UL.ul-sp .ul-sp-sub.js-sp-sub-closed { opacity: 0; } .UL.ul-sp .ul-sp-sub.js-sp-sub-closed.js-sp-sub-closed-before-init { height: 0 !important; } .UL.ul-sp .ul-sp-sub .ul-checkbox-switch input:checked + .ul-fake-input + .ul-fake-input-text, .UL.ul-sp .ul-sp-sub .ul-checkbox input:checked + .ul-fake-input + .ul-fake-input-text, .UL.ul-sp .ul-sp-sub .ul-radio input:checked + .ul-fake-input + .ul-fake-input-text { color: #8DA8B8; } .UL.ul-sp .ul-sp-sub .ul-checkbox-switch input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL.ul-sp .ul-sp-sub .ul-checkbox input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL.ul-sp .ul-sp-sub .ul-radio input:checked:hover + .ul-fake-input + .ul-fake-input-text { color: #acc0cc; } .UL.ul-sp .ul-sp-spacer { display: block; height: 1px; margin-bottom: -1px; } .UL.ul-sp .ul-sp-spacer-xsm { display: block; height: 6px; } .UL.ul-sp .ul-sp-spacer-sm { display: block; height: 12px; } .UL.ul-sp .ul-sp-spacer-md { display: block; height: 18px; } .UL.ul-sp .ul-sp-spacer-lg { display: block; height: 24px; } .UL.ul-sp .ul-sp-spacer-line-xsm { display: block; height: 6px; border-bottom: 2px solid #263845; box-sizing: content-box; padding-top: 2px; } .UL.ul-sp .ul-sp-spacer-line-sm { display: block; height: 12px; border-bottom: 2px solid #263845; box-sizing: content-box; padding-top: 2px; } .UL.ul-sp .ul-sp-spacer-line-md { display: block; height: 18px; border-bottom: 2px solid #263845; box-sizing: content-box; padding-top: 2px; } .UL.ul-sp .ul-sp-spacer-line-lg { display: block; height: 24px; border-bottom: 2px solid #263845; box-sizing: content-box; padding-top: 2px; } .UL.ul-sp .ul-sp-spacer-textFull-xsm { display: block; height: 6px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-textFull-xsm::before, .UL.ul-sp .ul-sp-spacer-textFull-xsm::after { content: ''; border-bottom: 2px solid #263845; flex: 1; } .UL.ul-sp .ul-sp-spacer-textFull-xsm::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-xsm::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-sm { display: block; height: 12px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-textFull-sm::before, .UL.ul-sp .ul-sp-spacer-textFull-sm::after { content: ''; border-bottom: 2px solid #263845; flex: 1; } .UL.ul-sp .ul-sp-spacer-textFull-sm::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-sm::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-md { display: block; height: 18px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-textFull-md::before, .UL.ul-sp .ul-sp-spacer-textFull-md::after { content: ''; border-bottom: 2px solid #263845; flex: 1; } .UL.ul-sp .ul-sp-spacer-textFull-md::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-md::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-lg { display: block; height: 24px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-textFull-lg::before, .UL.ul-sp .ul-sp-spacer-textFull-lg::after { content: ''; border-bottom: 2px solid #263845; flex: 1; } .UL.ul-sp .ul-sp-spacer-textFull-lg::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-textFull-lg::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-text-xsm { display: block; height: 6px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-text-xsm::before, .UL.ul-sp .ul-sp-spacer-text-xsm::after { content: ''; border-bottom: 2px solid #263845; width: 12px; } .UL.ul-sp .ul-sp-spacer-text-xsm::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-text-xsm::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-text-sm { display: block; height: 12px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-text-sm::before, .UL.ul-sp .ul-sp-spacer-text-sm::after { content: ''; border-bottom: 2px solid #263845; width: 12px; } .UL.ul-sp .ul-sp-spacer-text-sm::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-text-sm::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-text-md { display: block; height: 18px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-text-md::before, .UL.ul-sp .ul-sp-spacer-text-md::after { content: ''; border-bottom: 2px solid #263845; width: 12px; } .UL.ul-sp .ul-sp-spacer-text-md::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-text-md::after { margin-left: 12px; } .UL.ul-sp .ul-sp-spacer-text-lg { display: block; height: 24px; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; justify-content: center; } .UL.ul-sp .ul-sp-spacer-text-lg::before, .UL.ul-sp .ul-sp-spacer-text-lg::after { content: ''; border-bottom: 2px solid #263845; width: 12px; } .UL.ul-sp .ul-sp-spacer-text-lg::before { margin-right: 12px; } .UL.ul-sp .ul-sp-spacer-text-lg::after { margin-left: 12px; } .UL.ul-sp .ul-sp-button { margin: 18px 0 0; } .UL.ul-sp .ul-sp-button-link { margin: 6px 0 0; } .UL.ul-sp .ul-sp-uploader { margin: 36px auto -9px; } .UL.ul-sp .ul-sp-colors { background: none !important; margin: 18px auto 33px; } .UL.ul-sp .ul-sp-content img { display: block; max-width: 100%; height: auto; margin: 24px 0 25px; } .UL.ul-sp .ul-sp-content p { position: relative; color: #8DA8B8; font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; margin: 12px 0 0; } .UL.ul-sp .ul-sp-content p a { color: #338FFF; } .UL.ul-sp .ul-sp-content p.no-overflow { overflow: hidden; } .UL.ul-sp .ul-sp-content p.no-margin { margin: 0 !important; } .UL.ul-sp .ul-sp-content p.ul-main-text { color: #8DA8B8; font-weight: normal; font-family: 'Avenir Next W10 Regular'; font-size: 14px; line-height: 18px; text-transform: none; margin-top: 18px; } .UL.ul-sp .ul-sp-content p.ul-main-text.secondary { color: #3B7694; } .UL.ul-sp .ul-sp-content p.lighten { color: #DAE1E6; } .UL.ul-sp .ul-sp-content p.accent-blue { color: #338FFF; } .UL.ul-sp .ul-sp-content p.accent-green { color: #4caf50; } .UL.ul-sp .ul-sp-content p.accent-red { color: #C2445C; } .UL.ul-sp .ul-sp-content p.ul-icons-right-1 { padding-right: 26px; } .UL.ul-sp .ul-sp-content p.ul-icons-right-2 { padding-right: 56px; } .UL.ul-sp .ul-sp-content p .ul-icons-right { top: -6px; } .UL.ul-sp .ul-sp-content h3 { margin: 18px 0 0; } .UL.ul-sp .ul-sp-range { margin-top: 18px; } .UL.ul-sp .ul-sp-sort { margin: 18px -24px 0; } .UL.ul-sp .ul-sp-sort.no-click .ul-sp-sortItem, .UL.ul-sp .ul-sp-sort.no-active .ul-sp-sortItem { cursor: pointer; } .UL.ul-sp .ul-sp-sort:not(.no-active) .ul-sp-sortItem:hover { background: #1B4F6B; } .UL.ul-sp .ul-sp-sort:not(.no-active) .ul-sp-sortItem:hover .ul-sp-sortItem-title { color: #FFFFFF; } .UL.ul-sp .ul-sp-sort:not(.no-active) .ul-sp-sortItem:hover .ul-sp-sortItem-actions { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-pointer-events: auto; pointer-events: auto; } .UL.ul-sp .ul-sp-sort:not(.no-click):not(.no-active) .ul-sp-sortItem:active { background: #1B4F6B; cursor: grabbing; cursor: -webkit-grabbing; opacity: 0.5; } .UL.ul-sp .ul-sp-sort:not(.no-click):not(.no-active) .ul-sp-sortItem:active .ul-sp-sortItem-title { color: #FFFFFF; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem { background: #263845; margin-top: 2px; overflow: hidden; position: relative; cursor: grab; cursor: -webkit-grab; -webkit-transition-property: box-shadow, background, opacity; transition-property: box-shadow, background, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-title { color: #8DA8B8; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem.active { box-shadow: 3px 0 0 0 #338FFF inset; background: #1B4F6B; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem.active .ul-sp-sortItem-title { color: #FFFFFF; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem.edit { background: #1B4F6B; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem.edit .ul-sp-sortItem-actions { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-pointer-events: auto; pointer-events: auto; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem.new { background: #1B4F6B; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem.new .ul-sp-sortItem-title { color: #3B7694 !important; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-handler { color: #3B7694; position: absolute; top: 14px; left: 4px; cursor: grab; cursor: -webkit-grab; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-handler:active { cursor: grabbing; cursor: -webkit-grabbing; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption { align-items: center; display: flex; padding: 0 10px 0 24px; height: 43px; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption.ul-sp-switcher { margin: 0px; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title { font: 14px 'Avenir Next'; flex: 1; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-checkbox, .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-checkbox-switch, .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-radio { width: 100%; height: 20px; -webkit-margin-before: 2px; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-checkbox .ul-fake-input-text, .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-checkbox-switch .ul-fake-input-text, .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-radio .ul-fake-input-text { height: 12px; overflow: hidden; text-overflow: ellipsis; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title label.ul-checkbox-switch .ul-fake-input-text { margin-top: -17px; height: 17px; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title span[class^="icon-content-"], .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-title span[class*=" icon-content-"] { font-size: 16px; vertical-align: text-top; margin: 0 7px 0 1px; -webkit-pointer-events: none; pointer-events: none; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-caption .ul-sp-sortItem-afterTitle { padding-top: 1px; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-actions { opacity: 0; background: rgba(27, 79, 107, 0.95); height: 100%; padding: 5px 12px 0 0; box-shadow: 7px 0px 13px 20px rgba(27, 79, 107, 0.94); -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); position: absolute; top: 0; right: 0; -webkit-pointer-events: none; pointer-events: none; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-actions span[class^="icon-content-"], .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sortItem-actions span[class*=" icon-content-"] { padding-right: 4px; padding-left: 4px; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem .ul-sp-sub { margin: -14px 28px 14px 20px !important; } .UL.ul-sp .ul-sp-sort .ul-sp-sortItem-placeholder { border: 2px dashed #1B4F6B; height: 43px; } .UL.ul-sp .ul-sp-titleBtn { cursor: pointer; } .UL.ul-sp .ul-sp-titleBtn h2 { border: none !important; padding: 12px 24px 0 0; margin-top: 24px; margin-right: 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL.ul-sp .ul-sp-titleBtn h2:hover, .UL.ul-sp .ul-sp-titleBtn h2:hover .ul-icon { color: #acc0cc !important; } .UL.ul-sp .ul-sp-titleBtn h2:active, .UL.ul-sp .ul-sp-titleBtn h2:active .ul-icon, .UL.ul-sp .ul-sp-titleBtn h2 .ul-icon:active { color: #6e90a4 !important; } .UL.ul-sp .ul-sp-titleBtn h2.edit, .UL.ul-sp .ul-sp-titleBtn h2.edit .ul-icon { color: #338FFF !important; } .UL.ul-sp .ul-sp-titleBtn h2 .ul-icons-right { top: 4px; right: -6px; } .UL.ul-sp .error .ul-field-note { color: #C2445C; } .UL.ul-sp .success .ul-field-note { color: #4caf50; } .UL.UL-lightBG.ul-sp h1 { color: #DAE1E6; font-family: 'Avenir Next'; font-size: 15px; font-weight: bold; line-height: 1.714; letter-spacing: 3px; text-transform: uppercase; color: #1C2A33; } .UL.UL-lightBG.ul-sp h2 { color: #8DA8B8; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 2px; line-height: 13px; text-transform: uppercase; color: #3B7694; border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp h2.no-border { border: none; } .UL.UL-lightBG.ul-sp h3 { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; color: #8DA8B8; } .UL.UL-lightBG.ul-sp h3.special { color: #1C2A33; } .UL.UL-lightBG.ul-sp .ul-back-btn { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-back-btn:hover { color: #acc0cc; } .UL.UL-lightBG.ul-sp .ul-back-btn:active { color: #1C2A33; } .UL.UL-lightBG.ul-sp .ul-tabs li a { color: #acc0cc; } .UL.UL-lightBG.ul-sp .ul-tabs li.active { color: #3B7694; } .UL.UL-lightBG.ul-sp .ul-tabs li.active a { color: #3B7694; } .UL.UL-lightBG.ul-sp .ul-tabs li[data-is-highlighted="true"]:not(.active) { color: #3B7694; } .UL.UL-lightBG.ul-sp .ul-tabs li.separator { border-left: 1px solid rgba(141, 168, 184, 0.2); border-right: 1px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-tabs-mini li a { color: #acc0cc; } .UL.UL-lightBG.ul-sp .ul-tabs-mini li:hover { color: #243d48; } .UL.UL-lightBG.ul-sp .ul-tabs-mini li:active { color: #000000; } .UL.UL-lightBG.ul-sp .ul-tabs-mini li.active { color: #132026; } .UL.UL-lightBG.ul-sp .ul-tabs-mini li.active a { color: #132026; } .UL.UL-lightBG.ul-sp .ul-sp-field label { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-field label.special { color: #3B7694; } .UL.UL-lightBG.ul-sp .ul-sp-field .ul-field-note { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-field .ul-field-note.error { color: #C2445C; } .UL.UL-lightBG.ul-sp .ul-sp-field .ul-field-note.success { color: #4caf50; } .UL.UL-lightBG.ul-sp .ul-sp-field.error .ul-tf, .UL.UL-lightBG.ul-sp .ul-sp-field.error .ul-ta { border-color: #C2445C; background: rgba(194, 68, 92, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-field.error .ul-field-note { color: #C2445C; } .UL.UL-lightBG.ul-sp .ul-sp-field.success .ul-tf, .UL.UL-lightBG.ul-sp .ul-sp-field.success .ul-ta { border-color: #4caf50; background: rgba(76, 175, 80, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-field.success .ul-field-note { color: #4caf50; } .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-tf, .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-ta { background: rgba(141, 168, 184, 0.2); border-color: transparent; color: #acc0cc; -webkit-pointer-events: none; pointer-events: none; } .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-tf::-webkit-input-placeholder, .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-ta::-webkit-input-placeholder { /* WebKit browsers */ color: #acc0cc; } .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-tf::-moz-placeholder, .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-ta::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #acc0cc; } .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-select:after { color: #acc0cc; } .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-select select { background: rgba(141, 168, 184, 0.2); text-shadow: 0 0 0 #acc0cc !important; } .UL.UL-lightBG.ul-sp .ul-sp-field[disabled] .ul-select option { color: #acc0cc !important; } .UL.UL-lightBG.ul-sp .ul-sp-switcher .ul-sp-switcher-sort-icon { color: rgba(141, 168, 184, 0.5); } .UL.UL-lightBG.ul-sp .ul-sp-switcher .ul-sp-switcher-sort-icon:hover { color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-sub .ul-checkbox-switch input:checked + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG.ul-sp .ul-sp-sub .ul-checkbox input:checked + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG.ul-sp .ul-sp-sub .ul-radio input:checked + .ul-fake-input + .ul-fake-input-text { color: #3B7694; } .UL.UL-lightBG.ul-sp .ul-sp-sub .ul-checkbox-switch input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG.ul-sp .ul-sp-sub .ul-checkbox input:checked:hover + .ul-fake-input + .ul-fake-input-text, .UL.UL-lightBG.ul-sp .ul-sp-sub .ul-radio input:checked:hover + .ul-fake-input + .ul-fake-input-text { color: #4b93b7; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-line-xsm { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-line-sm { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-line-md { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-line-lg { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-xsm { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-xsm::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-xsm::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-sm { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-sm::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-sm::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-md { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-md::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-md::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-lg { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-lg::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-textFull-lg::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-xsm { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-xsm::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-xsm::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-sm { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-sm::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-sm::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-md { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-md::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-md::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-lg { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; } .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-lg::before, .UL.UL-lightBG.ul-sp .ul-sp-spacer-text-lg::after { border-bottom: 2px solid rgba(141, 168, 184, 0.2); } .UL.UL-lightBG.ul-sp .ul-sp-content p { font-family: 'Avenir Next'; font-size: 12px; line-height: 14px; color: #3B7694; color: #8DA8B8; color: #338FFF; cursor: pointer; text-decoration: none; } .UL.UL-lightBG.ul-sp .ul-sp-content p:hover, .UL.UL-lightBG.ul-sp .ul-sp-content p.zeroclipboard-is-hover { color: #338FFF; text-decoration: underline; } .UL.UL-lightBG.ul-sp .ul-sp-content p:active, .UL.UL-lightBG.ul-sp .ul-sp-content p.zeroclipboard-is-active { color: #0073ff; } .UL.UL-lightBG.ul-sp .ul-sp-content p.ul-main-text { color: #8DA8B8; font-weight: normal; font-family: 'Avenir Next W10 Regular'; font-size: 14px; line-height: 18px; text-transform: none; font-family: 'Avenir Next'; color: #3B7694; } .UL.UL-lightBG.ul-sp .ul-sp-content p.lighten { color: #1C2A33; } .UL.UL-lightBG.ul-sp .ul-sp-content p.accent-blue { color: #338FFF; } .UL.UL-lightBG.ul-sp .ul-sp-content p.accent-green { color: #4caf50; } .UL.UL-lightBG.ul-sp .error .ul-field-note { color: #C2445C; } .UL.UL-lightBG.ul-sp .success .ul-field-note { color: #4caf50; } .UL .ul-margin-top-xsm { margin-top: 6px !important; } .UL .ul-margin-top-sm { margin-top: 12px !important; } .UL .ul-margin-top-md { margin-top: 18px !important; } .UL .ul-margin-top-lg { margin-top: 24px !important; } .UL .ul-margin-top-0 { margin-top: 0 !important; } .UL .ul-margin-top--xsm { margin-top: -6px !important; } .UL .ul-margin-top--sm { margin-top: -12px !important; } .UL .ul-margin-top--md { margin-top: -18px !important; } .UL .ul-margin-top--lg { margin-top: -24px !important; } .UL .ul-margin-left-xsm { margin-left: 6px !important; } .UL .ul-margin-left-sm { margin-left: 12px !important; } .UL .ul-margin-left-md { margin-left: 18px !important; } .UL .ul-margin-left-lg { margin-left: 24px !important; } .UL .ul-margin-left-0 { margin-left: 0 !important; } .UL .ul-margin-left--xsm { margin-left: -6px !important; } .UL .ul-margin-left--sm { margin-left: -12px !important; } .UL .ul-margin-left--md { margin-left: -18px !important; } .UL .ul-margin-left--lg { margin-left: -24px !important; } .UL .ul-margin-right-xsm { margin-right: 6px !important; } .UL .ul-margin-right-sm { margin-right: 12px !important; } .UL .ul-margin-right-md { margin-right: 18px !important; } .UL .ul-margin-right-lg { margin-right: 24px !important; } .UL .ul-margin-right-0 { margin-right: 0 !important; } .UL .ul-margin-right--xsm { margin-right: -6px !important; } .UL .ul-margin-right--sm { margin-right: -12px !important; } .UL .ul-margin-right--md { margin-right: -18px !important; } .UL .ul-margin-right--lg { margin-right: -24px !important; } .UL .ul-margin-bottom-xsm { margin-bottom: 6px !important; } .UL .ul-margin-bottom-sm { margin-bottom: 12px !important; } .UL .ul-margin-bottom-md { margin-bottom: 18px !important; } .UL .ul-margin-bottom-lg { margin-bottom: 24px !important; } .UL .ul-margin-bottom-0 { margin-bottom: 0 !important; } .UL .ul-margin-bottom--xsm { margin-bottom: -6px !important; } .UL .ul-margin-bottom--sm { margin-bottom: -12px !important; } .UL .ul-margin-bottom--md { margin-bottom: -18px !important; } .UL .ul-margin-bottom--lg { margin-bottom: -24px !important; } .UL .ul-padding-top-xsm { padding-top: 6px !important; } .UL .ul-padding-top-sm { padding-top: 12px !important; } .UL .ul-padding-top-md { padding-top: 18px !important; } .UL .ul-padding-top-lg { padding-top: 24px !important; } .UL .ul-padding-top-0 { padding-top: 0 !important; } .UL .ul-padding-top--xsm { padding-top: -6px !important; } .UL .ul-padding-top--sm { padding-top: -12px !important; } .UL .ul-padding-top--md { padding-top: -18px !important; } .UL .ul-padding-top--lg { padding-top: -24px !important; } .UL .ul-padding-left-xsm { padding-left: 6px !important; } .UL .ul-padding-left-sm { padding-left: 12px !important; } .UL .ul-padding-left-md { padding-left: 18px !important; } .UL .ul-padding-left-lg { padding-left: 24px !important; } .UL .ul-padding-left-0 { padding-left: 0 !important; } .UL .ul-padding-left--xsm { padding-left: -6px !important; } .UL .ul-padding-left--sm { padding-left: -12px !important; } .UL .ul-padding-left--md { padding-left: -18px !important; } .UL .ul-padding-left--lg { padding-left: -24px !important; } .UL .ul-padding-right-xsm { padding-right: 6px !important; } .UL .ul-padding-right-sm { padding-right: 12px !important; } .UL .ul-padding-right-md { padding-right: 18px !important; } .UL .ul-padding-right-lg { padding-right: 24px !important; } .UL .ul-padding-right-0 { padding-right: 0 !important; } .UL .ul-padding-right--xsm { padding-right: -6px !important; } .UL .ul-padding-right--sm { padding-right: -12px !important; } .UL .ul-padding-right--md { padding-right: -18px !important; } .UL .ul-padding-right--lg { padding-right: -24px !important; } .UL .ul-padding-bottom-xsm { padding-bottom: 6px !important; } .UL .ul-padding-bottom-sm { padding-bottom: 12px !important; } .UL .ul-padding-bottom-md { padding-bottom: 18px !important; } .UL .ul-padding-bottom-lg { padding-bottom: 24px !important; } .UL .ul-padding-bottom-0 { padding-bottom: 0 !important; } .UL .ul-padding-bottom--xsm { padding-bottom: -6px !important; } .UL .ul-padding-bottom--sm { padding-bottom: -12px !important; } .UL .ul-padding-bottom--md { padding-bottom: -18px !important; } .UL .ul-padding-bottom--lg { padding-bottom: -24px !important; } .UL.ul-sp.ul-popover-wrap { padding: 0 !important; } .UL.ul-sp.ul-popover-wrap--with-overlay:before { position: absolute; content: ''; z-index: 359; left: 0; right: 0; top: 0; bottom: 0; } .UL .ul-popover { display: inline-block; position: absolute; z-index: 360; min-height: 30px; min-width: 30px; -webkit-border-radius: 6px; border-radius: 6px; background-color: rgba(9, 24, 31, 0.9); -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-popover.ul-popover-animation { transition-property: top, left, opacity; } .UL .ul-popover.ul-popover-visible { opacity: 1; } .UL .ul-popover.ul-popover-opacity { background-color: #09181F; box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2); } .UL .ul-popover.ul-popover-opacity .ul-popover-arrow { border-bottom-color: #09181F !important; } .UL .ul-popover .ul-popover-arrow { position: absolute; height: 0; width: 0; } .UL .ul-popover .ul-popover-arrow[data-gravity="bottom"] { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(9, 24, 31, 0.9); } .UL .ul-popover .ul-popover-arrow[data-gravity="left"] { border-top: 8px solid transparent; border-left: 8px solid rgba(9, 24, 31, 0.9); border-bottom: 8px solid transparent; } .UL .ul-popover .ul-popover-arrow[data-gravity="top"] { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(9, 24, 31, 0.9); } .UL .ul-popover .ul-popover-arrow[data-gravity="right"] { border-top: 8px solid transparent; border-right: 8px solid rgba(9, 24, 31, 0.9); border-bottom: 8px solid transparent; } .UL .ul-popover .ul-popover-arrow[data-gravity="center"] { border: none; } .UL .ul-popover .ul-popover-content { display: inline-block; padding-top: 5px; padding-bottom: 7px; padding-left: 12px; padding-right: 12px; } .UL .ul-popover .ul-popover-content p.simple-text { margin: 2px 0 0; color: #DAE1E6; } .UL .ul-popover .ul-popover-content button:not([class]) { outline: none !important; background: none; border: none; color: #7094A7; height: 32px; width: 29px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); margin-right: 2px; } .UL .ul-popover .ul-popover-content button:not([class]):last-child { margin-right: 0px; } .UL .ul-popover .ul-popover-content .ul-button-link { padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; } .UL .ul-popover .ul-popover-content__close { position: absolute; top: 12px; right: 12px; opacity: 0.4; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-popover .ul-popover-content__close:hover { opacity: 1; } .UL .ul-popover .ul-popover-content__inner { min-width: 296px; padding: 19px 12px 17px; color: #3B7694; } .UL .ul-popover .ul-popover-content__inner[data-is-small="true"] { min-width: 0; } .UL .ul-popover .ul-popover-content__inner__title { font: bold 12px/1.167 'Avenir Next'; letter-spacing: 2.5px; text-transform: uppercase; } .UL .ul-popover .ul-popover-content__inner__subtitle { margin-top: 6px; font: bold 12px/1.167 'Avenir Next'; } .UL .ul-popover .ul-popover-content__inner__content { margin-top: 18px; } .UL .ul-popover .ul-popover-content__inner__buttons { margin-top: 24px; text-align: right; } .UL .ul-autocomplete-menu { list-style: none; padding: 6px 0; overflow: hidden !important; position: absolute; max-height: 292px; -webkit-border-radius: 6px; border-radius: 6px; background: #2b404f; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important; width: 100%; z-index: 100; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-autocomplete-menu .ul-autocomplete-list-title, .UL .ul-autocomplete-menu .ul-autocomplete-list-sign { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-autocomplete-menu .ui-state-focus { cursor: pointer; background: #385366; } .UL .ul-autocomplete-menu .ui-state-focus .ul-autocomplete-list-title { color: #FFFFFF; } .UL .ul-autocomplete-menu .ui-state-focus .ul-autocomplete-list-sign { color: #90acba; } .UL .ul-autocomplete-field { position: relative; } .UL .ul-autocomplete-menu-item { padding: 8px 10px 6px; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-autocomplete-list-title { color: #DAE1E6; font: 14px/20px 'Avenir Next'; padding-bottom: 2px; } .UL .ul-autocomplete-list-sign { color: #7094A7; font-size: 12px; line-height: 15px; } .UL .ul-autocomplete-loader { position: absolute; display: inline-block; height: 16px; width: 16px; background-size: 16px 16px; z-index: 3; right: 12px; top: 10px; } .UL .ul-autocomplete-padding { padding-right: 38px; } .UL .ul-autocomplete-scrollbar--margin .ps-scrollbar-x-rail { margin-left: 5px; margin-right: 5px; } .UL .ul-autocomplete-scrollbar--margin .ps-scrollbar-y-rail { margin-top: 5px; margin-bottom: 5px; } .UL h2 + .ul-group-fold { margin-top: -18px; } .UL .ul-group-fold__item { -webkit-transition-property: margin; transition-property: margin; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-group-fold__item[data-is-off-hover] .ul-group-fold__item__title { cursor: default !important; } .UL .ul-group-fold__item[data-is-off-hover] .ul-group-fold__item__title__arrow { display: none !important; } .UL .ul-group-fold__item:not(:last-child) { margin-bottom: 12px; } .UL .ul-group-fold__item:first-child { margin-top: 0; } .UL .ul-group-fold__item__title { overflow: hidden; padding: 18px 0; white-space: nowrap; line-height: 1; cursor: pointer; -webkit-transition-property: padding; transition-property: padding; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .UL .ul-group-fold__item__title__icon { float: left; width: auto; opacity: 1; margin: -1px 15px 0 0; color: #668698; line-height: 1; overflow: hidden; } .UL .ul-group-fold__item__title__text { display: inline-block; vertical-align: middle; max-width: calc(100% - 21px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 15px !important; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-group-fold__item__title__help { display: inline-block; vertical-align: middle; margin: -1px 10px 0 8px; width: 18px; height: 18px; text-align: center; line-height: 18px; color: #7094A7; background: #1B4F6B; border-radius: 50%; cursor: pointer; -webkit-transition-property: color, background; transition-property: color, background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-group-fold__item__title__help:hover, .UL .ul-group-fold__item__title__help[data-opened="true"] { color: #6697B1; background: #1F678D; } .UL .ul-group-fold__item__title__arrow { float: right; margin: -1px 0 0 0; line-height: 1; overflow: hidden; width: 0; opacity: 0; -webkit-transition-property: opacity, transform, color; transition-property: opacity, transform, color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-group-fold__item__title:hover .ul-group-fold__item__title__arrow { width: auto; margin-left: 5px; opacity: 1; } .UL .ul-group-fold__item__title:active .ul-group-fold__item__title__arrow { opacity: 1; } .UL .ul-group-fold__item__content { padding: 0; max-height: 0; -webkit-transition-property: max-height, padding-top; transition-property: max-height, padding-top; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .UL .ul-group-fold__item[data-is-with-help="true"] > .ul-group-fold__item__title__text { max-width: calc(100% - 21px - 36px); } .UL .ul-group-fold__item[data-is-disabled="true"] > .ul-group-fold__item__title__text { color: #1B4F6B !important; } .UL .ul-group-fold__item[data-is-active="true"] > .ul-group-fold__item__title__text { color: #FFFFFF !important; } .UL .ul-group-fold__item[data-is-folded="true"] { margin-bottom: 0; } .UL .ul-group-fold__item[data-is-folded="true"] > .ul-group-fold__item__title { padding: 18px 0; border-bottom: 2px solid rgba(38, 56, 69, 0.5); } .UL .ul-group-fold__item[data-is-folded="true"] > .ul-group-fold__item__title > .ul-group-fold__item__title__arrow { width: auto; margin-left: 5px; opacity: 1; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .UL .ul-group-fold__item[data-is-folded="true"] > .ul-group-fold__item__content { max-height: 0; overflow: hidden; } .UL .ul-group-fold__item[data-is-folded="true"] + .ul-group-fold__item[data-is-folded="true"] { margin-top: 0; } .UL .ul-group-fold__item[data-is-folded="true"]:last-child .ul-group-fold__item__title { border-bottom: 0; } .UL .ul-group-fold__item[data-is-fold-processing="true"] > .ul-group-fold__item__content { overflow: hidden; margin: 0 -24px !important; padding: 0 24px !important; } .UL .ul-group-fold__item[data-no-transition="true"] > .ul-group-fold__item__content { transition: none !important; } .UL .ul-group-fold__item[data-auto-height="true"] > .ul-group-fold__item__content { max-height: none !important; } .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__text { color: #3B7694; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; text-transform: uppercase; } .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__arrow { color: #7094A7; } .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:hover .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:hover .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:hover .ul-group-fold__item__title__arrow { color: #90acba; } .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:active .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:active .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="h3"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:active .ul-group-fold__item__title__arrow { color: #577a8d; } .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__text { color: #8DA8B8; font-family: 'Avenir Next'; font-size: 10px; font-weight: bold; letter-spacing: 2px; line-height: 13px; text-transform: uppercase; } .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title__arrow { color: #8DA8B8; } .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:hover .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:hover .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:hover .ul-group-fold__item__title__arrow { color: #acc0cc; } .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:active .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:active .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="h2"] > .ul-group-fold__item > .ul-group-fold__item__title .ul-group-fold__item__title:active .ul-group-fold__item__title__arrow { color: #6e90a4; } .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title__text { color: #8DA8B8; font-weight: normal; font-family: 'Avenir Next W10 Regular'; font-size: 14px; line-height: 18px; text-transform: none; } .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title__arrow { color: #8DA8B8; } .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title:hover .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title:hover .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title:hover .ul-group-fold__item__title__arrow { color: #acc0cc; } .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title:active .ul-group-fold__item__title__icon, .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title:active .ul-group-fold__item__title__text, .UL .ul-group-fold[data-title-style="textMain"] .ul-group-fold__item__title:active .ul-group-fold__item__title__arrow { color: #6e90a4; } .UL .ul-group-fold[data-is-title-divider-always-shown="true"] > .ul-group-fold__item:not(:last-child) > .ul-group-fold__item__title, .UL .ul-group-fold[data-is-title-divider-always-shown="true"] > .ul-group-fold__item:last-child[data-auto-height="true"] > .ul-group-fold__item__title, .UL .ul-group-fold[data-is-title-divider-always-shown="true"] > .ul-group-fold__item:last-child[data-is-fold-processing="true"][data-is-opening="true"] > .ul-group-fold__item__title { border-bottom: 2px solid rgba(38, 56, 69, 0.5); } .UL.ul-sp .ul-group-fold[data-is-title-divider-wide="true"] .ul-group-fold__item__title { margin-right: -24px; padding-right: 24px; } .UL .ul-status-element-wrapper { display: flex; align-items: center; } .UL .ul-status-element-wrapper.panel { font-size: 12px; color: #DAE1E6; } .UL .ul-status-element-wrapper__circle { width: 18px; height: 18px; display: inline-block; position: relative; -webkit-border-radius: 50%; border-radius: 50%; } .UL .ul-status-element-wrapper__circle:before, .UL .ul-status-element-wrapper__circle:after { background-color: #FFFFFF; display: block; content: ''; position: absolute; } .UL .ul-status-element-wrapper__text { margin-left: 12px; } .UL .ul-status-element-wrapper.success [class$=__circle] { background-color: #4caf50; transform: rotate(125deg); -ms-transform: rotate(125deg); -webkit-transform: rotate(125deg); } .UL .ul-status-element-wrapper.success [class$=__circle]:before { width: 8px; height: 2px; left: 4px; top: 7px; } .UL .ul-status-element-wrapper.success [class$=__circle]:after { width: 2px; height: 3px; left: 10px; top: 9px; } .UL .ul-status-element-wrapper.error [class$=__circle] { background-color: #C2445C; display: flex; align-items: center; justify-content: center; } .UL .ul-status-element-wrapper.error [class$=__circle]:before, .UL .ul-status-element-wrapper.error [class$=__circle]:after { width: 10px; height: 2px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 50%; left: 50%; margin-left: -5px; margin-top: -1px; -webkit-border-radius: 2px; border-radius: 2px; } .UL .ul-status-element-wrapper.error [class$=__circle]:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .UL .ul-status-element-wrapper.error [class$=__circle]:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .ul-left-menu .ul-blockPanel-overlay { z-index: 99999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ul-left-menu .ul-loader--menu { z-index: 99999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19, 32, 38, 0.3); background: linear-gradient(to top, rgba(19, 32, 38, 0.3), rgba(38, 56, 69, 0.3)); transition: opacity 0.6s cubic-bezier(1, -0.04, 0.4, 1) 0.4s; display: none; opacity: 0; } .ul-left-menu.ul-loader .ul-loader--menu { display: block; opacity: 1; } .ul-left-menu.ul-loader--opacity .ul-loader--menu { opacity: 0; } .ul-loader-wrap { z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .ul-loader-wrap.ul-loader-leftPanel { width: calc(100% - 280px); margin-left: 280px; } .ul-loader-wrap .ul-loader-blur-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.6s cubic-bezier(1, -0.04, 0.4, 1) 0.4s; } .ul-loader-wrap .ul-loader-blur-wrap .ul-loader-blur { position: relative; top: -5%; left: -5%; width: 110%; height: 110%; background-color: #132026; background-repeat: no-repeat; background-size: cover; background-position: 50%; filter: blur(50px); } .ul-loader-wrap .ul-loader-content-wrap { position: absolute; background-color: rgba(19, 32, 38, 0.9); background: linear-gradient(to top, rgba(19, 32, 38, 0.9), rgba(38, 56, 69, 0.9)); top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; transition: opacity 0.5s ease-in 0.2s; } .ul-loader-wrap .ul-loader-content-wrap--light { background-color: rgba(19, 32, 38, 0.75); background: linear-gradient(to top, rgba(19, 32, 38, 0.75), rgba(38, 56, 69, 0.75)); } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-progressBar-wrap { width: 250px; height: 4px; border-radius: 4px; position: relative; left: 50%; margin: 0 0 24px -125px; background-color: rgba(141, 168, 184, 0.3); } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-progressBar-wrap .ul-loader-progressBar { display: block; border-radius: 4px; height: 4px; background-color: #338FFF; transition: width 300ms ease-in-out; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-text-wrap { width: 375px; left: 50%; margin-left: -187.5px; position: relative; text-align: center; font-weight: normal; font-style: normal; font-family: 'Avenir Next W10 Regular'; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-text-wrap .ul-loader-title { margin: 12px 0 12px 0; color: #DAE1E6; font-size: 24px; display: block; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-text-wrap .ul-loader-text { color: #8DA8B8; font-size: 16px; line-height: 25px; display: block; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings { display: block; position: relative; margin-top: -90px; transform: scale(0.75); height: 240px; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ball, .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-colorRing, .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ringTwo, .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ringThree, .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ringFour { top: 50%; left: 50%; display: block; border-radius: 50%; position: absolute; vertical-align: middle; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ball { width: 40px; height: 40px; margin: -20px 0 0 -20px; background: rgba(250, 250, 250, 0.03); animation: 1500ms pulseInPrimary 1100ms cubic-bezier(0.4, 0, 0.2, 1) infinite; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-colorRing { width: 64px; height: 64px; margin: -32px 0 0 -32px; border: 4px solid rgba(51, 143, 250, 0.8); animation: 1500ms pulseIn cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes pulseIn { 0% { opacity: 0; transform: scale(0.2, 0.2); } 50% { opacity: 1; transform: scale(1, 1); } 100% { opacity: 0; transform: scale(0.2, 0.2); } } @keyframes pulseInPrimary { 0% { opacity: 1; transform: scale(0.2, 0.2); } 50% { opacity: 1; transform: scale(1.4, 1.4); } 100% { opacity: 1; transform: scale(0.1, 0.1); } } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ringTwo { width: 160px; height: 160px; background: rgba(250, 250, 250, 0.03); border: 4px solid rgba(250, 250, 250, 0.6); margin: -80px 0 0 -80px; animation: 1500ms pulseIn 300ms cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes pulseInSecondary { 0% { opacity: 0; transform: scale(0.2, 0.2); } 50% { opacity: 1; transform: scale(1, 1); } 100% { opacity: 0; transform: scale(0.2, 0.2); } } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ringThree { width: 192px; height: 192px; border: 4px solid rgba(250, 250, 250, 0.03); margin: -96px 0 0 -96px; animation: 1500ms pulseInSecondary 350ms cubic-bezier(0.4, 0, 0.2, 1) infinite; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-ringFour { width: 224px; height: 224px; border: 4px solid rgba(250, 250, 250, 0.03); margin: -112px 0 0 -112px; animation: 1500ms pulseInSecondary 400ms cubic-bezier(0.4, 0, 0.2, 1) infinite; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-cat { top: 50%; left: 50%; opacity: 0; position: absolute; vertical-align: middle; width: 260px; height: 260px; margin: -130px 0 0 -130px; transition: opacity .5s; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-cat:after { content: ''; display: block; background-position: 50%; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-cat:before { content: ''; display: block; border: 80px solid #fff; border-radius: 50%; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-cat:after, .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings .ul-loader-cat:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings--show-cat .ul-loader-cat { opacity: 1; } .ul-loader-wrap .ul-loader-content-wrap .ul-loader-rings--show-cat .ul-loader-cat:after { background: url('/img/progress-bar.gif'); } .js-loader .ul-loader-wrap { display: none; } .js-loader.ul-loader .ul-loader-wrap { display: block; } .js-loader.ul-loader--opacity .ul-loader-blur-wrap, .js-loader.ul-loader--opacity .ul-loader-content-wrap { opacity: 0; } /* ---------- BLOG EDITING PANEL --------------*/ #ul-blogPanel .ul-blog-panel-err-message { display: inline-block; margin-top: 12px; width: 100%; color: #C2445C; } #ul-blogPanel .ul-blog-panel-err-message-text { display: inline-block; float: left; font-size: 12px; letter-spacing: 0.1px; line-height: 15px; } #ul-blogPanel .ul-blog-panel-err-message-icon { display: inline-block; float: right; margin-right: 5px; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url('/img/red_arrow.png'); } #ul-blogPanel .ul-blog-panel-fb-arrow-down { transform: rotate(90deg); } #ul-blogPanel .ul-blog-panel-fb-arrow-up { transform: rotate(-90deg); } .ul-blog-fb-import-toggle { margin: 13px 0 19px!important; } .ul-blog-panel-fb-controls-container p { line-height: 18px!important; } .ul-blog-panel-fb-sync-btn-container { display: block; margin-top: 12px!important; } .ul-blog-panel-fb-sync-btn-container .ul-blog-panel-fb-sync-btn-icon { padding-right: 3px!important; font-size: 22px!important; } .ul-blog-panel-fb-sync-btn { background-color: #39579a !important; margin-top: 5px!important; } .ul-blog-panel-fb-sync-btn-icon { color: #ffffff !important; font-size: 22px!important; padding: 0 3px 3px 0!important; } .ul-blog-fb-sync-popup-settings { min-height: 290px; } .ul-blog-fb-sync-popup-settings .ul-blog-panel-fb-sync-btn-container { margin-top: 18px !important; } .ul-blog-fb-sync-popup-settings .ul-blog-panel-fb-sync-btn { float: right!important; } .ul-blog-fb-sync-popup-settings-section { display: inline-block; } .ul-blog-fb-sync-popup-settings-label { color: #DAE1E6; line-height: 18px; } .ul-blog-fb-sync-popup-settings-switcher { float: left; padding-right: 24px; margin-top: 13px!important; } .ul-blog-fb-sync-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #132026; opacity: 0.9; z-index: 999; } .ul-blog-fb-sync-container { position: absolute; top: 50%; width: 100%; text-align: center; } .ul-blog-fb-sync-load-indicator { position: absolute; left: 50%; top: -94px; transform: translateX(-50%); width: 64px; height: 64px; margin: 14px auto; background-image: url('/img/loader.svg'); background-size: 64px; background-repeat: no-repeat; background-position: center; } .ul-blog-fb-sync-success-icon { font-size: 32px; color: #00c74b; margin-bottom: 14px; position: absolute; left: 50%; top: -44px; transform: translateX(-50%); } .ul-blog-fb-sync-error-icon { color: #c2445c; font-size: 32px; margin-bottom: 14px; } .ul-blog-fb-sync-fail-cancel { font-family: 'Avenir Next W10 Regular'; font-size: 14px; font-weight: 500; line-height: 1.29; color: #338fff; cursor: pointer; margin-right: 18px; } .ul-blog-fb-sync-fail-repeat { font-family: 'Avenir Next W10 Regular'; font-size: 14px; font-weight: 500; color: #00c74b; cursor: pointer; } .ul-blog-fb-sync-header-msg { font-family: 'Avenir Next W10 Regular'; font-size: 14px; font-weight: 500; color: #DAE1E6; margin-bottom: 10px; } .ul-blog-fb-sync-msg { font-family: 'Avenir Next W10 Regular'; font-size: 14px; font-weight: 500; color: #8da8b8; margin-bottom: 30px; } .ul-blog-fb-sync-cancel { font-family: 'Avenir Next W10 Regular'; font-size: 14px; font-weight: 500; line-height: 1.29; color: #338fff; cursor: pointer; } .ul-blog-fb-sync-continue { font-family: 'Avenir Next W10 Regular'; font-size: 14px; font-weight: 500; color: #00c74b; cursor: pointer; } .ul-blog-panel-last-sync { margin-top: 14px; margin-bottom: 25px; margin-left: -24px; margin-right: -24px; padding-top: 8px; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; background-color: #263845; font-family: 'Avenir Next W10 Regular'; font-size: 12px; font-weight: 500; line-height: 1.33; color: #5d8397; } #js-blog-post-seo-settings { cursor: pointer; } /* ---------- DISQUS SECTION ---------- */ .ul-blog-disqus-overlay { position: absolute; width: 100%; height: 100%; opacity: 1; } .ul-blog-disqus-iframe-placeholder { width: 100%; height: 350px; } .ul-blog-disqus-iframe-placeholder-icon, .ul-blog-disqus-iframe-placeholder-text { display: block; position: relative; transform: translateY(100px); width: 100%; text-align: center; color: #ccc; } .ul-blog-disqus-iframe-placeholder-icon { margin-bottom: 10px; } .ul-blog-disqus-iframe-placeholder-icon:before { font-size: 60px; color: #ccc; } /* ---------- DISQUS SECTION ---------- */ .ul-blog-disqus-iframe { display: block; width: 100%; height: 400px; border: none; } .ul-blog-post-draft-preview > span:not(.ul-elements-controls):not(.ul-elements-handler), .ul-blog-post-draft-preview div:not(.ul-elements-controls):not(.ul-elements-handler) { opacity: 0.3; } .ul-blog-post-draft-preview .ul-blog-post-overlay:hover { opacity: 1; } .ul-blog-post-draft-preview .ul-blog-post-controls-group-section:nth-child(1) { color: #BEBEBE; } #js-action-published-text #published-button-link { cursor: default; } .ul-blog-post-save-button { position: absolute; top: calc(100% + 10px); right: 0px; } .ul-blog-empty-section { margin: 0 auto; display: inline-block; padding: 32px 30px; text-align: center; width: 380px; position: relative; left: 50%; margin-left: -190px; border: 2px dashed rgba(0, 0, 0, 0.2); margin-top: 10px; margin-bottom: 20px; } .ul-blog-empty-section-button { background-color: #338FFF; margin-bottom: 10px; border: none; } .ul-blog-empty-section-button:hover { background-color: #338FFF; } .ul-blog-empty-section-button-plus { font-weight: bold; font-size: 16px; } .ul-blog-empty-section-button-text { display: inline-block; transform: translateY(-2px); } .ul-blog-empty-section-message { display: block; font-family: 'Avenir Next W10 Regular'; font-weight: 600; font-size: 14px; color: #8DA8B8; line-height: 18px; } .ul-blog-comments-settings-disqus-help-section { position: absolute; bottom: 10px; } .ul-blog-post-add-section { display: inline-block; width: 100%; text-align: center; } .ul-blog-post-overlay { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, 0.2); -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); text-align: center; z-index: 2; } .ul-blog-post-overlay:hover { cursor: pointer; opacity: 1; visibility: visible; } .ul-blog-post-controls-group { display: inline-block; position: relative; top: -12px; background-color: white; -webkit-border-radius: 12px; border-radius: 12px; height: 24px; } .ul-blog-post-controls-group-section { display: inline-block; float: left; height: 24px; line-height: 22px; } .ul-blog-post-controls-group-section:nth-child(1) { border-top: 1px solid rgba(190, 190, 190, 0.4); border-bottom: 1px solid rgba(190, 190, 190, 0.4); border-left: 1px solid rgba(190, 190, 190, 0.4); border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding-right: 12px; padding-left: 18px; font-size: 12px; font-family: 'Avenir Next'; display: inline-block; vertical-align: middle; white-space: nowrap; color: #444; } .ul-blog-post-controls-group-section:nth-child(2) { color: #B1B1B1; border: 1px solid rgba(190, 190, 190, 0.4); border-top-right-radius: 12px; border-bottom-right-radius: 12px; padding-right: 5px; padding-left: 5px; } .ul-blog-post-controls-group-section:nth-child(2):hover { background: #FF5D4C; border-color: #FF5D4C; color: #FFFFFF; } .ul-blog-post-controls-group-section:nth-child(2) span:before { display: inline-block; transform: translate(-2px, -1px); } /* ---------- BLOG DEFAULT DESIGN --------- */ #body .ul-blog .ul-blog-post { padding: 5px 5px 10px 5px; } .ul-blog { padding-top: 10px; padding-bottom: 10px; } .ul-blog.ul-blog-editing .ul-blog-post:hover .ul-blog-post-overlay { visibility: visible; } .ul-blog.ul-blog-post-editing .ul-blog-post-image:hover { cursor: pointer; } .ul-blog-post { display: inline-block; width: 100%; position: relative; margin-bottom: 5px; border: 1px solid transparent; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); text-align: right; } .ul-blog-post-editing .ul-blog-post { margin-bottom: 50px; } /* -------------- Для оверлея контролов поста ------------------- */ .ul-blog-post-title, .ul-blog-post-content, .ul-blog-post-author, .ul-blog-post-likes, #js-blog-post-image-content-wrapper, #js-blog-post-comments { position: relative; } #js-blog-post-comments { display: inline-block; width: 100%; } #js-blog-post-image-content-wrapper:after { display: none; } .ul-blog-post-title, .ul-blog-post-publishdate, .ul-blog-post-content { text-align: left; } .ul-blog-post-title { display: block; font-size: 16px; line-height: 20px; } .ul-blog-post-back-to-list { display: inline-block; width: 100%; margin-bottom: 20px; } .ul-blog-post-title-link { display: inline-block; font-size: 16px; line-height: 20px; } .ul-blog-post-info-section { display: block; text-align: left; } .ul-blog-post-info-section .ul-blog-post-info-section-marker:nth-child(2):before { content: none; } .ul-blog-post-info-section .ul-blog-post-info-section-marker:before { content: '\26AB'; color: black; margin: 0px 3px 0px 0px; color: #A7B5C3; } .ul-blog-post-publishdate, .ul-blog-post-author, .ul-blog-post-commentsnum { display: inline-block; font-family: 'Avenir Next W10 Regular'; font-size: 12px; line-height: 16px; margin-bottom: 20px; color: #A7B5C3; } .ul-blog-post-page .ul-blog-post-author { display: block; width: 100%; text-align: left; } .ul-blog-post-imagewrap { position: relative; display: inline-block; width: 100%; height: 100%; clear: both; z-index: 1; } .ul-blog-post-imagewrap p { text-align: center; } .ul-blog-post-image { max-width: 100%; height: auto; display: block; margin: 0 auto; } .ul-blog-post-image[src=""] { background-image: url('/img/icons/widget-imageplaceholder.svg'); background-position: center center; background-origin: center center; background-repeat: no-repeat; background-color: #F1F4F5; background-color: transparent; border: none; border-color: transparent; color: black; width: 150px !important; height: 150px; } .ul-blog-post-likes { min-height: 32px; } .ul-blog-post-likes .addthis_counter.addthis_bubble_style { color: transparent !important; } .ul-blog-post-likes .addthis_counter.addthis_bubble_style:before { content: "0"; font-size: 12px; line-height: 1; color: #7094A7; display: inline-block; vertical-align: text-top; } .ul-blog-post-likes .addthis_counter.addthis_bubble_style a { color: transparent !important; } .ul-blog-post-likes .addthis_toolbox { -webkit-pointer-events: none; pointer-events: none; } .ul-blog-post-likes .addthis_toolbox.addthis_16x16_style { margin-top: 8px; } .ul-blog-post-likes .addthis_toolbox.addthis_24x24_style { margin-top: 4px; } .ul-blog-post-editing .ul-blog-post-content hr { opacity: 1!important; min-height: 2px!important; display: block!important; visibility: visible!important; } .ul-blog-post-editing .ul-widget { outline-offset: 5px !important; padding: 0 !important; } .ul-blog-post-content { display: block; margin-bottom: 10px; overflow: hidden; } .ul-blog-post-content hr { font-size: 0; height: 2px; border: none; outline: none; background: #8DA8B8; width: 100%; display: none; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); cursor: pointer; position: relative; } .ul-blog-post-content hr:before { content: ""; display: block; height: 10px; width: 100%; position: absolute; top: -10px; } .ul-blog-post-content hr:after { position: absolute; top: 2px; content: ""; display: block; height: 10px; width: 100%; } .ul-blog-post-read-more { display: inline-block; padding: 7px 15px; -webkit-border-radius: 3px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.08); text-align: right; } .ul-blog-posts-more { display: inline-block; margin-bottom: 10px; width: 100%; text-align: center; } .ul-blog-posts-more-btn { display: inline-block; padding: 5px 20px; cursor: pointer; background-color: #F0F0F0; color: #8B9299; } .ul-blog-editing .ul-blog-post-draft { display: inline-block; position: relative; right: 0px; top: 0px; } .ul-blog-post-draft { display: inline-block; position: absolute; right: 5px; top: 5px; color: #C2445C; font-family: 'Avenir Next W10 Regular'; font-size: 14px; line-height: 18px; } .ul-blog-post-comments { display: inline-block; border: none; width: 100%; min-height: 350px; } .ul-blog-post-yashare { display: inline-block; } .ul-blog-post-content .video-inline { position: relative; display: block; width: 100%; margin: 0; padding: 0; z-index: 1; } .ul-blog-post-content .video-inline iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ul-blog-post-content .video-inline:after { content: ''; display: block; height: 0; padding-bottom: 56.25%; /* 16:9 */ } .ul-post-publish-timeline { vertical-align: middle; text-align: center; font-size: 2.5rem; } .ul-post-publish-title { color: #DAE1E6; font-family: 'Avenir Next'; font-size: 12px; white-space: nowrap; height: 36px; line-height: 33px; outline: none; } .ul-blog-date-picker-block { white-space: nowrap; } .ul-blog-date-picker-label { margin-right: 10px; } .ul-blog-time-picker-block { white-space: nowrap; } .ul-blog-time-picker-label { margin-right: 8px; } .ul-blog-meridiem { line-height: 0; width: 100%; padding-left: 8px; } .ul-animate { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }