/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff2) format('woff2'),url(fonts/fontawesome-webfont.woff) format('woff'),url(fonts/fontawesome-webfont.ttf) format('truetype'),url(images/fontawesome-webfont.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook-f:before,.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-feed:before,.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before,.fa-gratipay:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\F1E3"}.fa-tty:before{content:"\F1E4"}.fa-binoculars:before{content:"\F1E5"}.fa-plug:before{content:"\F1E6"}.fa-slideshare:before{content:"\F1E7"}.fa-twitch:before{content:"\F1E8"}.fa-yelp:before{content:"\F1E9"}.fa-newspaper-o:before{content:"\F1EA"}.fa-wifi:before{content:"\F1EB"}.fa-calculator:before{content:"\F1EC"}.fa-paypal:before{content:"\F1ED"}.fa-google-wallet:before{content:"\F1EE"}.fa-cc-visa:before{content:"\F1F0"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-bell-slash:before{content:"\F1F6"}.fa-bell-slash-o:before{content:"\F1F7"}.fa-trash:before{content:"\F1F8"}.fa-copyright:before{content:"\F1F9"}.fa-at:before{content:"\F1FA"}.fa-eyedropper:before{content:"\F1FB"}.fa-paint-brush:before{content:"\F1FC"}.fa-birthday-cake:before{content:"\F1FD"}.fa-area-chart:before{content:"\F1FE"}.fa-pie-chart:before{content:"\F200"}.fa-line-chart:before{content:"\F201"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-bicycle:before{content:"\F206"}.fa-bus:before{content:"\F207"}.fa-ioxhost:before{content:"\F208"}.fa-angellist:before{content:"\F209"}.fa-cc:before{content:"\F20A"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\F20B"}.fa-meanpath:before{content:"\F20C"}.fa-buysellads:before{content:"\F20D"}.fa-connectdevelop:before{content:"\F20E"}.fa-dashcube:before{content:"\F210"}.fa-forumbee:before{content:"\F211"}.fa-leanpub:before{content:"\F212"}.fa-sellsy:before{content:"\F213"}.fa-shirtsinbulk:before{content:"\F214"}.fa-simplybuilt:before{content:"\F215"}.fa-skyatlas:before{content:"\F216"}.fa-cart-plus:before{content:"\F217"}.fa-cart-arrow-down:before{content:"\F218"}.fa-diamond:before{content:"\F219"}.fa-ship:before{content:"\F21A"}.fa-user-secret:before{content:"\F21B"}.fa-motorcycle:before{content:"\F21C"}.fa-street-view:before{content:"\F21D"}.fa-heartbeat:before{content:"\F21E"}.fa-venus:before{content:"\F221"}.fa-mars:before{content:"\F222"}.fa-mercury:before{content:"\F223"}.fa-intersex:before,.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-venus-double:before{content:"\F226"}.fa-mars-double:before{content:"\F227"}.fa-venus-mars:before{content:"\F228"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-neuter:before{content:"\F22C"}.fa-genderless:before{content:"\F22D"}.fa-facebook-official:before{content:"\F230"}.fa-pinterest-p:before{content:"\F231"}.fa-whatsapp:before{content:"\F232"}.fa-server:before{content:"\F233"}.fa-user-plus:before{content:"\F234"}.fa-user-times:before{content:"\F235"}.fa-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"}.fa-yc:before,.fa-y-combinator:before{content:"\F23B"}.fa-optin-monster:before{content:"\F23C"}.fa-opencart:before{content:"\F23D"}.fa-expeditedssl:before{content:"\F23E"}.fa-battery-4:before,.fa-battery: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}
/* font local : roboto */
@font-face {
    font-family: 'robotolight';
    src: url(fonts/Roboto-Light-webfont.eot);
    src: url(fonts/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/Roboto-Light-webfont.woff) format('woff'),
         url(fonts/Roboto-Light-webfont.ttf) format('truetype'),
         url(images/Roboto-Light-webfont.svg#robotolight) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url(fonts/Roboto-Regular-webfont.eot);
    src: url(fonts/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/Roboto-Regular-webfont.woff) format('woff'),
         url(fonts/Roboto-Regular-webfont.ttf) format('truetype'),
         url(images/Roboto-Regular-webfont.svg#robotoregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url(fonts/Roboto-Medium-webfont.eot);
    src: url(fonts/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/Roboto-Medium-webfont.woff) format('woff'),
         url(fonts/Roboto-Medium-webfont.ttf) format('truetype'),
         url(images/Roboto-Medium-webfont.svg#robotomedium) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url(fonts/Roboto-Bold-webfont.eot);
    src: url(fonts/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/Roboto-Bold-webfont.woff) format('woff'),
         url(fonts/Roboto-Bold-webfont.ttf) format('truetype'),
         url(images/Roboto-Bold-webfont.svg#robotobold) format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoitalic';
    src: url(fonts/Roboto-Italic-webfont.eot);
    src: url(fonts/Roboto-Italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/Roboto-Italic-webfont.woff) format('woff'),
         url(fonts/Roboto-Italic-webfont.ttf) format('truetype'),
         url(images/Roboto-Italic-webfont.svg#robotoitalic) format('svg');
    font-weight: normal;
    font-style: normal;

}

/* font local : roboto slab */
@font-face {
    font-family: 'roboto_slabregular';
    src: url(fonts/RobotoSlab-Regular-webfont.eot);
    src: url(fonts/RobotoSlab-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/RobotoSlab-Regular-webfont.woff) format('woff'),
         url(fonts/RobotoSlab-Regular-webfont.ttf) format('truetype'),
         url(images/RobotoSlab-Regular-webfont.svg#roboto_slabregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: "font_awesome";
  src: url(fonts/fontawesome-webfont.eot) format('embedded-opentype'), 
  url(fonts/fontawesome-webfont.eot#iefix) format('embedded-opentype'), 
  url(fonts/fontawesome-webfont.woff) format('woff'), 
  url(fonts/fontawesome-webfont.ttf) format('truetype'), 
  url(images/fontawesome-webfont.svg#FontAwesome) format('svg');
}


/* global */
body {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: 'robotoregular', Helvetica, Arial, sans-serif;
	/*font-size: 0.8em;*/
	color: #202020;
}
div {
	position: relative;
}
.wrapper{
	max-width: 1240px;
	margin: 0 auto;
	background-color: #e6e6e6;
    box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
    -moz-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
}
.container {
	padding: 1%;
	text-align: center;
}

/* style global / titres, paragraphes, ul, input */
h1 {
	margin: 0;
	padding: 0;
	font-family: 'robotolight', Helvetica, Arial, sans-serif;
}
h2, h3, h4 {
	font-size: 0.9em;
}
h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	margin: 10px 0 10px 10px;
	font-family: 'robotolight', Helvetica, Arial, sans-serif;
	letter-spacing: 0.01em;
}
h3 {
    margin: 0;
    padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	font-family: 'robotomedium', Helvetica, Arial, sans-serif;
	letter-spacing: 0.01em;
	color: #45494E;
}
h4 {
	display: inline-block;
	width: 115px;
	font-weight: 400;
}
p {
	margin: 0;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
input {
	border: 1px solid #3498db;
	padding: 3px;
	margin-bottom: 10px;
	border-radius: 2px;
	color: #666;
}


/* style de toutes les boîtes */
.panel {
	width: 98%;
	text-align: left;
	display: inline-block;
	margin: 0.75%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
    -moz-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
}
.panel-small {
	max-width: 48%;
	/* min-width: 520px; */
	min-width: 540px;
    vertical-align: top;
}
.panel-large {
	max-width: 1200px;
}
.panel-medium {
	max-width: 1000px;
}
.panel-medium .show-toggle-content {
	overflow-x : scroll;
}

/*.content {
	padding: 20px;
}*/

.hidden {display: none;}

/* style des boutons */
button {
    background-color: transparent;
    border: 0;
    color: transparent;
}
.fa {
	margin: 0 5px;
}
.message-btn {
	float: right;
}
.infosChantier .message-btn, #panelcubature .message-btn {
    display: none;
}
.new-machine {
	overflow: hidden;
}
.new-machine a {
	color: #3498db;
	text-decoration: none;
	vertical-align: middle;
}
.content-btn {
	height: 30px;
	float: left;
	margin-right: 10px;
}

/* style des icônes */
.panel-content-icon {
	color: #3498db;
	vertical-align: middle;
	margin-right: 10px;
}

/* style des images */
img.epure {
	min-width: 800px;
}

/* style boîtes titres, onglets, messages */
.title, .message, .tab {
	padding: 20px;
}
.content p, .message p {
	font-size: 0.8em;
}

/* style boîtes titres */
.title {
	padding: 0;
	border-radius: 5px 5px 0px 0px;
	background-color: #7f8c8d;
	color: #fff;
}
.title button {
    padding: 0px 20px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}
.title img, h2 {
	display: inline-block;
	vertical-align: middle;
}
.title img {
	display: inline-block;
	margin-right: 10px;
    margin: 5px 0px;
}
.caption-btn img {
	height: 25px;
	width: 25px;
}

/* style boîtes onglets */
.tab {
	padding: 20px 20px 0 20px;
	height: auto;
	background-color: #d9d9d9;
	font-size: 0.9em;
}
.tab li {
	list-style: none;
	display: inline-block;
	padding: 10px 20px;
	background-color: #f3f3f3;
  margin-right: 4px;
}
.tab li a {
	text-decoration: none;
	display: block;
	color: #202020;
	text-transform: uppercase;
	width: 100%;
}

.tab li.active {
	background-color: #fff;
	color: #3498db;
}

/* style boîtes messages */
.message {
	padding: 15px 20px;
}
.message p {
	margin-right: 10px;
	font-family: 'robotoregular', Helvetica, Arial, sans-serif;
	font-style: italic;
}
.message p, i {
	display: inline-block;
}

/* style global / contenu agenda, paramètres, prévisionnel */
.agenda, .parametres, .previsionnel  {
	float: left;
	vertical-align: top;
}

.panel-small .list-content::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    border-right: 1px solid #a4a4a4;
    z-index: 1;
    content: " ";
    left: 0;
}
/*
.panel-large .list-content::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80%;
    border-left: 1px solid #a4a4a4;
    z-index: 0;
    content: " ";
    right: 0;
}
.panel-large .list-content::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    border-left: 1px solid #a4a4a4;
    z-index: 1;
    content: " ";
}*/

/* style listes de données / paramètres, prévisionnel */
/*.suivant {
	border-left: 1px solid #a4a4a4;
	height: 100%;
}*/
.list-content {
	min-height: 190px;
}

/*Panel chantier*/
.list-content.row1 {
	min-height: 240px;
}

.list {
	height: 100%;
}
.list ul {
	font-size: 0.8em;
	margin-bottom: 20px;
}
.list li:nth-child(2n+1) {
	background-color: #f3f3f3;
}
.panel-small .list.parametres, .list.previsionnel {
	width: 50%;
}

.panel-small .list.simulateur {
	width: 100%;
	clear: both;
}

.panel-small .list.simulateur .libelle{
	width: 46%;
}
.panel-small .list.simulateur .valeur {
	width: 48%;
}


/*.parametres .libelle, .parametres .data, .previsionnel .libelle, .previsionnel .data {
	width: 36%;
	margin: 0;
	display: inline-block;
	padding: 2px 20px;
}
.valeur {
    color: #7f8c8d;
}*/

properties-list ul li {
	min-height: 	1.75em;
}
properties-list ul li .libelle {
	width: 30%;
	margin: 0;
	display: inline-block;
	padding-top: 2px;
	padding-left: 20px;
	vertical-align: top;
}
properties-list ul li .valeur {
	width: 60%;
	margin: 0;
	display: inline-block;
	padding: 2px;
	color: #7f8c8d;
}

description-mouvement properties-list ul li .libelle {
	width: 35%;	
}
description-mouvement properties-list ul li .valeur {
	width: 55%;
}



/* style contenu / échelons / ajout d'engins */
.new-machine {
	margin-bottom: 40px;
}
.function {
	margin-bottom: 20px;
  display: flex;
}


/* style contenu / épure */


/* classes spécifiques */
.no-padding {
	padding: 0 !important;
}
.selected {
	background-color: #3498db;
}
.width-auto {
	width: auto;
	max-width: 493px;
}
.rotate {
    transform: rotate(-180deg);
    /*transform: rotate(180deg);*/
    transition-duration: 0.1s;
}
.off {
	border-radius: 3px;
	transition-duration: 0.5s;
}
.cacher {
	display: none;
}

/* Media Queries */
@media screen and (max-width: 1280px) {
}
datepicker a, [datepicker] a, .datepicker a{
  color:inherit;
  text-decoration:none;
}
datepicker a:hover, [datepicker] a:hover, .datepicker a:hover{
  text-decoration:none;
}
datepicker select, datepicker select:focus, datepicker select:hover,
.datepicker select, .datepicker select:focus, .datepicker select:hover,
[datepicker] select, [datepicker] select:focus, [datepicker] select:hover{
  width:100%;
   overflow: hidden;
   background:none;
   color:#fff;
   background-color: #138EFA;
   border-radius:2px;
   border: 0;
   margin-top:5px;
}
datepicker, .datepicker, [datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 13.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: right;
  position: relative;
}
._720kb-datepicker-calendar {
  background: white;
  color: #333;
  position: absolute;
  z-index: 999;
  min-width: 220px;
  margin: 0 auto;
  width: 101%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  visibility: hidden;
  overflow:hidden;
  margin-left:-0.5%;
  padding: 0 0 2% 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
._720kb-datepicker-calendar._720kb-datepicker-open,._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
  visibility: visible;
}
._720kb-datepicker-calendar-header {
  text-align: center;
  font-size: 15px;
  line-height: 40px;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
  background: #138EFA;
}
._720kb-datepicker-calendar-header:nth-child(even) {
  background: #7BC6FC;
}
._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
  width: 15%;
  float: left;
}
._720kb-datepicker-calendar-header-middle {
  width: 70%;
}

._720kb-datepicker-calendar-header-closed-pagination::after {
  content: " \25BE";
}

._720kb-datepicker-calendar-header-opened-pagination::after {
  content: " \25BE";
  margin-left: 4px;
  position: relative;
  bottom: -3px;
  display:inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
._720kb-datepicker-calendar-body {
  width: 96%;
  margin: 2%;
  text-align: center;
}
._720kb-datepicker-calendar-day {
  cursor: pointer;
  font-size: 12.5px;
  width: 12.2%;
  margin:5px 1%;
  padding: 1.5% 0;
  float: left;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
._720kb-datepicker-calendar-day:hover,._720kb-datepicker-calendar-day._720kb-datepicker-active {
  background: rgba(0, 0, 0, 0.03);
}
._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
  text-decoration:none;
  padding:3% 9% 4% 9%;
  font-size: 13.5px;
  color:rgba(0, 0, 0, 0.55);
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
._720kb-datepicker-calendar-header a:hover {
  color:rgba(0, 0, 0, 0.9);
  background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-month {
  color:#fff;
}
._720kb-datepicker-calendar-month span {
  font-size: 13px;
  color:rgba(0, 0, 0, 0.4);
}
._720kb-datepicker-calendar-month a span  i {
  font-style: normal;
  font-size:15px;
}
._720kb-datepicker-calendar-month a, ._720kb-datepicker-calendar-month a:hover {
  padding: 3px;
  margin-left:1%;
}
._720kb-datepicker-calendar-years-pagination{
  padding:2% 0 0 0;
  float:left;
  clear: right;
  width: 100%;
}
._720kb-datepicker-calendar-years-pagination a, ._720kb-datepicker-calendar-years-pagination a:hover {
  font-size:12px;
  padding:0 7px;
  font-weight: normal;
  margin:3px 1% 0 1%;
  line-height: 20px;
  display: inline-block;
}
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
  color:rgba(0, 0, 0, 0.9);
  font-weight: 500;
  background: rgba(255, 255, 255, 0.45);
}
._720kb-datepicker-calendar-years-pagination-pages a,._720kb-datepicker-calendar-years-pagination-pages a:hover{
  padding:5px 10px;
}
._720kb-datepicker-calendar-days-header{
  max-width: 100%;
  margin:0 auto;
  padding:0 2% 0 2%;
  background: rgba(19, 142, 250, 0.08);
  border-bottom:1px solid rgba(0,0,0,0.02);
}
._720kb-datepicker-calendar-days-header div{
  width: 14.18%;
  font-weight: 500;
  font-size: 11.5px;
  padding:10px 0;
  float:left;
  text-align: center;
  color:rgba(0,0,0,0.7);
}
._720kb-datepicker-calendar-days
._720kb-datepicker-default-button{
  font-size: 18.5px;
  position: relative;
  bottom:-0.5px;
}
._720kb-datepicker-default-button{
  padding:0 4.5px;
}
._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item{
  width:95%;
  float:none;
  margin:0 auto;
}
._720kb-datepicker-item-hidden{
  visibility:hidden;
}
._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover{
  color:rgba(0,0,0,0.2);
  background: rgba(25,2,0,0.02);
  cursor: default;
}

html, body {
    min-height: 100%;
    height: 100%;
    background-color: #ccc;
}
body {
    overflow-y:scroll;
}
#homeBG {
    text-align: center;
    width:100%;
}

#homeContainer {
    background-color: transparent;
    height:580px;
    min-width: 1048px;
    max-width: 1200px;
    width:100%;
    margin:0 auto;
}
.imageFondContainer {
    padding-top:2em;
}
.imageFond {
    margin:auto;
    background-image: url('/images/accueil.jpg'); /*    background-image: url('/images/accueil.jpg'); */
    width:1240px;
    height:auto;
    box-shadow: 8px 8px 12px #aaa;
    max-width:100%;
    background-size:contain;
    background-repeat: no-repeat;
}
.imageFond img {
    width:100%;
    height:auto;
    max-width:1240px;
}



#credits {
    position : absolute;
    top:0;
    text-align:center;
    width: 100%;
    height:1750px;
}

#credits.cachable {
    background-color: transparent;
    max-height: 0;
}

#credits.cachable.montrer {
    background-color: RGBa(0,0,0,0.4);
    max-height: 1750px;
}


#credits.cachable .container {
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.85s ease-out;
    margin-bottom:10px;
}

#credits.cachable.montrer .container {
    opacity: 1;
    max-height: 1750px;
    transition: max-height 0.85s ease-in;
    }

#credits .container {
    margin:4em auto;
    text-align:left;
    width: 100%;
    max-width: 800px;
    border: 4px solid #555;
    background: white url('/images/logo.png') no-repeat center top;
}

