/*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*! jQuery UI - v1.12.0 - 2016-08-14 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { padding: 0; margin: 0; } img { border: 0; } a { text-decoration: none; cursor: pointer; } b, strong { font-weight: bold; } h1, h2, h3, h4, h5, pnew, hnew { font-family: 'Open Sans'; } .content { font-family: 'Open Sans'; } input[type="submit"] { cursor: pointer; } input { outline: none; } .clear { clear: both; } .whiteBg { background: #fff; } .invoiceData .invoiceDataElement .input input.has_error { border: 1px solid red; } body { background: #f8f8f8; padding: 0px; color: #797979; } body.front { } .alert-red { color: red; font-size: 13px; font-weight: bold; margin-bottom: 10px; } .flash-message > span, .flash-message > div { margin: 10px } .relative { position: relative; } .wrapper { width: 100%; float: left; } .title, .desc, .quick-price { color: #797979; } .topBar { height: 50px; line-height: 50px; width: 100%; background: #fff; } .topBar .logo { float: left; margin: 0 10px; } .topBar .logo img { max-width: 100%; vertical-align: middle; max-height: 35px; } .topBar .menu { float: left; } .topBar .menu li { list-style: none; position: relative; float: left; } .container.topBar.front .menu li a { padding: 16px 0px; } .topBar .menu li a { color: #797979; font: 400 13px 'Open Sans'; padding: 16px 9px; } .topBar .menu li a:hover, .topBar .menu li.current a { color: #f26222; } .accountInfo { float: right; display: table; } .accountInfo ul li { display: inline-block; list-style: none; margin: 0 10px; position: relative; } .accountInfo ul li a { font: 400 13px 'Open Sans'; color: #797979; } .accountInfo ul li a:hover { text-decoration: none; } .accountInfo .userInfo span { text-decoration: underline; } .accountInfo .notificationsIcon { position: relative; } .accountInfo .notification { position: absolute; top: -5px; right: -8px; color: #fff; background: #f26222; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 14px; display: block; font-size: 10px; line-height: 14px; height: 14px; text-align: center; } .mirror { transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); } .content hnew, .content h1 { font: 700 2em 'Open Sans'; } .leftMenu { display: block; width: 200px; background: #f8f8f8; box-sizing: border-box; float: left; padding-bottom: 20px; } .leftMenu ul li { list-style: none; padding: 15px 0 15px 15px; } .leftMenu ul li a { color: #797979; display: block; font: 400 14px 'Open Sans'; } .leftMenu ul li a:hover { color: #f26222; } .leftMenu ul li.active { border-left: 5px solid #f26222; padding: 15px 0 15px 10px; } .leftMenu ul li.active a { color: #f26222; } .leftMenu ul li a i { padding: 0 12px 0 0; width: 15px; } .dashboardContent { width: 79%; width: calc(99% - 210px); margin-right: 1%; float: right; } .content { float: left; width: 100%; background: #fff; box-sizing: border-box; margin: 10px 10px 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); padding: 0 0 30px 0; overflow-x: hidden; } .content.dashboardContent { background: transparent; border: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; box-shadow: 0 0; } .addCode, .searcher { margin: 10px 0; display: table; width: 48%; padding: 0 1%; float: left; } .addCode input[type="text"] { max-width: 250px; padding: 5px 10px; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #000; display: inline-block; margin: 0 10px 0 0; } .addCode input[type="submit"] { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f26222; color: #fff; text-align: center; border: 0; padding: 5px 15px; font: 400 14px 'Open Sans'; display: inline-block; } .searcher input[type="text"] { max-width: 250px; padding: 5px 25px 5px 15px; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #000; float: right; background: url(../img/search.png) no-repeat 98% center; } .tableContainer { float: left; width: 100%; max-width: 100%; overflow-y: auto; } .tableContainer::-webkit-scrollbar { height: 7px; } .tableContainer::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(242,98,34,0.6); */ } .tableContainer::-webkit-scrollbar-thumb { background-color: rgba(242, 98, 34, 0.5); } .price-list { padding: 0px 5%; } .tableCodes { width: 98%; box-sizing: border-box; border-collapse: separate; border-spacing: 0px; margin: 0 auto; } .tableCodes thead tr th, .tableCodes tbody tr td { padding: 10px 15px; } .tableCodes thead tr th { border-bottom: 1px solid #f26222; text-align: center; font: 700 14px 'Open Sans'; } .tableCodes tbody tr td input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;; padding: 3px 5px; border: 1px solid #959595; } .tableCodes tbody tr td { text-align: center; border-bottom: 1px solid #f26222; font: 400 12px 'Open Sans'; } .tableCodes tbody tr td img { max-width: 35px; height: auto; vertical-align: middle; } .positiveValue { font-weight: bold !important; color: #659f00; } .negativeValue { font-weight: bold !important; color: #ff0000; } .success { color: #659f00; } .failed { color: #ff0000; } .code { color: #f26222; } .expectant { color: #969696; } .tableCodes tbody tr td a { color: #f26222; } .tableCodes tbody tr td.action a { color: #f26222; display: inline-block; margin: 5px; } .tableCodes tbody tr td.action { min-width: 51px; } .tableCodes.simple tr td { text-align: left; } .tableCodes.simple tr td:first-of-type { font-weight: bold; font-size: 16px; width: 100px; } .tableCodes .clickable { cursor: pointer; } .tableCodes tbody tr.deleted { background-color: lightpink !important; } .tableCodes tbody tr.disabled { background-color: lightgray !important; } .invoiceContent { padding: 1%; font: 400 14px 'Open Sans'; width: 100%; box-sizing: border-box; margin: 15px 0; float: left; } .invoiceContent .frequency select { padding: 3px 10px 3px 5px; display: inline-block; margin: 0 10px 20px 10px; font: 400 14px 'Open Sans'; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; } .invoiceContent .singleInvoice { float: left; display: table; } .invoiceContent .singleInvoice .needToPay { display: inline-block; } .invoiceContent .singleInvoice .needToPay span { color: #ff0000; font-weight: bold; } .invoiceContent .singleInvoice .print { color: #000; padding-right: 10px; } .invoiceContent .singleInvoice .print:hover { text-decoration: underline; color: #f26222; } .invoiceContent .singleInvoice .pay { color: #000; margin: 0 35px 0 15px; } .invoiceContent .singleInvoice .pay:hover { text-decoration: underline; color: #f26222; } .invoiceContent .singleInvoice .pay i, .invoiceContent .singleInvoice .print i { color: #f26222; } .invoiceContent .singleInvoice .cancel { margin: 0 15px; color: #000; } .invoiceContent .singleInvoice .cancel i { color: #ff0000; } .invoiceContent .singleInvoice .cancel:hover { color: #ff0000; text-decoration: underline; } .invoiceContent .advancedSearcher { float: right; color: #000; display: table; } .invoiceContent .advancedSearcher img { vertical-align: middle; } .invoiceContent .advancedSearcher:hover, .invoiceContent .advancedSearcher.active { text-decoration: underline; } .invoiceContent pnew, .invoiceContent h2 { padding-right: 20px; line-height: 36px; } .advancedSearcherContainer { display: none; } .advancedSearcherContent { display: table; width: 100%; background: #f8f8f8; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px; box-sizing: border-box; margin: 0 0 15px 0; } .advancedSearcherContent .numberInvoice, .advancedSearcherContent .status { display: table; width: 30%; margin: 0 2% 15px 0; float: left; } .advancedSearcherContent .numberInvoice input[type="text"] { max-width: 200px; width: 100%; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .advancedSearcherContent span { width: 33%; display: inline-block; font-size: 13px; padding-left: 7%; line-height: 27px; } .advancedSearcherContent .status select { max-width: 200px; width: 100%; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .advancedSearcherContent .date { display: table; width: 30%; margin: 0 2% 15px 0; float: left; } .advancedSearcherContent .date input { max-width: 100px; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; position: relative; } .advancedSearcherContent .date label { position: relative; } .advancedSearcherContent .date label i { right: 5px; z-index: 9; top: 3px; position: absolute; } .advancedSearcherContent .sender, .advancedSearcherContent .recipient, .advancedSearcherContent .numberPack, .advancedSearcherContent .carrier { width: 30%; float: left; display: table; margin: 0 2% 0 0; } .advancedSearcherContent .sender input, .advancedSearcherContent .recipient input, .advancedSearcherContent .numberPack input, .advancedSearcherContent .carrier select { max-width: 200px; width: 100%; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 0 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .advancedSearcherContent .checkboxContent { margin: 0 0 10px; font-size: 13px; padding-left: 2.33333333333%; } .advancedSearcherContent .btnSearch { background: #f26222; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; padding: 5px 20px; float: right; border: 0; margin-right: 2%; } .advancedSearcherContent .btnSearch:hover { opacity: 0.5; } .importContent { display: table; float: left; margin-bottom: 10px; } .importContent > span { margin-right: 10px; margin-bottom: 5px; } .importContent .importButton { background: #f26222; display: inline-block; padding: 3px 10px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; margin: 0 5px 5px 5px; } .importContent .importButton:hover { opacity: 0.5; } .importContent .importButton img { vertical-align: middle; } .importContent > img { vertical-align: middle; margin: 0 10px; } .importContent form { display: inline-block; } /*input[type="search"],*/ .importContent form input[type="text"], .importContent form input[type="number"] { max-width: 150px; width: 100%; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 10px } .importContent form input[type="password"] { max-width: 150px; width: 100%; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 10px; } .importContent form input[type="submit"] { background: #f26222; display: inline-block; padding: 5px 10px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; } .importContent form input[type="submit"]:hover { opacity: 0.5; cursor: pointer; } .addressBook { display: table; float: left; padding: 1%; box-sizing: border-box; } .addressBook a, .addCode a { display: inline-block; font: 400 14px 'Open Sans'; background: #f26222; padding: 8px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 20px 0 0; } .addCode a { margin-top: 10px; } .addressBook a:hover, .addCode a:hover { opacity: 0.5; } .addressBook a img { vertical-align: middle; } .searcherBook { float: right; display: table; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searcherBook input[type="text"] { max-width: 250px; padding: 7px 25px 7px 15px; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #000; float: right; background: url(../img/search.png) no-repeat 98% center; } .addressBookContent { display: table; max-width: 560px; padding: 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent pnew, .addressBookContent h2 { font: 700 20px 'Open Sans'; } .addressBookContent form { display: table; width: 100%; margin: 30px 0 0 0; } .addressBookContent .singleElement { width: 100%; display: table; margin: 0 0 10px 0; font-size: 0; } .addressBookContent .singleElement span { width: 20%; display: inline-block; margin-right: 15px; font: 400 14px 'Open Sans'; } .addressBookContent .singleElement .nameAndSurname { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 69%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .agenda { display: inline-block; background: url(../img/agenda.png) no-repeat center center; width: 20px; height: 20px; vertical-align: top; margin-left: 4px; background-size: cover; margin-top: 4px; } .agenda:hover { opacity: 0.5; } .addressBookContent .singleElement .companyName, .addressBookContent .singleElement .country { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 77%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent .singleElement .street { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 39%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent .singleElement .houseNumber { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 17%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 10px; } .addressBookContent .singleElement .apartmentNumber { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 17%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent .singleElement .zipCode { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 29%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent .singleElement p { display: inline-block; font: 400 14px 'Open Sans'; margin: 0 10px; } .addressBookContent .singleElement .city { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent .singleElement .emailAddress { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 77%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent .singleElement .phoneNumber { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 77%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addressBookContent input[type="submit"] { background: #f26222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; padding: 5px 30px; float: right; border: 0; margin: 30px 0 0 0; font: 400 16px 'Open Sans'; cursor: pointer; } .addressBook.full-width { width: 100%; } .addressBook.full-width pnew, .addressBook.full-width h2 { float: left; padding-right: 50px; } .addressBookContent input[type="submit"]:hover { opacity: 0.5; } .userData, .invoiceData, .downloadData { padding: 25px; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; display: table; margin: 0 0 0 0; } .downloadData { margin: 0 5% 100px 0; } .userData pnew, .invoiceData pnew, .downloadData pnew, .userData h2, .invoiceData h2, .downloadData h2 { font: 700 22px 'Open Sans'; margin: 0 0 35px 0; } .userData .dataUserElement, .invoiceData .invoiceDataElement, .downloadData .downloadDataElement { width: 100%; display: table; margin: 0 0 10px 0; font: 400 14px 'Open Sans'; } .userData .dataUserElement .title, .invoiceData .invoiceDataElement .title, .downloadData .downloadDataElement .title { width: 40%; display: table; float: left; vertical-align: middle; } .userData .dataUserElement .input, .invoiceData .invoiceDataElement .input, .downloadData .downloadDataElement .input { width: 60%; display: inline-block; vertical-align: middle; } .userData .dataUserElement .input input, .invoiceData .invoiceDataElement .input input, .invoiceData .invoiceDataElement .input select, .downloadData .downloadDataElement .input input, .userData .dataUserElement .input select { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; color: #797979; } .userData .dataUserElement .input textarea { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; height: 200px; resize: none; } .userData .dataUserElement .input input.street { width: 50%; float: left; } .userData .dataUserElement .input input.numberHouse { width: 20%; margin: 0 2.5%; float: left; } .userData .dataUserElement .input input.apartmentNumber { float: left; width: 25%; } .userData .dataUserElement .input input.zipcode { float: left; width: 30%; } /*.userData .dataUserElement .input span {*/ /*width: 10%;*/ /*margin: 0 5%;*/ /*text-align: center;*/ /*float: left;*/ /*}*/ .userData .dataUserElement .input input.city { width: 50%; float: left; } .userData .dataUserAgreement { width: 100%; margin: 30px 0; display: table; } .userData .dataUserAgreement p { width: calc(100% - 60px); display: table; float: left; padding-left: 27px; font: 400 14px 'Open Sans'; } .userData .dataUserAgreement input[type="checkbox"] { color: #f26222; float: left; } .userData .dataUserAgreement label { float: left; } .acceptData { width: 100%; padding: 0 30px 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; } .acceptData input[type="submit"], .acceptData .submit { background: #f26222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; padding: 5px 30px; float: right; border: 0; margin: 30px 0 0 0; font: 400 16px 'Open Sans'; cursor: pointer; } .acceptData input[type="submit"]:hover { opacity: 0.5; } .notificationContent { padding: 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .notificationContent pnew, .notificationContent h2 { font: 700 22px 'Open Sans'; margin-bottom: 20px; } .notificationContent pnew span, .notificationContent h2 span { color: #f26222; } .notificationTable tr td:first-of-type { text-align: left; padding-left: 0; width: 50%; font: 400 14px 'Open Sans'; } .senderNotification { width: 100%; } .notificationTable tr td .senderNotification tr td { width: 50%; text-align: center; padding: 0; border: 0; } .notificationTable tr td .senderNotification tr td input { width: 15px; height: 15px; } .container .header { margin-bottom: 0px; font-size: 30px; font-weight: 600; padding: 40px 0px; } /*.header {*/ /*width: 96%;*/ /*display: table;*/ /*margin: 15px 2% 100px 2%;*/ /*}*/ .header .logo { float: left; } .header .logo img { max-width: 100%; } .header .menu { float: right; } .header .menu li { display: inline-block; margin: 0 5px; list-style: none; vertical-align: middle; } .header .menu li a { color: #000; font: 400 13px 'Open Sans'; vertical-align: middle; } .header .menu li a:hover { color: #f26222; } .header .menu li .logIn, .accountInfo ul li .logIn { background: #96cc56; color: #fff !important; padding: 5px; display: table; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .header .menu li .register, .accountInfo ul li .register { background: #54c7e2; color: #fff !important; padding: 5px; display: table; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .header .menu li .register:hover, .header .menu li .logIn:hover { opacity: 0.5; } .loginPanel { width: 96%; margin: 0 auto; display: table; padding: 50px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .loginPanel .loginCol { width: 40%; margin: 0 0 0 10%; display: table; float: left; font: 400 14px 'Open Sans'; } .loginPanel .loginCol pnew, .loginPanel .loginCol h2 { font: 700 25px 'Open Sans'; margin: 0 0 20px 0; } .loginPanel .loginCol a { color: #f26222; } .loginPanel .loginCol p { margin: 0 0 20px 0; } .loginPanel .loginCol input[type="text"], .loginPanel .loginCol input[type="password"], .loginPanel .loginCol input[type="email"] { padding: 5px 10px; width: 50%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #969696; margin: 0 0 10px 0; } .loginPanel .loginCol input[type="submit"] { background: #f26222; color: #fff; border: 0; padding: 5px 20px; font: 400 14px 'Open Sans'; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .loginPanel .loginCol .facebook { text-align: center; display: table; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #1d4088; padding: 5px 80px; margin: 0 0 5px 0; } .loginPanel .loginCol .googleplus { text-align: center; display: table; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #cc3d2c; padding: 5px 58px 5px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .loginPanel .loginCol .facebook img, .loginPanel .loginCol .googleplus img { vertical-align: middle; margin: 0 10px 0 0; } /*.getHistory { width: 60%; display: table; margin: 30px 0 30px 12%; float: left; font: 400 12px 'Open Sans'; } .getHistory input[type="checkbox"] { float: left; margin: 0 20px 0 0; } .getHistory label { float: left; width: calc(100% - 33px); }*/ .social { display: table; margin: 80px auto 30px auto; } .social a { display: inline-block; vertical-align: top; margin: 0 10px; } .copyright { margin: 30px auto; display: table; font: 400 12px 'Open Sans'; } .acceptReclamation { float: right; margin: 20px 0 0 0; } .acceptReclamation input[type="submit"] { border: 0; color: #fff; background: #f26222; padding: 5px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 400 14px 'Open Sans'; } .userData .dataUserElement .input input:first-of-type { margin-top: 0px; } .userData .dataUserElement .input input { margin-top: 10px; } .userData .dataUserElement .input .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .userData .dataUserElement .input .inputfile + label { width: 56%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; color: #000; background-color: #fff; padding: 0; } .userData .dataUserElement .input .inputfile + label span { width: 150px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; font: 400 12px 'Open Sans'; border: 1px solid #959595; height: 29px; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 5px 0 0; line-height: 29px; } .userData .dataUserElement .input .inputfile + label strong { color: #fff; background-color: #000; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 400 12px 'Open Sans'; height: 29px; vertical-align: middle; line-height: 29px; padding: 0 10px; } /*!* checkbox start *!*/ /* // moved to style-custom.scss [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; } .content [type="checkbox"]:not(:checked) + label, .content [type="checkbox"]:checked + label { padding-left: 18px; } [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 15px; height: 15px; border: 1px solid #aaa; background: #ffffff; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3) } [type="checkbox"]:not(:checked) + label span, [type="checkbox"]:checked + label span { content: ''; position: absolute; top: 6px; left: 3px; font-size: 13px; line-height: 0.8; color: #f26222; transition: all .2s; padding: 0px; } [type="checkbox"]:not(:checked) + label span { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label span { opacity: 1; transform: scale(1); } [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label span { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } [type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; } label:hover:before { border: 1px solid #4778d9 !important; } */ /*!* checkbox end *!*/ @media screen and (max-width: 50em) { .userData .dataUserElement .input .inputfile + label strong { display: block; } } .newTemplateContent { width: 100%; padding: 20px; box-sizing: border-box; } .newTemplateContent pnew, .newTemplateContent h2 { font: 700 20px 'Open Sans'; margin: 0 0 30px 0; } .newTemplateContent .nameTemplate { display: table; width: 100%; margin: 0 0 30px 0; max-width: 100%; } .newTemplateContent .nameTemplate span { margin: 0 20px 0 0; font: 400 14px 'Open Sans'; } .newTemplateContent .nameTemplate input { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; max-width: 300px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } .newTemplateContent .chooseType { max-width: 990px; width: 100%; } .newTemplateContent .chooseType .singlePackage { float: left; width: 31%; font: 700 14px 'Open Sans'; text-align: center; margin: 0 1%; position: relative; cursor: pointer; } .newTemplateContent .chooseType .singlePackage .singlePackageContent { border: 2px solid #e9e9e9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 20px 0; } .newTemplateContent .chooseType .singlePackage .singlePackageContent span { font: 700 14px 'Open Sans'; } .newTemplateContent .chooseType .singlePackage.active .singlePackageContent { border: 2px solid #96cc56; } .newTemplateContent .chooseType .singlePackage.active .singlePackageContent:after { content: '✔'; border-radius: 50%; width: 20px; height: 20px; position: absolute; top: -8px; right: -8px; color: #fff; font-size: 12px; line-height: 20px; background: #96cc56; } .newTemplateContent .chooseType .singlePackage .singlePackageContent .singlePackageImage { background-size: cover; paddding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background-position: center; } .newTemplateContent .chooseType .singlePackage .singlePackageContent .singlePackageImage img { opacity: 0; } .newTemplateContent .sizePackageContent { width: 100%; display: table; margin: 0 0 30px 0; max-width: 1100px; clear: both; font-size: 0; } .newTemplateContent .sizePackageContent .singleSizePackage { width: 100%; display: table; clear: both; margin: 0 0 20px 0; } .newTemplateContent .sizePackageContent .singleSizePackage .twoElements, .newTemplateContent .sizePackageContent .singleSizePackage .selectElements { display: table; float: left; } .newTemplateContent .sizePackageContent .singleSizePackage .twoElements .smallElement { display: table; max-width: 110px; margin-right: 20px; float: left; } .newTemplateContent .sizePackageContent .singleSizePackage .twoElements:nth-child(2n) .smallElement:last-child { margin-right: 0px; } .newTemplateContent .sizePackageContent .singleSizePackage .twoElements .smallElement p { font: 400 14px 'Open Sans'; margin: 0 0 5px 0px; text-align: center; } .newTemplateContent .sizePackageContent .singleSizePackage .twoElements .smallElement input { display: inline-block; float: left; width: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; border: 1px solid #959595; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; outline: none; padding-left: 5px; } .newTemplateContent .sizePackageContent .singleSizePackage .twoElements .smallElement span { display: inline-block; float: left; width: 30px; background: #ebebeb; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 23px; font: 400 12.5px 'Open Sans'; line-height: 23px; text-align: center; border: 1px solid #959595; } .newTemplateContent .sizePackageContent .singleSizePackage .singleSelectElement { float: left; display: table; margin: 0 20px; } .newTemplateContent .sizePackageContent .singleSizePackage .selectElements p { font: 400 14px 'Open Sans'; margin: 0 0 5px 0px; } .newTemplateContent .sizePackageContent .singleSizePackage .selectElements .singleSelectElement select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 170px; outline: none; } .newTemplateContent .sizePackageContent .singleSizePackage .actionButtons { float: left; display: table; margin: 20px 0 0 0px; } .newTemplateContent .sizePackageContent .singleSizePackage .actionButtons a { display: inline-block; background: #f26222; color: #fff; padding: 5px 10px; margin: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; font-size: 14px; } .newTemplateContent .sizePackageContent .singleSizePackage .actionButtons a:first-of-type { margin-left: 0px } .newTemplateContent .addRow { background: #54c7e2; color: #fff; padding: 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; font: 400 14px 'Open Sans'; } .sizePackageContainer { max-width: 1100px; display: table; width: 100%; margin: 0 0 30px 0; } .hideRow { display: none; } .select-input { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; width: 100%; } .additionalOptionsContent { width: 100%; max-width: 1100px; display: table; padding: 30px 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin: 0 0 30px 0; } .additionalOptionsContent .singleRow { display: table; width: 100%; margin: 0 0 20px 0; } .additionalOptionsContent .singleRow .singleElement { float: left; display: table; margin: 0 13px; font: 400 14px 'Open Sans'; } .additionalOptionsContent .singleRow .singleElement.checkboxElement { width: 13%; } .additionalOptionsContent .singleRow .singleElement span { display: inline-block; } .additionalOptionsContent .singleRow .singleElement.cost input[type="text"] { padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #959595; margin: 0 10px; width: 100px; } .additionalOptionsContent .singleRow .singleElement.numberAccount span { width: 120px; } .additionalOptionsContent .singleRow .singleElement.numberAccount input[type="text"] { padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #959595; margin: 0 10px; width: 200px; } .additionalOptionsContent .singleRow .singleElement input[type="number"] { padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #959595; width: 70px; margin: 0 10px; } .additionalOptionsContent .singleRow .singleElement .hint { position: relative; width: 15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ff0000; color: #fff; line-height: 15px; text-align: center; display: inline-block; font-size: 10px; vertical-align: middle; } .additionalOptionsContent .singleRow .singleElement .hint .hintContent { position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: -50px; right: -210px; background: #54c7e2; color: #fff; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; width: 200px; text-align: justify; font-size: 12px; } .additionalOptionsContent .singleRow .singleElement .hint:hover .hintContent { display: block; } .additionalOptionsContent .checkboxContent { max-width: 1100px; width: 100%; display: table; margin: 30px 0; } .additionalOptionsContent .checkboxContent label { margin-right: 10px; } .additionalOptionsContent .checkboxContent .colWithChecboxes { width: 46%; display: table; float: left; } .additionalOptionsContent .checkboxContent .colWithChecboxes .singleCheckbox { margin: 15px; font: 400 14px 'Open Sans'; } .newTemplateContent .courierContent { max-width: 1100px; display: table; width: 100%; text-align: center; margin: 0 0 50px 0; } .newTemplateContent .courierContent .singleCourierContent { position: relative; display: inline-block; max-width: 180px; width: 20%; height: 80px; text-align: center; line-height: 80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #e9e9e9; vertical-align: middle; margin: 0 15px; cursor: pointer; } .newTemplateContent .courierContent .singleCourierContent .singleCourier img { vertical-align: middle; } .newTemplateContent .courierContent .singleCourierContent.active { border: 2px solid #96cc56; } .newTemplateContent .courierContent .singleCourierContent.active .singleCourier:after { content: '✔'; border-radius: 50%; width: 20px; height: 20px; position: absolute; top: -8px; right: -8px; color: #fff; font-size: 12px; line-height: 20px; background: #96cc56; } .newTemplateContent .saveTemplate { max-width: 1100px; width: 100%; text-align: center; } .newTemplateContent .saveTemplate input[type="submit"] { color: #fff; border: 0; background: #f26222; padding: 5px 20px; text-align: center; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 400 16px 'Open Sans'; } .mobileMenuTop { padding: 0 1%; float: left; width: 98%; display: none; } .mobileMenuTop.frontpage { margin-top: -100px; padding-bottom: 20px; } .mobileMenuTop ul.menu li { width: 48%; float: left; list-style: none; text-align: center; margin-top: 10px; margin: 5px 1%; } .mobileMenuTop ul.menu li a { padding: 10px; float: left; width: 100%; padding: 10px 5%; transition: all .2s; color: #000; border-radius: 10px; background-color: #fff; font: 400 16px 'Open Sans'; box-sizing: border-box; } .mobileMenuTop ul.menu li a:hover { background-color: #f26222; color: #fff; } .mobileMenuTop ul.menu { float: left; width: 100%; } .mobileMenuTop .accountInfo { margin: 10px auto 10px auto; float: none; } .hamburger-menu { margin-top: 14px; margin-right: 10px; margin-left: 10px; float: right; width: 35px; height: 35px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .hamburger-menu span { display: block; position: absolute; height: 3px; width: 100%; background: #f26222; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .hamburger-menu span:nth-child(1) { top: 0px; } .hamburger-menu span:nth-child(2) { top: 10px; } .hamburger-menu span:nth-child(3) { top: 20px; } .hamburger-menu.active span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .hamburger-menu.active span:nth-child(2) { opacity: 0; left: -60px; } .hamburger-menu.active span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .mobileMenuLeft { position: fixed; display: none; } .menuLeftButton { float: right; margin: 12px 5px 0px 5px; cursor: pointer; } .menuLeftButton i { color: #f26222; font-size: 28px; float: left; -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -o-transform: rotate(-0deg); transform: rotate(-0deg); transition: all .2s; } .menuLeftButton.active i { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .advancedSearcherContent .single-input select, .advancedSearcherContent .single-input input { width: 56%; width: calc(60% - 10px); border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; margin: 0 0 12px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .advancedSearcherContent .single-input select { margin-bottom: 10px; } .advancedSearcherContent .single-input { width: 33%; float: left; } .advancedSearcherContent .multi-input.dates label { position: relative; } .advancedSearcherContent .multi-input.dates label i { right: 5px; z-index: 9; top: 3px; position: absolute; } .advancedSearcherContent .multi-input.dates input { max-width: 100%; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 2%; position: relative; } .advancedSearcherContent .multi-input { width: 32%; float: left; } .advancedSearcherContent .multi-input.dates label { float: right; width: 58%; } .advancedSearcherContent .single-input .date-label { display: inline-block; position: relative; } .advancedSearcherContent .single-input .date-label .fa { position: absolute; top: 6px; right: 10px; } .userData .dataUserElement.adress_container .input { width: 19.5%; margin-right: 0.7%; } .userData .dataUserElement.adress_container .input:last-child { margin-right: 0px; } .flash_alert { position: fixed; right: 10px; background-color: #f26222; color: #fff; z-index: 9999999; padding: 10px 20px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.2); -webkit-animation: flash 10s forwards ease-in-out; /* Safari 4+ */ -moz-animation: flash 10s forwards ease-in-out; /* Fx 5+ */ -o-animation: flash 10s forwards ease-in-out; /* Opera 12+ */ animation: flash 10s forwards ease-in-out; /* IE 10+, Fx 29+ */ -webkit-transition: top 200ms ease-out; -moz-transition: top 200ms ease-out; -o-transition: top 200ms ease-out; transition: top 200ms ease-out; } .flash_alert.success { background-color: #50D050; -webkit-box-shadow: 0px 0px 10px 5px rgba(80, 208, 80, 0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(80, 208, 80, 0.2); box-shadow: 0px 0px 10px 5px rgba(80, 208, 80, 0.2); color: #fff; } .flash_alert.error { background-color: #FF3232; -webkit-box-shadow: 0px 0px 10px 5px rgba(255, 50, 50, 0.2); -moz-box-shadow: 0px 0px 10px 5px rgba(255, 50, 50, 0.2); box-shadow: 0px 0px 10px 5px rgba(255, 50, 50, 0.2); color: #fff; } .center { display: block; text-align: center; } .alert { display: inline-block; border: 2px solid #f26222; padding: 8px 14px; color: #fff; background-color: #f26222; font-weight: bold; margin: 0 auto; border-radius: 10px; margin-bottom: 5px; } .alert.success { border-color: #50D050; background-color: #50D050; color: #fff; } .alert.error { border-color: #FF3232; background-color: #FF3232; color: #fff; } .dashboardContent .alert { margin-top: 15px; } .login_register_page .loginPanel { width: 100%; } .frontend #header .accountInfo a { margin: 0px; } .frontend * { line-height: 1; } .edit-content { width: 98%; float: left; padding: 10px 1%; } .edit-content input, .edit-content textarea { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; width: 70%; } .edit-content textarea { min-height: 120px; } .edit-content label { width: 20%; float: left; } .edit-content .edit-row { margin-bottom: 10px; } .edit-content input[type="submit"], .edit-content input[type="button"], .submit-btn { background: #f26222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; padding: 5px 30px; float: right; border: 0; margin: 30px 0 0 0; font: 400 16px 'Open Sans'; cursor: pointer; width: auto; margin-right: 10%; } .submit-btn { margin-right: 0px; } .modal-body { background-color: #FFF; border: #000 solid 1px; border-radius: 10px; box-shadow: 0 8px 6px -6px black; text-align: left; position: relative; display: none; max-width: 100%; font-family: 'Open Sans'; } .modal-body.small { max-width: 500px; margin: auto; } .modal-body .title { padding: 10px 20px 15px 20px; line-height: 18px; font-size: 18px; border-bottom: #CCC solid 1px; } .modal-body .text { padding: 0 20px 20px 20px; } .modal-body button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-body .close { position: absolute; top: 8px; right: 15px; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .modal-body .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .modal-body .buttons { text-align: center; } .modal-body .btn { padding: 10px 10px; margin: 10px; display: inline-block; width: 120px; text-align: center; margin-top: 30px; cursor: pointer; color: #fff; } .modal-body .btn.btn-approve { background: #96cc56; } .modal-body .btn.btn-decline { background: #a94442; } .checkboxContent label { margin-right: 10px; } .advancedSearcherContent .checkboxContent { float: left; width: 96%; } .mgb20 { margin-bottom: 20px; } .main-steps h2 { font-size: 30px; color: #fff; text-align: center; padding: 40px 15px 20px 15px; font-family: 'Open Sans'; line-height: 38px; font-weight: 600; } .main-steps pnew { font-size: 30px; color: #fff; text-align: center; padding: 40px 15px 20px 15px; font-family: 'Open Sans'; line-height: 38px; font-weight: 600; } .main-steps .steps-container { text-align: center; } .main-steps .single-step { display: inline-block; width: 19%; color: #fff; text-align: center; margin-top: 40px; position: relative; } .main-steps .single-step:last-of-type { margin-bottom: 30px; } .main-steps .single-step img { margin-bottom: 20px; } .main-steps .single-step h3 { margin-bottom: 20px; font-size: 20px; font-weight: bold; } .video-desc .line { width: 100px; height: 1px; background: #000; margin: 10px 0px 20px 0px; } .main-steps .single-step span { position: absolute; top: 0px; left: 50%; width: 16px; height: 16px; background: #2f2f2f; color: #fff; margin-left: -12px; padding: 5px; border-radius: 50%; top: -14px; font-weight: 800; font-size: 17.5px; } .main-steps .single-step .arrow { background: url('/bundles/front/img/arrow.png'); position: absolute; width: 22px; height: 25px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); bottom: -10px; left: 50%; margin-left: -13px; } .video pnew, .video h2, .profit pnew, .profit h2, .news pnew, .news h2 { font-size: 30px; color: #797979; margin-bottom: 10px; font-weight: 600; margin-top: 10px; } .profit pnew, .profit h2 { margin-top: 40px; text-align: center; width: 100%; float: left; color: #404040; } .video span { font-size: 16px; color: #666; margin-bottom: 20px; float: left; width: 100%; } .video p { text-align: justify; line-height: 22px; color: #797979; line-height: 25px; } .video .video-desc, .video .video-content { width: 100%; display: table-cell; vertical-align: middle; float: left; } .video .video-desc { margin-bottom: 40px; } .video-container iframe { width: 100%; } .video-container { position: relative; height: 0; overflow: hidden; padding-bottom: 56%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .profit { position: relative; text-align: center; } .profit img.bg { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.1; max-width: 100%; } .profit .items.left, .profit .items.right { float: left; width: 90%; padding: 0 5%; padding-bottom: 40px; } .profit .single-item { margin: 20px 0px; float: left; } .profit .single-item img { margin-bottom: 10px; } .profit .single-item h3 { color: #fff; margin-bottom: 10px; font-weight: bold; } .profit .single-item p { line-height: 25px; text-align: justify; color: #404040; } .stats { padding: 2%; color: #797979; } .stats .item { width: 100%; float: left; text-align: center; margin: 20px 0px; } .stats .item h3 { font-size: 28px; line-height: 18px; } .stats .item h3 b { font-weight: 700; } .stats .item h3 span { font-size: 16px; line-height: 25px; display: block; margin-top: 8px; } .stats .item img { margin-bottom: 15px; } .how-to .description, .how-to .image { width: 100%; float: left; } .how-to .image img { margin: 0 auto; display: block; max-width: 90%; } .how-to .description .title { color: #fe6307; margin-top: 0px; font-weight: 600; font-size: 28px; text-align: center; } .how-to .description p { line-height: 25px; color: #5d5d5d; margin-top: 25px; text-align: center; } .how-to .container { padding: 5%; } .news h2 { text-align: center; margin: 30px 5% 30px 5%; } .news pnew { text-align: center; margin: 30px 5% 30px 5%; } .news .news-container { padding: 0px 5%; } .news .news-container .item { float: left; width: 100%; margin-bottom: 20px; } .news .news-container .item .image { width: 100%; height: 200px; overflow: hidden; position: relative; margin-bottom: 10px; } .news .news-container .item .image img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .news .news-container .item h4 { color: #fe6307; font-size: 14px; font-weight: bold; margin: 16px 0px 4px 0px; } .news .news-container .item p { font-size: 14px; line-height: 25px; color: #797979; word-wrap: break-word; line-height: 20px; } .faq .container { padding: 2% 5% 1% 5%; } /*BLOG*/ .blog .container { padding: 2% 5% 1% 5%; } .category-links a { color: #818181; } .category-links li:before { top: 1px; } .blog .right .category-links, .faq .right .category-links { margin-bottom: 20px; } .blog .blog-box .image { text-align: center; position: relative; height: 200px; margin-bottom: 12px; overflow: hidden; } .blog .blog-box .image, .blog .blog-box .description { width: 100%; float: left; } .blog .blog-box .image img { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); } .blog .right .blog-box .image img { width: 160%; } .blog .blog-box .image span.date { position: absolute; top: 10px; left: 10px; background: rgba(255, 255, 255, 0.9); padding: 5px; z-index: 1; width: 46px; } .blog .blog-box .image span.date div { float: left; width: 100%; line-height: 20px; } .blog .blog-box .image span.date div.day { font-size: 12px; } .blog .blog-box .image span.date div.year { text-transform: uppercase; font-size: 14px; } .blog .blog-box .image span.date div.month { font-size: 30px; color: #f26222; font-weight: 800; } .blog .blog-box .description span { float: left; width: 100%; } .blog .blog-box .description .date { margin-bottom: 5px; font-size: 11px; color: #797979; } .blog .blog-box .description .title, .blog .blog-box .description .title a { color: #f26222; } .blog .right .blog-box .description .title a { font-size: 13px; font-weight: 600; } .blog .right .blog-box .description span { font-size: 12px; color: #797979; } .blog .right .blog-box .description span.date { font-size: 11px; } .blog .blog-box { float: left; width: 100%; margin-bottom: 20px; } .blog .left .blog-box .description .title, .blog .left .blog-box .description .title a { font-size: 20px; margin-bottom: 10px; font-weight: bold; float: left; width: 100%; } .blog .left .blog-box .description .text { font-size: 14px; line-height: 24px; color: #797979; } .blog .left .blog-box { padding-top: 20px; display: table; table-layout: fixed; } .blog .left.blogs-posts div.blog-box + div.blog-box { border-top: 1px solid #ddd; } /*CONTACT*/ .contact .container { padding: 2% 5% 1% 5%; } .contact .info-box .title { font-size: 30px; margin-bottom: 22px; font-weight: 600; } .contact .img-container { width: 50px; float: left; text-align: center; margin-right: 13px; } .contact .info-box .orange, .contact .info-box .orange > a { color: #f26222; font-size: 24px; line-height: 24px; font-weight: bold; } .contact .info-box .orange .info { color: #797979; font-size: 16px; line-height: 25px; margin-top: 6px; } .contact .info-box .orange, .contact .info-box .info { float: left; } .contact .info-box-inner, .contact .info-box { float: left; width: 100%; } .contact .info-box-inner { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .contact .info-box-inner:last-of-type { border-bottom: 0px; } .contact .form-box { background: url(/bundles/front/img/contact/form-bg.png) #ddd; background-size: cover; padding: 3%; float: left; width: 94%; margin-bottom: 30px; } .contact .form-box .title { font-size: 30px; font-weight: 600; text-align: center; margin: 10px 0px 30px; } .contact .form-box input, .contact .form-box textarea { background: rgba(0, 0, 0, 0.7); border: 0px; width: 94%; float: left; color: #fff; margin-bottom: 10px; padding: 12px 3%; border-radius: 2px; font-family: 'Open Sans'; } .contact .form-box input:focus, .contact .form-box textarea:focus { border: 0px; outline: 0px; } .contact .form-box textarea::-webkit-input-placeholder, .contact .form-box input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; font: 'Open Sans'; } .contact .form-box textarea:-moz-placeholder, .contact .form-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; font: 'Open Sans'; } .contact .form-box textarea::-moz-placeholder, .contact .form-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font: 'Open Sans'; } .contact .form-box textarea::-ms-input-placeholder, .contact .form-box input::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; font: 'Open Sans'; } .contact .form-box input[type="submit"] { background: #f26222; border-color: #f26222; width: auto; float: right; padding: 6px 32px; font-family: 'Open Sans'; font-size: 16px; font-weight: 500; border-radius: 3px; } .contact .form-box input[type="submit"]:hover { opacity: 1; } .contact .form-box textarea { min-height: 122px; resize: none; font-family: 'Open Sans'; } .links-container { border-top: 1px solid #ebe8e8; width: 100%; float: left; padding-bottom: 20px; } .links-container .one-column .header { text-align: center; font-size: 22px; color: #797979; } .links-container .one-column { width: 90%; float: left; padding: 0px 5%; } .faq .category-links li:before, .contact .category-links li:before, .offer .category-links li:before, .blog .category-links li:before, .about-us .category-links li:before, .make-order .category-links li:before { content: ''; position: absolute; left: 0; top: 1px; width: 10px; height: 10px; border: 2px solid #ddd; background: #ffffff; border-radius: 50%; } .one-column ul.category-links { text-align: center; } .one-column ul.category-links li, .offer .category-links li, .contact .category-links li, .about-us .category-links li, .make-order .category-links li { padding-left: 12px !important; } .contact .category-links li:before, .offer .category-links li:before, .about-us .category-links li:before, .make-order .category-links li:before { position: relative; display: inline-block; } .faq .category-links li:hover:before, .contact .category-links li:hover:before, .offer .category-links li:hover:before, .blog .category-links li:hover:before { border: 2px solid #f26222 !important; } .image-description .img { float: left; width: 100%; text-align: center; } .image-description .info { float: left; width: 100%; } .image-description .img img, .box.thirty img { width: 100%; } .image-description .desc { float: right; width: 100%; } .about-us .points .girl { float: right; width: 100%; text-align: center; } .about-us .points .points-list { float: right; width: 100%; } .quick-price p.dimensions-info { margin: 8px 0px 8px 0px; text-align: center; font-size: 14px; float: left; width: 100%; } .prices .package-type > p { color: #878787; text-align: center; font-size: 13px; margin-bottom: 20px; } .about-us .advantages .left, .about-us .advantages .right { float: left; width: 100%; } .about-us .advantages .right { text-align: center; } .about-us .advantages .right img, .solid-company .left img { max-width: 100%; } .about-us .join, .about-us .join-button { text-align: center; font-size: 12px; } .solid-company .left { width: 100%; text-align: center; } .solid-company .right { width: 100%; } .client-about .opinion { float: left; margin: 20px 20px; color: #4a4a4a; } .partners { text-align: center; } .table { display: table; width: 100%; border-collapse: collapse; font-size: 13px; min-width: 400px; } .table thead td { background: #f26223; border: 1px solid #f26223; color: #fff; padding: 20px 10px; text-align: center; font-weight: bold; vertical-align: middle; } .table tbody td { padding: 20px 10px; position: relative; overflow: hidden; text-align: center; vertical-align: middle; border: 1px solid #f26223; } .table tbody td:last-of-type, .table tbody td:first-of-type { padding: 10px; } .table tbody td:last-of-type { width: 10%; } .table tbody td img { /*display: inline-block;*/ /*padding-right: 80px;*/ padding-right: 8px; } .table tbody td span { position: relative; display: inline-block; } .table tbody td.special { padding: 20px !important; text-align: left; } .table tbody td span .label { position: absolute; top: 50%; margin-top: -8px; right: 0px; font-size: 16px; } .table tbody td span.package .label { right: 24px; } .table tbody td span.palette .label { right: 27px; } .offer .orange { font-size: 16px; line-height: 25px; font-weight: 700; } .offer .title.orange.title-margined { color: #f26223; font-size: 20px; } .orange { color: #f26223; font-weight: 600; } .orange span { color: #000; font-weight: normal; } .services .table tbody td:first-of-type, .services .table thead td:first-of-type { text-align: left; } .services .table tbody td:last-of-type { width: auto; } .make-order-courier .description { float: left; width: 100%; position: relative; z-index: 10; line-height: 26px; color: #797979; font-size: 16px; } .make-order-courier .image { float: left; width: 100%; position: relative; text-align: center; } .make-order-courier .image img { max-width: 100%; } .btn.btn-price-list.btn-send-package { position: absolute; top: 42%; right: 5%; font-weight: bold; font-size: 14px; background-color: #f36729; padding: 13px 0px 13px 11px; } .container.form_adresses, .container.padded { padding: 0 5% 5% 5%; } .offer .container { padding: 0 5% 1% 5%; } .box { float: left; } .box img { max-width: 100%; } .box .title { font-weight: 600; font-size: 30px; line-height: 42px; color: #797979; width: 100%; float: left; } .box.fourty, .box.sixty, .box.seventy, .box.thirty, .box.fifty { width: 100%; line-height: 25px; padding: 20px 0px; font-size: 16px } .box.img { text-align: center; } .box.seventy.no-padd { padding-left: 0px; } .offer .row { padding-bottom: 20px; } .title-margined { margin: 20px 0px 5px 0px; } .content.dashboard { background: none; box-shadow: none; -webkit-box-shadow: none; padding-bottom: 0px; margin-top: 8px; } .first_row { font: 400 16px 'Open Sans'; margin: 10px 0px 0px 0px; } .send_btn { color: #fff; float: left; padding: 12px 20px; font-size: 16px; font-weight: bold; padding-right: 60px; background: url('/bundles/front/img/box-arrowed.png') #f26222 right 10px center no-repeat; box-sizing: border-box; width: 100% } .promo_box { background-image: none; padding: 12px 20px; width: 100%; box-sizing: border-box; color: #f26222; float: left; text-align: center; font-weight: bold; background-color: #fff; } .bigBox, .smallBox, .halfBox, .quarterBox, .allBox { width: 100%; } .fluid-box { float: left; box-sizing: border-box; padding: 20px; background: #fff; margin-bottom: 8px; border: 1px solid #eee; box-shadow: 0px 0px 3px #eee; border-radius: 5px; position: relative; } .fluid-box pnew, .fluid-box h2 { font-size: 16px; font-weight: normal; margin-bottom: 20px; float: left; } .fluid-box pnew.second_row, .fluid-box h2.second_row { margin-top: 20px; } .fluid-box pnew.full-width, .fluid-box h2.full-width { width: 100%; } .fluid-box canvas { width: auto !important; height: auto !important; max-width: 100%; } .canvas-table { width: 100%; } .canvas-table td.dot { width: 20px; } .canvas-table span { width: 8px; height: 8px; border-radius: 50%; display: block; } .canvas-table td { padding: 5px 0px; } .fluid-box .buttonsContainer { float: right; border-radius: 10px; border: 1px solid #e2e2e2; } .fluid-box .buttonsContainer a { font-size: 12px; float: left; padding: 5px 15px; border-right: 1px solid #e2e2e2; color: #000; } .fluid-box .buttonsContainer a:hover { background: #e2e2e2; } .fluid-box .buttonsContainer a:last-of-type { border-right: 0px; } .legendaDonut ul { list-style: none; margin-top: 20px; } .legendaDonut ul li { float: left; padding-left: 0px; margin-right: 10px; position: relative; } .legendaDonut ul li strong { font-size: 17px; } .legendaDonut ul li span { width: 8px; height: 8px; border-radius: 50%; display: inline-block; position: relative; top: -2px; left: 0px; margin-right: 5px; } .singleChartContent .number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px; font-weight: bold; } .fluid-box .date { font-size: 14px; color: #c6c6c6; } .canvas-table span.black-dot { width: 8px; height: 8px; background: #000; border-radius: 50%; display: inline-block; margin-right: 10px; } .fluid-box canvas.chart-fixed { max-height: 340px; width: 100% !important; } .table-full { width: 100%; border-collapse: collapse; } .select-package-type .select-package { float: left; width: 100%; font-size: 15px; text-align: center; margin-right: 21px; position: relative; cursor: pointer; box-sizing: border-box; margin-bottom: 20px; } .dimension-fields .header-title { margin: 10px 0px; } .dimension-fields.dimensions-header + .dimension-fields.dimensions-header .row .header-title { display: none; } .dimensions-table .row { width: 48%; float: left; color: #2d2d2d; text-align: center; font-size: 13px; position: relative; margin-right: 4%; margin-bottom: 10px; } .dimensions-table .row:nth-child(2n) { margin-right: 0px; } .dimensions-table .row.select-wrapping { width: 100%; } .dimensions-table .row.select-shape { width: 100%; margin-right: 0px !important; } .dimensions-table span.customSelect { width: 100%; box-sizing: border-box; } .dimensions-table .relative.header-title { overflow: visible; } .dimensions-table .relative { overflow: hidden; } .laststep hnew, .laststep h1 { font-size: 32px; text-align: center; width: 100%; color: #f26222; margin: 50px 0px 40px; font-weight: bold; } .laststep p { font-size: 14px; line-height: 24px; text-align: center; } .laststep .buttons { text-align: center; margin-top: 40px; margin-bottom: 40px; } .laststep .buttons a { padding: 8px 15px; background: #f26222; color: #fff; border-radius: 5px; margin-bottom: 20px; } .laststep .buttons a:hover { opacity: 0.6; } .order-breadcumbs-container .breadcrumbs-rest { content: ''; height: 100%; width: 100%; background: #fe8008; position: absolute; right: -1200px; } .searcherBook.full-width { width: 100%; } .orange-btn { display: inline-block; font: 400 14px 'Open Sans'; background: #f26222; padding: 8px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; border: 0px; margin-left: 20px; } .searcherBook input[type="text"].codeInput { padding: 9px 25px 9px 15px; } .make-order .address-data { float: left; width: 96%; position: relative; } .make-order .address-data label { font-size: 14px; color: #313131; width: 100%; display: inline-block; margin-bottom: 10px; } .address-contact input.error_input ~ .has-error-label, .addres-name-surname input.error_input + .has-error-label, .address-line input.error_input ~ .has-error-label, .address-city input.error_input ~ .has-error-label, .address-phone-error { margin-left: 0px; } .make-order .address-data input { position: static; max-width: 100%; width: 100%; box-sizing: border-box; } .make-order .address-line input.street-line { width: 100%; margin-bottom: 5px; } .make-order .address-line input.number-line { width: 49%; margin-right: 2%; float: left; } .make-order .address-line input.number-line:last-of-type { margin-right: 0px; } .make-order .address-row { float: left; width: 100%; } .make-order .address-row ul li { color: red; font-size: 12px; position: absolute; } .make-order .address-city .city-label, .make-order .address-contact .phone-label { margin-top: 7px; } .address-contact .has-error-label, .addres-name-surname .has-error-label, .address-line .has-error-label, .address-city .has-error-label, .address-phone .has-error-label { display: none; } .address-contact input.error_input ~ .has-error-label, .addres-name-surname input.error_input + .has-error-label, .address-line input.error_input ~ .has-error-label, .address-city input.error_input ~ .has-error-label, .address-phone-error { display: block !important; margin-top: 6px; padding-left: 10px; } .make-order .address-data .address-save { text-align: right; } .make-order .address-data .address-save input { padding: 0px !important; border: 0px; margin: 0px; vertical-align: -2px; width: auto; } .make-order .address-data .address-save label { width: 355px; } .form_adresses .info_detail { right: -25px; bottom: 6px; } .form_adresses .address-save.info .info_detail { right: -22px; } .adress_book { display: inline-block; width: 28px; height: 28px; position: absolute; top: 27px; right: 1px; cursor: pointer; } .adress_book a { cursor: pointer; } .make-order .countrySelect { box-sizing: border-box; width: 100%; font-size: 14px; max-width: 100%; } .user_role span.customSelect { width: 39% !important; max-width: 39%; } .adress_saved { display: none; } .adress_saved .adress-book-search { max-width: 90%; } .adress_saved { position: fixed; width: 96% !important; min-height: 130px; background: rgba(255, 255, 255, 0.95); z-index: 1; top: 2%; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); left: 2%; padding: 15px; box-sizing: border-box; } .adress_saved.left { left: 2%; } .triangle-left { display: none; } ul.front-slider li { position: relative; display: none; } ul.front-slider li:first-of-type { display: block; } .bx-wrapper img { height: 100%; max-width: none; } .half-box { width: 100%; float: left; } .showpartial { display: none; } .showhalffull { display: none; } .showfull { display: inline-block; } #header .accountInfo a.dropbtn { } .notifications.dropdown-content { visibility: hidden; position: absolute; background: #fff; z-index: 1; right: -10px; width: 260px; height: auto; padding: 15px 10px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.2); opacity: 0; top: 20px; } .notifications.dropdown-content.show { opacity: 1; visibility: visible; top: 30px; } .notifications.dropdown-content:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ddd transparent; position: absolute; right: 7px; top: -10px; } .notifications.dropdown-content li { float: left; width: 240px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } .notifications.dropdown-content li:last-of-type { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .notifications.dropdown-content li a, .notifications.dropdown-content li p { margin: 0px; font-size: 12px; line-height: 16px; text-align: left; } .notifications.dropdown-content li a { font-weight: bold; font-size: 13px; margin-bottom: 5px; float: left; width: 100%; } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile + label { max-width: 100%; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 8px; } .no-js .inputfile + label { display: none; } .inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .inputfile + label * { /* pointer-events: none; */ /* in case of FastClick lib use */ } .inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; /* 4px */ margin-right: 0.25em; /* 4px */ } /* style 1 */ .inputfile-1 + label { color: #fff; background-color: #f26222; font-weight: normal; border-radius: 6px; margin-top: 10px; } .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover { opacity: 0.9; border: 0px; outline: 0px; } .error { font-size: 14px; color: red; } label.error { font-size: 11px; color: red; } .quick-price .first-page-input.weigth { width: 25%; } .quick-price .first-page-input { width: 21%; position: relative; float: left; margin-right: 4%; } .quick-price .first-page-input.last { margin-right: 0px; } .quick-price .first-page-input label.error_input { border-color: red; border-left: 1px solid red; } .quick-price .first-page-input input[type="text"] { width: 100%; height: 34px; border-radius: 6px; border: 1px solid #959595; font-size: 13px; color: #686868; text-align: left; padding: 0px 10px; box-sizing: border-box; } .quick-price .first-page-input label { position: absolute; top: 1px; right: 1px; height: 32px; width: 34px; font-weight: 600; font-size: 16px; color: #797979; border-radius: 7px; line-height: 32px; text-align: center; background: #ebebeb; border-left: 1px solid #959595; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .quick-price .first-page-input.last { margin-right: 0px; } .main-steps .steps-container .single-step h3 { font-weight: 600; font-size: 20px; } .fb_iframe_widget iframe, .fb_iframe_widget span { max-width: 100%; } .fb_iframe_widget span { margin: 0 auto; display: block !important; float: none; } @-webkit-keyframes flash { 0% { right: -100px; } 5% { right: 10px; } 20% { opacity: 1; } 40% { opacity: 0.9; } 60% { opacity: 1; } 80% { opacity: 0.9; } 95% { opacity: 1; } 100% { opacity: 0; } } @media (min-width: 1024px) { .image-description .img { } .image-description .info { width: 22%; } .mobileMenuTop, .hamburger-menu, .menuLeftButton { display: none !important; } .advancedSearcherContent .multi-input { width: 66%; margin-bottom: 20px } .advancedSearcherContent .multi-input.dates .input-inner { width: 50%; float: left; } .advancedSearcherContent .multi-input.dates input { width: 96%; } .advancedSearcherContent .multi-input.dates label { width: 56%; width: calc(60% - 10px); float: none; display: inline-block; } .advancedSearcherContent .multi-input.dates label i { top: 9px; right: 5px; } .advancedSearcherContent .single-input .date-label { width: 56%; width: calc(60% - 10px); } .advancedSearcherContent .single-input .date-label input { width: 100%; } .select-input { width: 70%; } .showpartial { display: inline-block; } .showhalffull { display: none; } .showfull { display: none; } } @media (max-width: 1280px) { .importContent { width: 75%; } .additionalOptionsContent .singleRow .singleElement.numberAccount input[type="text"] { width: 120px; } .newTemplateContent .sizePackageContent .singleSizePackage .selectElements { width: 100%; } .newTemplateContent .sizePackageContent .singleSizePackage .singleSelectElement { margin: 10px 20px 0px 0px; } .additionalOptionsContent .singleRow .singleElement.checkboxElement { width: 100%; } } @media (max-width: 1023px) { .loginPanel .loginCol { width: 80%; margin-bottom: 40px; } .loginPanel .loginCol input[type="text"], .loginPanel .loginCol input[type="password"], .loginPanel .loginCol input[type="email"] { width: 50%; } .loginPanel .loginCol, .loginPanel .loginCol h2, .loginPanel .loginCol pnew, .loginPanel .loginCol p, .loginCol form { text-align: center; } .loginPanel .loginCol .facebook, .loginPanel .loginCol .googleplus { margin: 0px auto 5px auto } .loginPanel .loginCol a .additionalOptionsContent .singleRow .singleElement { margin-top: 10px; } .additionalOptionsContent .singleRow .singleElement.numberAccount input[type="text"] { width: 100px; } .advancedSearcherContent .single-input select, .advancedSearcherContent .single-input input { float: right; } .advancedSearcherContent .multi-input { width: 100%; } .dashboardContent { width: 96%; margin: 1% 2%; } .leftMenu { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); position: fixed; z-index: 99; left: -200px; transition: left .2s; max-height: 87%; max-height: calc(100% - 50px); overflow-y: auto; } .leftMenu.active { left: 0px; } .topBar .menu { display: none; } .accountInfo ul li { display: none; } .accountInfo ul li:last-child { display: inline-block; margin-top: 13px; float: left; } .accountInfo ul li:last-child .glyphicon { color: #f26222; font-size: 24px; } .accountInfo ul li a { float: left; } .mobileMenuTop .accountInfo ul li { display: inline-block; } .mobileMenuTop .accountInfo ul li:last-child { float: none; } .tableCodes { width: 98%; } .tableCodes thead tr th, .tableCodes tbody tr td { padding: 6px 10px; } .tableCodes thead tr th { font-size: 13px; } .invoiceContent .advancedSearcher { font-size: 0px; } .invoiceContent .advancedSearcher i { font-size: 20px; } .advancedSearcherContent .single-input { width: 48%; margin-right: 2%; float: left; } .advancedSearcherContent .multi-input.dates label { float: right; width: 56%; width: calc(60% - 10px); } .advancedSearcherContent .multi-input.dates label i { right: 10px; top: 6px; } .advancedSearcherContent .multi-input.dates input { width: 96%; margin-bottom: 5px; float: right; } .advancedSearcherContent .multi-input.dates span { width: 20%; } .advancedSearcherContent .multi-input.dates .input-inner { width: 48%; float: left; margin-right: 2%; } .userData, .invoiceData, .downloadData { width: 80%; } .advancedSearcherContent .single-input .date-label { width: 60%; float: right; position: relative; } .advancedSearcherContent .checkboxContent { padding-left: 3.4%; } .newTemplateContent .courierContent .singleCourierContent { width: 40%; margin-bottom: 10px; } .searcher input[type="text"], .addCode input[type="text"] { width: auto; max-width: 100%; margin-bottom: 5px; } .edit-content input, .edit-content textarea { margin-top: 10px; } .edit-content input, .edit-content textarea, .edit-content label { width: 100%; } } @media (max-width: 900px) { .main-steps .steps-container .single-step { width: 100%; } } @media (max-width: 650px) { .loginPanel .loginCol input[type="text"], .loginPanel .loginCol input[type="password"], .loginPanel .loginCol input[type="email"] { width: 65%; } .addCode, .searcher { width: 100%; margin-bottom: 0px; } .searcher input[type="text"], .addCode input[type="text"], .searcherBook input[type="text"], .searcherBook { float: left; } .searcherBook input[type="text"] { width: auto; } .addressBook { width: 100%; } .searcherBook { padding-top: 20px; } .addressBook a { margin-top: 10px; } .advancedSearcherContent span { padding-left: 0px; } .advancedSearcherContent .checkboxContent { padding-left: 0px; } .advancedSearcherContent .btnSearch { margin-right: 0px; } .acceptData input[type="submit"] { float: left; } .video.main-video .container { padding: 20px 0px; } .video.main-video .video-desc { margin-bottom: 40px; margin-top: 20px; padding: 0px 5%; width: 90%; } .video .video-desc { } } @media (max-width: 520px) { .addCode, .searcher { width: 100%; } .quick-price .first-page-input, .quick-price .first-page-input.weigth { width: 100%; margin-right: 0%; margin-bottom: 20px; } .userData .dataUserElement.adress_container .input { width: 60%; float: right; margin-right: 0px; margin-bottom: 5px; } .prices .quick-price-results { margin: 0px 20px; } .additionalOptionsContent .checkboxContent .colWithChecboxes { width: 100%; } .advancedSearcherContent .multi-input.dates label { float: right; width: 56%; width: calc(60% - 10px); } .additionalOptionsContent .singleRow .singleElement span, .additionalOptionsContent .singleRow .singleElement.numberAccount span, .additionalOptionsContent .singleRow .singleElement input[type="number"] { width: 100px; } .mobileMenuTop ul.menu li { width: 100%; margin: 0px 10px 0px 0px; } .mobileMenuTop .accountInfo ul { text-align: center; } .mobileMenuTop .accountInfo ul li { display: inline-block; width: auto; margin: 0px 5px; text-align: center; } .mobileMenuTop .accountInfo .notifications.dropdown-content li { margin-bottom: 10px; } .mobileMenuTop .accountInfo ul li:last-child { float: none; } .advancedSearcherContent .sender, .advancedSearcherContent .recipient, .advancedSearcherContent .numberPack, .advancedSearcherContent .carrier, .advancedSearcherContent .numberInvoice, .advancedSearcherContent .status, .advancedSearcherContent .date { width: 100%; } .advancedSearcherContent .single-input { width: 100%; } .advancedSearcherContent .multi-input.dates span { width: 40%; } .advancedSearcherContent .multi-input.dates .input-inner { width: 100%; float: left; } .userData, .invoiceData, .downloadData { width: 100%; } .advancedSearcherContent .single-input .date-label { width: 60%; } .main-steps .single-step { width: 100%; } } @media (max-width: 420px) { .additionalOptionsContent .singleRow .singleElement span, .additionalOptionsContent .singleRow .singleElement.numberAccount span { width: 80px; } } @media (min-width: 560px) { .profit .items.left, .profit .items.right { width: 40%; } .stats .item { width: 50%; } .news .news-container .item { float: left; width: 49%; margin-right: 1%; } .news .news-container .item:nth-child(even) { margin-right: 0px; margin-left: 1%; } .blog .blog-box { width: 49%; } .blog .blog-box:nth-of-type(even) { margin-right: 2%; } .blog .left .blog-box { width: 100%; } .blog .left .blog-box:nth-of-type(even) { margin-right: 0%; } .contact .info-box .title { text-align: center; } .contact .info-box-inner { width: 60%; margin-left: 20%; } .image-description .img { float: none; width: 23%; padding-right: 2%; display: table-cell; vertical-align: top; } .image-description .info { float: none; width: 25%; padding-right: 2%; display: table-cell; vertical-align: top; } .image-description .desc { float: none; width: 75%; display: table-cell; vertical-align: middle; } .about-us .points { width: 80%; margin: 0 auto; } .about-us .points .girl { float: none; width: 50%; display: table-cell; vertical-align: middle; } .about-us .points .points-list { float: none; width: 35%; display: table-cell; vertical-align: middle; } .btn.btn-price-list.btn-send-package { left: 58%; } .dimensions-table .row { width: 23%; margin-right: 2.66%; } .dimensions-table .row:nth-child(2n) { margin-right: 2.66%; } .dimensions-table .row:nth-child(4) { margin-right: 0px; } .dimensions-table .row.select-wrapping { width: 49%; margin-right: 2%; } .dimensions-table .row.select-shape { width: 49%; margin-right: 0px !important; } .user_role span.customSelect { width: 260px !important; padding-right: 20px; } } @media (min-width: 740px) { .half-box { width: 48%; margin-right: 2%; } .half-box.last { margin-right: 0px; } .contact .info-box-inner { width: 50%; border: 0px; margin-left: 0px; } .contact .info-box .title { text-align: left; } .links-container .one-column { width: 35%; margin-right: 1%; padding: 0px 7%; } .links-container .one-column .header, .one-column ul.category-links { text-align: left; } .contact .category-links li:before, .offer .category-links li:before, .about-us .category-links li:before, .make-order .category-links li:before { position: absolute; } .one-column ul.category-links li, .offer .category-links li, .contact .category-links li, .about-us .category-links li, .make-order .category-links li { padding-left: 25px !important; } } @media (min-width: 901px) { .video .video-desc { width: 40%; padding-right: 5%; padding-left: 2%; vertical-align: top; float: none; } .adress_book { top: 2px; } .links-container .one-column { width: 22%; padding: 0px; margin-right: 1%; padding: 1%; } .stats .item { width: 25%; } .video .video-content { width: 50%; float: none; } .profit img.bg { opacity: 1; max-width: 32%; } .profit .items.left, .profit .items.right { width: 29%; padding: 2%; } .profit .items.right { float: right; } .profit .single-item .left-side { float: left; width: 24%;; text-align: left; } .profit .single-item .right-side { width: 76%; float: right; } .profit .items.right .single-item .left-side { width: 76%; } .profit .items.right .single-item .right-side { width: 24%; text-align: right; } .profit .items.right .single-item h3, .profit .items.right .single-item p { text-align: right; font-size: 16px; line-height: 25px; } .profit .items.left .single-item h3, .profit .items.left .single-item p { text-align: left; font-size: 16px; line-height: 25px; } .cheap-shipping .image, .cheap-shipping .description { display: table-cell; float: none; vertical-align: middle; } .cheap-shipping .image { text-align: center; } .how-to .image, .how-to .description { display: table-cell; float: none; vertical-align: middle; direction: ltr; } .how-to .description { width: 48%; } .how-to .description p { text-align: justify; } .how-to .description .title { text-align: left; } .how-to .image { width: 50%; } .how-to .container { padding: 0px; display: table; direction: rtl; } .news .news-container { padding: 0 2% 5% 2%; } .news .news-container .item { float: left; width: 23%; margin: 0px 2.6666666%; } .news .news-container .item:nth-child(even) { margin-right: 0px; margin-left: 0px; } .news .news-container .item:first-of-type { margin-left: 0px; } .news .news-container .item .image { height: 140px; } .faq .container .left, .blog .container .left { float: left; width: 72%; margin-right: 4%; } .faq .container .right, .blog .container .right { float: right; width: 24%; } .faq .faq-search-form input[type="text"] { width: 88% !important; } .blog .blog-box .image { width: 20%; height: 53px; margin-right: 3%; } .blog .left .blog-box .image, .blog .left .blog-box .description { display: table-cell; float: none; vertical-align: middle; } .blog .left .blog-box .image { width: 33%; height: auto; } .blog .left .blog-box .image .image-container { float: left; width: 100%; height: 160px; position: relative; } .blog .left .blog-box .description { width: 64%; padding-left: 30px; } .blog .left .blog-box .image img { position: absolute; left: 0px; transform: translate(0%, -50%); } .blog .container { padding: 2% 5% 1% 5%; } .blog .blog-box { width: 100%; } .blog .blog-box:nth-of-type(even) { margin-right: 0%; } .blog .blog-box .description { width: 72%; } .contact .form-box .left { width: 33%; float: left; } .contact .form-box .right { float: right; width: 66%; } .prices .package-type { width: 15%; margin: 29px 0px 21px 2%; } .quick-price { width: 49.5%; margin-left: 3%; } .dimension-input.weigth input[type="text"] { width: 358px; } .about-us .advantages .left { width: 40%; float: none; display: table-cell; vertical-align: middle; } .about-us .advantages .right { padding-left: 5%; width: 55%; float: none; display: table-cell; vertical-align: middle; } .about-us .join, .about-us .join-button { text-align: left; } .solid-company .left { width: 39%; text-align: left; margin-right: 3%; } .solid-company .right { width: 50%; } .client-about .opinion { width: 29%; margin: 2%; } .make-order-courier .image { width: 40%; top: -35px; } .make-order-courier .description { width: 60%; } .box.fourty { width: 40%; float: none; display: table-cell; vertical-align: middle; } .box.sixty { width: 55%; padding-right: 5%; float: none; display: table-cell; vertical-align: middle; } .box.seventy { width: 68%; padding-left: 2%; float: none; display: table-cell; vertical-align: middle; } .box.thirty { width: 26%; float: none; display: table-cell; vertical-align: middle; } .box.fifty { width: 50%; float: none; display: table-cell; vertical-align: middle; } .box.fifty.img.first { padding-right: 5%; } .box.fifty.img.last { padding-left: 5%; } .box.seventy.no-padd { float: left; } .first_row { display: flex; } .send_btn { width: 210px; display: flex; justify-content: center; align-items: center; } .promo_box { width: auto; width: calc(100% - 218px); margin-left: 8px; -webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .singleChartContent { width: 60%; float: left; } .ChartLegendContent { width: 35%; margin-left: 4.5%; float: left; } .fluid-box pnew.second_row, .fluid-box h2.second_row { margin-top: 0px; } .legendaDonut ul { margin: 0px; } .legendaDonut ul li { width: 100%; margin-top: 12px; } .ChartLegendContent.absoluted { position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%); } .singleChartContent.relative { margin-top: 20px; } .select-package-type .select-package { width: 32%; width: calc(33% - 12px); margin-bottom: 0px; } .dimensions-table .row { width: 22%; margin-right: 4%; } .dimensions-table .row:nth-child(2n) { margin-right: 4%; } .dimensions-table .row:nth-child(4) { margin-right: 0px; } .dimensions-table .row.select-wrapping { width: 48%; margin-right: 4%; } .dimensions-table .row.select-shape { width: 48%; } .make-order .address-data { width: 47%; margin-right: 6%; } .make-order .address-data.right { margin-right: 0px; } .make-order .address-data label { width: 30%; } .address-contact input.error_input ~ .has-error-label, .addres-name-surname input.error_input + .has-error-label, .address-line input.error_input ~ .has-error-label, .address-city input.error_input ~ .has-error-label, .address-phone-error { margin-left: 30%; } .make-order .address-data input { width: 67.5%; } .make-order .address-line input.street-line { width: 36%; } .make-order .address-line input.number-line { width: 15%; float: none; margin-right: 0px; } .make-order .address-city input.postal-code { width: 20%; margin-right: 1%; } .make-order .address-city .city-label { width: 12%; } .make-order .address-city input.city-input { width: 33%; } .make-order .address-contact input.email-input { width: 30%; margin-right: 1%; } .make-order .address-contact input.email-input { width: 30%; } .make-order .address-contact .phone-label { width: 16%; } .make-order .address-contact input.phone-input { width: 19%; } .make-order .addres-name-surname.usered input.name-surname { width: 59%; } .make-order .addres-name-surname input.name-surname { width: 67.5%; } .make-order .countrySelect { width: 67.5%; } .form_adresses .info_detail { top: 50%; margin-top: -10px; } .form_adresses .address-save.info .info_detail { margin-top: -13px; } .adress_saved { position: absolute; top: 0px; right: 40px; left: auto; } .triangle-left { display: block; } .adress_saved.left { left: auto; right: -5%; } .bx-wrapper, .bx-viewport { height: 440px !important; overflow: hidden; } .bx-wrapper ul li { height: 440px; } .about-us .advantages .header { text-align: left; margin-left: 0px; line-height: 32px; } .main-steps .steps-container .single-step { width: 20%; float: left; } .main-steps .single-step .arrow { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); left: auto; right: -11px; bottom: auto; margin-left: -11px; top: 28px; } .main-steps .steps-container .single-step h3 { padding: 0px 10px; } .notifications.dropdown-content { width: 320px; } .notifications.dropdown-content li { width: 300px; } .image-description .img { width: 17%; } .image-description .info { width: 22%; } } @media (min-width: 1201px) { .dashboardContent { width: 82%; width: calc(99% - 210px); } .dimensions { margin-top: 20px; } .quick-price { margin-left: 0px; } .dimension-input.weigth input[type="text"], .dimension-input.weigth { width: 100px; } .topBar .menu li a { padding: 16px 10px; } .contact .info-box-inner { width: 100%; border-bottom: 1px solid #ddd } .contact .info-box-inner:last-of-type { border-bottom: 0px; } .contact .info-box { width: 30%; margin-right: 4.5%; } .contact .info-box.last { margin-right: 0px; } .prices .package-type > p { margin-left: 10px; float: left; margin-right: 10px; } .make-order-courier .image { width: 40%; top: -70px; text-align: left; } .btn.btn-price-list.btn-send-package { right: auto; left: 260px; } .promo_box { background: #fff; padding: 12px 150px; background-image: url('/bundles/front/img/boxes.png'), url('/bundles/front/img/boxes-reversed.png'); background-repeat: no-repeat; background-position: center left, center right 10px; } .dimensions-table .row { /*width: 10%;*/ width: 13%; margin-right: 2%; } .dimensions-table .row:nth-child(2n), .dimensions-table .row:nth-child(4) { margin-right: 2%; } .dimensions-table .row.select-wrapping { width: 18%; } .dimensions-table .row.select-shape { width: 18%; margin-right: 1.5% !important; } .dimensions-table .row.operations { margin-top: 32px; } .dimension-fields.dimensions-header + .dimension-fields.dimensions-header .row.operations { margin-top: 0px; } .order-breadcumbs-container .breadcrumbs-rest { right: -75%; } .dimensions-table .row.select-wrapping { margin-right: 2%; } .make-order .address-data label { width: 21%; } .address-contact input.error_input ~ .has-error-label, .addres-name-surname input.error_input + .has-error-label, .address-line input.error_input ~ .has-error-label, .address-city input.error_input ~ .has-error-label, .address-phone-error { margin-left: 21%; } .make-order .addres-name-surname.usered input.name-surname { width: 71%; } .make-order .addres-name-surname input.name-surname { width: 77.5%; } .make-order .address-data input { width: 77.5%; } .make-order .address-line input.street-line { width: 38%; } .make-order .address-line input.number-line { width: 19%; } .make-order .address-city .city-label { width: 10%; } .make-order .address-city input.city-input { width: 44%; } .make-order .address-contact input.email-input { width: 39%; } .make-order .address-city input.postal-code { width: 21%; } .make-order .address-contact .phone-label { width: 11%; } .make-order .address-contact input.phone-input { width: 25%; } .make-order .countrySelect { width: 77.5%; } } @media (min-width: 1300px) { .bigBox { width: 59.5%; } .allBox { width: 99.5%; } .smallBox { width: 40%; } .halfBox { width: 49.5%; } .quarterBox { width: 24.625%; } .flex-row { display: flex; flex-flow: row wrap; } /*.flex-row div:first-of-type {*/ /*margin-right: 0.5%;*/ /*}*/ .flex-row div.fluid-box { margin-right: 0.5%; } .flex-row div.fluid-box:last-of-type { margin-right: 0%; } .showpartial { display: none; } .showhalffull { display: inline-block; } .showfull { display: none; } } @media (min-width: 1500px) { .dashboardContent { width: 85%; width: calc(99% - 210px); } .showpartial { display: none; } .showhalffull { display: none; } .showfull { display: inline-block; } } @media (min-width: 1900px) { .dashboardContent { width: 88%; width: calc(99% - 210px); } .bx-wrapper img { height: auto; max-width: 100%; width: 100%; } } @media print { .topBar, .searcherBook, .advancedSearcherContainer, .advancedSearcher, .singleInvoice a, .addressBook, .importContent form /*.invoiceContent*/ { display: none !important; } .content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } form input + ul { list-style: none; } form input + ul li, .login-error { color: red; font-size: 11px; / / font-weight: bold; padding-bottom: 10px; } .fos_user_registration_register br:last-of-type { display: none; } .ui-widget-header .ui-icon { background-image: url(/bundles/app/img/ui-icons_444444_256x240.png); } .pagination span a, .pagination span { display: inline-block; width: 15px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; color: #f26223; text-decoration: none; margin-top: 10px; } .pagination span a:hover { background-color: #f26223; border: none; color: white; text-decoration: none; } .pagination span { color: #999; } .pagination { text-align: center; } /*.unstyled::-webkit-inner-spin-button,*/ .unvisible::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 0; filter: alpha(opacity=0); height: 16px; z-index: 10; -webkit-appearance: none; margin-left: 5px; } .red-insurance-label { color: red; font-size: 12px; } .red-insurance-label.right { text-align: right; } .service-element-extra-children .red-insurance-label { padding-left: 25px; padding-bottom: 7px; padding-top: 4px; } /** Aran fix */ #cookies { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.7); opacity: 0.9; position: fixed; background-color: black; color: white; margin: 5px; padding: 10px; padding-right: 30px; z-index: 4; border-radius: 5px; width: 370px; height: auto; bottom: 10px; left: 10px; font-size: 11px; line-height: 16px; } #cookies a { color: white; text-decoration: underline; } @media (max-width: 650px) { #cookies { box-shadow: none; border-radius: 0px; width: 100%; bottom: 0px; left: 0px; margin: 0px; padding-right: 30px; box-sizing: border-box; } } #cookies .close { right: 11px; position: absolute; } .tooltip { position: relative; display: inline-block; /*border-bottom: 1px dotted black; !* If you want dots under the hoverable text *!*/ } /* Tooltip text */ .tooltip .tooltiptext { /*visibility: hidden;*/ opacity: 0.9; /*width: 120px;*/ background-color: #707171; color: #fff; text-align: center; padding: 5px 5px; border-radius: 6px; margin-top: 15px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ /*.tooltip:hover .tooltiptext {*/ /*visibility: visible;*/ /*}*/ /*.tooltip:before{*/ .tooltip.hover:before { /*visibility: hidden;*/ opacity: 0.9; transition-delay: 2s; border: solid; border-color: #707171 transparent; border-width: 0px 6px 6px 6px; bottom: -10px; content: ""; left: 30%; position: absolute; z-index: 2; } .make-order .address-row.user_role { padding-bottom: 10px; } .make-order .address-row.clear-data { font-size: 10px; text-align: right; } .make-order .address-row.clear-data a { color: #fe8008; } .make-order .address-row.clear-data span { color: red; } .make-order .change-items { width: 0%; float: left } .make-order .change-items div { float: right; padding-top: 16px } .tableCodes tbody tr td.action-text a { display: block; } .nowrap { white-space: nowrap; } @media (max-width: 900px) { .make-order .change-items { width: 100%; } } /** * display options */ .show400, .show600, .show800, .show1000, .show300 { display: none; } @media (min-width: 300px) { .show400, .show600, .show800, .show1000, .show300, .showMin { display: none; } .show300 { display: inline-block; } } @media (min-width: 400px) { .show400, .show600, .show800, .show1000, .show300, .showMin { display: none; } .show400 { display: inline-block; } } @media (min-width: 600px) { .show400, .show600, .show800, .show1000, .show300, .showMin { display: none; } .show600 { display: inline-block; } } @media (min-width: 800px) { .show400, .show600, .show800, .show1000, .show300, .showMin { display: none; } .show800 { display: inline-block; } } @media (min-width: 1000px) { .show400, .show600, .show800, .show1000, .show300, .showMin { display: none; } .show1000 { display: inline-block; } } .chat { width: 80%; margin: 0 auto; } .chat .box-blue a { color: #797979 } .chat .box-green a { color: #ecc8c8 } .chat .box { padding: 10px; width: 80%; border-radius: 6px; display: block; margin-top: 15px; } .chat .box .author { font-weight: 300; } .chat .box .text { margin: 15px 0px; font-weight: 500; } .chat .box .time { /*font-weight: 700;*/ font-size: 0.8em; float: right; } .chat .box-blue { float: right; background: #f5bc9fb3; } .chat .box-green { float: left; background: #f26222; color: #ecc8c8; } .dataForm { float: left; display: block; width: 80%; margin: 5% 10%; } .dataForm textarea { border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; height: 200px; resize: none; } .dataForm .input ul { list-style: none; } .dataForm .input ul li { color: #ff0000; } .make-order .phone-input::placeholder { color: #999999 !important; } .regulations-archive h3 { font-weight: bold; } .regulations-archive ul li { font-size: 14px; margin-top: 12px; } /* ---------------------------- Actions ---------------------------- */ .custombox-open, .custombox-open body { overflow: hidden; } .custombox-perspective, .custombox-perspective body { perspective: 600px; height: 100%; } .custombox-overlay-open { visibility: visible; opacity: 1; } /* ---------------------------- Defaults ---------------------------- */ .custombox-overlay { top: 0; right: 0; bottom: 0; left: 0; position: fixed; transition-delay: 0s; } .custombox-overlay-default { transition-timing-function: linear; transition-property: opacity; opacity: 0; } .custombox-modal-wrapper { right: 0; top: 0; bottom: 0; left: 0; outline: 0 none; overflow: auto; position: fixed; text-align: center; } .custombox-modal-container { margin: 0 auto; position: relative; } .custombox-modal img { max-width: 100%; height: auto; } .custombox-scrollbar { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .custombox-loading { position: fixed; transform: translateY(-50%) translateX(-50%); top: 50%; left: 50%; } /* ---------------------------- Overlay: Letmein ---------------------------- */ .custombox-overlay-letmein { transition-property: all; transition-timing-function: ease; visibility: hidden; } .custombox-overlay-open.custombox-overlay-letmein { transform: rotateX(-2deg); transform-origin: 50% 0; transform-style: preserve-3d; visibility: visible; opacity: 1; } /* ---------------------------- Overlay: Slide together ---------------------------- */ .custombox-overlay-slidetogether { transform: translateY(-100%); transition-property: transform ease-in-out; } .custombox-overlay-open.custombox-overlay-slidetogether { transform: translateY(0); transition-property: transform ease-in-out; } /* ---------------------------- Overlay: Corner ---------------------------- */ .custombox-overlay-corner { transform: translateY(150px) translateX(150px); transition-property: opacity, transform, visibility; } .custombox-overlay-open.custombox-overlay-corner { transform: translateY(0); transition-property: opacity, transform; } /* ---------------------------- Overlay: Scale ---------------------------- */ .custombox-overlay-scale { transform: scale(0.9); transition-property: transform; } .custombox-overlay-open.custombox-overlay-scale { transform: scale(1); transition-property: transform; } /* ---------------------------- Overlay: Door ---------------------------- */ .custombox-overlay-door { visibility: hidden; width: 0; left: 50%; transform: translateX(-50%); transition-property: width ease-in-out; } .custombox-overlay-open.custombox-overlay-door { visibility: visible; width: 100%; transition-property: width ease-in-out; } /* ---------------------------- Overlay: Push ---------------------------- */ .custombox-container-push { overflow-x: hidden; transition-property: transform; } .custombox-container-open.custombox-container-push { transform: translateX(100%); } .custombox-overlay-push { backface-visibility: hidden; transform: translateX(-100%); transition-property: transform ease-in-out; } .custombox-overlay-open.custombox-overlay-push { transform: translateX(0); transition-property: transform ease-in-out; } /* ---------------------------- Overlay: Content Scale ---------------------------- */ .custombox-open-contentscale body { background-color: #DDD; } .custombox-container-contentscale { transition: transform 0.5s; overflow: hidden; height: 100%; } .custombox-container-open.custombox-container-contentscale { transform: scale(0.8); } .custombox-overlay-contentscale { transform: translateY(100%); transition-property: transform ease-in-out; } .custombox-overlay-open.custombox-overlay-contentscale { transform: translateY(0); transition-property: transform ease-in-out; } /* ---------------------------- Overlay: Makeway ---------------------------- */ .custombox-container-open.custombox-container-makeway { height: 100%; overflow: hidden; } .custombox-overlay-open.custombox-overlay-makeway { transition-property: all; } .custombox-overlay-open.custombox-overlay-makeway, .custombox-container-open.custombox-container-makeway { transform-style: preserve-3d; transform-origin: 0 50%; animation: rotateRightSideFirst 0.5s forwards ease-in; } @keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); } } /* ---------------------------- Overlay: Slip ---------------------------- */ .custombox-overlay-open.custombox-overlay-slip { transition-property: all; } .custombox-overlay-open.custombox-overlay-slip, .custombox-container-open.custombox-container-slip { transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in-out; } @keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; } } /* ---------------------------- Modal: Fadein ---------------------------- */ .custombox-modal-fadein { transform: scale(0.7); transition-property: all; opacity: 0; visibility: hidden; } .custombox-modal-open .custombox-modal-fadein { transform: scale(1); opacity: 1; visibility: visible; } /* ---------------------------- Modal: Slide ---------------------------- */ .custombox-modal-container-slide > div, .custombox-modal-container-slidetogether > div { opacity: 0; float: left; } .custombox-modal-open > .custombox-modal-container-slide > div, .custombox-modal-open > .custombox-modal-container-slidetogether > div { opacity: 1; } /* ---------------------------- Modal: Slide from top ---------------------------- */ .custombox-modal-slide-top { transform: translateY(-300%); } .custombox-modal-open .custombox-modal-slide-top { transform: translateY(0); } /* ---------------------------- Modal: Slide from left ---------------------------- */ .custombox-modal-slide-left { transform: translateX(-300%); } .custombox-modal-open .custombox-modal-slide-left { transform: translateX(0); } /* ---------------------------- Modal: Slide from right ---------------------------- */ .custombox-modal-slide-right { transform: translateX(300%); } .custombox-modal-open .custombox-modal-slide-right { transform: translateX(0); } /* ---------------------------- Modal: Slide from bottom ---------------------------- */ .custombox-modal-slide-bottom { transform: translateY(300%); } .custombox-modal-open .custombox-modal-slide-bottom { transform: translateY(0); } /* ---------------------------- Modal: Newspaper ---------------------------- */ .custombox-modal-newspaper { transform: scale(0) rotate(720deg); opacity: 0; transition-property: all; position: absolute; } .custombox-overlay-newspaper { transition-property: all; } .custombox-modal-open .custombox-modal-newspaper { transform: scale(1) rotate(0deg); opacity: 1; } /* ---------------------------- Modal: Fall ---------------------------- */ .custombox-modal-container-fall { perspective: 1300px; } .custombox-modal-fall { transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); opacity: 0; } .custombox-modal-open .custombox-modal-fall { transition-timing-function: ease-in; transition-property: all; transform: translateZ(0) rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: Sideball ---------------------------- */ .custombox-modal-container-sidefall { perspective: 1300px; } .custombox-modal-wrapper-sidefall { overflow-x: hidden; } .custombox-modal-sidefall { transform-style: preserve-3d; transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .custombox-modal-open .custombox-modal-sidefall { transition-timing-function: ease-in; transition-property: all; transform: translate(0) translateZ(0) rotate(0deg); opacity: 1; } /* ---------------------------- Modal: Blur ---------------------------- */ .custombox-open-blur .custombox-container-blur { filter: blur(3px); } @media all and (-ms-high-contrast: none) { .custombox-open-blur .custombox-container-blur { text-shadow: 0 0 8px #000; color: rgba(255,255,255,0); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); zoom: 1; } } .custombox-modal-blur { transform: translateY(-5%); opacity: 0; position: absolute; } .custombox-overlay-blur, .custombox-modal-container-blur { transition-property: all; } .custombox-modal-open .custombox-modal-blur { transform: translateY(0); opacity: 1; } /* ---------------------------- Modal: 3D Flip generic ---------------------------- */ .custombox-modal-container-flip { perspective: 1300px; } /* ---------------------------- Modal: 3D Flip horizontal ---------------------------- */ .custombox-modal-flip-horizontal { position: absolute; transform-style: preserve-3d; transform: rotateY(-70deg); transition-property: all; opacity: 0; } .custombox-modal-open .custombox-modal-flip-horizontal { transform: rotateY(0deg); opacity: 1; } /* ---------------------------- Modal: 3D Flip vertical ---------------------------- */ .custombox-modal-flip-vertical { position: absolute; transform-style: preserve-3d; transform: rotateX(-70deg); transition-property: all; opacity: 0; } .custombox-modal-open .custombox-modal-flip-vertical { transform: rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: 3D Sign ---------------------------- */ .custombox-modal-container-sign { perspective: 1300px; } .custombox-modal-sign { transform-style: preserve-3d; transform: rotateX(-60deg); transform-origin: 50% 0; opacity: 0; transition-property: all; } .custombox-modal-open .custombox-modal-sign { transform: rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: Superscaled ---------------------------- */ .custombox-modal-superscaled { transform: scale(2); opacity: 0; transition-property: all; position: absolute; } .custombox-modal-open .custombox-modal-superscaled { transform: scale(1); opacity: 1; } /* ---------------------------- Modal: 3D Slit ---------------------------- */ .custombox-modal-container-slit { perspective: 1300px; } .custombox-modal-slit { transform-style: preserve-3d; transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .custombox-modal-open .custombox-modal-slit { animation: slit .7s forwards ease-out; } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-out; } 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* ---------------------------- Modal: 3D Rotate generic ---------------------------- */ .custombox-modal-container-rotate { perspective: 1300px; } /* ---------------------------- Modal: 3D Rotate from bottom ---------------------------- */ .custombox-modal-rotate-bottom { transform-style: preserve-3d; transform: translateY(100%) rotateX(90deg); transform-origin: 0 100%; opacity: 0; transition-timing-function: ease-out; transition-property: all; position: absolute; } .custombox-modal-open .custombox-modal-rotate-bottom { transform: translateY(0) rotateX(0deg); opacity: 1; } /* ---------------------------- Modal: 3D Rotate from left ---------------------------- */ .custombox-modal-rotate-left { transform-style: preserve-3d; transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform-origin: 0 100%; opacity: 0; transition-property: all; position: absolute; } .custombox-modal-open .custombox-modal-rotate-left { transform: translateZ(0) translateX(0) rotateY(0deg); opacity: 1; } /* ---------------------------- Modal: Letmein ---------------------------- */ .custombox-modal-container-letmein { transition-property: transform; transform: rotateX(-2deg); transform-origin: 50% 0; transform-style: preserve-3d; opacity: 1; } .custombox-modal-letmein { opacity: 0; transform: translateY(300%); float: left; } .custombox-modal-open .custombox-modal-letmein { transform: translateY(0); opacity: 1; transition-property: all; } /* ---------------------------- Modal: Makeway ---------------------------- */ .custombox-modal-makeway { transform: translateX(200%); opacity: 0; float: left; } .custombox-modal-open .custombox-modal-makeway { transform: translateX(0); opacity: 1; } .custombox-modal-wrapper-makeway { overflow: hidden; } /* ---------------------------- Modal: Slip ---------------------------- */ .custombox-modal-slip { transform: translateY(-350%); } .custombox-modal-open .custombox-modal-slip { transform: translateY(0); transition-property: all; } /* ---------------------------- Modal: Corner ---------------------------- */ .custombox-modal-corner { opacity: 0; transform: translateY(150px) translateX(150px); transition-property: opacity, transform, visibility; } .custombox-modal-open .custombox-modal-corner { transform: translateY(0); opacity: 1; transition-property: opacity, transform; } /* ---------------------------- Modal: Slide together ---------------------------- */ .custombox-modal-slidetogether { transform: translateY(-600%); } .custombox-modal-open .custombox-modal-slidetogether { transform: translateY(0); } /* ---------------------------- Modal: Scale ---------------------------- */ .custombox-modal-scale { transform: scale(0.9); transition: transform; opacity: 0; } .custombox-modal-open .custombox-modal-scale { transform: scale(1); transition: transform; opacity: 1; } /* ---------------------------- Modal: Door ---------------------------- */ .custombox-modal-door { visibility: hidden; opacity: 0; } .custombox-modal-open .custombox-modal-door { opacity: 1; visibility: visible; } /* ---------------------------- Modal: Push ---------------------------- */ .custombox-modal-push { transform: translateX(-300%); } .custombox-modal-open .custombox-modal-push { transform: translateX(0); } /* ---------------------------- Modal: Content Scale ---------------------------- */ .custombox-modal-contentscale { transform: translateY(600%); transition-property: transform ease-in-out; position: absolute; } .custombox-modal-open .custombox-modal-contentscale { transform: translateY(0); } /* ---------------------------- Modal: Val ---------------------------- */ .custombox-modal-swell { animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-name: swell-close; } .custombox-modal-open .custombox-modal-swell { animation-name: swell-open; } @keyframes swell-open { 0% { opacity: 0; transform: translate3d(calc(-100vw - 50%), 0, 0); } 50% { opacity: 1; transform: translate3d(100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes swell-close { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 50% { opacity: 1; transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1); } 100% { opacity: 0; transform: translate3d(calc(100vw + 50%), 0, 0) } } /* ---------------------------- Modal: Rotate down ---------------------------- */ .custombox-modal-rotatedown { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.7,0,0.3,1); animation-fill-mode: forwards; transform-origin: -150% 50%; animation-name: rotatedown-close; overflow: hidden; } .custombox-modal-open .custombox-modal-rotatedown { animation-name: rotatedown-open; } .custombox-modal-open .custombox-modal-rotatedown div > * { animation: rotatedown-elem 0.4s both; transform-origin: -50% 50%; animation-timing-function: cubic-bezier(0.7,0,0.3,1); animation-delay: 0.15s; } @keyframes rotatedown-open { 0% { opacity: 0; transform: rotate3d(0, 0, 1, -45deg); } 100% { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); } } @keyframes rotatedown-close { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate3d(0, 0, 1, 45deg); } } @keyframes rotatedown-elem { 0% { opacity: 0; transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg); } 100% { opacity: 1; transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg); } } /* ---------------------------- Modal: Flash ---------------------------- */ .custombox-modal-flash { animation-duration: 0.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.7,0,0.3,1); animation-name: flash-close; overflow: hidden; } .custombox-modal-open .custombox-modal-flash { animation-name: flash-open; } .custombox-modal-open .custombox-modal-flash div > * { animation: flash-elem-open 0.4s cubic-bezier(0.7,0,0.3,1) both; } .custombox-modal-flash div > * { animation: flash-elem-close 0.4s cubic-bezier(0.7,0,0.3,1) both; } @keyframes flash-open { 0% { opacity: 0; transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); } 100% { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes flash-close { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 20% { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 100% { opacity: 0; transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); } } @keyframes flash-elem-open { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } 20% { opacity: 0; transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes flash-elem-close { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 100% { opacity: 0; transform: translate3d(-100px, 0, 0); } } body { font-family: 'Open Sans', sans-serif; font-display: 'swap'; background: #fff; } body a { font-family: 'Open Sans', sans-serif; font-display: 'swap'; } .is-hidden { display: none; } body a { color: #797979; text-decoration: none; } .clear { clear: both; } #header { height: 71px; background: #fff; } #header a { font-size: 13px; margin: 0px 6px; } .access-point-select select { z-index: 9999999999; } #header .accountInfo a { margin: 0px; } #header .accountInfo a.btn-login, #header .accountInfo a.btn-register { margin-right: 10px; border-radius: 6px; } #header a.logo { margin: 0px; } .main-nav { float: right; padding: 25px 0px 16px 0px; } .container { max-width: 1200px; margin-left: auto; margin-right: auto; } .no-font-weight { font-weight: 300; } .btn { background: #ff8008; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; padding: 5px; padding-right: 10px; } .btn.btn-slider { font-size: 18px; padding: 8px 34px; font-weight: 300; border-radius: 6px; } .btn.btn-login { background: #96cc56; } .btn.btn-register { background: #54c7e2; } .btn.btn-login span, .btn.btn-register span { display: inline-block; width: 8px; height: 11px; background-size: 8px 11px; margin-right: 5px; margin-left: 5px; } .btn.btn-login span { background-image: url('/bundles/front/img/lock.svg'); } .btn.btn-register span { background-image: url('/bundles/front/img/user.svg'); } #main-slider li { position: relative; } #main-slider .slider-container { position: absolute; width: 100%; } #main-slider .slider-container .content-wrapper { padding: 64px; width: 500px; } #main-slider .title { font-weight: 600; font-size: 35px; margin-bottom: 25px; } #main-slider .content { font-size: 16px; margin-bottom: 40px; } .prices { background: #eeeeee; } .prices .container { background: url('/images/wskazuje_palcem.webp') no-repeat center right; background-size: auto 100%; min-height: 190px; height: auto; } .prices .package-type { float: left; } .prices .package-type a > span { color: #696969; text-align: center; display: block; font-size: 14px; margin-top: 13px; } .prices .package-type a[data-package-type] { display: inline-block; margin-left: 21px; } .prices .package-type a[data-package-type]:first-of-type { margin-left: 12px; } .prices .package-type div { width: 56px; height: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; border-radius: 56px; background: #FFF; position: relative; } .prices .package-type div svg { width: 30px; height: 30px; margin: 12px; } .prices .package-type div svg path { fill: #a7a7a7 !important; } .prices .package-type div.envelope svg { margin: 13px; } .prices .package-type div.palette svg { width: 35px; height: 35px; margin: 10px 11px; } .prices .package-type a:hover div { background: #f26223; } .prices .package-type a:hover div svg path { fill: #FFF !important; } .prices .package-type a div span { background: #FFF url('/bundles/front/img/check.svg') no-repeat; background-size: 15px 15px; width: 15px; height: 15px; position: absolute; right: 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display: none; } .prices .package-type a.active div span { display: inline-block; } .prices .package-type a.active div { background: #f26223; } .prices .package-type a.active div svg path { fill: #FFF !important; } .prices .package-type a.active > span { font-weight: 600; } .mobileMenuTop { background: #f8f8f8; } .quick-price { float: left; } .quick-price div.separator { float: left; height: 43px; margin: 0px 18px; } .quick-price div.separator.line { border-left: 1px solid #dedede; } .quick-price div.separator.letter { margin: 0px 10px; } .quick-price div.separator.letter span { font-size: 13px; display: block; margin-top: 14px; } .quick-price > p { font-weight: 600; text-align: center; margin: 21px 0px 21px 0px; font-size: 30px; } .quick-price input[type="text"] { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #dddddd; width: 100px; height: 40px; text-align: center; background: #f5f5f5; } .quick-price input.error_input[type="text"] { border-color: red; } .quick-price label.error_input { color: red !important; } .quick-price input[type="text"].weigth { width: 150px; height: 40px; background: #fff; } .dimensions-rest-wrapper { float: left; } .quick-price .dimensions .dimension-input { position: relative; float: left; } .quick-price .dimensions .dimension-input label { color: #b7b7b7; position: absolute; right: 10px; top: 15px; font-size: 12px; } .quick-price p.dimensions-info span { font-weight: 600; } .quick-price-results { float: left; margin-left: 16px; } .quick-price-results .btn.btn-save-package { font-weight: 600; font-size: 15px; padding: 10px 12px 9px 34px; background: #54c7e2 url('/bundles/front/img/plus.svg') no-repeat; background-size: 16px 16px; background-position: 10% 55%; margin-left: 16px; display: block; } .quick-price-results p { margin: 30px 0px 12px 0px; font-size: 14px; font-weight: 300; } .quick-price-results p span { font-weight: 600; font-size: 30px; margin: 0px 3px; } .steps { height: 322px; background: url('/images/background.webp') center center no-repeat; background-size: cover; } .steps .container > p { color: #FFF; font-size: 31px; font-weight: 600; text-align: center; padding-top: 47px; padding-bottom: 50px; } .steps .container li span { background: #000; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-weight: 800; font-size: 14px; padding: 6px 8px; margin-top: -10px; z-index: 2; position: relative; } .steps .container li { width: 20%; float: left; height: 134px; color: #FFF; font-weight: 600; text-align: center; position: relative; } .steps .container li svg { position: absolute; top: 25%; right: -5%; } .steps .container li p { width: 80px; height: 80px; margin: auto; position: relative; margin-top: -12px; margin-bottom: 10px; } .steps .container li.step-one p { background: url('/bundles/front/img/steps/jeden.svg') no-repeat center center; } .steps .container li.step-two p { background: url('/bundles/front/img/steps/dwa.svg') no-repeat center center; } .steps .container li.step-three p { background: url('/bundles/front/img/steps/trzy.svg') no-repeat center center; } .steps .container li.step-four p { background: url('/bundles/front/img/steps/cztery.svg') no-repeat center center; } .steps .container li.step-five p { background: url('/bundles/front/img/steps/piec.svg') no-repeat center center; } .video { background: #FFF; } .video .underline { border-bottom: 1px solid #2e2e2e; width: 104px; margin: 14px 0px; } .video p.description { color: #353535; text-align: justify; line-height: 25px; } .video p.title { font-size: 29px; font-weight: 600; color: #2e2e2e; } .video .content > div { float: left; } .video .video-description { width: 40%; margin-right: 37px; } .video .video-box { width: 53%; } .video .video-box iframe { width: 100%; } .video .container { margin-top: 5%; margin-bottom: 5%; } .profit { background: #ff6508; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #ff6508, #f4bf34); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #ff6508, #f4bf34); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .cheap-shipping { background: #fafafa; } .cheap-shipping .description { width: 45%; padding-right: 3%; } .cheap-shipping .description p { line-height: 25px; color: #5d5d5d; margin-top: 25px; text-align: justify; } .cheap-shipping .description .title { color: #fe6307; margin-top: 0px; font-weight: 600; font-size: 30px; } .how-to { background: #eeeeee; } .footer-links { min-height: 363px; } .footer-links .line { border-bottom: 1px solid #e9e9e9; } .footer-links .container > ul { margin-top: 52px; } .footer-links ul > li { font-weight: 600; font-size: 20px; color: #363636; float: left; width: 25%; } .footer-links ul ul li { float: none; font-weight: 500; font-size: 14px; width: auto; margin: 15px 0px; } .footer-links ul ul li a { color: #949494; padding: 0px 0px 0px 23px; display: block; } .footer-links ul ul li { background: url('/bundles/front/img/footer.png') no-repeat; } .footer-links ul ul li:hover a { text-decoration: none; color: #FF6407; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .footer-links ul ul li:hover { background-position: 0px -14px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } footer .line { border-bottom: 1px solid #e9e9e9; } footer .container { height: 230px; } footer .container .visitus { padding: 78px 0px 25px 0px; height: 78px; position: relative; width: 493px; margin: auto; } footer .container .visitus .visitus-label { width: 210px; height: 42px; background: url('/bundles/front/img/visitus.png') no-repeat; display: inline-block; } footer .social-ico { background: url('/bundles/front/img/social/fb.svg') no-repeat; display: inline-block; width: 50px; height: 50px; background-size: 50px 50px; margin-right: 12px; } footer .social-ico.instagram { background-image: url('/bundles/front/img/social/instagram.svg'); } footer .social-ico.twitter { background-image: url('/bundles/front/img/social/tw.svg'); } footer .social-ico.yt { background-image: url('/bundles/front/img/social/yt.svg'); } footer .social-ico.gp { background-image: url('/bundles/front/img/social/g.svg'); } footer .arrow { position: absolute; width: 50px; height: 23px; background: url('/bundles/front/img/arrow.jpg') no-repeat; margin-left: 37%; } footer .foot-label { text-align: center; font-size: 13px; } footer .foot-label span, footer .foot-label a { color: #8a8991; } .nav-mobile { display: none; } #main-slider-wrapper-mobile { display: none; } .mobile-quick-price { display: none; } .mobile { display: none; } .dimensions .form-error { /*position: absolute;*/ color: red; font-size: 13px; width: 100%; text-align: center; } .form-info { color: blue; } .container.topBar { height: 71px; line-height: 71px; } .topBar .menu { float: right; margin-right: 5px; } #header { width: 100%; float: left; } .caption { position: absolute; width: 40%; margin-left: 2%; top: 50%; transform: translateY(-50%); color: #797979; } .caption.white { color: #fff; } .caption h1 { font-size: 35px; font-weight: 600; margin-bottom: 20px; } .caption h2 { font-size: 16px; margin-bottom: 25px; } .container.topBar .accountInfo { float: right; } @media screen and (min-width: 901px) and (max-width: 1199px) { #main-slider .slider-container .content-wrapper { padding: 4% 0% 0% 16%; width: 43%; } #main-slider .title { font-weight: 600; font-size: 20px; margin-bottom: 15px; } #main-slider .content { font-size: 13px; margin-bottom: 30px; } .btn.btn-slider { font-size: 15px; padding: 5px 20px; } .quick-price > p { margin: 30px 0px 24px 0px; font-size: 20px; } .quick-price input[type="text"].weigth { width: 100%; height: 40px; background: #fff; } .quick-price .dimensions .dimension-input.weigth { position: relative; float: none; } .quick-price div.separator.line { display: none; } .quick-price-results { float: left; margin-left: 3%; } .quick-price-results .btn.btn-save-package { font-size: 12px; padding: 11px 12px 11px 31px; background-size: 16px 16px; background-position: 10% 55%; margin-left: 2%; } .quick-price-results p { padding: 28px 0px 21px 0px; font-size: 13px; margin: 0px; } .quick-price-results p span { font-weight: 600; font-size: 25px; } .cheap-shipping .image { width: 46%; } .cheap-shipping .image img { height: 100%; } .footer-links ul > li { width: 23%; margin-left: 1%; margin-right: 1%; } .video .video-description { padding-left: 1%; } .profit .container { padding-left: 1%; padding-right: 1%; } } @media screen and (max-width: 1200px) { #header a.logo { max-width: 200px; } } @media screen and (max-width: 1023px) { .order-breadcumbs-container a { background-image: none !important; } .hamburger-menu { margin-top: 24px } .menuLeftButton { margin-top: 22px; } .accountInfo { margin-top: 10px; } .container.topBar .btn-register, .container.topBar .btn-login { display: none; } .menu { padding-bottom: 10px; } #header { height: auto; } .btn.btn-login, .btn.btn-register { width: calc(49% - 10px); float: left; padding: 7px 5px; font-size: 12px; } #header a.btn.btn-login { margin-right: 1%; margin-left: 0px; } #header a.btn.btn-register { margin-left: 1%; margin-right: 0px; } .btn.btn-login span, .btn.btn-register span { font-size: 12px; } } @media screen and (max-width: 900px) { #header, .prices .container, .steps, .profit, .stats, .cheap-shipping, .how-to, .news { height: auto; } .faq .container .left { width: 100%; } #header a.logo { max-width: 50%; } #header img { max-width: 100%; } .nav-mobile { display: inline-block; float: right; background: url('/bundles/front/img/menu_mobile.svg') no-repeat; width: 32px; height: 26px; text-indent: -9999px; margin: 5% 6% !important; background-size: 100%; } .main-nav { display: none; clear: both; float: none !important; padding: 0px 0px 16px 0px; } .main-nav a { display: block; text-align: center; font-size: 1.3em !important; margin: 10px 0px !important; padding: 10px 0px; } .btn.btn-login span, .btn.btn-register span { width: 14px; height: 18px; background-size: 14px 18px; margin-right: 6px; margin-left: 5px; background-repeat: no-repeat; } #main-slider-wrapper { display: none; } .prices .container { background-image: none; padding-bottom: 38px; } .prices .package-type { float: none; } #main-slider-wrapper-mobile { display: block; position: relative; } #main-slider-wrapper-mobile img { width: 100%; } #main-slider-wrapper-mobile .content-wrapper { position: absolute; text-align: center; } #main-slider-wrapper-mobile .slider-container .content-wrapper { width: 100%; } #main-slider-wrapper-mobile .title { font-weight: 800; font-size: 2em; margin-bottom: 15px; text-align: center; padding: 5% 7%; } #main-slider-wrapper-mobile .content { font-size: 1.5em; text-align: center; color: #7a7977; padding-bottom: 10%; } .btn.btn-slider { font-size: 25px; padding: 5px 20px; font-weight: 600; } .quick-price { padding: 0px 20px; } .prices .package-type, .prices .quick-price, .prices .quick-price-results { float: none; margin: 0px; text-align: center; } .prices .separator { display: none; } .prices .quick-price > p { display: none; } .mobile-quick-price { display: block; font-weight: 600; color: #797979 !important; text-align: center; padding: 20px 0px 7px 0px; font-size: 35px !important; margin-bottom: 0px !important; } .prices .package-type > p { font-size: 21px; } .prices .package-type div { width: 106px; height: 106px; } .prices .package-type a div span { background-size: 30px 30px; width: 30px; height: 30px; } .prices .package-type div svg { width: 68px; height: 81px; margin: 12px; } .prices .package-type div.palette svg { width: 67px; height: 72px; margin: 13px 11px; } .quick-price .dimensions .dimension-input { float: none; } .dimensions-rest-wrapper { float: none; } .quick-price input.weigth[type="text"] { width: 80%; margin-top: 15px; } .quick-price input[type="text"] { background: #FFF; width: 80%; } .dimensions-rest-wrapper label { display: none; } .no-mobile { display: none; } .mobile { display: block; } .prices .package-type a[data-package-type] { display: inline-block; margin: 0px 10px; } .quick-price-results p { margin: 15px 0px 25px 0px; font-size: 1.5em; } .quick-price-results .btn.btn-save-package { font-weight: 600; font-size: 18px; padding: 11px 12px 11px 12px; background: #54c7e2; margin: 10px 0px; } .prices .quick-price-results { margin: 0px; } .steps { background: #ff6508; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #ff6508, #f4bf34); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #ff6508, #f4bf34); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ overflow: hidden; } .steps .container li { float: none; width: 100%; margin-bottom: 61px; } .steps .container li svg { top: 0; right: 0; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); display: block; position: relative; width: 100%; margin-top: 25px; } .video .container { padding: 5% 5% 0 5%; margin: 0px; text-align: center; } .video .container .video-description { float: none; width: 100%; margin: 0px; } .video .container .video-box { float: none; width: 100%; margin: 0px; } .video .underline { border-bottom: 1px solid #2e2e2e; width: 104px; margin: 14px auto; } .video p.description { padding-bottom: 15px; } .cheap-shipping .container { padding: 5%; } .cheap-shipping .description { float: none; width: 100%; padding: 0%; text-align: center; } .cheap-shipping .description p { text-align: center; } .cheap-shipping .image { float: none; } .cheap-shipping .image img { display: block; max-width: 100%; margin: 0 auto } .footer-links ul > li { font-weight: 600; font-size: 20px; color: #363636; float: none; width: 80%; margin: 20px auto; background: #eeeeee url('/bundles/front/img/arrow_down.svg') no-repeat; background-position: 94% 15px; padding: 4% 2%; background-size: 26px; } .footer-links ul > li.selected { background: #eeeeee url('/bundles/front/img/arrow_up.svg') no-repeat; background-position: 94% 15px; background-size: 26px; } .footer-links ul ul li { padding: 0px; border-top: 1px solid #dcdcdc; background: none; margin: 0px; } .footer-links ul ul li:first-child { border: 0px; margin-top: 15px; } .footer-links ul ul li a { padding: 10px 0px 10px 10px; background: none; } .footer-links .container > ul { margin-top: 3%; } .footer-links li.facebook { text-align: center; background: #FFF; } .submenu { display: none; } footer .foot-label { display: none; } footer .container .visitus { width: 100%; padding: 20px 0px; height: 95px; } footer .arrow { display: none; } footer .container .visitus .visitus-label { width: 100%; background-position: center; } footer .container { height: auto; text-align: center; } .caption { width: 96%; text-align: center; } .caption h1 { font-size: 35px; } .caption h2 { font-size: 16px; } .prices .package-type { margin-bottom: 20px; } .faq .container .left, .blog .container .left { float: left; width: 100%; } .faq .container .right, .blog .container .right { float: right; width: 100%; } } @media screen and (max-width: 420px) { #main-slider-wrapper-mobile .title { font-size: 1.5em; margin-bottom: 0px; } #main-slider-wrapper-mobile .content { padding-bottom: 7%; font-size: 1.3em; } #header img { /*height: 68px;*/ } .prices .package-type div { width: 89px; height: 89px; } .prices .package-type div svg { width: 50px; height: 66px; } .prices .package-type div.palette svg { width: 69px; height: 61px; } .main-steps .single-step { width: 100%; } } /** * Order common **/ .order-breadcumbs-container { background: #717171; overflow: hidden; } .order-breadcumbs-container .order-step { width: 25%; float: none; background: #fe8008; border-right: 1px solid #FFF; position: relative; vertical-align: middle; overflow: hidden; } .order-breadcumbs-container .order-step.order-step-four { border: 0px; } .order-breadcumbs-container .order-step.active { background: #717171; } .order-breadcumbs-container .order-step a { color: #FFF; display: block; font-size: 12px; text-align: center; padding: 34px 20px 34px 20px; background-position: 11% 50%; background-repeat: no-repeat; cursor: default; } .order-breadcumbs-container .order-step.active a { cursor: pointer; } .order-breadcumbs-container .order-step p { position: absolute; background: url('/bundles/front/img/breadcrumbs/miedzy_breadami.svg') no-repeat; width: 25px; height: 25px; right: 96%; top: 27px; } .order-breadcumbs-container .order-step-one a { background-image: url('/bundles/front/img/breadcrumbs/paczka.svg'); } .order-breadcumbs-container .order-step-two a { background-image: url('/bundles/front/img/breadcrumbs/dane.svg'); background-position: 7% 50%; } .order-breadcumbs-container .order-step-three a { background-image: url('/bundles/front/img/breadcrumbs/uslugi.svg'); } .order-breadcumbs-container .order-step-four a { background-image: url('/bundles/front/img/breadcrumbs/zaplac.svg'); } div.header { font-size: 21px; color: #797979; text-align: center; padding: 30px 0px; } /** * Order step 1 **/ .select-package-type .select-package:last-of-type { margin-right: 0px; } .select-package-type .select-package.no-margin-right { margin-right: 0px; } .select-package-type .select-package > div { border: 2px solid #e9e9e9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; } .select-package-type .select-package > div p { background: url('/bundles/front/img/order-step-one/fifka.svg') no-repeat; width: 40px; height: 40px; position: absolute; top: -14px; right: -16px; display: none; } .select-package-type .select-package > div.active { border: 2px solid #94cd5a; font-weight: bold; } .select-package-type .select-package > div.active p { display: inline-block; } .select-package-type .select-package .package-type-image { height: 117px; margin: 5px; background: #f7f7f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-position: center center; background-repeat: no-repeat; } .select-package-type .select-package .select-package-package .package-type-image { background-image: url('/bundles/front/img/order-step-one/paczka.jpg'); } .select-package-type .select-package .select-package-envelope .package-type-image { background-image: url('/bundles/front/img/order-step-one/koperta.jpg'); } .select-package-type .select-package .select-package-palette .package-type-image { background-image: url('/bundles/front/img/order-step-one/paleta.jpg'); } .dimensions-table .row.operations { width: 60px; margin-right: 13px; float: right; } .dimensions-table .row input.error_input { border: 1px solid red; } .dimensions-table .row input { width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #949494; padding: 8px 14px; color: #595959; font-size: 13px; margin: 0px !important; box-sizing: border-box; } .dimensions-table .row.no-margin-right { margin-right: 0px; } .dimension-fields { margin-top: 20px; float: left; width: 100%; } .dimensions-table .row .input-desc { position: absolute; background: #ebebeb; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; right: 0px; top: 0px; height: 100%; box-sizing: border-box; padding: 9px 14px 10px 14px; color: #797979; font-size: 13px; border: 1px solid #949494; } .dimensions-table .row .input-desc.error_input { border: 1px solid red; background: rgba(255, 0, 0, 0.5); color: #fff; } span.customSelect { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #949494; padding: 9.5px 10px 9.5px 0px; padding-left: 10px; padding-right: 20%; color: #595959; text-align: left; background: url('/bundles/front/img/customselect.png') no-repeat center right; background-repeat: repeat-y; } span.customSelect .customSelectInner { padding-right: 10px; width: 170px !important; } span.customSelect.countrySelect .customSelectInner { width: 380px !important; } span.customSelect.shapeSelect .customSelectInner { padding-right: 10px; width: 123px !important; } select.customSelect { height: 31px !important; } .dimension-fields.dimensions-header select.customSelect { height: 100% !important; width: 100% !important; } #form_sender_access_point_select, #form_receiver_access_point_select { width: 100% !important; margin-left: 10px; float: left; width: 100% !important; } .order-btn { width: 60px; height: 35px; background: #fe8008; background: #fe8008; border-radius: 10px; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .order-btn.btn-delete { background-image: url('/bundles/front/img/order-step-one/kosz.svg'); } .order-btn.btn-copy { background-image: url('/bundles/front/img/order-step-one/kopiuj.svg'); } .order-btn.btn-add-entry2 { background-image: url('/bundles/front/img/order-step-one/add.svg'); float: right; } .row.row-right { float: right; margin-right: 0px; } .order-btn.btn-add-entry { background-image: url('/bundles/front/img/order-step-one/add.svg'); background-color: #54c7e2; background-position: 10% 50%; color: #FFF; font-size: 14px; height: auto; padding: 10px 32px 10px 41px; text-align: center; float: right; } .dimension-fields.last-line { border-bottom: 1px solid #e9e9e9; } .make-order .couriers-wrapper input[type="radio"] { display: none; } .couriers-wrapper { text-align: center; } .couriers-wrapper .courier-wrapper .courier-logo { height: 130px; border: 2px solid #e9e9e9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; cursor: pointer; } .couriers-wrapper .courier-wrapper .courier-logo.error_input { border: 2px solid red; } .couriers-wrapper .courier-wrapper .courier-logo.disabled { cursor: not-allowed; opacity: 0.4; } .couriers-wrapper .courier-wrapper img { height: 59px; max-width: 90%; max-height: 90px; margin-top: 38px; margin-top: calc(50% - 50px); } .couriers-wrapper .courier-wrapper { width: 176px; margin: 0px 30px 30px 30px; position: relative; cursor: pointer; display: inline-block; } .couriers-wrapper .courier-wrapper p { background: url('/bundles/front/img/order-step-one/fifka.svg') no-repeat; width: 40px; height: 40px; position: absolute; top: -14px; right: -16px; display: none; } .couriers-wrapper .courier-wrapper.active .courier-logo { border: 2px solid #94cd5a; } .couriers-wrapper .courier-wrapper.active { font-weight: bold; color: #96cb57; } .couriers-wrapper .courier-wrapper.active p { display: inline-block; } .make-order .btn.btn-submit { cursor: pointer; background: #97cc56; border: 0px; width: 140px; height: 41px; float: right; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius: 5px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-radius: 5px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; font-size: 17px; } .make-order .submit-line { border-top: 1px solid #e9e9e9; padding: 35px 0px 80px 0px; margin-top: 10px; } .make-order .btn.btn-submit:after { content: '>'; float: right; } .make-order .btn.btn-prev { float: left; width: auto; height: auto; background: #717171; font-size: 15px; padding: 13px 5px; display: inline-block; text-align: center; width: 130px; } .make-order .btn.btn-prev:after { content: ''; float: none; } .make-order .btn.btn-prev:before { content: '<'; float: left; font-weight: 600; margin-left: 5px; } .make-order .address-row.user_role { text-align: center; margin-top: 20px; width: 96%; } .user_role label { margin-right: 10px; margin-bottom: 10px; } .user_role .info_detail { display: inline-block; position: relative; top: 1px; } .user_role select { width: 432px; } .make-order .address-data input { border: 1px solid #949494; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 8px; color: #313131; font-size: 14px; } .make-order .saved-address { display: inline-block; width: 28px; height: 28px; background: url('/bundles/front/img/order-step-two/ksiazeczka.svg') no-repeat; position: absolute; top: 2px; right: 3px; cursor: pointer; } .make-order .address-data div.info { margin: 7px 0px; float: right; width: 100%; } .make-order .address-data div.addres-name-surname { position: relative; } .make-order .address-data .form-label { padding: 10px 0px; font-weight: 600; } .make-order .address-data > div.clear { margin: 0px; } .make-order-step-four { font-size: 14px; } .basket-element { padding-bottom: 20px; } .basket-element .column { width: 25%; float: left; } .basket-element .basket-head { padding: 20px 0px; border-bottom: 1px solid #e9e9e9; } .basket-element .basket-head .operation-prices { font-size: 25px; font-weight: 800; } .basket-element .basket-head img { height: 30px; } .basket-element .basket-head .logo { float: left; } .basket-element .basket-head .operation-prices { float: right; } .basket-element .column-header { font-size: 19px; color: #303030; padding: 20px 0px; } .basket-element .basket-line { padding: 5px 0px; line-height: 20px; } .basket-element p.label { color: #f46425; display: inline-block; } .basket-element p.value { display: inline-block; } .basket-element .extra-children-label { padding-left: 10px; } .basket-submit-line > a { margin-right: 15.5%; } .basket-submit-line .btn-prev.add-to-basket { background: #f26223 url('/bundles/front/img/order-step-four/koszyk.svg') no-repeat; background-position: 5px 5px; padding: 13px 5px 13px 14px; } .basket-submit-line .btn-prev.add-to-basket:before { content: ''; } .basket-submit-line .btn-prev.pay-credit:before { content: ''; } .basket-submit-line .btn-prev.pay-online:before { content: ''; } .basket-submit-line .btn-prev.save:before { content: ''; } .basket-submit-line .btn-prev.pay-credit { background: #54c7e2 url('/bundles/front/img/order-step-four/oplac.svg') no-repeat; background-position: 5px 5px; padding: 13px 5px 13px 26px; } .basket-submit-line .btn-prev.pay-online { margin-right: 0px; float: right; background: #97cc56 url('/bundles/front/img/order-step-four/oplac2.svg') no-repeat; background-position: 5px 7px; padding: 13px 5px 13px 28px; } .basket-submit-line .btn-prev.save { margin-right: 0px; float: right; background: #97cc56 url('/bundles/front/img/order-step-four/save.svg') no-repeat; background-position: 5px 7px; padding: 13px 5px 13px 28px; } .basket-head .operation-prices { width: 50%; } .basket-head .operation-prices .operation { float: right; font-size: 16px; } .basket-head .operation-prices .operation a { padding: 5px 20px; display: inline-block; position: relative; } .basket-head .operation-prices .operation p { display: inline-block; position: absolute; right: -17px; top: -3px; } .basket-head .operation-prices .operation p.ico { background: #f26223 url('/bundles/front/img/order-step-four/edytuj.svg') no-repeat; width: 30px; height: 30px; background-position: center center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .basket-head .operation-prices .operation .delete-package { margin-right: 30px; } .basket-head .operation-prices .operation .delete-package p.ico { background-image: url('/bundles/front/img/order-step-four/kosz.svg'); } .basket-head .operation-prices .price { float: right; } /** * O nas **/ .page-header { width: 100%; background: url('/images/page_header.webp') no-repeat; background-position: center center; background-size: cover; } .page-header.offer { width: 100%; background: url('/images/header2.webp') no-repeat; background-position: center center; background-size: cover; } .page-header.blog { width: 100%; background: url('/bundles/front/img/header3.png') no-repeat; background-position: center center; background-size: cover; } .page-header.contact { width: 100%; background: url('/bundles/front/img/header4.png') no-repeat; background-position: center center; background-size: cover; } .page-header h1, .page-header h2 { text-align: center; padding: 10px 0px; color: #FFF; } .page-header h1 { font-size: 45px; padding-top: 50px; line-height: 45px; font-weight: 600; } .page-header h2 { font-size: 20px; padding: 15px 20px 57px 20px; font-weight: 300 } .about-us { font-size: 15px; line-height: 21px; } .about-us .container { padding: 0px 5% 1% 5%; } .about-us .image-description { margin-bottom: 20px; } .image-description .img img, .about-us .points .girl img { max-width: 100%; } .image-description .desc { font-size: 16px; line-height: 25px; } .image-description .desc strong { font-weight: bold; } .about-us .points-list ul { padding: 26px 26px 26px 50px; } .about-us .points-list li { padding-left: 10px; position: relative; font-size: 16px; line-height: 30px; } .about-us .points-list li:before { content: ' '; width: 5px; height: 5px; background: #f36420; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; left: -1px; top: 14px; } .about-us .join-button { padding: 15px 0px; } .about-us .join-button a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; font-size: 12px; display: inline-block; width: 120px; text-align: center; background: #f26222; padding: 7px 10px; } .about-us .join-button .see-all { background: #717171; margin-bottom: 20px; } .about-us .advantages .pig-point { margin-bottom: 40px; } .about-us .advantages .pig-point.last { margin-bottom: 10px; } .about-us .advantages .header { padding-bottom: 5px; padding-top: 0px; } .about-us .advantages .pig-point .desc { line-height: 25px; font-size: 16px; } .about-us .join { color: #f36420; font-size: 16px; } .solid-company .left, .solid-company .right { float: left; font-size: 16px; line-height: 25px; } .solid-company .left { } .solid-company .right { padding-top: 33px; } .client-about, .partners { background: #f5f5f5; } .client-about .opinion .text { border: 1px solid #e1e1e1; background: #FFF; padding: 20px; font-size: 16px; color: #797979; } .client-about .opinion p { font-weight: 700; text-align: center; padding-top: 15px; } .partners img { margin: 20px; margin-left: 7%; } /** * Cennik **/ .price-list { font-size: 13px; } .prices-table { width: 100%; position: relative; } .prices-table .table-header { background: #f26223; color: #FFF; font-weight: 600; font-size: 13px; display: table-row; } .prices-table .table-header .row-last { padding: 20px 10px; } .prices-table .row { float: left; width: 15.27%; padding: 20px 10px; text-align: center; border: 1px solid #f26223; border-top: 0px; border-right: 0px; } .table-content { display: table; width: 100%; } .table-content .table-line { display: table-row; } .prices-table .row { display: table-cell; } .prices-table .table-line { border-bottom: 1px solid #f26223; } .prices-table .table-line.odd, .prices-table.services .table-line.odd .row.first { background: #fbfbfb !important; } .prices-table .row.first { width: 30%; } .prices-table .table-line .row.first { background: #FFF; position: relative; overflow: hidden; } .prices-table .row.last { border-right: 1px solid #f26223; float: right; padding: 10px; } .prices-table strong { font-weight: bold; } .type-template { background: #FFF; position: absolute; top: 0px; left: 1px; color: #323232; font-size: 16px; } .type-template .image { float: left; height: 90px; width: 90px; background-position: center center !important; } .type-template.template-envelope .image { background: url('/bundles/front/img/price-list/koperta.jpg') no-repeat; background-size: 46px; height: 46px; } .type-template.template-envelope .label { padding-top: 12px; } .type-template.template-package .label { padding-top: 34px; } .type-template.template-palette .label { padding-top: 30px; } .type-template.template-package .image { background: url('/bundles/front/img/price-list/paczka.jpg') no-repeat; background-size: 86px; height: 86px; } .type-template.template-palette .image { background: url('/bundles/front/img/price-list/paleta.jpg') no-repeat; background-size: 82px; height: 82px; } .type-template .template-container { width: 200px; position: absolute; left: 26%; top: 19%; } .prices-table.services .row.first { text-align: left; } .prices-table.services .row { width: 20%; } .prices-table.services .row.first { width: 52%; } .prices-table.services .table-line.special .row { width: auto; float: none; font-weight: bold; text-align: left; border-right: 1px solid #f26223; } .prices-table.services .table-line .row.last { color: #f26223; font-weight: 600; padding: 20px 10px; } .prices-table.services .table-line .row.last span { color: #797979; font-weight: normal; } .make-order-courier .header { text-align: left; padding-bottom: 10px; z-index: 10; position: relative; margin-left: 0px; } .make-order-courier .underline { border-bottom: 1px solid #2e2e2e; width: 104px; margin: 14px 0px; } .make-order-courier .description .phone, .make-order-courier .description .phone a { font-weight: 600; color: #f26223; } .btn.btn-price-list { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 13px; font-weight: 600; background-image: url('/bundles/front/img/price-list/add.svg'); background-repeat: no-repeat; background-position: 10px center; padding: 10px 10px 10px 18px; width: 150px; text-align: center; display: inline-block; } .prices-table .btn.btn-price-list { padding: 6px 0px 6px 8px; margin: 0px 20px; } .btn.btn-price-list.btn-save-package-list { background-color: #949494; } /** * Faq, Blog **/ .faq, .blog { font-size: 13px; } .faq .page-header { background-image: url('/images/header.webp'); } .faq .question .question-header { cursor: pointer; } .faq .question .number, .faq .question .question-container { float: left; } .faq .question .question-arrow { float: right; margin-top: 4px; margin-right: 11px; background: url('/bundles/front/img/faq/strzalka_dol.svg') no-repeat; width: 13px; height: 8px; } .faq .question.active .question-arrow { background-image: url('/bundles/front/img/faq/strzalka_gora.svg'); } .faq .question.active .question-label { color: #f26222; } .faq .question .number { background: url('/bundles/front/img/faq/counter.png') no-repeat; font-weight: 600; text-align: center; color: #FFF; padding: 2px 16px 3px 9px;; margin-top: 2px; } .faq .question .question-container { width: 87%; } .faq .question .question-label { padding-left: 10px; font-size: 16px; font-weight: 600; line-height: 22px; } .faq .question .question-answer { padding-left: 12px; padding-top: 10px; display: none; font-size: 12px; line-height: 16px; } .faq .question { padding: 10px 0px; border-top: 1px solid #e1e1e1; display: block; width: 100%; float: left; } .faq .container .right .header, .blog .container .right .header { text-align: left; padding: 0px 0px 20px 0px; margin: 0px; color: #353535; font-size: 22px; font-weight: 500; } .faq .right .header.categories { padding-bottom: 10px; } .faq .faq-search-form { position: relative; padding-bottom: 20px; } .faq .faq-search-form input[type="text"] { border: 2px solid #2e2e2e; font-style: italic; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 10px 5%; width: 90% } .blog .faq-search-form button, .faq .faq-search-form button, .blog .faq-search-form input[type="submit"], .faq .faq-search-form input[type="submit"] { text-indent: -9999px; border: 0px; background: transparent; background-image: url('/bundles/front/img/faq/szukaj.svg'); background-position: center center; padding: 14px 12px; background-repeat: no-repeat; right: 10px; position: absolute; top: 4px; cursor: pointer; } .faq .faq-search-form input[type="submit"] { padding: 7px 12px; } .faq .faq-search-form button:focus { border: 0px; outline: 0px; } .faq .faq-search-form ul li { color: red; padding: 5px 0px; text-align: left; } .faq ul.category-links li, .contact ul.category-links li, .offer ul.category-links li, .blog ul.category-links li, .about-us ul.category-links li, .make-order ul.category-links li { margin-bottom: 25px; position: relative; line-height: 16px; } .faq .category-links li, .contact .category-links li, .offer .category-links li, .blog .category-links li, .about-us .category-links li, .make-order .category-links li { padding-left: 24px; } .contact .category-links li { font-size: 16px; } .faq .category-links a:hover, .contact .category-links a:hover, .offer .category-links a:hover, .blog .category-links a:hover, .about-us .category-links a:hover, .make-order .category-links a:hover { color: #f26222 } .blog .right .category-links li, .faq .right .category-links li { margin-bottom: 10px; } .leaflet-top, .leaflet-bottom { z-index: 1; } .right .category-links a { font-size: 16px; } .blog .right .category-links li:before { top: 2px; } /** * Access point - zamówienie **/ .access-point { font-size: 13px; } .access-point .address-sender { float: left; width: 100%; } .access-point .address-receiver { float: right; width: 100%; } .access-point .address-header { background: url('/bundles/front/img/order-step-access-point/pin.svg') no-repeat left center; padding-left: 36px; font-size: 30px; margin-bottom: 20px; } .access-point .address-header p { font-size: 17px; } .access-point .address-header p span { color: #fe810d; font-weight: bold; } .access-point .container { padding-top: 68px; padding-left: 5%; padding-right: 5%; } .access-point div.city { padding: 20px 0px; } .access-point div.city input[type="text"] { border: 1px solid #949494; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 8px 10px; width: calc(100% - 126px); margin-right: 20px; } .access-point div.city button { background: #53c6e1; color: #FFF; font-weight: bold; border: 0px; padding: 9px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .access-point-list .label-form-main { font-weight: 600; padding-bottom: 5px; } .access-point-list .element { padding: 7px 0px; } .access-point-list .element input[type="radio"] { position: relative; top: 2px; cursor: pointer; } .access-point-list label { margin-left: 10px; cursor: pointer; } .access-point .map { width: 100%; height: 400px; } /* START - LEAFLET */ .leaflet-map-pane { z-index: 2 !important; } .leaflet-tile-pane { /*visibility: hidden;*/ } .leaflet-google-layer { z-index: 1 !important; } /* STOP - LEAFLET */ .make-order.access-point .point-data .data-col { width: 60%; float: left; } .make-order.access-point .point-data .data-col.image { width: 39%; float: right; text-align: center; } .make-order.access-point .line-data { padding: 5px 0px; } .make-order.access-point .line-data .label { font-weight: 600; padding-bottom: 5px; } .make-order.access-point .data-col.image img { max-width: 100%; } .make-order.access-point .access-point-select { padding: 20px 0px; } .make-order.access-point span.customSelectInner { text-overflow: ellipsis; height: 15px; font-size: 13px; overflow: hidden; line-height: 15px; } .make-order.access-point .access-point-select select { width: 329px !important; } .make-order.access-point span.customSelect { padding-bottom: 7.5px; padding-top: 7.5px; margin-left: 10px; } .data-col.image .hours strong { font-weight: 600; display: block; margin-bottom: 5px; color: #565656; } .data-col.image .hours { text-align: center; color: #757575; line-height: 16px; } .access-point.make-order .buttons { padding: 32px 0px 15px 0px; } .access-point.make-order .buttons .btn { background: #e1e1e1 url('/bundles/front/img/order-step-access-point/drukuj.svg') no-repeat; color: #414141; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; background-position: 8px 8px; padding-left: 33px; } .access-point.make-order .buttons .btn.btn-route { background-image: url('/bundles/front/img/order-step-access-point/trasa.svg'); } .access-point.make-order .access-point-list { min-height: 208px; } .leaflet-marker-icon { margin-left: -12px; margin-top: -41px; width: 17px; height: 41px; } .leaflet-marker-icon.checked { width: 25px; height: 41px; } .modal-body { background-color: #FFF; border: #000 solid 1px; border-radius: 10px; box-shadow: 0 8px 6px -6px black; text-align: left; position: relative; display: none; max-width: 100%; } .modal-body .title { padding: 10px 20px 15px 20px; line-height: 18px; font-size: 18px; border-bottom: #CCC solid 1px; } .modal-body .text { padding: 0 20px 20px 20px; } .modal-body button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-body .close { position: absolute; top: 8px; right: 15px; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .modal-body .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .modal-body .buttons { text-align: center; } .modal-body .btn { padding: 10px 10px; margin: 10px; display: inline-block; width: 120px; text-align: center; margin-top: 30px; cursor: pointer; } .modal-body .btn-approve { background: #96cc56; } .nadawca-list { margin-top: 20px; width: 100%; font-size: 14px; position: relative; min-height: 46px; } .nadawca-list .list { width: 100%; } .nadawca-list .list td { padding: 5px; vertical-align: middle; } .nadawca-list .list thead td { font-weight: bold; text-align: left; } .nadawca-list .list tbody tr { cursor: pointer; } .nadawca-list .list tbody tr:nth-child(even) { background: #eee } .nadawca-list .list tbody tr:hover { background: #ddd } .nadawca-list .single-book { margin-bottom: 8px; } .nadawca-list .img { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.7); } .nadawca-list strong { font-weight: bold; } .accountInfo strong { font-weight: bold; } .triangle-left { position: absolute; width: 0; height: 0; border-style: solid; border-width: 22px 28px 22px 0; border-color: transparent rgba(0, 0, 0, 0.3) transparent transparent; left: -28px; top: 51px; } .inner-triangle { position: relative; top: -21px; left: 2px; width: 0; height: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-right: 26px solid #fff; } .adress_saved.left .triangle-left { left: auto; right: -28px; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .adress_saved img { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } .close_adressbook { position: absolute; right: 10px; top: 12px; background: none; border: none; cursor: pointer; font-size: 20px; } .make-order .address-data input.error_input { border-color: red; } /*[type="checkbox"]:checked + label:before {*/ /*content: '\2713';*/ /*text-align: center;*/ /*line-height: 15px;*/ /*}*/ .info { position: relative; } .info_detail { content: ''; position: absolute; width: 20px; height: 20px; font-size: 20px; cursor: pointer; color: #717171; background: #fff; } .city.info .info_detail { background-color: transparent; } .popover { display: none; position: absolute; background: rgba(113, 113, 113, 0.9); padding: 5px 8px; z-index: 2; color: #fff; font-size: 12px; border-radius: 7px; width: 170px; right: -3px; bottom: 30px; } .popover:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(113, 113, 113, 0.9) transparent transparent transparent; position: absolute; bottom: -7px; right: 5px; } .info_detail:hover .popover { z-index: 1000; display: block; } .select-package .info_detail { bottom: 5px; right: -9px; } .dimensions-header .info_detail { right: 0px; top: -3px; } .courier-logo .info_detail { bottom: 37px; right: -9px; } .form_adresses .courier-wrapper .info_detail { right: -8px; bottom: 40px; top: auto; } .city.info .info_detail { top: 27px; right: 105px; } .static_hours { float: left; line-height: 26px; font-size: 12px; } .access-point .submit-line button.btn.btn-submit[disabled], .access-point .submit-line button.btn.btn-submit:disabled { background: #717171; cursor: not-allowed; } .one-column .fb_iframe_widget { margin-top: 50px; width: 100%; } .complaints .container { padding: 0px 5% 1% 5%; } .privacy .container { padding: 0px 5% 1% 5%; } .regulations .container { padding: 0px 5% 1% 5%; } /*@media screen and (min-width: 901px) {*/ /*.select-package-type .select-package:first-child {*/ /*margin-left: calc(33% / 2);*/ /*}*/ /*}*/ .ap-disabled { background-color: lightgrey; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); /*cursor: not-allowed !important;*/ pointer-events: none; } .ap-hr-line { border-top: 1px solid #e9e9e9; padding: 20px 0px 10px 0px; margin-top: 20px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .ups-additional-info { margin-top: 20px; } .btn-panel { background: #96cc56; margin-right: 10px; border-radius: 6px; font: 400 13px 'Open Sans'; font-size: 13px; color: #FFF !important; padding-left: 10px; padding-right: 10px; } .container.topBar.front .menu li.first a { background: #f26223; padding: 5px 10px 5px 10px; border-radius: 6px; color: #FFF !important; }