@font-face{ font-family:"FontAwesome"; src:url("https://files.swap-europe.com/common/fonts/fontawesome-webfont.eot?v=4.7.0"); src:url("https://files.swap-europe.com/common/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://files.swap-europe.com/common/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://files.swap-europe.com/common/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://files.swap-europe.com/common/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://files.swap-europe.com/common/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight:normal; font-style:normal; } @-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{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)} .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: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"} .fa-handshake-o:before{content:"\f2b5"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-o:before{content:"\f2b7"} .fa-linode:before{content:"\f2b8"} .fa-address-book:before{content:"\f2b9"} .fa-address-book-o:before{content:"\f2ba"} .fa-vcard:before,.fa-address-card:before{content:"\f2bb"} .fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-circle-o:before{content:"\f2be"} .fa-user-o:before{content:"\f2c0"} .fa-id-badge:before{content:"\f2c1"} .fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"} .fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"} .fa-quora:before{content:"\f2c4"} .fa-free-code-camp:before{content:"\f2c5"} .fa-telegram:before{content:"\f2c6"} .fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"} .fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"} .fa-shower:before{content:"\f2cc"} .fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"} .fa-podcast:before{content:"\f2ce"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"} .fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"} .fa-bandcamp:before{content:"\f2d5"} .fa-grav:before{content:"\f2d6"} .fa-etsy:before{content:"\f2d7"} .fa-imdb:before{content:"\f2d8"} .fa-ravelry:before{content:"\f2d9"} .fa-eercast:before{content:"\f2da"} .fa-microchip:before{content:"\f2db"} .fa-snowflake-o:before{content:"\f2dc"} .fa-superpowers:before{content:"\f2dd"} .fa-wpexplorer:before{content:"\f2de"} .fa-meetup:before{content:"\f2e0"} .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} .redactor_box{background-color:white;} .redactor_box textarea{font-family:monospace;} .redactor_box .redactor_editor{outline:none;min-height:200px;padding:12px;} .redactor_box .redactor_editor .redactor_placeholder{color:#757575;} .redactor_box .redactor_editor td:hover{background-color:rgba(0, 0, 0, 0.05);} .redactor_editor ul{list-style:disc;padding-left:1em;} .redactor_editor ol{list-style:decimal;padding-left:1em;} .redactor_editor a{color:#2378bb;} .redactor_editor a:hover{text-decoration:underline;} .redactor_toolbar{border-bottom:1px solid rgba(0, 0, 0, 0.1);list-style:none;} .redactor_toolbar:after{display:block;visibility:hidden;clear:both;height:0;content:".";} .redactor_toolbar li{float: left;} .redactor_toolbar li.redactor_separator{height:30px;border-left:1px solid rgba(0, 0, 0, 0.1);} .redactor_toolbar li a{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:13px;color:#333;} .redactor_toolbar li a:hover{background-color:#555;color:white;} .redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act{background-color:#333;color:white;} .redactor_button_disabled{opacity:0.3;} .redactor_button_disabled:hover{background-color:transparent !important;color:#333 !important;cursor:default;} .redactor_btn_html:after {content:"\f121";} .redactor_btn_formatting:after {content:"\f1dd";} .redactor_btn_bold:after {content:"\f032";} .redactor_btn_italic:after {content:"\f033";} .redactor_btn_deleted:after {content:"\f0cc";} .redactor_btn_unorderedlist:after {content:"\f0ca";} .redactor_btn_orderedlist:after {content:"\f0cb";} .redactor_btn_outdent:after {content:"\f03b";} .redactor_btn_indent:after {content:"\f03c";} .redactor_btn_image:after {content:"\f1c5";} .redactor_btn_video:after {content:"\f1c8";} .redactor_btn_file:after {content:"\f121";} .redactor_btn_table:after {content:"\f0ce";} .redactor_btn_link:after {content:"\f0c1";} .redactor_btn_fontcolor:after {content:"\f121";} .redactor_btn_backcolor:after {content:"\f121";} .redactor_btn_alignleft:after {content:"\f036";} .redactor_btn_aligncenter:after {content:"\f037";} .redactor_btn_alignright:after {content:"\f038";} .redactor_btn_justify:after {content:"\f039";} .redactor_btn_horizontalrule:after {content:"\f121";} .redactor_btn_underline:after {content:"\f0cd";} .redactor_btn_fullscreen:after {content:"\f121";} .redactor_btn_normalscreen:after {content:"\f121";} .redactor_btn_clips:after {content:"\f121";} .redactor_btn_alignment:after {content:"\f036";} .redactor_btn_fontfamily:after {content:"\f121";} .redactor_btn_fontsize:after {content:"\f121";} .redactor_btn_direction:after {content:"\f121";} .redactor_btn_lists:after {content:"\f121";} .redactor_btn_font:after {content:"\f121";} .redactor_btn_h1:after {content:"\f121";} .redactor_btn_h2:after {content:"\f121";} .redactor_btn_h3:after {content:"\f121";} .redactor_btn_quote:after {content:"\f121";} .redactor_btn_pre:after {content:"\f121";} .redactor_btn_database:after {content:"\f1c0";} .redactor_format_blockquote{color: #666;font-style:italic;} .redactor_format_pre{background-color:rgba(0, 0, 0, 0.05);padding:6px;overflow:auto;} .redactor_format_h1{font-family:neo_sans_probold;font-size:2.00em;line-height:1.5;} .redactor_format_h2{font-family:neo_sans_probold;font-size:1.50em;line-height:1.5;} .redactor_format_h3{font-family:neo_sans_probold;font-size:1.17em;line-height:1.5;} .redactor_format_h4{font-family:neo_sans_probold;font-size:1.00em;line-height:1.5;} .redactor_format_h5{font-family:neo_sans_probold;font-size:0.83em;line-height:1.5;} .redactor-link-tooltip{position:absolute;background-color:rgba(0, 0, 0, 0.9);padding:10px;font-size:12px;line-height:1;color:#ccc;z-index:3000;} .redactor-link-tooltip a{margin:0 5px;} .redactor-link-tooltip a:hover {color:#fff;} /* DROPDOWN */ .redactor_dropdown{position:absolute;top:30px;left:0;padding:6px 0px;width:200px;background-color:white;box-shadow:1px 1px 5px #bbb;font-size:13px;line-height:21px;z-index:2004;} .redactor_separator_drop{padding:0px !important;border-top:1px solid rgba(0, 0, 0, 0.1);margin:6px 0px;} .redactor_dropdown a{display:block;padding:3px 12px;color:#333;} .redactor_dropdown a:hover{background-color:#555;color:white;} /* MODAL */ #redactor_modal_overlay { position: fixed; top: 0; left: 0; z-index: 50000; margin: auto; width: 100%; height: 100%; background-color: #333 !important; opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); } #redactor_modal { position: fixed; top: 50%; left: 50%; z-index: 50001; padding: 0; border-radius: 3px; background: #f5f5f5; box-shadow: 0px 5px 60px #000; color: #000; text-shadow: 0 1px 0 #fff; font-size: 12px !important; } #redactor_modal header { padding: 11px 30px 0 15px; border-radius: 3px 3px 0 0; font-weight: bold; font-size: 12px; } #redactor_modal section { padding: 20px 30px; } #redactor_modal_close { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; color: #777; font-size: 20px; cursor: pointer; z-index:10; } #redactor_modal_close:hover { color: #000; } #redactor_modal label { display: block !important; float: none !important; margin: 10px 0 3px 0 !important; padding: 0 !important; font-size: 12px !important; } #redactor_modal textarea { display: block; margin-top: 4px; } .redactor_input { font-size: 14px; } .redactor_modal_box { overflow: auto; margin-bottom: 10px; height: 350px; } #redactor_image_box { overflow: auto; margin-bottom: 10px; height: 270px; } #redactor_image_box_select { display: block; margin-bottom: 15px !important; } #redactor_image_box img { margin-right: 10px; margin-bottom: 10px; max-width: 100px; cursor: pointer; } #redactor_tabs { margin-bottom: 18px; } #redactor_tabs a { display: inline-block; margin-right: 5px; padding: 4px 14px; border: 1px solid #d2d2d2; border-radius: 10px; background-color: #fff; color: #000; text-decoration: none; font-size: 12px; line-height: 1; } #redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act { padding: 5px 15px; border: none; background-color: #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, .4) inset; color: #777 !important; text-decoration: none !important; text-shadow: 0 1px 0 #eee; } #redactor_modal footer { padding: 9px 30px 20px 30px; border-radius: 0 0 3px 3px; text-align: right; } #redactor_modal input[type="radio"], #redactor_modal input[type="checkbox"] { position: relative; top: 1px; width:auto; height:auto; opacity:1; transform:none; } #redactor_modal .redactor_input, #redactor_modal select, #redactor_modal input[type="text"], #redactor_modal input[type="password"], #redactor_modal input[type="email"], #redactor_modal textarea, #redactor_modal .redactor_textarea{ position: relative; display:block; width:100%; z-index: 2; margin: 0; padding: 1px 5px; height: 27px; border: 1px solid #ccc; border-radius: 1px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; color: #333; font-size: 13px; font-family: inherit; line-height: 1; transition: border 0.3s ease-in; } #redactor_modal .redactor_textarea, #redactor_modal textarea{ line-height: 1.4em; height:160px; overflow-y:auto; } #redactor_modal input:focus, #redactor_modal textarea:focus { border-color: #5ca9e4; } .redactor_modal_btn { position: relative; display: inline-block; margin-left: 8px; padding: 6px 16px 5px 16px; outline: none; border: none; border-radius: 3px; background-color: #ddd; color: #000; text-align: center; text-decoration: none; font-weight: normal; font-size: 12px; font-family: inherit; line-height: 1; cursor: pointer; } .redactor_modal_btn:hover { color: #777; background: none; background: #bbb; text-decoration: none; } .redactor_modal_delete_btn { background: none; color: #fff; background-color: #b52525; } .redactor_modal_delete_btn:hover { color: rgba(255, 255, 255, .6); background-color: #881b1b; } .redactor_modal_action_btn { background: none; color: #fff; background-color: #2461b5; } .redactor_modal_action_btn:hover { color: rgba(255, 255, 255, .6); background-color: #1a4580; } /* Drag and Drop Area */ .redactor_droparea { position: relative; margin: auto; margin-bottom: 5px; width: 100%; } .redactor_droparea .redactor_dropareabox { position: relative; z-index: 1; padding: 60px 0; width: 99%; border: 2px dashed #bbb; background-color: #fff; text-align: center; } .redactor_droparea .redactor_dropareabox, .redactor_dropalternative { color: #555; font-size: 12px; } .redactor_dropalternative { margin: 4px 0 2px 0; } .redactor_dropareabox.hover { border-color: #aaa; background: #efe3b8; } .redactor_dropareabox.error { border-color: #dcc3c3; background: #f7e5e5; } .redactor_dropareabox.drop { border-color: #e0e5d6; background: #f4f4ee; } /* =Progress -----------------------------------------------------------------------------*/ #redactor-progress-drag { position: fixed; top: 50%; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; z-index: 10000; padding: 30px; background: rgba(0, 0, 0, .7); box-shadow: none; } .redactor-progress { height: 12px; overflow: hidden; background-color: #f4f4f4; border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 1.5em; } .redactor-progress .redactor-progress-bar { top: 1px; left: 1px; position: relative; background-color: #55aaff; width: 0; height: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .redactor-progress-striped .redactor-progress-bar { background-image: url('data:image/gif;base64,R0lGODlhIAAQAIABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODE3QTgyOEM0MzAwRkUyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NEY2MUMyQTlDMzgxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NEY2MUMyOTlDMzgxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4MTdBODI4QzQzMDBGRTIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MTdBODI4QzQzMDBGRTIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQoAAQAsAAAAACAAEAAAAiwMjqkQ7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQAh+QQJCgABACwAAAAAIAAQAAACLYwNqctwD2GbKtpH6d157ts1nxUyY1Qup5QmK9Y6LxLPdGsHsTvv8uuzBXuhAgAh+QQJCgABACwAAAAAIAAQAAACLIx/oMsNCKNxdMk7K8VXbx55DhiKDAmZJ5qoFhu4LysrcFzf9QPvet4D0igFACH5BAkKAAEALAAAAAAgABAAAAIsjI8Hy+2QYnyUyWtqxVdvnngUGIoOiZgnmqkWG7gvKy9wXN81BO963gPSGAUAIfkECQoAAQAsAAAAACAAEAAAAixEjqkB7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQAh+QQJCgABACwAAAAAIAAQAAACLYQdqctxD2GbKtpH6d157ts1nxUyY1Qup5QmK9Y6LxLPdGsDsTvv8uuzBXuhAgAh+QQJCgABACwAAAAAIAAQAAACLIR/ocsdCKNxdMk7K8VXbx55DhiKDAmZJ5qoFgu4LysrcFzf9QPvet4D0igFACH5BAUKAAEALAAAAAAgABAAAAIshI8Xy+2RYnyUyWtqxVdvnngUGIoOiZgnmqkWC7gvKy9wXN81BO963gPSGAUAOw=='); } .redactor-progress-striped .redactor-progress-bar:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTE5QjlCQTlDMkQxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNkRFQUIzNjlDMkUxMUUwOUFFQ0M4MEYwM0YzNUE2RCI+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z3JhZGllbnQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTE5QjlCODlDMkQxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTE5QjlCOTlDMkQxMUUwOUFFQ0M4MEYwM0YzNUE2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq477Q0AAAD2SURBVHjaxFIxDsIwDLRF/1AmRp7AM9iYWHkD76AP6h9Qi1SGfqAMqGJg6XA4jts0RUwZiKLEsZ3L+Rwmoi0lDC6Ky4rAMuGO5DY5iuWH93oDegMuK8QA7JIYCMDpvwDDMBzNHCGtONYq2enjHKYLMObCp7dtu/+FDppDgyJpTemsrm/9l7L2ku4aUy4BTEmKR1hmVXV9OjfsqlqC7irAhBKxDnmOQdPc+ynKMXdenEELAFmzrnu8RoK6jpRhHkGJmFgdXmsByNf5Wx+fJPbigEI3OKrB77Bfy2VZzppqC0IfAtlIAusC9CNtUn/iIRXgnALwEWAA/+5+ZNOapmcAAAAASUVORK5CYII='); } :root { --theme-primary: #3F4865; --theme-secondary: #4DAF7C; --theme-secondary-2: #8091BD; --theme-teritary: #F8CD43; --theme-text: #222222; --theme-primary-100: #3F4865; --theme-primary-75: #6F768B; --theme-primary-50: #9FA3B2; --theme-primary-25: #CFD1D9; --theme-primary-10: #ECEDF0; --theme-primary-5: #F5F6F7; --theme-secondary-100: #4DAF7C; --theme-secondary-75: #7AC39D; --theme-secondary-50: #A6D7BD; --theme-secondary-25: #D3EBDE; --theme-secondary-10: #EDF7F2; --theme-secondary-5: #F6FBF8; --theme-secondary-2-100:#8091BD; --theme-secondary-2-75: #A0ACCD; --theme-secondary-2-50: #BFC8DE; --theme-secondary-2-25: #DFE3EF; --theme-secondary-2-10: #F2F4F8; --theme-secondary-2-5: #F9F9FC; --theme-teritary-100: #F8CD43; --theme-teritary-75: #FAD972; --theme-teritary-50: #FBE6A1; --theme-teritary-25: #FDF3D0; --theme-teritary-10: #FEFAEC; --theme-teritary-5: #FFFCF6; --theme-text-100: #222222; --theme-text-75: #595959; --theme-text-50: #909090; --theme-text-25: #c8c8c8; --theme-text-10: #e9e9e9; --theme-text-5: #f4f4f4; --theme-color-step-0: #000000; --theme-color-step-50: #0d0d0d; --theme-color-step-100: #1a1a1a; --theme-color-step-150: #222222; --theme-color-step-200: #333333; --theme-color-step-250: #404040; --theme-color-step-300: #4d4d4d; --theme-color-step-350: #595959; --theme-color-step-400: #666666; --theme-color-step-450: #737373; --theme-color-step-500: #808080; --theme-color-step-550: #8c8c8c; --theme-color-step-600: #999999; --theme-color-step-650: #a6a6a6; --theme-color-step-700: #b3b3b3; --theme-color-step-750: #bfbfbf; --theme-color-step-800: #cccccc; --theme-color-step-850: #d9d9d9; --theme-color-step-900: #e6e6e6; --theme-color-step-950: #f2f2f2; --theme-color-step-1000:#ffffff; --theme-success: #28a745; --theme-danger: #cf1a1a; --theme-primary-light: var(--theme-primary-5); --theme-border-color: #cccccc; /* --theme-primary-font: 'DM Sans'; --theme-primary-font-bold: 'DM Sans Bold'; --theme-primary-font-medium: 'DM Sans Medium'; --theme-secondary-font: 'Ubuntu'; --theme-secondary-font-light: 'Ubuntu Light'; --theme-secondary-font-medium: 'Ubuntu Medium'; --theme-secondary-font-bold: 'Ubuntu Bold'; */ --theme-promotion-color: #D22129; --theme-promotion-light: #FBE9EA; } *::-webkit-scrollbar { width: 8px; height: 6px; } *::-webkit-scrollbar-track { box-shadow: none; background-color: var(--theme-primary-light); } *::-webkit-scrollbar-thumb { background-color: var(--theme-primary); outline: 0; } *:focus-visible { outline: 0 !important; border: 1px solid var(--theme-primary); } *::selection { color: var(--theme-color-step-1000); background: var(--theme-primary); } .bg-white { background-color: var(--theme-color-step-1000); } .bg-primary, .hover\:bg-primary:hover { background-color: var(--theme-primary); } .hover\:bg-primary:hover { color: var(--theme-color-step-1000)!important; border-color: var(--theme-primary); } .bg-primary-100 { background-color: var(--theme-primary-100); } .bg-primary-75 { background-color: var(--theme-primary-75); } .bg-primary-50 { background-color: var(--theme-primary-50); } .bg-primary-25 { background-color: var(--theme-primary-25); } .bg-primary-10, .group-hover\:bg-primary-10:hover { background-color: var(--theme-primary-10); } .bg-primary-5 { background-color: var(--theme-primary-5); } .bg-primary-light { background-color: var(--theme-primary-light); } .bg-secondary, .hover\:bg-secondary:hover { background-color: var(--theme-secondary); } .hover\:bg-secondary:hover { color: var(--theme-color-step-1000)!important; border-color: var(--theme-secondary); } .hover\:bg-secondary:hover svg * { stroke: var(--theme-color-step-1000); } .bg-secondary-2 { background-color: var(--theme-secondary-2); } .bg-teritary { background-color: var(--theme-teritary); } .bg-teritary-light { background: var(--theme-teritary-25); } .bg-light { background-color: var(--theme-primary-light); } .bg-transparent { background-color: transparent; } .bg-danger { background-color: var(--theme-danger); } .bg-gray-950{ background-color: var(--theme-color-step-950); } .bg-gray-900{ background-color: var(--theme-color-step-900); } .bg-gray-850{ background-color: var(--theme-color-step-850); } .bg-gray-800{ background-color: var(--theme-color-step-800); } .bg-gray-750{ background-color: var(--theme-color-step-750); } .bg-gray-700{ background-color: var(--theme-color-step-700); } .bg-gray-650{ background-color: var(--theme-color-step-650); } .bg-gray-600{ background-color: var(--theme-color-step-600); } .bg-gray-550{ background-color: var(--theme-color-step-550); } .bg-gray-500{ background-color: var(--theme-color-step-500); } .bg-gray-450{ background-color: var(--theme-color-step-450); } .bg-gray-400{ background-color: var(--theme-color-step-400); } .bg-gray-350{ background-color: var(--theme-color-step-350); } .bg-gray-300{ background-color: var(--theme-color-step-300); } .bg-gray-250{ background-color: var(--theme-color-step-250); } .bg-gray-200{ background-color: var(--theme-color-step-200); } .bg-gray-150{ background-color: var(--theme-color-step-150); } .bg-gray-100{ background-color: var(--theme-color-step-100); } .bg-gray-50{ background-color: var(--theme-color-step-50); } .border-primary, .hover\:border-primary:hover { border: 1px solid var(--theme-primary); } .hover\:border-l-primary:hover { border-left-color: var(--theme-primary); } .border-primary-75 { border: 1px solid var(--theme-primary-75); } .border-primary-50 { border: 1px solid var(--theme-primary-50); } .border-primary-25 { border: 1px solid var(--theme-primary-25); } .border-primary-10 { border: 1px solid var(--theme-primary-10); } .border-primary-5 { border: 1px solid var(--theme-primary-5); } .hover\:border-primary:hover { border: 1px solid var(--theme-primary); } .hover\:border-secondary:hover { border: 1px solid var(--theme-secondary); } .border-secondary { border: 1px solid var(--theme-secondary); } .border-secondary-75 { border: 1px solid var(--theme-secondary-75); } .border-secondary-50 { border: 1px solid var(--theme-secondary-50); } .border-secondary-25 { border: 1px solid var(--theme-secondary-25); } .border-secondary-10 { border: 1px solid var(--theme-secondary-10); } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-white { color: var(--theme-color-step-1000); } .text-primary { color: var(--theme-primary)!important; } .text-primary-75 { color: #6F768B!important; } .text-primary-50 { color: #9FA3B2!important; } .text-primary-25 { color: #CFD1D9!important; } .text-primary-10 { color: #ECEDF0!important; } .text-secondary { color: var(--theme-secondary)!important; } .text-secondary-75 { color: var(--theme-secondary-75)!important; } .text-secondary-50 { color: var(--theme-secondary-50)!important; } .text-secondary-25 { color: var(--theme-secondary-25)!important; } .text-secondary-10 { color: var(--theme-secondary-10)!important; } .text-secondary-2 { color: var(--theme-secondary-2)!important; } .text-secondary-2-75 { color: var(--theme-secondary-2-75)!important; } .text-secondary-2-50 { color: var(--theme-secondary-2-50)!important; } .text-secondary-2-25 { color: var(--theme-secondary-2-25)!important; } .text-secondary-2-10 { color: var(--theme-secondary-2-10)!important; } .text-dark { color: var(--theme-secondary); } .text-light { color: var(--theme-color-step-1000); } .text-color-0 { color: var(--theme-color-step-0); } .text-color-50 { color: var(--theme-color-step-50); } .text-color-100 { color: var(--theme-color-step-100); } .text-color-150 { color: var(--theme-color-step-150); } .text-color-200 { color: var(--theme-color-step-200); } .text-color-250 { color: var(--theme-color-step-250); } .text-color-300 { color: var(--theme-color-step-300); } .text-color-350 { color: var(--theme-color-step-350); } .text-color-400 { color: var(--theme-color-step-400); } .text-color-450 { color: var(--theme-color-step-450); } .text-color-500 { color: var(--theme-color-step-500); } .text-color-550 { color: var(--theme-color-step-550); } .text-color-600 { color: var(--theme-color-step-600); } .text-color-650 { color: var(--theme-color-step-650); } .text-color-700 { color: var(--theme-color-step-700); } .text-color-750 { color: var(--theme-color-step-750); } .text-color-800 { color: var(--theme-color-step-800); } .text-color-850 { color: var(--theme-color-step-850); } .text-color-900 { color: var(--theme-color-step-900); } .text-color-950 { color: var(--theme-color-step-950); } .text-color-1000 { color: var(--theme-color-step-1000); } .text-success { color: var(--theme-success); } .text-danger { color: var(--theme-danger); } .text-bold { font-family: 'DM Sans Bold'; } .text-medium { font-family: 'DM Sans Medium'; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-vw { width: 100vw !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-vh{ height: 100vh !important; } .h-auto { height: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-auto { overflow: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .z-99 { z-index: 99; } .bg-secondary-75 { background-color: var(--theme-secondary-75); } .bg-secondary-50 { background-color: var(--theme-secondary-50); } .bg-secondary-25 { background-color: var(--theme-secondary-25); } .bg-secondary-10, .group-hover\:bg-bg-secondary:hover { background-color: var(--theme-secondary-10); } .bg-secondary-5 { background-color: var(--theme-secondary-5); } .btn { padding: 5px 20px; border-radius: 5px; font-size: 14px; border: 0; font-weight: 500; height: 32px; line-height: normal; min-width: auto; } .btn-sm { font-size: 11px; padding: 3px 10px; height: 26px; line-height: normal; border-radius: 3px; } .btn-primary { background-color: var(--theme-primary); color: var(--theme-color-step-1000); } .btn-secondary { background-color: var(--theme-secondary); color: var(--theme-color-step-1000); } .r-5 { border-radius: 5px; } .r-10 { border-radius: 10px; } .r-15 { border-radius: 15px; } .r-20 { border-radius: 20px; } .r-25 { border-radius: 25px; } .r-full { border-radius: 50%; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .m-auto{ margin: auto; } .mx-auto{ margin: 0 auto; } .my-auto{ margin: auto 0; } .mr-auto { margin-right: auto; } .ml-auto { margin-left: auto; } .m-0 { margin: 0; } .m-5 { margin: 5px; } .m-10 { margin: 10px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .mx-0 { margin: 0; } .mx-5 { margin: 0 5px; } .mx-10 { margin: 0 10px; } .mx-15 { margin: 0 15px; } .mx-20 { margin: 0 20px; } .mx-25 { margin: 0 25px; } .mx-30 { margin: 0 30px; } .my-0 { margin: 0; } .my-5 { margin: 5px 0; } .my-10 { margin: 10p 0x; } .my-15 { margin: 15p 0x; } .my-20 { margin: 20p 0x; } .my-25 { margin: 25p 0x; } .my-30 { margin: 30p 0x; } .p-0 { padding: 0; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .px-0 { padding: 0; } .px-5 { padding: 0 5px; } .px-10 { padding: 0 10px; } .px-15 { padding: 0 15px; } .px-20 { padding: 0 20px; } .px-25 { padding: 0 25px; } .px-30 { padding: 0 30px; } .py-0 { padding: 0; } .py-5 { padding: 5px 0; } .py-10 { padding: 10p 0x; } .py-15 { padding: 15p 0x; } .py-20 { padding: 20p 0x; } .py-25 { padding: 25p 0x; } .py-30 { padding: 30p 0x; } .d-flex{ display: flex; } .align-start{ align-items: flex-start; } .align-center{ align-items: center; } .align-end{ align-items: flex-end; } .justify-start{ justify-content: flex-start; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-evenly{ justify-content: space-evenly; } .justify-end{ justify-content: flex-end; } .wrap{ flex-wrap: wrap; } .no-wrap{ flex-wrap: nowrap; } .column{ flex-direction: column; } .column-reverse{ flex-direction: column-reverse; } .row{ flex-direction: row; } .row-reverse{ flex-direction: row-reverse; } .gap-5{ gap: 5px; } .gap-10 { gap: 10px; } .gap-15 { gap: 15px; } .gap-20 { gap: 20px; } *{position:relative;box-sizing:border-box;margin:0;padding:0;border:0;outline:none;} html{display:block;width:100%;height:100%;overflow:hidden;background-color:white;} body{display:block;width:100%;height:100%;overflow-y:auto;} header, footer, main, section, aside, content, iframe{display:block;} a{text-decoration:none;color:inherit;} input[type="file"] + label.swap-button{display:inline-block;margin-top:6px;} fieldset{border:1px solid #489836;min-width:0;} fieldset fieldset{background-color:rgba(0, 0, 0, 0.05) !important;} legend{color:#489836;margin-left:12px;padding:0px 6px;font-weight:700;line-height:0;white-space:nowrap;text-transform:uppercase;} legend .fa{line-height:0;} q, blockquote{font-style:italic;color:#666;} q:before, blockquote:before{content:"« ";} q:after, blockquote:after{content:" »";} pre{background-color:rgba(0, 0, 0, 0.05);padding:6px;overflow:auto;} ul, ol{list-style:none;} .swap-fl{float:left;} .swap-fr{float:right;} .swap-clear{clear:both;} .swap-cba:after{display:block;content:'';clear:both;} .swap-h{height:100%;} .swap-oh{overflow:hidden;} .swap-p3{padding:3px;} .swap-p6{padding:6px;} .swap-p12{padding:12px;} .swap-p24{padding:24px;} .swap-tal{text-align:left;} .swap-tac{text-align:center;} .swap-tar{text-align:right;} .swap-mla{margin-left:auto;} .swap-mra{margin-right:auto;} .swap-ttl{text-transform:lowercase;} .swap-ttu{text-transform:uppercase;} .swap-ltr{direction:ltr;} .swap-rtl{direction:rtl;} .swap-ib{display:inline-block;vertical-align:middle;line-height:normal;} .swap-toh{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .swap-auto{margin-left:auto;margin-right:auto;} .swap-wsnw{white-space:nowrap;} .swap-center{margin-left:auto;margin-right:auto;max-width:1200px;} .swap-shadow{box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.08);} .swap-noscroll::-webkit-scrollbar{display:none;} .swap-parallax{position:absolute;top:0px;left:0px;width:100%;height:100%;padding:50px 0px;box-sizing:content-box;background:white repeat center center;background-size:cover;} body > section:first-of-type > .swap-parallax{padding:0px;} .swap-loading:after{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#489836;opacity:0.3;z-index:100;content:'';} .swap-u:hover{text-decoration:underline;} .swap-button{display:block;border:0;border-bottom:4px solid rgba(0, 0, 0, 0.2);text-align:center;background-color:#489836;font-family:inherit;font-weight:500;height:40px;line-height:36px;padding:0px 16px;color:white;font-size:18px;} .swap-button:hover{opacity:0.9;box-shadow:none;} .swap-button:active{border-bottom-width:0px;border-top:4px solid white;box-shadow:none;} .swap-button.min{height:30px;line-height:27px;padding:0px 12px;font-size:12px;border-bottom-width:3px;} .swap-button.min:active{border-bottom-width:0px;border-top:3px solid white;} .swap-select{height:36px;line-height:32px;background-color:white;overflow:hidden;cursor:pointer;box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.08);} .swap-select:focus{box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.2);} .swap-select:after{position:absolute;top:2px;right:10px;content:"\f0d7";color:#555;font-family:FontAwesome;transition:transform 0.2s;} .swap-select .fa{color:#333;} .swap-select a:hover, .swap-select a:hover .fa{color:#2186DE;} .swap-select > div{position:absolute;left:0px;width:100%;background-color:inherit;transition:top 0.2s;} .swap-select > div > div{padding:2px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .swap-select > div > div[selected]{padding-right:30px;} .swap-select > div > div > input{border:0;box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;} .swap-select.open{overflow:visible;box-shadow:none;} .swap-select.open:before{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2);content:"";z-index:1;} .swap-select.open:after{transform:rotate(90deg);z-index:101;} .swap-select.open > div{box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.2);z-index:100;} .swap-select.open > div > div[selected], .swap-select.open > div > div:hover{background-color:#eee;} .swap-select.open > div > div > input{cursor:inherit;} /* Plugins */ .ui-datepicker{background-color:white;box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.08);text-align:center;border:1px solid #489836;z-index:101;} .ui-datepicker .ui-icon{display:none;} .ui-datepicker-header{line-height:40px;font-size:18px;font-weight:100;} .ui-datepicker-header select, .ui-datepicker-header option{font-size:16px;color:inherit;font-family:inherit;font-weight:inherit;} .ui-datepicker-header select:hover{background-color:rgba(0, 0, 0, 0.05);} .ui-datepicker-prev{float:left;width:40px;cursor:pointer;color:#489836;z-index:1;} .ui-datepicker-prev:after{font-family:FontAwesome;content:"\f053";} .ui-datepicker-next{float:right;width:40px;cursor:pointer;color:#489836;z-index:1;} .ui-datepicker-next:after{font-family:FontAwesome;content:"\f054";} .ui-datepicker table{border-spacing:0px;clear:both;} .ui-datepicker th{padding:8px 10px;color:white;background-color:#489836;} .ui-datepicker td{padding:8px 10px;font-size:14px;cursor:pointer;} .ui-datepicker-week-end{background-color:rgba(72, 152, 54, 0.15);} .ui-datepicker-other-month{background-color:rgba(0, 0, 0, 0.05);} .ui-datepicker td:hover, .ui-datepicker-current-day, .ui-datepicker-prev:hover, .ui-datepicker-next:hover{color:white;background-color:rgba(72, 152, 54, 0.85);} .ui-state-disabled{background-color:#ddd !important;cursor:auto !important;color:#bbb !important;} .ui-resizable-handle{position:absolute;} .ui-resizable-n {z-index:10 !important;top:-5px;left:0px;width:100%;height:10px;cursor:n-resize;} .ui-resizable-e {z-index:10 !important;top:0px;right:-5px;width:10px;height:100%;cursor:w-resize;} .ui-resizable-s {z-index:10 !important;bottom:-5px;left:0px;width:100%;height:10px;cursor:n-resize;} .ui-resizable-w {z-index:10 !important;top:0px;left:-5px;width:10px;height:100%;cursor:w-resize;} .ui-resizable-nw{z-index:11 !important;top:-5px;left:-5px;width:10px;height:10px;cursor:nw-resize;} .ui-resizable-ne{z-index:11 !important;top:-5px;right:-5px;width:10px;height:10px;cursor:ne-resize;} .ui-resizable-se{z-index:11 !important;bottom:-5px;right:-5px;width:10px;height:10px;cursor:nw-resize;} .ui-resizable-sw{z-index:11 !important;bottom:-5px;left:-5px;width:10px;height:10px;cursor:ne-resize;} .ui-slider{display:block;height:12px;background-color:rgba(72, 152, 54, 0.2);margin:4px 10px;} .ui-slider-range{position:absolute;top:0;height:100%;background-color:#489836;} .ui-slider-handle{position:absolute;height:20px;width:20px;margin:-4px 0px 0px -10px;background-color:#eee;border:1px solid #ccc;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;} .ui-slider-handle:hover{background-color:#ddd;} .ui-slider-handle:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing;background-color:#ddd;} .au-container{margin-top:6px;} .au-file{height:30px;line-height:30px;font-size:12px;padding:8px 88px 8px 208px;} .au-file:hover{background-color:rgba(0, 0, 0, 0.05);} .au-file > *{position:absolute;top:0px;height:100%;} .au-file-name{left:0px;width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0px 6px;} .au-file-size{left:140px;width:60px;text-align:right;padding:0px 6px;} .au-file-progress{position:relative;height:14px;border:1px solid #489836;} .au-file-bar{width:0%;height:100%;background-color:#489836;} .au-file-percent{right:30px;width:50px;text-align:right;padding:0px 6px;} .au-file-btn{right:6px;top:6px;width:18px;height:18px;line-height:18px;color:#489836;cursor:pointer;text-align:center;} .au-file-btn:hover{color:white;background-color:#489836;} .au-file-btn:after{font-family:FontAwesome;content:'\f00d';} .au-file-btn.au-error:after{content:'\f021';} .ds-messages{max-width:900px;margin:0 auto;font-size:14px;} .ds-messages fieldset{background-color:white;} .ds-messages form.submit:after{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#489836;opacity:0.3;z-index:100;content:'';} .ds-message{max-width:500px;} form.ds-message{padding-top:80px;} .ds-message.swap-mla .ds-message-title{text-align:right;} .ds-message.swap-auto .ds-message-title{text-align:center;} .ds-message-title{background-color:#489836;font-size:16px;color:white;padding:12px 12px;font-weight:700;} .ds-message.swap-mra .ds-message-title.avatar{padding-left:56px;} .ds-message.swap-mla .ds-message-title.avatar{padding-right:56px;} .ds-message-avatar{position:absolute;top:0px;width:44px;height:100%;} .ds-message.swap-mra .ds-message-avatar{left:0px;} .ds-message.swap-mla .ds-message-avatar{right:0px;} .ds-message-content{/* vborder:1px solid #489836;border-width:0px 1px; */background-color:white;font-size:14px;width:100%;} .ds-message-content *{max-width:100%;} textarea.ds-message-content{display:block;height:200px;resize:vertical;font-family:inherit;line-height:normal;border:0;background-color:white;} .ds-message-info{background-color:#489836;font-size:12px;color:white;line-height:26px;padding-left:12px;} .ds-message-btn{min-width:0;padding:0;box-shadow:none !important;width:26px !important;height:26px !important;border:0 !important;line-height:26px;font-size:14px;color:black;background:none !important;border:0;text-align:center;opacity:0.2;} .ds-message-btn:after{content:"" !important;} .ds-message-btn.checked, input:checked + .ds-message-btn{opacity:1;color:white;} .sp-content.product-list { min-width: 52vw; } .sp-content.product-list .sp-items{ max-width: 999px; padding: 15px; max-height: 70vh; overflow: auto; } .sp-content.product-list .sp-items{ display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px; } .sp-content.product-list .product-card { width: calc(33.333% - 15px); box-sizing: border-box; position: relative; overflow: hidden; background-color: var(--theme-color-step-1000); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 10px; transition: all 0.5s ease-in-out; } .sp-content.product-list .product-card::before { content: ''; width: 40px; position: absolute; height: 40px; border-radius: 50%; background: var(--theme-secondary-10); top: 15px; left: 15px; z-index: 0; transition: transform 0.3s ease-out; } .sp-content.product-list .product-card:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .sp-content.product-list .product-card:hover::before { transform: scale(15) translateZ(0); } .sp-content.product-list .product-card .product-image { min-width: 60px; width: 60px; height: 60px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); background-color: var(--theme-color-step-1000); margin-bottom: 5px; } .sp-content.product-list .product-card .product-image img{ height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 10px; } .sp-content.product-list .product-card .product-links .product-stock .in-stock, .sp-content.product-list .product-card .product-links .product-stock .out-of-stock { display: flex; align-items: center; font-size: 11px; font-weight: 700; color: var(--theme-text-75); } .sp-content.product-list .product-card .product-links .product-stock .in-stock::before, .sp-content.product-list .product-card .product-links .product-stock .out-of-stock::before { content: ''; width: 10px; height: 10px; display: block; border-radius: 50%; margin-right: 5px; } .sp-content.product-list .product-card .product-links .product-stock .in-stock::before { background-color: var(--theme-success); } .sp-content.product-list .product-card .product-links .product-stock .out-of-stock::before { background-color: var(--theme-danger); } .sp-content.product-list .product-card .sp-item-name { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1; margin-bottom: 5px; }/* UniversalTchat */ .universalTchat{position:fixed;bottom:0;right:40px;width:400px;box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.3);z-index:9999;} .universalTchat-head{display:table;table-layout:fixed;width:100%;background-color:white;color:#333;height:40px;cursor:pointer;} .universalTchat-title{display:table-cell;vertical-align:middle;padding:0 12px 0 0;font-size:16px;line-height:40px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .universalTchat-icon{display:table-cell;vertical-align:middle;width:40px;font:20px/40px 'Material Icons';text-align:center;} .universalTchat-button:hover{background-color:#eee;} .universalTchat-body{display:flex;flex-direction:column;height:400px;} .universalTchat-list{flex:1 1;background:#555;border:1px solid white;border-width:0 1px;overflow:auto;} .universalTchat-input{height:40px;min-height:40px;max-height:250px;background:white;padding:4px 8px;resize:none;border:0 !important;} .universalTchat.closed .universalTchat-body{display:none;} .universalTchatMessage{display:block;margin:10px;} .universalTchatMessage.left{margin-right:100px;} .universalTchatMessage.right{margin-left:100px;} .universalTchatMessage-avatar{float:left;width:30px;height:30px;border-radius:50%;margin-bottom:5px;} .universalTchatMessage-name{float:left;height:30px;line-height:30px;color:#fff;font-size:16px;margin-left:10px;font-weight:700;} .universalTchatMessage-time{float:left;height:30px;line-height:30px;color:#ddd;font-size:14px;margin-left:10px;} .universalTchatMessage-text{clear:both;background-color:#ddd;padding:10px;color:#333;line-height:20px;font-size:16px;white-space:pre-wrap;border-radius:5px;}/**/ *{font-family:inherit;line-height:inherit;} @keyframes hoquet{90%{transform:scale(1);}95%{transform:scale(1.3);}} html{padding:0px;} body{padding:6px 6px 206px 6px;background:#999 url('https://bob.swap-europe.itjl.xyz/images/background.jpg') no-repeat center center;background-size:cover;font-family:'Titillium Web', sans-serif;line-height:1.3;} label{cursor:pointer;} .chapter form{display:inline;} h1{font-size:28px;color:#2186DE;margin-top:30px;} h2{font-size:22px;color:#2186DE;} h3{font-size:18px;color:#2186DE;} table{width:100%;background:#ddd;border-spacing:0;} table th{padding:10px 15px;background:linear-gradient(to right, #424242, #494949);color:white;} table td{padding:10px 15px;} table tr:nth-child(2n+0) > td{background:linear-gradient(to right, #e5e5e5, #efefef);} table tr:nth-child(2n+1) > td{background:linear-gradient(to right, #f5f5f5, #ffffff);} table tr.dark > td{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.3) inset;padding:15px;} table tr:not(.dark):hover > td{background:linear-gradient(to right, #d5d5d5, #dfdfdf);} table td.white, table th.white{background:#B3B3B3 !important;} table td.shade-green, table th.shade-green{background:linear-gradient(to right, #91BC03, #98c509) !important;} table td.shade-blue, table th.shade-blue{background:linear-gradient(to right, #2186DE, #288de8) !important;} table td.shade-red, table th.shade-red{background:linear-gradient(to right, #ff3300, #ff3909) !important;} table td.shade, table th.shade{height:20px;/* box-shadow:0px 100px 30px -110px black inset, 0px -100px 30px -110px black inset; */} table .img{width:60px;height:60px;padding:0;font-size:0;} table .img img{width:60px;height:60px;cursor:pointer;} table, tr, .ui-sortable-helper:not(.item){width:100% !important;} table td.tableInTable{padding:0;background:#555 !important;border:solid #555;border-width:0 12px 2px 12px;box-shadow: 0 -5px 0 -2px black inset;} table td.tableInTable > table{opacity:0.8;} table tr.removed{background-color:red;} table tr.canceled{background-color:yellow;} table tr.removed td{opacity:0.7;color:#999;} table tr.canceled td{opacity:0.7;} table tr.inherited td, table tr.inherited:hover td{background:#AAAAFF;} mi{ display: inline-block; vertical-align: middle; top: -0.1em; font-family: 'Material Icons', sans-serif; font-weight: normal; font-style: normal; /* font-size: 24px; */ line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .bloc{display:block;width:100%;top:0;left:0;} .blow{display:inline-block;vertical-align:middle;line-height:normal;} .fl{float:left;} .fr{float:right;} .h{height:100%;} .p6{padding:6px;} .p12{padding:12px;} .tal{text-align:left;} .tac{text-align:center;} .tar{text-align:right;} .center{max-width:1200px;margin:0 auto;} .auto{margin:0 auto;} .clear{clear:both;} .content{background-color:white;box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.15);} .w10{width:10%;} .w20{width:20%;} .w25{width:25%;} .w33{width:33.333%;} .w50{width:50%;} .w66{width:66.666%;} .w75{width:75%;} .w100{width:100%;} .chapter{padding:8px 30px;} .u:hover{text-decoration:underline;} .hover{position:fixed;background:rgba(0, 0, 0, 0.3) no-repeat center center;padding:100px;overflow:auto;display:none;z-index:2000;} .toPrint{display:none;} .to{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .pp-td{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.15) inset;text-align:center;font-size:20px;padding:10px 6px;} .warning:after{position:absolute;top:-7px;right:3px;color:#ffde00;font-size:16px;line-height:normal;text-shadow:1px 1px black;font-family:FontAwesome, sans-serif;content:"\f071";animation:hoquet 3s linear infinite;} .sortable-support{height:40px;background-color:rgba(0, 0, 0, 0.5);} .material-icons{font-size:inherit;vertical-align:middle;top:-1px;} .thOrder{cursor:pointer;} .thOrder:hover{box-shadow:0 0 0 1000px rgba(255, 255, 255, 0.1) inset;} .thOrder:active{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.2) inset;} .thOrder.asc:before{font-family:FontAwesome, sans-serif;content:"\f175 ";} .thOrder.desc:before{font-family:FontAwesome, sans-serif;content:"\f176 ";} .db{display:block;} .dib{display:inline-block;} .dn{display:none;} .bold{font-weight:bold;} .bg {background:linear-gradient(to right, #f5f5f5, #ffffff);} /* Flexbox */ .flex {display:flex;} .flex-col {display: flex; flex-direction: column;} .jc-center {justify-content: center;} .jc-end {justify-content: flex-end;} .jc-start {justify-content: flex-start;} .jc-between {justify-content: space-between;} .jc-around {justify-content: space-around;} .jc-evenly {justify-content: space-evenly;} .ai-center {align-items: center;} .ai-start {align-items: flex-start;} .wrap {flex-wrap: wrap;} .selectLimit{width:auto;} .tableShadow{position:absolute;z-index:1;background-color:rgba(0, 0, 0, 0.2);display:none;} .toShow{cursor:pointer;} .toShow:hover{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.1) inset;} .toShow:before{font-family:FontAwesome, sans-serif;content:"\f054 ";} .toShow.show:before{content:"\f078 ";} .toShow + *{display:none;} .responsivePlus{font-family:FontAwesome, sans-serif;text-align:center;font-size:24px;color:#555;cursor:pointer;} .responsivePlus:before{content:"\f055";} .responsivePlus.opened:before{content:"\f057";} .responsiveData .fa{font-size:14px;color:#2186DE;} .responsiveData input[type=checkbox] + label{width:14px;height:14px;} .responsiveData input[type=checkbox] + label:after{top:-5px;font-size:16px;} .recChild{border-bottom:1px solid #eee;padding:0 8px 0 13px;font-size:16px;font-weight:700;line-height:34px;height:34px;color:#555;background-color:white;} .recChild:after{position:absolute;top:0;left:0;width:5px;height:100%;padding-bottom:1px;background-color:#555;content:'';} .recChild:hover{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.1) inset;} .recChildren{padding-left:40px;background-color:rgba(255, 255, 255, 0.2);} .recBox{float:right;height:32px;padding-top:4px;} .recContextmenu{position:fixed;background-color:white;padding:5px 0;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3);display:none;z-index:100;} .recAction{line-height:34px;padding:0 12px;cursor:pointer;} .recAction:hover{background-color:#555;color:white;} .recHoverInsert .content{max-width:500px;} .recHoverUpdate .content{max-width:500px;} .responsiveMenu{font-size:16px;color:white;font-weight:bold;} .menuOnglet{display:block;float:left;padding:5px 12px 5px 12px;line-height:30px;cursor:pointer;} .menuOnglet:hover{background-color:rgba(255, 255, 255, 0.3);} .menuOnglet.not{color:#ff5100 !important;} .menuPlus{display:none;float:left;padding:5px 12px 5px 12px;line-height:30px;cursor:pointer;} .menuPlus:hover{background-color:white;color:#555;} .menuAlso{display:none;position:absolute;top:100%;right:0;background-color:white;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3);z-index:100;} .menuPlus:hover .menuAlso{display:block;} .menuDoc:hover .menuAlso{display:block;} .menuAlso .menuOnglet{float:none;color:#555;} .menuAlso .menuOnglet:hover{background-color:rgba(0, 0, 0, 0.1);} .responsiveMenu .check{background:white;color:#555;z-index:10;} .responsiveMenu + .content .menuOnglet{z-index:10;} .responsiveMenu + .content .check{color:#2186DE;text-decoration:underline;font-weight:bold;} .trBtn{float:right;width:37px;height:30px;overflow:hidden;} .trBtn:hover{overflow:visible;z-index:10;} .trImgs{background-color:#ccc;padding:4px;} .trBtn:hover .trImgs{box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3);} .trImg{display:block;padding:4px;cursor:pointer;} .trImg:hover{background-color:#ddd;} .trTd{display:none;} .tdListHover{position:absolute;bottom:-2px;right:100%;text-align:left;font-size:14px;padding:3px 6px;background:inherit;white-space:nowrap;border:2px solid rgba(0, 0, 0, 0.2);display:none;z-index:100;} .tdList:hover .tdListHover{display:block;} .autocompleteCtn{display:none;width:100%;height:0;z-index:100;} input:disabled + .autocompleteCtn{display:none;} .autocompleteCtn:hover, input:focus + .autocompleteCtn{display:block;} input:read-only + .autocompleteCtn{display:none;} .autocompleteList{position:absolute;width:100%;max-height:200px;overflow-y:auto;color:#333;text-align:left;} .autocompleteLine{line-height:28px;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;cursor:pointer} .autocompleteLine:hover{background-color:#eee;} .editImg{text-align:center;font-size:0;} .editImg label{display:inline-block;} .editImg img{max-width:100%;max-height:200px;min-width:50px;min-height:30px;} .editImg .editImg-shadow{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.5);opacity:0;font-size:20px;font-weight:bold;transition:0.2s;} .editImg .editImg-text{position:absolute;top:50%;left:0;margin-top:-15px;width:100%;line-height:30px;color:#333;} .editImg label:hover .editImg-shadow{opacity:1;} .padd-slider{width:33.3333%;height:200px;text-align:center;padding:12px;} .padd-slider .cross{position:absolute;top:0;right:0;width:30px;height:30px;padding:4px;background-color:white;border-radius:50%;border:1px solid black;cursor:pointer;transition:all 0.5s;} .padd-slider .cross:hover{background-color:black;color:white;} .padd-slider .img-slider{background-size:cover;} .emplacements{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);padding:100px 50px;overflow:auto;white-space:normal;z-index:100;display:none;} .emplacements > div{text-align:left;max-width:700px;} .BFTG{position:relative;top:0;left:0;width:100%;padding-bottom:25%;font-size:0;} .BFTG-floor{position:absolute;top:0;left:0;width:100%;height:100%;} .BFTG-img{position:relative;float:left;top:0;left:0;width:25%;height:100%;padding:1%;outline:1px solid transparent;transition:0.6s;} .BFTG-img:nth-child(2){transition-delay:0.15s;} .BFTG-img:nth-child(3){transition-delay:0.30s;} .BFTG-img:nth-child(4){transition-delay:0.45s;} .BFTG-floor:nth-child(3) .BFTG-img{opacity:0;transform:rotate(-180deg);} .BFTG:hover .BFTG-floor:nth-child(2) .BFTG-img, .BFTG.loading .BFTG-floor:nth-child(2) .BFTG-img{transform:rotate(180deg);opacity:0;} .BFTG:hover .BFTG-floor:nth-child(3) .BFTG-img, .BFTG.loading .BFTG-floor:nth-child(3) .BFTG-img{transform:rotate(0deg);opacity:1;} .td-green {background:linear-gradient(to bottom right, #90c000, #b0e010) !important;} .td-orange {background:linear-gradient(to bottom right, #ff7000, #ff8010) !important;} .td-yellow {background:linear-gradient(to bottom right, #e0e06f, #cccc2a) !important;} .td-red {background:linear-gradient(to bottom right, #ff3300, #ff5320) !important;} .td-blue {background:linear-gradient(to bottom right, #2186DE, #1a72BE) !important;} .td-grey {background:linear-gradient(to bottom right, #777, #555) !important;} .popup{position:fixed;top:40px;left:40px;right:0;bottom:0;display:flex;background-color:rgba(0, 0, 0, 0.3);padding:10px;overflow:auto;z-index:900;} .popup-out{position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer;display:none;} .popup-content{display:inline-block;margin:auto;background-color:white;} .popup-head{display:flex;height:50px;line-height:50px;background-color:#333;color:white;} .popup-head-title{flex:1 1;font-size:20px;font-weight:700;} .popup-head-icon{width:50px;font-size:24px;text-align:center;} .popup-head-close{cursor:pointer;} .popup-head-close:hover{background-color:rgba(255, 255, 255, 0.1);} .popup-body{} .popup-content > .floating{margin:0;width: 100%;} input[type="text"], input[type="password"], input[type="date"], input[type="time"], input[type="number"], input[type="email"], select, textarea{padding:0 5px;height:30px;width:100%;min-width:40px;line-height:28px;border:1px solid #ccc;background:white;font-size:16px;color:#555;} option{padding:0 5px;} textarea{height:120px;resize:vertical;padding:5px;} input[type="submit"], button, .button{display:inline-block;height:30px;line-height:26px;min-width:40px;color:white;padding:0 8px;border:2px solid rgba(0, 0, 0, 0.2);text-align:center;background:#ff7000;font-size:18px;cursor:pointer;font-weight:700;white-space:nowrap;} input[type="submit"].big, button.big, .button.big{font-size:26px;height:60px;line-height:54px;border-width:3px;padding:0 16px;} input[type="submit"]:focus, button:focus, .button:focus{box-shadow:0 0 0 10000px rgba(255, 255, 255, 0.1) inset;border-color:rgba(0, 0, 0, 0.5);} input[type="submit"]:hover, button:hover, .button:hover{box-shadow:0 0 0 10000px rgba(255, 255, 255, 0.2) inset;} input[type="submit"]:active, button:active, .button:active{box-shadow:0 0 0 10000px rgba(0, 0, 0, 0.2) inset;} input[type="checkbox"], input[type="radio"], input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;} input[type="checkbox"] + label, input[type="radio"] + label{display:inline-block;width:20px;height:20px;border:1px solid #777;background:#ddd;cursor:pointer;} input[type="radio"] + label{border-radius:35%;} input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after{position:absolute;top:-8px;left:0;color:#91BC03;font-family:'FontAwesome', sans-serif;content:'\f00c';font-size:24px;} input[type="color"]{position:absolute;visibility:hidden;} input[type="color"] + label{display:inline-block;height:30px;width:100%;background-color:black;cursor:pointer;} input[pattern]:not(:valid){border-color:red !important;} .discret:not(:focus){background:none;color:white;border-color:transparent;} :focus{border-color:#888 !important;} :disabled, .disabled, input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label, input[type="file"]:disabled + label, input:read-only{cursor:default;background-color:#ccc !important;border-color:transparent;} .green{background-color:#a0d000;} .red{background-color:#ff3300;} .blue{background-color:#2186DE;} .grey{background-color:#333;} .white{background-color:#fff;color:#333;} #line{position:fixed;height:40px;line-height:30px;padding:5px 12px;color:white;background-color:#333;box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.3);z-index:1100;} #line .btn{float:right;height:30px;line-height:30px;min-width:37px;text-align:center;padding:0 8px;margin-left:5px;cursor:pointer;background-color:#555;} #line .btn:hover{background-color:white;color:#555;} #line .trImgs{background-color:inherit;} #line .table-hover{position:absolute;top:100%;right:0;line-height:normal;white-space:nowrap;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3);cursor:auto;display:none;} #line :hover .table-hover{display:block;} #menu{position:fixed;left:0;top:0;height:100%;padding-top:60px;background:#333;color:white;box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.3);z-index:1000;display:flex; flex-direction: column; align-items:center;} #menu-toggle{cursor:pointer;} .menu-toggle-img{width:35px;height:35px;} .menu-toggle-p{writing-mode: vertical-lr;text-orientation: sideways; font-size:25px;transform: rotate(0.5turn);} .menu-background{position:fixed; top:0; bottom:0; left:0; right:0;background-color: rgba(0,0,0,0.5);z-index:999;} #section-children{position:fixed;top:0;left:300px;width:270px;height:100%;background-color:#444;padding-top:60px;overflow-y: auto;} .section-children-link{height:45px;display:block;font-size: 17px;padding-left:10px;line-height:20px;} .section-children-link:hover{background-color: #666;cursor: pointer;} .section-title{font-size:17px;animation: 0.2s linear 0s alternate transparence;} .section-menu{width:100%;height:45px;} .section-menu-close{display:none;} .section-menu-open{display:flex;justify-content: space-between;align-items:center;padding:0 10px;width:300px;} .menu-search:hover{background-color: #444;cursor:pointer;} .section-menu-search{justify-content: inherit;width:100%;height:45px;} .section-fa{font-size:25px;} .menu-close{width:45px;animation: 0.1s linear 0s alternate close_menu;} .menu-open{animation: 0.1s linear 0s alternate open_menu;} .menu-logoff{background:inherit !important; border: inherit !important; font-weight: inherit !important;} @-webkit-keyframes open_menu { from { width:45px; } to { width:300px; } } @keyframes open_menu { from { width:45px; } to { width:300px; } } @-webkit-keyframes close_menu { from { width:300px; } to { width:45px; } } @keyframes close_menu { from { width:300px; } to { width:45px; } } @-webkit-keyframes transparence { from { opacity:0; } to { opacity:1; } } @keyframes transparence { from { opacity:0; } to { opacity:1; } } .searchInput{border-radius:20px; z-index:1;width:300px;} .suggestions{z-index:1;background-color: #444;width:300px;} /* #menu{position:fixed;left:0px;top:0px;width:40px;height:100%;padding-top:60px;background:#333;color:white;box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.3);z-index:1000;} #menu .back{position:absolute;top:0px;left:0px;width:40px;height:100%;background-color:#222;} #menu .section{width:100%;height:40px;line-height:40px;font-size:18px;padding-left:46px;font-weight:bold;white-space:nowrap;overflow:hidden;} #menu .section-icon{position:absolute;top:0px;left:0px;width:40px;height:100%;text-align:center;transition:0.1s;} #menu .section-icon.loading{transform:scale(0);} #menu .section-children{position:fixed;top:0px;left:215px;width:215px;height:100%;background-color:#444;padding-top:60px;display:none;} #menu .lien{padding-left:10px;font-size:16px;white-space:nowrap;} #menu:hover{width:215px;} #menu .section:hover{background-color:rgba(255, 255, 255, 0.2);} #menu .section:hover .section-children{display:block;} #menu .lien:focus{background-color:rgba(255, 255, 255, 0.1);} #menu .lien:hover{background-color:rgba(255, 255, 255, 0.2);} #menu .lien:active{background-color:rgba(0, 0, 0, 0.2);} */ /* #content{padding:6px 6px 206px 6px;overflow-y:scroll;} */ #content{padding:0 !important;height:auto !important;} #foot{position:fixed;bottom:0;left:0;width:100%;opacity:0.1;} #foot:hover{opacity:1;} #alert .content{margin:0 auto;max-width:500px;padding:24px;text-align:center;font-size:18px;color:#555;} #alert a{font-weight:bold;} #alert a:hover{text-decoration:underline;} #alert button{margin:20px 10px 0;} #alert .alert-green{color:#75b222;} #alert .alert-red{color:#ff3300;} #alert .alert-blue{color:#2186DE;} #arbo{background-color:#999;margin-bottom:500px;} #arbo input{outline:none;} #arbo .arbo-line{background:white no-repeat 3px center;background-size:auto 30px;padding:0 6px 0 36px;font-size:20px;height:36px;line-height:36px;color:#666;} #arbo .arbo-line:hover{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.1) inset;} #arbo .arbo-line > img{max-width:50px;max-height:36px;} #arbo .arbo-titre{background-image:url(images/arbo-folder.png);border-left:5px solid #555;font-weight:700;cursor:pointer;} #arbo .arbo-produit{padding:0 12px;border-left:5px solid #0070C0;cursor:pointer;} #arbo .arbo-ctn{display:none;padding-left:40px;} #arbo .arbo-empty.hide{display:none;} #arbo .arbo-empty .arbo-line{text-align:center;font-size:16px;font-style:italic;} #arbo .btn-open{position:absolute;right:0;top:0;height:100%;line-height:36px;background-color:inherit;color:#555;width:50px;text-align:center;cursor:pointer;opacity:0;} #arbo .arbo-line:hover .btn-open{opacity:1;} #arbo .btn-open:hover{background-color:#ddd;} #arbo .btn-list{position:absolute;top:100%;right:0;border:1px solid #ccc;background-color:white;padding:8px 0;display:none;z-index:100; max-height: 400px; overflow-y: scroll;} #arbo .btn-open.open .btn-list{display:block;} #arbo .btn-line{padding:2px 12px;font-size:16px;white-space:nowrap;text-align:left;} #arbo button.btn-line{border:0;height:auto;line-height:inherit;background:none;color:#555;} #arbo .btn-line:hover{color:white;background-color:#555;box-shadow:none;} #arbo .box{vertical-align:middle;transform:scale(0.8);left:-4px;} #arbo th.toggle{cursor:pointer;} #arbo .q-all{display:flex;flex-wrap:wrap;} #arbo .q-column{flex-grow:1;flex-basis:50%;} #arbo .q-column h3{position:absolute;width:100%;padding:10px 15px;background:linear-gradient(to right, #424242, #494949);color:white;} #arbo .q-connected{height:100%;padding:48px 12px 12px;} #arbo .q-connected li{background-color:#F6F6F6;border:1px solid #555;border-radius:4px;padding:6px;margin-bottom:4px;} #arbo .q-connected li:hover{cursor:move;} #auto{position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.07);display:none;cursor:pointer;z-index:500;} #auto .auto-ctn{top:50%;margin-top:-51px;max-width:450px;background-color:white;border:1px solid #ccc;padding:30px 50px;cursor:auto;} #auto input{height:40px;background-color:#555;color:white;} #auto .auto-list{position:absolute;width:348px;max-height:300px;overflow-y:auto;top:100px;} #auto .auto-ref{background-color:white;padding:3px 6px 3px 6px;border-left:5px solid #0070C0;cursor:pointer;} #auto .auto-ref:hover{background-color:#eee;} /* #arbo .form{background-color:white;padding:6px;height:42px;} #arbo .list-produits{max-width:400px;background-color:#eee;max-height:200px;overflow-y:auto;display:none;z-index:50;} #arbo .click-produit{cursor:pointer;padding:3px 6px;} #arbo .click-produit:hover{background-color:#ccc;} */ #titleBox{position:fixed;background:#333;color:white;margin-top:-10px;text-align:center;font-size:14px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);z-index:5000;display:none;word-wrap: break-word;} #titleBox:after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-6px;border-top:6px solid #333;border-left:6px solid transparent;border-right:6px solid transparent;content:'';} #titleBox > img{margin:-4px -8px;display:block;} #titleBox > table{margin:-4px -8px;} #titleBox table{color:black;font-size:16px;} #tooltip{position:fixed;background-color:rgba(0, 0, 0, 0.8);color:white;font-size:14px;text-align:center;max-width:600px;padding:6px 10px;z-index:10000;display:none;} #tooltip:after{position:absolute;content:'';border:5px solid transparent;} #tooltip.tooltip-top{margin-top:-12px;transform:translateX(-50%) translateY(-100%);} #tooltip.tooltip-right{margin-left:12px;transform:translateY(-50%);} #tooltip.tooltip-bottom{margin-top:12px;transform:translateX(-50%);} #tooltip.tooltip-left{margin-left:-12px;transform:translateX(-100%) translateY(-50%);} #tooltip.tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-top-color:rgba(0, 0, 0, 0.8);border-bottom-width:0;} #tooltip.tooltip-right:after{right:100%;top:50%;margin-top:-5px;border-right-color:rgba(0, 0, 0, 0.8);border-left-width:0;} #tooltip.tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-bottom-color:rgba(0, 0, 0, 0.8);border-top-width:0;} #tooltip.tooltip-left:after{left:100%;top:50%;margin-top:-5px;border-left-color:rgba(0, 0, 0, 0.8);border-right-width:0;} #tooltip > img{display:block;max-width:550px;margin:-4px -8px;} #realtime{padding:0;color:#555;overflow:hidden;} #realtime:after{background-color:rgba(0, 0, 0, 0.5);} #realtime .realtime{width:100%;height:100%;padding-bottom:145px;background-color:white;} #realtime .realtime-header{height:45px;line-height:45px;background-color:#555;color:white;} #realtime .realtime-header-link{float:left;padding:0 20px;line-height:45px;font-size:18px;font-weight:100;} #realtime .realtime-header-link:hover{background-color:#666;} #realtime .realtime-header-link.checked{background-color:white;color:#555;} #realtime .realtime-content{height:100%;} #realtime .realtime-suivi{height:100%;background-color:#eee;} #realtime .realtime-suivi-title{position:absolute;font-size:26px;text-transform:uppercase;font-weight:700;} /* #realtime .realtime-suivi-label{display:block;width:100%;height:50px;line-height:49px;padding:0px 24px;font-size:18px;font-weight:700;background-color:#eee;border-top:1px solid #555;} */ /* #realtime .realtime-suivi-label:hover{background-color:white;} */ /* #realtime .realtime-suivi-label[for$="0"]{border-top-color:transparent;} */ /* #realtime input:checked + div > .realtime-suivi-label{background-color:white;} */ #realtime .realtime-suivi-graph{position:absolute;background-color:white;overflow:hidden;} /* #realtime input:checked + div + .realtime-suivi-graph{display:block;} */ #realtime .realtime-suivi-point{position:absolute;width:80px;height:80px;border-radius:50%;background-color:#555;text-align:center;transition:transform 0.4s cubic-bezier(.73,-1.11,.41,1.91);} /* #realtime .realtime-suivi-point:hover{transform:scale(1.4);} */ #realtime .realtime-suivi-point.extremity{border-radius:20px;width:100px;padding-right:40px;} @keyframes blink{ 0%, 49% { background-color:#555; } 50%, 100%{ background-color:red; } } .blink{ -webkit-animation : blink 2s infinite; -moz-animation : blink 2s infinite; -o-animation : blink 2s infinite; animation: blink 2s infinite; } #realtime .realtime-suivi-point.extremity.red{background-color:#9842f4;} /*#realtime .realtime-suivi-point.extremity.red{background-color:#a96767;}*/ #realtime .realtime-suivi-point.extremity.green{background-color:#78967b;} #realtime .realtime-suivi-point.extremity.blue{background-color:#7595af;} #realtime .realtime-suivi-point-percent{position:absolute;top:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.2);} #realtime .realtime-suivi-point-icon{line-height:60px;font-size:36px;color:white;} #realtime .realtime-suivi-point-data{line-height:6px;font-size:14px;color:white;font-weight:700;} #realtime .realtime-suivi-point-title{position:absolute;bottom:100%;left:50%;margin:10px 0 10px -100px;width:200px;font-size:18px;font-weight:100;} #realtime .realtime-suivi-point-title.down{bottom:auto;top:100%;} #realtime .realtime-suivi-point-dates{position:absolute;top:0;right:5px;line-height:80px;} #realtime .realtime-suivi-point-dates > div{display:inline-block;vertical-align:middle;line-height:20px;} #realtime .realtime-suivi-point-dates table{background:none !important;font-size:12px;font-weight:100;color:white;text-align:right;} #realtime .realtime-suivi-point-dates table td{background:none !important;padding:0 !important;} #realtime .realtime-suivi-arrow{position:absolute;height:20px;margin-top:-10px;background-color:#ddd;text-align:center;} #realtime .realtime-suivi-arrow:after{position:absolute;top:-1px;right:-1px;border-left:11px solid transparent;border-top:11px solid white;border-bottom:11px solid white;content:'';} #realtime .realtime-suivi-arrow.reversed:after{right:auto;left:-1px;border-right:11px solid transparent;border-left-width:0;} #realtime .realtime-suivi-arrow-title{display:inline-block;line-height:20px;font-size:14px;font-weight:100;} #realtime .realtime-suivi-arrow-data{float:right;padding:0 8px 0 0;font-size:14px;font-weight:700;z-index:100;} #realtime .realtime-suivi-arrow.reversed .realtime-suivi-arrow-data{float:left;padding:0 0 0 8px;} #realtime .realtime-footer{height:145px;line-height:145px;background-color:#555;color:white;text-align:center;} #realtime .realtime-footer-title{font-size:18px;font-weight:700;text-transform:uppercase;} #realtime .realtime-footer-section{display:inline-block;vertical-align:middle;line-height:normal;padding:0 30px;} #realtime .realtime-footer-section table{background:none !important;text-align:right;} #realtime .realtime-footer-section table td{background:none !important;padding:0 3px !important;} .pm-project{display:block;padding:6px;} .pm-project:hover{background-color:#eee;} .pm-project-name{font-weight:500;font-size:14px;padding-bottom:3px;} .pm-project-time{font-size:14px;padding-bottom:3px;} .pm-project-bar{height:100%;background-color:rgba(0, 0, 0, 0.1);overflow:hidden;} .pm-project > .pm-project-bar{height:20px;} .pm-project-progress{height:100%;} .pm-project-progress:after{position:absolute;top:50%;right:-20px;margin-top:-75px;border:75px solid transparent;border-right-width:0;border-left-width:20px;border-left-color:inherit;content:'';} .pm-project-percent{position:absolute;right:6px;top:50%;line-height:0;color:white;font-size:14px;z-index:1;} .pm-anim-progress{width:100%;height:100%;animation:progress 1s;} .pm-calendar{width:100%;height:600px;user-select:none;} .pm-hours{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:40px;} .pm-hour{display:block;width:100%;} .pm-hour:hover{background-color:rgba(0, 0, 0, 0.03);} .pm-hour-name{position:absolute;top:0;left:0;width:40px;height:100%;background-color:rgba(0, 0, 0, 0.05);font-size:12px;padding:3px 3px 0 0;text-align:right;z-index:10;} .pm-days{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:40px;} .pm-day{float:left;width:100%;height:100%;border-top:40px solid transparent;} .pm-day:hover{background-color:rgba(0, 0, 0, 0.03);} .pm-day-name{position:absolute;top:-40px;left:0;width:100%;height:40px;line-height:40px;background-color:rgba(0, 0, 0, 0.05);text-align:center;} .pm-case{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0, 0, 0, 0.05);z-index:10;} .pm-case:hover{background-color:rgba(0, 0, 0, 0.03);} .pm-case.selected{background-color:rgba(88, 167, 220, 0.3);} .pm-events{width:100%;height:100%;overflow:hidden;} .pm-event{position:absolute;padding:3px;opacity:0.9;z-index:20;} .pm-event:hover{opacity:1;z-index:30;} .pm-event-time{color:white;font-size:10px;padding:3px;} .pm-event-name{color:white;font-size:12px;padding:3px;} .inlineUpdate{cursor:pointer;white-space:pre-wrap;} .inlineUpdate:hover{box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.2) inset;} .inlineUpdate textarea{width:100%;height:auto;} .inlineSelect{display:inline-block;height:30px;overflow:hidden;} .inlineSelect:hover{overflow:visible;} .inlineSelect > div{width:100%;} .inlineSelect:hover > div{box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3);z-index:100;} .inlineSelect > div > div{width:100%;height:30px;cursor:pointer;} .checklistSearch{width:10px;} .checklist{height:380px;overflow-y:auto;} /* ALERTE STOCK */ .alerts-div{display:flex; justify-content: space-around;} .alert-div{width:13rem; display: flex; flex-direction: column; justify-content: space-around;padding:15px;text-align:center; align-items:center; border: 3px rgba(0, 0, 0, 0.05) solid;} .alert-img{width:10rem; height:10rem;} .alert-ref{padding-bottom: 1rem;} /* TUTORIELS CSS */ #Tuto{display:flex; justify-content: space-between;align-items: center;} #Tuto p {margin-left:5px; font-weight: bold;} .tutoHeader{display:flex; justify-content: space-between; align-items: center; height:50px;} .tutosTitle{color:#FF0000; font-size:28px; font-weight:bold;} .tutoButton{background-color:#FF0000; color: white; font-weight:bold;display:flex; align-items: center; padding:6px;border-radius:5px;cursor: pointer;} .tutoButton img{padding-right:6px;} .tutoBody{display:flex; justify-content: space-between; } .tutoMenu{width:15%;} .tutoMenuCat{display:flex; align-items: center;height:40px;} .tutoMenuCat:hover{background-color: #F6F6F6;cursor:pointer;} .tutoMenuCat i {font-size:20px;padding-right:15px;} .tutoMenuCat p {font-size:16px;} #tutoList{width:100%;padding:15px;background-color: #F6F6F6;} .tutoSecList{font-weight:bold; width:100%; border-bottom: 1px solid #FF0000;height:40px;line-height: 40px;cursor:pointer;} .tutoSecVideos{display:flex; justify-content: space-between; align-items: flex-start;flex-wrap: wrap;} .tuto{width:50%; display:flex; flex-direction: column; justify-content: flex-start;padding:15px;} .tutoTitle{color:#FF0000; font-size:14px; font-weight:bold;padding:5px 0;} .tutoDesc{font-size:14px;padding:5px 0;} .tutoImg{width:368px; height:288px;} .tutoLecture{/*background-color: #FF0000;*/color: white;position: relative;top: -170px;right: -135px;width: 85px;font-weight: bold;font-size: 22px;border-radius: 5px;padding: 5px;} .tutoLecture img{width: 50px;} .tutoLikes{font-size: 14px; display: flex; align-items: center;padding:5px 0;} .tutoLikes img {padding-right:15px;} .tutoAdd{width:40%;background-color: white;position:fixed;top:5%;left:30%;z-index:2} .tutoAddHeader{background-color:#FF0000; color:white; font-weight:bold; height:40px;font-size: 18px; line-height: 40px;padding-left:15px;} .tutoForm{padding:15px;} .tutoForm select{cursor: pointer;} .tutoForm input, .tutoForm select, .tutoForm textarea{margin:15px 0;border-radius:4px;} .tutoFormSubmit{background:#54C116 !important; font-weight: 500 !important; border:none !important; font-size:15px !important; width:180px !important;cursor: pointer;} .tutoFormFooter{display:flex;justify-content: space-between; align-items: center;} .tutoFormImporter{border: 1px solid #CBCBCB;background-color: #FFFFFF; padding:8px; border-radius:4px;} .tutoFormImporter i{color: #FF0000} #tutoAddBg{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);z-index:1;} .tutoIframe{position: fixed; top:7%; right:40%;} .btn-tuto{width: 368px;margin-bottom: 10px;} /*FERDINAND */ .text-center{text-align: center} .text-left{text-align: left} .text-right{text-align:right} .mdp_forgot_p{text-align:center;padding:5px;cursor:pointer;} #bloc_forgot_mpd{display:none;} /* Floating */ .floating-list{padding:12px;} .floating{display:inline-block;vertical-align:top;margin:12px;background-color:white;text-align:left;box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.1);} /* .floating.red{background-color:#d64848;color:white;} */ /* .floating.green{background-color:#489836;color:white;} */ .floating-head{display:flex;height:40px;line-height:40px;} .floating-head-icon{width:40px;text-align:center;font-family:'Material Icons', sans-serif;font-size:20px;} .floating-head-icon.close-popup:hover{cursor:pointer;background-color:#ff6a6a;color:white;} .floating-head-title{flex:1;font-size:16px;font-weight:600;padding-right:12px;} .floating-head-title strong{font-weight:300;} .floating-head-more{padding-right:24px;} .floating-head-more .button{margin:5px 5px 5px 0;} .floating-table th{padding:10px 10px;} .floating-table td{padding:8px 10px;} .floating-table .floating-cell-sort{cursor:pointer;} .floating-table .floating-cell-sort:hover{background:#555;} .floating-table .floating-cell-sort.asc:before{display:inline-block;vertical-align:middle;font-family:'Material Icons', sans-serif;margin:-2px 3px 0 0;line-height:1;content:'arrow_downward';} .floating-table .floating-cell-sort.desc:before{display:inline-block;vertical-align:middle;font-family:'Material Icons', sans-serif;margin:-2px 3px 0 0;line-height:1;content:'arrow_upward';} .floating-table .floating-cell-img{width:40px;height:40px;padding:0;} .floating-table .floating-cell-img img{display:block;width:40px;height:40px;} .floating-table .floating-cell-tight{padding:2px 12px;font-size:14px;line-height:1;} .floating-table .floating-cell-input{padding:0;} .floating-table .floating-cell-input .input-text{min-width:100%;} .floating-table .floating-cell-box{padding:3px 10px;text-align:center;cursor:pointer;} .floating-table .floating-cell-btn{padding:2px;font-size:0;text-align:center;} .floating-table .floating-cell-label{padding:0;} .floating-table .floating-cell-label > label{display:block;padding:8px 10px;} .floating-table .floating-table-btn{display:inline-block;vertical-align:middle;width:32px;height:32px;line-height:32px;color:inherit;border-radius:50%;font-size:20px;font-family:'Material Icons', sans-serif;text-align:center;} .floating-table .floating-table-btn{padding:0;min-width:0;border:0;background:none;font-weight:normal;} .floating-table .floating-table-btn:hover{z-index:100;} .floating-table .floating-table-btn.text{font-family:inherit;} .floating-table .floating-table-btn.square{border-radius:0;} .floating-table .floating-table-btn.square:after{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;content:'';} .floating-table .floating-table-btn.blue:hover{background-color:#3c77cc;color:white;} .floating-table .floating-table-btn.green:hover{background-color:#489836;color:white;} .floating-table .floating-table-btn.red:hover{background-color:#d64848;color:white;} .floating-table .floating-table-btn.orange:hover{background-color:#eca117;color:white;} .floating-table .floating-table-btn.purple:hover{background-color: #985c98;color:white;} .floating-table .floating-table-btn.black:hover{background-color:#333;color:white;} .floating-table .floating-row-green > td{background:rgba(72, 152, 54, 0.3);} .floating-table .floating-row-green:hover > td{background:rgba(72, 152, 54, 0.4);} .floating-table .floating-table-btn + .floating{position:absolute;text-align:left;font-size:16px;white-space:nowrap;display:none;z-index:100;} .floating-table .floating-table-btn + .floating.tl{bottom:100%;right:0;margin:0 0 -1px 0;} .floating-table .floating-table-btn:hover + .floating{display:block;} .floating-table .floating-table-btn + .floating:hover{display:block;} .floating-table .floating-table-btn + .floating + .floating-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.2);display:none;z-index:90;} .floating-table .floating-table-btn:hover + .floating + .floating-background{display:block;} .floating-table .floating-table-btn + .floating:hover + .floating-background{display:block;} .floating-table .floating-table-btn.disabled{background: none !important; color: #aaa !important;} .floating-table input.input-text{background:rgba(255, 255, 255, 0.8);border-color:rgba(0, 0, 0, 0.05);} .floating-table-head-fixed{position:fixed;top:40px;z-index:10;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);} .floating-btn-fold:before{font-family:'Material Icons', sans-serif;content:'keyboard_arrow_up';} .floating-btn-unfold:before{font-family:'Material Icons', sans-serif;content:'keyboard_arrow_down';} .floating-table-empty{line-height:24px;padding:3px 10px;font-size:14px;font-style:italic;text-align:center;background-color:#777;color:white;} .floating-subtable{display:none;} .floating-subtable > td{padding:0;border:solid #555;border-width:1px 5px 1px 80px;} .floating-subtable th{padding:5px 10px;font-weight:400;} .floating-text{padding:24px;background-color:#f5f5f5;color:#333;text-align:center;} .floating-text.short{max-width:450px;} .floating-text pre{text-align:left;font-size:14px;margin:0 -24px -24px -24px;padding:12px 24px;} .floating-text ul{text-align:left;font-size:14px;list-style:disc;padding-left:24px;} .floating-text * + ul{margin-top:24px;} .floating-text * + pre{margin-top:24px;} .floating-form{padding:24px;background-color:#f5f5f5;} .floating-form-chapter{background-color:white;text-align:center;font-size:16px;font-weight:400;text-transform:uppercase;padding:6px 12px;line-height:28px;} .floating-form-chapter span{text-transform:none;} .floating-form-help{font-weight:400;font-style:italic;font-size:14px;} .floating-form-help.tac{text-align:center;} .floating-form-label{font-weight:600;padding:12px 0 3px;} .floating-form-label.required:after{margin-left:2px;color:#d64848;content:'*';} .floating-form-row{display:flex;flex-wrap:wrap;margin:0 -6px;padding-top:12px;} .floating-form-cell{flex:1;padding:0 6px;} .floating-form-cell.auto{flex-basis:auto;} .floating-form-columns{display: flex; gap: 12px;} .floating-form-column{} .floating-form-label:first-child, .floating-form-row:first-child{padding-top:0;} .floating-frame{padding:10px 12px;font-size:15px;background-color:rgba(0, 0, 0, 0.1);color:#000;border:1px solid rgba(0, 0, 0, 0.3);} .floating-frame.red{background-color:rgba(214, 72, 72, 0.1);color:#d64848;border-color:rgba(214, 72, 72, 0.3);} .floating-frame.green{background-color:rgba(72, 152, 54, 0.1);color:#489836;border-color:rgba(72, 152, 54, 0.3);} .floating-frame.blue{background-color:rgba(60, 119, 204, 0.1);color:#3c77cc;border-color:rgba(60, 119, 204, 0.3);}/* #eca728 */ .floating-frame.orange{background-color:rgba(236, 161, 23, 0.1);color:#eca117;border-color:rgba(236, 161, 23, 0.3);}/* #eca728 */ * + .floating-frame{margin-top:12px;} .floating-foot{background-color:white;padding:3px 10px;line-height:30px;text-align:center;} .floating-form > .floating-foot{margin:24px -24px -24px -24px;} .floating-foot .button{margin:2px;} .floating-tabs{display:flex;flex-wrap:wrap;} .floating-tabs-tab{flex:1;line-height:40px;padding:0 24px 0 20px;text-align:center;font-weight:600;white-space:nowrap;order:1;} .floating-tabs-content{width:1px;min-width:100%;order:2;} .floating-tabs > input[type=radio] + .floating-tabs-tab{height:40px;width:auto;background:#e5e5e5;color:#666;border:0;border-radius:0;} .floating-tabs > input[type=radio] + .floating-tabs-tab:hover{color:#333;} .floating-tabs > input[type=radio]:checked + .floating-tabs-tab{background-color:#f5f5f5;color:#333;} .floating-tabs > input[type=radio]:checked + .floating-tabs-tab:after{display:none;} .floating-tabs > input:not(:checked) + .floating-tabs-tab + .floating-tabs-content{display:none;} .floating-floatings{display:flex;flex-wrap:wrap;padding:6px;background-color:#aaa;align-items:flex-start;} .floating-floatings > .floating{margin:6px;} .floating input + label.floating-checkbox{width:auto;height:auto;border:0;background:none;font-weight:normal;} .floating input + label.floating-checkbox:after{position:relative;top:auto;left:auto;color:inherit;font-family:'Material Icons', sans-serif;font-size:24px;line-height:29px;content:'check_box_outline_blank';} .floating input[type=radio] + label.floating-checkbox:after{content:'radio_button_unchecked';} .floating input:checked + label.floating-checkbox:after{content:'check_box';} .floating input[type=radio]:checked + label.floating-checkbox:after{content:'radio_button_checked';} .floating.red .floating-text{background-color:rgba(214, 72, 72, 0.1);color:#d64848;} .floating.red .floating-text pre{background-color:rgba(255, 255, 255, 0.4);} .floating.green .floating-text{background-color:rgba(72, 152, 54, 0.1);color:#489836;} .floating.green .floating-text pre{background-color:rgba(255, 255, 255, 0.4);} .loading:after{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.2);content:'';z-index:10000;} body.loading:after{position:fixed;} .inline-null{text-align: center; font-size: 14px; font-style: italic; color: #ccc;} .inline-null::after{content:'NULL';} .floating-chips{display: flex; flex-wrap: wrap; gap: 5px;} .floating-chips-item{height: 20px;border-radius: 10px; padding: 0 6px; background: rgba(0, 0, 0, 0.05); cursor: pointer;} .floating-chips-item{flex: 1 0 auto; font: 12px/20px "Titillium Web"; text-align: center; text-transform: lowercase;} input:checked + div + .floating-chips-item{background: #8ab17f; color: rgba(0, 0, 0, 0.8); font-weight: 600;} .exploded-view-list{} input + label.exploded-view-item{display:block;text-align:center;background-color:#ddd;padding:0;margin:0 6px;border:0;border-radius:0;width:auto;height:auto;} .exploded-view-title{display:block;height:30px;line-height:30px;background-color:#444;color:white;font-size:15px;padding:0 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .exploded-view-title:hover{text-decoration:underline;} .exploded-view-item iframe{height:400px;width:100%;} .exploded-view-item img{max-height:400px;} input:checked + .exploded-view-item{outline:2px solid #74b366;} input:checked + .exploded-view-item:after{content:none !important;} input:checked + .exploded-view-item .exploded-view-title{background-color:#74b366;} .packing-container{padding:3px;background-color:#777;} .packing-box{display:flex;} .packing-box-details{display:flex;align-items: center;background-color:#999;margin:3px;flex:1;} .packing-box-view{display:flex;align-items: center;background-color:#999;margin:3px;} .packing-canvas{display:block;background-color:#fff;} .nomenclature{display:flex;} .nomenclature-view{max-width:900px;max-height:700px;display:flex;overflow:hidden;background-color:#777;} .nomenclature-view:focus{outline:2px solid #333;} .nomenclature-view-handle{margin:auto;max-width:100%;max-height:100%;user-select:none;font-size:0;} .nomenclature-view img{max-width: 100%;max-height: 100%;} .nomenclature-view svg{position:absolute;top:0;left:0;width:100%;height:100%;} .nomenclature-view polygon{fill:rgba(142, 76, 76, 0.4);stroke:rgba(142, 76, 76, 1);} .nomenclature-view g.selected polygon{fill:rgba(72, 152, 54, 0.4);stroke:rgba(72, 152, 54, 1);} .nomenclature-view g.selected polygon.selected{fill:rgba(72, 152, 54, 0.2);stroke:rgba(72, 152, 54, 1);} .nomenclature-view circle{fill:rgba(72, 152, 54, 0.4);stroke:rgba(72, 152, 54, 1);} .nomenclature-view circle:hover{fill:rgba(72, 152, 54, 1);} .nomenclature-list{max-height:700px;overflow:auto;} .nomenclature-toolbar{position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:white;box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.2);z-index:10;} .nomenclature-toolbar-text{display:inline-block;height:36px;padding:0 12px;line-height:36px;font-size:16px;color:#333;font-weight:400;} .nomenclature-toolbar-tool{display:inline-block;height:36px;padding:0 12px;line-height:36px;font-size:16px;color:#333;font-weight:600;cursor:pointer;background-color:#ddd;} .nomenclature-toolbar-tool.red{background-color:rgba(214, 72, 72, 0.15);color:#d64848;} .nomenclature-toolbar-tool.green{background-color:rgba(72, 152, 54, 0.15);color:#489836;} .nomenclature-toolbar-tool.blue{background-color:rgba(60, 119, 204, 0.15);color:#3c77cc;} .nomenclature-toolbar-tool:hover{opacity:0.9;} .contracts-stats-foot{display:flex;height:40px;line-height:40px;background-color:white;text-align:right;padding:0 12px;} .contracts-stats-actions{flex:0;white-space: nowrap;padding:0 12px;} .contracts-stats-actions form{display:inline;} .contracts-stats-data{display:flex;flex:1;padding:0 12px;font-size:14px;white-space: nowrap;} .contracts-stats-name{opacity:0.8;margin-right:5px;} .contracts-stats-value{font-weight:700;} /* Form */ input.input-text{border:2px solid #eee;height:36px;padding:0 8px;} select.input-text{border:2px solid #eee;height:36px;padding:0 8px;} select[multiple].input-text{height:100px;} textarea.input-text{border:2px solid #eee;padding:8px;} input.input-text[type=number]{text-align:right;} .input-text:disabled{border-color:#ddd;background-color:#e2e2e2 !important;} .input-file{background:linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%) 0 0, linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%) 10px 10px;background-size:20px 20px;;} .input-file-label{display:block;height:100px;padding:5px;line-height:90px;text-align:center;font-size:0;} .input-file-img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;} .input-file-txt{display:inline-block;vertical-align:middle;line-height:normal;font-size:18px;padding:5px 10px;background-color:rgba(255, 255, 255, 0.8);font-style:italic;color:#333;max-width:300px;overflow:hidden;text-overflow:ellipsis;} .input-file-btn{position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px;color:white;background-color:#333;font-family:MaterialIcons, sans-serif;} .input-translation{} .input-translation-row{padding-left:40px; display: none;} .input-translation-row + .input-translation-row{margin-top:2px;} .input-translation-row label{position:absolute;top:0;left:0;width:40px;height:36px;line-height:32px;text-align:center;border:solid #eee;border-width:2px 0 2px 2px;background-color:white;font-size:0;} .input-translation-row img{display:inline-block;vertical-align:middle;height:16px;} .input-translation-languages{display: grid; grid-template-columns: repeat(5, 90px); gap: 12px;} .input-translation-language{background: white; padding: 5px;} .input-translation-language img{width: 100%; image-rendering: pixelated; filter: grayscale(0.8); opacity: 0.3;} .input-translation-language:hover img{filter: grayscale(0.5); opacity: 0.8;} .input-translation-language span{text-align: center; font-size: 14px;} input:checked + .input-translation-language img{filter: none; opacity: 1;} input:checked + .input-translation-language span{font-weight: bold;} input[type=checkbox] + .input-checkbox{width:auto;height:auto;border:0;background:none;} input[type=checkbox] + .input-checkbox:after{display:none;} input[type=checkbox] + .input-checkbox:before{display:inline-block;vertical-align:middle;font-family:'Material Icons', sans-serif;content:'check_box_outline_blank';margin-right:2px;} input[type=checkbox]:checked + .input-checkbox:before{content:'check_box';} input[type=radio] + .input-radio{width:auto;height:auto;border:0;background:none;} input[type=radio] + .input-radio:after{display:none;} input[type=radio] + .input-radio:before{display:inline-block;vertical-align:middle;font-family:'Material Icons', sans-serif;content:'radio_button_unchecked';margin-right:2px;} input[type=radio]:checked + .input-radio:before{content:'radio_button_checked';} /* AutoComplete */ .autocomplete-container{top:-2px;display:none;height:0;} .autocomplete-container:after{position:absolute;top:0;left:2px;right:2px;border-top:2px solid #eee;content:'';z-index:202;} .autocomplete-list{position:absolute;left:0;min-width:100%;background-color:white;box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.2);border:2px solid #888;max-height:400px;overflow:auto;z-index:200;} .autocomplete-message{padding:5px 20px;line-height:30px;font-size:14px;font-style:italic;text-align:center;white-space:nowrap;} .autocomplete-suggestion{display:flex;height:36px;line-height:36px;white-space:nowrap;cursor:pointer;} .autocomplete-suggestion + .autocomplete-suggestion{height:37px;border-top:1px solid #f5f5f5;} .autocomplete-suggestion-img{width:36px;} .autocomplete-suggestion-img img{max-width:36px;max-height:36px;} .autocomplete-suggestion-icon{width:36px;font-size:20px;text-align:center;font-family:'Material Icons', sans-serif;} .autocomplete-suggestion-text{flex:1;padding:0 12px;} .autocomplete-suggestion:hover{background-color:#f5f5f5;} .autocomplete-suggestion.selected{background-color:#333;color:white;} .autocomplete-input:focus{z-index:201;} .autocomplete-input:focus + .autocomplete-container{display:block;} /* RecBoxes */ .recBoxes{background: #888;} .recBoxes-item{} .recBoxes-view{display: flex; height: 32px; line-height: 32px; align-items: center; gap: 5px; background: white; border-top: 1px solid #eee;} .recBoxes-view:hover{background: #eee;} .recBoxes-icon{width: 32px; text-align: center; font-family: "Material Icons"; font-size: 18px;} .recBoxes-name{line-height: 32px; flex: 1;} .recBoxes-children{padding-left: 32px; background: rgb(0, 0, 0, 0.3); display: none;} label.recBoxes-box::after{content: "check_box_outline_blank";} label.recBoxes-toggle::after{content: "expand_more";} input.recBoxes-box:checked ~ .recBoxes-view > label.recBoxes-box::after{content: "check_box";} input.recBoxes-box:checked ~ .recBoxes-view > .recBoxes-name{font-weight: bold;} input.recBoxes-box:disabled ~ .recBoxes-view > label.recBoxes-box{opacity: 0.5;} input.recBoxes-toggle:checked ~ .recBoxes-view > label.recBoxes-toggle::after{content: "expand_less";} input.recBoxes-toggle:checked ~ .recBoxes-children{display: block;} /* Tree JS */ .tree{background-color:#999;user-select:none;} .tree mi{top:auto;} .tree-element{} .tree-element[leaf="arborescence"],.tree-element[leaf="arbre_kit_technique"]{border: solid #777; border-width: 0 2px 2px 2px; margin-left: -2px;} .tree-element[leaf="arborescence"] .tree-row,.tree-element[leaf="arbre_kit_technique"] .tree-row{background-color:#ddd; height: 32px; outline: none !important;} .tree-element[leaf="arborescence"]:first-child,.tree-element[leaf="arbre_kit_technique"]:first-child{border-top-width: 2px;} .tree-element[leaf="arborescence"]:not(:first-child),.tree-element[leaf="arbre_kit_technique"]:not(:first-child){margin-top: -8px;} .tree-row{display:flex;width:100%;align-items:center;background-color:white;height:40px;padding-left:12px;font-size:16px;font-weight:600;border-bottom:1px solid rgba(0, 0, 0, 0.1);cursor:pointer;} .tree-row:hover{background-color:#f5f5f5;} .tree-row:focus{outline:2px solid #333;z-index:1;} .tree-row.selected{background-color:#9eb2cc;} .tree-row-img{width:39px;height:39px;object-fit:contain;margin-left:-6px;padding:3px;} .tree-row-img + mi{position: absolute; bottom: 0; left: 30px; font-size: 14px; display: none;} .tree-row-name{flex:1;padding:0 12px 0 6px;} .tree-row-tag{display: inline-block; background: rgba(0, 0, 0, 0.05); color: #555 ; border-radius: 5px; font-size: 12px; padding: 2px 4px;} .tree-row-sort{width:30px;text-align:center;opacity:0;cursor:move;line-height:42px;} .tree-row-sort:hover{color:#333;} .tree-row:hover .tree-row-sort{opacity:0.6;} .tree-elements{padding-left:40px;background-color:rgba(255, 255, 255, 0.15);} .tree-elements:empty:after{display:block;background-color:rgba(255, 255, 255, 0.8);height:40px;line-height:39px;text-align:center;font-style:italic;font-size:14px;border-bottom:1px solid #f5f5f5;content:'Aucun élément ici';} .tree-elements.tree-elements-loading:empty:after{content:'Chargement';} .tree-menu{position:fixed;background-color:white;padding:8px 0;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2);min-width:200px;z-index:100;} .tree-menu-title{line-height:40px;padding:0 20px;font-size:16px;font-weight:700;background-color:#333;text-align:center;top:-8px;color:white;text-transform:uppercase;} .tree-menu-action{display:block;line-height:36px;padding:0 16px;font-size:16px;font-weight:600;cursor:pointer;} .tree-menu-action:hover{background-color:#f5f5f5;color:#333;} .tree-menu-action.disabled{color:#aaa;background-color:#fff;cursor:auto;} .tree-menu-hr{display:block;margin:8px 16px;height:1px;background-color:#eee;} .tree-element:not(:last-child) > .tree-elements:before{position:absolute;top:-20px;left:-21px;width:2px;height:100%;background-color:white;content:'';} .tree-elements .tree-element:before{position:absolute;top:-20px;left:-21px;width:2px;height:40px;background-color:white;content:'';} .tree-elements .tree-element:first-child:before{top:0;height:20px;} .tree-elements .tree-element:after{position:absolute;top:19px;left:-21px;width:21px;height:2px;background-color:white;content:'';} .tree-element.ui-sortable-helper{opacity:0;} .tree-element.ui-sortable-placeholder{outline:2px solid #333;z-index:1;} .tree-element.ui-sortable-placeholder .tree-row{background-color:#eee;} #warehouse-parts-needed .wrap{margin-bottom: 4px;} #warehouse-parts-needed input{width: 1px;height: 1px;opacity: 0;visibility: hidden;} #warehouse-parts-needed label{width: 100%;height: auto;background: linear-gradient(to right, #424242, #494949);color: #FFF;font-weight: 700;border-radius: unset;border: none;padding: 8px;} #warehouse-parts-needed label:after{content: '';} #warehouse-parts-needed label:hover{background: #555;} #warehouse-parts-needed input + label + div{display: none;border-top: 1px solid #FFF;} #warehouse-parts-needed input:checked + label + div{display: block;} .formula, .formula-vars, .formula-tooltip{background: white; padding: 5px 15px;font-size: 16px; font-weight: 400;} .formula{white-space: nowrap; display: flex; align-items: center; gap: 5px; color: #000;} .formula-vars{display: grid; grid-auto-flow: column; grid-template-rows: repeat(4, auto); gap: 5px 15px;} .formula-var{background: #1e5d9522; color: #1e5d95; display: flex; align-items: center; gap: 5px; border: 1px solid transparent; padding: 1px 4px; border-radius: 5px;} .formula-var:has(> .formula-info):hover{border-color: #1e5d95;} .formula-var.c2{background: #b9393922; color: #b93939;} .formula-var.c2:has(> .formula-info):hover{border-color: #b93939;} .formula-var.c3{background: #58348022; color: #583480;} .formula-var.c3:has(> .formula-info):hover{border-color: #583480;} .formula-var-name{font-size: 14px; display: flex; align-items: center; gap: 5px;} .formula-var-name mi{top: auto; font-size: 16px;} .formula-var-name::after{content: ':';} .formula-var-value{font-weight: 700;} .formula-vars > .formula-var{padding: 4px 14px; justify-content: space-between;} .formula-operator{font-size: 20px;} .formula-constant{color: #B67D14; background: #B67D1422; padding: 2px 5px; border-radius: 5px; font-weight: 700;} .formula-function{color: #437743; background: #43774322; border: 1px solid transparent; padding: 1px 4px; border-radius: 5px;} .formula-function:has(> .formula-info):hover{border-color: #437743;} .formula-function > span{text-transform: uppercase; font-size: 14px;} .formula-table{width: auto !important; font-size: 13px; text-align: center; } .formula-table th{padding: 5px 10px; background: #f5f5f5 !important; border: 1px solid #ddd; color: #444;} .formula-table td{padding: 5px 10px; background: #ffffff !important; border: 1px solid #ddd; color: #000;} .formula-table > thead > tr:first-child > th:first-child{border-top-left-radius: 7px;} .formula-table > thead > tr:first-child > th:last-child{border-top-right-radius: 7px;} .formula-table > tbody > tr:last-child > td:first-child{border-bottom-left-radius: 7px;} .formula-table > tbody > tr:last-child > td:last-child{border-bottom-right-radius: 7px;} .formula-table a::before{font-family: "Material Icons", sans-serif; content: 'link'; margin-right: 5px; vertical-align: middle;} .formula-table a:hover{color: #666;} .formula-tooltip{white-space: nowrap; color: #555; font-size: 14px; display: flex; align-items: center; gap: 5px;} .formula-tooltip::before{font: 16px/1 "Material Icons"; content: 'help_outline ';} .formula-info{white-space: nowrap; position: absolute; z-index: 10; border-radius: 9px; display: none; border: 1px solid #000; box-shadow: 0 0 30px 0 #00000022;} .formula-info:has(> :nth-child(2)){flex-direction: column; gap: 5px; border-radius: 12px; padding: 5px; background: #eee;} .formula-info > *{border-radius: 8px; border: 1px solid #ddd;} .formula-info.vt{bottom: 100%; margin-bottom: 1px;} .formula-info.vb{top: 100%; margin-top: 1px;} .formula-info.hc{left: 50%; transform: translateX(-50%);} .formula-info.hl{left: 0;} .formula-info.hr{right: 0;} .formula-info.nh{margin: 5px 0;} *:hover > .formula-info{display: block;} *:hover > .formula-info:has(> :nth-child(2)){display: flex;} .radioSwitch{display: flex; background: #DDD; gap: 2px; padding: 2px; white-space: nowrap; --color: #333;} .radioSwitch > input{display: none;} .radioSwitch > input[type=radio] + label{flex: 1; background: white; padding: 5px 10px; font: 16px/normal "Titillium Web", sans-serif; transition: 0.1s;} .radioSwitch > input[type=radio] + label{width: auto; height: auto; border-radius: 0; text-align: center; color: #AAA; border: 0;} .radioSwitch > input[type=radio]:checked + label{background: var(--color); color: white; font-weight: 700; outline: 2px solid var(--color);} .radioSwitch > input[type=radio]:checked + label::after{content: initial;} /*Thibault */ .disable-scrollbars::-webkit-scrollbar { width: 0; background: transparent; /* Chrome/Safari/Webkit */ } .disable-scrollbars { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } @media (max-width:1000px){ .w50{width:100%;} /* input[type="submit"], button, .button{font-size:0px;} input[type="submit"] .fa, button .fa, .button .fa{font-size:20px;line-height:30px;} */ } @media print { body{padding:6px;background:white;} .content{box-shadow:none;background:#eee;} #menu, #line, .noPrint{display:none;} .toPrint{display:block;} } @keyframes progress{ from{width:0;} to{width:100%;} } /*Catman*/ .subtitle-catman {font-weight: 700;font-size: 17px;} .empty-branch {text-align: left;height: 100px;overflow: auto;font-size: 14px;color: red;text-decoration: underline;} /*Suivi Spareka*/ .json-cell{white-space: pre;overflow: auto;max-height: 100px;max-width: 300px;} /*Extension*/ .extension-preview{display: flex;justify-content: space-between;gap: 26px;padding: 24px; background: #eee;} .extension-preview-img{width: 110px;height: 110px;border-radius: 13px;background: #DADADA;padding: 13px;} .extension-preview-img img{border-radius: 5px;} .extension-preview-infos{display: flex;flex-direction: column;gap: 10px;flex: 1;} .extension-preview-infos-name{color: #222;font-family: "Red Hat Display";font-size: 22px;font-weight: 600;line-height: 30px;} .extension-preview-infos-data{display: flex;gap: 16px;font-family: "Poppins";font-size: 15px;line-height: 22px;} .extension-preview-infos-data-element{color: color-mix(in srgb, #222, #FFF 50%);display: flex;gap: 6px;} .extension-preview-infos-dispo{display: flex;gap: 16px;} .extension-preview-infos-dispo-stock{display: flex;align-items: center;padding: 5px 10px;border-radius: 4px;font-family: "Poppins";font-size: 15px;font-weight: 600;line-height: 22px;} .extension-stock-positive{background: #28C76F29;color: #28C76F;} .extension-stock-negative{background: #C7282829;color: #C72828;} .extension-preview-infos-dispo-visible{display: flex;border: 1px solid #c1c1c1;border-radius: 6px; background: white;} .extension-preview-infos-dispo-visible-icon{display: flex;align-items: center;padding: 4px 12px;border-right: 1px solid #c1c1c1;} .extension-preview-infos-dispo-visible-icon i{border-radius: 4px;box-shadow: 0px 2px 4px 0px rgba(165, 163, 174, 0.30);color: white;padding: 1px;} .extension-preview-infos-dispo-visible-icon-check i{background: #6CAC2B;} .extension-preview-infos-dispo-visible-icon-close i{background: red;} .extension-preview-infos-dispo-visible-text{padding: 7px 14px;color: #aaa;font-family: "Poppins";font-size: 13px;line-height: 20px;} .extension-preview-buttons{display: flex;flex-direction: column;justify-content: flex-end; gap: 10px;} .extension-preview-button{ height: auto; padding: 10px 20px; border-radius: 6px; box-shadow: 0px 2px 4px 0px rgba(165, 163, 174, 0.30); color: white; font:400 15px/normal "Poppins", sans-serif; letter-spacing: 0.43px; border: 0; } .extension-preview-button.export{background: #6CAC2B;} .extension-preview-button.duplicate{background: #4e86cf;} .chips-checkboxes{display: flex; flex-wrap: wrap; gap: 5px; font: 600 12px "Titillium Web";} .chips-checkbox{border-radius: 20px; padding: 5px 10px; background: rgba(0, 0, 0, 0.1); cursor: pointer;} .chips-checkbox:hover{background: rgba(0, 0, 0, 0.2);} input:checked + div + .chips-checkbox{background: #627d5a; color: white;} .extension-preview-infos .extension-preview-infos-data:first-child, .extension-preview-infos .extension-preview-infos-data .extension-preview-infos-data-element {align-items: flex-start;} .extension-preview-infos .extension-preview-infos-data .extension-preview-infos-data-element:nth-child(2){min-width: 115px;} #upsRelaypoint { width: 97%!important; position: relative; display: inline-block; margin: 10px; background-color: transparent; border-radius: 5px; border: 1px solid #bbbb; overflow: auto; } #upsRelaypoint .SearchRelayPoints p { font-weight: 500; margin-bottom: 10px; } #upsRelaypoint .SearchRelayPoints { padding: 10px 20px; } #upsRelaypoint .SearchRelayPoints .d-flex { display: flex; } #upsRelaypoint .SearchRelayPoints .d-flex input{ width: 100%; height: 40px; border-radius: 5px; border: 1px solid #C8C8C8; text-indent: 10px; padding-right: 10px; } #upsRelaypoint .SearchRelayPoints .d-flex button{ background-color: #4daf7c; color: #fff; border-radius: 5px; padding: 0 13px; margin-left: -5px; font-size: 13px; width: 130px; height: auto; border: 0; font-weight: normal; } #upsRelaypoint #itjlMap { height: 400px!important; border-radius: 5px; width: 93%; margin: 0 auto; margin-bottom: 15px; } #upsRelaypoint .search_ups_option { border: 1px solid #C8C8C8; width: 93%; height: 40px; margin: 15px auto; border-radius: 5px; display: flex; } #upsRelaypoint .search_ups_option button { width: 98%; background-color: transparent; font-family: var(--font-text); font-size: 16px; height: 36px; border: 0; font-weight: normal; color: #000; } #upsRelaypoint .search_ups_option button:first-child{ border-right: 1px solid #C8C8C8; } #upsRelaypoint .SearchRelayPoints p, #upsRelaypoint #listRelayPoints .row, #upsRelaypoint #selectedRelayPoint .contact-card .contact-details p { font-family: var(--font-text); font-size: 13px; } #upsRelaypoint #listRelayPoints .row span { display: block; } #upsRelaypoint .search_ups_option button:hover { box-shadow: 0px 1px 2px #ccc; } #upsRelaypoint #listRelayPoints .relay-points{ padding: 10px 20px; } #upsRelaypoint #listRelayPoints .relay-points:not(:first-child) { border-top: 1px solid #c8c8c8; } #upsRelaypoint #listRelayPoints .relay-points input{ display: inline-block; margin-right: 15px; cursor: pointer; } #upsRelaypoint #selectedRelayPoint{ padding: 10px 20px; } #upsRelaypoint #selectedRelayPoint .contact-card h1 { font-family: var(--font-text); font-size: 15px; margin-bottom: 12px; } #upsRelaypoint #selectedRelayPoint .contact-card .contact-details p { margin: 8px 0; } #upsRelaypoint #selectedRelayPoint .contact-card .contact-details p span { display: inline-block; font-family: var(--font-text); width: 137px; font-weight: bold; } #upsRelaypoint ~ .floating-foot { margin: 0; } #listRelayPoints label.row { background: none; width: auto; height: auto; background: none; border: none; padding-left: 30px; } .tuto_container{ float:right; width:200px; overflow:hidden; background-color: white; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; word-wrap: break-word; } #volet { width: 320px; /*padding: 10px;*/ background: #666; color: #fff; margin-right:20px; } #volet a.ouvrir, #volet a.fermer { padding: 25px; background: #666; color: #fff; text-decoration: none; } #volet { position: absolute; top:37px; /* top:50 */ right: -330px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; padding-bottom: 10px; } #volet h1{ -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); -ms-transform: rotate(-270deg); color: deepskyblue; /*text-shadow: 1px 1px 1px #fff;*/ margin: 0; padding: 0; } #volet h2{ color: deepskyblue; } #volet a.ouvrir, #volet a.fermer { position: absolute; left: -73px; top: -70px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-radius: 0 0 8px 8px; border-radius: 8px 8px 0 0; } #volet a.fermer { display: none; } #volet a.ouvrir { display: block; } #volet:target { right: 15px; } #volet:target a.fermer { display: block; } #volet:target a.ouvrir { display: none; } #volet_clos:target #volet { right: -330px; } #volet_clos { position: fixed; top: 10px; right:-10px; z-index: 200; } #volet p{ padding-bottom: 10px; }