#credits h2 {
    color:transparent;
    text-align:center;
    font-size:120%;
    display:block;
    margin-bottom:8em;
    background: transparent url('/images/icon_fermer.png') no-repeat right top;
}

#credits ul, #credits p  {
    font-size:90%;
    margin-left:4em;
}
#credits h3 {
    margin-top:1.6em;
}
#credits ul {
    list-style: square ;
}

#homeContainer button {
    background-color: white;
    color: #3498db;
    padding: 6px 20px 5px 20px;
    padding: 6px 20px 5px 20px;
    font-size: 80%;
    border: 2px solid #3498db;
    border-radius: 8px;
    margin: 8px auto;
    text-transform: uppercase;
    position:absolute;
    top:340px;
    text-align: center;
/*
    width: 10%;
    left: 45%;
    */
    display:block;
    width: 12%;
    left: 44%;
}

#homeContainer button:hover {
    border: 2px solid #6abaf0;
}
.lienAccueil {
    color: white;
    position:absolute;
    text-align: center;
    display:block;
    font-size:90%;
    text-decoration: none;
}
#lancerCredits {
    width: 10%;
    left: 45%;
    top:385px;
}
#lancerPDF {
    top:410px;
    width: 20%;
    left: 40%;
}

.lienAccueil:hover {
    text-decoration: underline;
}

.cliquable {
    cursor: pointer;
}
div.securiteOK {
    position:absolute;
    top:325px;
    text-align: center;
    width: 100%;
}
div.securiteOK > span {
    text-align: center;
    display: block;
    color: #444;
    font-size: 90%;
    width: 50%;
    margin: 0 auto;
    border: 1px solid #3498db;
    padding: 3px;
    background-color: rgba(255, 255, 255, 0.8);
}
div.securiteOK form {
    display: inline;
}
div.securiteOK input {
    margin:0 0.6em;
}
div.securiteOK a {
    color: #3498db;
    text-decoration: none;
}
div.securiteOK a.bouton {
    font-weight: bold;
}
div.securiteOK a.lien {
    font-size: 90%;
}
div.securiteOK a:hover {
    text-decoration: underline;
}

#homeContainer button.cacher {
    display: none;
}
.simulator {

}

.analyse-content {
	margin:0 1em 2em 3em;
}

/*.chantier .list-content.row1 {
    min-height: 272px;
}*/
.infosChantier .panel-small .list-content::before {
    width:55%;
}
.infosChantier .list.parametres {
    width:55%;
}
.infosChantier .list.parametres  ul {
    margin-bottom: 0;
}
.infosChantier properties-list .parametres ul li .libelle {
    width:38%;
}
.infosChantier properties-list .parametres ul li .valeur  {
    width:52%;
}
.infosChantier .previsionnel {
    width:45%;
    min-width: 240px;
}

.finListe {
    clear:both;
    content:"";
}

properties-list h3 {
    display:block;
}
.sols properties-list h3, .togglele  h3 {
    display:none;
}
.sols h4 {
    display:block;
    margin:0;
    padding:0;
    padding-left: 20px;
    padding-bottom: 0.2em;
    font-weight: bold;
    width:auto;
}

/* balises <a> pour navigation/scroll dans la page*/
.scrollmark {
text-decoration:none;
background-color: #f00; 
min-height: 10px;
min-width: 100px;
clear: both;
color: #0f0;
}

.togglelable h3, .togglelable.bilan .sousTitre {
    position:relative;
    margin-left:25px;
    cursor: pointer;
}
.togglelable:before {
    content:"";
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color:  transparent transparent transparent #3498db ;
    position: absolute;
    left: 20px;
    top:12px;
    clear:both;
}
.togglelable.bilan:before {
    left: 0;
    top:5px
}
.togglelable.visible:before {
    transform: rotate(90deg);
    /*border-width: 8px 8px 0 8px;
    border-color:  #000000 transparent transparent transparent ;*/
}
.togglelable  div.togglele, .togglelable.bilan table {

    opacity: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    margin-bottom:10px;
}
.togglelable.bilan table {
    display: table-caption;
}
.togglelable.visible div.togglele/*ul*/, .togglelable.bilan.visible table {

    opacity: 1;
    max-height: 700px;
    transition: max-height 0.25s ease-in;
}
div.togglele ul {
    margin-bottom: 0.4em;
}

.ng-modal-dialog-debuginfo {
    display:none;
}
.ng-modal-dialog-content {
    width: auto;
}
.ng-modal-dialog-content h2 {
    text-align: left;
    display: block;
    font-weight: bold;
    color:#202020;
    margin-left:0;
}

/* BC */
.wrapper {
    min-width: 1048px;
    height:100%; /* 2018 */
}

.header .main-title .version  {
    /*display:none;*/
    margin-top: -1em;
}
.wrapper header .header {
    background-image: url('/images/terrassor76.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}
.wrapper header .header h1 {
    margin-left: 240px;
    margin-top:6px;
}
#bilanQSE h2, #bilanPedagogique h2 {
    margin-top:2em;
    color:#222222;
    font-weight:bold;
    text-decoration: underline;
    text-underline-position:under;
}
#bilanQSE ul, #bilanQSE .contenuQSE {
    display:block;
    margin: 0.4em 2em 1em 3em;
}

#bilanQSE ul li, #bilanQSE ul {
    max-width: 200px;
}
#bilanQSE img.picto, #bilanQSE svg {
    height: auto;
    width:16px;
    vertical-align: bottom;
}

span.avertissement {
    color:orangered;
    }
span.avertissementInhibe {
    display:block;
    color:orangered;
    font-size:0.9em;
    text-align:right;
    margin:1em 0;
    }

/* Levels QSE */
.picto-level-r, .picto-level-o, .picto-level-v, .picto-level-n {
  width:  0.75em;
  font:   normal normal normal 12px FontAwesome;
  content: "\F111"; /* fa-circle*/
  text-shadow: 2px 2px #666;
}

.picto-level-r {color:  #d81212}
.picto-level-o {color:  #bd663b}
.picto-level-v {color:  #00c100}
.picto-level-n {color:  #888}



.choixTerrassor {
    position : fixed;
    top:0;
    text-align:center;
    width: 100%;
    height:100%;
    z-index: 99;
}

.choixTerrassor a {
    text-decoration: none;
}

.choixTerrassor a.choixChantiers  {
    color:#3B96D2;
    font-weight:bold;
}
.choixTerrassor a.choixChantiers:hover {
    text-decoration: underline;
}

.listeChoix {
    height: 200px;
    overflow: auto;
    margin-top: 200px;
    border: 1px solid #cecece;
    background-color: #fefefe;
    padding: 1em;
}
#choixChantier a.enCours {
    /*background-color: #ededed;*/
    /*text-decoration: underline;*/
    border: 1px solid #3B96D2;
}
#choixChantier span.enCours {
    /*padding: 4px 10px;*/
    display:none;
}

.listeChoix .info {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/images/icon_infomessage.png');
    margin-left: 8px;
    width: 1em;
    height: 1em;
    padding: 0px 8px;
    cursor:pointer;
}
.listeChoix .groupeChantier {
    font-weight:bold;
}
.listeChoix a.choixChantiers {
    margin-left:2em;
    padding: 0 0.2em;
}
#descriptionChantier {
    border: 1px solid #cecece;
    border-top: none;
    padding:1em;
    /*background-color: #ededed;*/
    background-color: #3B96D2;
    cursor:pointer;
}
#descriptionChantier a {
    text-decoration: none;
}
#descriptionChantier .leNom {
    font-weight:bold;
    display:block;
    margin-bottom:1em;
    color: white;
}
#descriptionChantier .laDescription {
    display:block;
    color: white;
}
.choixTerrassor.cachable.montrer {
    background-color: RGBa(0,0,0,0.4);
    max-height: 100%;
}

.choixTerrassor.cachable.montrer .container {
    opacity: 1;
    max-height: 100%;
    transition: max-height 0.85s ease-in;
    overflow: scroll;
    }

.choixTerrassor.cachable.montrer .refermer {
    background: transparent url(/images/icon_fermer.png) no-repeat right top;
    position : absolute;
    top:0;
    right:0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.choixTerrassor.cachable {
    background-color: transparent;
    max-height: 0;
}

.choixTerrassor.cachable .container {
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.85s ease-out;
    margin-bottom:10px;
}

.choixTerrassor .container {
    margin:4em auto;
    text-align:left;
    width: 100%;
    max-width: 800px;
    border: 4px solid #555;
    background: white url('/images/logo.png') no-repeat center top;
}

.choixTerrassor h2 {
    color: #444;
    text-align: center;
    font-size: 120%;
    display: block;
    margin: 0 auto 0.8em;
}

.choixTerrassor ul, .choixTerrassor p  {
    font-size:90%;
    margin-left:4em;
}

.choixTerrassor ul {
    list-style: square ;
}

#choixEtude form {
    display:inline;
}

#choixEtude a, #choixEtude input[type=button]  {
    margin:0 1.4em;
    font-family: 'robotoregular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size:1em;
}

#choixEtude h2:nth-child(3)  {
    margin:  1.4em 0 0.8em;
}

#choixEtude progress {
    display: block;
    margin: 0 auto;
}
#choixEtude progress.cacher {
    display: none;
}

#webUploadEtudeId {
    border:none !important;
    color:#3B96D2;
    background-color:transparent;
    font-weight: bold;
    padding:0;
}
#webUploadEtudeId:hover {
    cursor: pointer;
    text-decoration: underline;
}
input[type=number],
input[type=number] {
    transform: scale(1.1);
    padding: 0.1em 0 0.1em 0.6em;
    margin-left: 0.4em;
    margin-right: 0.6em;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
}
input:focus, button:focus {
    outline: 0 !important;
}
a:link, a:visited, a:hover, a:active,a:focus {
    outline:0;
}

.panelcubature div.panel-small {
    vertical-align: bottom;
}


button.restartEpure, button.restartEpure:focus, button.restartEpure:active {
  margin: 1em 2em;
  background-color: transparent;
  color: #3498db;
  padding: 6px 20px 5px 20px;
  padding: 6px 20px 5px 20px;
  font-size: 80%;
  border: 2px solid #3498db;
  border-radius: 8px;
  text-transform: uppercase;
}
button.restartEpure:hover {
    border: 2px solid #6abaf0;
    cursor:pointer;
}
.infosChantier .message-content {
    max-width: 490px;
}

/*********************** repris ******************************/
label.disabled {
    color:#aaaaaa;
}

/* repris */
/*
.readonly-datepicker {
	float:left;
	margin-top: 0 auto;
	width:100%;
}
*/
.readonly-datepicker  label{
	opacity: 0.5;
}

.readonly-datepicker  input {
	border:1px solid #ccc;
	font-style: italic;
	color: #999;
}

datepicker, .readonly-datepicker {
	font-size:14px;
}

datepicker .consigne, .readonly-datepicker .consigne{
	font-size:0.9em;
	font-style: italic;
	color: #777;
	margin-bottom: 4px;
    height: 17px;
}

datepicker input, .readonly-datepicker input {
	margin-bottom: 12px;
}
.date-picker-input .bloc {
    float:left;
    width:auto;
    margin-right: 1em;
}

description-chantier .checkvalid {
    padding: 1em 1em 0;
    float:right;
}
description-chantier .ligneSaisieChantier {
    clear:both;
}
description-chantier .onglet {
    padding: 0 1em 1em;
    clear:both;
}

description-chantier .list.agenda {
	width: 17%;
}
description-chantier .list.parametres li .valeur{
	width: 59%;
}

description-chantier .list.parametres {
	width: 51%;
	border-left: 	1px solid #a4a4a4;
	border-right: 	1px solid #a4a4a4;
}
 description-chantier .list.previsionnel {
	width: 30%;
}

.ligneSaisieChantier input, .ligneSaisieChantier select {
    border: 1px solid #3498db;
    padding: 3px;
    margin-bottom: 10px;
    border-radius: 2px;
    color: #666;
    margin-left: 0.4em;
    margin-right: 0.6em;
}

span.unite {
    margin-left:0;
    color:#aaaaaa;
    font-size: 80%;
    font-style: italic;
}
input[type=number] {
    text-align: right;
}
input.validation:invalid, input.invalidation {
    border: 1px solid red;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
/*-webkit-appearance: none;*/
margin: 0 0 0 0.6em;
}
.readonly-datepicker {
	float:left;
	margin-top: 0 auto;
	width:100%;
}

.readonly-datepicker  label{
	opacity: 0.5;
}

.readonly-datepicker  input {
	border:1px solid #ccc;
	font-style: italic;
	color: #999;
}

datepicker, .readonly-datepicker {
	font-size:14px;
}

datepicker .consigne, .readonly-datepicker .consigne{
	font-size:0.9em;
	font-style: italic;
	color: #777;
	margin-bottom: 4px;		
}

datepicker input, .readonly-datepicker input {
	margin-bottom: 12px;
}

description-mouvement .list.agenda {
	width: 17%;
}
description-mouvement .list.parametres li .valeur{
	width: 59%;
}

description-mouvement .list.parametres {
	width: 51%;
	border-left: 	1px solid #a4a4a4;
	border-right: 	1px solid #a4a4a4;
}
 description-mouvement .list.previsionnel {
	width: 30%;
}
#creercubatures, #creerMouvements, #etapesCreation {
    border-bottom: 1px solid #ddd;
    margin:1em;
    padding-bottom: 2em;
}
.newCubature {
    min-height: 30px;
}

schema-epure-creer .new-mouvement a, schema-epure-creer .new-cubature a {
    cursor: pointer;
    color: #3498db;
    text-decoration: none;
}

schema-epure-creer svg {
	margin:20px;
}

/* elements courants */
schema-epure-creer svg .etiq-mouvement.current circle {fill:#3498DB;}
schema-epure-creer svg .etiq-mouvement.current text {fill:#fff}
schema-epure-creer svg .etiq-cubature.current rect {fill:#3498DB;}
schema-epure-creer svg .etiq-cubature.current text {fill:#fff}

/* mouvements valides */

schema-epure-creer svg .etiq-mouvement circle		{stroke-dasharray:4}
schema-epure-creer svg .etiq-mouvement.valid circle {stroke-dasharray:0}
schema-epure-creer svg .etiq-mouvement {cursor:pointer;}

/* installation */
schema-epure-creer svg .etiq-installation rect		{stroke-dasharray:4}
schema-epure-creer svg .etiq-installation.valid rect {stroke-dasharray:0}
schema-epure-creer svg .etiq-installation {cursor:pointer;}


.containerFormCreerMouvement  {
    width:100%;
    /*text-align: center;*/
    box-sizing: border-box;
}

.ligneForm {
    width:96%;
    margin:0 2%;
    text-align: left;
}

span.colonne  {
    display: inline-block;
}
span.c1, span.c2  {
    min-width:27%;
}
span.c3  {
  /*  width:24%;*/
}
span.c4  {
    /*width:20%;*/
}
.colonne input, .colonne select, .ligneForm input, .ligneForm select, .listeCouches input, .listeCouches select  {
    border: 1px solid #3498db;
    padding: 3px;
    margin-bottom: 10px;
    border-radius: 2px;
    color: #666;
    margin-left: 0.4em;
    margin-right: 0.6em;
}
.colonne input:read-only {
    background-color: #eeeeee;
    border-color:#aaaaaa;
}
.colonne input:read-only+label {
    color: #aaaaaa;
}
.colonne input+label, .colonne select+label {
    float: left;
}
input.small[type=number] {
    width:2.4em;
}
input.medium[type=number] {
    width:6em;
}

.btn-add-mouvement-wrap {
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  clear:  both;
}
#creercubatures .btn-action-add-epure, #creerMouvements .btn-action-add-epure {
  color: #3498db;
  padding: 6px 20px 5px 20px;
  font-size: 80%;
  border: 2px solid #3498db;
  border-radius: 8px;
  margin: 8px 8px;
  text-transform: uppercase;
    cursor:pointer
}

#creercubatures .btn-action-add-epure:hover, #creerMouvements .btn-action-add-epure:hover {
  border: 2px solid #6abaf0;
}
#creercubatures button.btn-action-add-epure:disabled, #creerMouvements .btn-action-add-epure:disabled {
    cursor:default;
    border-color:#dddddd;
    color:#dddddd;
}

.content-btn.mini {
    width: 24px;
    height: auto;
}
.button.mini {
    width: 24px;
    height: auto;
    vertical-align: middle;
    cursor:pointer
}

#etapesCreation {
    margin: 2em;
}
#lancerPlanification {
    float:left;
    max-width: 65%;
    cursor : pointer;
    color: #3498DB;
}
#etapesCreation .checks {
    float:right;
    max-width: 35%;
}
#etapesCreation .clear {
    clear:both;
}

#creercubatures .sousTitre,  #creerMouvements .sousTitre {
    font-weight: bold;
    padding-bottom : 1em;
    display: block;
    font-size: 110%;
}

#creercubatures .consigne {
    font-weight: bold;
    padding-bottom : 0.4em;
    margin-left: 2%;
}

#creercubatures .listeCouches, #creercubatures .new-couche  {
    margin-left:4%;
}

span.unite {
    margin-left:0;
    color:#aaaaaa;
    font-size: 80%;
    font-style: italic;
}
input[type=number] {
    text-align: right;
}
#creercubatures button .pregnant {
    background-color: #c2e2f7;
}
input.validation:invalid {
    border: 1px solid red;
}

/*radio-boutons pour définition des options par phase*/
.optionengin {
    width: 40%;
    display: inline-block;
    margin-right: 20px;
    font-weight: normal;
    font-size: 80%;
}

.add-engin {
  display: flex;
  flex-direction: row;
  min-height:157px;
}

.add-engin .disabled h3{
    color: #ddd;
}

.add-engin .step-content {
  margin-top:0.5em;
  margin-bottom:  1em;
  padding-right: 1em;
  padding-left: 1em;

}


.add-engin .step1 .step-content, .add-engin .step2 .step-content {
  border-right:   1px solid #ddd;
  min-height:   8em;
}

.add-engin .step1{
  width: 20%;
}

 .add-engin .step2 {
   width:  17%;
  }

.step3-et-4 {
  width:63%;
}

.step3-et-4 h3{
  margin-top: auto;
  text-align: center;
}


.step .step3, .step .step4 {
  display:inline-block;
}

.step .step3 {
  float: left;
  width:51%;
}
.step .step4 {
  float: right;
  width:47%;
}

.step3 {
  border-right:  none;
}

.step3 properties-list ul li .libelle {
  width:65%;
  font-size:85%;
  padding-left:10px;
}

.step3 properties-list ul li .libelle .separator{
  font-size:120%;
  font-weight:bold;
 }

.step3 properties-list ul li .valeur {
  width:29%;
}

.step3 properties-list h3 {
  color:#fff;
  background-color: #3498db;
  padding:8px;
  text-transform: none;
  font-size:80%;
  font-weight: normal;
}

.step3 .godets {
  width:100%;
}

.step3 .godets {
  margin-top:  1em;

}
.step3 .godets .godet{
  margin-bottom:  0.3em;

}

.step3 .godets properties-list h3 {
color:#fff;
  background-color: #46789a;
  padding:4px;
  text-transform: none;
  font-size:60%;
  font-weight: normal;
}



/* phase lors du choix d'un engin */
.step4 .phase {
min-height:120px;
  }

  .step4 .phase:first-child {
    margin-top:0em;
  }

    .step4 .phase {
    margin-top:3em;
    margin-left: 0.5em;
  }

.step4 .phase .quantity input {
width:2.5em;
  }
  
  /* separation des section "reusables" et "quantity" du formulaire d'ajout*/
.step4 .phase .separator {
  min-height:1em;
}

  .step4 .phase .quantity input[type="number"]:disabled {
    background: #dddddd;
    border:1px solid #aaa;
    color:#aaa;
}
.step4 .phase .quantity input[type="number"]:disabled+label{
  color:#aaa;
}

.step4 .phase .quantity label, .step4 .phase .reusableengin label {
  font-size:80%
  }

  .step4 .phase .reusableengin label {
    line-height: 0.60em;
    color:#555;
  }

  .step4 .consigne {
    color:#333;
    font-size:66%;
    font-style:italic;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .step4 .reusables .usage {
    color:#222;
    font-size:70%;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    margin-left: 4em;
  }

/* parametres de l'engin */
.step3 properties-list .list ul {margin-bottom:0}


.btn-add-engin-wrap {
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  clear:  both;
}

.btn-action-add-engin {
  color: #3498db;
  padding: 6px 20px 5px 20px;
  font-size: 80%;
  border: 2px solid #3498db;
  border-radius: 8px;
  margin: 8px 8px;
  text-transform: uppercase;
    cursor:pointer
}

.btn-action-add-engin:hover {
  border: 2px solid #6abaf0;
}
button.btn-action-add-engin:disabled {
    cursor:default;
    border-color:#dddddd;
    color:#dddddd;

}

.step3 .godets properties-list .list, .params-table {
  /*display: inline-block;*/
  vertical-align: top;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  -moz-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  -ms-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  }

  .table-title {
    width: 100%;
  }
  
  .line {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
  }

  .reusableengin label {

  }

/*
Pour dire en CSS3 ce qui devra être animé :
Angular ajoute dynamiquement des classes CSS.
La transition se fait soit entre ng-enter et ng-enter-active
ou entre ng-leave et ng-leave-active.
*/
 .animate-enter, 
.animate-leave { 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
/* à la fin de la sortie */
   .animate-leave.animate-leave-active,
  .animate-enter {/* et au debut de la sortie*/
      -webkit-transform: rotateX(-180deg) translatez(30px);
      -moz-transform: rotateX(-180deg) translatez(30px);
      -ms-transform: rotateX(-180deg) translatez(30px);
      -o-transform: rotateX(-180deg) translatez(30px);
      transform: rotateX(-180deg) translatez(30px);
      opacity: 0;
      height: 0px;
  }     

/* à la fin de l'entree */
.animate-enter.animate-enter-active,
  .animate-leave { /* et au debut de la sortie */
      -webkit-transform: rotateX(0deg) translatez(30px);
      -moz-transform: rotateX(0deg) translatez(30px);
      -ms-transform: rotateX(0deg) translatez(30px);
      -o-transform: rotateX(0deg) translatez(30px);
      transform: rotateX(0deg) translatez(30px);
      opacity: 1;
      height: 30px;
  }

 edit-echelon .content, description-mouvement .content{
    margin: 1.3em;
    /*overflow: hidden;*/
} 
toggle-box .content{
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    overflow: hidden;
    width:99%
} 

mouvement .checks {
  float:right;
   margin-top:0.5em;
  margin-right:0.75em;
  z-index:10;

}

mouvement .checkvalid {
  background-color:#d9d9d9;
  font-size:90%;
  text-transform: uppercase;
  color:#3498db;
  cursor:pointer;
}

mouvement .checkvalid.disabled {
  background-color:#d9d9d9;
  font-size:90%;
  text-transform: uppercase;
  color:#aaa;
  cursor:default;
}


mouvement .checkstarted {
  background-color:#d9d9d9;
  font-size:65%;
  text-transform: uppercase;
  color:#777;
}

mouvement .tab li {
  background-color: #ececf3;  
  border-bottom:2px solid #d7d7d7;
}

mouvement .tab li.cacher {
  display:none;
}

mouvement .tab li.active, mouvement .tab li.active a {
  background-color: #fff;
  color: #3498db;
  border-bottom:1px solid #fff;
}

mouvement tab h3 {
  color:#45494E;
}

description-mouvement, add-engin, edit-echelon {
  min-height:200px; /* ?? ko */
}

#mouvementMagic {
    display:none;
}
schema-epure svg {
	margin:20px;
}

/* elements courants */
schema-epure svg .etiq-mouvement.current circle {fill:#3498DB;}
schema-epure svg .etiq-mouvement.current text {fill:#fff}
schema-epure svg .etiq-cubature.current rect {fill:#3498DB;}
schema-epure svg .etiq-cubature.current text {fill:#fff}

/* mouvements valides */

schema-epure svg .etiq-mouvement circle		{stroke-dasharray:4}
schema-epure svg .etiq-mouvement.valid circle {stroke-dasharray:0}
schema-epure svg .etiq-mouvement {cursor:pointer;}

/* installation */
schema-epure svg .etiq-installation rect		{stroke-dasharray:4}
schema-epure svg .etiq-installation.valid rect {stroke-dasharray:0}
schema-epure svg .etiq-installation {cursor:pointer;}
animation .content {
	margin:20px;
}

#lancerSimulation {
	margin: 2em;
	cursor: pointer;
	color: #3498DB;
}

animation .cacher {
    display:none;
}

#flipFlap {
    display:none;
    position:absolute;
    bottom: -10px;
    right: -5px;
}
#flipFlap, #flipFlap img {
    border:none;
    border-radius:0;
    padding:0;
    margin:0;
}
#flipFlap img {
    display:block;
}
#flipFlapSpan {
    position:absolute;
    bottom: 12px;
    right: 12px;
    color: #3498db;
    font-size:0.8em;
    transform: rotate(-40deg);
    text-decoration: underline;
}
#flipFlap.visible {
    display:block;
	cursor: pointer;
}
#conteneurAgendaSVG.grand {
    height:auto;
}
#agrandirReduire {
    text-align: center;
    z-index:100;
    height: 0;
}
#agrandirReduire span {
    margin: 0 auto;
    width:160px;
    color:#3498db;
    font-size:0.7em;
	cursor: pointer;
}

/*
Pour dire en CSS3 ce qui devra être animé :
Angular ajoute dynamiquement des classes CSS.
La transition se fait soit entre ng-enter et ng-enter-active
ou entre ng-leave et ng-leave-active.
*/
 .animate-enter, 
.animate-leave { 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
/* à la fin de la sortie */
   .animate-leave.animate-leave-active,
  .animate-enter {/* et au debut de la sortie*/
      -webkit-transform: rotateX(-180deg) translatez(30px);
      -moz-transform: rotateX(-180deg) translatez(30px);
      -ms-transform: rotateX(-180deg) translatez(30px);
      -o-transform: rotateX(-180deg) translatez(30px);
      transform: rotateX(-180deg) translatez(30px);
      opacity: 0;
      height: 0px;
  }     

/* à la fin de l'entree */
.animate-enter.animate-enter-active,
  .animate-leave { /* et au debut de la sortie */
      -webkit-transform: rotateX(0deg) translatez(30px);
      -moz-transform: rotateX(0deg) translatez(30px);
      -ms-transform: rotateX(0deg) translatez(30px);
      -o-transform: rotateX(0deg) translatez(30px);
      transform: rotateX(0deg) translatez(30px);
      opacity: 1;
      height: 30px;
  }

.dashboard {
    margin: 1em 0 0;    
}
.dashboard .dashboard-content {
    background-color: #4d4d52;
    display: table;
    overflow: hidden;
    position: initial;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dashboard .control-btn-content, .dashboard .navtable-content {
    display: table-cell;
    vertical-align: top;
    }
.dashboard .control-btn-content {
  width:  9%
}
.dashboard .navtable-content {
  width:  90%;
  overflow:hidden;
}

.dashboard .control-btn-content button {
    display: block;
    margin: 0 auto;
}

.dashboard button.play, .dashboard button.infos{
    visibility: hidden;
}

.dashboard .control-btn-content button img {
    margin: 0.5em;
    margin-top: 2em;
}
.dashboard .control-btn-content button.bilan img, .dashboard .control-btn-content button.print img {
    margin: 0.5em;
    margin-top: 0em;
}

.dashboard button {
  cursor:pointer;
}

.dashboard .navigation {
  height:4em;
}

.dashboard .navigation >ul {
  padding-top:1em;
  font-size: 80%;
}

.dashboard .navigation .menu, .dashboard .navigation .sous-menu, .dashboard .navigation img {
    display: inline-block;
    vertical-align: middle;
}
.dashboard .navigation img {
    margin: 0 0.3em;
    width: 20px;
}
.dashboard .navigation li {
    display: inline-block;
    margin-right: 0.5em;
    color: #fff;
}
.dashboard .navigation .li-clickable {
    text-decoration: underline;
    text-underline-position: under;
    transition: all 0.5s ease 0s;
    cursor:   pointer;
  }
  .dashboard .navigation .li-clickable:hover {
    text-decoration: none;
    transition: all 0.2s ease 0s;

  }
  .dashboard .navigation .li-selected {
    transition: all 0.5s ease 0s;
    background-color: #3498db;
    border-radius:  3px;
    padding:  2px 5px;
    cursor:   default;
  }

.dashboard .navigation .message-box{
    margin: 0.5em;
    border-top: 1px solid #2b2b2b;
    border-left: 1px solid #2b2b2b;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width:89%;
    background-color: #bbb;
    display: inline-block;
    padding: 0.4em 1em 0.1em;
    border-radius:5px;
    height: 3em;
    overflow-y: auto;
    font-size:  85%;
}
.dashboard .navigation .message-box .description {
   /* margin-left:0.4em;*/
}
.dashboard .navigation .message-box .infos {
   /* margin-left:2em;*/
}
.dashboard .navigation h3{
     display: inline-block;
     font-size: 75%;    
     height: 3em; 
     vertical-align: top;  
     padding-top: 1.5em
  }

.dashboard .navigation img.lockunlock {
    width: 14px;
    vertical-align: top;
    margin: 16px 0 0;

}
.dashboard .navigation img.lockunlock.lock, .dashboard .navigation img.lockunlock.unlock {
    cursor: pointer;

}
.dashboard .navigation img.lockunlock.unlock:hover {
    content: url('/images/munlock-b.svg');
    /*transition: all 0.5s ease 0s;*/
}
.dashboard .navigation img.lockunlock.lock:hover {
    content: url('/images/mlock-b.svg');
    /*transition: all 0.5s ease 0s;*/
}

.dashboard .table-content {
    background-color: #3a3a3f;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.56) inset;    
    margin-bottom: 1em; 
    overflow: hidden;
    vertical-align: top;
    height:  6.5em;
    width:  98.5%;
    margin-right:   1.5%;

}
.dashboard .table-content .table, .dashboard .border {
    display: inline-block;
    vertical-align: top;
}

.dashboard .table-content .table.agenda, .dashboard .table-content .table.rendement {
  width:27%;
}
.dashboard .table-content .table.couts, .dashboard .table-content .table.qse {
  width:19%;
}

.dashboard .table-content .table.qse.cubature {
  width:auto;
}
.dashboard .table-content .table.echelon {
  width:22%;
  padding-left:4%;
}
.dashboard .table-content .phases {
 width:70%;
 overflow-y:  hidden;
 overflow-x:  auto;
 -ms-overflow-y: hidden;
 white-space:   nowrap;
 display:   inline-block;
 padding-left:0.5%;
 height:   6.4em
}

.dashboard .table-content .table.phase-content {
 width:12em; 
 /* display:   inline-block; */
 display:   table-cell;
}


.dashboard h3 {
    color: #b8bdc0;
    margin: 16px 1em 0.2em 1em;
    padding:  0 0 0 0;
}
.dashboard .phases h3 {
    font-size:  66%;  
    color: #b8bdc0;
    margin: 0.5em 1em 0.2em 1em;
    padding:  0 0 0 0;
}
.dashboard button.control-btn img, .dashboard button.control-btn span {
    vertical-align: middle;
}
.dashboard button.control-btn img {
    height: 100%;
}
.dashboard button.control-btn span {
    margin: 10px;
}
.dashboard .table ul {
    padding: 0.3em 1em;
}
.dashboard .table ul.types-jours {
    padding-top: 0;
    padding-left: 2.2em;
}
.dashboard .table.echelon ul, .dashboard .table.phase-content ul {
  padding:  0 1em;
  }
.dashboard .table li {
    padding: 0 0 6px;
}
.dashboard .table li:last-child {
    clear: both;
}
.dashboard .table li.CO2 {
    padding-top: 6px;
}
.dashboard .table li.CO2 span.valeur {
    text-align: right;
    min-width: 4.2em;
}
.dashboard .table.echelon li, .dashboard .table.phase-content li {
    padding: 0 0 0 0;
}
.dashboard .table.qse ul {
    padding-right: 0;
}
/*
.dashboard .table.qse li {
    padding: 0;
    height: 1.25em
}*/

.dashboard .table li:last-child {
    padding-bottom: 0;
}
.dashboard .table li:nth-child(2n+1) {
    background-color: transparent;
}
.dashboard .table span, .dashboard .table img, .dashboard .table svg {
    margin-right: 1px;
    vertical-align: middle;
}
.dashboard .table img.picto, .dashboard .table svg {
    height: auto;
    width:22px;
}
.dashboard .table.echelon img.picto, .dashboard .table.phase-content img.picto {
    height: auto;
    width:20px;
}

.dashboard .echelon h3 {
    margin-top: 6px;
}

.dashboard .table.qse img.picto, .dashboard .table svg {
    height: auto;
    width:16px;
}

.dashboard .table span.unite {
    color: #b8bdc0;
}
.dashboard .table span:last-child, .dashboard .table img:last-child {
    margin-right: 0;
}
.dashboard .table span.libelle {
    background-color: transparent;
}
.dashboard .table span.valeur {
    background-color: #2f2f34;
    border-radius: 3px;
    color: #fff;
    min-width: 2.5em;
    height: 1em;
    line-height: 1em;
    padding: 1px 3px 1px 3px;
    text-align: right;
    cursor: default;
    display:  inline-block;

  }

.dashboard .table span.unite, .dashboard .table span.valeur {
  font-size:85%;

}  
.dashboard .table.qse span.valeur {
    /* background-color: transparent; */
    text-align: right;
    min-width: 2.4em;
}

.dashboard .table.rendements span.valeur, .dashboard span.valeur.rendement {
    min-width: 4em;
}
.dashboard .table.couts span.valeur, .dashboard span.valeur.cout {
    min-width: 5em;
}
.dashboard span.valeur.coutpm3 {
   min-width: 3em!important; 
}
.dashboard .table .jauge {
    display: inline-block;
}
.dashboard .table .cercle {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.dashboard .border::after {
    background-color: #3a3a3f;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.56) inset;
    content: " ";
    height: 60px;
    left: -2.5px;
    position: absolute;
    top: 30px;
    width: 4px;
}

.dashboard .types-jours {
  display:block;
  width: 66%;
  height: 1.5em;
}

.dashboard .date-view {
    padding: 0.6em 0 0.6em 1.3em ;
}
.dashboard .date-view span {
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
    font-family: "robotoblack",Helvetica,Arial,sans-serif;
    font-size: 1em;
    line-height: 16px;
    min-height: 16px;
    min-width: 9px;
    padding: 3.5px 4px;
    text-align: center;
}

.dashboard .date-view .month span {
    min-width: 2em;
}
.dashboard .date-view span::after {
    /*border-bottom: 1px solid #b8bdc0;
    bottom: 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: -50%;
    width: 100%;
    z-index: 1;*/
}
.dashboard .date {
    display: inline-block;
    margin-right: 3px;
}
.dashboard .date.year {
    margin-right: 0;
}

.dashboard .date-view span.soir {
    color:#aaa;
    font-size: 65%;
    line-height: 1em;
    background-color: transparent;
    line-height: 1.8em;
    padding: 0;
}

.dashboard .grp-engins-content {
    margin-left: 1em;
    max-height: 66px;
    overflow-y: auto;
    border-top: 1px solid #2d2b2b;
    border-left: 1px solid #2d2b2b;
}
.dashboard .grp-engins {
    clear: both;
}
.dashboard h4 {
    color: #fff;
    font-family: "robotolight",Helvetica,Arial,sans-serif;
    margin: 0.25em;
}
.dashboard h4, .dashboard .item-container {
    display: inline-block;
    vertical-align: top;
}
.dashboard .item-container {
    float: right;
}
.dashboard .vignette {
    background-color: #2f2f34;
    padding: 1px 8px;
    width: auto;
}
.dashboard .item {
    display: block;
    margin: 0 0 0.2em;
    width: 100%;
}
.dashboard .item-img {
    padding: 0;
    width: 75px;
}
.dashboard .item-text {
    border: 0 none;
    padding: 0 10px 0 0;
}
.dashboard .item-text:last-child {
    padding: 0;
}
.dashboard .item-text, .dashboard .item-img {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
}
.dashboard .item-text .description {
  width:8em;
}
.dashboard .item-text p, .dashboard .item-text span, .dashboard .item-img p, .dashboard .item-img span {
    color: #fff;
}

/* * * * * * * * * * * * * *
    
    STYLISATION DES 
    SCROLLBAR

 * * * * * * * * * * * * * */
/* line 1206, ../sass/style.scss */
.grp-engins-content::-webkit-scrollbar,  .message-box::-webkit-scrollbar{
  width: 10px;
  /*height: 5px;
  margin-right: 3px;*/
}

/* line 1212, ../sass/style.scss */
.grp-engins-content::-webkit-scrollbar-track, .message-box::-webkit-scrollbar-track  {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.3);
  /*-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.56) inset;
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.56) inset;
  -ms-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.56) inset;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.56) inset;*/
}

/* line 1218, ../sass/style.scss */
.grp-engins-content::-webkit-scrollbar-thumb, .message-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #3498db;
}

/* line 1206, ../sass/style.scss */
.table-content .phases::-webkit-scrollbar{
  height: 10px;  
}
.table-content .phases::-webkit-scrollbar-track  {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.3);
}
.table-content .phases::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #3498db;
}


div.mode-chantier {
  height: 100%;
}

#restart-buttons {
  margin-left: 2em;
  margin-right: 2em;
  }

#restart-buttons button {
  background-color: transparent;
  color: #3498db;
  padding: 6px 20px 5px 20px;
  padding: 6px 20px 5px 20px;
  font-size: 80%;
  border: 2px solid #3498db;
  border-radius: 8px;
  margin: 8px 8px;
  text-transform: uppercase;
}
#restart-buttons button:hover {
border: 2px solid #6abaf0;
}

/* Levels QSE */
.picto-level-r, .picto-level-o, .picto-level-v, .picto-level-n {
  width:  0.75em;
  font:   normal normal normal 12px FontAwesome;
  content: "\F111"; /* fa-circle*/
  text-shadow: 2px 2px #666;
}

.picto-level-r {color:  #d81212}
.picto-level-o {color:  #bd663b}
.picto-level-v {color:  #00c100}
.picto-level-n {color:  #888}

button:active,button:visited,button:link,button:focus, button:active img,button:visited img,button:link img {
    border:none;
    outline:none
}
installation .show-tab-content {
    text-align:center;
}

 installation .content{
    text-align:left;
    margin: 1%;
    /*overflow: hidden;*/
} 
toggle-box .content{
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    overflow: hidden;
    width:99%
} 

installation .checks {
  float:right;
   margin-top:0.5em;
  margin-right:0.75em;
  z-index:10;
}

installation .message {
  width:  100%; /* ceci doit être reporté en global */
  display:  inline-block;

}


installation .checkvalid {
  background-color:#ffffff;
  font-size:90%;
  text-transform: uppercase;
  color:#3498db;
  margin-top:   0.75em;
}

installation .checkvalid.disabled {
  color:#aaa;
  cursor:default;
}


installation .edit-installation {
  width: 90%;
  margin:  0 5%
  }

installation .previsionnel {
  
  margin-right: 1em;
  /*width: 30%; */ /* BC 2017/07 je ne comprends pas l'intérêt de mettre une largeur */
  height: 6em;
  display: inline-block;
}

installation .occupation h3 {
   text-transform: none;
}

installation .list-equipements {
  display:inline-block;
    width:100%;
  /*float: right;
  width: 68%;*/
}  

installation .list-equipements .new-equipement{
  margin-bottom: 2em;
}  
installation .new-machine {
    float: right;
}

installation .list-equipements .list{
  /*width: 99%;*/
  clear: both;
  }

installation .machine {
    width: 130px;
    margin: 0 10px 10px;
}

installation .add-equipement {
  width: 98%;
  min-height: 15em;
  display: block;
  clear: both;
}

installation .steps {
  min-height: 170px;
}

installation .step {
  display: inline-block;
}
installation .step.step1 {
  width: 32%;
  float:  left;
}

installation .step h3 {
  font-size: 0.75em;
  padding: 1em;
  text-align: center;
}

installation .step.step2 {
  width: 66%;
  float: right;
}

installation .step.step2 .description {
  width: 60%;
  float: left;
}

installation .step.step2 .form {
  width: 37%;
  float: right;
}

installation .step.step2 .form .form-content{
  margin-left: 1em;
}


installation .step2 .description properties-list h3 {
    color: #fff;
    background-color: #3498db;
    padding: 8px;
    text-transform: none;
    font-size: 80%;
    font-weight: normal;
    text-align: center;
}

installation .step2 .description properties-list .list {
  vertical-align: top;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  -moz-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  -ms-box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  box-shadow: 0px 0px 6px 0px rgba(119, 119, 119, 0.56);
  }

installation properties-list ul li .libelle  {
  width:  38%;
  padding-left: 2%;
}

installation properties-list ul li .valeur  {
  width:  55%;
  padding-left: 2%;
}

  installation .step2 .consigne {    
    margin-top:2em;
    color: #333;
    font-size: 66%;
    font-style: italic;
  }

  installation .list ul {
    margin-bottom: 0;
}

installation .step {
  display: inline-block;
}

installation .step2 .content.box {
  width:  100%;
}
installation .step2 input[type="number"]{
  border: 1px solid #3498db;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 2px;
  color: #666;
    width:4em;
}

installation .step2 .form-content label{
  font-size: 80%;
}


img.equipement {
  height: 85px;
  width: 90%;
}

/* BC : bidouille pour cacher le cout fixe qui n'en est pas un ... */
installation div.DEMO ul li:last-child {
    display:none;
}

installation .list-equipements .groupe {
    color: #777777;
    font-size: 150%;
    margin: 0.8em 0 0.6em;
}

#installationMagic {
    display:none;
}

 .inhibe {
    text-align: right;
    box-shadow: 0px 3px 20px -10px #777;
    background-color: #7f8c8d;
    color: #fff;
    padding-right: 1.6em;
    font-size:90%;
}
 .inhibe input {
    margin-top: 4px;
}

.selectionne .inhibe  {
    background-color: #3498db;
}
.inhibeCourt .show-tab-content, .inhibeCourt .checks {
    display:none;
}

.occupation, .occupation .valeur, .occupation h3 {
    color:#F28E1B;
}

.header {
	height: 3em;
	background-color: #53535a;
	padding: 1em 2em 2em 2em;
	font-size: 0.8em;
}
.header h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
.header > span {
	font-size: 0.8em;
}

.header .main-title {
display: inline-block;
float: left
}


.header .profil {
	display: inline-block;
	float: right;
	color: #fff
}

.header .profil .action {
	cursor:pointer;
}

.header .version {
	display:block;
	color:#bbb;
	font-size:75%;
}
.panel {

}

.panel .remonter {
    display:none;
}

.panelBilan .panel .remonter {
    text-align: center;
    display:block;
    margin: 1em auto 0.2em;
}
.panelBilan .panel .remonter img {
    width:40px;
    height:40px;
    cursor: pointer;
}
.panel-container {

}
.tab {

}
.tab-container {

}


.ng-modal-overlay {
  /* Fond opacifiant la vue courante */
  position:fixed;
  z-index:9999;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#00003f;
  opacity: 0.5;
}

.ng-modal-dialog {
  /* boite centrée au dessus du fond */
  z-index:10000;
  position: fixed;
  width: 50em; 
  height: 8em; 
  /* centrage */
  top: 36%;
  left: 50%;
  margin:   0 -25em;

  background-color: #fff;
  box-shadow: 4px 4px 50px #005;
}

.ng-modal-dialog-content {
  padding:10px;
  text-align: left;
  font-family: 'robotoregular', Helvetica, Arial, sans-serif;
  font-size: 1em;
  float:  right;
    width:  70%;
    margin-right: 24px;
}

.ng-modal-dialog-debuginfo {
 color: #777;
 font-size: 80%;
 clear:   right;

}

.ng-modal-close {
  z-index:10001;
  position: relative;
  float: right;
  top: 3px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  font-size: 120%;
  display: inline-block;
  font-weight: bold;
  font-family: 'arial', 'sans-serif';
  color:  #3498DB;
}

.ng-modal-dialog .error {
  width:15%;
  height:   5em;
  margin:   3%;
  position:   relative;
  float: left;
  background-image: url('/images/icon_errormessage.png');
  background-repeat: no-repeat;
  
}

/* BC */

.ng-modal-dialog {
    height: auto;
    }
.ng-modal-close {
    position: absolute;
}
.ng-modal-dialog-debuginfo {
    display:none;
}
.ng-modal-dialog .error {
    width: 6.5em;
    height: 5em;
    margin: 1.4em 1.5em 1.6em 2em;
    position: relative;
    float: left;
    background-image: url(/images/icon_errormessage.png);
    background-repeat: no-repeat;
}
.ng-modal-dialog-content-container {
    float:left;
    max-width: 40em;
}
.ng-modal-dialog-content {
    width: auto;
    float:none;
    text-align: left;
}
.ng-modal-dialog-content h3 {
    display: block;
    font-weight: bold;
    color:#202020;
    margin:0;
    padding: 1em 0;
}



.message-container {
  width: 100%; 
  min-height: 5em; 
  background-color: #fafafa;
  box-shadow: 0px 3px 20px -10px #777;
  display:  inline-block;
}

.message-content {
  padding:10px;
  text-align: left;
  font-family: 'robotoregular', Helvetica, Arial, sans-serif;
  font-size: 1em;
  float:  right;
  width:  85%;
  min-height: 4em;
  display:  table; /* centrage vertical */
}

.message-content div.text {
  display:  table-cell; /* centrage vertical */
  vertical-align:middle;
  width:  80%;
}

.message-navigation {
 color: #3498DB;;
 font-size: 80%;
 cursor:   pointer;
 margin-left:2em;
 margin-top:  1em;
}

.message-navigation div.button-goto {
  width:  1.5em;
  height: 1.5em;    
  margin-right: 0.5em;  
  float:  left;
  background-image: url('/images/boutons/icon_play.svg');
  background-repeat: no-repeat;
  background-color: transparent;  
  background-size:  contain;
  cursor:   pointer;
}

.message-close {
  position: relative;
  float: right;
  top: 3px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  font-size: 120%;
  display: inline-block;
  font-weight: bold;
  font-family: 'arial', 'sans-serif';
  color:  #3498DB;
}

.message-container .error {
  background-image: url('/images/icon_errormessage.png');
}

.message-container .info {
  background-image: url('/images/icon_infomessage.png');
}


.message-container .error, .message-container .info {
  width:4%;
  height:   2em;
  margin:   2%;
  position:   relative;
  float: left;
  background-repeat: no-repeat;  
  background-size:  contain;

}

/*# sourceMappingURL=styles.css.map*/