/*!
 *  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') 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('fonts/fontawesome-webfont.svg') 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}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 0!important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
 /* .label {
    border: 1px solid #000;
  }*/
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('main/resources/fonts/glyphicons-halflings-regular.eot');
  src: url('main/resources/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('main/resources/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('main/resources/fonts/glyphicons-halflings-regular.woff') format('woff'), url('main/resources/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('main/resources/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.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;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
/*legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}*/
/*label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}*/
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
/*.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}*/
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}


.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
/* .tooltip { */
/*   position: absolute; */
/*   z-index: 1070; */
/*   display: block; */
/*   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
/*   font-size: 12px; */
/*   font-style: normal; */
/*   font-weight: normal; */
/*   line-height: 1.42857143; */
/*   text-align: left; */
/*   text-align: start; */
/*   text-decoration: none; */
/*   text-shadow: none; */
/*   text-transform: none; */
/*   letter-spacing: normal; */
/*   word-break: normal; */
/*   word-spacing: normal; */
/*   word-wrap: normal; */
/*   white-space: normal; */
/*   filter: alpha(opacity=0); */
/*   opacity: 0; */

/*   line-break: auto; */
/* } */
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none; /* !important*/
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/*!
 *  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 PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('main/resources/fonts/fontawesome-webfont.eot');
  src: url('main/resources/fonts/fontawesome-webfont.eo') format('embedded-opentype'), url('main/resources/fonts/fontawesome-webfont.woff2') format('woff2'), url('main/resources/fonts/fontawesome-webfont.woff') format('woff'), url('main/resources/fonts/fontawesome-webfont.ttf') format('truetype'), url('main/resources/fonts/fontawesome-webfont.svg') 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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.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: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  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;
}
/* Deprecated as of 4.4.0 */
.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: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.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;
}

/************************/
/*			MIXINS			*/
/*	(non si compilano)	*/
/************************/
/* CREATORI DA ARRAY DI COLORI */
.color_greybox {
  color: #a9a9a9;
}
a.color_greybox,
.color_greybox a {
  color: #909090;
}
a.color_greybox:link,
.color_greybox a:link,
a.color_greybox:visited,
.color_greybox a:visited {
  color: #a9a9a9;
}
a.color_greybox:active,
.color_greybox a:active,
a.color_greybox:hover,
.color_greybox a:hover {
  color: #cfcfcf;
}
.color_youtube {
  color: #bb0000;
}
a.color_youtube,
.color_youtube a {
  color: #880000;
}
a.color_youtube:link,
.color_youtube a:link,
a.color_youtube:visited,
.color_youtube a:visited {
  color: #bb0000;
}
a.color_youtube:active,
.color_youtube a:active,
a.color_youtube:hover,
.color_youtube a:hover {
  color: #ff0808;
}
.color_googleplus {
  color: #dd4b39;
}
a.color_googleplus,
.color_googleplus a {
  color: #c23321;
}
a.color_googleplus:link,
.color_googleplus a:link,
a.color_googleplus:visited,
.color_googleplus a:visited {
  color: #dd4b39;
}
a.color_googleplus:active,
.color_googleplus a:active,
a.color_googleplus:hover,
.color_googleplus a:hover {
  color: #e8867a;
}
.color_twitter {
  color: #55acee;
}
a.color_twitter,
.color_twitter a {
  color: #2795e9;
}
a.color_twitter:link,
.color_twitter a:link,
a.color_twitter:visited,
.color_twitter a:visited {
  color: #55acee;
}
a.color_twitter:active,
.color_twitter a:active,
a.color_twitter:hover,
.color_twitter a:hover {
  color: #9bcef5;
}
.color_facebook {
  color: #3b5998;
}
a.color_facebook,
.color_facebook a {
  color: #2d4373;
}
a.color_facebook:link,
.color_facebook a:link,
a.color_facebook:visited,
.color_facebook a:visited {
  color: #3b5998;
}
a.color_facebook:active,
.color_facebook a:active,
a.color_facebook:hover,
.color_facebook a:hover {
  color: #5f7ec1;
}
.color_luce {
  color: #ff5a10;
}
a.color_luce,
.color_luce a {
  color: #dc4400;
}
a.color_luce:link,
.color_luce a:link,
a.color_luce:visited,
.color_luce a:visited {
  color: #ff5a10;
}
a.color_luce:active,
.color_luce a:active,
a.color_luce:hover,
.color_luce a:hover {
  color: #ff8f5d;
}
.color_gas {
  color: #0152E8;
}
a.color_gas,
.color_gas a {
  color: #1ca5d8;
}
a.color_gas:link,
.color_gas a:link,
a.color_gas:visited,
.color_gas a:visited {
  color: #0152E8;
}
a.color_gas:active,
.color_gas a:active,
a.color_gas:hover,
.color_gas a:hover {
  color: #85d2ef;
}
.color_blue4 {
  color: #00349f;
}
a.color_blue4,
.color_blue4 a {
  color: #00236c;
}
a.color_blue4:link,
.color_blue4 a:link,
a.color_blue4:visited,
.color_blue4 a:visited {
  color: #00349f;
}
a.color_blue4:active,
.color_blue4 a:active,
a.color_blue4:hover,
.color_blue4 a:hover {
  color: #004dec;
}
.color_blue3 {
  color: #044cdf;
}
a.color_blue3,
.color_blue3 a {
  color: #033bad;
}
a.color_blue3:link,
.color_blue3 a:link,
a.color_blue3:visited,
.color_blue3 a:visited {
  color: #044cdf;
}
a.color_blue3:active,
.color_blue3 a:active,
a.color_blue3:hover,
.color_blue3 a:hover {
  color: #3476fb;
}
.color_blue2 {
  color: #0555fa;
}
a.color_blue2,
.color_blue2 a {
  color: #0444c8;
}
a.color_blue2:link,
.color_blue2 a:link,
a.color_blue2:visited,
.color_blue2 a:visited {
  color: #0555fa;
}
a.color_blue2:active,
.color_blue2 a:active,
a.color_blue2:hover,
.color_blue2 a:hover {
  color: #5088fc;
}
.color_blue1 {
  color: #36a6ea;
}
a.color_blue1,
.color_blue1 a {
  color: #168ed7;
}
a.color_blue1:link,
.color_blue1 a:link,
a.color_blue1:visited,
.color_blue1 a:visited {
  color: #36a6ea;
}
a.color_blue1:active,
.color_blue1 a:active,
a.color_blue1:hover,
.color_blue1 a:hover {
  color: #7bc5f1;
}
.color_red1 {
  color: #e2001a;
}
a.color_red1,
.color_red1 a {
  color: #af0014;
}
a.color_red1:link,
.color_red1 a:link,
a.color_red1:visited,
.color_red1 a:visited {
  color: #e2001a;
}
a.color_red1:active,
.color_red1 a:active,
a.color_red1:hover,
.color_red1 a:hover {
  color: #ff3047;
}
.color_orange1 {
  color: #ff5a10;
}
a.color_orange1,
.color_orange1 a {
  color: #dc4400;
}
a.color_orange1:link,
.color_orange1 a:link,
a.color_orange1:visited,
.color_orange1 a:visited {
  color: #ff5a10;
}
a.color_orange1:active,
.color_orange1 a:active,
a.color_orange1:hover,
.color_orange1 a:hover {
  color: #ff8f5d;
}
.color_orange0 {
  color: #f78859;
}
a.color_orange0,
.color_orange0 a {
  color: #f56528;
}
a.color_orange0:link,
.color_orange0 a:link,
a.color_orange0:visited,
.color_orange0 a:visited {
  color: #f78859;
}
a.color_orange0:active,
.color_orange0 a:active,
a.color_orange0:hover,
.color_orange0 a:hover {
  color: #fbbca2;
}
.color_fuxia1 {
  color: #ff1065;
}
a.color_fuxia1,
.color_fuxia1 a {
  color: #dc004e;
}
a.color_fuxia1:link,
.color_fuxia1 a:link,
a.color_fuxia1:visited,
.color_fuxia1 a:visited {
  color: #ff1065;
}
a.color_fuxia1:active,
.color_fuxia1 a:active,
a.color_fuxia1:hover,
.color_fuxia1 a:hover {
  color: #ff5d96;
}
.color_fuxia0 {
  color: #ff4687;
}
a.color_fuxia0,
.color_fuxia0 a {
  color: #ff1366;
}
a.color_fuxia0:link,
.color_fuxia0 a:link,
a.color_fuxia0:visited,
.color_fuxia0 a:visited {
  color: #ff4687;
}
a.color_fuxia0:active,
.color_fuxia0 a:active,
a.color_fuxia0:hover,
.color_fuxia0 a:hover {
  color: #ff93b9;
}
.color_cyan2 {
  color: #36a6ea;
}
a.color_cyan2,
.color_cyan2 a {
  color: #168ed7;
}
a.color_cyan2:link,
.color_cyan2 a:link,
a.color_cyan2:visited,
.color_cyan2 a:visited {
  color: #36a6ea;
}
a.color_cyan2:active,
.color_cyan2 a:active,
a.color_cyan2:hover,
.color_cyan2 a:hover {
  color: #7bc5f1;
}
.color_cyan1 {
  color: #0152E8;
}
a.color_cyan1,
.color_cyan1 a {
  color: #1ca5d8;
}
a.color_cyan1:link,
.color_cyan1 a:link,
a.color_cyan1:visited,
.color_cyan1 a:visited {
  color: #0152E8;
}
a.color_cyan1:active,
.color_cyan1 a:active,
a.color_cyan1:hover,
.color_cyan1 a:hover {
  color: #85d2ef;
}
.color_cyan0 {
  color: #63cbf2;
}
a.color_cyan0,
.color_cyan0 a {
  color: #34bbee;
}
a.color_cyan0:link,
.color_cyan0 a:link,
a.color_cyan0:visited,
.color_cyan0 a:visited {
  color: #63cbf2;
}
a.color_cyan0:active,
.color_cyan0 a:active,
a.color_cyan0:hover,
.color_cyan0 a:hover {
  color: #aae3f8;
}
.color_green1 {
  color: #55bd5a;
}
a.color_green1,
.color_green1 a {
  color: #3ea143;
}
a.color_green1:link,
.color_green1 a:link,
a.color_green1:visited,
.color_green1 a:visited {
  color: #55bd5a;
}
a.color_green1:active,
.color_green1 a:active,
a.color_green1:hover,
.color_green1 a:hover {
  color: #8cd28f;
}
.color_green0 {
  color: #83df87;
}
a.color_green0,
.color_green0 a {
  color: #5ad560;
}
a.color_green0:link,
.color_green0 a:link,
a.color_green0:visited,
.color_green0 a:visited {
  color: #83df87;
}
a.color_green0:active,
.color_green0 a:active,
a.color_green0:hover,
.color_green0 a:hover {
  color: #c0efc2;
}
.color_grey6 {
  color: #454545;
}
a.color_grey6,
.color_grey6 a {
  color: #2b2b2b;
}
a.color_grey6:link,
.color_grey6 a:link,
a.color_grey6:visited,
.color_grey6 a:visited {
  color: #454545;
}
a.color_grey6:active,
.color_grey6 a:active,
a.color_grey6:hover,
.color_grey6 a:hover {
  color: #6b6b6b;
}
.color_grey5 {
  color: #666666;
}
a.color_grey5,
.color_grey5 a {
  color: #4d4d4d;
}
a.color_grey5:link,
.color_grey5 a:link,
a.color_grey5:visited,
.color_grey5 a:visited {
  color: #666666;
}
a.color_grey5:active,
.color_grey5 a:active,
a.color_grey5:hover,
.color_grey5 a:hover {
  color: #8c8c8c;
}
.color_grey4 {
  color: #939393;
}
a.color_grey4,
.color_grey4 a {
  color: #7a7a7a;
}
a.color_grey4:link,
.color_grey4 a:link,
a.color_grey4:visited,
.color_grey4 a:visited {
  color: #939393;
}
a.color_grey4:active,
.color_grey4 a:active,
a.color_grey4:hover,
.color_grey4 a:hover {
  color: #b9b9b9;
}
.color_grey3 {
  color: #dddddd;
}
a.color_grey3,
.color_grey3 a {
  color: #c4c4c4;
}
a.color_grey3:link,
.color_grey3 a:link,
a.color_grey3:visited,
.color_grey3 a:visited {
  color: #dddddd;
}
a.color_grey3:active,
.color_grey3 a:active,
a.color_grey3:hover,
.color_grey3 a:hover {
  color: #ffffff;
}
.color_grey2 {
  color: #cdcdcd;
}
a.color_grey2,
.color_grey2 a {
  color: #b4b4b4;
}
a.color_grey2:link,
.color_grey2 a:link,
a.color_grey2:visited,
.color_grey2 a:visited {
  color: #cdcdcd;
}
a.color_grey2:active,
.color_grey2 a:active,
a.color_grey2:hover,
.color_grey2 a:hover {
  color: #f3f3f3;
}
.color_grey1 {
  color: #f7f7f7;
}
a.color_grey1,
.color_grey1 a {
  color: #dedede;
}
a.color_grey1:link,
.color_grey1 a:link,
a.color_grey1:visited,
.color_grey1 a:visited {
  color: #f7f7f7;
}
a.color_grey1:active,
.color_grey1 a:active,
a.color_grey1:hover,
.color_grey1 a:hover {
  color: #ffffff;
}
.color_white1 {
  color: #ffffff;
}
a.color_white1,
.color_white1 a {
  color: #e6e6e6;
}
a.color_white1:link,
.color_white1 a:link,
a.color_white1:visited,
.color_white1 a:visited {
  color: #ffffff;
}
a.color_white1:active,
.color_white1 a:active,
a.color_white1:hover,
.color_white1 a:hover {
  color: #ffffff;
}
.bg_greybox {
  background: #a9a9a9;
}
.bg_youtube {
  background: #bb0000;
}
.bg_googleplus {
  background: #dd4b39;
}
.bg_twitter {
  background: #55acee;
}
.bg_facebook {
  background: #3b5998;
}
.bg_luce {
  background: #ff5a10;
}
.bg_gas {
  background: #0152E8;
}
.bg_blue4 {
  background: #00349f;
}
.bg_blue3 {
  background: #044cdf;
}
.bg_blue2 {
  background: #0555fa;
}
.bg_tutto_ok {
  background: #0555fa;
}
.bg_tutto_ok_bsn {
  background: #0555fa;
}
.bg_blue2 {
  background: #0555fa;
}
.bg_blue1 {
  background: #36a6ea;
}
.bg_red1 {
  background: #e2001a;
}
.bg_orange1 {
  background: #ff5a10;
}
.bg_orange0 {
  background: #f78859;
}
.bg_fuxia1 {
  background: #ff1065;
}
.bg_fuxia0 {
  background: #ff4687;
}
.bg_cyan2 {
  background: #36a6ea;
}
.bg_cyan1 {
  background: #0152E8;
}
.bg_cyan0 {
  background: #63cbf2;
}
.bg_green1 {
  background: #55bd5a;
}
.chat-box .bg_green1{
  background: #d3135a;
}
.bg_ebike {
  background: #55bd5a;
}
.bg_eshop {
  background: #55bd5a;
}
.bg_elettrodomestici {
  background: #55bd5a;
}
.bg_smart {
  background: #55bd5a;
}
.bg_ego {
  background: #55bd5a;
}
.bg_emobility {
  background: #55bd5a;
}
.bg_egoodlife {
  background: #55bd5a;
}
.bg_green0 {
  background: #83df87;
}
.bg_grey6 {
  background: #454545;
}
.bg_grey5 {
  background: #666666;
}
.bg_grey4 {
  background: #939393;
}
.bg_grey3 {
  background: #dddddd;
}
.bg_grey2 {
  background: #cdcdcd;
}
.bg_grey1 {
  background: #f7f7f7;
}
.bg_white1 {
  background: #ffffff;
}
.btn_greybox {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #a9a9a9;
  color: #a9a9a9;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_greybox.big {
  padding: 15px 30px;
}
.btn_greybox:link,
.btn_greybox:visited {
  color: #a9a9a9;
  background-color: #ffffff;
  border-color: #a9a9a9;
}
.btn_greybox:active,
.btn_greybox:hover {
  color: #a9a9a9;
  background-color: #ffffff;
}
.btn_greybox.inverse {
  color: #ffffff;
  border-color: #a9a9a9;
  background-color: #a9a9a9;
}
.btn_greybox.inverse:link,
.btn_greybox.inverse:visited {
  color: #ffffff;
  border-color: #a9a9a9;
  background-color: #a9a9a9;
}
.btn_greybox.inverse:active,
.btn_greybox.inverse:hover {
  color: #ffffff;
  border-color: #a9a9a9;
  background-color: #cfcfcf;
}
.btn_greybox.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_youtube {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #bb0000;
  color: #bb0000;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_youtube.big {
  padding: 15px 30px;
}
.btn_youtube:link,
.btn_youtube:visited {
  color: #bb0000;
  background-color: #ffffff;
  border-color: #bb0000;
}
.btn_youtube:active,
.btn_youtube:hover {
  color: #bb0000;
  background-color: #ff8888;
}
.btn_youtube.inverse {
  color: #ffffff;
  border-color: #bb0000;
  background-color: #bb0000;
}
.btn_youtube.inverse:link,
.btn_youtube.inverse:visited {
  color: #ffffff;
  border-color: #bb0000;
  background-color: #bb0000;
}
.btn_youtube.inverse:active,
.btn_youtube.inverse:hover {
  color: #ffffff;
  border-color: #bb0000;
  background-color: #ff0808;
}
.btn_youtube.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_googleplus {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #dd4b39;
  color: #dd4b39;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_googleplus.big {
  padding: 15px 30px;
}
.btn_googleplus:link,
.btn_googleplus:visited {
  color: #dd4b39;
  background-color: #ffffff;
  border-color: #dd4b39;
}
.btn_googleplus:active,
.btn_googleplus:hover {
  color: #dd4b39;
  background-color: #fbe9e7;
}
.btn_googleplus.inverse {
  color: #ffffff;
  border-color: #dd4b39;
  background-color: #dd4b39;
}
.btn_googleplus.inverse:link,
.btn_googleplus.inverse:visited {
  color: #ffffff;
  border-color: #dd4b39;
  background-color: #dd4b39;
}
.btn_googleplus.inverse:active,
.btn_googleplus.inverse:hover {
  color: #ffffff;
  border-color: #dd4b39;
  background-color: #e8867a;
}
.btn_googleplus.inverse.samebg {
  border: 1px solid #fff !important;
}

.btn_twitter {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #55acee;
  color: #55acee;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_twitter.big {
  padding: 15px 30px;
}
.btn_twitter:link,
.btn_twitter:visited {
  color: #55acee;
  background-color: #ffffff;
  border-color: #55acee;
}
.btn_twitter:active,
.btn_twitter:hover {
  color: #55acee;
  background-color: #ffffff;
}
.btn_twitter.inverse {
  color: #ffffff;
  border-color: #55acee;
  background-color: #55acee;
}
.btn_twitter.inverse:link,
.btn_twitter.inverse:visited {
  color: #ffffff;
  border-color: #55acee;
  background-color: #55acee;
}
.btn_twitter.inverse:active,
.btn_twitter.inverse:hover {
  color: #ffffff;
  border-color: #55acee;
  background-color: #9bcef5;
}
.btn_twitter.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_facebook {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #3b5998;
  color: #3b5998;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_facebook.big {
  padding: 15px 30px;
}
.btn_facebook:link,
.btn_facebook:visited {
  color: #3b5998;
  background-color: #ffffff;
  border-color: #3b5998;
}
.btn_facebook:active,
.btn_facebook:hover {
  color: #3b5998;
  background-color: #bbc8e4;
}
.btn_facebook.inverse {
  color: #ffffff;
  border-color: #3b5998;
  background-color: #3b5998;
}
.btn_facebook.inverse:link,
.btn_facebook.inverse:visited {
  color: #ffffff;
  border-color: #3b5998;
  background-color: #3b5998;
}
.btn_facebook.inverse:active,
.btn_facebook.inverse:hover {
  color: #ffffff;
  border-color: #3b5998;
  background-color: #5f7ec1;
}
.btn_facebook.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_luce {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #ff5a10;
  color: #ff5a10;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_luce.big {
  padding: 0px 20px;
}
.btn_luce:link,
.btn_luce:visited {
  color: #ff5a10;
  background-color: #ffffff;
  border-color: #ff5a10;
}
.btn_luce:active,
.btn_luce:hover {
  color: #ff5a10;
  background-color: #ffe7dc;
}
.btn_luce.inverse {
  color: #ffffff;
  border-color: #ff5a10;
  background-color: #ff5a10;
}
.btn_luce.inverse:link,
.btn_luce.inverse:visited {
  color: #ffffff;
  border-color: #ff5a10;
  background-color: #ff5a10;
}
.btn_luce.inverse:active,
.btn_luce.inverse:hover {
  color: #ffffff;
  border-color: #ff5a10;
  background-color: #ff8f5d;
}
.btn_luce.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_gas {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #0152E8;
  color: #0152E8;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_gas.big {
  padding: 0px 30px;
}
.btn_gas:link,
.btn_gas:visited {
  color: #0152E8;
  background-color: #ffffff;
  border-color: #0152E8;
}
.btn_gas:active,
.btn_gas:hover {
  color: #0152E8;
  background-color: #f5fbfe;
}
.btn_gas.inverse {
  color: #ffffff;
  border-color: #0152E8;
  background-color: #0152E8;
}
.btn_gas.inverse:link,
.btn_gas.inverse:visited {
  color: #ffffff;
  border-color: #0152E8;
  background-color: #0152E8;
}
.btn_gas.inverse:active,
.btn_gas.inverse:hover {
  color: #ffffff;
  border-color: #0152E8;
  background-color: #85d2ef;
}
.btn_gas.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_blue4 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #00349f;
  color: #00349f;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_blue4.big {
  padding: 0px 30px; /*GG da 15px a 0px*/
}
.btn_blue4:link,
.btn_blue4:visited {
  color: #00349f;
  background-color: #ffffff;
  border-color: #00349f;
}
.btn_blue4:active,
.btn_blue4:hover {
  color: #00349f;
  background-color: #6c9cff;
}
.btn_blue4.inverse {
  color: #ffffff;
  border-color: #00349f;
  background-color: #00349f;
}
.btn_blue4.inverse:link,
.btn_blue4.inverse:visited {
  color: #ffffff;
  border-color: #00349f;
  background-color: #00349f;
}
.btn_blue4.inverse:active,
.btn_blue4.inverse:hover {
  color: #ffffff;
  border-color: #00349f;
  background-color: #004dec;
}
.btn_blue4.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_blue3 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #044cdf;
  color: #044cdf;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_blue3.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_blue3:link,
.btn_blue3:visited {
  color: #044cdf;
  background-color: #ffffff;
  border-color: #044cdf;
}
.btn_blue3:active,
.btn_blue3:hover {
  color: #044cdf;
  background-color: #b1cafe;
}
.btn_blue3.inverse {
  color: #ffffff;
  border-color: #044cdf;
  background-color: #044cdf;
}
.btn_blue3.inverse:link,
.btn_blue3.inverse:visited {
  color: #ffffff;
  border-color: #044cdf;
  background-color: #044cdf;
}
.btn_blue3.inverse:active,
.btn_blue3.inverse:hover {
  color: #ffffff;
  border-color: #044cdf;
  background-color: #3476fb;
}
.btn_blue3.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_blue2 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #0555fa;
  color: #0555fa;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_blue2.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_blue2:link,
.btn_blue2:visited {
  color: #0555fa;
  background-color: #ffffff;
  border-color: #0555fa;
}
.btn_blue2:active,
.btn_blue2:hover {
  color: #0555fa;
  background-color: #cdddfe;
}
.btn_blue2.inverse {
  color: #ffffff;
  border-color: #0555fa;
  background-color: #0555fa;
}
.btn_blue2.inverse:link,
.btn_blue2.inverse:visited {
  color: #ffffff;
  border-color: #0555fa;
  background-color: #0555fa;
}
.btn_blue2.inverse:active,
.btn_blue2.inverse:hover {
  color: #ffffff;
  border-color: #0555fa;
  background-color: #5088fc;
}
.btn_blue2.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_blue1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #36a6ea;
  color: #36a6ea;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_blue1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_blue1:link,
.btn_blue1:visited {
  color: #36a6ea;
  background-color: #ffffff;
  border-color: #36a6ea;
}
.btn_blue1:active,
.btn_blue1:hover {
  color: #36a6ea;
  background-color: #eff8fd;
}
.btn_blue1.inverse {
  color: #ffffff;
  border-color: #36a6ea;
  background-color: #36a6ea;
}
.btn_blue1.inverse:link,
.btn_blue1.inverse:visited {
  color: #ffffff;
  border-color: #36a6ea;
  background-color: #36a6ea;
}
.btn_blue1.inverse:active,
.btn_blue1.inverse:hover {
  color: #ffffff;
  border-color: #36a6ea;
  background-color: #7bc5f1;
}
.btn_blue1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_red1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #e2001a;
  color: #e2001a;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_red1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_red1:link,
.btn_red1:visited {
  color: #e2001a;
  background-color: #ffffff;
  border-color: #e2001a;
}
.btn_red1:active,
.btn_red1:hover {
  color: #e2001a;
  background-color: #ffafb8;
}
.btn_red1.inverse {
  color: #ffffff;
  border-color: #e2001a;
  background-color: #e2001a;
}
.btn_red1.inverse:link,
.btn_red1.inverse:visited {
  color: #ffffff;
  border-color: #e2001a;
  background-color: #e2001a;
}
.btn_red1.inverse:active,
.btn_red1.inverse:hover {
  color: #ffffff;
  border-color: #e2001a;
  background-color: #ff3047;
}
.btn_red1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_orange1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #ff5a10;
  color: #ff5a10;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_orange1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_orange1:link,
.btn_orange1:visited {
  color: #ff5a10;
  background-color: #ffffff;
  border-color: #ff5a10;
}
.btn_orange1:active,
.btn_orange1:hover {
  color: #ff5a10;
  background-color: #ffe7dc;
}
.btn_orange1.inverse {
  color: #ffffff;
  border-color: #ff5a10;
  background-color: #ff5a10;
}
.btn_orange1.inverse:link,
.btn_orange1.inverse:visited {
  color: #ffffff;
  border-color: #ff5a10;
  background-color: #ff5a10;
}
.btn_orange1.inverse:active,
.btn_orange1.inverse:hover {
  color: #ffffff;
  border-color: #ff5a10;
  background-color: #ff8f5d;
}
.btn_orange1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_orange0 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #f78859;
  color: #f78859;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_orange0.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_orange0:link,
.btn_orange0:visited {
  color: #f78859;
  background-color: #ffffff;
  border-color: #f78859;
}
.btn_orange0:active,
.btn_orange0:hover {
  color: #f78859;
  background-color: #ffffff;
}
.btn_orange0.inverse {
  color: #ffffff;
  border-color: #f78859;
  background-color: #f78859;
}
.btn_orange0.inverse:link,
.btn_orange0.inverse:visited {
  color: #ffffff;
  border-color: #f78859;
  background-color: #f78859;
}
.btn_orange0.inverse:active,
.btn_orange0.inverse:hover {
  color: #ffffff;
  border-color: #f78859;
  background-color: #fbbca2;
}
.btn_orange0.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_fuxia1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 0px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #ff1065;
  color: #ff1065;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
}
.btn_fuxia1.big {
  padding: 0px 30px;
}
.btn_fuxia1:link,
.btn_fuxia1:visited {
  color: #ff1065;
  background-color: #ffffff;
  border-color: #ff1065;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  min-width: 110px;
}
.btn_fuxia1:active,
.btn_fuxia1:hover {
  color: #ff1065;
  background-color: #ffdce8;
}
.btn_fuxia1.inverse {
  color: #ffffff;
  border-color: #ff1065;
  background-color: #ff1065;
}
.btn_fuxia1.inverse:link,
.btn_fuxia1.inverse:visited {
  color: #ffffff;
  border-color: #ff1065;
  background-color: #ff1065;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  min-width: 110px;
}
#main.fornitura .btn_fuxia1.inverse:link,
#main.fornitura .btn_fuxia1.inverse:visited {
  /*min-width: 240px;*/
}
.btn_fuxia1.inverse:active,
.btn_fuxia1.inverse:hover {
  color: #ffffff;
  border-color: #ff1065;
  background-color: #ff5d96;
}
.btn_fuxia1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_fuxia0 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #ff4687;
  color: #ff4687;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_fuxia0.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_fuxia0:link,
.btn_fuxia0:visited {
  color: #ff4687;
  background-color: #ffffff;
  border-color: #ff4687;
}
.btn_fuxia0:active,
.btn_fuxia0:hover {
  color: #ff4687;
  background-color: #ffffff;
}
.btn_fuxia0.inverse {
  color: #ffffff;
  border-color: #ff4687;
  background-color: #ff4687;
}
.btn_fuxia0.inverse:link,
.btn_fuxia0.inverse:visited {
  color: #ffffff;
  border-color: #ff4687;
  background-color: #ff4687;
}
.btn_fuxia0.inverse:active,
.btn_fuxia0.inverse:hover {
  color: #ffffff;
  border-color: #ff4687;
  background-color: #ff93b9;
}
.btn_fuxia0.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_cyan2 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #36a6ea;
  color: #36a6ea;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_cyan2.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_cyan2:link,
.btn_cyan2:visited {
  color: #36a6ea;
  background-color: #ffffff;
  border-color: #36a6ea;
}
.btn_cyan2:active,
.btn_cyan2:hover {
  color: #36a6ea;
  background-color: #eff8fd;
}
.btn_cyan2.inverse {
  color: #ffffff;
  border-color: #36a6ea;
  background-color: #36a6ea;
}
.btn_cyan2.inverse:link,
.btn_cyan2.inverse:visited {
  color: #ffffff;
  border-color: #36a6ea;
  background-color: #36a6ea;
}
.btn_cyan2.inverse:active,
.btn_cyan2.inverse:hover {
  color: #ffffff;
  border-color: #36a6ea;
  background-color: #7bc5f1;
}
.btn_cyan2.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_cyan1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #0152E8;
  color: #0152E8;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_cyan1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_cyan1:link,
.btn_cyan1:visited {
  color: #0152E8;
  background-color: #ffffff;
  border-color: #0152E8;
}
.btn_cyan1:active,
.btn_cyan1:hover {
  color: #0152E8;
  background-color: #f5fbfe;
}
.btn_cyan1.inverse {
  color: #ffffff;
  border-color: #0152E8;
  background-color: #0152E8;
}
.btn_cyan1.inverse:link,
.btn_cyan1.inverse:visited {
  color: #ffffff;
  border-color: #0152E8;
  background-color: #0152E8;
}
.btn_cyan1.inverse:active,
.btn_cyan1.inverse:hover {
  color: #ffffff;
  border-color: #0152E8;
  background-color: #85d2ef;
}
.btn_cyan1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_cyan0 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #63cbf2;
  color: #63cbf2;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_cyan0.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_cyan0:link,
.btn_cyan0:visited {
  color: #63cbf2;
  background-color: #ffffff;
  border-color: #63cbf2;
}
.btn_cyan0:active,
.btn_cyan0:hover {
  color: #63cbf2;
  background-color: #ffffff;
}
.btn_cyan0.inverse {
  color: #ffffff;
  border-color: #63cbf2;
  background-color: #63cbf2;
}
.btn_cyan0.inverse:link,
.btn_cyan0.inverse:visited {
  color: #ffffff;
  border-color: #63cbf2;
  background-color: #63cbf2;
}
.btn_cyan0.inverse:active,
.btn_cyan0.inverse:hover {
  color: #ffffff;
  border-color: #63cbf2;
  background-color: #aae3f8;
}
.btn_cyan0.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_green1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #55bd5a;
  color: #55bd5a;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_green1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_green1:link,
.btn_green1:visited {
  color: #55bd5a;
  background-color: #ffffff;
  border-color: #55bd5a;
}
.btn_green1:active,
.btn_green1:hover {
  color: #55bd5a;
  background-color: #e8f6e9;
}
.btn_green1.inverse {
  color: #ffffff;
  border-color: #55bd5a;
  background-color: #55bd5a;
}
.btn_green1.inverse:link,
.btn_green1.inverse:visited {
  color: #ffffff;
  border-color: #55bd5a;
  background-color: #55bd5a;
}
.btn_green1.inverse:active,
.btn_green1.inverse:hover {
  color: #ffffff;
  border-color: #55bd5a;
  background-color: #8cd28f;
}
.btn_green1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_green0 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
 cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #83df87;
  color: #83df87;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_green0.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_green0:link,
.btn_green0:visited {
  color: #83df87;
  background-color: #ffffff;
  border-color: #83df87;
}
.btn_green0:active,
.btn_green0:hover {
  color: #83df87;
  background-color: #ffffff;
}
.btn_green0.inverse {
  color: #ffffff;
  border-color: #83df87;
  background-color: #83df87;
}
.btn_green0.inverse:link,
.btn_green0.inverse:visited {
  color: #ffffff;
  border-color: #83df87;
  background-color: #83df87;
}
.btn_green0.inverse:active,
.btn_green0.inverse:hover {
  color: #ffffff;
  border-color: #83df87;
  background-color: #c0efc2;
}
.btn_green0.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_grey6 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #454545;
  color: #454545;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_grey6.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_grey6:link,
.btn_grey6:visited {
  color: #454545;
  background-color: #ffffff;
  border-color: #454545;
}
.btn_grey6:active,
.btn_grey6:hover {
  color: #454545;
  background-color: #ababab;
}
.btn_grey6.inverse {
  color: #ffffff;
  border-color: #454545;
  background-color: #454545;
}
.btn_grey6.inverse:link,
.btn_grey6.inverse:visited {
  color: #ffffff;
  border-color: #454545;
  background-color: #454545;
}
.btn_grey6.inverse:active,
.btn_grey6.inverse:hover {
  color: #ffffff;
  border-color: #454545;
  background-color: #6b6b6b;
}
.btn_grey6.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_grey5 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #666666;
  color: #666666;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_grey5.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_grey5:link,
.btn_grey5:visited {
  color: #666666;
  background-color: #ffffff;
  border-color: #666666;
}
.btn_grey5:active,
.btn_grey5:hover {
  color: #666666;
  background-color: #cccccc;
}
.btn_grey5.inverse {
  color: #ffffff;
  border-color: #666666;
  background-color: #666666;
}
.btn_grey5.inverse:link,
.btn_grey5.inverse:visited {
  color: #ffffff;
  border-color: #666666;
  background-color: #666666;
}
.btn_grey5.inverse:active,
.btn_grey5.inverse:hover {
  color: #ffffff;
  border-color: #666666;
  background-color: #8c8c8c;
}
.btn_grey5.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_grey4 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #939393;
  color: #939393;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_grey4.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_grey4:link,
.btn_grey4:visited {
  color: #939393;
  background-color: #ffffff;
  border-color: #939393;
}
.btn_grey4:active,
.btn_grey4:hover {
  color: #939393;
  background-color: #f9f9f9;
}
.btn_grey4.inverse {
  color: #ffffff;
  border-color: #939393;
  background-color: #939393;
}
.btn_grey4.inverse:link,
.btn_grey4.inverse:visited {
  color: #ffffff;
  border-color: #939393;
  background-color: #939393;
}
.btn_grey4.inverse:active,
.btn_grey4.inverse:hover {
  color: #ffffff;
  border-color: #939393;
  background-color: #b9b9b9;
}
.btn_grey4.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_grey3 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #dddddd;
  color: #dddddd;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_grey3.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_grey3:link,
.btn_grey3:visited {
  color: #dddddd;
  background-color: #ffffff;
  border-color: #dddddd;
}
.btn_grey3:active,
.btn_grey3:hover {
  color: #dddddd;
  background-color: #ffffff;
}
.btn_grey3.inverse {
  color: #ffffff;
  border-color: #dddddd;
  background-color: #dddddd;
}
.btn_grey3.inverse:link,
.btn_grey3.inverse:visited {
  color: #ffffff;
  border-color: #dddddd;
  background-color: #dddddd;
}
.btn_grey3.inverse:active,
.btn_grey3.inverse:hover {
  color: #ffffff;
  border-color: #dddddd;
  background-color: #ffffff;
}
.btn_grey3.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_grey2 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #cdcdcd;
  color: #cdcdcd;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_grey2.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_grey2:link,
.btn_grey2:visited {
  color: #cdcdcd;
  background-color: #ffffff;
  border-color: #cdcdcd;
}
.btn_grey2:active,
.btn_grey2:hover {
  color: #cdcdcd;
  background-color: #ffffff;
}
.btn_grey2.inverse {
  color: #ffffff;
  border-color: #cdcdcd;
  background-color: #cdcdcd;
}
.btn_grey2.inverse:link,
.btn_grey2.inverse:visited {
  color: #ffffff;
  border-color: #cdcdcd;
  background-color: #cdcdcd;
}
.btn_grey2.inverse:active,
.btn_grey2.inverse:hover {
  color: #ffffff;
  border-color: #cdcdcd;
  background-color: #f3f3f3;
}
.btn_grey2.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_grey1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #f7f7f7;
  color: #f7f7f7;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_grey1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_grey1:link,
.btn_grey1:visited {
  color: #f7f7f7;
  background-color: #ffffff;
  border-color: #f7f7f7;
}
.btn_grey1:active,
.btn_grey1:hover {
  color: #f7f7f7;
  background-color: #ffffff;
}
.btn_grey1.inverse {
  color: #ffffff;
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}
.btn_grey1.inverse:link,
.btn_grey1.inverse:visited {
  color: #ffffff;
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}
.btn_grey1.inverse:active,
.btn_grey1.inverse:hover {
  color: #ffffff;
  border-color: #f7f7f7;
  background-color: #ffffff;
}
.btn_grey1.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_white1 {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: #ffffff;
  text-decoration: none !important;
  max-width: 90%;
  margin: 0 auto;
}
.btn_white1.big {
  padding: 0px 30px;/*GG da 15px a 0px*/
}
.btn_white1:link,
.btn_white1:visited {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn_white1:active,
.btn_white1:hover {
  color: #ffffff;
  background-color: #ffffff;
}
.btn_white1.inverse {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #ffffff;
}
.btn_white1.inverse:link,
.btn_white1.inverse:visited {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #ffffff;
}
.btn_white1.inverse:active,
.btn_white1.inverse:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #ffffff;
}
.btn_white1.inverse.samebg {
  border: 1px solid #fff !important;
}
/* CREATORI DA ARRAY DI COLORI */
/************************/
/*			FONTFACE			*/
/************************/
/*👉@font-face {
  font-family: "Roobert";
  src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Regular.eot") format("eot"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Regular.woff") format("woff"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Regular.woff2") format("woff2"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Regular.tff") format("tff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "RoobertBold";
  src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Bold.eot") format("eot"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Bold.woff") format("woff"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Bold.woff2") format("woff2"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/fonts/RoobertENEL-Bold.tff") format("tff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "RoobertLight";
  src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.eot") format("eot"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.woff") format("woff"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.woff2") format("woff2"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.tff") format("tff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "RoobertBlack";
  src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.eot") format("eot"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.woff") format("woff"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.woff2") format("woff2"),
  url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.tff") format("tff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

👈*/
/************************/
/*			SUPPORT			*/
/************************/
/* array di colori */
.container {
  margin: 0 auto;
  min-width: 320px;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
  .row-prospect {
  	margin-top:80px;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    max-width: 1680px;
  }
}
/*@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}*/
.tight {
  margin: 0 auto;
  min-width: 0;
  max-width: calc(100% - 36px);
}
@media only screen and (min-width: 640px) {
  .tight {
    max-width: calc(100% - 72px);
  }
}
@media only screen and (min-width: 1280px) {
  .tight {
    max-width: 1232px;
  }
}
@media only screen and (min-width: 1600px) {
  .tight {
    max-width: 1256px;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
  -moz-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
  -ms-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
  -o-transition: color 0.5s, background-color 0.5s, border-color 0.5s;
}
.chat * {
	-webkit-transition: color 0s, background-color 0s, border-color 0s;
	-moz-transition: color 0s, background-color 0s, border-color 0s;
	-ms-transition: color 0s, background-color 0s, border-color 0s;
	-o-transition: color 0s, background-color 0s, border-color 0s;
}
.square > .wrapper {
  position: relative;
  height: 0;
  padding: 50% 0;
  overflow: hidden;
}
.square > .wrapper > .box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.covered {
  padding-bottom: 50px;
}
.cover {
  margin-top: -100px;
}
.textleft {
  text-align: left;
}
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
.textunderline {
  text-decoration: underline !important;
}
html body .hidden {
  display: none;
}
.btn_transparent {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  max-width: 90%;
  margin: 0 auto;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #939393;
  color: #939393;
  background-color: transparent;
  border-color: #fff;
}
.btn_transparent.big {
  margin-top: 50px;
  margin-bottom: -60px;
  font-weight: 300;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  padding: 0px 30px;
}
.btn_transparent:link,
.btn_transparent:visited {
  color: #939393;
  background-color: transparent;
  border-color: #939393;
}
.btn_transparent:active {
  color: #939393;
  background-color: #FFFFFF;
}
.btn_transparent:hover {
  color: #939393;
  background-color: #FFFFFF;
  /*opacity: 0.3;*/
}
.btn_transparent.inverse {
  color: transparent;
  border-color: #939393;
  background-color: #939393;
}
.btn_transparent.inverse:link,
.btn_transparent.inverse:visited {
  color: transparent;
  border-color: #939393;
  background-color: #939393;
}
.btn_transparent.inverse:active,
.btn_transparent.inverse:hover {
  color: transparent;
  border-color: #939393;
  background-color: #b9b9b9;
}
.btn_transparent.inverse.samebg {
  border: 1px solid #fff !important;
}
.btn_transparent:link,
.btn_transparent:visited {
  color: #fff;
  border-color: #fff;
}
.btn_transparent:active,
.btn_transparent:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #fff;
}
.btn_white1,
.btn_white1.inverse {
  color: #222222;
}
.btn_white1:link,
.btn_white1.inverse:link,
.btn_white1:visited,
.btn_white1.inverse:visited {
  color: #222222;
}
.btn_white1:active,
.btn_white1.inverse:active,
.btn_white1:hover,
.btn_white1.inverse:hover {
  color: #222222;
}
.titlebig {
  font-size: 40px;
  padding: 20px 10px;
}
.lineseparator {
  width: 100%;
  max-width: 640px;
  margin: 30px auto;
  height: 1px;
  background-color: #dddddd;
}
.posttext {
  padding-bottom: 40px;
}
.whitebox {
  padding-top: 0px;
  padding-bottom: 30px;
}
.whitebox .text {
  font-size: 24px;
}
.whitebox .formcustom input[type="text"]:disabled {
  background-color: #f7f7f7;
}
.inputlike {
  font-size: 13.3333px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  height: 42px;
  line-height: 40px;
  width: 100%;
  vertical-align: middle;
}
.tablecarousel.slick-slider {
  background-color: #f7f7f7;
  margin: 0 calc(((100% - calc(100% - 36px))/2) * -1);
}
.tablecarousel.slick-slider .row {
  padding: 20px;
  border-bottom: 0 none;
}
.tablecarousel.slick-slider .row .cell {
  padding: 20px;
  margin: 0;
  background-color: #fff;
}
.tablecarousel.slick-slider .row .cell:first-child {
  color: #222222;
  background-color: transparent;
  font-size: 24px;
  padding: 20px 0;
}
.tablecarousel.slick-slider .row .cell:first-child * {
  color: #222222;
}
.tablecarousel.slick-slider .row .cell:first-child + .cell {
  border-top: 0 none;
}
.tablecarousel.slick-slider .row .cell:first-child + .cell + .cell {
  border-top: 1px solid #dddddd;
}
@media only screen and (min-width: 640px) {
  .tablecarousel.slick-slider {
    margin: 0 calc(((100% - calc(100% - 72px))/2) * -1);
  }
}
@media only screen and (max-width: 767px) {
  .hidemobile {
    display: none;
  }
  #imgUnica img {
  	max-width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hidetablet {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .hidedesktop {
    display: none;
  }
}

#header .messages .messages-box .items .item a#nt_buon_compleanno:hover, 
  #header .messages .messages-box .items .item a#nt_buon_compleanno:focus {
		background-color: transparent!important;
		cursor:default;
   }

/* icone */
i.info {
  cursor: default;
  color: #fff;
  background-color: #0555fa;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  text-transform: none;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.icon.disabled {
  /*color: #939393;grigio*/
  color: #0555fa;
}
.inner.open .icon {
    /*color: #55bd5a;verde*/
}
.icon.big {
  font-size: 40px;
}
/* STILI SCROLLBAR */
.mCustomScrollbar {
  /* scrollbar vertical */
  /* scrollbar horizontal */
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ff1065;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
}
.mCustomScrollbar .mCustomScrollBox.mCSB_vertical .mCSB_scrollTools {
  right: 10px;
}
.mCustomScrollbar .mCustomScrollBox.mCSB_vertical .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
}
.mCustomScrollbar .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools {
  bottom: 10px;
}
.mCustomScrollbar .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  height: 20px;
  top: -8px;
}
.mCustomScrollbar.scrollable {
  /* scrollbar vertical */
}
.mCustomScrollbar.scrollable .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_vertical .mCSB_container {
  margin-right: 20px;
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_vertical .mCSB_scrollTools {
  border: 1px solid #dddddd;
  right: 0;
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_vertical .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_horizontal {
  /* scrollbar horizontal */
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_horizontal .mCSB_container {
  margin-bottom: 20px;
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools {
  border: 1px solid #dddddd;
  bottom: 0;
}
.mCustomScrollbar.scrollable .mCustomScrollBox.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
  top: -4px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
/************************/
/*			TEMPLATE			*/
/************************/
body {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #222222;
  background-color: #FFFFFF !important;
  margin: 0;
}
@media only screen and (max-width: 1279px) {
  body.menuopen,
  body.topbaropen {
    overflow: hidden;
    position: fixed;
  }
}
@media only screen and (max-width: 1023px) {
  body.menuopen #content,
  body.topbaropen #content {
    overflow: hidden; 
    /*height: 0;*/
  }

  .messages-box .mCustomScrollbar {
      height: 325px !important;
  }

  .messages-wrapper .mCustomScrollbar {
      height: 484px !important;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  margin: 0;
}
a {
  color: #000;
  text-decoration: none;
}
a:link,
a:visited {
  color: #000;
}
a:active,
a:hover {
  color: #666;
}
a.color_white1:active,
.color_white1 a:active,
a.color_white1:hover,
.color_white1 a:hover {
  text-decoration: none;
}
* {
  outline: 0;
}
#main {
  background-color: #fff;
  margin: 0 auto;
  min-width: 320px;
  overflow: hidden;
}
/*@media only screen and (min-width: 768px) {
  #main {
    max-width: 768px;
  }
}*/
/*@media only screen and (min-width: 1024px) {
  #main {
    max-width: 1024px;
  }
}*/
@media only screen and (min-width: 1280px) {
  #main {
    max-width: 1680px;
  }
}
/*@media only screen and (min-width: 1600px) {
  #main {
    max-width: 1600px;
  }
}*/
#bottomcontent {
  padding-top: 0px;	
  padding-bottom: 40px;
}
#bottomcontent > section {
  position: relative;
  text-align: center;
  vertical-align: top;
  font-size: 0;
  margin-bottom: 20px;
}
#bottomcontent > section:before,
#bottomcontent > section:after {
  content: " ";
  display: table;
}
#bottomcontent > section:after {
  clear: both;
}
/* breadcrumb */
.breadcrumb {
  display: none;
  text-transform: uppercase;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.breadcrumb a {
  color: #fff;
  text-decoration: none;
  opacity: .7;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.breadcrumb a:link,
.breadcrumb a:visited {
  color: #fff;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.breadcrumb a:active,
.breadcrumb a:hover {
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.breadcrumb .current {
  color: #222222;
  opacity: .5;
}
@media only screen and (min-width: 1024px) {
  .breadcrumb {
    display: block;
  }
}
/* PAGES */
#main.home #topcontent {
 /* background: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/img/commodity.jpg) no-repeat center top;*/
  background-position-y: -70px;
}
#main.business #topcontent {
  /*background: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/img/business.jpg) no-repeat center top;*/
}
/*le media query sul background del visore sono ora dinamiche da JS*/
/*@media only screen and (min-width: 1024px) {
  #main.home #topcontent {
    background: url(main/img/commodity.jpg) no-repeat center top;
  }
  #main.business #topcontent {
    background: url(main/img/business.jpg) no-repeat center top;
  }
}*/

@media only screen and (max-width: 639px) {
  #main.home #topcontent {
    background-position-y: -100px;
  }
}

#main.home #topcontent .top-section,
#main.business #topcontent .top-section {
  padding: 0;
}
#main.home #topcontent .maintitle,
#main.business #topcontent .maintitle {
  padding: 30px 10px;
}

@media only screen and (min-width: 1280px) {
  #main.home #topcontent,
  #main.business #topcontent {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1023px) {
  #main.home #topcontent .maintitle,
  #main.business #topcontent .maintitle {
    padding: 20px 10px;
  }
}

#main.primoaccesso #topcontent,
#main.registrazione #topcontent,
#main.contacts #topcontent,
#main.documents #topcontent {
  background-color: #ff4687;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4687), to(#ff1065));
  background: -webkit-linear-gradient(top, #ff4687, #ff1065);
  background: -moz-linear-gradient(top, #ff4687, #ff1065);
  background: -ms-linear-gradient(top, #ff4687, #ff1065);
  background: -o-linear-gradient(top, #ff4687, #ff1065);
}
#main.registrazione #bottomcontent {
  background-color: #f7f7f7;
}
#main.attivita #topcontent {
  background-color: #ff4687;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4687), to(#ff1065));
  background: -webkit-linear-gradient(top, #ff4687, #ff1065);
  background: -moz-linear-gradient(top, #ff4687, #ff1065);
  background: -ms-linear-gradient(top, #ff4687, #ff1065);
  background: -o-linear-gradient(top, #ff4687, #ff1065);
}
#main.attivita #bottomcontent {
  background-color: #f7f7f7;
}
#main.bollette #topcontent .top-section,
#main.fornitura #topcontent .top-section {
  padding-bottom: 80px;
}
#main.bollette #topcontent .mainbutton,
#main.fornitura #topcontent .mainbutton {
  padding-top: 20px;
}
#main.bollette.luce #topcontent,
#main.fornitura.luce #topcontent {
  background-color: #ff5a10;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5a10), to(#f78859));
  background: -webkit-linear-gradient(top, #ff5a10, #f78859);
  background: -moz-linear-gradient(top, #ff5a10, #f78859);
  background: -ms-linear-gradient(top, #ff5a10, #f78859);
  background: -o-linear-gradient(top, #ff5a10, #f78859);
}
#main.bollette.gas #topcontent,
#main.fornitura.gas #topcontent {
  background-color: #0152E8;
  background: -webkit-gradient(linear, left top, left bottom, from(#0152E8), to(#63cbf2));
  background: -webkit-linear-gradient(top, #0152E8, #63cbf2);
  background: -moz-linear-gradient(top, #0152E8, #63cbf2);
  background: -ms-linear-gradient(top, #0152E8, #63cbf2);
  background: -o-linear-gradient(top, #0152E8, #63cbf2);
}
#main.bollette.bolletteepagamenti #bottomcontent {
  background-color: #f7f7f7;
}
#main.acquisti #topcontent,
#main.efficienzaenergetica #topcontent {
  background-color: #55bd5a;
  background: -webkit-gradient(linear, left top, left bottom, from(#55bd5a), to(#83df87));
  background: -webkit-linear-gradient(top, #55bd5a, #83df87);
  background: -moz-linear-gradient(top, #55bd5a, #83df87);
  background: -ms-linear-gradient(top, #55bd5a, #83df87);
  background: -o-linear-gradient(top, #55bd5a, #83df87);
}
#main.acquisti #bottomcontent,
#main.efficienzaenergetica #bottomcontent {
  background-color: #f7f7f7;
}
#main.acquisti .panelsflow .panel article,
#main.efficienzaenergetica .panelsflow .panel article {
  min-height: 270px;
}
#main.acquisti .panelsflow.list .panel article,
#main.efficienzaenergetica .panelsflow.list .panel article {
  min-height: 90px;
}

@media only screen and (max-width: 1023px) {
	#main.acquisti #topcontent {
		position: relative;
	}
	#main.acquisti #topcontent .top-section {
		position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    left: 0;
	    right: 0;
	}
}

#main.efficienzaenergetica {
  /* workaround per i wizard sotto i 340 */
}
#main.efficienzaenergetica .top-section {
  position: relative;
  padding-top: 50px;
}
#main.efficienzaenergetica .pageicon {
  max-width: 25%;
  margin: 0 auto;
  padding: 0 0 20px;
}
#main.efficienzaenergetica .pageicon img {
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  #main.efficienzaenergetica .top-section {
    padding-top: 200px;
  }
  #main.efficienzaenergetica .pageicon {
    position: absolute;
    top: 150px;
    left: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  #main.efficienzaenergetica .pageicon {
    left: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  #main.efficienzaenergetica .pageicon {
    left: 250px;
  }
}
@media only screen and (max-width: 339px) {
  #main.efficienzaenergetica .wizard.big .step .step-name {
    width: 180px;
    left: -90%;
  }
}
/************************/
/*			TOPBAR			*/
/************************/
#topbar {
  display: none;
  font-size: 20px;
  color: #fff;
  background-color: #cdcdcd;
  text-align: left;
  position: absolute;
  top: 80px;
  /* only mobile topbar*/
  /*only desktop topbar*/
}
#topbar:before,
#topbar:after {
  content: " ";
  display: table;
}
#topbar:after {
  clear: both;
}
#topbar p {
  margin: 0;
  padding: 8px 0;
  vertical-align: top;
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#topbar ul {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  vertical-align: top;
}
#topbar a {
  vertical-align: top;
  color: #fff;
}
#topbar a:link,
#topbar a:visited {
  color: #fff;
}
#topbar .bluelink {
  color: #fff;
  background-color: #0152E8;
}
#topbar .bluelink:link,
#topbar .bluelink:visited {
  color: #fff;
  background-color: #0152E8;
}
#topbar .bluelink:active,
#topbar .bluelink:hover {
  color: #fff;
  text-decoration: none;
  background-color: #36a6ea;
}
/*#welcomeUser span {
	display: inline;
}*/

/* T29 */
/*@media only screen and (max-width: 1279px) and (min-width: 1024px) {
	#welcomeUser span {
		display: none;
	}
}*/
@media only screen and (max-width: 1023px) {
  #topbar {
    top: 80px;
    left: 0;
    right: 0;
  }
  #topbar .topbar-container {
    padding: 20px 10px;
  }
  #topbar ul li a,
  #topbar .left a {
    display: block;
    padding: 0 20px;
  }
  #topbar ul li a .icon,
  #topbar .left a .icon {
    font-size: 24px;
    padding-right: 10px;
  }
  #topbar ul li a .linktext,
  #topbar .left a .linktext {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #b3b3b3;
  }
  #topbar .left p {
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0 20px 20px;
  }
  #topbar .right {
    text-align: center;
  }
  #topbar .right ul {
    text-align: left;
    padding: 0 0 20px;
  }
  #topbar .right .bluelink {
    display: inline-block;
    font-size: 12px;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:bold;
    padding: 20px 40px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 640px) {
  #topbar {
    top: 126px;
  }
}
@media only screen and (min-width: 1024px) {
  #topbar {
    position: static;
    display: block !important;
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 36px !important;
  }
  #topbar br {
    display: none;
  }
  #topbar p {
    display: inline-block;
  }
  #topbar ul {
    display: inline-block;
    font-size: 0;
  }
  #topbar ul li {
    display: inline-block;
    font-size: 14px;
  }
  #topbar ul li .icon {
    font-size: 16px;
    padding-right: 5px;
  }
  #topbar a {
    display: inline-block;
  }
  #topbar .left {
    float: left;
    padding-left: 40px;
  }
  #topbar .left a {
    display: inline-block;
    border-left: 1px solid #fff;
    padding: 0 5px;
    margin: 8px 0;
  }
  #topbar .right {
    float: right;
  }
  #topbar .right ul li a {
    font-size: 14px;
    display: block;
    height: 20px;
    padding: 0 10px;
    border-left: 1px solid #fff;
  }
  #topbar .right ul li:first-child a {
    border-left: 0 none;
  }
  #topbar .right .bluelink {
    font-size: 13px;
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: 36px;
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 1023px) {
  body.topbaropen #header {
    overflow: auto;
    bottom: 0;
  }
  body.topbaropen #header .toggletopbar {
    background-color: #cdcdcd;
  }
  body.topbaropen #header .toggletopbar .toggle {
    color: #fff;
  }
}
/************************/
/*			HEADER			*/
/************************/
#header {
  font-size: 0;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 10;
}
#header .header-container {
  margin: 0 auto;
  min-width: 320px;
  background-color: #fff;
  text-align: right;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #header .header-container {
    max-width: 1024px;
  }
}
@media only screen and (min-width: 1024px) {
  #header .header-container {
    max-width: 1280px;
  }
}
@media only screen and (min-width: 1280px) {
  #header .header-container {
    max-width: 1680px;
  }
}
/*@media only screen and (min-width: 1600px) {
  #header .header-container {
    max-width: 1600px;
  }
}*/
#header .brand {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  overflow: hidden;
  max-width: 60%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px 0 16px 10px;
}
#header .brand img {
  width: 150px;
  padding: 5px 0;
}
#header .togglenav {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
}
#header .togglenav .toggle {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  height: 80px;
  padding: 16px 22px;
  font-size: 30px;
  color: #cdcdcd;
}
#header .toggletopbar {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: transparent;
  right: 80px;
}
#header .toggletopbar .toggle {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  height: 80px;
  padding: 16px 22px;
  font-size: 30px;
  color: #cdcdcd;
}
#header * {
  -webkit-transition: color 0s, background-color 0s, border-color 0s;
  -moz-transition: color 0s, background-color 0s, border-color 0s;
  -ms-transition: color 0s, background-color 0s, border-color 0s;
  -o-transition: color 0s, background-color 0s, border-color 0s;
}
#header .toggletopbar:after {
  content: '';
  width: 1px;
  height: 60px;
  background-color: #939393;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  right: 0;
}
@media only screen and (min-width: 480px) {
  #header .brand {
    height: 60px;
    width: auto;
  }
  #header .brand img {
    width: 100%;
    max-width: 200px;
    padding: 0;
  }
}
@media only screen and (min-width: 640px) {
  #header .brand {
    height: 126px;
    width: 185px;
  }
  #header .brand img {
    width: 370px;
    max-width: none;
  }
  #header .togglenav .toggle,
  #header .toggletopbar .toggle {
    height: 126px;
  }
  #header .togglenav .toggle .icon,
  #header .toggletopbar .toggle .icon {
    font-size: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #header .toggletopbar {
    right: 120px;
  }
}
@media only screen and (min-width: 768px) {
  #header .brand {
    width: auto;
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  #header .header-container {
    text-align: left;
    white-space: nowrap;
  }
  #header .brand {
    padding: 0 20px;
    position: static;
  }
  #header .brand img {
    max-width: 250px;
  }
  #header .togglenav,
  #header .toggletopbar {
    position: static;
    display: none;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1024px) {		  
  #header .brand {
    width: 150px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  body.menuopen #header {
    overflow: auto;
    bottom: 0;
  }
  body.menuopen #header .togglenav {
    background-color: #cdcdcd;
  }
  body.menuopen #header .togglenav .toggle {
    color: #fff;
  }
}
/************************/
/*			HEADROOM			*/
/************************/
header.headroom {
  will-change: transform;
  transition: transform 200ms linear;
  -webkit-transition: transform 200ms linear;
  -moz-transition: transform 200ms linear;
}
header.headroom.headroom--pinned {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
}
header.headroom.headroom--pinned.headroom--not-top .header-container {
  -webkit-box-shadow: 0 1px 0 #cdcdcd;
  -moz-box-shadow: 0 1px 0 #cdcdcd;
  box-shadow: 0 1px 0 #cdcdcd;
}
header.headroom.headroom--unpinned {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
}
header.headroom .header-container {
  margin: 0 auto;
  min-width: 320px;
  height: 80px;
}
@media only screen and (min-width: 768px) {
  header.headroom .header-container {
    max-width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  header.headroom .header-container {
    max-width: 1024px;
  }
}
@media only screen and (min-width: 1280px) {
  header.headroom .header-container {
    max-width: 1280px;
  }
}
/*@media only screen and (min-width: 1600px) {
  header.headroom .header-container {
    max-width: 1600px;
  }
}*/
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  header.headroom .header-container {
    height: 126px;
  }
}
@media only screen and (min-width: 1024px) {
  header.headroom .header-container {
    height: 116px;
  }
}
/* aggiusto il margin-top del content */
#content {
  margin-top: 80px;
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  #content {
    margin-top: 126px;
  }
}
@media only screen and (min-width: 1024px) {
  #content {
    margin-top: 116px;
  }
  #main.modificadati #content {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  body.menuopen #header.headroom.headroom--unpinned {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
  }
}
/************************/
/*			MENU				*/
/************************/
#header {
  /*only mobilemenu*/
  /*only desktopmenu*/
}
#header nav.topmenu {
  display: inline-block;
  vertical-align: middle;
}
#header nav.topmenu .mainmenu > li:first-child {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#header nav.topmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
#header nav.topmenu ul li {
  display: inline-block;
  font-size: 25px;
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
#header nav.topmenu ul li a {
  position: relative;
  display: block;
  color: #939393;
  height: 80px;
  padding: 20px 0;
  overflow: hidden;
}
#header nav.topmenu ul li a:link,
#header nav.topmenu ul li a:visited {
  color: #939393;
}
#header nav.topmenu ul li a:active,
#header nav.topmenu ul li a:hover {
  color: #acacac;
}
#header nav.topmenu ul li a > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 40px;
}
@media only screen and (max-width: 1023px) {
  #header nav.topmenu {
    display: none;
    background-color: #cdcdcd;
    text-align: left;
    position: absolute;
    top: 80px;
    width: 100%;
  }
  #header nav.topmenu ul li {
    width: 100%;
    padding: 0;
  }
  #header nav.topmenu ul li a {
    display: block;
    color: #fff;
    background-color: #cdcdcd;
  }
  /*#header nav.topmenu ul.mainmenu > li:first-child{
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size: 18px;
  }*/
  #header nav.topmenu ul li a:link,
  #header nav.topmenu ul li a:visited {
    color: #fff;
    background-color: #cdcdcd;
  }
  #header nav.topmenu ul li a:active,
  #header nav.topmenu ul li a:hover {
    color: #fff;
    background-color: #dddddd;
  }
  #header nav.topmenu ul li a span {
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
  #header nav.topmenu .haschild {
    position: relative;
  }
  #header nav.topmenu .haschild .icon-arrowthin {
    color: #fff;
    position: absolute;
    top: 32%;
    right: 10px;
    font-size: 26px;
  }
  #header nav.topmenu .haschild.open a {
    color: #cdcdcd;
    background-color: #fff;
  }
  #header nav.topmenu .haschild.open a:link,
  #header nav.topmenu .haschild.open a:visited {
    color: #cdcdcd;
    background-color: #fff;
  }
  #header nav.topmenu .haschild.open a:active,
  #header nav.topmenu .haschild.open a:hover {
    color: #cdcdcd;
    background-color: #fff;
  }
  #header nav.topmenu .haschild.open > a {
    padding-bottom: 0;
  }
  #header nav.topmenu .haschild.open > a span {
    font-family: "RoobertBold";
    display: block;
    border-bottom: 2px solid #cdcdcd;
    padding-bottom: 13px;
  }
  #header nav.topmenu .haschild.open .icon-arrowthin {
    color: #cdcdcd;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  #header nav.topmenu .haschild .icon-arrowthin,
  #header nav.topmenu .haschild.open .icon-arrowthin {
    -webkit-transition: color 0.5s, transform 0.5s;
    -moz-transition: color 0.5s, transform 0.5s;
    -ms-transition: color 0.5s, transform 0.5s;
    -o-transition: color 0.5s, transform 0.5s;
  }
  #header nav.topmenu .submenu {
    display: none;
  }
  #header nav.topmenu .submenu li {
    /*background-color: #fff;*/
  }
  #header nav.topmenu .submenu li a,
  #header nav.topmenu .submenu li a:link,
  #header nav.topmenu .submenu li a:visited,
  #header nav.topmenu .submenu li a:active,
  #header nav.topmenu .submenu li a:hover {
    background-color: #fff;
    color: #cdcdcd;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  #header nav.topmenu {
    top: 126px;
  }
  /*#header nav.topmenu ul.mainmenu > li:first-child .icon-house {
    color: #0152E8;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size: 18px;
  }*/
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #header nav.topmenu {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  #header nav.topmenu {
    display: inline-block !important;
	height: 80px !important;
  }
  #header nav.topmenu ul .haschild .icon-arrowthin {
    display: none;
  }
  #header nav.topmenu ul.mainmenu:before {
    left: 0;
  }
  #header nav.topmenu ul.mainmenu:after {
    right: 0;
  }
  #header nav.topmenu ul.mainmenu > li:first-child {
    font-size: 16px;
  }
  #header nav.topmenu ul.mainmenu > li:first-child > a > span {
    border-left: 1px solid #939393;
    border-right: 1px solid #939393;
  }
  #header nav.topmenu ul.mainmenu > li:first-child .icon-house {
    color: #0152E8;
    font-size: 26px;
  }
  #header nav.topmenu ul.mainmenu > li:first-child a {
    color: #666;
  }
  #header nav.topmenu ul.mainmenu > li:first-child a:link,
  #header nav.topmenu ul.mainmenu > li:first-child a:visited {
    color: #666;
  }
  #header nav.topmenu ul.mainmenu > li:first-child a:active,
  #header nav.topmenu ul.mainmenu > li:first-child a:hover {
    color: #666;
  }
  #header nav.topmenu ul li {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    /* submenu begin */
    /* submenu end */
  }
  #header nav.topmenu ul li.haschild {
    /* TRANSITIONS */
  }
  #header nav.topmenu ul li.haschild > a:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    border: 18px solid transparent;
    z-index: 2;
  }
  #header nav.topmenu ul li.haschild.active.open > a:after,
  #header nav.topmenu ul li.haschild.open:hover > a:after {
    border-bottom-color: #0555fa;
  }
  #header nav.topmenu ul li.haschild:hover {
    /*a:after{z-index:2;}*/
  }
  #header nav.topmenu ul li.haschild:hover > a:after {
    z-index: 4;
  }
  #header nav.topmenu ul li.haschild:hover .submenu {
    z-index: 3;
    border-top-color: #fff;
  }
  #header nav.topmenu ul li.haschild .submenu {
    display: none;
    position: absolute;
    top: 98px;
    left: 0;
    right: 0;
    border-top: 18px solid transparent;
  }
  
  #header nav.topmenu ul li.haschild .submenu .submenu-container {
    margin: 0 auto;
    min-width: 320px;
    height: 0;
    overflow: hidden;
    background-color: #0555fa;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul {
    text-align: center;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li a {
    color: #fff;
    background-color: #0555fa;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li a:link,
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li a:visited {
    color: #fff;
    background-color: #0555fa;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li a:active,
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li a:hover {
    color: #fff;
    background-color: #044cdf;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li.active a {
    background-color: #044cdf;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li.active a:link,
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li.active a:visited {
    background-color: #044cdf;
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li.active a:active,
  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li.active a:hover {
    background-color: #044cdf;
  }
  #header nav.topmenu ul li.haschild.active.open .submenu .submenu-container,
  #header nav.topmenu ul li.haschild:hover .submenu .submenu-container {
    height: 60px;
  }
  #header nav.topmenu ul li.haschild > a:after {
    /*-webkit-transition: border-color 0.15s 0.1s;
    -moz-transition: border-color 0.15s 0.1s;
    -ms-transition: border-color 0.15s 0.1s;
    -o-transition: border-color 0.15s 0.1s;*/
  }
  #header nav.topmenu ul li.haschild .submenu .submenu-container {
    -webkit-transition: height 0.15s 0.1s;
    -moz-transition: height 0.15s 0.1s;
    -ms-transition: height 0.15s 0.1s;
    -o-transition: height 0.15s 0.1s;
  }
  #header nav.topmenu ul li.haschild.active > a:after,
  #header nav.topmenu ul li.haschild:hover > a:after,
  #header nav.topmenu ul li.haschild.active > a:hover:after,
  #header nav.topmenu ul li.haschild:hover > a:hover:after {
    /*-webkit-transition: border-color 0.15s;
    -moz-transition: border-color 0.15s;
    -ms-transition: border-color 0.15s;
    -o-transition: border-color 0.15s;*/
  }
  #header nav.topmenu ul li.haschild.active .submenu .submenu-container,
  #header nav.topmenu ul li.haschild:hover .submenu .submenu-container {
    -webkit-transition: height 0.15s;
    -moz-transition: height 0.15s;
    -ms-transition: height 0.15s;
    -o-transition: height 0.15s;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 768px) {
  #header nav.topmenu ul li.haschild .submenu .submenu-container {
    max-width: 768px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1024px) {
  #header nav.topmenu ul li.haschild .submenu .submenu-container {
    max-width: 1024px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1280px) {
  #header nav.topmenu ul li.haschild .submenu .submenu-container {
    max-width: 1280px;
  }
}
@media only screen and (min-width: 1024px) and only screen and (min-width: 1600px) {
  #header nav.topmenu ul li.haschild .submenu .submenu-container {
    max-width: 1600px;
  }
}
@media only screen and (min-width: 1025px) {
  #header nav.topmenu ul li.haschild:hover > a:after {
    border-bottom-color: #0555fa;
  }
  #header nav.topmenu ul li.haschild:hover .submenu {
    display: block;
  }
}
@media only screen and (min-width: 1600px) {
  #header nav.topmenu {
    padding-left: 80px;
  }
  #header nav.topmenu ul {
    padding-right: 25px;
  }
  #header nav.topmenu ul li a {
    padding: 20px 10px;
  }
}
/************************/
/*			MESSAGES			*/
/************************/
#header .messages {
  display: inline-block;
  vertical-align: middle;
  padding-right: 160px;
}
#header .messages .toggle {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  position: relative;
  color: #fff;
  width: 40px;
  height: 80px;
  padding: 18px 0;
  margin: 0 0px 0 30px;
  overflow: visible;
}
#header .messages .toggle .icon {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  line-height: 38px;
  background-color: #ff1065;
  font-size: 25px;
}
#header .messages .toggle:hover .icon {
  background-color: #ff4386;
}
#header .messages .toggle .amount {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #044cdf;
  position: absolute;
  font-size: 15px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  top: 50%;
  left: -22px;
  right: auto;
  margin-top: -22px;
}
#header .messages .toggle:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
}
#header .messages.open .toggle:after {
  border-bottom-color: #f7f7f7;
}
#header .messages .toggle:after,
#header .messages.open .toggle:after {
  -webkit-transition: border-bottom-color 0.5s;
  -moz-transition: border-bottom-color 0.5s;
  -ms-transition: border-bottom-color 0.5s;
  -o-transition: border-bottom-color 0.5s;
}
#header .messages .messages-box {
  display: none;
  position: absolute;
  top: 80px;
  right: 0;
  width: 640px;
  max-width: 100%;
  text-align: left;
  background-color: #f7f7f7;
}
#header .messages .messages-box .items .item {
  border-top: 1px solid #fff;
}
#header .messages .messages-box .items .item:first-child {
  border-top: 0 none;
}
#header .messages .messages-box .items .item a {
  display: block;
  padding: 15px;
}
#header .messages .messages-box .items .item a:link,
#header .messages .messages-box .items .item a:visited {
  background-color: #f7f7f7;
}
#header .messages .messages-box .items .item a:active,
#header .messages .messages-box .items .item a:hover {
  background-color: #d8eefb;
}
#header .messages .messages-box .items .item .title {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: block;
  color: #ff1065;
  padding-top: 0;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
}
#header .messages .messages-box .items .item .title .icon {
  float: right;
  font-size: 12px;
  line-height: 24px;
}
#header .messages .messages-box .items .item .text {
  display: block;
  font-size: 14px;
  color: #666;
}
#header .messages .messages-box .items .item.active a {
  background-color: #0555fa;
}
#header .messages .messages-box .items .item.active a .title,
#header .messages .messages-box .items .item.active a .text {
  color: #fff;
}
#header .messages .messages-box .items .item.active a:link,
#header .messages .messages-box .items .item.active a:visited {
  background-color: #0555fa;
}
#header .messages .messages-box .items .item.active a:link .title,
#header .messages .messages-box .items .item.active a:visited .title,
#header .messages .messages-box .items .item.active a:link .text,
#header .messages .messages-box .items .item.active a:visited .text {
  color: #fff;
}
#header .messages .messages-box .items .item.active a:active,
#header .messages .messages-box .items .item.active a:hover {
  background-color: #0555fa;
}
#header .messages .messages-box .items .item.active a:active .title,
#header .messages .messages-box .items .item.active a:hover .title,
#header .messages .messages-box .items .item.active a:active .text,
#header .messages .messages-box .items .item.active a:hover .text {
  color: #fff;
}
@media only screen and (min-width: 380px) {
  #header .messages .toggle:before {
    content: '';
    width: 1px;
    height: 60px;
    background-color: #939393;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: -10px;
  }
}
@media only screen and (min-width: 640px) {
  #header .messages {
    padding-right: 240px;
  }
  #header .messages .toggle {
    width: 60px;
    height: 126px;
    margin: 0 15px 0 45px;
  }
  #header .messages .toggle:before {
    right: -15px;
  }
  #header .messages .toggle .icon {
    width: 60px;
    height: 60px;
    line-height: 56px;
    font-size: 35px;
  }
  #header .messages .toggle .amount {
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    top: 50%;
    left: -30px;
    right: auto;
    margin-top: -35px;
  }
  #header .messages .messages-box {
    top: 126px;
  }
}
@media only screen and (min-width: 1024px) {
  #header .messages {
    position: static;
    padding-right: 0;
    padding-left: 10px;
  }
  #header .messages .toggle {
    width: 44px;
    height: 80px;
    padding: 16px 0;
    margin: 0;
    position: absolute;
    top: 36px;
    right: 30px;
    overflow: visible;
  }
  #header .messages .toggle:before {
    height: 40px;
    margin-top: -20px;
    right: auto;
    left: -20px;
  }
  #header .messages .toggle .icon {
    width: 44px;
    height: 44px;
    line-height: 42px;
    font-size: 25px;
  }
  #header .messages .toggle .amount {
    font-size: 14px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    top: 50%;
    left: auto;
    right: -7px;
    bottom: auto;
    margin-top: -30px;
  }
  #header .messages .messages-box {
    top: 116px;
    width: auto;
  }
}
@media only screen and (min-width: 1600px) {
  #header .messages {
    padding-left: 40px;
  }
}
/************************/
/*			SERVICES			*/
/************************/
.services {
  padding: 30px 0;
  text-align: center;
  margin-left: -88px;
}
.services .service {
  display: inline-block;
  vertical-align: middle;
}
.services .service a {
  display: block;
}
.services .service a:link,
.services .service a:visited {
  color: #fff;
}
.services .service a:active,
.services .service a:hover {
  color: #fff;
}
.services .service a span {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size: 13px;
  display: block;
  text-align: center;
  vertical-align: middle;
  padding-top:20px;
}
.services .service a img {
  display: block;
  max-width: 100%;
  width: 60px;
}
.services .service.current {
  padding-left: 20px;
  cursor: default;
}
.services .service.current img {
  display: block;
  max-width: 100%;
  width: 100px;
}
.services.single {
  padding: 0;
}
.services.single .service {
  padding-bottom: 20px;
}
.services.single .service img {
  display: inline-block;
  vertical-align: middle;
}
.services.single .service span {
  display: inline-block;
  vertical-align: middle;
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 50px;
}

@media only screen and (max-width: 639px) {
  .services {
    /*margin-left: -40px;*/
  }
  .services .service a img {
    width: 60px;
    padding-top: 18px;
  }
}

@media only screen and (max-width: 1023px) {

	.services {
		width: 100%;
		margin: auto;
	}

    .services .service ~ .service.current,
	.services .service.current ~ .service {
		margin-right: 88px;
	}
}

@media only screen and (min-width: 1024px) {
  .services {
    margin: 0;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -500px;
  }
  .services.inpage {
    top: 150px;
  }
  .services .service:first-child {
    position: relative;
    top: -60px;
    right: -15px;
  }
  .services.single {
    position: static;
    margin: 0;
  }
  .services.single .service {
    position: static;
  }
}
@media only screen and (min-width: 1280px) {
  .services {
    top: 0;
    margin-left: -600px;
  }
  .bolletteepagamenti .services {
  	margin-left: -650px;
  }
  .services .service a img,
  .services .service.current a img {
    width: auto;
  }
}
/************************/
/*			TOPCONTENT		*/
/************************/
#topcontent {
  color: #fff;
  text-align: center;
  min-height: 200px;
}
#topcontent .top-section {
  position: relative;
  padding: 0;
}
#main.primoaccesso #topcontent .top-section {
  /*padding: 182px 0 72px;*/
  padding: 72px 0 72px;
}
#main.attivita #topcontent .top-section,
#main.survey #topcontent .top-section {
  padding: 72px 0;
}
#topcontent .maintitle {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 80pt;
  padding: 10px;
  line-height: 1em;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
#topcontent .mainbutton {
  text-align: center;
  padding: 0 0 30px;
  font-size: 16px;
}
@media only screen and (max-width: 1023px) {
  #topcontent .maintitle {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 35px;
  line-height: 1em;
  }

  #main.bollette #topcontent .top-section, #main.fornitura #topcontent .top-section {
      padding-bottom: 20px;
  }
  #main.bollette #topcontent .mainbutton, #main.fornitura #topcontent .mainbutton {
      padding-top: 0px;
  }
}
@media only screen and (min-width: 640px) {
  #topcontent .maintitle {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  #topcontent .top-section {
		padding: 140px 0 0;
	}
  #topcontent .maintitle {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  #topcontent .maintitle {
    font-size: 70px;
  }
}
/************************/
/*			CRUSCOTTO		*/
/************************/
#cruscotto {
  padding-top:90pt;
  color: #222222;
  margin: 0 auto;
  max-width: calc(100% - 40px);
}
#cruscotto .cruscotto-nav {
  width: 100%;
  text-align: center;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-color: #fff;
}
#cruscotto .cruscotto-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
#cruscotto .cruscotto-nav ul li {
  font-size: 14px;
  display: inline-block;
}
#cruscotto .cruscotto-nav ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 20px 10px 15px;
  background-color: #fff;
  border-bottom: 5px solid #fff;
}
#cruscotto .cruscotto-nav ul li a .amount {
  padding-left: 3px;
  color: #ff5a10;
}
#cruscotto .cruscotto-nav ul li.slick-current a {
  border-bottom: 5px solid #ff5a10;
}
#cruscotto .schede {
  font-size: 0;
  text-align: center;
}
#cruscotto .schede .scheda {
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 360px) {
  #cruscotto .cruscotto-nav ul li a {
    padding: 20px 17px 15px;
  }
}
@media only screen and (min-width: 1024px) {
  #cruscotto {
    width: 1000px;
    max-width: none;
    margin-bottom: 80px;
  }
  #cruscotto .cruscotto-nav {
    display: none;
  }
  #cruscotto .schede {
    position: relative;
    padding-top: 10px;
    /*scheda fornitura*/
    /*scheda bacheca*/
    /*scheda info fornitura*/
  }
  #cruscotto .schede:before,
  #cruscotto .schede:after {
    content: " ";
    display: table;
  }
  #cruscotto .schede:after {
    clear: both;
  }
  #cruscotto .schede .fornitura {
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 360px;
    margin-left: -180px;
  }
  #cruscotto .schede .bacheca {
    float: right;
    width: 320px;
  }
  #cruscotto .schede .infofornitura {
    float: left;
    width: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  #cruscotto {
    width: 1256px;
  }
  #cruscotto .schede {
    /*scheda fornitura*/
    /*scheda bacheca*/
    /*scheda info fornitura*/
  }
  #cruscotto .schede .fornitura {
    width: 456px;
    margin-left: -228px;
  }
  #cruscotto .schede .bacheca {
    width: 400px;
  }
  #cruscotto .schede .infofornitura {
    width: 400px;
  }
}
/************************/
/*		CRUSCOTTO_SCHEDE	*/
/************************/
#cruscotto {
  /*scheda fornitura*/
  /*scheda bacheca*/
  /*scheda info fornitura*/
  /*mediaqueries*/
}
#cruscotto .scheda .scheda-inner {
  position: relative;
  background-color: #fff;
  border: 1px solid #dddddd;
  min-height: 503px;
}
#cruscotto .scheda .details {
  padding: 0 20px;
}
#cruscotto .scheda .details dl {
  margin: 0;
  padding: 0;
}
#cruscotto .scheda .details dl dt,
#cruscotto .scheda .details dl dd {
  display: block;
  margin: 0;
}
#cruscotto .scheda .details dl dt {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  padding-top: 20px;
  border-top: 1px solid #f7f7f7;
}
#cruscotto .scheda .details dl dt:first-child {
  border-top: 0 none;
}
#cruscotto .scheda .details dl dd {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 30px;
  padding-bottom: 20px;
}
#cruscotto .scheda .details .activate {
  float: right;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #ff1065;
  padding-top: 15px;
}
#cruscotto .scheda .details i.info {
  margin-left: 10px;
}
#cruscotto .scheda .buttons a {
  margin-bottom: 10px;
  display: block;
  width: 240px;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}
#cruscotto .fornitura .title {
  font-size: 40px;
  padding: 11px 0;
}
#cruscotto .fornitura .status {
  font-size: 24px;
  padding-bottom: 10px;
}
#cruscotto .fornitura .details {
  padding-top: 8px;
  padding-bottom: 7px;
  margin-bottom: 100px;
}
#cruscotto .fornitura .details dl dt {
  padding-top: 15px;
}
#cruscotto .fornitura .details dl dd {
  padding-bottom: 15px;
}
#cruscotto .fornitura .buttons {
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
#cruscotto .bacheca .title {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size: 30px;
  text-align: left;
  padding: 40px 20px 33px;
}
#cruscotto .bacheca .messages-wrapper {
  display: none;
  position: absolute;
  top: 80px;
  right: 0;
  width: 640px;
  max-width: 100%;
  text-align: left;
  background-color: #f7f7f7;
  width: auto;
  display: block;
  position: static;
}
#cruscotto .bacheca .messages-wrapper .items .item {
  border-top: 1px solid #fff;
}
#cruscotto .bacheca .messages-wrapper .items .item:first-child {
  border-top: 0 none;
}
#cruscotto .bacheca .messages-wrapper .items .item a {
  display: block;
  padding: 0 12px;
  border: none;
}
#cruscotto .bacheca .messages-wrapper .items .item a:link,
#cruscotto .bacheca .messages-wrapper .items .item a:visited {
  background-color: #f7f7f7;
}
#cruscotto .bacheca .messages-wrapper .items .item a:active,
#cruscotto .bacheca .messages-wrapper .items .item a:hover {
  background-color: #d8eefb;
}
#cruscotto .bacheca .messages-wrapper .items .item .title {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  display: block;
  color: #ff1065;
  padding-top: 0;
  padding-left: 0;
  font-size: 25px;
}
#cruscotto .bacheca .messages-wrapper .items .item .title .icon {
  float: right;
  font-size: 12px;
}
#cruscotto .bacheca .messages-wrapper .items .item .text {
  display: block;
  font-size: 16px;
  color: #666;
}
#cruscotto .bacheca .messages-wrapper .items .item.active a {
  background-color: #0555fa;
}
#cruscotto .bacheca .messages-wrapper .items .item.active a .title,
#cruscotto .bacheca .messages-wrapper .items .item.active a .text {
  color: #fff;
}
#cruscotto .bacheca .messages-wrapper .items .item.active a:link,
#cruscotto .bacheca .messages-wrapper .items .item.active a:visited {
  background-color: #0555fa;
}
#cruscotto .bacheca .messages-wrapper .items .item.active a:link .title,
#cruscotto .bacheca .messages-wrapper .items .item.active a:visited .title,
#cruscotto .bacheca .messages-wrapper .items .item.active a:link .text,
#cruscotto .bacheca .messages-wrapper .items .item.active a:visited .text {
  color: #fff;
}
#cruscotto .bacheca .messages-wrapper .items .item.active a:active,
#cruscotto .bacheca .messages-wrapper .items .item.active a:hover {
  background-color: #0555fa;
}
#cruscotto .bacheca .messages-wrapper .items .item.active a:active .title,
#cruscotto .bacheca .messages-wrapper .items .item.active a:hover .title,
#cruscotto .bacheca .messages-wrapper .items .item.active a:active .text,
#cruscotto .bacheca .messages-wrapper .items .item.active a:hover .text {
  color: #fff;
}
#cruscotto .bacheca .items .item .inner {
  padding: 10px 0;
}
#cruscotto .bacheca .items .item .inner button {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  background: none;
  border: 0 none;
  padding: 0;
  text-align: left;
}
#cruscotto .bacheca .items .item .inner button .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 46px;
  width: 76px;
  text-align: center;
  max-height: 46px;
  overflow: hidden;
  max-width: 76px;
  
}
#cruscotto .bacheca .items .item .inner button .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  padding: 0;
  max-width: 60%;
}
#cruscotto .bacheca .items .item .inner button .icon.icon-arrow {
  position: absolute;
  top: 14px;
  right: 10px;
  display: block;
  width: auto;
  color: #ff1065;
  font-size: 10px;
}
#cruscotto .bacheca .items .item .inner .text {
  display: none;
}
#cruscotto .bacheca .items .item .inner .text p {
  padding: 0 10px 0 84px;
}
#cruscotto .bacheca .items .item .inner .continue {
  margin-left: 70px;
  color: #ff1065;
}
#cruscotto .bacheca .items .item .inner .continue,
#cruscotto .bacheca .items .item .inner .continue:link,
#cruscotto .bacheca .items .item .inner .continue:visited,
#cruscotto .bacheca .items .item .inner .continue:active,
#cruscotto .bacheca .items .item .inner .continue:hover {
  background-color: transparent;
}
#cruscotto .bacheca .items .item .inner.open {
  background-color: #fff;
}
#cruscotto .bacheca .items .item .inner.open button .icon.icon-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#cruscotto .bacheca .items .item .inner button .icon.icon-arrow,
#cruscotto .bacheca .items .item .inner.open button .icon.icon-arrow {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
#cruscotto .infofornitura .scheda-inner {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
#cruscotto .infofornitura .scheda-inner .details {
  text-align: left;
}
#cruscotto .infofornitura .scheda-inner .details dl dt {
  border-top: 1px solid #939393;
}
#cruscotto .infofornitura .scheda-inner .details dl dt:first-child {
  border-top: 0 none;
}
#cruscotto .bacheca a.innerlink,
#cruscotto .bacheca a.innerlink:active {
  background-color: transparent !important;
  padding: 0 !important;
  color: #ff1065;
  display: inline !important;
}
#cruscotto .bacheca a.innerlink:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1023px) {
  #cruscotto {
    padding-top: 60px;
  }

  #cruscotto .scheda.bacheca .title {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 20px 16px;
  }
  #cruscotto .scheda.fornitura .scheda-inner .details {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 17pt;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }

  #cruscotto .bacheca .items .item .inner button .title {
    font-size: 17px;
  }

  #cruscotto .scheda .scheda-inner {
      min-height: 552px;
  }

  #cruscotto .scheda .details .activate {
    padding-top: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  #cruscotto .scheda.fornitura .scheda-inner {
    min-height: 489px;
    padding-bottom: 20px;
  }
  #cruscotto .scheda.fornitura .scheda-inner .title {
    font-size: 50px;
  }
  #cruscotto .scheda.fornitura .scheda-inner .details {
  	font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  #cruscotto .scheda.fornitura .scheda-inner .buttons {
    height: 50px;
  }
  #cruscotto .scheda.bacheca .scheda-inner {
    min-height: 453px;
    height: 453px;
  }
  #cruscotto .scheda.bacheca .title {
    font-size: 30px;
    padding: 20px 20px 16px;
  }
  #cruscotto .scheda.bacheca .items .item .inner button .icon {
    font-size: 36px;
    max-height: 36px;
  }
  #cruscotto .scheda.bacheca .items .item .inner button .icon.icon-arrow {
    font-size: 10px;
  }
  #cruscotto .scheda.infofornitura .scheda-inner {
    min-height: 453px;
    height: 453px;
  }
  #cruscotto .scheda.infofornitura .scheda-inner .details {
    padding-top: 0;
    padding-bottom: 0;
  }
  #cruscotto .scheda.infofornitura .scheda-inner .details dt {
    padding-top: 15px;
  }
  #cruscotto .scheda.infofornitura .scheda-inner .details dd {
    padding-bottom: 15px;
  }
  #cruscotto .scheda .buttons a {
    display: inline-block;
    width: auto;
    max-width: 48%;
    font-size: 12px;
  }
}
/************************/
/*			SURVEY			*/
/************************/
.home .survey,
.homeprospect .survey {
  position: absolute;
  z-index: 1;
  top: 250px;
  right: 50%;
  margin-right: -50%;
}
.home .survey .wrapper,
.homeprospect .survey .wrapper {
  color: #fff;
  /*background-color: #044cdf;*/
  overflow: hidden;
  /*width: 80px;*/
  height: 80px;
  white-space: nowrap;
}
.home .survey .wrapper:before,
.home .survey .wrapper:after,
.homeprospect .survey .wrapper:before,
.homeprospect .survey .wrapper:after  {
  content: " ";
  display: table;
}
.home .survey .wrapper:after,
.homeprospect .survey .wrapper:after {
  clear: both;
}
.home .survey .toggle,
.homeprospect .survey .toggle {
  cursor: pointer;
  background: none;
  border: 0 none;
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align: center;
  vertical-align: top;
}
.home .survey .toggle .icon,
.homeprospect .survey .toggle .icon {
  vertical-align: middle;
  font-size: 60px;
  color: #fff;
}
.home .survey .toggle:hover .icon,
.homeprospect .survey .toggle:hover .icon {
  color: none;
}
.home .survey .survey-box,
.homeprospect .survey .survey-box {
  display: inline-block;
  /*width: 240px;*/
  width: 252px; /* Defect #446 */
  position: relative;
  vertical-align: top;
}
.home .survey .survey-box:active,
.home .survey .survey-box:hover,
.homeprospect .survey .survey-box:active,
.homeprospect .survey .survey-box:hover {
  text-decoration: none;
  color: #b2e3f5;
}
.home .survey .survey-box .title,
.homeprospect .survey .survey-box .title {
  display: block;
  font-size: 24px;
  padding: 10px 0;
}
.home .survey .survey-box .continue,
.homeprospect .survey .survey-box .continue {
  display: block;
  font-size: 12px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.home .survey .survey-box .icon,
.homeprospect .survey .survey-box .icon {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 10px;
}
.home .survey.open .wrapper,
.homeprospect .survey.open .wrapper {
	/*width: 320px;*/
  	width: 340px; /* Defect #446 */
}
.home .survey .wrapper,
.home .survey.open .wrapper,
.homeprospect .survey .wrapper,
.homeprospect .survey.open .wrapper {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
}
@media only screen and (min-width: 768px) {
  	.survey {
    	margin-right: -384px;
  	}
}
@media only screen and (min-width: 1024px) {
  	.survey {
    	margin-right: -512px;
  	}
}
@media only screen and (min-width: 1280px) {
  	.survey {
    	margin-right: -640px;
  	}
}
@media only screen and (min-width: 1600px) {
  	.survey {
    	margin-right: -800px;
  	}
}
/************************/
/*			CHAT			*/
/************************/
.chat {
  position: fixed;
  z-index: 1;
  right: 0;
  left: 0;
  bottom: 0;
  /*
  -webkit-box-shadow: 0 0 3px #666666;
  -moz-box-shadow: 0 0 3px #666666;
  box-shadow: 0 0 3px #666666;*/
}
.chat .head {
  width: 100%;
  background-color: #d3135a;
  text-align: left;
  height: 50px;
  float: left;
}
.chat .head .toggle {
  display: block;
  cursor: pointer;
  background: none;
  border: 0 none;
  padding: 10px 15px 0;
  color: #fff;
  font-family: "RoobertBold";
  font-size: 12px;
  height: 50px;
}
.chat .head .toggle:before,
.chat .head .toggle:after {
  content: " ";
  display: table;
}
.chat .head .toggle:after {
  clear: both;
}
.chat .head .toggle .text {
  float: left;
  font-size: 12px;
  max-width: 70%;
}
.chat .head .toggle .text.valign .title {
  line-height: 30px;
}
.chat .head .toggle .text .title {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  display: block;
}
.chat .head .toggle .text .subtitle {
  display: block;
}
.chat .head .toggle .icon {
  font-size: 26px;
  float: right;
  vertical-align: middle;
}
.chat .chat-box {
  width: 100%;
  display: none;
  background-color: #fff;
}
.chat .chat-box .content {
  padding: 10px 15px;
}
.chat .chat-box .content .chat-action {
  display: block;
  padding-bottom: 10px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.chat .chat-box .content .chat-action.continue:active,
.chat .chat-box .content .chat-action.continue:hover {
  color: #FFFFFF;
}
.chat .chat-box .content .text {
  font-size: 12px;
}
.chat .chat-box .content .text.big {
  font-size: 16px;
  margin-top: -10px;
}
.chat .chat-box .content .text.extrabig {
  font-size: 24px;
  padding-bottom: 50px;
}
.chat .chat-box .content .text p {
  margin: 0;
}
.chat .chat-box .content .imagebox {
  padding: 30px 0;
}
.chat .chat-box .content form {
  padding: 15px 0 10px;
}
.chat .chat-box .content .input-box input[type="text"] {
  margin: 0;
  padding: 0 10px;
  border: 1px solid #dddddd;
  color: #939393;
  line-height: 40px;
  width: 250px;
  vertical-align: middle;
  font-size: 16px;
}
.chat .chat-box .content .input-box button {
  cursor: pointer;
  border: 0 none;
  background: none;
  color: #fff;
}
.chat .chat-box .content .input-box button:hover {
  color: #222222;
}
.chat .chat-box .content .top {
  padding-bottom: 10px;
}
.chat .chat-box .content .top .title {
  display: block;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.chat .chat-box .content .top .subtitle {
  display: block;
}
.chat .chat-box .content .scrollable {
  padding: 10px 0 20px;
  max-height: 300px;
}
.chat .chat-box .content .item {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.chat .chat-box .content .item:first-child {
  border-top: 1px solid #dddddd;
}
.chat .chat-box .content .item button {
  font-size: 16px;
  cursor: pointer;
  display: block;
  width: 100%;
  border: 0 none;
  background: #fff;
  padding: 10px 20px;
  text-align: left;
}
.chat .chat-box .content .item button:before,
.chat .chat-box .content .item button:after {
  content: " ";
  display: table;
}
.chat .chat-box .content .item button:after {
  clear: both;
}
.chat .chat-box .content .item button .icon {
  float: right;
  padding-top: 2px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.chat .chat-box .content .item .radios {
  display: none;
}
.chat .chat-box .content .item .radios .text {
  font-size: 16px;
}
.chat .chat-box .content .item .radio {
  padding: 10px 20px;
  margin: 0;
}
.chat .chat-box .content .item .inner.open button .title {
  color: #939393;
}
.chat .chat-box .content .item .inner.open button .icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.chat .chat-box .content .item .inner button .icon,
.chat .chat-box .content .item .inner.open button .icon {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.chat .chat-box .content .loader {
  text-align: center;
}
.chat .chat-box .content .loader img {
  width: 60px;
  display: inline-block;
}
.chat .chat-box .content .post {
  font-size: 10px;
  color: #939393;
  text-align: center;
  padding-bottom: 10px;
}
.chat .chat-box .content .buttons button {
  max-width: 100%;
}
.chat.open .toggle .icon:before {
  content: "\e90a";
}
.chat.open .chat-box {
  display: block;
}

#chat_container_desktop {
	z-index: 20;
}

#chat_container_desktop.areapubblica {
	z-index: 100;
}

@media only screen and (min-width: 1024px) {
  .chat {
    right: 5%;
    left: auto;
    width: 400px;
  }
}

/* LIVECHAT */
.chat .livechat .message {
  max-width: 80%;
  margin-bottom: 10px;
}
.chat .livechat .message .name {
  font-size: 12px;
  color: #939393;
  padding-bottom: 3px;
}
.chat .livechat .message .msg {
  background-color: #fff;
  border: 1px solid #dddddd;
  padding: 5px 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.chat .livechat .message.agent .msg {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.chat .livechat .message.mittente {
  float: right;
  clear: both;
}
.chat .livechat .message.mittente .name {
  text-align: right;
}
.chat .livechat .message.mittente .msg {
  color: #fff;
  background-color: #55bd5a;
  border-color: #55bd5a;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.chat .chat-input {
  text-align: center;
}
.chat .chat-input input[type="text"] {
  margin: 0;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  color: #939393;
  line-height: 40px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
}
/* votes */
.chat .votes {
  text-align: center;
}
.chat .votes .vote {
  padding: 0 0 10px;
}
.chat .votes .vote .name {
  font-size: 15px;
  padding: 5px 0;
}
.chat .votes .vote .radios {
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
}
.chat .votes .vote .radios .radio {
  display: inline-block;
  padding: 10px;
}
.chat .votes .vote .smile {
  display: inline-block;
  vertical-align: middle;
}
.chat .votes .vote .smile .icon {
  font-size: 40px;
  color: #939393;
}
/************************/
/*			FOOTER			*/
/************************/
#footer {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #757575;
  background-color: #222222;
}
#footer .footer-container {
  margin: 0 auto;
  min-width: 320px;
  padding: 10px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  #footer .footer-container {
    max-width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  #footer .footer-container {
    max-width: 1024px;
  }
}
@media only screen and (min-width: 1280px) {
  #footer .footer-container {
    max-width: 1280px;
  }
}
@media only screen and (min-width: 1600px) {
  #footer .footer-container {
    max-width: 1600px;
  }
}
#footer .footer-container:before,
#footer .footer-container:after {
  content: " ";
  display: table;
}
#footer .footer-container:after {
  clear: both;
}
#footer .footer-container a {
  color: #0152E8;
}
#footer .footer-container a:link,
#footer .footer-container a:visited {
  color: #0152E8;
}
#footer .footer-container a:active,
#footer .footer-container a:hover {
  color: #0152E8;
}
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer ul li {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
#footer ul li a {
  display: block;
  vertical-align: middle;
}
#footer .social {
  vertical-align: middle;
  padding: 10px 0;
}
#footer .social .title {
  font-size: 16px;
  vertical-align: middle;
}
#footer .social ul {
  padding: 10px 0;
}
#footer .social a {
  width: 32px;
  height: 32px;
  border: 2px solid #0152E8;
  margin-right: 18px;
  text-align: center;
}
#footer .social a .icon {
  vertical-align: middle;
}
#footer .social a:active,
#footer .social a:hover {
  border-color: #b2e3f5;
  color: #b2e3f5;
}
#footer .info {
  font-size: 16px;
  vertical-align: middle;
  padding: 10px 0;
  border-top: 1px solid #757575;
  margin-top: 10px;
  line-height: 1.8em;
}
#footer .info p {
  margin: 0;
}
#footer .links {
  vertical-align: middle;
  padding: 0 0 10px;
}
#footer .links ul {
  font-size: 0;
}
#footer .links ul li {
  font-size: 16px;
  position: relative;
}
#footer .links ul li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: #757575;
}
#footer .links ul li:first-child:before {
  display: none;
}
#footer .links ul li a {
  padding: 0 5px;
}
#footer .links ul li a:active,
#footer .links ul li a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
  #footer .footer-container {
    padding: 20px;
    font-size: 0;
    text-align: left;
    vertical-align: middle;
    padding-bottom: 60px;
  }
  #footer .footer-container * {
    display: inline-block !important;
    vertical-align: middle !important;
  }
  #footer ul {
    display: inline-block;
    vertical-align: middle;
  }
  #footer .social {
    float: right;
    padding: 0;
  }
  #footer .social .title {
    padding-right: 10px;
  }
  #footer .social ul {
    padding: 0;
  }
  #footer .info {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 0 none;
    padding: 0 10px 0 0;
  }
  #footer .info p {
    display: inline-block;
  }
  #footer .links {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
  }
  #footer .links ul li a {
    padding: 0 8px;
  }
  #footer .links ul li:before {
    top: 4px;
  }
}
@media only screen and (min-width: 1280px) {
  #footer .links ul li:first-child:before {
    display: block;
  }
}
/************************/
/*			ARTICLE			*/
/************************/
article .pre {
  display: block;
  font-size: 36px;
}
article .pre.small {
  font-family:"Roobert", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight:bold;
  font-size: 12px;
  letter-spacing: 3px;
}
article .title {
  font-size: 40px;
  line-height: 50px;
  padding: 20px;
}
article .title.small {
  font-size: 30px;
  line-height: 35px;
}
article .title.medium {
  font-size: 30px;
  line-height: 40px;
}
article .text {
  font-size: 15px;
  line-height: 25px;
}
article .text p {
  margin: 0;
  padding-bottom: 20px;
}
article .continue {
  display: inline-block;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  padding: 0 20px;
}

@media only screen and (max-width: 1279px) {
  article .text p {
    padding-bottom: 10px;
  }

  .bg_luce article .text a {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 1023px) {
  article .text {
    padding: 0 20px 0 0px;
  }
}
/************************/
/*			TILES				*/
/************************/
.tile {
  font-size: 16px;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .tile {
    float: left;
  }
  .tile > .wrapper {
    position: relative;
    height: 0;
    padding: 50% 0;
    overflow: hidden;
  }
  .tile > .wrapper > .box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .tile.box33 {
    width: 33.333333%;
  }
  .tile.box33 .wrapper {
    padding: 44% 0;
  }
  .tile.box44 {
    width: 44%;
  }
  .tile.box44 .wrapper {
    padding: 56% 0;
  }
  .tile.box50 {
    width: 50%;
    /* REMOVE - genera errora con le proposition commerciali */
    /*float: none;
    margin: 0 auto;*/
  }
  .tile.box50.detached {
    width: 49%;
    margin: 0 1% 0 0;
  }
  .tile.box50.detached + .box50.detached {
    margin: 0 0 0 1%;
  }
  .tile.box50 .wrapper {
    padding: 25% 0;
  }
  .tile.box56 {
    width: 56%;
    float: none;
    margin: 0 auto;
  }
  .tile.box56 .wrapper {
    padding: 44% 0;
  }
  .tile.box66 {
    width: 66.666666%;
    float: none;
    margin: 0 auto;
  }
  .tile.box66 .wrapper {
    padding: 22% 0;
  }
  .tile.box100 {
    float: none;
  }
  .tile.box100 .wrapper {
    padding: 20px;
    height: auto;
  }
  .tile.box100 .wrapper .box {
    position: static;
  }
  .tile.box100 .wrapper .box article {
    position: static;
    margin-left: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    max-width: none;
  }
  .tile.floatright {
    float: right;
  }
}
.tile.box100 {
  text-align: center;
}
.tile a {
  display: inline-block;
}
.tile .imagebox img {
  display: block;
  max-width: 100%;
}
.tile picture {
  display: block;
}
.tile picture source,
.tile picture img {
  display: block;
}
.tile article img {
  display: inline-block;
}
.texttile .wrapper {
  position: relative;
}
.texttile .box {
  position: relative;
}
.texttile article {
  max-width: 690px;
  margin: 0 auto;
  padding: 20px;
}
.texttile.specialcontent article {
  max-width: 480px;
}
.texttile article img {
  padding-top: 10px;
}
.texttile.specialcontent .wrapper {
  height: auto !important;
  padding: 0 !important;
}
.texttile.specialcontent .wrapper > .box {
  position: static;
}

@media only screen and (max-width: 1023px) {
  .texttile article img {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .texttile article img {
    padding-top: 0;
    padding-left: 0;
    margin-top: -10px;
  }
  .texttile article .title {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .texttile article img {
    padding-top: 15px;
    margin-top: 0;
  }
  .texttile article .title {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1600px) {
  .texttile article img {
    padding-top: 30px;
  }
}

.imgtile .wrapper {
  position: relative;
}
.imgtile .box {
  overflow: hidden;
}
.imgtile img {
  display: block;
  width: 100%;
}
.textovertile .wrapper .box article {
  padding: 10px;
}
.textovertile .wrapper .box article:before,
.textovertile .wrapper .box article:after {
  content: " ";
  display: table;
}
.textovertile .wrapper .box article:after {
  clear: both;
}
.textovertile .wrapper .box article a {
  display: block;
}
.textovertile .wrapper .box img {
  padding-left:40px;
  padding-top:5px;
  float: left;
  padding-right: 10px;
}
.textovertile .wrapper .box .title {
  font-size: 30px;
  padding: 0;
  padding-top: 10px;
}
.textovertile .wrapper .box .subtitle {
  font-family: "RoobertBold";
  font-size:12px;
  text-transform:uppercase;
  padding: 0 0 10px;
}
@media only screen and (min-width: 1024px) {
  .textovertile .wrapper .imagebox {
    position: absolute;
    top: 0;
    left: 0;
  }
  .textovertile .wrapper .box {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .textovertile .wrapper .box img {
    float: none;
  }
}

.textrighttile .wrapper .box article {
  padding: 10px;
}
.textrighttile .wrapper .box article img {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .textrighttile .wrapper .imagebox {
    position: absolute;
    top: 0;
    left: 0;
  }
  .textrighttile .wrapper .box {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
  }
}
/************************/
/*			PANELS			*/
/************************/
.panels {
  text-align: center;
  font-size: 0;
}
.panels .slick-track {
  margin: 0 auto;
}
.panel {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 400px;
  max-width: 100%;
  margin: 0 0 20px 0;
  font-size: 16px;
}
.panel .panelhead {
  text-align: center;
  padding: 10px 20px;
  font-size: 14px;
  max-width: 400px;
  margin: 0 auto;
}
.panel .panelhead .title {
  font-weight: normal;
  font-size: 30px;
  color: #fff;
}
.panel .panelhead .icon {
  color: #fff;
  font-size: 20px;
  padding-left: 5px;
}
.panel .panelhead .icon:hover {
  color: #454545;
}
.panel article {
  max-width: 400px;
  min-height: 240px;
  margin: 0 auto;
  padding: 10px;
  color: #222222;
}
.panel article .pre {
  font-size: 16px;
  color: #939393;
}
.panel article .status {
  display: inline-block;
  padding-top: 15px;
}
.panel article .title {
  min-height: 150px; /* Defect 8 excel 24-03-2017 */
  padding-bottom: 20px;
}
.panel article .title .icon {
  font-size: 50px;
}
.panel article .post {
  padding-bottom: 10px;
}
.panel article .buttons {
  padding: 0px;
}
.panel article .buttons.radios {
  padding-top: 10px;
}
.panel article .buttons a,
.panel article .buttons input[type="submit"],
.panel article .buttons button {
  min-width: 240px;
}
.panel.multi article .buttons a,
.panel.multi article .buttons input[type="submit"],
.panel.multi article .buttons button {
  min-width: 110px;
  padding: 0px 5px;
}
.panelsflow {
  position: relative;
  font-size: 0;
  padding: 40px 0;
  text-align: center;
}
.panelsflow .panel {
  text-align: center;
}
.panelsflow .panel.open:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a9a9a9;
}
.panelsflow .panel .buttons .greyboxtoggle.active {
  color: #ff1065;
  background-color: #ffdce8;
}
.panelsflow .panel .buttons .greyboxtoggle.active.inverse {
  color: #fff;
  background-color: #ff76a7;
}
@media only screen and (min-width: 1024px) {
  .panelsflow {
    text-align: left;
  }
  .panelsflow .panel {
    text-align: center;
    width: 33.333333%;
    padding: 0 10px;
  }
}

.slick-track .panel {
	background-color: transparent;
}
/************************/
/*			LOYALTY			*/
/************************/
.loyalty:before,
.loyalty:after {
  content: " ";
  display: table;
}
.loyalty:after {
  clear: both;
  padding-bottom:60px;
}
.loyalty .box {
  margin-bottom: 20px;
}
.loyalty .box.enelpremia .preimg {
  display: none;
}
.loyalty .box.enelpremia .wrapper .imagebox {
  display: block;
}
.loyalty .box.enelpremia.iscritto .preimg {
  display: block;
}
.loyalty .box.enelpremia.iscritto .status .inner {
  height: 0;
  padding: 50% 0;
  overflow: visible;
  position: relative;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox {
  background-color: #0152E8;
  background: -webkit-gradient(linear, left top, left bottom, from(#0152E8), to(#044cdf));
  background: -webkit-linear-gradient(top, #0152E8, #044cdf);
  background: -moz-linear-gradient(top, #0152E8, #044cdf);
  background: -ms-linear-gradient(top, #0152E8, #044cdf);
  background: -o-linear-gradient(top, #0152E8, #044cdf);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .pre,
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .pre {
  text-transform: uppercase;
  font-size: 14px;
  top: 20px;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .title {
  top: 40px;
  font-size: 34px;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .circle {
  text-align: center;
  width: 100%;
  height: 100%;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .circle svg {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  width: 55%;
  height: auto;
  max-height: 55%;
  margin: 0 auto;
}
.loyalty .box.enelpremia.iscritto .status .inner .innerbox .circle .amount {
  font-size: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.loyalty .box.enelpremia.iscritto .wrapper {
  padding-top: 30px;
}
.loyalty .box.enelpremia.iscritto .wrapper .imagebox {
  display: none;
}
.loyalty .box .preimg {
  display: block;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.loyalty .box .preimg img {
  display: block;
  width: 100%;
}
.loyalty .box .wrapper {
  display: block;
  border: 1px solid #fff;
  position: relative;
  padding-top: 43.5%;
}
.loyalty .box .imagebox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.loyalty .box .imagebox img {
  display: block;
  width: 100%;
}
.loyalty .box .textbox article {
  font-size:30px;
  line-height:35px;
  text-align: left;
  padding-left:50px;
}
.loyalty .box .textbox article .pre {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #0152E8;
  font-size:13px;
  letter-spacing: normal;
}
.loyalty .box .textbox article .text {
  display: none;
}

@media only screen and (max-width: 1023px) {
    .loyalty .box .textbox article {
      padding: 0 20px;
    }
}

@media only screen and (min-width: 1280px) {
	.loyalty .box .wrapper {
		min-height: 400px;
	}
}
@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .loyalty .box .wrapper{
    	min-height:304px;
    }
}

@media only screen and (min-width: 1024px) {
  .loyalty .box.enelpremia {
    width: 64%;
    float: left;
  }
  .loyalty .box.enelpremia:before,
  .loyalty .box.enelpremia:after {
    content: " ";
    display: table;
  }
  .loyalty .box.enelpremia:after {
    clear: both;
  }
  .loyalty .box.enelpremia .preimg {
    display: block;
    width: 50%;
    float: left;
  }
  .loyalty .box.enelpremia.iscritto .wrapper {
    width: 50%;
    float: right;
    padding-top: 12%;
  }
  .loyalty .box.enelpremia .wrapper {
    width: 50%;
    float: right;
    padding-top: 5%;
  }
  .loyalty .box.enelpremia .wrapper .imagebox {
    display: none;
  }
  .loyalty .box.enelpremia.iscritto .preimg {
    display: block;
  }
  .loyalty .box.enelpremia.iscritto .wrapper {
    padding-top: 22%;
  }
  .loyalty .box .wrapper {
    padding-top: 0;
    /*min-height: 304px;*/
  }
  .loyalty .box.enelpremia.iscritto .wrapper .imagebox {
    display: block;
  }
  .loyalty .box .textbox {
    position: absolute;
    bottom: 0;
  }
  .loyalty .box.enelpremia.iscritto .wrapper article,
  .loyalty .box.enelpremia .wrapper article {
    /*padding-top: 30px;*/
    padding-left: 25px;
  }
  .loyalty .box.enelpremia.iscritto .wrapper article .title,
  .loyalty .box.enelpremia .wrapper article .title {
    padding: 10px 10px 10px 0;
  }
  .loyalty .box.enelmia {
    width: 34.3%;
    float: right;
  }
  .loyalty .box.enelmia article {
    padding-left: 25px;
  }
  .loyalty .box.enelmia article .title {
    padding: 10px 10px 10px 0;
  }
  .loyalty .box .textbox article .text {
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  .loyalty .box.enelpremia {
    width: 800px;
  }
  .loyalty .box.enelmia {
    width: 400px;
    height: 399px;
  }
  .loyalty .box.enelmia .wrapper {
    /*padding-top: 206px;*/
  }
  .loyalty .box.iscritto .wrapper {
    min-height: 400px;
  }
  .loyalty .box .textbox {
    bottom: 15px; /* PMO 5619 - Defect #540 */
  }
}
/************************/
/*		SPECIALCONTENT		*/
/************************/
.specialcontent {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.specialcontent article .icon {
  height:65px;
  display: inline-block;
  font-size: 46px;
  padding-bottom: 20px;
}
/************************/
/*			HOMESHOP			*/
/************************/
#homeshop .items {
  font-size: 0;
  text-align: center;
  padding: 20px 0;
}
#homeshop .item {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
#homeshop .item .itemlink {
  display: block;
  background-color: #fff;
  /* transition */
  /* transition */
}
#homeshop .item .itemlink:hover {
  border-bottom: 10px solid #044cdf;
}
#homeshop .item .itemlink:hover .title {
  margin-top: -10px;
}
#homeshop .item .itemlink,
#homeshop .item .itemlink:hover {
  -webkit-transition: border-width 0.15s;
  -moz-transition: border-width 0.15s;
  -ms-transition: border-width 0.15s;
  -o-transition: border-width 0.15s;
}
#homeshop .item .itemlink .title,
#homeshop .item .itemlink:hover .title {
  -webkit-transition: margin-top 0.15s;
  -moz-transition: margin-top 0.15s;
  -ms-transition: margin-top 0.15s;
  -o-transition: margin-top 0.15s;
}
#homeshop .item .imagebox {
  position: relative;
}
#homeshop .item .imagebox img {
  display: block;
  margin: 0 auto;
  max-width: calc(100% - 40px);
}
#homeshop .item .title {
  position: relative;
  font-size: 30px;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  padding: 0;
  line-height: 1.2em;
  height: 4em;
  overflow: hidden;
}
#homeshop .item .title span {
  padding-top: 20px;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  #homeshop .items.tight {
    max-width: calc(100% - 48px);
  }
  #homeshop .item {
    width: 33.333333%;
    max-width: 33.333333%;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1280px) {
  #homeshop .items.tight {
    max-width: 1256px;
  }
}
@media only screen and (min-width: 1600px) {
  #homeshop .items.tight {
    max-width: 1280px;
  }
}
/************************/
/*			SLICK				*/
/************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: auto!important;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* AGGIUNTE CUSTOM */
/* SLICK */
.slick-slider {
  padding-bottom: 15px;
}
.slick-slider .slick-dots {
  list-style-type: none;
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: center;
}
.slick-slider .slick-dots li {
  display: inline-block;
  cursor: pointer;
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
.slick-slider .slick-dots li button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #ccc;
}
.slick-slider .slick-dots li.slick-active button {
  background: #ff1065;
}
/*@media only screen and (min-width: 1024px) {
	.slick-initialized .slick-slide {
	  float: none;
	  margin: auto;
	}
}*/
@media only screen and (min-width: 640px) {
  .slick-slider .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0 10px;
  }
  .slick-slider .slick-dots li button {
    width: 16px;
    height: 16px;
  }
}
/************************/
/*			MODAL				*/
/************************/
.remodal-overlay {
  background: #000;
  opacity: .95;
}
.remodal-wrapper {
  padding: 0;
}

.remodal .head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 1;
  max-width: 100%;
  width: 100%;
}
.remodal .head:before,
.remodal .head:after {
  content: " ";
  display: table;
}
.remodal .head:after {
  clear: both;
}
.remodal .head .logo {
  max-width: 50%;
  float: left;
}
.remodal .head .buttons {
  max-width: 50%;
  float: right;
  padding: 10px 0;
}
.remodal .head .buttons .remodal-close {
  position: static;
  color: #fff;
}
.remodal .head .buttons .remodal-close:before {
  position: static;
  font-size: 30px;
}
.remodal .content_modal {
    margin-top: 85px;
}
.remodal .content {
	overflow: hidden !important;
	padding-top: 85px;
    margin-top: 0;
}
/************************/
/*			TOOLTIP			*/
/************************/
.qtiptrigger {
  cursor: pointer !important;
}
.qtip {
  background-color: #fff;
  padding: 50px 20px 20px;
  max-width: 320px;
  border: 0 none;
  text-align: center;
  -webkit-box-shadow: 0 0 3px #cccccc;
  -moz-box-shadow: 0 0 3px #cccccc;
  box-shadow: 0 0 3px #cccccc;
}
.qtip .qtip-close {
  cursor: pointer;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  background-color: #ff1065;
  border: 0 none;
  vertical-align: middle;
  top: -25px;
  left: calc(50% - 25px);
  -webkit-box-shadow: 0 3px 0 #cccccc;
  -moz-box-shadow: 0 3px 0 #cccccc;
  box-shadow: 0 3px 0 #cccccc;
}
.qtip .qtip-close .ui-icon {
  font-size: 20px;
  width: auto;
  height: auto;
  line-height: 48px;
}
.qtip .title {
  display: block;
  padding-bottom: 20px;
  text-align: center;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.qtip .text {
  display: block;
  margin: 0;
  text-align: left;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2em;
}
.qtip.minimal {
  padding: 0;
  min-width: 320px;
}
.qtip.minimal .qtip-content {
  padding: 0;
}
.qtip.minimal .qtip-tip {
  color: #36a6ea;
  background-color: #36a6ea;
}
.qtip.minimal .tooltip.minimal {
  border: 1px solid #36a6ea;
}
.qtip.minimal .tooltip.minimal img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .qtip {
    left: 20px !important;
    right: 20px !important;
  }
}
/************************/
/*			MODAL_FORM		*/
/************************/
.remodal input[type="text"]:disabled {
  background: rgba(255, 255, 255, 0.2);
}
.remodal form .form-content {
  padding-bottom: 100px;
}
.remodal form .icon-search {
  font-size: 30px;
  vertical-align: middle;
}
.remodal form input[type="text"] {
  background: none;
  margin: 0;
  padding: 0;
  border: 0 none;
  color: #cdcdcd;
  line-height: 30px;
  min-width: 200px;
  max-width: 240px;
  vertical-align: middle;
}
.remodal form .search-box {
  text-align: left;
  padding: 20px;
}
.remodal form .search-box .box-content input {
  font-size: 26px;
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  vertical-align: middle;
  padding-left: 10px;
  width: calc(100% - 40px);
}
.remodal #search_forniture input[type="text"] {
	max-width: calc(100% - 40px);
}
@media only screen and (max-width: 640px) { 
	.remodal #search_forniture .search-box {
		padding: 15px;
	}
	input#numCli::-webkit-input-placeholder{/* Chrome/Opera/Safari */
	    font-size: 20px;
	}
}
.remodal form .box {
  border-top: 1px solid #454545;
  border: 0 none;
}
.remodal form .box .box-title:hover {
  background: rgba(65, 185, 230, 0.2);
}
.remodal form .box .box-content {
  padding: 0 10px;
}
.remodal form .box .box-content label {
  display: block;
  padding-bottom: 30px;
}
.remodal form .box .box-content label:first-child {
  padding-top: 20px;
}
.remodal form .box .box-content .valuetext {
  text-transform: capitalize;
}
.remodal form .box .box-content .labeltext {
  display: block;
}
.remodal form .box.bio .box-content label input {
  display: block;
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-top: 10px;
  font-size: 16px;
  border-bottom: 1px solid #454545;
  max-width: none;
  width: 100%;
}
.remodal form .box.status .box-content {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.remodal form .box.status .box-content label + label + label + label {
  padding-top: 20px;
}
.remodal form .box.status .box-content label + label + label + label + label {
  padding-top: 0;
}
.remodal form .search-box + .box {
  border: 0 none;
}
.remodal form .submit-wrapper {
  clear: both;
  padding-top: 30px;
}
.remodal form .submit-wrapper button {
  width: 100%;
  max-width: 280px;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .remodal form .form-content:before,
  .remodal form .form-content:after {
    content: " ";
    display: table;
  }
  .remodal form .form-content:after {
    clear: both;
  }
  .remodal form input[type="text"] {
    max-width: none;
    width: auto;
  }
  .remodal form .search-box .box-content {
    border-bottom: 1px solid #454545;
  }
  .remodal form .search-box .box-content input[type="text"] {
    line-height: 50px;
  }
  .remodal form .box {
    float: left;
    width: 33.333333%;
  }
}
/************************/
/*			RADIO CUSTOM	*/
/************************/
.bollette.modalitapagamento .radios.custom label {
  /*top: 12px;*/
}
.radios.custom label {
  display: inline-block;
  position: relative;
  border: 2px solid #dddddd;
  background: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-bottom: 0px;
  padding-left: 0px;
}
.radios.custom label:after {
  content: '';
  position: absolute;
  border: 3px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px;
}
.radios.custom label .disc {
  content: '';
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 3px;
  z-index: 1;
}
.radios.custom input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.radios.custom input[type=radio]:checked + .disc {
  background-color: #ff1065;
}
.radios.custom input[type=radio]:disabled + .disc {
  opacity: .5;
}
.radios.custom.labeled .radio {
  padding: 10px 0;
}
.radios.custom.labeled label {
  overflow: visible;
  margin-left: -100px;
}
.radios.custom.labeled label .labeltext {
  display: block;
  white-space: nowrap;
  padding-left: 30px;
  line-height: 16px;
}

.title-radios {
	text-align: left;
	padding-top: 20px;
}
.form.radios.custom {
	text-align: left;
	padding-top: 20px;
}
.form.radios.custom .row {
	border-bottom: none;
}
.form.radios.custom .radio {
    margin-bottom: 10px;
}
.form.radios.custom .radio > div {
	display: inline;
	vertical-align: top;
	padding-left: 10px;
}
/************************/
/*			WIZARD			*/
/************************/
.wizard {
  padding: 60px 0;
}
.wizard .wizard-container {
  position: relative;
  font-size: 0;
  background-color: #dddddd;
  height: 4px;
  overflow: visible;
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}

.wizard .step:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.wizard .step .number {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.wizard .step.done,
.wizard .step.error,
.wizard .step.alert {
  -webkit-box-shadow: 0 3px 0 #cccccc;
  -moz-box-shadow: 0 3px 0 #cccccc;
  box-shadow: 0 3px 0 #cccccc;
}
.wizard .step.done:before {
  font-size: 14px;
  font-family: 'enel_icomoon';
  background-color: #55bd5a;
  content: "\e906";
}
.wizard .step.error:before {
  font-size: 12px;
  font-family: 'enel_icomoon';
  background-color: #e2001a;
  content: "\e91c";
}
.wizard .step.alert:before {
  font-size: 12px;
  font-family: 'enel_icomoon';
  background-color: #ff5a10;
  content: "\e926";
}
.wizard.wizard-2 .wizard-container {
  max-width: 300px;
}
.wizard.wizard-2 .step {
  margin-left: calc(25% - 20px);
  margin-right: calc(25% - 20px);
}
.wizard.wizard-3 .step {
  margin-left: calc(16.666666% - 20px);
  margin-right: calc(16.666666% - 20px);
}
.wizard.wizard-4 .step {
  margin-left: calc(12.5% - 20px);
  margin-right: calc(12.5% - 20px);
}
.wizard.wizard-5 .step {
  margin-left: calc(10% - 20px);
  margin-right: calc(10% - 20px);
}
.wizard.big {
  /*per efficienza energetica*/
  overflow: hidden;
  padding-bottom: 80px;
  /*quando diventa un carousel*/
}
.wizard.big .wizard-container {
  max-width: none;
}
.wizard.big .step {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 38px;
  top: -30px;
  overflow: visible;
}
.wizard.big .step.done,
.wizard.big .step.error,
.wizard.big .step.alert {
  -webkit-box-shadow: 0 5px 0 #dddddd;
  -moz-box-shadow: 0 5px 0 #dddddd;
  box-shadow: 0 5px 0 #dddddd;
}
.wizard.big .step.done {
  background-color: #55bd5a;
}
.wizard.big .step.done:before {
  font-size: 24px;
  display: none;
}
.wizard.big .step.done .step-name .name {
  background-color: #ff1065;
  border: 2px solid #ff1065;
}
.wizard.big .step.error:before {
  font-size: 22px;
}
.wizard.big .step.alert:before {
  font-size: 32px;
}
.wizard.big .step.current {
  background-color: #55bd5a;
}
.wizard.big .step.current .step-name .name {
  color: #ff1065;
  border-color: #ff1065;
  background-color: #ffdce8;
}
.wizard.big .step .step-name {
  position: absolute;
  top: 0;
  left: -110%;
  width: 200px;
  padding-top: 80px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2em;
  text-transform: uppercase;
  white-space: nowrap;
}
.wizard.big .step .step-name .name {
  display: block;
  padding: 15px 0;
  color: #fff;
  background-color: #dddddd;
  border: 2px solid #dddddd;
}
.wizard.big.wizard-2 .wizard-container {
  max-width: 300px;
}
.wizard.big.wizard-2 .step {
  margin-left: calc(25% - 32px);
  margin-right: calc(25% - 32px);
}
.wizard.big.wizard-3 .step {
  margin-left: calc(16.666666% - 32px);
  margin-right: calc(16.666666% - 32px);
}
.wizard.big.wizard-4 .step {
  margin-left: calc(12.5% - 32px);
  margin-right: calc(12.5% - 32px);
}
.wizard.big.wizard-5 .step {
  margin-left: calc(10% - 32px);
  margin-right: calc(10% - 32px);
}
@media only screen and (min-width: 1024px) {
  .wizard.big.wizard-5 .step .step-name {
    left: -83%;
    width: 168px;
    font-size: 9px;
  }
}
.wizard.big .slick-slider {
  padding: 0;
}
.wizard.big .slick-slider .slick-dots {
  padding-top: 126px;
}
.wizard.big .slick-list {
  overflow: visible;
}
.wizard.big .slick-track:before,
.wizard.big .slick-track:after {
  content: '';
  position: absolute;
  top: 0;
  width: 120px;
  height: 4px;
  background-color: #fff;
}
.wizard.big .slick-track:before {
  left: -80px;
}
.wizard.big .slick-track:after {
  right: -80px;
}
.wizard.big .slick-track .step {
  cursor: grab;
}
@media only screen and (min-width: 1024px) {
  .wizard.big {
    padding-bottom: 120px;
  }
  .wizard.big .wizard-container {
    max-width: 90%;
  }
  .wizard.big .step {
    cursor: default;
  }
}
/* colori se dentro una modale o un greybox */
.remodal .wizard .wizard-container,
.greybox .wizard .wizard-container {
  background-color: #fff;
}
.remodal .wizard .step,
.greybox .wizard .step {
  color: #939393;
  background-color: #fff;
}
.remodal .wizard .step.done,
.greybox .wizard .step.done,
.remodal .wizard .step.error,
.greybox .wizard .step.error,
.remodal .wizard .step.alert,
.greybox .wizard .step.alert {
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.greybox .wizard .step.done,
.greybox .wizard .step.error,
.greybox .wizard .step.alert {
  -webkit-box-shadow: 0 6px 0 #939393;
  -moz-box-shadow: 0 6px 0 #939393;
  box-shadow: 0 6px 0 #939393;
}
/************************/
/*			FORM CUSTOM		*/
/************************/
.formcustom {
  text-align: center;
  clear: both;
}
.formcustom .fields:before,
.formcustom .fields:after {
  content: " ";
  display: table;
}
.formcustom .fields:after {
  clear: both;
}
.formcustom .fields.darkborder input[type="text"],
.formcustom .fields.darkborder select {
  color: #222222;
  border-color: #222222;
}
.formcustom .fields.grey {
  background: #939393;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.formcustom .fields.grey input[type="text"] {
  color: #222222;
  background-color: #fff;
}
.formcustom .fields.grey input[type="text"]:disabled {
  background-color: #dddddd;
}
.formcustom .field {
  position: relative;
  text-align: left;
  font-size: 14px;
  padding: 20px 30px;
}
.formcustom .field .info {
  position: absolute;
  right: 3px;
  top: 30px;
}
#form_contact_kam .formcustom .field .info {
  position: relative;
  float: right;
}
.formcustom .field .error-msg {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 10px 0;
  height: 40px;
  color: #ff1065;
  text-align: right;
}
.formcustom .field.error input[type="text"],
.formcustom .field.error select {
  border-color: #ff1065;
}
.formcustom .field.optional {
  display: none;
}
.formcustom .field-label {
  display: block;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-bottom: 6px;
  cursor: auto;
}
.formcustom label {
  cursor: pointer;
}
.formcustom input[type="text"],
.formcustom input[type="password"] {
  display: block;
  background: none;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #dddddd;
  line-height: 40px;
  height: 40px;
  width: 100%;
  vertical-align: middle;
}
.formcustom input[type="text"].nocage,
.formcustom input[type="password"].nocage {
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  font-size: 130%;
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.formcustom select {
  display: block;
  background: none;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #dddddd;
  height: 40px;
  line-height: 40px;
  width: 100%;
  vertical-align: middle;
  background-color: #fff;
}
.formcustom select[disabled] {
	background-color: #ddd;
}
.formcustom .submit-wrapper {
  text-align: center;
  clear: both;
  padding: 40px 10px 20px;
}
.formcustom .submit-wrapper input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
.formcustom .submit-wrapper a.btn_fuxia1.inverse:link,
.formcustom .submit-wrapper a,
.formcustom .submit-wrapper input[type="submit"],
.formcustom .submit-wrapper button {
  min-width: 240px;
  cursor: pointer;
  font-size: 12px;
  padding: 0px;
  margin-bottom: 10px;
  height: 50px;
  line-height: 50px;
}
#main.bollette .buttons a,
#main.fornitura .buttons a,
#main.primoaccesso .submit-wrapper a,
#registrazione_main.rem .buttons a,
.registrazione_main.rem .buttons a {
    min-width: 240px;
}
#main.fornitura a.close {
	min-width: auto;
    top: 0;
}
.buttons.double a,
#main.bollette.bolletteepagamenti .buttons a,
#main.bollette .buttons.double a,
#main.fornitura .buttons.double a,
#main.primoaccesso .submit-wrapper.double a,
#main.primoaccesso .submit-wrapper.double input[type="submit"],
.formcustom .submit-wrapper.double input[type="submit"],
.formcustom .submit-wrapper.double a,
#registrazione_main.rem .buttons.double a,
.registrazione_main.rem .buttons.double a  {
  min-width: 110px;
}
.formcustom .submit-wrapper.social {
  padding-left: 0;
  padding-right: 0;
}
.formcustom .submit-wrapper.social a,
.formcustom .submit-wrapper.social input[type="submit"],
.formcustom .submit-wrapper.social button {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 28px;
}
.formcustom .submit-wrapper.social a .icon,
.formcustom .submit-wrapper.social input[type="submit"] .icon,
.formcustom .submit-wrapper.social button .icon {
  font-size: 30px;
  padding-right: 10px;
  float: left;
}
@media only screen and (min-width: 1024px) {
  .formcustom {
    padding: 40px;
    max-width: 800px;
    margin: 0 auto;
  }
  .formcustom.base {
    max-width: none;
    padding: 0;
  }
  .formcustom.small {
    max-width: 640px;
    padding: 20px 0;
  }
  .formcustom.fullwidth {
    max-width: 944px;
    padding: 40px 0;
  }
  .formcustom .field {
    float: left;
    width: 50%;
  }
  .formcustom .field.nofloat {
    float: none;
    clear: both;
    width: 83%;
    margin: 0 auto;
  }
}
/************************/
/*			TABLE CUSTOM	*/
/************************/
.tablecustom {
  border-collapse: collapse;
  border-spacing: 0;
  width: 96%;
  margin: 0 auto;
}
.tablecustom.small {
  max-width: 640px;
}
.tablecustom tr th {
  padding: 10px;
  border-bottom: 1px solid #939393;
  font-weight: normal;
  font-size: 15px;
  color: #939393;
  vertical-align: middle;
}
.tablecustom tr th:first-child {
  text-align: left;
}
.tablecustom tr td {
  padding: 20px 10px;
  border-bottom: 1px solid #939393;
}
.tablecustom tr td:first-child {
  text-align: left;
}
.tablecustom tfoot tr td {
  text-align: right;
  border: 0 none;
  padding: 10px;
}
.tablecustom tfoot tr td[colspan="3"] {
  text-align: right;
}
.tablecustom.closed {
  border: 3px solid #dddddd;
  -webkit-box-shadow: 3px 3px 0 #eaeaea;
  -moz-box-shadow: 3px 3px 0 #eaeaea;
  box-shadow: 3px 3px 0 #eaeaea;
}
.tablecustom.closed tr:nth-child(even) {
  background: #f7f7f7;
}
.tablecustom.closed tr:nth-child(odd) {
  background: #fff;
}
.tablecustom.closed tr th,
.tablecustom.closed tr td {
  text-align: left;
  font-size: 14px;
  border: 0 none;
  border-color: #dddddd;
  border-left: 1px solid #dddddd;
}
.tablecustom.closed tr th:first-child,
.tablecustom.closed tr td:first-child {
  border-left: 0 none;
}
.tablecustom.closed tr th {
  color: #222222;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 10px 20px 30px;
  border-bottom: 1px solid #dddddd;
}
.tablecustom.closed tr td {
  padding: 10px 20px;
}
.table-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}
.table-wrapper.scrollable {
  max-width: 100%;
}
.table-wrapper.scrollable .tablecustom {
  margin-bottom: 10px;
}
/************************/
/*			SIMPLEBOX		*/
/************************/
#main.fornitura .simplebox .buttons {
  padding-top: 10px;
}
#abil_rem .simplebox p {
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;
}
#form_contact_kam .form-wrapper .simplebox p {
	padding-right: 20px;
	padding-left: 20px;
}
.simplebox {
  padding: 0px;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  /* only mobile */
}
.simplebox.small {
  max-width: 640px;
  padding-top: 20px;
}
.simplebox.wide {
  max-width: 980px;
}
.simplebox .title.vpadding,
.simplebox .text.vpadding {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.simplebox .title.vpaddinglarge,
.simplebox .text.vpaddinglarge {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.simplebox .title {
  font-size: 50px;
  line-height: 55px;
  padding-top: 30px;
}
.simplebox .title.medium {
  font-size: 36px;
  padding-bottom: 30px;
}
.simplebox .title.small {
  font-size: 28px;
  padding-top: 20px;
}
.simplebox .title.extrasmall {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.simplebox .text {
  font-size: 24px;
}
.simplebox .text.small {
  font-size: 18px;
  line-height: 30px;
}
.simplebox .text.medium {
  font-size: 20px;
}
.simplebox .text.big {
  font-size: 28px;
}
.simplebox .text.extrasmall {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.simplebox .high {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.simplebox .strong {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.simplebox .scheda {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.simplebox .scheda .scheda-title {
  display: block;
  font-size: 25px;
}
.simplebox .scheda .scheda-title.big {
  font-size: 32px;
}
.simplebox .scheda .scheda-title.big .title {
  font-size: 32px;
  line-height: 42px;
  padding: 20px 0;
}
.simplebox .scheda .scheda-title i.info {
  vertical-align: middle;
}
.simplebox .scheda dl {
  margin: 0;
  padding: 0;
  font-size: 0;
  border-color: #222222;
}
.simplebox .scheda dl:before,
.simplebox .scheda dl:after {
  content: " ";
  display: table;
}
.simplebox .scheda dl:after {
  clear: both;
}
.simplebox .scheda dl dt,
.simplebox .scheda dl dd {
  font-size: 16px;
  display: inline-block;
  margin: 0;
  padding: 10px 0;
  width: 50%;
  border-bottom: 1px solid #222222;
}
.simplebox .scheda dl.light {
  border-color: #dddddd;
}
.simplebox .scheda dl.light dt,
.simplebox .scheda dl.light dd {
  border-color: #dddddd;
}
.simplebox .scheda.box.adjust .scheda-title {
  padding-left: 20px;
  padding-right: 20px;
}
.simplebox .continue {
  display: block;
  padding: 40px 0 20px;
  text-align: left;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.simplebox .continue.textcenter {
  text-align: center;
}
.simplebox .title .continue {
  padding: 0;
}
.simplebox .buttons {
  padding: 40px 10px 20px;
}
.simplebox .buttons input[type="submit"] {
  padding: 0px 9px;
}
.simplebox .buttons a,
.simplebox .buttons input[type="submit"],
.simplebox .buttons button {
  min-width: 240px;
  cursor: pointer;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  padding: 0px;
  margin-bottom: 10px;
}
.simplebox .buttons.social {
  padding-left: 0;
  padding-right: 0;
}
.simplebox .buttons.social a,
.simplebox .buttons.social input[type="submit"],
.simplebox .buttons.social button {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 28px;
}
.simplebox .buttons.social a .icon,
.simplebox .buttons.social input[type="submit"] .icon,
.simplebox .buttons.social button .icon {
  font-size: 30px;
  padding-right: 10px;
  float: left;
}
.simplebox .vbreak {
  display: block;
  width: 100%;
  height: 0;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .simplebox .scheda dl.justify dt {
    width: 75%;
  }
  .simplebox .scheda dl.justify dd {
    width: 25%;
  }
  .simplebox .scheda dl.bordertop {
    border-width: 1px;
    border-top-style: solid;
  }
}
@media only screen and (min-width: 1024px) {
  .simplebox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .simplebox .scheda {
    padding-left: 20px;
    padding-right: 20px;
  }
  .simplebox .scheda .scheda-title,
  .simplebox .scheda .scheda-title:link,
  .simplebox .scheda .scheda-title:visited,
  .simplebox .scheda .scheda-title:active,
  .simplebox .scheda .scheda-title:hover {
    color: #222222;
  }
}
@media only screen and (max-width: 767px) {
  .simplebox .scheda dl {
    /*padding-top: 30px;
    padding-bottom: 30px;*/
  }
  .simplebox .scheda dl dt,
  .simplebox .scheda dl dd {
    width: 100%;
    float: none;
  }
  .simplebox .scheda dl dt {
    border: 0 none;
    color: #939393;
    padding-top: 15px;
    padding-bottom: 0;
  }
  .simplebox .scheda dl dd {
    padding: 5px 0 10px;
  }

  .simplebox .title {
    font-size: 36px;
    padding: 30px 20px 0;
  }
  .simplebox .title.medium {
    font-size: 28px;
    line-height: 36px;
    padding: 30px 20px;
  }
  .simplebox .text.small {
    font-size: 15px;
    line-height: 22px;
    padding: 10px 20px 0;
  }
  .simplebox .text {
      font-size: 18px;
      padding: 0 20px;
  }
  .simplebox .text.medium {
      padding: 0 20px 20px;
  }
}
/************************/
/*			FILTERS			*/
/************************/
.filters {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0 -10px;
}
.filters:before,
.filters:after {
  content: " ";
  display: table;
}
.filters:after {
  clear: both;
}
.filters .accordion .box {
  padding-left: 0;
  padding-right: 0;
}
.filters .accordion .box .box-title .title {
  padding-left: 20px;
  padding-right: 20px;
}
.filters .field-label {
  display: block;
  padding: 0 0 10px;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	
	.filters .field-label {
		height: 50px;
	}
}
        @media only screen and (min-width: 1281px) {
            
            .filters .field-label {
                        height: 50px;
                    }
                }
.filters .filter {
  padding: 20px 10px;
}
.filters .filter.views-filter {
  padding: 0;
  text-align: right;
}
.filters input[type="text"],
.filters select {
  display: block;
  background: none;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #dddddd;
  height: 50px;
  line-height: 40px;
  width: 100%;
  vertical-align: middle;
  font-family: "RoobertLight";
  font-size: 14px;
}
.filters select {
	padding: 0 23px 0 10px;
}
.filters input[type="text"] option,
.filters select option {
  height: 50px;
  padding: 12px 10px;
}
.filters input[type="text"] optgroup,
.filters select optgroup {
  text-transform: capitalize;
  font-style: normal;
  vertical-align: middle;
  line-height: 40px !important;
  padding: 10px;
}
.filters input[type="text"] optgroup option:first-child,
.filters select optgroup option:first-child {
  margin-top: 10px;
}
.filters .text {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.filters .buttons {
  text-align: center;
  clear: both;
  padding: 40px 10px 20px;
}
.filters .buttons input[type="submit"] {
  padding: 10px 9px;
}
.filters .buttons a,
.filters .buttons input[type="submit"],
.filters .buttons button {
  min-width: 240px;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 60px;
  margin-bottom: 10px;
}
.filters .buttons.social {
  padding-left: 0;
  padding-right: 0;
}
.filters .buttons.social a,
.filters .buttons.social input[type="submit"],
.filters .buttons.social button {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 28px;
}
.filters .buttons.social a .icon,
.filters .buttons.social input[type="submit"] .icon,
.filters .buttons.social button .icon {
  font-size: 30px;
  padding-right: 10px;
  float: left;
}
.filters .added .item {
  position: relative;
  display: inline-block;
  padding: 10px 50px 10px 20px;
  margin: 20px;
  background-color: #ececec;
}
.filters .added .item .icon {
  cursor: pointer;
  font-size: 10px;
  color: #939393;
  position: absolute;
  top: 15px;
  right: 10px;
}
.filters.wide .filter {
  display: block;
  float: none;
  min-width: 300px;
  width: 75%;
  max-width: 520px;
  margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
  .filters.filters_bollette .box-content .filter:first-of-type label span:last-of-type {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1024px) {
  .filters .filter {
    width: 25%;
    float: left;
  }
  .filters .filter.right {
    float: right;
  }
  .filters .filter.half {
    width: 12.5%;
  }
  .filters .filter.double {
    width: 50%;
  }
  .filters .filter.views-filter {
    padding: 20px 10px;
  }
  .filters.inline {
    text-align: center;
  }
  .filters.inline .filter,
  .filters.inline .buttons {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .filters.inline .filter {
    text-align: left;
  }
  .filters.inline .buttons {
    clear: none;
    width: 25%;
    padding-top: 50px;
  }
}
/************************/
/*			ACCORDION		*/
/************************/
.accordion:before,
.accordion:after {
  content: " ";
  display: table;
}
.accordion:after {
  clear: both;
}
.accordion .box {
  text-align: left;
  padding: 20px 10px;
}
.accordion .box .box-title {
  display: block;
  position: relative;
  padding: 10px 0;
  font-size: 20px;
  cursor: pointer;
}
.accordion .box .box-title .title {
  display: inline-block;
  font-size: 20px;
  padding: 0;
}
.accordion .box .box-title .sign,
.accordion .box .box-title .icon-arrow {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ff1065;
  font-size: 20px;
}
.accordion .box .box-title .sign {
  color: transparent;
}
.accordion .box .box-title .sign:after {
  position: absolute;
  right: -4px;
  color: #ff1065;
  font-size: 20px;
  content: '+';
}
.accordion .box .box-title .icon-arrow {
  font-size: 14px;
  top: 20px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.accordion .box .box-title.big .title {
  font-size: 32px;
}
.accordion .box .box-title.big .sign {
  font-size: 32px;
}
.accordion .box .box-title.big .sign:after {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  right: -2px;
  top: 8px;
}
.accordion .box .box-content {
  display: none;
  padding: 0;
}
.accordion .box.open .sign {
  color: #ff1065;
}
.accordion .box.open .sign:after {
  color: transparent;
}
.accordion .box.open .icon-arrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.accordion .box.open .box-content {
  display: block;
}
.accordion .box .sign,
.accordion .box.open .sign,
.accordion .box sign:after,
.accordion .box.open sign:after {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.accordion .box .icon-arrow,
.accordion .box.open .icon-arrow {
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
}
.accordion.accordioncustom .box {
  padding: 20px 20px 0;
}
.accordion.accordioncustom .box .box-title {
  border-bottom: 1px solid #dddddd;
}
.accordion.servizi .box .box-title .title {
  font-size: 26px;
}
.accordion.servizi .box.open .box-title .title {
  color: #ff1065;
}
@media only screen and (min-width: 1024px) {
  .accordion.mobileaccordion .box {
    border: 0 none !important;
  }
  .accordion.mobileaccordion .box .box-title {
    cursor: default !important;
    background: none !important;
  }
  .accordion.mobileaccordion .box .box-title:hover {
    background: none;
  }
  .accordion.mobileaccordion .box .box-title .sign {
    display: none !important;
  }
  .accordion.mobileaccordion .box .box-content {
    display: block !important;
  }
}
/* per i title dell'accordion quando in una modale a mobile*/
.remodal .accordion .box-title .title {
  padding: 0 10px;
}
/************************/
/*			GREYBOX			*/
/************************/
.greybox {
  display: none;
  position: inherit;
  font-size: 18px;
  color: #fff;
  background-color: #a9a9a9;
  width: 100%;
  margin-bottom: 20px;
}
.greybox.open {
  display: block;
}
.greybox.open:before {
  content: '';
  position: relative;
  top: -18px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a9a9a9;
}
.greybox .wrapper {
  position: relative;
  padding: 20px;
  text-align: left;
}
.greybox .wrapper .title {
  font-size: 24px;
  padding: 10px 0;
}
.greybox .wrapper > .title form a {
  color: #dddddd;
  text-decoration: underline;
}
.greybox .wrapper > .title form a:link,
.greybox .wrapper > .title form a:visited {
  color: #dddddd;
}
.greybox .wrapper > .title form a:active,
.greybox .wrapper > .title form a:hover {
  color: #fff;
}
.greybox .wrapper .text {
  padding: 10px;
  max-width: 640px;
  margin: 0 auto;
}
.greybox .scheda .scheda-title {
  padding-top: 40px;
  font-size: 25px;
  vertical-align: middle;
}
.greybox .scheda .scheda-title .icon {
  font-size: 35px;
  vertical-align: middle;
}
.greybox .scheda dl {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.greybox .scheda dl.dotted dt {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}
.greybox .scheda dl dt,
.greybox .scheda dl dd {
  color: #fff;
  border-color: #fff;
  font-size: 18px;
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
}
.greybox .scheda dl dd a {
  color: #fff;
  border-color: #fff;
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  cursor: pointer;
}
.greybox .scheda dl dd a.downloadPlayer {
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
	height: 30px;
	font-size: 25px;
}



.audioPlayer {
	/* max-width: 216px; /* PMO5619 - Defect #387 */
	height: 30px;
	margin-top: 5px;
    width: 100%;
    padding-left: 10px;
}

.audioPlayer::-internal-media-controls-download-button {
	display:none;
}
.audioPlayer::-webkit-media-controls-enclosure {
	overflow:hidden;
}
.audioPlayer::-webkit-media-controls-panel {/*iphone*/
	/*width: calc(100% + 30px); /* Adjust as needed */
	width: 100%;
	height: 30px;
}
dd.scheda_registrazione_mp3_ascolta {
	position: relative;
}
.scheda_registrazione_mp3_ascolta #idFile {
    position: absolute;
    right: 8px;
    bottom: 0;
    top: 0;
    color: black;
    height: 100%;
}
#idFile {
    opacity: 0;
}


/* Su FIREFOX e IE11 non c'è il tasto download, mostro quello custom */

/****************************   IE 10+   ****************************/
/* only IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    #idFile {
	    opacity: 1 !important;
		color: white !important;
		top: 13px !important;
	}
	.audioPlayer {
	  max-width: 320px;
		float: left;
	}
}
/****************************   IE 10+   ****************************/

/****************************   FIREFOX   ****************************/
/* only Firefox */
@-moz-document url-prefix() { 
  
	#idFile {
	    opacity: 1 !important;
		color: white !important;
		top: 13px !important;
	}
	.audioPlayer {
	  max-width: 320px;
		float: left;
	}
	
}
/****************************   FIREFOX   ****************************/





@media only screen and (min-width: 1023px) {
	.greybox .scheda dl dt.scheda_conferma_contratto,
	.greybox .scheda dl dt.scheda_registrazione_mp3_ascolta {
		padding-top: 17px;
	}
}



/*
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.audioPlayer {
		max-width: 144px;
	}
	.audioPlayer::-webkit-media-controls-panel {
	    max-width: 144px;
	}
}
*/
/* PMO 5619 - Defect #387 */
@media only screen and (max-width: 767px) {
	.audioPlayer {
	    padding-top: 45px;
	}
}


/****************************   SAFARI 5+   ****************************/
/* Safari 6.1+ */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    .audioPlayer {
	    padding-top: 0;
	    height: 100%;
	}
}}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */


    /* Safari 5+ ONLY */
    ::i-block-chrome, .audioPlayer {
	    padding-top: 0;
	    height: 100%;
	}
}
/* Safari 6.1+ and MOBILE */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width: 768px) 
{ @media {
    dd.scheda_registrazione_mp3_ascolta {
	    height: 60px !important;
	}
}}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) 
{
	::i-block-chrome, dd.scheda_registrazione_mp3_ascolta {
	    height: 60px !important;
	}
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (max-width: 768px) 
{ @media {
    .scheda_registrazione_mp3_ascolta #idFile {
	    top: 3px;
        right: 0px;
	    background: #E2E2E2;
	    opacity: 1;
	    height: 30px;
	    width: 36px;
	}
}}
/****************************   SAFARI 5+   ****************************/


@media only screen and (max-width: 640px) {
	#idFile {
		padding-top: 5px;
	}
}
/*
@media only screen and (max-width: 380px) {
	.audioPlayer{
		max-width: 240px;
	}
}*/
/*
@media only screen and (min-width: 1024px) {
	.audioPlayer{
		margin-top: 20px;
	}
}
*/


.greybox .scheda dl dt form a,
.greybox .scheda dl dd form a {
  color: #fff;
}
.greybox .scheda dl dt form a .icon,
.greybox .scheda dl dd form a .icon {
  padding-left: 10px;
}
.greybox .scheda dl dt .strong a,
.greybox .scheda dl dd .strong a {
  font-size: 65%;
  color: #fff;
}
.greybox .scheda dl dt .strong a .icon,
.greybox .scheda dl dd .strong a .icon {
  padding-right: 10px;
}
.greybox .scheda dl dt {
  padding-top: 25px;
  padding-bottom: 5px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.greybox .scheda dl dd {
  border-bottom: 1px solid #fff;
  padding-top: 5px;
  padding-bottom: 10px;
  overflow: hidden;
}
.greybox .scheda dl dt.big {
  width: 100%;
  border-bottom: 0 none;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
}
.greybox .scheda dl dt.big form {
  text-align: center;
}
.greybox .scheda dl dt.big label {
  display: inline-block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
.greybox .scheda dl dt.big input[type="text"] {
  border: 0 none;
  background: none;
  font-size: 18px;
  color: #fff;
  padding-left: 0;
  padding-right: 0;
}
.greybox .scheda dl dt.big input[type="text"]::-webkit-input-placeholder {/* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.6);
}
.greybox .scheda dl dt.big input[type="text"]::-moz-placeholder {/* Firefox 19+ */
  color: rgba(255, 255, 255, 0.6);
}
.greybox .scheda dl dt.big input[type="text"]:-ms-input-placeholder {/* IE 10+ */
  color: rgba(255, 255, 255, 0.6);
}
.greybox .scheda dl dt.big input[type="text"]:-moz-placeholder {/* Firefox 18- */
  color: rgba(255, 255, 255, 0.6);
}
.greybox .scheda dl dt.big .continue {
  display: inline-block;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 20px;
}
.greybox .scheda dl dt.big + dd {
  border-bottom: 0 none;
  width: 0;
}
.greybox .scheda .simpletext {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.greybox .scheda .buttons {
  text-align: center;
  padding-bottom: 30px;
}
.greybox .scheda .buttons a {
  font-size: 14px;
  max-width: none;
}
.greybox .scheda .buttons .btn_white1 {
  color: #a9a9a9;
}
.greybox .scheda .buttons .btn_white1:active,
.greybox .scheda .buttons .btn_white1:hover {
  background-color: #e9e9e9;
}
.greybox .scheda .buttons .btn_transparent {
  width: auto;
  margin-bottom: 20px;
}
.greybox .scheda .inputfile {
  line-height: 60px;
}
.greybox .scheda .inputfile:before,
.greybox .scheda .inputfile:after {
  content: " ";
  display: table;
}
.greybox .scheda .inputfile:after {
  clear: both;
}
.greybox .scheda .inputfile .what {
  font-size: 12px;
  line-height: 3em;
}
.greybox .scheda .inputfile .labelfile:before,
.greybox .scheda .inputfile .labelfile:after {
  content: " ";
  display: table;
}
.greybox .scheda .inputfile .labelfile:after {
  clear: both;
}
.greybox .scheda .inputfile .labelfile .path {
  float: left;
  width: 55%;
  border: 2px solid #cdcdcd;
  border-right: 0 none;
  padding: 0 10px;
}
.greybox .scheda .inputfile .labelfile .fakebtn {
  float: right;
  width: 45%;
  border: 2px solid #fff;
  cursor: pointer;
  padding: 0 10px;
  font-size: 14px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #a9a9a9;
}
.greybox .scheda .inputfile .labelfile .fakebtn:hover {
  background-color: #cdcdcd;
}
.greybox .scheda .inputfile .labelfile input[type="file"] {
  display: none;
}
.greybox .scheda .inputfile input[type="submit"] {
  width: 100%;
  cursor: pointer;
  padding: 20px 10px;
  font-size: 14px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #a9a9a9;
  background-color: #fff;
  border: 2px solid #fff;
}
.greybox .scheda .inputfile input[type="submit"]:hover {
  background-color: #f7f7f7;
}
.greybox .scheda.advanced {
  margin-left: -20px;
  margin-right: -20px;
}
.greybox .scheda.advanced .scheda-title {
  background-color: #939393;
  padding: 30px 20px 10px;
  margin-top: -1px;
}
.greybox .scheda.advanced .scheda-title .title {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}
.greybox .scheda.advanced .content {
  padding-left: 20px;
  padding-right: 20px;
}
.greybox .scheda.advanced .tablelist .row {
  border: 0 none;
  padding-top: 0;
}
.greybox .scheda.advanced .tablelist .cell {
  margin-left: 0;
}
.greybox .scheda.advanced .tablelist .cell form a.btn_white1 {
  display: block;
  width: 100%;
  margin: 0 auto;
  color: #a9a9a9;
}
.greybox .scheda.advanced .tablelist .cell form a.btn_white1:active,
.greybox .scheda.advanced .tablelist .cell form a.btn_white1:hover {
  background-color: #e6e6e6;
}
.greybox .scheda.advanced .tablelist .cell:first-child {
  border: 0 none;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider {
  background-color: #a9a9a9;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider .row .cell {
  background-color: transparent;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider .row .cell:first-child {
  color: #fff;
  background-color: transparent;
  font-size: 18px;
  padding: 20px;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider .row .cell:first-child * {
  color: #fff;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider .row .cell:first-child + .cell {
  border-top: 1px solid #fff;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider .slick-dots li button {
  background-color: #939393;
}
.greybox .scheda.advanced .tablelist.tablecarousel.slick-slider .slick-dots li.slick-active button {
  background-color: #fff;
}
.greybox .buttons {
  padding-top: 20px;
  text-align: center;
}
.greybox .buttons a {
  display: inline-block;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  font-size: 12px;
  font-family: "RoobertBold";
  height: 50px;
  line-height: 50px;
  min-width: 240px;
  padding: 0;
}
.greybox .buttons .btn_transparent,
.greybox .buttons .prosegui {
  width: 100%;
}
.greybox .buttons .btn_transparent {
  color: #fff;
}
.greybox .buttons .btn_transparent:link,
.greybox .buttons .btn_transparent:visited {
  color: #fff;
}
.greybox .buttons .btn_transparent:active,
.greybox .buttons .btn_transparent:hover {
  background-color: #c3c3c3;
}
.greybox .buttons .prosegui {
  color: #a9a9a9;
}
.greybox .buttons .prosegui:hover {
  background-color: #e9e9e9;
}
.greybox .radios.custom input[type=radio]:checked + .disc {
  background-color: #dddddd;
}
.greybox .tablelist.radios.custom {
  padding-bottom: 40px;
}
.greybox .tablelist.radios.custom .row {
  position: relative;
}
.greybox .tablelist.radios.custom .row .cell.title {
  width: 5%;
  position: absolute;
  top: 63px;
  left: -5px;
}
.greybox input[type="text"] {
  background-color: #fff;
}
.greybox .formcustom {
  padding: 0;
  text-align: left;
}
.greybox .formcustom .field.nofloat {
  padding-left: 0;
  padding-right: 0;
}
.greybox .formcustom .text {
  padding: 20px 0;
  margin: 0 auto;
  font-size: 16px;
}
.greybox .formcustom .text.small {
  font-size: 12px;
}
.greybox .formcustom input[type="text"]:disabled {
  background-color: #dddddd;
}
@media only screen and (min-width: 640px) {
  .greybox .scheda .inputfile .labelfile {
    width: 75%;
    float: left;
  }
  .greybox .scheda .inputfile .labelfile .path {
    width: 68%;
  }
  .greybox .scheda .inputfile .labelfile .fakebtn {
    width: 32%;
  }
  .greybox .scheda .inputfile input[type="submit"] {
    width: 23%;
    float: right;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .greybox .scheda.advanced dl.light dt {
    border-bottom-color: transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .greybox .scheda.advanced .scheda-title {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (min-width: 768px) {
  .greybox .scheda.advanced {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .greybox:before,
  .greybox:after {
    content: " ";
    display: table;
  }
  .greybox:after {
    clear: both;
  }
  .greybox .wrapper .title {
    font-size: 20px;
  }
  .greybox .scheda {
    float: left;
    width: 50%;
    padding: 30px 10px;
  }
  .greybox .scheda dl:before,
  .greybox .scheda dl:after {
    content: " ";
    display: table;
  }
  .greybox .scheda dl:after {
    clear: both;
  }
  .greybox .scheda dl dt,
  .greybox .scheda dl dd {
    font-size: 15px;
    padding: 10px;
    white-space: nowrap;
  }
  .greybox .scheda dl dt.empty,
  .greybox .scheda dl dd.empty {
    position: relative;
  }
  .greybox .scheda dl dt.empty:after,
  .greybox .scheda dl dd.empty:after {
    display: block;
    content: '\00a0';
  }
  .greybox .scheda dl dt {
    width: 35%;
    text-align: left;
    float: left;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #fff;
  }
  .greybox .scheda dl dd {
    width: 65%;
    float: right;
    text-align: right;
  }
  .greybox .scheda dl dt.big label {
    width: 75%;
  }
  .greybox .scheda dl dt.big input[type="text"] {
    font-size: 14px;
  }
  .greybox .scheda dl dt.big .continue {
    width: 25%;
  }
  .greybox .scheda .buttons {
    float: right;
  }
  .greybox .scheda .buttons .btn_transparent {
    margin-bottom: 0;
  }
  .greybox .scheda.big {
    float: none;
    width: 100%;
  }
  .greybox .scheda.big dl dt,
  .greybox .scheda.big dl dd {
    padding: 20px 0;
    width: 50%;
  }
  .greybox .scheda.big dl dd {
    text-align: left;
  }
 .greybox .scheda.advanced {
    padding-top: 10px;
  }
  .greybox .scheda.advanced .scheda-title {
    background-color: transparent;
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    padding-bottom: 0;
  }
  .greybox .scheda.advanced dl {
    font-size: 0;
  }
  .greybox .scheda.advanced dl dt,
  .greybox .scheda.advanced dl dd {
    float: none;
    display: inline-block;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .greybox .scheda.advanced .tablelist .cell {
    border: 0 none;
  }
  .greybox .scheda.advanced .tablelist .cell form a.btn_white1 {
    font-size: 12px;
    line-height: 14px;
    width: 60px;
    padding: 0;
  }
  .greybox .scheda.advanced .tablelist .cell form a.btn_white1:link,
  .greybox .scheda.advanced .tablelist .cell form a.btn_white1:visited,
  .greybox .scheda.advanced .tablelist .cell form a.btn_white1:active,
  .greybox .scheda.advanced .tablelist .cell form a.btn_white1:hover {
    color: #fff;
    background-color: transparent;
    border: 0 none;
  }
  .greybox .buttons {
    padding: 10px 20px;
  }
  .greybox .buttons a.close {
    position: absolute !important;
    top: 20px;
    right: 20px;
    font-size: 0;
    width: 20px;
    height: 20px;
    min-width: 0;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: transparent !important;
    color: #fff !important;
    border: 0 none !important;
  }
  .greybox .buttons a.close:before {
    font-family: 'enel_icomoon';
    font-size: 20px;
    content: "\e91c";
  }
  .greybox .buttons a.close:before:hover {
    color: #f7f7f7;
  }
  .greybox .buttons .btn_transparent,
  .greybox .buttons .btn_white1,
  .greybox .buttons .prosegui {
    max-width: 240px;
  }
  .greybox .buttons.double .btn_transparent,
  .greybox .buttons.double .btn_white1,
  .greybox .buttons.double .prosegui {
    max-width: 110px;
  }
  .greybox .buttons .wide {
    max-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .greybox .tablelist.radios.custom .row .cell.title {
    position: static;
  }
  .greybox .formcustom .text {
    width: 75%;
  }
}
/* se dopo .panel o con classe.clone, tolgo la freccia grigia sopra */
.panel + .greybox.open:before,
.greybox.clone.open:before {
  display: none;
}
/* se dopo .bigpanel.multi il greybox deve coprire i buttons */
.bigpanel.multi + .greybox,
.bigpanel.multi + .greybox + .greybox,
.bigpanel.multi + .greybox + .greybox + .greybox {
  top: -180px;
}
@media only screen and (min-width: 464px) {
  .bigpanel.multi + .greybox,
  .bigpanel.multi + .greybox + .greybox,
  .bigpanel.multi + .greybox + .greybox + .greybox {
    top: -100px;
  }
}
/* se in un container tight, a mobile allargo il greybox a tutta larghezza */
@media only screen and (max-width: 767px) {
  .container.tight .greybox {
    margin-left: -36px;
    margin-right: -36px;
    width: auto;
  }
}
@media only screen and (max-width: 639px) {
  .container.tight .greybox {
    margin-left: -18px;
    margin-right: -18px;
  }
}
/************************/
/*			EE NAV			*/
/************************/
.ee-nav {
  border-bottom: 5px solid #dddddd;
}
.ee-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.ee-nav ul li {
  display: inline-block;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.ee-nav ul li a {
  display: block;
  padding: 20px;
}
.ee-nav ul li.active a,
.ee-nav ul li.slick-active a {
  color: #fff;
  background-color: #ff1065;
}
/************************/
/*			BIGPANEL			*/
/************************/
.bigpanel {
  padding: 40px 0;
}
.bigpanel .head {
  text-align: center;
}
.bigpanel .head .title {
  padding: 10px;
  font-size: 30px;
}
.bigpanel .content {
  background: #fff;
  border-bottom: 4px solid #dddddd;
}
.bigpanel .content .pre {
  color: #939393;
  font-size: 18px;
}
.bigpanel .content .title {
  font-size: 30px;
}
.bigpanel .content .continue {
  display: inline-block;
  padding: 20px;
}
.bigpanel .content .continue .icon {
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.bigpanel .buttons {
  text-align: center;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
.bigpanel .buttons a {
  padding: 0 10px;
}
.bigpanel .buttons .greyboxtoggle.active {
  color: #ff1065;
  background-color: #ffdce8;
}
.bigpanel .buttons .greyboxtoggle.active.inverse {
  color: #fff;
  background-color: #ff5d96;
}
.bigpanel .buttons .greyboxtoggle.active.continue {
  background-color: transparent;
}
.bigpanel.open .content .continue .icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
/************************/
/*			CARD				*/
/************************/
.card .head {
  font-size: 16px;
  color: #222222;
  background-color: #fff;
  text-align: center;
  position: relative;
}
.card .head .title {
  font-size: 20px;
  padding: 10px;
}
.card .head .continue {
  position: absolute;
  top: 15px;
  right: 10px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
  	.card .head .continue {
	  	left: 10px;
    	top: 45px;
	}
	#riepilogoDiv .contVas {
		padding-bottom: 20px;
	}
}

.card .content {
  color: #fff;
}
.card .content:before,
.card .content:after {
  content: " ";
  display: table;
}
.card .content:after {
  clear: both;
}
.card .content .cell {
  padding: 15px;
  text-align: left;
}
.card .content .cell.mesi {
  float: left;
  width: 50%;
  border-right: 1px solid #fff;
}
.card .content .cell.rate {
  float: right;
  width: 50%;
}
.card .content .cell.importo {
  border-top: 1px solid #fff;
  clear: both;
  text-align: center;
}
.card .content .cell .name {
  display: block;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 400px) {
  .card .content .cell .name {
    font-size: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .acquisti .card .head {
  	text-align: left;
  }
}
.card .content .cell .value {
  display: block;
  font-size: 60px;
  line-height: 1em;
}
.card .content .cell .value .small {
  font-size: 50%;
  line-height: 50%;
  vertical-align: super;
}
.card .content .buttons {
  padding-bottom: 30px;
}

@media only screen and (max-width: 374px) {

    .card .content .cell .value {
         font-size: 45px;
    }
    .card .content .cell {
         padding: 10px;
    }
}

.card .content .buttons a {
  display: block;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  border: 2px solid #fff;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}
.card.ee .content {
  background-color: #55bd5a;
  background: -webkit-gradient(linear, left top, left bottom, from(#55bd5a), to(#83df87));
  background: -webkit-linear-gradient(top, #55bd5a, #83df87);
  background: -moz-linear-gradient(top, #55bd5a, #83df87);
  background: -ms-linear-gradient(top, #55bd5a, #83df87);
  background: -o-linear-gradient(top, #55bd5a, #83df87);
}
.card.ee .content .buttons a {
  color: #55bd5a;
}
.card.ee .content .buttons a:hover {
  background-color: #e8f6e9;
}
.card.luce .content {
  background-color: #ff5a10;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5a10), to(#f78859));
  background: -webkit-linear-gradient(top, #ff5a10, #f78859);
  background: -moz-linear-gradient(top, #ff5a10, #f78859);
  background: -ms-linear-gradient(top, #ff5a10, #f78859);
  background: -o-linear-gradient(top, #ff5a10, #f78859);
}
.card.luce .content .buttons a {
  color: #ff5a10;
}
.card.luce .content .buttons a:hover {
  background-color: #ffe7dc;
}
.card.gas .content {
  background-color: #0152E8;
  background: -webkit-gradient(linear, left top, left bottom, from(#0152E8), to(#63cbf2));
  background: -webkit-linear-gradient(top, #0152E8, #63cbf2);
  background: -moz-linear-gradient(top, #0152E8, #63cbf2);
  background: -ms-linear-gradient(top, #0152E8, #63cbf2);
  background: -o-linear-gradient(top, #0152E8, #63cbf2);
}
.card.gas .content .buttons a {
  color: #0152E8;
}
.card.gas .content .buttons a:hover {
  background-color: #f5fbfe;
}
@media only screen and (min-width: 1024px) {
  .card.ee .content {
    background-color: #55bd5a;
    background-image: -webkit-gradient(linear, left top, right top, from(#55bd5a), to(#83df87));
    background-image: -webkit-linear-gradient(left, #55bd5a, #83df87);
    background-image: -moz-linear-gradient(left, #55bd5a, #83df87);
    background-image: -ms-linear-gradient(left, #55bd5a, #83df87);
    background-image: -o-linear-gradient(left, #55bd5a, #83df87);
  }
  .card.luce .content {
    background-color: #ff5a10;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5a10), to(#f78859));
    background-image: -webkit-linear-gradient(left, #ff5a10, #f78859);
    background-image: -moz-linear-gradient(left, #ff5a10, #f78859);
    background-image: -ms-linear-gradient(left, #ff5a10, #f78859);
    background-image: -o-linear-gradient(left, #ff5a10, #f78859);
  }
  .card.gas .content {
    background-color: #0152E8;
    background-image: -webkit-gradient(linear, left top, right top, from(#0152E8), to(#63cbf2));
    background-image: -webkit-linear-gradient(left, #0152E8, #63cbf2);
    background-image: -moz-linear-gradient(left, #0152E8, #63cbf2);
    background-image: -ms-linear-gradient(left, #0152E8, #63cbf2);
    background-image: -o-linear-gradient(left, #0152E8, #63cbf2);
  }
  .card .head {
    text-align: left;
  }
  .card .content .cell.mesi,
  .card .content .cell.rate,
  .card .content .cell.importo {
    float: left;
    width: 20%;
    text-align: left;
    padding: 0 15px;
    margin: 15px 0;
    border-left: 1px solid #fff;
  }
  .card .content .cell.importo {
    width: 30%;
    clear: none;
    border-top: 0 none;
  }
  .card .content .cell:first-child {
    border: 0 none;
  }
  .card .content .buttons {
    float: right;
    width: 30%;
    padding: 45px 5px 0 0;
  }
  .card .content.nobuttons .cell.mesi,
  .card .content.nobuttons .cell.rate {
    width: 30%;
  }
  .card .content.nobuttons .cell.importo {
    width: 40%;
  }
}
/************************/
/*			PRODOTTI			*/
/************************/
#main .prodotti {
  font-size: 0;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
#main .prodotti:before,
#main .prodotti:after {
  content: " ";
  display: table;
}
#main .prodotti:after {
  clear: both;
}
.prodotto {
  max-width: 830px;
  margin: 0 auto 20px;
  display: inline-block;
  font-size: 16px;
}
.prodotto .head {
  font-size: 16px;
  color: #fff;
}
.prodotto .head .title {
  padding: 10px;
  font-size: 30px;
}
.prodotto .content {
  font-size: 16px;
  background: #fff;
  border-bottom: 4px solid #dddddd;
}
.prodotto .content:before,
.prodotto .content:after {
  content: " ";
  display: table;
}
.prodotto .content:after {
  clear: both;
}
.prodotto .content .title {
  font-size: 24px;
  padding: 20px;
}
.prodotto .content .imagebox {
  padding: 10px 20px;
  text-align: center;
}
.prodotto .content .imagebox img {
  display: inline-block;
  max-width: 100%;
}
.prodotto .content .warranty {
  padding: 10px 20px;
}
.prodotto .content .warranty p {
  margin: 0;
}
.prodotto .content .warranty .continue {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.prodotto .content .details {
  padding: 10px 20px;
}
.prodotto .content .details dl {
  margin: 0;
  padding: 0;
  text-align: left;
}
.prodotto .content .details dl dt,
.prodotto .content .details dl dd {
  font-size: 18px;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}
.prodotto .content .details dl dt {
  font-size: 16px;
}
.prodotto .content .details dl dd {
  padding-bottom: 10px;
}
.prodotto .content .buttons {
  padding: 20px;
}
.prodotto .content .buttons a {
  font-size: 16px;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .prodotto {
    max-width: 50%;
  }
  .prodotto.alone {
    max-width: 830px;
  }
  .prodotto .content {
    padding-bottom: 20px;
  }
  .prodotto .content .left {
    float: left;
    width: 50%;
  }
  .prodotto .content .right {
    float: right;
    width: 50%;
  }
  .prodotto .content .imagebox {
    border-right: 1px solid #dddddd;
  }
  .prodotto .content .warranty {
    border-right: 1px solid #dddddd;
  }
  .prodotto .content .buttons {
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .prodotti.list .prodotto {
    margin: 20px;
    width: calc(50% - 40px);
  }
}
/************************/
/*			PAGAMENTO		*/
/************************/
.pagamento {
  max-width: 90%;
  width: 830px;
  margin: 0 auto;
  padding: 40px 0;
}
.pagamento .pre .title .icon-prodotto {
  vertical-align: text-bottom;
}
.pagamento .pre .text {
  font-size: 16px;
}
.pagamento .pre .text.small {
  font-size: 14px;
}
.pagamento .post {
  clear: both;
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid #939393;
  border-bottom: 1px solid #939393;
}
.pagamento .post:before,
.pagamento .post:after {
  content: " ";
  display: table;
}
.pagamento .post:after {
  clear: both;
}
.pagamento .post .link a .icon {
  padding-right: 5px;
  font-size: 20px;
}
.pagamento .post input[type="text"] {
  border: 2px solid #222222;
}
.pagamento .post .buttons {
  float: right;
  padding: 40px 10px 20px;
}
.pagamento .post .buttons input[type="submit"] {
  padding: 10px 9px;
}
.pagamento .post .buttons a,
.pagamento .post .buttons input[type="submit"],
.pagamento .post .buttons button {
  min-width: 210px;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 60px;
  margin-bottom: 10px;
}
.pagamento .post .buttons.social {
  padding-left: 0;
  padding-right: 0;
}
.pagamento .post .buttons.social a,
.pagamento .post .buttons.social input[type="submit"],
.pagamento .post .buttons.social button {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 28px;
}
.pagamento .post .buttons.social a .icon,
.pagamento .post .buttons.social input[type="submit"] .icon,
.pagamento .post .buttons.social button .icon {
  font-size: 30px;
  padding-right: 10px;
  float: left;
}
.pagamento .post .buttons.centered {
  float: none;
}
@media only screen and (min-width: 1024px) {
  .pagamento .post .textbox {
    float: left;
    width: 65%;
  }
}
/************************/
/*			DL COLUMN		*/
/************************/
.dlcolumn {
  padding-top: 30px;
  padding-bottom: 30px;
}
.dlcolumn dt,
.dlcolumn dd {
  width: 100%;
  float: none;
}
.dlcolumn dt {
  border: 0 none;
  color: #939393;
  padding-top: 15px;
  padding-bottom: 0;
}
.dlcolumn dd {
  padding: 5px 0 10px;
}
/************************/
/*			PANELS LIST		*/
/************************/
@media only screen and (min-width: 1024px) {
  .panelsflow.list {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  .panelsflow.list .listhidden {
    display: none;
  }
  .panelsflow.list .panel {
    display: table;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse;
    margin: 0;
    background-color: #fff;
  }
  .panelsflow.list .panel:before,
  .panelsflow.list .panel:after {
    content: " ";
    display: table;
  }
  .panelsflow.list .panel:after {
    clear: both;
  }
  .panelsflow.list .panel:after {
    display: none;
  }
  .panelsflow.list .panel .panelhead {
    white-space: nowrap;
    display: block;
    float: left;
    width: 140px;
    background-color: transparent;
    text-align: left;
    /*padding: 20px 10px;*/
    padding: 35px 10px;
  }
  .panelsflow.list .panel .panelhead .title {
    color: #222222;
    font-size: 18px;
    vertical-align: middle;
  }
  .panelsflow.list .panel article {
    display: table;
    margin-left: 140px;
    max-width: none;
    min-height: 90px;
    width: calc(100% - 140px);
    background-color: transparent;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
  }
  .panelsflow.list .panel article * {
    font-size: 18px;
    text-align: left;
    min-height: 0;
    padding: 0;
  }
  .panelsflow.list .panel article > * {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0;/*20px 10px;*/
    width: 22%;
  }
  .panelsflow.list .panel article .title {
    min-width: 160px;
  }
  .panelsflow.list .panel article .title .icon {
    font-size: 20px;
    padding: 0;
  }
  .panelsflow.list .panel article .buttons,
  .panelsflow.list .panel article .links {
    display: table-cell;
    padding: 10px;
    min-width: 140px;
  }
  .panelsflow.list .panel article .buttons > *,
  .panelsflow.list .panel article .links > * {
    min-width: 110px;
    max-width: none;
    text-align: center;
    padding: 0 10px;
    font-size: 12px;
  }
  .panelsflow.list .greybox.open {
    margin: 20px 0;
  }
  .panelsflow.list .greybox.open:before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #a9a9a9;
  }
}
/* list labels */
.listlabels {
  display: none;
  padding: 20px 0 10px;
  color: #939393;
  border-bottom: 1px solid #dddddd;
}
.listlabels .first {
  float: left;
  width: 140px;
  text-align: left;
  padding: 10px;
}
.listlabels .table {
  display: table;
  margin-left: 140px;
  width: calc(100% - 140px);
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
}
.listlabels .tablecell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 22%;
  padding: 10px;
}
.listlabels .tablecell.title {
  min-width: 170px;
}
.listlabels .tablecell.buttons,
.listlabels .tablecell.links {
  min-width: 140px;
}
@media only screen and (min-width: 1024px) {
  .listlabels {
    display: block;
  }
}
.panelsflow .panel,
.panelsflow.list .panel,
.panelsflow .panelhead,
.panelsflow.list .panelhead,
.panelsflow .panelhead .title,
.panelsflow.list .panelhead .title {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.panelsflow .panel .buttons a,
.panelsflow.list .panel .buttons a {
    /*min-width: 240px;*/
}
.panelsflow .panel.multi .buttons a,
.panelsflow.list .panel.multi .buttons a {
  min-width: 110px;
}
/* toggle buttons */
.views-container {
  display: none;
  width: 98px;
  text-align: left;
}
.views-container .title {
  display: block;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 0 0 10px;
}
.views-container .views {
  text-align: left;
  font-size: 0;
}
.views-container .views .view {
  display: inline-block;
  cursor: pointer;
  color: #939393;
}
.views-container .views .view:first-child {
  padding-right: 18px;
}
.views-container .views .view.active {
  color: #ff1065;
}
.views-container .views .view:hover {
  color: #ff76a7;
}
.views-container .views .view .icon {
  font-size: 40px;
}
@media only screen and (min-width: 1024px) {
  .views-container {
    display: inline-block;
  }
}
/* panels con doppi buttons */
.panelsflow.list.doublebuttons .panel article .buttons,
.listlabels.doublebuttons .buttons {
  min-width: 260px;
}
.panelsflow.list.doublebuttons .panel article .buttons {
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .panelsflow.list.doublebuttons .panel article .buttons {
    text-align: center;
  }
}
/************************/
/*			TABLE LIST		*/
/************************/
.tablelist {
  margin: 0 auto;
}
.tablelist.nohead .row .cell.title + .cell {
  border-top: 0 none;
}
.tablelist.centered {
  text-align: left;
}
.tablelist .tablehidden {
  display: block;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tablelist .fieldlabel {
  display: block;
}
.tablelist .row {
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}
.tablelist .row .cell {
  padding: 15px;
  padding-left: 0;
  margin-left: 25px;
  line-height: 1.8em;
  border-top: 1px solid #cdcdcd;
}
.tablelist .row .cell.title {
  font-size: 20px;
  line-height: 2.2em;
  margin: 0;
  padding: 0;
  border: 0 none;
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tablelist .row .cell .icon {
  font-size: 25px;
  padding-right: 10px;
  vertical-align: middle;
}
.tablelist .row .cell .continue {
  padding: 0;
}
.tablelist .row.head {
  padding-bottom: 0;
}
.tablelist .row.head .cell {
  display: none;
}
.tablelist .row.head .cell.title {
  display: block;
}
.tablelist .row.nobordertop {
  padding-bottom: 0;
}
.tablelist .row.nobordertop .cell {
  display: none;
}
.tablelist .row.nobordertop .cell.title {
  display: block;
}
.tablelist.base .row.head {
  display: none;
}
.tablelist.base .row {
  padding-bottom: 0;
}
.tablelist.base .row .cell {
  margin-left: 0;
}
.tablelist.base .row .cell:first-child {
  border-top: 0 none;
}
@media only screen and (min-width: 1024px) {
  .tablelist {
    display: table;
    font-size: 14px;
  }
  .tablelist.nohead .row .cell.title + .cell {
    border-top: 1px solid #cdcdcd;
  }
  .tablelist.nohead .row:first-child .cell,
  .tablelist.nohead .row:first-child .cell.title + .cell {
    border-top: 0 none;
  }
  .tablelist.justify {
    width: 100%;
  }
  .tablelist.justify .cell {
    text-align: right;
  }
  .tablelist.justify .cell:first-child {
    text-align: left;
  }
  .tablelist .row {
    display: table-row;
  }
  .tablelist .row .cell {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    padding: 10px 5px;
    line-height: 1.6em;
  }
  .tablelist .row .cell.title {
    font-size: 14px;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-top: 1px solid #cdcdcd;
  }
  .tablelist .row.head .cell {
    display: table-cell;
    border: 0 none;
  }
  .tablelist .row.head .cell.title {
    display: table-cell;
  }
  .tablelist .row.nobordertop .cell {
    display: table-cell;
    border: 0 none;
  }
  .tablelist .row.nobordertop .cell.title {
    display: table-cell;
  }
  .tablelist .tablehidden {
    display: none;
  }
  .tablelist.centered {
    text-align: center;
  }
  .tablelist.base .row.head {
    display: table-row;
  }
  .tablelist.base .row .cell:first-child {
    border-top: 1px solid #cdcdcd;
  }
  .tablelist.base .row.head .cell:first-child {
    border-top: 0 none;
  }
}
/************************/
/*		CHECKBOX CUSTOM	*/
/************************/
.checkboxcustom label {
  display: block;
  position: relative;
  cursor: pointer;
}
.checkboxcustom label input[type="checkbox"] {
  display: none;
}
.checkboxcustom label .square {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  vertical-align: middle;
  text-align: center;
}
.checkboxcustom label .labeltext {
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: middle;
  text-align: left;
}
.checkboxcustom label input[type="checkbox"]:checked + .square:before {
  font-family: 'enel_icomoon';
  font-size: 14px;
  content: "\e906";
  line-height: 15px;
  vertical-align: top;
}
.checkboxcustom label input[type="checkbox"]:disabled + .square {
  border-color: #939393;
}
.checkboxcustom label input[type="checkbox"]:disabled + .square:before {
  opacity: .5;
}
.checkboxcustom label.reset {
  line-height: 1.4em;
  padding: 0 0 16px;
}
.checkboxcustom label.reset .square {
  vertical-align: top;
  margin-top: 5px;
}
.checkboxcustom label.reset .labeltext {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.checkboxcustom label.reset .labeltext .tablehidden {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.checkboxcustom.dark .square {
  color: #dddddd;
}
.checkboxcustom.dark .square:before {
  color: #222222;
}
@media only screen and (min-width: 1024px) {
  .checkboxcustom label .labeltext {
    text-align: center;
  }
  .checkboxcustom label.reset {
    line-height: 1.6em;
    padding: 0;
  }
  .checkboxcustom label.reset .square {
    vertical-align: middle;
    margin-top: 0;
  }
  .checkboxcustom label.reset .labeltext {
    font-size: 14px;
  }
}
/************************/
/*			UNDERLINED		*/
/************************/
.underlined {
  font-size: 0;
  padding: 40px 0 20px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  text-align: left;
  display: table;
  width: 100%;
}
.underlined .entry {
  display: table-cell;
  font-size: 16px;
  width: 37%;
  line-height: 1em;
}
.underlined .entry:first-child {
  width: 26%;
}
.underlined .entry .name {
  display: block;
  color: #939393;
  padding-bottom: 10px;
  min-height: 44px;
}
.underlined .entry .amount {
  font-size: 18px;
}
.underlined .entry.wide {
  display: block;
  width: 100%;
}
.underlined .entry.wide:before,
.underlined .entry.wide:after {
  content: " ";
  display: table;
}
.underlined .entry.wide:after {
  clear: both;
}
.underlined .entry.wide .name {
  float: left;
  width: 50%;
}
.underlined .entry.wide .amount {
  float: right;
  width: 50%;
}
/************************/
/*			SURVEY PAGE		*/
/************************/
#header_survey .brand {
  display: block;
  max-width: 185px;
  overflow: hidden;
  margin: 0 auto;
}
#header_survey .brand img {
  display: block;
  width: 200%;
}
#content_survey .poll {
  padding: 0 0 40px;
}
#content_survey .poll .votes {
  text-align: center;
}
#content_survey .poll .votes .vote {
  padding: 0 0 10px;
}
#content_survey .poll .votes .vote .name {
  font-size: 15px;
  padding: 5px 0;
}
#content_survey .poll .votes .vote .radios {
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
}
#content_survey .poll .votes .vote .radios .radio {
  display: inline-block;
  padding: 10px;
}
#content_survey .poll .votes .vote .smile {
  display: inline-block;
  vertical-align: middle;
}
#content_survey .poll .votes .vote .smile .icon {
  font-size: 40px;
  color: #939393;
}
#content_survey .poll .votes .vote {
  padding: 30px 0 0;
}
#content_survey .poll .votes .vote .radios .radio {
  padding: 20px;
}
#content_survey .icon-wrapper {
  padding-top: 60px;
}
#content_survey .icon-wrapper img {
  display: block;
  margin: 0 auto;
  max-width: 200px;
}
#content_survey .icon-wrapper .title {
  display: block;
  text-align: center;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 28px;
  padding: 20px 0 0;
  text-transform: uppercase;
}
#content_survey .textarea-wrapper {
  padding: 80px 20px 20px;
  max-width: 640px;
  margin: 0 auto;
}
#content_survey .textarea-wrapper .biglabel {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}
#content_survey .textarea-wrapper textarea {
  display: block;
  width: 100%;
  height: 16em;
  margin-top: 20px;
}
#content_survey .textarea-wrapper .post {
  text-align: right;
}
#content_survey .textarea-wrapper .post.small {
  font-size: 14px;
}
#content_survey .submit-wrapper {
  max-width: 640px;
  margin: 0 auto;
}
#content_survey .submit-wrapper .btn_fuxia1 {
  /*border-color: transparent;*/
  padding: 0 10px;
  min-width: 140px;
}
/************************/
/*			COLLAPSIBLE		*/
/************************/
.collapsible .title.small {
  font-size: 20px;
  line-height: 30px;
}
.collapsible .box-title {
  display: block;
  width: 100%;
  padding: 10px 0;
  border: 0 none;
  background-color: transparent;
  font-size: 16px;
  text-align: left;
  border-bottom: 1px solid #222222;
  cursor: pointer;
}
.collapsible .box-title .title.small {
  font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.collapsible .box-title .icon {
  float: right;
  padding-top: 2px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.collapsible .box-content {
  display: none;
}
.collapsible table {
  width: 100%;
  padding: 50px 0;
  text-align: left;
}
.collapsible table td {
  padding: 10px 0;
}
.collapsible table .checkboxcustom {
  display: inline-block;
  padding: 0 20px;
}
.collapsible.open .box-title .icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.collapsible .box-title .icon,
.collapsible.open .box-title .icon {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
/* dentro i greybox */
.greybox .collapsible {
  border-color: #fff;
}
.greybox .collapsible .box-title {
  color: #fff;
  border-color: #fff;
}
/* dentro i radio */
.radio .collapsible {
  border-width: 0;
  border-style: solid;
  border-bottom-width: 1px;
  position: relative;
  top: -30px;
}
.radio .collapsible > .title.small {
  padding-top: 0;
  margin-left: 30px;
}
.radio .collapsible .box-title {
  border: 0 none;
  width: auto;
  display: block;
  font-size: 14px;
  line-height: 1em;
  vertical-align: middle;
  padding-top: 0;
  margin-left: 30px;
}
.radio .collapsible .box-title .title {
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.radio .collapsible .box-content {
  margin-left: 40px;
}
.radio .collapsible .box-content .text {
  width: auto;
  max-width: none;
  padding: 10px 0 30px;
}
@media only screen and (min-width: 640px) {
  .radio .collapsible .box-title {
    position: absolute;
    top: 8px;
    right: 0;
    display: inline-block;
    margin-left: 0;
  }
}
/************************/
/************************/
/*			BOX WHITETEXT	*/
/************************/
.box.whitetext {
  color: #fff;
  clear: both;
  padding-top: 15px;
}
.box.whitetext a {
  color: #fff;
}
.box.whitetext .box-title {
  display: block;
  padding: 0;
  position: relative;
}
.box.whitetext .box-title .title {
  display: block;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 10px 0;
}
.box.whitetext .box-title .title + .title {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-top: 0;
}
.box.whitetext .box-title .sign {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 60px;
  color: transparent;
  line-height: 26px;
}
.box.whitetext .box-title .sign:after {
  position: absolute;
  top: 2px;
  right: -4px;
  color: #666666;
  font-size: 36px;
  content: '+';
}
.box.whitetext .box-content {
  background-color: #939393;
  padding: 0 20px;
}
.box.whitetext .box-content .scheda {
  padding-bottom: 20px;
}
.box.whitetext.open .box-title .sign {
  color: #666666;
}
.box.whitetext.open .box-title .sign:after {
  color: transparent;
}
.box.whitetext .sign,
.box.whitetext.open .sign,
.box.whitetext sign:after,
.box.whitetext.open sign:after {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.box.whitetext .icon-arrow,
.box.whitetext.open .icon-arrow {
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
}
@media only screen and (min-width: 1024px) {
  .box.whitetext {
    position: relative;
    top: -29px;
    padding: 0;
  }
  .box.whitetext .box-title {
    font-size: 0;
    margin: 0 10px;
    border-bottom: 1px solid #fff;
  }
  .box.whitetext .box-title .title {
    display: inline-block;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    padding: 10px;
    width: 50%;
  }
  .box.whitetext .box-title .title + .title {
    padding-left: 20px;
  }
  .box.whitetext .box-title .sign {
    top: 0;
  }
  .box.whitetext .box-content {
    position: relative;
    top: -1px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
/************************/
/*			ICOMOON			*/
/************************/
@font-face {
  font-family: 'enel_icomoon';
  src: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enel_icomoon.eot');
  src: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enel_icomoon.eot?g14hfx#mbe5a') format('embedded-opentype'), url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enel_icomoon.ttf') format('truetype'), url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enel_icomoon.woff') format('woff'), url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enel_icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'enel_icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-acquistoeneltuttook:before {
  content: "\e92c";
}
.icon-acquistolampadineled:before {
  content: "\e92d";
}
.icon-potenzaridotta:before {
  content: "\e92e";
}
.icon-forniturasospesa:before {
  content: "\e92f";
}
.icon-prebollettachiara:before {
  content: "\e930";
}
.icon-bollettachiara:before {
  content: "\e931";
}
.icon-bollettascaduta:before {
  content: "\e932";
}
.icon-bollettainscadenza:before {
  content: "\e933";
}
.icon-ricordaautolettura:before {
  content: "\e934";
}
.icon-inviaautolettura:before {
  content: "\e935";
}
.icon-bollettanondomiciliata:before {
  content: "\e936";
}
.icon-bollettadomiciliata:before {
  content: "\e937";
}
.icon-bollettagenius:before {
  content: "\e938";
}
.icon-grid:before {
  content: "\e92a";
}
.icon-list:before {
  content: "\e92b";
}
.icon-download:before {
  content: "\e929";
}
.icon-fogli:before {
  content: "\e928";
}
.icon-info:before {
  content: "\e91d";
}
.icon-prodotto:before {
  content: "\e91e";
}
.icon-allegati:before {
  content: "\e927";
}
.icon-installazione:before {
  content: "\e91f";
}
.icon-carta:before {
  content: "\e920";
}
.icon-sopralluogo:before {
  content: "\e921";
}
.icon-domiciliazione:before {
  content: "\e922";
}
.icon-pagamento:before {
  content: "\e923";
}
.icon-finanziamento:before {
  content: "\e924";
}
.icon-lavorazione:before {
  content: "\e925";
}
.icon-alert:before {
  content: "\e926";
}
.icon-house:before {
  content: "\e915";
}
.icon-check:before {
  content: "\e906";
}
.icon-error:before {
  content: "\e91c";
}
.icon-hamburger:before {
  content: "\e907";
}
.icon-arrow:before {
  content: "\e909";
}
.icon-arrowthin:before {
  content: "\e908";
}
.icon-arrowfull:before {
  content: "\e911";
}
.icon-chat_open:before {
  content: "\e90a";
}
.icon-chat_closed:before {
  content: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icona_live_chat.png);
}
.icon-search:before {
  content: "\e912";
}
.icon-edit:before {
  content: "\e913";
}
.icon-document:before {
  content: "\e901";
}
.icon-bell:before {
  content: "\e900";
}
.icon-survey:before {
  content: "\e90c";
}
.icon-mobile:before {
  content: "\e914";
}
.icon-flame:before {
  content: "\e90d";
}
.icon-lightning:before {
  content: "\e90e";
}
.icon-glasses:before {
  content: "\e90f";
}
.icon-calendar:before {
  content: "\e910";
}
.icon-user:before {
  content: "\e91b";
}
.icon-twitter:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-youtube:before {
  content: "\e904";
}
.icon-googleplus:before {
  content: "\e905";
}
.icon-smile01:before {
  content: "\e916";
}
.icon-smile02:before {
  content: "\e917";
}
.icon-smile03:before {
  content: "\e918";
}
.icon-smile04:before {
  content: "\e919";
}
.icon-smile05:before {
  content: "\e91a";
}

.icon-edit_contact:before {
  content: "\e939";
  font-size: 96px;
  line-height: 0.4;

}
.icon-friends:before {
  content: "\e93a";
}

@media only screen and (min-width: 1024px){
	.icon-edit_contact:before {
		font-size: 80px;
	}	
}

/***************************/
/* ENELENERGIA AREACLIENTI */
/***************************/
@font-face {
  font-family: "enelenergiaareaclienti";
  src:url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enelenergiaareaclienti.eot");
  src:url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enelenergiaareaclienti.eot?#iefix") format("embedded-opentype"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enelenergiaareaclienti.woff") format("woff"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enelenergiaareaclienti.ttf") format("truetype"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/enelenergiaareaclienti.svg#enelenergiaareaclienti") format("svg");
  font-weight: normal;
  font-style: normal;

}
[class^="eeicon-"]:before,
[class*=" eeicon-"]:before {
  font-family: "enelenergiaareaclienti" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: larger;
}

.eeicon-bollettaweb:before {
  content: "\61";
}
/************************/
/*			PROSPECT			*/
/************************/
#main.homeprospect #topcontent {
  padding-top: 0;
  color: #222222;
  text-align: left;
  background-size: auto 750px;
}
#main.homeprospect #topcontent .prospect-section article {
  text-align: center;
  padding: 50px 20px 0;
}
#main.homeprospect #topcontent .prospect-section article .pre {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}
#main.homeprospect #topcontent .prospect-section article .title {
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  padding: 60px 0 20px;
}
#main.homeprospect #topcontent .prospect-section article .title.pennello {
  position: relative;
  padding-left: 30px;
}
#main.homeprospect #topcontent .prospect-section article .title.pennello:before {
	background: white;
    content: 'a';
    width: 25px;
    height: 55%;
    position: absolute;
    left: -6px;
}
#main.homeprospect #topcontent .prospect-section article .text {
  font-size: 15px;
  line-height: 25px;
  color: #fff;
}
#main.homeprospect #topcontent .prospect-section .buttons {
  padding: 20px;
  color: #fff;
}
#main.homeprospect #topcontent .prospect-section .buttons .continue {
  text-transform: uppercase;
  font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;/*#0555fa;*/
  font-size: 12px;
}
#main.homeprospect #topcontent .noforniture {
  color: #fff;
  background-color: #36a6ea;
  background-repeat: no-repeat;
}
#main.homeprospect #topcontent .noforniture article .pre {
  color: #fff;
}
#main.homeprospect #topcontent .noforniture article .title {
  padding-bottom: 60%;
}
#main.homeprospect #topcontent .noforniture .buttons {
  padding: 20px 0 0;
}
#main.homeprospect #topcontent .noforniture .buttons .continue {
  display: block;
  padding: 10px 20px;
  text-align: center;
  color: #36a6ea;
  background-color: #fff;
  border: 1px solid #fff;
}
#main.homeprospect #topcontent .noforniture .buttons .continue:link,
#main.homeprospect #topcontent .noforniture .buttons .continue:visited {
  color: #36a6ea;
  background-color: #fff;
}
#main.homeprospect #topcontent .noforniture .buttons .continue:active,
#main.homeprospect #topcontent .noforniture .buttons .continue:hover {
  color: #fff;
  background-color: #36a6ea;
}
#main.homeprospect #topcontent .activating {
  /*background: url(main/img/visore_RSD_prospect.jpg) no-repeat center;
  height: 750px;*/
}
#main.homeprospect #topcontent .activating article {
  padding-top: 50%;
  text-align: left;
}
#main.homeprospect #topcontent .activating .buttons .continue:active,
#main.homeprospect #topcontent .activating .buttons .continue:hover {
  color: #36a6ea;
}
@media only screen and (max-width: 767px) {
  #main.homeprospect #topcontent {
    background-size: auto 625px !important;
    background-position: 30% 0 !important;
  }
  #main.homeprospect #topcontent .activating {
    min-height: 635px;
  }
}
@media only screen and (max-width: 640px) {
  #main.homeprospect #topcontent {
    background-size: auto 550px !important;
  }
  #main.homeprospect #topcontent .activating {
    min-height: 560px;
  }
}
@media only screen and (max-width: 555px) {
  #main.homeprospect #topcontent .noforniture {
    background-size: 80% auto;
  }
  #main.homeprospect #topcontent .activating {
    background-size: auto;
    background-position: 30% -10%;
  }
}
@media only screen and (min-width: 556px) {
  #main.homeprospect #topcontent .noforniture article .title {
    padding-bottom: 300px;
  }
  #main.homeprospect #topcontent .activating {
    background-size: auto;
    background-position: 30% -10%;
  }
}
@media only screen and (max-width: 1023px) {
  #main.homeprospect #topcontent .noforniture {
    background-image: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/lucegas_small.png);
    background-position: center 60%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #main.homeprospect #topcontent .noforniture {
    background-size: 50% auto;
  }
}
@media only screen and (min-width: 1024px) {
  #main.homeprospect #topcontent .prospect-section article {
    padding: 14% 60% 4% 8%;
    text-align: left;
  }
  #main.homeprospect #topcontent .prospect-section article .title {
    padding-bottom: 30px;
  }
  #main.homeprospect #topcontent .prospect-section .buttons {
    padding: 0 8% 8%;
  }
  #main.homeprospect #topcontent .prospect-section .buttons .continue {
    display: inline-block;
  }
  #main.homeprospect #topcontent .prospect-section.noforniture {
    background-image: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/lucegas.png);
    background-position: 90% center;
  }
  #main.homeprospect #topcontent .prospect-section.activating {
    /*background-position: 1000% top;*/
  }
}
@media only screen and (min-width: 1280px) {
  #main.homeprospect #topcontent .prospect-section.activating {
    /*background-position: 200% top;*/
  }
}
@media only screen and (min-width: 1600px) {
  #main.homeprospect #topcontent .prospect-section.activating {
    /*background-position: right top;*/
  }
}
/* Prospect Modal */
.prospectmodal .content {
  max-width: 90%;
  margin: 0 auto;
}
.prospectmodal .content .text,
.prospectmodal .content .buttons {
  padding: 30px 0;
}
/************************/
/*			MODIFICADATI	*/
/************************/
.clear {
  clear: both;
}
#topcontent.admin {
  padding-top: 0;
}
#main.modificadati #topcontent .top-admin-panel {
  background-color: #FF4687;
  text-align: center;
  position: relative;
  padding: 140px 0;
}
.top-admin-panel a {
  color: #802344;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  font-family: "RoobertBold";
}
.top-admin-panel a.active {
  color: #FFA2C3;
}
.top-admin-panel h2 {
  color: #FFFFFF;
  font-size: 80px;
  margin-top: 14px;
  padding-bottom: 0px;
}
.half-column {
  width: 50%;
  margin: auto;
  font-size: 24px;
  line-height: 32px;
  padding-top: 10px;
}
.centered {
  text-align: center;
}
.vcss-form-container {
  width: 60%;
  margin: auto;
}
.vcss-form-container h3 {
  font-size: 50px;
  margin: 60px 0 56px;
  line-height: 50px;
}
.vcss-form-container h2 {
  font-size: 60px;
  margin: 50px 0 46px 0;
  line-height: 60px;
}
.vcss-form-container h4 {
  font-size: 40px;
  margin: 130px 0 30px 0;
  line-height: 40px;
}
.vcss-larger {
  width: 100%;
}
.vcss-form-container h5 {
  font-size: 30px;
  margin: 0 0 42px 0;
  line-height: 30px;
  text-align: left;
}
.vcss-form-container strong {
  font-size: 15px;
  margin: 0;
  text-align: left;
  width: 100%;
  display: block;
  font-family: "RoobertBold";
}
.vcss-form-container p {
  font-size: 18px;
  margin: 0 0 8px 0;
  text-align: left;
  text-transform: uppercase;
  line-height: 15px;
}
.vcss-form-container p.normal {
  text-transform: none;
}
.vcss-form-container p.mess {
  text-transform: none;
  text-align: center;
  line-height: 26px;
  margin-bottom: 20px;
}
.vcss-form-container hr {
  border-color: #DFDFDF;
  margin: 30px 0;
}
.vcss-form-container input {
  width: 100%;
  padding: 20px;
  border-width: 2px;
  margin-bottom: 24px;
}
.vcss-form-container a {
  margin-bottom: 24px;
}
.vcss-form-container input:focus {
  outline: none;
}
.vcss-form-container input[type='radio'] {
  width: auto;
  cursor: pointer;
  float: left;
  padding: 0;
  margin: 11px 0;
  display: none;
}

.vcss-form-container form > input[type='radio'] + label {
  background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/sprite.png') 0 -120px no-repeat;
}
.vcss-form-container form > input[type='radio']:checked + label {
  background-position: 0 -180px;
  background-repeat: no-repeat;
}
.vcss-form-container label {
  float: left;
  padding-left: 50px;
  font-size: 18px;
  margin: 10px 0 6px 0;
}
.vcss-form-container input[type='submit'] {
  width: 100%;
  padding: 0 20px;
  background-color: #FF0F63;
  color: #FFFFFF;
  border-width: 0px;
  text-transform: uppercase;
  margin-top: 40px;
  cursor: pointer;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
}
.vcss-indietro {
  font-size: 12px;
  height: 50px;
  line-height: 50px;
}
.vcss-form-container .vcss-bar {
  width: 100%;
  position: relative;
  margin: 60px 0 46px 0;
}
.vcss-form-container .vcss-bar hr {
  height: 4px;
  width: 100%;
  position: relative;
  margin: 18px 0;
  background-color: #DFDFDF;
  border: none;
}
.vcss-form-container .vcss-bar .prog {
  height: 40px;
  width: 40px;
  position: absolute;
  background-color: #CBCBCB;
  border-radius: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 40px;
  font-family: "RoobertBold";
}
.vcss-form-container .vcss-bar .v {
  background-color: #55BD59;
  background-image: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/v.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.vcss-form-container .vcss-bar span:nth-child(1) {
  left: 65px;
}
.vcss-form-container .vcss-bar span:nth-child(2) {
  left: 0px;
  right: 0px;
}
.vcss-form-container .vcss-bar span:nth-child(3) {
  right: 65px;
}
.vcss-indietro {
  display: inline-block;
  background-color: #FFFFFF;
  color: #FF0F63!important;
  border: 2px solid #FF0F63;
  width: 49%;
  float: left;
  max-height: 57px;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  font-family: "RoobertBold";
  margin-top: 40px;
}
.second-step input[type='submit'] {
  display: inline-block;
  width: 49%;
  float: right;
  max-height:57px;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 50px; 
  height: 50px;
  margin-top: 40px;
  font-family: "RoobertBold";
  border: 2px solid #FF0F63;
}
.vcss-step1 {
  width: 100%;
  padding: 0 16px;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
  background-color: #FF0F63;
  font-family: "RoobertBold";
  color: #FFFFFF!important;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
}
.vcss-steps {
  width: 49%;
  padding: 0 16px;
  display: inline-block;
  margin-top: 40px;
  cursor: pointer;
  background-color: #FF0F63;
  font-family: "RoobertBold";
  color: #FFFFFF!important;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
}
.vcss-fine {
  width: 180px;
  padding: 0 16px;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
  background-color: #FF0F63;
  font-family: "RoobertBold";
  color: #FFFFFF!important;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
}
.vcss-fine-consensi {
  width: 240px;
  padding: 16px;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 40px;
  cursor: pointer;
  background-color: #FFFFFF;
  font-family: "RoobertBold";
  color: #222222!important;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  border: 2px solid #222222;
}
.vcss .remodal-wrapper {
  padding: 0;
  top: 0;
}
.vcss-space {
  margin-left: 25%;
}
.vcss-space-2 {
  margin-left: 17%;
}
#esito_cons {
	margin: 0 auto;
	float: none;
}
.tile {
  outline: none;
}
.vcss-finito-primo h2 {
  font-size: 42px;
  line-height: 42px;
  padding: 20px 0 10px 0;
}
.vcss-finito-primo p {
  margin: 0 0 30px 0;
}
.vcss-finito-primo div.linee,
.vcss-finito-primo p.linee {
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  padding: 14px 0;
  color: #898989;
  text-align: left;
  margin: 30px 0 18px 0;
}
.vcss-finito-primo p.frecce {
  background-image: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/freccia_giu.png');
  background-repeat: no-repeat;
  background-position: 99% center;
}
.vcss-finito h2 {
  font-size: 42px;
  line-height: 1em;
  padding: 20px 0;
}
.vcss-finito p {
  line-height: 24px;
}
.vcss-finito a {
  width: 240px;
  padding: 0px;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
  background-color: transparent;
  font-family: "RoobertBold";
  color: #FFFFFF!important;
  font-size: 12px;
  line-height: 50px;
  height: 50px;
  text-transform: uppercase;
  border: 1px solid #676767;
}
.vcss-boxes {
  position: relative;
}
.vcss-boxes div.box {
  position: absolute;
  display: none;
  bottom: 0;
  width: 300px;
  background-color: #FFFFFF;
  height: auto;
  left: -40px;
  padding: 50px 20px 20px 20px;
}
.vcss-boxes div.box h3 {
  text-transform: uppercase;
  color: #FF4687;
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: "RoobertBold";
}
.vcss-boxes div.box span {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #FF4687;
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  background-image: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/close.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
}
.vcss-boxes div.box p {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.remodal.modificadati .paneltile > .wrapper {
  height: auto !important;
  padding: 0 !important;
}
.remodal .head {
  background-color: #000;
}
.vcss-boxes.active div.box {
  display: block;
}
.vcss-form-consenso div p {
  text-align: left;
  color: #898989;
  font-size: 14px;
}
.vcss-form-consenso div p span {
  display: block;
  text-align: left;
  color: #FFFFFF;
  font-size: 14px;
}
.vcss-form-consenso div p.centered {
  text-align: center;
}
.vcss-form-consenso .vcss-conf-stile {
  background-color: #FFFFFF;
  color: #676767;
  display: inline-block;
  text-transform: uppercase;
  width: 200px;
  padding: 12px 0;
  font-size: 12px;
  font-family: "RoobertBold";
  clear: both;
  margin: 30px 0;
}
.vcss-form-consenso .vcss-conf {
  background-color: transform;
  color: #ffffff;
  font-family: "RoobertBold";
  text-transform: uppercase;
  width: 200px;
  padding: 12px 0;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  outline: none;
}
.show-mobile {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .vcss-form-container {
    width: 80%;
  }
}
@media only screen and (max-width: 1023px) {
  .half-column {
    width: 70%;
  }
  .vcss-form-container {
    width: 100%;
  }
  .vcss-space-2 {
    margin-left: 0;
  }
  .vcss-space {
    margin-left: 0;
  }
  
  .vcss-form-consenso .box33 {
    width: 33%;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .vcss-indietro,
  .second-step input[type='submit'],
  .vcss-form-container input[type='submit'] {
    width: 100%;
    margin-top: 20px;
  }
  .half-column {
    width: 100%;
    padding: 0 30px;
  }
  .vcss-bread {
    display: none!important;
  }
  .top-admin-panel h2 {
    color: #FFFFFF;
    font-size: 36px;
    margin-top: 14px;
    padding-bottom: 100px;
  }
  #main.modificadati #topcontent .top-admin-panel {
    padding: 110px 0 0;
  }
  .vcss-form-container h3 {
    font-size: 30px;
    margin: 30px 0 26px 0;
    line-height: 50px;
  }
  .vcss-space-2 {
    margin-left: 0;
  }
  .vcss-space {
    margin-left: 0;
    margin-top: 70px;
  }
  .vcss-form-container h5 {
    margin: 0 0 6px 0;
  }
  .hide-mobile {
    display: none!important;
  }
  .show-mobile {
    text-align: center!important;
    margin: 0!important;
    text-transform: none!important;
    display: block;
  }
  .vcss-form-container h2 {
    font-size: 44px;
    margin: 50px 0 46px 0;
    line-height: 60px;
  }
  .vcss-form-consenso .box33 {
    width: 33%;
    float: left;
  }
  .vcss-boxes div.box {
    width: 280px;
    left: 0px;
    padding: 50px 10px 20px 10px;
  }
}
@media only screen and (max-width: 400px) {
  .vcss-form-container .vcss-bar span:nth-child(1) {
    left: 25px;
  }
  .vcss-form-container .vcss-bar span:nth-child(3) {
    right: 25px;
  }
}

.box article .title {
	padding-left: 0px;
}

/*#header .messages .toggle:after {
	height: 50px;
	width: 40px;
}*/

.survey {
	position: absolute;
    margin-right: 0px;
    right: 0px;
}
@media only screen and (max-width: 1023px) {
  #bottomcontent article.textleft .title {
    padding-top: 12px;
    padding-left: 40px;
  }
  #bottomcontent article .title {
    padding: 12px 0px 20px;
  }

  .panelsflow .panel .title {
      min-height: 40px;
  }

  .textovertile .wrapper .box article {
    min-height: 150px;
  }

  .textovertile .wrapper .box .subtitle {
    padding-left: 40px;
  }

  .texttile article {
    padding: 20px 0;
  }

  #bottomcontent article.textleft .text p {
    display: none;
  }
  #bottomcontent article.textleft .text a {
    border: none !important;
    padding: 0;
    height: 25px;
    line-height: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#main.modificadati .vcss-form-container {
	    width: 85%;
	}
	.services .service.current {
    	top: 0;
	}
	/* No rounding input submit on ipad */
	.vcss-form-container .no-rounding-input {
		-webkit-appearance: none;
		border-radius: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1600px) and (orientation: landscape) {
	.remodal[data-remodal-id='modal_forniture'] .slick-slide {
	    padding-right: 10px;
	}
	/* Fix to view list payment on  multiple lines */
	#bolletteElenco span.status.color_green1 {
	    white-space: pre-line;
	}
}

@media only screen and (min-width: 320px) and (max-width: 640px) {

   	.home .survey,
   	.homeprospect .survey {
	    position: absolute;
	    top: 124px;
	    margin-right: 0px;
	    right: 0px;
   	}
   	#content_survey .poll .votes .vote .radios {
	  	padding-right: 0;
	}

   .btn_transparent.big {
     margin-top: 50px;
     margin-bottom: -60px;
     font-weight: 300;
     height: 50px;
     line-height: 50px;
     padding: 0px 26px;
   }

  #cruscotto .cruscotto-nav {
  width: 100%;
  text-align: center;
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  background-color: #fff;
  }

  #cruscotto .scheda.fornitura .details dl dt {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight:bold;
  color: #000000;
  text-transform: uppercase;
  padding-top: 10px;
  border-top: 1px solid #f7f7f7;
  }

   #cruscotto .scheda.fornitura .details dl dd {
	  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
	  font-size: 24px;
	  color: #333333;
	  text-transform: uppercase;
	  padding-top: 10px;
	  /*border-top: 1px solid #f7f7f7;*/
  }

  #cruscotto .scheda .buttons {
    height: 110px;
    font-size:12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
  }

  #cruscotto .scheda.infofornitura .details dl dd {
  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding-top: 20px;
  border-top: 1px solid transparent;
  }

  #bottomcontent article .title {
    font-size: 30px;
    line-height: 35px;
  }

  .loyalty .box .textbox article .title {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 22px !important;
    line-height: 26px !important;
  }

  .remodal .head {
    background-color: #000;
  }
  .remodal .head .logo {
    max-width: 100%; /* PMO5619 */
    overflow: hidden;
  }
  .remodal .head .logo img {
    width: 150px;
    height: auto;
    padding: 5px 0;
  }

  .remodal .content .titlebig {
   font-size:25px;
  }

  .remodal .services.single .service span{
   font-size:25px;
  }

  .remodal .panelhead .title{
   font-size:24px;
  }
/*
  .remodal .panel .bg_grey1 .title{
     margin-bottom: -25px;
   }
*/
   #footer .social .title {
     font-size: 18px;
   }

   #footer .info {
     font-size: 13px;
   }

   #footer .links a {
     font-size:13px;
  }

  #header nav.topmenu ul li.haschild .submenu .submenu-container ul li a {
    font-size:24px;
  }

  .services .service.current {
    /*padding-left:2px;*/
  }
}

/*-----SELECT-----*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/select.png) no-repeat right 8px top 20px !important;
}
select ::-ms-expand {
  display:none;
}

#main {
	position: relative;
}

/* PMO5619 NON TOCCARE*/
#cruscotto span, #offertaDescFornitura, #statoFornitura, #welcomeUser span, .panel article h1.title, .panel article span.status {text-transform:capitalize;}

/* PMO5619 NON TOCCARE*/
.row-prospect {
	font-size: 32px;
	padding-top: 40px;
	text-align: center;
	padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	/* PMO5619 - Defect #411 */
	.row-prospect {
	    margin-top: 110px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
	/* PMO5619 - Defect #411 */
	.row-prospect {
	    margin-top: 180px;
	}
}


/* PMO5619 NON TOCCARE*/
#nCWeb {
	text-transform: capitalize;
}

/* PMO5619 NON TOCCARE*/
.wscLoginModal article .text {
	padding-top: 20px;
	padding-bottom: 20px;
}

.remodal.confermacontratto .wrapper {
	padding-top: 20px;
}

.remodal[data-remodal-id='modal_social'] .simplebox {
	max-width: 100%;
}

@media only screen and (min-width: 1280px) {
	#topcontent {
		background-size: 100%!important; /* workaround per urgenza in collaudo */
	}
}



/* BOLLETTA GENIUS */
.utente .badge-notifica-user,
.row .menu-sx ul li.active {
	z-index: 1;
}



.hidden_important {
	display: none !important;
}

/* ICON COBROWSE */
#btnAttivaCobrowsFramePrivate_2:hover { /* PMO 5619 - Defect #441 */
	cursor: pointer;
}

.notexttransform {
	text-transform:none!important;
}

.survey {
	display:none;
}

.chat-minimized {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
	zoom: 1;  
}

/* Fix to view correctly icons in bollettagenius */
#wrap > .container.energia,
#wrap > .container.gas {
    padding-left: 0px;
    padding-right: 0px;
}

#chat_container_desktop .wrapper {
	background: transparent;
}

#iframechatap {
	background: none transparent;
}

/********************
***** STILE VAC *****
*********************/
.vac-close {
    color: white;
    line-height: 45px;
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 19px;
    float: right;
    display: inline;
    position: relative;
    z-index: 100;
    right: 10px;
    cursor: pointer;
    top: 0;
}

.vac-minimize {
    color: white;
    line-height: 45px;
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif; 
    text-transform: uppercase;
    font-size: 19px;
    float: right;
    display: inline;
    position: relative;
    z-index: 100;
    right: 20px;
    cursor: pointer;
    top: 0;
}

.vac-chat-minimized #iframechatap {
	height: 55px;
}

.vac-chat-minimized {
	height: 55px !important;
}

#iframevac {
	position: fixed;
    right: 5%;
    z-index: 20;
    background: white;
    bottom: 0;
    width: 400px;
    height: 500px;
    border: 0;
}
.simplebox ul.ul-click {
    display: block;
    font-size: 24px;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

@media only screen and (min-width: 360px) and  (max-width : 732px) {
.tablelist .row .cell {
    padding-left: 15px !important;
	}
}

            @media only screen and (max-width: 320px) {
    #modalPopupLogin #imgUnica img {
        max-width: 80%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    #modalPopupLogin #imgUnica img {
        max-width: 35%;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #modalPopupLogin #imgUnica img {
        max-width: 25%;
    }
}
@media only screen and (min-width: 1025px) {
    #modalPopupLogin #imgUnica img {
      max-height: 100%;
    }
}
#modalPopupLogin #imgUnica p {
    color: white;
    font-size: 36px;
    padding-top: 120px;
}
.remodal-wrapper.remodal-is-opened .remodal{
    padding: 0;
    transform: none;
    color: #000000;
    background-color: #ffffff;
    max-width: none;
}
.remodal-close.popupLogin-close{
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    border: 0;
    outline: 0;
    background: transparent;
    min-width: 100%;
}
div#modalPopupLogin{
    max-width: 100% !important;
    height: 100%;
    position: absolute;
}
#modalPopupLogin .content_modal{
    background: #000;
    opacity: .95;
    height: 100%;
}
div#imgUnica{
    height:100%;
}

.remodal[data-remodal-id='modalPrivacyInfo'] .modal-body p{
  font-family:"Roobert",Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;
}
/* modifiche grafiche overlay con immagine */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

  #modalPopupLogin #imgUnica img {
    max-width: 100vw;
  }
}
@media only screen and (max-width: 767px) and (min-width: 321px) {
  #modalPopupLogin #imgUnica img {
    max-width: 100%;
  }
}
/* end modifiche grafiche overlay con immagine */

/* modifiche grafiche overlay con testo */


@media only screen and (min-width: 1025px) {
  #modalPopupLogin #imgUnica p {
    color: white;
    font-size: 36px;
    padding: 120px 60px;
    line-height: initial;
    text-align: justify;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #modalPopupLogin #imgUnica p {
    color: white;
    font-size: 30px;
    padding: 75px 40px;
    line-height: initial;
    text-align: justify;
  }
}


@media only screen and (max-width: 767px) and (min-width: 321px) {
  #modalPopupLogin #imgUnica p {
    color: white;
    font-size: 18px;
    padding: 40px 25px;
    line-height: initial;
    text-align: justify;
  }
}
/* end modifiche grafiche overlay con testo */

/* Start Ticket #26037 */
@media screen and (min-width: 1025px){
div[data-remodal-id='modal-info-limit-plan'] .modal-content {
   padding:0px !important;
}

div[data-remodal-id='modal-info-limit-plan'] .modal-dialog {
    max-width: 826px!important;
    padding: 60px 65px 60px 65px;
}
}
/* End Ticket #26037 */

button:focus, input:focus, a:focus {
  outline: -webkit-focus-ring-color auto 1px !important;
}
a:focus{
  text-decoration: underline!important;
}
:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
*:-moz-focusring {
  outline: 3px solid rgba(131,192,253,.5);
  outline-offset: 1px;
}

a.disabled-link {
  pointer-events: none;
}
#main.gas #topcontent, #main.gas #topcontent {
	background-color: #0152E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#0152E8), to(#63cbf2));
	background: -webkit-linear-gradient(top, #0152E8, #63cbf2);
	background: -moz-linear-gradient(top, #0152E8, #63cbf2);
	background: -ms-linear-gradient(top, #0152E8, #63cbf2);
	background: -o-linear-gradient(top, #0152E8, #63cbf2);
}
#main.luce #topcontent, #main.luce #topcontent {
	background-color: #ff5a10;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5a10), to(#f78859));
	background: -webkit-linear-gradient(top, #ff5a10, #f78859);
	background: -moz-linear-gradient(top, #ff5a10, #f78859);
	background: -ms-linear-gradient(top, #ff5a10, #f78859);
	background: -o-linear-gradient(top, #ff5a10, #f78859);
}
#main .enel-selfcare #topcontent .btn_transparent:link, #main .enel-selfcare #topcontent .btn_transparent:visited {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}
#main .enel-selfcare #topcontent .breadcrumb{
	background-color: transparent;
	margin: 0px;
}
#main .enel-selfcare #topcontent .breadcrumb a:link, #main .enel-selfcare #topcontent .breadcrumb a:visited {
	color: #fff;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}

/* INIZIO LOADER STATOCONTI */
.loader-container-statoconti{
	position: absolute;
	top: 64px;
	left: 45%;
}


.loader-wrapper-statoconti{
	text-align: center;
}
.select2-wrapper.button-smart{
	top: 69px;
}

.buttonSmart{
	height: 56px;
 }
 
.button.button-first.button-center.smart{
	 min-width: 310px;
}
 
.loader-statoconti {
	display: inline-block;
	width: 68px;
	height: 66px;
	top: 21px;
	background-image: url(main/resources/images/loader.gif);
	background-size: 43px;
	background-repeat: no-repeat;
}
/* FINE LOADER STATOCONTI */
.loader-enel-premia {
	display: block;
	width: 68px;
	height: 43px;
	background-image: url(main/resources/images/loader.gif);
	background-size: 43px;
	background-repeat: no-repeat;
}

div#not-notifyList {
	display: none;
}
.enel-selfcare #primoaccesso_main label {
	width:100%;
}
.enel-selfcare a.href-sf-prevent-default .button-third  {
	background-color: #135BF6;
	color: #fff;
	border-width: 1px;
	border-color: #4981F7;
	border-radius: 2px;
}
.enel-selfcare  a.href-sf-prevent-default .button-third:hover {
	background-color: #fff;
	color: #135BF6;
}
/* ICONE PROPOSITIONS COMMERCIALI */
.icon.bnl_icon,
.icon.fastweb_icon {
	width: 230px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.icon.qurami_icon {
	width: 55px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.icon.app_mobile_icon,
.icon.vodafone_icon {
	width: 55px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bnl_icon {
	background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/BNL_icon.png');
}
.vodafone_icon {
	background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/vodafonelogo_icon.png');
}
.fastweb_icon {
	background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/Fastweb_icon.png');
}
.qurami_icon {
	background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/qurami_icon.png');
}
.app_mobile_icon {
	background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/app_mobile_icon.png');
}

/*Fix problem breadcrumb*/
.enel-selfcare .subheader-breadcrumb-container .subheader-breadcrumb {
	position: absolute !important; /*FIX BREADCRUB NON TOGLIERE L'IMPORTAT!*/
}
.enel-selfcare .margin-bottom-70 p {
	margin-bottom: 70px !important;
}


/* CONTRATTI */
.enel-selfcare .pratica-box .header .header-icon.luce i {
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:
		url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/Icon_ELE_white.png);
	margin-top: 20px;
}

.enel-selfcare .pratica-box .header .header-icon.gas i {
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:
		url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/Icon_GAS_white.png);
	margin-top: 20px;
}


/*FINE CONTRATTI */
.enel-selfcare .font-36 p {
	font-size: 36px;
	line-height: 1.2;
}
.enel-selfcare .body-wrapper .col-xs-12.text-center {
	margin-top: 30px;
}
.enel-selfcare .margin-bottom-70 p.margin-bottom-30 {
	margin-bottom: 30px !important;
}

/* FlexBox per bacheca */
#mCSB_2_container_bacheca{
	display: flex;
	flex-direction: column;
}
/*Servizi*/
.enel-selfcare .pratica-box .header .header-content.full-width.luce {
	width: 100%;
	padding: 20px 40px;
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: right 10px top 10px;
	background-image: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/Icon_ELE_white.png);
}
.enel-selfcare .pratica-box .header .header-content.full-width.gas {
	width: 100%;
	padding: 20px 40px;
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: right 10px top 10px;
	background-image: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/Icon_GAS_white.png);
}
#main #topcontent.pink {
	background-color: #ff4687;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4687), to(#ff1065));
	background: -webkit-linear-gradient(top, #ff4687, #ff1065);
	background: -moz-linear-gradient(top, #ff4687, #ff1065);
	background: -ms-linear-gradient(top, #ff4687, #ff1065);
	background: -o-linear-gradient(top, #ff4687, #ff1065);
}
#main #topcontent.green {
	background-color: #55bd5a;
	background: -webkit-gradient(linear, left top, left bottom, from(#55bd5a), to(#83df87));
	background: -webkit-linear-gradient(top, #55bd5a, #83df87);
	background: -moz-linear-gradient(top, #55bd5a, #83df87);
	background: -ms-linear-gradient(top, #55bd5a, #83df87);
	background: -o-linear-gradient(top, #55bd5a, #83df87);
}

@media only screen and (max-width: 768px){
	#topcontent .maintitle {
		font-size: 50px;
		position: relative;
		top: 220px;
	}
	#topcontent .maintitle.visore {
		font-size: 50px;
		position: relative;
		top: auto;
	}
	#topcontent .mainbutton {
		text-align: center;
		padding: 0 0 30px;
		font-size: 16px;
		position: relative;
		top: 235px;
	}
	.services {
		padding: 30px 0;
		text-align: center;
		/*margin-left: -40px;*/
		position: relative;
		top: -430px;	
	}
	div#fornituraLuceGasMobile {
		top: 0px;
	}	
	div#wrapper_butt_forn {
		position: relative;
		top: -245px;
	}
}

@media only screen and (max-width: 360px) {
	#topcontent .maintitle {
		font-size: 45px;
		position: relative;
		top: 235px;
	}
	#topcontent .maintitle.visore {
		font-size: 45px;
		position: relative;
		top: auto;s
	}
}

.enel-selfcare #content_survey .title {
	font-family: "RoobertLight", sans-serif;
}

.enel-selfcare #content_survey i {
	font-style: normal;
}
.enel-selfcare #content_survey .radio label,
.enel-selfcare #content_survey .checkbox label {
	padding-left: 0px;
}

.enel-selfcare #content_survey #select-survey label {
	width: 100%;
	font-weight: normal;
}
.enel-selfcare #content_survey .privacy-wrapper p {
	font-family:"RoobertLight";
	font-size: 14px;
	line-height: normal;
}
.enel-selfcare #content_survey .privacy-wrapper p a{
	text-decoration: underline;
	color: #0555fa;
}
#content_survey .textarea-wrapper .biglabel p{
	font-family: RoobertBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}

.messages-box .mCustomScrollBox {
    height: auto;
}

.messages-wrapper #mCSB_2_scrollbar_vertical {
    display: none;
}
.scheda.bacheca .mCSB_inside>.mCSB_container {
	margin-right: 0;
}
#cruscotto .bacheca .items .item .inner button .icon.icon-arrow {
    right: 40px;
}
/* spazio tra visore e diapositiva in registrazione */
#main #topcontent.pink section {
    margin-bottom: 100px;
}
@media only screen and (max-width:767px){
    #main #topcontent.pink section {
        margin-bottom: 50px;
    }
}
/* Banner Component */

div#fsa-close-button {
	z-index: -1;
	padding: 10px;
	position: fixed;
	cursor: pointer;
	top: 105px;
	top: 110px;
	right: 15px;
	font-size: 33px;
	line-height: 1;
	display: block;
	width: 45px;
	height: 45px;
	right: -10px;
	font-family: RoobertBold,Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: black;
}

@media only screen and (min-width:1025px){
	#bannerApp {
		display: none !important;
	}
	#bannerApp.editMode{
		display: flex !important;;
	}
}

#bannerApp.banner-app{
	height: 110px;
	background-color: #fafafa;
	/*background-color: rgba(255,255,255,.95);*/
	position: fixed;
	width: 100%;
	z-index: -1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.app_mobile_icon {
	width: 235px;
}

img.icon.app_mobile {
	height: 80px;
	width: 80px;
}

h1.title {
	text-align: center;
	color: black;
	font-family: "RoobertLight",Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;
}

h3#title-banner {
	font-size: 40px;
	color: #1f1b1b;
	text-align: left;
	display: block;
	font-family: "RoobertLight",Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;
}

span#subtitle {
	display: block;
	font-size: 20px;
	color: #666666;
	text-align: left;
}

a.apri-banner {
	font-size: 20px;
	font-family: "RoobertLight",Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #0152E8;
	line-height: 1;
	display: block;
	text-align: center;
	align-self: center;
}

.image-app {
	display: block;
	align-self: center;
	text-align: center;
}

.icon.app_mobile {
	display: inline-block;
	margin-right: 20px;
	align-self: center;
}

#bannerApp.banner-app {
	height: 100px;
	width: 100%;
	min-width: 320px;
	position: fixed;
	padding: 0 10%;
}

.img-app {
	display: flex;
	justify-content: center;
	flex-flow: column;
	height: 80px;
}
img.icon.app_mobile {
	float: left;
	text-align: middle;
	height: 80px;
	width: 80px;
	margin-right: 10px;
}

h3#title-banner, span#title-banner {
	font-size: 18px;
	font-weight: 400;
}

a.apri-banner {
	font-size: 18px;
}

span#title-banner {
	font-size: 17px;
}

span#subtitle {
	font-size: 13px;
}

@media only screen and (max-width:479px){

	#bannerApp.banner-app {
		height: 100px;
		width: 100%;
		min-width: 320px;
		position: fixed;
		padding: 0 15px;
	}

	.img-app {
		display: flex;
		justify-content: center;
		flex-flow: column;
		height: 80px;
	}
	img.icon.app_mobile {
		float: left;
		text-align: middle;
		height: 80px;
		width: 80px;
		margin-right: 10px;
	}

	h3#title-banner, span#title-banner {
		font-size: 18px;
		font-weight: 400;
	}

	a.apri-banner {
		font-size: 18px;
	}

	span#title-banner {
		font-size: 17px;
	}

	span#subtitle {
		font-size: 13px;
	}
}
@media only screen and (min-width:1025px){
	#bannerApp {
		display: none !important;
	}
	#bannerApp.editMode{
		display: flex !important;;
	}
}
/*START.#15472 PAGAMENTI ONLINE COMPONENT */
#pagamentiOnlineStep2 .wizard .step {
    /*position: inherit;*/
    background-color: inherit;
    display: list-item;
    height: inherit;
    text-align: -webkit-match-parent;
    top: unset;
    border-radius: inherit;
    background-clip: inherit;
}
#pagamentiOnlineStep1  .custom-ico {
  display: block;
  margin: 10px;
}
#pagamentiOnlineStep1 .custom-ico.warning:before {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzOF81NDIxYmM4LTc2MTUtNDc3ZC1hMDJkLWE3MWJhNThjMDIxNCINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI3cHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KCS5zdDF7ZmlsbDojRkYwRjY0O30NCjwvc3R5bGU+DQo8dGl0bGU+Ym9sbGV0dGU8L3RpdGxlPg0KPGc+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEuOTk4Nzc5MywxLjVDNS4zODI1MDczLDEuNSwwLDYuODgzNDgzOSwwLDEzLjUwMDczMjRDMCwyMC4xMTcwMDQ0LDUuMzgyNTA3MywyNS41LDExLjk5ODc3OTMsMjUuNQ0KCWM2LjYxNTg0NDcsMCwxMS45OTg4NDAzLTUuMzgyOTk1NiwxMS45OTg4NDAzLTExLjk5OTI2NzZDMjMuOTk3NjE5Niw2Ljg4MzQ4MzksMTguNjE0NjI0LDEuNSwxMS45OTg3NzkzLDEuNXoNCgkgTTExLjk5ODc3OTMsMjMuNTI3NDY1OGMtNS41MjgzODEzLDAtMTAuMDI2MjQ1MS00LjQ5Nzg2MzgtMTAuMDI2MjQ1MS0xMC4wMjY3MzM0DQoJYzAtNS41Mjk0MTg5LDQuNDk3ODYzOC0xMC4wMjgxOTgyLDEwLjAyNjI0NTEtMTAuMDI4MTk4MmM1LjUyODQ0MjQsMCwxMC4wMjYzMDYyLDQuNDk4Nzc5MywxMC4wMjYzMDYyLDEwLjAyODE5ODINCglDMjIuMDI1MDg1NCwxOS4wMjk2MDIxLDE3LjUyNzIyMTcsMjMuNTI3NDY1OCwxMS45OTg3NzkzLDIzLjUyNzQ2NTh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEuOTk4Nzc5MywzLjQ3MjUzNDJjLTUuNTI4MzgxMywwLTEwLjAyNjI0NTEsNC40OTg3NzkzLTEwLjAyNjI0NTEsMTAuMDI4MTk4Mg0KCWMwLDUuNTI4ODY5Niw0LjQ5Nzg2MzgsMTAuMDI2NzMzNCwxMC4wMjYyNDUxLDEwLjAyNjczMzRjNS41Mjg0NDI0LDAsMTAuMDI2MzA2Mi00LjQ5Nzg2MzgsMTAuMDI2MzA2Mi0xMC4wMjY3MzM0DQoJQzIyLjAyNTA4NTQsNy45NzEzMTM1LDE3LjUyNzIyMTcsMy40NzI1MzQyLDExLjk5ODc3OTMsMy40NzI1MzQyeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLjk5NjY0ODgsMTcuMDQ1NTU4OWwtMC4zMzc1ODA3LTkuODU1ODEwMmgyLjUxMDkwNjJMMTIuOTI2MywxNy4wNDU1NTg5SDEwLjk5NjY0ODh6IE0xMC43NzE3NTYyLDE4LjI0NDY2NzENCgloMi4zNzk5MTgxdjIuNDkxNjQzOWgtMi4zNzk5MTgxVjE4LjI0NDY2NzF6Ii8+DQo8L3N2Zz4NCg==");
  width: 100%;
  display: inline-block;
}
#pagamentiOnlineStep1 div.custom-ico {
  margin: 0 10px;
}
#pagamentiOnlineStep1 .panel.panel-default.panel-clear.messaggio-informativo,#pagamentiOnlineStep1 .panel.panel-default.panel-clear {
	border: 0 none;	
	width: 100%;
}
#pagamentiOnlineStep1 .panel.panel-default.panel-clear.messaggio-informativo {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
#pagamentiOnlineStep1 #alertDaPagare {
	background: #f7f7f7;	
}
#pagamentiOnlineStep2 .form-group-container.has-error .form-group.input_misuratore input {  
	border-color: rgb(211, 19, 89) !important;
}
#pagamentiOnlineStep2 .form-group-container.has-error label.has-error {
    right: 0;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #ff0f64;
    text-align: right;
    margin: 7px 0 0 0;
}
/*END.#15472 PAGAMENTI ONLINE COMPONENT */
/* START. #16546. Novit� grafica IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    .flex.tab.promoModel > span:first-child {
    	min-height: 230px;
    } 
}
/* END. #16546. Novit� grafica IE */


@media screen and (max-width: 767px){
.audioPlayer {
    padding-top: 0;
}
}


/************ EUMETRA TEMPLATE ************/

#content .wrapper.eumetra-wrapper {
	max-width: none;
}

main.eumetra-main {
	width: 100%;
	left: 0;
}

#mainContentWrapper.eumetra-main-content {
	max-width: none;
	padding: 60px 50px;
}

/* Start Anomalia #34670 Fix mobile */

@media only screen and (max-width: 766px){
	div.dettaglioRicevuta-component section .heading.supply.bill, div.dettaglioRata-component section .heading.supply.bill, div.dettaglioBolletta-component section .heading.supply.bill, div.dettaglioDocumento-component section .heading.supply.bill {
		display: flex;
		flex-direction: column;
	}

	div.dettaglioRicevuta-component section .heading.supply.bill h1, div.dettaglioRata-component section .heading.supply.bill h1, div.dettaglioBolletta-component section .heading.supply.bill h1, div.dettaglioDocumento-component section .heading.supply.bill h1{
		order: -1;
	}

	div.dettaglioRicevuta-component section .heading.supply.bill dl.supply-details-heading, div.dettaglioRata-component section .heading.supply.bill dl.supply-details-heading, div.dettaglioBolletta-component section .heading.supply.bill dl.supply-details-heading, div.dettaglioDocumento-component section .heading.supply.bill dl.supply-details-heading {
		order:0
	}

	div.dettaglioRicevuta-component section .heading.supply.bill nav.supply-heading-links, div.dettaglioRata-component section .heading.supply.bill nav.supply-heading-links, div.dettaglioBolletta-component section .heading.supply.bill nav.supply-heading-links, div.dettaglioDocumento-component section .heading.supply.bill nav.supply-heading-links {
		order:1;
	}
}

/* End Anomalia #34670 Fix mobile */

/* AO12745 - Info Energia */
.info-energia-section {
	margin-top: 25px;
	padding: 15px 15px 15px 6px;
}

.info-energia-section .button-container {
	margin: 0;
}

.info-energia-section * {
	font-family: "Roobert", serif;
}
/* ----- */
#main.modificadati a.modifica{
	display: inline-block;
	background-color: #FF0F63;
	color: #FFFFFF!important;
	border: 2px solid #FF0F63;
	width: 100%;
	max-height: 57px;
	padding: 0 20px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	font-family: "RoobertBold";
	margin-top: 40px;
}

input.mod-fine {
	background-color: #FFFFFF;
	color: #676767;
	display: inline-block;
	text-transform: uppercase;
	width: 200px;
	padding: 12px 0;
	font-size: 12px;
	font-family: "RoobertBold";
	clear: both;
	margin: 30px 0;
}

.panelsflow .panel.open .buttons .greyboxtoggle {
	color: #ff1065;
	background-color: #ffdce8;
}

/*da formcustom field error (aggiungere in secondstep?)*/
.error {
	border-color:#ff1065;
}

.err-msg,
.err {
	font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif!important;
	color:#ff1065!important;
	padding: 10px 0!important; 
	height: 40px!important; 
	text-align: right!important;
	font-size: 14px!important;
	clear: both!important;
	position: relative!important;
}

.err-inp{
	border-style:solid!important;
	border-color:#FF0F63!important;
	color: initial;
}


.font-black-force{
	color:black !important;
}



.def-msg {
	font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif!important;
	color:#55bd5a!important;
	padding: 10px 0!important; 
	height: 40px!important; 
	text-align: right!important;
	font-size: 14px!important;
	clear: both!important;
	position: relative!important;
}




/* VALIDATION */
.err {
	display: none;
	padding-top: 5px;
	position: absolute !important;
}
.err span {
	display: block;
}
.valError {
	border-color: red !important;
	border-bottom: 1px solid;
}
textarea.valError {
	border: solid 1px red !important;
}
.textError {
	max-width: 150px;
	min-width: 50px;
	width: auto;
	display: inline-block;
	color: red;
	margin-left: 20px;
	height: 100%;
	vertical-align: middle;
}


/*MODIFICA DATI*/
#main.modificadati .prosegui {
	display: inline-block;
	background-color: #FF0F63;
	color: #FFFFFF !important;
	border: 2px solid #FFFFFF;
	width: 49%;
	max-height: 57px;
	padding: 0 20px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	font-family: "RoobertBold";
	margin-top: 40px;
	border-style: solid;
	border-color: #FF0F63;
}

.conferma {
	display: inline-block;
	background-color: #FF0F63;
	color: #FFFFFF!important;
	border: 2px solid #FFFFFF;
	width: 49%;
	float: left;
	max-height: 57px;
	padding: 0 20px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	font-family: "RoobertBold";
	margin-top: 40px;
	margin-left: 10px;
	border-style: solid;
	border-color: #FF0F63;
}


.vcss-form-container .vcss-bar .f {
	background-color: #e2001a!important;
	background-image: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/close.png');
	background-position: center center!important;
	background-repeat: no-repeat!important;
}

.vcss-fine-indietro {
	width: 240px!important;
	padding: 0px!important;
	display: inline-block!important;
	margin-top: 20px!important;
	cursor: pointer!important;
	background-color: #FFFFFF!important;
	font-family: RoobertBold !important;
	color: #FF0F63!important;
	border-style:solid!important;
	border-color:#FF0F63!important;
	font-size: 12px!important;
	line-height: 50px!important;
	height: 50px;
	text-transform: uppercase!important;
}

.vcss-fine {
	width: 240px;
	padding: 0;
	display: inline-block;
	margin-top: 20px;
	cursor: pointer;
	background-color: #FF0F63!important;
	font-family: "RoobertBold";
	color: #fff;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	text-transform: uppercase;
	border-style:solid;
	border-color: #FF0F63!important;
}

.mod-start{
	width: 100%!important;
	padding: 20px!important;
	background-color: #FF0F63!important;
	color: #FFFFFF!important;
	border-width: 0px!important;
	text-transform: uppercase!important;
	margin-top: 40px!important;
	cursor: pointer!important;
}

.br-msg{
	line-height: inherit;
}


/* AUTOCOMPLETE */
.autocomplete-w1 {
	box-shadow: 6px 6px 12px -10px rgba(0,0,0,0.7);
	-moz-box-shadow: 6px 6px 12px -10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 6px 6px 12px -10px rgba(0,0,0,0.7);
}
.autocomplete-w1 .autocomplete {
	width: 300px;
	max-height: 119px !important;
	overflow-y: auto !important;
	padding-left: 5px;
	
	border: 1px solid #999;
	background: #FFF !important;
	text-align: left;
	margin-top: 5px;
}
.autocomplete .selected {
    background: #F0F0F0;
}
.autocomplete div {
    padding: 2px 5px !important;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; color: black; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }




.overflowYhidden {
	overflow-y: hidden; 
}
.animate {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* FILE AUDIO CONTRATTI */
/*
.scheda_registrazione_mp3 dt {
	width: 45%;
}
.scheda_registrazione_mp3 dd {
	width: 55%;
}
*/
dt.scheda_registrazione_mp3_ascolta,
dd.scheda_registrazione_mp3_ascolta,
dt.scheda_conferma_contratto,
dd.scheda_conferma_contratto {
	height: 30px !important;
}
dt.scheda_registrazione_mp3_scarica,
dd.scheda_registrazione_mp3_scarica {
	height: 80px !important;
}
/*
.scheda_registrazione_mp3 dd.scheda_registrazione_mp3_scarica {
    text-align: left !important;
}
*/

/* PMO5619 - Defect #387 */
@media only screen and (max-width: 768px) {
  	.greybox  dd.scheda_registrazione_mp3_ascolta {
  		padding-top: 15px;
 		height: 50px !important;
  	}
}

.multilines_data_content {
	height: 80px !important; 
	white-space: normal !important;
}
.multilines_data_title {
	height: 80px !important; 
}



/* LOADER 1 */

#circularGwrapper {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 99999;
}

#circularG{
    position: absolute;
    width: 83px;
    height: 83px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.circularG{
	position:absolute;
	background-color:rgb(255,255,255);
	width:19px;
	height:19px;
	border-radius:12px;
		-o-border-radius:12px;
		-ms-border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:1.1s;
		-o-animation-duration:1.1s;
		-ms-animation-duration:1.1s;
		-webkit-animation-duration:1.1s;
		-moz-animation-duration:1.1s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circularG_1{
	left:0;
	top:33px;
	animation-delay:0.41s;
		-o-animation-delay:0.41s;
		-ms-animation-delay:0.41s;
		-webkit-animation-delay:0.41s;
		-moz-animation-delay:0.41s;
}

#circularG_2{
	left:8px;
	top:8px;
	animation-delay:0.55s;
		-o-animation-delay:0.55s;
		-ms-animation-delay:0.55s;
		-webkit-animation-delay:0.55s;
		-moz-animation-delay:0.55s;
}

#circularG_3{
	top:0;
	left:33px;
	animation-delay:0.69s;
		-o-animation-delay:0.69s;
		-ms-animation-delay:0.69s;
		-webkit-animation-delay:0.69s;
		-moz-animation-delay:0.69s;
}

#circularG_4{
	right:8px;
	top:8px;
	animation-delay:0.83s;
		-o-animation-delay:0.83s;
		-ms-animation-delay:0.83s;
		-webkit-animation-delay:0.83s;
		-moz-animation-delay:0.83s;
}

#circularG_5{
	right:0;
	top:33px;
	animation-delay:0.97s;
		-o-animation-delay:0.97s;
		-ms-animation-delay:0.97s;
		-webkit-animation-delay:0.97s;
		-moz-animation-delay:0.97s;
}

#circularG_6{
	right:8px;
	bottom:8px;
	animation-delay:1.1s;
		-o-animation-delay:1.1s;
		-ms-animation-delay:1.1s;
		-webkit-animation-delay:1.1s;
		-moz-animation-delay:1.1s;
}

#circularG_7{
	left:33px;
	bottom:0;
	animation-delay:1.24s;
		-o-animation-delay:1.24s;
		-ms-animation-delay:1.24s;
		-webkit-animation-delay:1.24s;
		-moz-animation-delay:1.24s;
}

#circularG_8{
	left:8px;
	bottom:8px;
	animation-delay:1.38s;
		-o-animation-delay:1.38s;
		-ms-animation-delay:1.38s;
		-webkit-animation-delay:1.38s;
		-moz-animation-delay:1.38s;
}



@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}

/* LOADER 2 - default */

#loader_wrapper {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.6);
}
#loader {
	position: absolute;
	width: 83px;
	height: 83px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	
	background: url(../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/loading.gif) no-repeat center top;
}

/* CONTRATTI */
#link_pdf:hover {
	cursor: pointer;
}
#itc_listaContrattiMain .contratti_block_data i.info {
	float: right;
    margin-left: 5px;
    text-align: center;
}
.panelsflow.list .panel.contratti_block_data .panelhead {
    padding-top: 34px;
}
/*
.accordion_button a {
    float: right;
    color: #ff1065;
    font-weight: 800;
}
*/
.contratti_block_dettagli .scheda_conferma_contratto .accordion_button a {
    color: #ffffff;
    background-color: #ff1065;
    display: inline-block;
    padding: 6px 10px;
}



/* MODAl */
.remodal-wrapper {
	overflow-x: hidden;
}

.hideOnLoading {
	display: none !important;
}
#modalerror .tile.box66.vcss-space-1.vcss-finito.slick-slide.slick-current {
	width: auto !important;
}




/* ACCORDION */
.simple_accordion dd:last-of-type {
    padding-bottom: 10px;
}
.simple_accordion dd {
	margin: 0;
    padding: 10px;
}

.rate-error {
	display : none;
	padding-bottom: 30px;
    margin: auto;
    color: red;
    font-weight: bold;
    font-size: 18px;
}





/* EASY CLICK */
.iscrizioneeasyclick ul {
	text-align: left;
}



/* SURVEY */
#main.survey {
	top: 0;
}
#main.survey.home #content .survey {
	display: none !important;
}
#main.survey #topcontent {
	background-color: #ff4687;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4687), to(#ff1065));
    background: -webkit-linear-gradient(top, #ff4687, #ff1065);
    background: -moz-linear-gradient(top, #ff4687, #ff1065);
    background: -ms-linear-gradient(top, #ff4687, #ff1065);
    background: -o-linear-gradient(top, #ff4687, #ff1065);
}
#content_survey .select-wrapper,
#content_survey .privacy-wrapper {
	margin-top: 50px;
}
/* nasconde la chat */
#main.surveypage #chat_container_desktop,
#main.surveypage .chat.hidedesktop,
#main.efficienzaenergetica #chat_container_desktop,
#main.efficienzaenergetica .chat.hidedesktop { /* si vedeva la chat MOBILE anche su desktop quando cliccavo "X" della modal */
	display: none !important;
}

select[data-id=select_survey] {
	padding-right: 25px; 
}



/* AUTOLETTURA */
.simplebox .title.textcenter {
  font-size: 1.5em;
  padding-top: 0px;
}


/* GENERAL */
.no_padding_right {
	padding-right: 0 !important;
}


/* HIDE AUDIO DOWNLOAD BUTTON - CONTRATTI */
/*
#contratti_data_wrapper audio::-internal-media-controls-download-button {
    display:none;
}

#contratti_data_wrapper audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

#contratti_data_wrapper audio::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
*/





/* MODAL FORNITURE */
.remodal #descFornDis {
	color: white;
}






/* SIMPLE TOOLTIP */
.simple_tooltip {
    width: 250px;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
   	top: -80px;
    left: 110px;
    display: none;
    right: 0;
    background: white;
}
.simple_tooltip {
    z-index:100;
}
.simple_tooltip_link {
    display:block;
    width:9%;
}
#tooltip_contratto_da_confermare .title {
	font-weight: 800;
	padding: 10px;
    min-height: auto;
    line-height: 25px;
    padding-bottom: 25px;
}
.simple_tooltip .text {
	margin-top: 0;
    color: black;
    font-weight: 100;
}
#simple_tooltip_backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}



/* MOD. INDIRIZZO */
.greybox #indirizzoForm .field input[type="text"] {
	color: black;
}


.filter select::-ms-expand {
	display:none;
} 



/* COMMUNITY SFA */
#fakeButtonWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    opacity: 0;
    cursor: pointer;
}
#main.efficienzaenergetica #footer {
	display: none;
}



/* SELECTS */
select::-ms-expand {
	display: none;
}



/* MODAL ERROR MOBILE */
@media only screen and (max-width: 1023px) {
	#modalerror .slick-slide {
		float: none;
	}
}



/* SURVEY ICON */
.for-homes-hero__cta {
	display: block;
	position: absolute;
	top: 250px;
	right: 0;
    left: auto;
    bottom: auto;
	text-align: left;
	padding: 0;
	right: 50%;
   	margin-right: -50%;
	
	background: #0555fa;
	background: linear-gradient(90deg,#0555fa 0,#36a6ea 100%);
	color: #fff;
	z-index: 1;
	
    transition: .3s -webkit-transform cubic-bezier(0.25,0.46,0.45,0.94);
    transition: .3s transform cubic-bezier(0.25,0.46,0.45,0.94);
    transition: .3s transform cubic-bezier(0.25,0.46,0.45,0.94),0.3s -webkit-transform cubic-bezier(0.25,0.46,0.45,0.94);
	-webkit-transform: translate(10px,0);
	-ms-transform: translate(10px,0);
	transform: translate(10px,0);
}
.for-homes-hero__cta .survey-link {
	color: #fff !important;
    display: inline-block;
    width: 220px;
    /*vertical-align: top;*/
}
.for-homes-hero__cta #tr_survey {
	display: none;
	/*font-size: 60px;*/
	cursor: pointer;
    background: none;
    border: 0 none;
    color: #fff;
}
.for-homes-hero__cta .text1 {
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 1.27273;
    color: #222;
    font-size: 24px !important;
    color: #fff;
    padding: 12px 0;
    display: inline-block;
}
.for-homes-hero__cta .text2 {
	text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    letter-spacing: .72px;
    line-height: 1.33333;
    display: block;
    color: #fff;
}
.for-homes-hero__cta .icon-arrow {
	display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 11px;
}

 #video_tutorial {
	max-width: 100%;
}

@media screen and (min-width: 1024px) {
	.for-homes-hero__cta {
		min-width: 310px;
		padding: 5px 30px;
		padding-right: 60px;
		right: 0;
   		margin-right: 0;
	}
	.for-homes-hero__cta .survey-link {
		display: block;
	}
	.for-homes-hero__cta .text1 {
		display: block;
		margin-bottom: 0;
		color: #fff;
	}
	.for-homes-hero__cta:hover {
		text-decoration: none;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
	.for-homes-hero__cta:hover .icon-arrow {
		opacity: 1;
	}
	.for-homes-hero__cta .icon-arrow {
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -10px;
		opacity: 0;
		transition: .2s opacity;
		margin-left: 0;
		font-size: 1em;
	}
}
@media screen and (min-width: 768px) {
	.for-homes-hero__cta .text1 {
		font-size: 30px;
		letter-spacing: -0.6px;
		line-height: 1.16667;
	}
}
@media screen and (max-width: 1023px) {
	.for-homes-hero__cta {
		top: 250px;
		/*padding-bottom: 5px;*/
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.for-homes-hero__cta #tr_survey {
		display: inline-block;
	}
	.for-homes-hero__cta .survey-link {
		transition: all 0.6s;
	    -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
	    -ms-transition: all 0.6s;
	    -o-transition: all 0.6s;
		opacity: 0;
        display: none;
	}
	i.icon.icon-survey{
        vertical-align: middle;
            font-size: 60px;
            color: #fff;

	}
    i.icon.icon-friends{
        vertical-align: middle;
        font-size: 34px;
        color: #fff;

	}
	.for-homes-hero__cta.open .wrapper {
        width: 340px;
	}
	.for-homes-hero__cta.open .survey-link {
        opacity: 1;
	}
	.home .survey .wrapper,
	.homeprospect .survey .wrapper {
		width: 80px;
	}
}

/* MGM */
.for-homes-hero-mgm__cta {
	display: block;
	position: absolute;
	top: 250px;
	right: 0;
    left: auto;
    bottom: auto;
	text-align: left;
	padding: 0;
	right: 50%;
   	margin-right: -50%;
	
	background: #ff1065;
	background: linear-gradient(90deg,#ff1065 0,#ff4687 100%);
	color: #fff;
	z-index: 1;
	
    transition: .3s -webkit-transform cubic-bezier(0.25,0.46,0.45,0.94);
    transition: .3s transform cubic-bezier(0.25,0.46,0.45,0.94);
    transition: .3s transform cubic-bezier(0.25,0.46,0.45,0.94),0.3s -webkit-transform cubic-bezier(0.25,0.46,0.45,0.94);
	-webkit-transform: translate(10px,0);
	-ms-transform: translate(10px,0);
	transform: translate(10px,0);
}
.for-homes-hero-mgm__cta .survey-link {
	color: #fff !important;
    display: inline-block;
    width: 220px;
    /*vertical-align: top;*/
}
.for-homes-hero-mgm__cta #tr_survey,
.for-homes-hero-mgm__cta #tr_friends {
	display: none;
	/*font-size: 60px;*/
	cursor: pointer;
    background: none;
    border: 0 none;
    color: #fff;
}
.for-homes-hero-mgm__cta .text1 {
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    letter-spacing: -0.44px;
    line-height: 1.27273;
    color: #222;
    font-size: 24px !important;
    color: #fff;
    padding: 12px 0;
    display: inline-block;
}
.for-homes-hero-mgm__cta .text2 {
	text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    letter-spacing: .72px;
    line-height: 1.33333;
    display: block;
    color: #fff;
}
.for-homes-hero-mgm__cta .icon-arrow {
	display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 11px;
}


@media screen and (min-width: 1024px) {
	.for-homes-hero-mgm__cta {
		min-width: 310px;
		padding: 5px 30px;
		padding-right: 60px;
		right: 0;
   		margin-right: 0;
        padding-bottom: 18px;
	}
	.for-homes-hero-mgm__cta .survey-link {
		display: block;
	}
	.for-homes-hero-mgm__cta .text1 {
		display: block;
		margin-bottom: 0;
		color: #fff;
	}
	.for-homes-hero-mgm__cta:hover {
		text-decoration: none;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
	.for-homes-hero-mgm__cta:hover .icon-arrow {
		opacity: 1;
	}
	.for-homes-hero-mgm__cta .icon-arrow {
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -10px;
		opacity: 0;
		transition: .2s opacity;
		margin-left: 0;
		font-size: 1em;
	}
}
@media screen and (min-width: 768px) {
	.for-homes-hero-mgm__cta .text1 {
		font-size: 30px;
		letter-spacing: -0.6px;
		line-height: 1.16667;
	}
}
@media screen and (max-width: 1023px) {
	.for-homes-hero-mgm__cta {
		top: 250px;
		/*padding-bottom: 5px;*/
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
	}
	.for-homes-hero-mgm__cta #tr_survey {
		display: inline-block;
	}
    .for-homes-hero-mgm__cta #tr_friends {
		display: inline-block;
        padding: 20px;
        cursor: pointer;
    	background: 0;
    	border: 0 none;
    	color: #fff;
	}
	.for-homes-hero-mgm__cta .survey-link {
		transition: all 0.6s;
	    -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
	    -ms-transition: all 0.6s;
	    -o-transition: all 0.6s;
		opacity: 0;
    	display:none;
	}
	
	.for-homes-hero-mgm__cta.open .wrapper {
        width: 340px;
	}
	.for-homes-hero-mgm__cta.open .survey-link {
        opacity: 1;
	}
	.home .survey .wrapper,
	.homeprospect .survey .wrapper {
		width: 80px;
	}
}

/* ICONE PROPOSITIONS COMMERCIALI */
.icon.bnl_icon,
.icon.fastweb_icon {
	width: 230px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.icon.qurami_icon {
	width: 55px;
	background-repeat: no-repeat;
    background-size: 100%;
}
.bnl_icon {
	background: url('../../../wsc/icons/BNL_icon.png');
}
.fastweb_icon {
	background: url('../../../wsc/icons/Fastweb_icon.png');
}
.qurami_icon {
	background: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/qurami_icon.png');
}


/* MODALITA' PAGAMENTO */
#main.modalitapagamento .buttons a.close { /* Defect 8 excel 24-03-2017 */
	min-width: 50px;
    top: 0;
}

.positionMod {
	position:absolute;
	bottom:5px;
	width: 100%;
}


/* FIX GRAFICHE BOLLETTE */
#bolletteElenco .panelsflow.doublebuttons {
    padding-bottom: 60px;
    margin-bottom: 40px;
}
.bollette .wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

/* Fix box chat to diambiguate chat wrapper than bollette wrapper */
#chat_container_desktop .wrapper {
    padding-left: 0;
    padding-right: 0;
}

/* IE - rimuovere X dai campi di input */
input::-ms-clear {
    display: none;
}

/* tutorial modal*/

.tutorial_board{
    background-color: #0555fa;
    display: block;
    position: absolute;
    z-index: 10005;
    min-width: 100%;
    min-height: 160px
}


#video_tutorial_cta {
    display: inline-block;
    max-width: 203px;
	margin-right: 40px;
	width: 203px;
}


#tutorial_board{
	background-color: #0555fa;
    display: none;
    position: absolute;
    z-index: 4;
    min-width: 100%;
    min-height: 160px;
	box-shadow: 0 6px 2px -2px rgba(0,0,0,0.4);
	}
	
.tutorial_text{
    display: inline-block;
	font-size: 31px;
	padding-right: 35px;
	}
	
.tutorial_bold{
	font-weight: bold;
}

#video_cookie{
    display: block;
    margin-right: -695px;
    margin-top: 17px;
    text-decoration: underline;
    font-size: 10px;
    color: white;
	cursor: pointer;
}

.remodal-close.video_close{
	display: block;
    margin-right: 29px;
    right: 203px;
	color: white;
	left: initial;
	}

@media only screen and (min-width: 1280px) {
	#main.bolletteepagamenti .tight {
		max-width: 1300px;
	}
}
/* End tutorial modal*/
/* Fix to hide chat on mobile */
@media only screen and (min-width: 320px) and (max-width: 1024px){
	.chat.hidedesktop {
		display: none;
	}
	 
	.remodal-close.video_close{
		right: 9px;
	}
	
	#video_tutorial_cta{
		margin-top: 27px;
		margin-right: 0px;
	}
	
	.tutorial_text{
		margin-top: 19px;
		padding-right: 0px;
		padding-top: 10px;
	}
	#video_cookie{
		margin-right: 0px;
		margin-bottom: 16px;
		margin-top: 30px;
	}
}
.mgm-wrapper .box-aggiorna-dati {
	background-color: #F4F4F4;
	padding: 60px;
	margin-bottom: 20px;
}

.mgm-title-aggiorna {
	object-fit: contain;
	font-family: "RoobertBold";
	font-size: 14px;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}

.mgm-text-aggiorna {
	object-fit: contain;
	font-family: "RoobertLight";
	font-size: 18px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}

.mgm-btn-aggiorna {
	margin-top: 29px;
}

.mgm-wrapper .box-aggiorna-dati a {
	float: right;
	line-height: 4.2;
	text-transform: uppercase;
	font-family: "RoobertBold"
	letter-spacing: normal;
	font-size: 12px;
}

.mgm-wrapper .box-aggiorna-dati .button-second {
	float: left;
	background: transparent;
}

.mgm-wrapper .box-aggiorna-dati .button-second:hover {
	background-color: #ff0f64;
}

.mgm-wrapper .icon-warning {
	background-color: #ff0f64;
    float: left;
}

.mgm-wrapper .icon-wrapper {
	margin-bottom: 5px;
}

.mgm-wrapper p {
	font-family: "RoobertLight";
	
}

.mgm-wrapper .a-black a:link {
	color: #000 !important;
	text-decoration: underline;
}

.mgm-wrapper .a-black a {
	color: #000 !important;
	text-decoration: underline;
}

#modal-codice .container {
	background: #fff;
	color: #000;
	width: 520px;
	padding: 0;
}

#modal-codice .modal-content {
	padding-top: 77px;
	padding-left: 61px;
	padding-right: 61px;
	padding-bottom: 42px;
}

#modal-codice h2 {
	margin-bottom: 34px;
	font-size: 40px;
	line-height: 1.2;
	font-family: "RoobertLight";
}

#modal-codice .url-generated {
	height: 60px;	
	font-family: "RoobertLight";
	font-size: 18px;
	width: 100%;
}

/* #modal-codice .remodal-close { */
/* 	position: relative; */
/* } */

/* #modal-codice .remodal-close:before { */
/*     font-size: 30px; */
/*     line-height: 50px; */
/*     position: relative; */
/* } */

@media only screen and (max-width: 767px) {
	.mgm-wrapper .box-aggiorna-dati a {
		min-width: 100%;
		max-width: 100%;
		font-size: 10px;
	}
}
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
  transition: none;
  -webkit-overflow-scrolling: auto !important;
}

body.remodal-is-locked {
  overflow: hidden!important;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  /*height: 100%;*/
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  /*display: inline-block; */
}

.keyup-cls {
    text-transform: uppercase;
}

.remodal-overlay {
	background: transparent;
    background-color: rgba(0,0,0,.5);
}
.remodal[data-remodal-id='modalCF'],
.remodal[data-remodal-id='cfModify'],
.remodal[data-remodal-id='pivaModify'],
.remodal[data-remodal-id='podModify'],
.remodal[data-remodal-id='modalPrivacyInfo'],
.remodal[data-remodal-id='modalNoteLegali'],

.remodal[data-remodal-id='modalExist'] {
    max-width: 700px !important;
	box-shadow: 0px 0px 40px 5px rgba(0,0,0,.5);
}
.remodal[data-remodal-id='modalOpenMarket'],
.remodal[data-remodal-id='modalKoGeneric'],
.remodal[data-remodal-id='modalMoreInfo'],
.remodal[data-remodal-id='modalInfoPod'],
/*.remodal[data-remodal-id='modalInfoNC'],*/
.remodal[data-remodal-id='modalInfoND'],
.remodal[data-remodal-id='modalInfoQuadro'],
.remodal[data-remodal-id='modalInfoContatore'],
.remodal[data-remodal-id='modalInfoDistributore'],
.remodal[data-remodal-id='modalInfoFornitore'],
.remodal[data-remodal-id='modalInfoPdr'],
.remodal[data-remodal-id='modalGenericInfo'],
.remodal[data-remodal-id='modalInfoDatiC'],
.remodal[data-remodal-id='modalSave'],
.remodal[data-remodal-id='modalSaveNoFlag'],
.remodal[data-remodal-id='modalUrl'],
.remodal[data-remodal-id='modalInsertPOD'] {
    background: transparent;
}
.form-group .form-control {/*FRA change*/
    font-family: "RoobertLight";
    font-size: 15px;
    line-height: 22px;
}

.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	/*per select IOS*/
	width: 100% !important;
}
select.form-control {
	/*per select IOS*/
	height: 66px !important;
}
select.form-control:focus {
	/*per select IOS*/
	height: 66px !important;
}
@media only screen and (max-width: 767px) {

	select.form-control {
		/*per select Android*/
		height: 50px !important;
	}
	select.form-control:focus {
		/*per select Android*/
		height: 50px !important;
	}
}

/* Radio buttons */
.radio-containerNpa span.title-radio {
    font-family: "RoobertBlack";
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

.gray-info {
    margin-left: 50px;
    font-size: 18px;
    text-align: left;
    float: none;
    color: #999;
    font-family:"RoobertLight";
}

.radio-containerNpa {
    /* margin-top: 10px; */
    padding-left: 0px;
    margin-bottom: 10px;
}

form .radio-containerNpa label.control-label.custom-radio {
    position: relative;
    padding-left: 0px;
    position: relative;
}

form .radio-containerNpa input[type=radio] {
    position: absolute;
    display: none;
}

.radio-containerNpa label.custom-radio::before {
    content: '';
    display: inline-block;
    position: absolute;
    border: 2px solid #dddddd;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 0;
    left: 0;
    opacity: 1;
}

input:checked + label.custom-radio::after {
	content: '';
	position: absolute;
	background: black;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	width: 8px;
	height: 8px;
	cursor: pointer;
	top: 4px;
	left: 4px;
	transform: none;
}
[data-remodal-id="modalCF"] input:checked + label.custom-radio::after {
	top: 6px;
	left: 6px;
}

.radio-containerNpa label.custom-radio span {
    margin-left: 50px;
}

/* End - Radio buttons */

label.custom-label {
    font-family: "RoobertLight";
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

/* Validation */
.has-error .help-block,
.help-block.pink {
    color: #ff0f64;
    text-align: right;
}
.help-block.help-block-leftNpa {
	text-align: left !important;
	z-index: -1;
}
.registration [data-module='form'] .has-error .help-block {
    color: #737373;
    display: inline-flex;
}
.registration [data-module='form'] .help-block.error {
    color: #ff0f64;
    float: right;
    padding: 0;
    margin-bottom: 0;
}

label.custom-label.has-error,
.has-error .control-label,
.has-error.checkbox label {
    color: #000;
}

.has-error span.help-block,
.help-block.pink {
    font-size: 15px;
    line-height: 19px;
    font-family:"Roobert";
    padding-bottom: 10px;
    text-align: right;
    margin-top: 10px;
    bottom: 0;
}

.has-error.custom-radio:before,
.has-error .form-control,
.has-error .form-control:focus,
.has-error .form-control,
span.has-error{
    border-color: #ff0f64 !important;
}

/* End Validation */

label {/*FRA change*/
    font-size: 15px;
    line-height: 17px;
}
.form-group label,
.normal-text {/*FRA change*/
    /*font-size: 15px;
    line-height: 19px; */
    font-size: 12px;
    font-family:"Roobert";
    margin-bottom: 15px;
    letter-spacing: 0px;
    line-height: 1;
    color: #000000;
    font-weight: 500;
    font-style: normal;

}


.modale_cf .select-placeholder,
.modale_cf .form-group {
    margin-bottom: 40px;
}
.form-group.checkbox label {/*FRA change*/
    font-family: "RoobertLight";
    font-size: 16px;
    line-height: 22px;
    vertical-align: top;
}

.radio-containerNpa label span {/*FRA change*/
    font-family: "RoobertLight";
    font-size: 18px;
    line-height: 20px;
}

p {/*FRA change*/
    font-family: "RoobertLight";
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
}

p.number-text {
    float: left;
    font-size: 40px;
    line-height: 15px;
}

.form-group .input-info {/*FRA change*/
    font-family:"Roobert";
    font-size: 15px;
    line-height: 25px;
}

.number-pagination {/*FRA change*/
    font-family:"Roobert";
    font-size: 15px;
    line-height: 19px;
}

textarea.form-control {/*FRA change*/
    font-family:"Roobert";
    font-size: 15px;
    line-height: 30px;
}

 .checkbox-container {
    margin-top:20px;
}
/*** Buttons ***/

.button-container {
    padding: 70px 0 15px 0;
}

#wrapper-tp .button-container {
    padding: 20px 0 15px 0;
}

.light-btn {
    color: #ff0f64;
    font-weight: 700;
    font-size: 13px;
    background: transparent;
    border: none;
    letter-spacing: 0.6px;
    font-family: "RoobertBold";
}

.light-black-btn {
    color: black;
    font-weight: 700;
    font-size: 13px;
    background: transparent;
    border: none;
    letter-spacing: 0.6px;
    font-family: "RoobertBold";
}

.full-btn  {
    background-color: #ff0f64;
    min-height: 50px;
    border-radius: 0;
    width: 214px;
    display: inline-block;
    font-weight: 700;
    color: white;
    border: 2px solid #ff0f64;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    letter-spacing: 0.6px;
    font-family: "RoobertBold";
}
.full-btn.reverse {
	background-color: transparent;
    color: #ff0f64;
}


#calcolaBtn {
    margin: 10px auto;
    float: none;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-family: "RoobertBold";
    outline: none;
    color:white;
}

.full-btn:active, #verifyPOD:active, .confirmButton:active {
    background-color: rgba(211, 19, 89, 0.2);
    outline: none;
}
.full-btn:hover,
#calcolaBtn:hover {
    background-color: transparent;
    color: #ff0f64;
}


.small-gray-text {
    text-align: left;
    float: none;
    margin-top: 20px;
    color: #999;
    font-size: 12px;
    line-height: 22px;
}

.remodal[data-remodal-id='cfModify'] .remodal-close,
.remodal[data-remodal-id='modalKoGeneric'] .remodal-close,
.remodal[data-remodal-id='pivaModify'] .remodal-close,
.remodal[data-remodal-id='podModify'] .remodal-close,
.remodal[data-remodal-id='modalCF'] .remodal-close,
.remodal[data-remodal-id='modalOpenMarket'] .remodal-close,
.remodal[data-remodal-id='modalSave'] .remodal-close,
.remodal[data-remodal-id='modalSaveNoFlag'] .remodal-close,
.remodal[data-remodal-id='modalUrl'],
.remodal[data-remodal-id='modalExist'] .remodal-close {
    opacity: 1;
    z-index: 99999;
    top: 10px;
    color: black;
}

.modal-header {
    border-bottom: 0;
}

h4.modal-title {
    font-size: 30px;
    font-family: "RoobertLight";
}

ul#nazioneCFSelectBoxItOptions {
    max-width: 424px;
}

#comuneCFcontainer ul li.ui-menu-item div:first-letter {
    font-weight: bold;
}

/* MODAL MORE INFO */
.remodal[data-remodal-id='modalMoreInfo'] button.remodal-close,
.remodal[data-remodal-id='modalInfoPod'] button.remodal-close,
/*.remodal[data-remodal-id='modalInfoNC'] button.remodal-close,*/
.remodal[data-remodal-id='modalInfoND'] button.remodal-close,
.remodal[data-remodal-id='modalInfoQuadro'] button.remodal-close,
.remodal[data-remodal-id='modalInfoContatore'] button.remodal-close,
.remodal[data-remodal-id='modalInfoDistributore'] button.remodal-close,
.remodal[data-remodal-id='modalInfoFornitore'] button.remodal-close,
.remodal[data-remodal-id='modalInfoPdr'] button.remodal-close,
.remodal[data-remodal-id='modalGenericInfo'] button.remodal-close,
.remodal[data-remodal-id='modalInfoDatiC'] button.remodal-close {
    position: absolute;
    top: -32px !important;
    right: 0 !important;
    left: 0 !important;
    margin: auto;
    background: #ff0f64;
    opacity: 1 !important;
    border-radius: 100%;
    color: #FFF !important;
    min-width: 40px;
    min-height: 40px;
}

.remodal[data-remodal-id='modalMoreInfo'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoPod'] button.remodal-close:before,
/*.remodal[data-remodal-id='modalInfoNC'] button.remodal-close:before,*/
.remodal[data-remodal-id='modalInfoND'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoQuadro'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoContatore'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoDistributore'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoFornitore'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoPdr'] button.remodal-close:before,
.remodal[data-remodal-id='modalGenericInfo'] button.remodal-close:before,
.remodal[data-remodal-id='modalInfoDatiC'] button.remodal-close:before {
    font-size: 30px;
    top: 4px;
    left: 3px;
}

.remodal[data-remodal-id='modalMoreInfo'] .modal-dialog,
.remodal[data-remodal-id='modalInfoPod'] .modal-dialog,
/*.remodal[data-remodal-id='modalInfoNC'] .modal-dialog,*/
.remodal[data-remodal-id='modalInfoND'] .modal-dialog,
.remodal[data-remodal-id='modalInfoQuadro'] .modal-dialog,
.remodal[data-remodal-id='modalInfoContatore'] .modal-dialog,
.remodal[data-remodal-id='modalInfoDistributore'] .modal-dialog,
.remodal[data-remodal-id='modalInfoFornitore'] .modal-dialog,
.remodal[data-remodal-id='modalInfoPdr'] .modal-dialog,
.remodal[data-remodal-id='modalGenericInfo'] .modal-dialog,
.remodal[data-remodal-id='modalInfoDatiC'] .modal-dialog {
    max-width: 600px;
    text-align: left;
}

.remodal[data-remodal-id='modalInfoPod'] ul,
/*.remodal[data-remodal-id='modalInfoNC'] ul,*/
.remodal[data-remodal-id='modalInfoND'] ul,
.remodal[data-remodal-id='modalInfoContatore'] ul,
.remodal[data-remodal-id='modalInfoDistributore'] ul,
.remodal[data-remodal-id='modalInfoQuadro'] ul,
.remodal[data-remodal-id='modalInfoFornitore'] ul,
.remodal[data-remodal-id='modalInfoPdr'] ul,
.remodal[data-remodal-id='modalGenericInfo'] ul,
.remodal[data-remodal-id='modalInfoDatiC'] ul {
    list-style-type: initial;
    padding: 15px;
}

.remodal[data-remodal-id='modalMoreInfo'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoPod'] .bold-title.pink,
/*.remodal[data-remodal-id='modalInfoNC'] .bold-title.pink,*/
.remodal[data-remodal-id='modalInfoND'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoContatore'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoDistributore'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoQuadro'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoFornitore'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoPdr'] .bold-title.pink,
.remodal[data-remodal-id='modalGenericInfo'] .bold-title.pink,
.remodal[data-remodal-id='modalInfoDatiC'] .bold-title.pink {
    text-align: center;
    padding-top: 40px;
}

.remodal[data-remodal-id='modalOpenMarket'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalMoreInfo'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoPod'] .modal-dialog .modal-content,
/*.remodal[data-remodal-id='modalInfoNC'] .modal-dialog .modal-content,*/
.remodal[data-remodal-id='modalInfoND'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoQuadro'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoContatore'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoDistributore'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoFornitore'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoPdr'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalGenericInfo'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalInfoDatiC'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalSave'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalUrl'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalSaveNoFlag'] .modal-dialog .modal-content {
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 0px 50px 5px rgba(0,0,0,.5);
}

.remodal[data-remodal-id='modalMoreInfo'] .normal-text,
.remodal[data-remodal-id='modalInfoPod'] .normal-text,
/*.remodal[data-remodal-id='modalInfoNC'] .normal-text,*/
.remodal[data-remodal-id='modalInfoND'] .normal-text,
.remodal[data-remodal-id='modalInfoContatore'] .normal-text,
.remodal[data-remodal-id='modalInfoDistributore'] .normal-text,
.remodal[data-remodal-id='modalInfoQuadro'] .normal-text,
.remodal[data-remodal-id='modalInfoFornitore'] .normal-text,
.remodal[data-remodal-id='modalInfoPdr'] .normal-text,
.remodal[data-remodal-id='modalGenericInfo'] .normal-text,
.remodal[data-remodal-id='modalInfoDatiC'] .normal-text {
    font-family:"Roobert";
    line-height: 1.5;
}
@media (min-width: 768px) {
    .remodal[data-remodal-id='modalSave'] .modal-dialog,
    .remodal[data-remodal-id='modalSaveNoFlag'] .modal-dialog
    .remodal[data-remodal-id='modalUrl'] .modal-dialog  {
        width:700px;
    }
    .ui-autocomplete .ui-menu-item{
        font-size: 18px;
        padding: 14px;
        border: 0 !important;
    }
    .form-group .form-control {

        font-size: 18px;

    }
}
.remodal[data-remodal-id='modalSave'] .modal-dialog .modal-content,
.remodal[data-remodal-id='modalSaveNoFlag'] .modal-dialog .modal-content
.remodal[data-remodal-id='modalUrl'] .modal-dialog .modal-content {
    text-align: left;
    padding: 35px;
}

.modal-footer.text-center {
    text-align: center;
}


/* SELECT BOX IT */


.selectboxit {
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 1;
    /*padding: 18px 15px !important;*/
    border-radius: 0;
    height: 60px;
    outline: none;
    position: relative;
    border: 2px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
.selectboxit:focus {
    outline: none;
    box-shadow: 0 0 0;
    border: 2px solid rgba(0, 0, 0, 0.15)
}
.selectboxit.selectboxit-open {
    border: 2px solid #000000;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
}

.selectboxit-container {
    position: relative;
    display: block;
}

.selectboxit.has-error {
    border: 2px solid #ff0f64;
}
.selectboxit-container .form-control.selectboxit-btn:after{transform-origin: 50% 50%}
.selectboxit-container .selectboxit-btn{padding:12px 40px 12px 18px}
.selectboxit-container .selectboxit-btn:after{font-family: 'icomoon';content: "\e907";font-size:16px;position: absolute;right: 18px;top:43%}
.selectboxit-container .selectboxit-btn.selectboxit-open:after{/*content: "\e908";*/}
.selectboxit-container .selectboxit-btn .selectboxit-text{
    text-indent:0;
    float:none;
    margin-right: 0;
    font-size: 19px;
    letter-spacing: 0px;
    color: black;
    font-family:"RoobertLight";
}
.selectboxit-options.selectboxit-list {
    list-style:none;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cecece;
    border-top: 2px solid #cecece;
    border-radius: 0;
    box-shadow: 4px 4px 45px -6px #000;
    top: 70px !important;
    border-top: none;
    z-index: 9999999999999999999999999;
    color:black;
    padding: 0;
    height: auto !important;
    max-height: 340px !important;
    display: none;
    overflow-y: auto !important;
    min-width: 100%;
}

.selectboxit-options.selectboxit-list li a {
    padding: 21px 14px;
    color : black;
    display:block;
    font-size: 18px;
    text-transform: capitalize;
    font-family:"RoobertLight";
    cursor:pointer;
}

.selectboxit-options.selectboxit-list  li:hover {
    background: #f4f4f4;
}

.select-placeholder .selectboxit-list > li:first-child {
    display: none;
}

@media only screen and (max-width: 600px) {
    .selectboxit {
        height: 50px;
    }

    .selectboxit-options.selectboxit-list li a {
        font-size: 15px;
        line-height: 10px;
    }

    .selectboxit {
        font-size: 15px;
        color: #ccc;
        font-family:"RoobertLight";
    }

    .selectboxit-text {
        font-size: 15px !important;

	}

	[data-remodal-id="modalCF"] .form-group label, .normal-text,
	[data-remodal-id="modalKoGeneric"] .form-group label, .normal-text,
	[data-remodal-id="modalSaveNoFlag"] .form-group label, .normal-text	{
		margin-bottom: 0;
		font-size: 12px;
		line-height: 10px;
		padding-bottom: 5px;
	}

	[data-remodal-id="cfModify"] .form-container input[type='text'],
	[data-remodal-id="cfModify"] input[type='number'],
	[data-remodal-id="cfModify"] input[type='tel'],
	[data-remodal-id="cfModify"] input[type='email'],
	[data-remodal-id="cfModify"] textarea ,
	[data-remodal-id="cfModify"] .selectboxit-container .selectboxit-btn,
	[data-remodal-id="modalKoGeneric"] .form-container input[type='text'],
	[data-remodal-id="modalKoGeneric"] input[type='number'],
	[data-remodal-id="modalKoGeneric"] input[type='tel'],
	[data-remodal-id="modalKoGeneric"] input[type='email'],
	[data-remodal-id="modalKoGeneric"] textarea ,
	[data-remodal-id="modalKoGeneric"] .selectboxit-container .selectboxit-btn,
	[data-remodal-id="pivaModify"] .form-container input[type='text'],
	[data-remodal-id="pivaModify"] input[type='number'],
	[data-remodal-id="pivaModify"] input[type='tel'],
	[data-remodal-id="pivaModify"] input[type='email'],
	[data-remodal-id="pivaModify"] textarea ,
	[data-remodal-id="pivaModify"] .selectboxit-container .selectboxit-btn,
	[data-remodal-id="podModify"] .form-container input[type='text'],
	[data-remodal-id="podModify"] input[type='number'],
	[data-remodal-id="podModify"] input[type='tel'],
	[data-remodal-id="podModify"] input[type='email'],
	[data-remodal-id="podModify"] textarea ,
	[data-remodal-id="podModify"] .selectboxit-container .selectboxit-btn,
	[data-remodal-id="modalCF"] .form-container input[type='text'],
	[data-remodal-id="modalCF"] input[type='number'],
	[data-remodal-id="modalCF"] input[type='tel'],
	[data-remodal-id="modalCF"] input[type='email'],
	[data-remodal-id="modalCF"] textarea ,
	[data-remodal-id="modalCF"] .selectboxit-container .selectboxit-btn,
	[data-remodal-id="modalSaveNoFlag"] .form-container input[type='text'],
	[data-remodal-id="modalSaveNoFlag"] input[type='number'],
	[data-remodal-id="modalSaveNoFlag"] input[type='tel'],
	[data-remodal-id="modalSaveNoFlag"] input[type='email'],
	[data-remodal-id="modalSaveNoFlag"] textarea ,
	[data-remodal-id="modalSaveNoFlag"] .selectboxit-container .selectboxit-btn	{
		height: 50px;
	}

	[data-remodal-id="cfModify"] .radio-containerNpa label.custom-radio span,
	[data-remodal-id="modalKoGeneric"] .radio-containerNpa label.custom-radio span,
	[data-remodal-id="pivaModify"] .radio-containerNpa label.custom-radio span,
	[data-remodal-id="podModify"] .radio-containerNpa label.custom-radio span,
	[data-remodal-id="modalCF"] .radio-containerNpa label.custom-radio span,
	[data-remodal-id="modalSaveNoFlag"] .radio-containerNpa label.custom-radio span {
		font-size: 15px;
	}
	[data-remodal-id="cfModify"] .form-container input[type='text']::placeholder,
	[data-remodal-id="cfModify"] input[type='number']::placeholder,
	[data-remodal-id="cfModify"] input[type='tel']::placeholder,
	[data-remodal-id="cfModify"] input[type='email']::placeholder,
	[data-remodal-id="cfModify"] textarea::placeholder ,
	[data-remodal-id="cfModify"] .selectboxit-container .selectboxit-btn::placeholder,
	[data-remodal-id="modalKoGeneric"] .form-container input[type='text']::placeholder,
	[data-remodal-id="modalKoGeneric"] input[type='number']::placeholder,
	[data-remodal-id="modalKoGeneric"] input[type='tel']::placeholder,
	[data-remodal-id="modalKoGeneric"] input[type='email']::placeholder,
	[data-remodal-id="modalKoGeneric"] textarea::placeholder ,
	[data-remodal-id="modalKoGeneric"] .selectboxit-container .selectboxit-btn::placeholder,
	[data-remodal-id="pivaModify"] .form-container input[type='text']::placeholder,
	[data-remodal-id="pivaModify"] input[type='number']::placeholder,
	[data-remodal-id="pivaModify"] input[type='tel']::placeholder,
	[data-remodal-id="pivaModify"] input[type='email']::placeholder,
	[data-remodal-id="pivaModify"] textarea::placeholder ,
	[data-remodal-id="pivaModify"] .selectboxit-container .selectboxit-btn::placeholder,
	[data-remodal-id="podModify"] .form-container input[type='text']::placeholder,
	[data-remodal-id="podModify"] input[type='number']::placeholder,
	[data-remodal-id="podModify"] input[type='tel']::placeholder,
	[data-remodal-id="podModify"] input[type='email']::placeholder,
	[data-remodal-id="podModify"] textarea::placeholder ,
	[data-remodal-id="podModify"] .selectboxit-container .selectboxit-btn::placeholder,
	[data-remodal-id="modalCF"] .form-container input[type='text']::placeholder,
	[data-remodal-id="modalCF"] input[type='number']::placeholder,
	[data-remodal-id="modalCF"] input[type='tel']::placeholder,
	[data-remodal-id="modalCF"] input[type='email']::placeholder,
	[data-remodal-id="modalCF"] textarea::placeholder ,
	[data-remodal-id="modalCF"] .selectboxit-container .selectboxit-btn::placeholder,
	[data-remodal-id="modalSaveNoFlag"] .form-container input[type='text']::placeholder,
	[data-remodal-id="modalSaveNoFlag"] input[type='number']::placeholder,
	[data-remodal-id="modalSaveNoFlag"] input[type='tel']::placeholder,
	[data-remodal-id="modalSaveNoFlag"] input[type='email']::placeholder,
	[data-remodal-id="modalSaveNoFlag"] textarea::placeholder ,
	[data-remodal-id="modalSaveNoFlag"] .selectboxit-container .selectboxit-btn::placeholder {
		font-size: 15px;
	}

	[data-remodal-id="cfModify"] .selectboxit,
	[data-remodal-id="pivaModify"] .selectboxit,
	[data-remodal-id="podModify"] .selectboxit,
	[data-remodal-id="modalKoGeneric"] .selectboxit,
	[data-remodal-id="modalCF"] .selectboxit,
	[data-remodal-id="modalSaveNoFlag"] .selectboxit {
		padding: 12px 40px 12px 18px!important;
	}

	[data-remodal-id="cfModify"] .has-error span.help-block,
	[data-remodal-id="cfModify"] .help-block.pink,
	[data-remodal-id="pivaModify"] .has-error span.help-block,
	[data-remodal-id="pivaModify"] .help-block.pink,
	[data-remodal-id="podModify"] .has-error span.help-block,
	[data-remodal-id="podModify"] .help-block.pink,
	[data-remodal-id="modalKoGeneric"] .has-error span.help-block,
	[data-remodal-id="modalKoGeneric"] .help-block.pink,
	[data-remodal-id="modalCF"] .has-error span.help-block,
	[data-remodal-id="modalCF"] .help-block.pink,
	[data-remodal-id="modalSaveNoFlag"] .modale_cf .select-placeholder,
	[data-remodal-id="modalSaveNoFlag"] .modale_cf .form-group {
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	[data-remodal-id="modalCF"] .modale_cf .select-placeholder,
	[data-remodal-id="modalKoGeneric"] .modale_cf .select-placeholder,
	[data-remodal-id="modalKoGeneric"] .modale_cf .form-group,
	[data-remodal-id="modalCF"] .modale_cf .form-group {
		margin-bottom: 0;
	}

	[data-remodal-id="cfModify"] .modale_cf .select-placeholder > div > span,
	[data-remodal-id="pivaModify"] .modale_cf .select-placeholder > div > span,
	[data-remodal-id="podModify"] .modale_cf .select-placeholder > div > span,
	[data-remodal-id="modalCF"] .modale_cf .select-placeholder > div > span,
	[data-remodal-id="modalKoGeneric"] .modale_cf .select-placeholder > div > span,
	[data-remodal-id="modalSaveNoFlag"] .modale_cf .select-placeholder > div > span	{
		margin-bottom: 12px;
	}

	[data-remodal-id="modalCF"] input:checked + label.custom-radio::after,
	[data-remodal-id="modalKoGeneric"] input:checked + label.custom-radio::after,
	[data-remodal-id="cfModify"] input:checked + label.custom-radio::after,
	[data-remodal-id="pivaModify"] input:checked + label.custom-radio::after,
	[data-remodal-id="podModify"] input:checked + label.custom-radio::after,
	[data-remodal-id="modalSaveNoFlag"] input:checked + label.custom-radio::after {
		cursor: pointer;

	}

	.remodal[data-remodal-id="modalSaveNoFlag"] {
		max-width: 700px !important;
		box-shadow: 0px 0px 40px 5px rgba(0,0,0,.5);
		padding: 0;
	}

	[data-remodal-id="modalSaveNoFlag"] .modal-dialog {
		margin: 0;
	}

	.remodal[data-remodal-id='modalSaveNoFlag'] .modal-dialog .modal-content {
		padding: 10px;
	}

	.remodal[data-remodal-id='modalSaveNoFlag'] h4.modal-title {
		font-size: 18px;
	}

	.remodal[data-remodal-id='modalSaveNoFlag'] .full-btn {
		width: 100%;
		padding: 0;
	}

	.remodal[data-remodal-id='modalSaveNoFlag'] .full-btn.reverse {
	    margin-top: 15px;
	}

	.remodal[data-remodal-id='modalSaveNoFlag'] .modal-footer {
		padding: 0 15px 0 15px;
		border-top: none;
	}

}


/* MODALE CODICE FISCALE CAMPO AUTOCOMPLETE*/

li.ui-menu-item div {
    padding: 21px 14px;
    color: black;
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    font-family:"RoobertLight";
    cursor: pointer;
}

li.ui-menu-item {
    /*height: 67px;*/
    /*list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;*/
    /*line-height: 67px;
    font-size: 19px;*/
    font-family: "RoobertLight";
}

li.ui-menu-item:hover,
li.ui-menu-item:focus,
li.ui-menu-item:active,
li.ui-menu-item:visited {
    background: #f4f4f4;
    /*border: 0;*/
    color:black;
    list-style: none !important;
    /*padding: 4px 0px 0px 8px;*/
    border: 1px solid #FFF !important;
}
/*
li.ui-menu-item div {
    background: transparent !important;
    border: 0 !important;
    color:black !important;
    padding: 20px 10px !important;
}

.ui-widget.ui-widget-content {
    list-style: none;
    background: #ffffff;
    border: 1px solid #cecece;
    border-top: 2px solid #cecece;
    border-radius: 0;
    box-shadow: none;
    border-top: none;
    z-index: 9999999999999999999999999;
    color: black;
    padding: 0;
    height: auto !important;
    max-height: 250px !important;
    display: none;
    overflow-y: auto;
    position: relative;
}
.ui-widget.ui-widget-content.ui-autocomplete {
    max-width: 424px;
}
*/
/*FIX LAURA */
.modale_cf .small-space {
	margin-bottom:15px;
}

.modale_cf .select-placeholder, .modale_cf .form-group {
    margin-bottom: 25px;
}

[data-remodal-id="modalKoGeneric"] .modal-footer, 
[data-remodal-id="modalCF"] .modal-footer {
	border-top: none;
}

@media only screen and (max-width: 600px) {
    [data-remodal-id="modalKoGeneric"] .modal-body,
    [data-remodal-id="modalCF"] .modal-body {
	  padding: 10px;
	}
	
	[data-remodal-id="modalKoGeneric"] h4.modal-title,
	[data-remodal-id="modalCF"] h4.modal-title {
        font-size: 18px;
    }

    [data-remodal-id="modalKoGeneric"] #calcolaBtn,
    [data-remodal-id="modalCF"] #calcolaBtn {
        width: 100%;
    }
	
	.modale_cf .select-placeholder > div > span {
		margin-bottom: 30px;
	}
	
	.modale_cf .select-placeholder, .modale_cf .form-group {
		margin-bottom: 20px;
	}
	[data-remodal-id="modalKoGeneric"] .modal-footer,
	[data-remodal-id="modalCF"] .modal-footer {
	  padding: 0 10px 10px 10px;
	}
}


.modaliAdesione .modal-body .form-group{
	width: 100%;
	padding: 0;
}
.modaliAdesione .modal-body .form-container{
	padding: 0;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-opened {
	display: block;
    margin: auto;
    top: 5%;
    overflow-x: hidden;
}
[data-remodal-id="modalGenericInfo"] .modal-footer {
	text-align: center;
}
[data-remodal-id="modalGenericInfo"] .modal-footer button{
	display: inline-block;
	width: 180px;
}

.btn-center{
	float: none;
    margin: 0 auto;
}    

@media only screen and (max-width: 360px) {
	
	.remodal[data-remodal-id="modalGenericInfo"] .modal-footer button {
    display: inline-block;
    width: 180px;
    margin: 6px;
	}
    
}

@media only screen and (max-width: 767px) {
	li.ui-menu-item {
		font-size: 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 15px;
		height: 50px;
	}
}

.radio-container label.custom-radio span {
	margin-left: 50px;
}
p {
    font-size: 15px;
    line-height: 22px;
}

.plan-promo--offwhite {
    background: #f7f7f7;
}

.btn-border-pink {
    border: 2px solid #ff0f64;
    color: #ff0f64;
    background: #fff;
}
.btn-border-pink:hover,
.btn-border-pink:active,
.btn-border-pink:focus {
    border: 2px solid #fff;
    color: #fff;
    background: #ff0f64;
}

.visible-mobile {
    display: none;
}
@media screen and (max-width: 1024px) {
    .hidden-tablet {
        display: none;
    }
    .visible-mobile {
        display: block;
    }
}

.container.list .choice {
    margin-bottom: 40px;
}
.container.list li {
    padding: 5px 0;
}

.e-light .dotcom-header {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.image-hero-e-light {
    padding: 64px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.image-hero-e-light .image-hero_inner {
    margin-top: 60px;
}

.image-hero.only-image{
    padding-bottom: 0;
}
.image-hero.only-image .image-hero_inner {
    padding: 0;
    margin: 0;
}
.image-hero.only-image .image-hero_inner img {
    width: 100%;
    max-width: 768px;
    float: left;
}

.e-light .eyebrow.text--breadcrumb {
    font-family:"Roobert", Georgia;
    color: rgba(0, 0, 0, 0.5);
}
.e-light .image-hero-e-light.image-hero-custom.image-hero .image-hero_breadcrumbs .breadcrumbs_item:after {
    color: #000;
}
.e-light .text--page-heading {
    color: #000;
}
.e-light .image-hero_detail {
    color: #000;
}
.e-light .hero-cta {
    border-color: #000;
    color: #000;
}

.e-light .image-hero-e-light.image-hero-custom.image-hero .text--page-heading {
    font-size: 38px;
    line-height: 40px;
	width: 100%;
}

.e-light .image-hero_detail.text--detail {
    font-family: "RoobertLight";
    font-size: 15px;
    line-height: 22px;
}
.e-light .image-hero_detail.text--detail span.detail-info {
    font-family:"Roobert";
}
.e-light .image-hero_detail.text--detail a {
    text-decoration: underline;
}

.e-light .image-hero-e-light.image-hero-custom.image-hero a.btn-cta {
    margin-top: 31px;
}

.e-light .step-section .step:after {
    font-family:"Roobert";
    display: block;
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 15px;
    line-height: 38px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
}
.e-light .step-section .step.step-2:after {
    content: "2 / 5";
}
.e-light .step-section .step.step-3:after {
    content: "3 / 5";
}
.e-light .step-section .step.step-4:after {
    content: "4 / 5";
}
.e-light .step-section .step.step-5:after {
    content: "5 / 5";
}
.e-light .step-section .step {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.e-light .step-section .step:first-of-type {
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.e-light .step-section .step button {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: left;
    z-index: 1;
    padding: 15px;
    font-size: 30px;
    line-height: 38px;
    font-family: "RoobertBold";
    color: rgba(0, 0, 0, 0.3);
}

.sticky-mobile .service-box {
    max-width: 600px;
    margin: 50px auto 0;
}

.service-box {
    border: 1px solid #ebebeb;
    padding: 0;
}
.service-box .price-header {
    background-color: #f7f7f7;
    padding: 15px 25px;
    }
    
.service-box .price-header div ,
.service-box div.serviceNPA div{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-family: "RoobertBold";
    letter-spacing: 0.6px;
    padding: 15px 0px 15px;
    }

.service-box.product-box .box {
    border: none;
    background-color: #f7f7f7;
    margin: 0;
    padding: 0 25px;
    overflow: hidden;
}
.service-box.product-box .box ul label {
    font-family: "RoobertLight";
    font-size: 17px;
    line-height: 18px;
    display: inline-block;
    /*margin: 0;*/
    cursor: pointer;
}
.service-box.product-box .box ul.price label {
    font-family:"Roobert";
}
.service-box.product-box input[type='checkbox']:checked + label {
    font-family:"Roobert";
    font-weight: 500;
}
.service-box.product-box .box ul span {
    font-family:"Roobert";
    font-size: 17px;
    line-height: 18px;
    float: right;
    /*  display: inline-flex; */
}
.service-box.product-box .box ul span:after {
    font-family:"Roobert";
    font-size: 14px;
    line-height: 22px;
}
.service-box.product-box .box ul.price span:after {
    content: "\20AC/kWh*";
    padding-left: 5px;
}
.service-box.product-box .box ul.price span.GAS:after {
    content: "\20AC/Smc*";
    padding-left: 5px;
}
.service-box.product-box .box ul.service span:after {
    content: "\20AC/mese";
    padding-left: 5px;
}
.service-box.product-box .box ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    overflow: hidden;
}

.service-box.product-box .box p {
    font-size: 14px;
    opacity: .5;
    padding: 8px 0 10px;
}

.e-light .hub-secondary-nav {
    font-size: 15px;
    height: 100%;
}
.e-light .hub-secondary-nav .hub-secondary-nav_inner {
    text-align: left;
    border-bottom: none;
    /*background-color: transparent;*/
}

#time {       
    font-family:"Roobert";
    font-size: 15px;
    line-height: 25px;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding-top: 20px;
}
#time .time-left {
    color: #999;
}
#time .visual-step a {
    height: 15px;
    width: 20%;
    background-color: #f1f1f1;
    float: left;
    margin: 8px 0;
    padding: 0;
    cursor: initial;
}
#time .visual-step a.opened {
    background-color: rgba(85, 190, 90, 0.6);
    cursor: pointer;
}
#time .visual-step a.active-step {
    background-color: #008C5A;
    cursor: pointer;
}
#time .visual-step a:not(:last-of-type) {
    border-right: 2px solid #fff;
}
#time .visual-step a:hover {
    /*background-color: #008C5A;*/
}
#time .actual-step {
    color: #000;
    padding-bottom: 20px;
    clear: both;
    max-width: 750px;
    margin: auto;
    padding: 0 15px 8px;
    display: block;
}

#time .visual-step a[data-anchor-index="1"].active-step ~ span:after {
    content: "Step 1/5: I tuoi dati";
}
#time .visual-step a[data-anchor-index="2"].active-step ~ span:after {
    content: "Step 2/5: Fornitura";
}
#time .visual-step a[data-anchor-index="3"].active-step ~ span:after {
    content: "Step 3/5: Pagamenti";
}
#time .visual-step a[data-anchor-index="4"].active-step ~ span:after {
    content: "Step 4/5: Consensi";
}
#time .visual-step a[data-anchor-index="5"].active-step ~ span:after {
    content: "Step 5/5: Servizi aggiuntivi";
}

#time .visual-step a[data-anchor-index="1"]:hover ~ span:after {
    content: "Step 1/5: I tuoi dati";
}
#time .visual-step a[data-anchor-index="2"]:hover ~ span:after {
    content: "Step 2/5: Fornitura";
}
#time .visual-step a[data-anchor-index="3"]:hover ~ span:after {
    content: "Step 3/5: Pagamenti";
}
#time .visual-step a[data-anchor-index="4"]:hover ~ span:after {
    content: "Step 4/5: Consensi";
}
#time .visual-step a[data-anchor-index="5"]:hover ~ span:after {
    content: "Step 5/5: Servizi aggiuntivi";
}

.block-end {
    background-color: #f7f7f7;
    margin: 0;
    max-width: none;
}
.block-end .content-container {
    padding: 50px 30px 100px;
    margin-bottom: 0;
}
.block-end .document-accordian {
    background-color: #fff;
}
.block-end .left-content-container {
    max-width: 750px;
    margin: auto;
}

/* complete */
h3.check-main-head {
    padding: 40px 0;
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
}

.check-container {
    padding: 0 15px;
}
.check-container h3 {
    font-size: 23px;
    line-height: 27px;
}
.check-container p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 30px;
}

.form {
    padding: 0 15px;
}
.form div {
    width: 100%;
}
.form div:not(:last-of-type) {
    margin-right: 30px;
}
.form .btn-container {
    padding: 0;
    margin-top: 30px;
}
.form .btn-container button {
    height: 60px;
}
.form input {
    height: 60px;
}
.form .link-container {
    height: 60px;
    font-family:"Roobert";
    font-size: 12px;
    margin-top: 30px;
    padding: 8px 0;
}
.form .link-container a {
    display: inline;
    color: #ff0f64;
    text-transform: uppercase;
    font-family: "RoobertBlack";
}

input[type='password'] {
    transition: all 100ms linear;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.15);
    color: #000000;
    display: inline-block;
    min-width: 160px;
    outline: none;
    padding: 10px 10px 8px;
    width: 100%;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
}

/* other */
.new-plan:first-of-type {
    margin-top: 30px;
}
.new-plan > p {
    font-family: "RoobertLight";
    font-size: 15px;
    line-height: 23px;
}

.e-light .new-plan.plan-overview_details div.plan-overview_details_container {
    float: none;
}
.new-plan.plan-overview_details div.plan-overview_details_container {
    padding-bottom: 20px;
}
.new-plan.plan-overview_details div.plan-overview_details_container {
    padding: 0;
}

.new-plan .new-plan-head {
    font-family: "RoobertLight";
    font-size: 28px;
    line-height: 25px;
    color: #fff;
    background-color: #0555fa;
    padding: 25px 15px 18px;
}
.new-plan .new-plan-block {
    padding: 30px 15px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
}

.e-light .plan-promo_inner {
    padding: 25px 15px;
    margin-bottom: 40px;
}

/* vas */
div.anchor[data-module='services-price'] {
    display: none;
}

.e-light .plan-overview_details h3 {
    padding: 0px 0 25px;
    letter-spacing: -0.52px;
}
.e-light .plan-overview_details h3.plan-main-head:after {
    /*content: "5/5";
    font-family:"Roobert";
    display: block;
    position: absolute;
    right: auto;
    top: 0;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #000;*/
}
.e-light .plan-overview_details p span b {
    color: #ff0f64;
}

.product-content .product-content-details .info.minus-info,
.product-content .product-content-details .info.plus-info {
    /*display: inline-block;*/
    font-family: "RoobertBold";
    font-size: 12px;
    color: #000;
    clear: both;
    margin-bottom: 0px;
    cursor: pointer;
    margin-top: 25px;
}
.product-content .product-content-details .info.minus-info,
.product-content.info-active .product-content-details .info.plus-info {
    display: none;
}
.product-content.info-active .product-content-details .info.minus-info {
    display: inline-block;
}

.product-content.info-active h4,
.product-content.info-active .product-details-wrapper {
    display: block;
}
.product-content h4,
.product-content .product-details-wrapper {
    display: none;
}

.product-content .product-content-details .service {
    margin-top: 0;
}
.product-content.info-active .product-content-details .service {
    margin-top: 36px;
}

.product-content .product-content-details .service {
    font-family: "RoobertBold";
    font-size: 12px;
    color: #ff0f64;
    clear: both;    
    margin-bottom: 0px;
    cursor: pointer;
}
.product-content .product-content-details .service img {
    margin-right: 10px;
    margin-bottom: -3px;
    transition: all .3s ease-in-out;
    width: 14px;
}
.product-content .product-content-details .minus-service img {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.product-content.service-active .product-content-details .service.minus-service,
.product-content .product-content-details .service.plus-service {
    display: inline-block;
    min-width: 40%;
}
.product-content.service-active .product-content-details .service.plus-service,
.product-content .product-content-details .service.minus-service {
    display: none;
}

.contratto p {
    margin-bottom: 25px;
}
.contratto #vas-answer #vas-delivery-answer p {
    margin-bottom: 0px;
}
.contratto #vas-answer #vas-delivery-answer {
    margin-bottom: 25px;
}
.contratto .checkbox-container {
    margin-bottom: 75px;
}
.contratto .checkbox-container label {
    font-family: "RoobertLight";
    font-size: 12px;
    line-height: 18px;
}
.contratto .checkbox-container input[type='checkbox'] + label:before {
    top: 2px;
}
.contratto .checkbox-container input[type='checkbox'] + label:after {
    top: 1px;
}
.contratto button {
    display: inline-block;
    background-color: #ff0f64;
    border-radius: 0;
    min-height: 50px;   
	/*width: 100%;*/
    border: 2px solid #ff0f64;
    font-family: "RoobertBold";
    font-size: 12px;
    color: white;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-align: center;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
}
.contratto button:hover {
    background-color: #fff;
    color: #ff0f64;
}

/* DEM */
.dem .image-hero {
    background-color: #0152E8;
}
.dem .image-hero .image-hero_inner {
    padding: 0 15px;
}
.image-hero.only-image .image-hero_inner {
    padding: 0;
}

.dem .dotcom-header {
    border: none;
}
.dem .dotcom-header__links {
    display: block;
    margin-left: 60px;
}
.dem .dotcom-header__links.dotcom-header__links-custom li {
    font-family: "RoobertBlack";
    font-size: 13px;
    line-height: 16px;
    text-transform: unset;
}

.dem .eyebrow.text--breadcrumb {
    color: #fff;
    opacity: 1;
    text-transform: unset;
    font-family:"Roobert",Georgia;
    font-size: 12px;
    line-height: 15px;
}
.dem .text--page-heading {
    color: #fff;
}

.dem #main .no-info {
    padding-bottom: 0;
}

.dem #main .content-container {
    padding: 0 15px;
}

.dem .dem-info {
    padding: 15px 0;
    font-family: "RoobertLight";
}
.dem .dem-info .title {
    font-family: "RoobertLight";
    font-size: 28px;
    line-height: 25px;
    margin-bottom: 30px;
}
.dem .dem-info p {
    margin-bottom: 30px;
}
.dem .dem-info p span {
    font-family: Georgia;
}
.dem .dem-info button {
    display: inline-block;
    background-color: #ff0f64;
    border-radius: 0;
    min-height: 50px;
    width: 100%;
    border: 2px solid #ff0f64;
    font-family: "RoobertBold";
    font-size: 12px;
    color: white;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-align: center;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    margin-bottom: 30px;
}
.dem .dem-info .add-info {
    font-family:"Roobert" ,Georgia;
    color: #999;
    font-size: 12px;
    line-height: 18px;
}
.dem .dem-info a {
    font-family: "RoobertBold";
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}
.dem .dem-info a span {
    color: #ff0f64;
    padding-left: 5px;
}

/* MODALI */
.remodal .remodal-close {
    left: auto;
    right: 0;
}
.remodal .remodal-content {
    text-align: left;
}
.remodal .new-plan {
    padding: 0;
}
.remodal .new-plan:first-of-type {
    margin-top: 0;
}

.remodal .plan-overview_details h3.plan-main-head:after {
    content: "";
}

.remodal .content-container {
    padding: 0;
}
.remodal .left-content-container {
    width: 100%;
}


@media only screen and (min-width: 641px) {

    /* MODALI */
    .remodal {
        max-width: calc(100% - 60px) !important;
    }
}

@media screen and (min-width: 768px) {

    p {
        font-size: 18px;
        line-height: 29px;
    }

    .e-light .dotcom-header {
        padding-bottom: 25px;
    }

    .image-hero-e-light {
        padding: 0px;
    }

   .e-light .image-hero-e-light.image-hero-custom.image-hero .text--page-heading {
        font-size: 68px;
        line-height: 72px;
    }

    .e-light .image-hero_detail.text--detail {
        display: block;
        margin-top: 50px;
        font-size: 18px;
        line-height: 30px;
    }

    .e-light .step-section .step button {
        padding: 35px 38px 35px 25px;
        font-size: 30px;
        line-height: 38px;
    }

    .e-light .step-section .step:after {
        right: 35px;
        top: 36px;
    }

    /* complete */
    .check-container {
        padding: 0 15px;
    }
    .check-container h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .check-container p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 40px;
    }

    .form {
        padding: 0 15px;
    }
    .form div {
        float: left;
        width: 291px;
    }
    input[type='password'] {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1;
        padding: 14px;
    }
    .form .link-container {
        font-size: 15px;
        line-height: 25px;
    }
    .form .link-container a {
        display: block;
    }

    /* other */
    .new-plan:first-of-type {
        margin-top: 80px;
    }
    .new-plan > p {
        font-size: 22px;
        line-height: 36px;
    }

    .new-plan .new-plan-head {
        font-size: 50px;
        line-height: 55px;
        padding: 30px 30px 20px;
    }
    .new-plan .new-plan-block {
        padding: 50px 30px 30px;
    }

    .new-plan .btn-container {
        max-width: 268px;
    }

    .e-light .plan-promo_inner {
        padding: 60px 15px;
        margin-bottom: 40px;
    }

    /* vas */
    .e-light .plan-overview_details {
        padding: 25px 0;
    }

    .e-light .plan-overview_details h3 {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 40px;
        letter-spacing: -0.8px;
    }
    .e-light .plan-overview_details h3.plan-main-head:after {
        display: block;
        position: absolute;
        right: 15px;
        top: 40px;
        font-size: 15px;
        line-height: 38px;
    }
    .e-light .plan-overview_details p {
        margin-bottom: 60px;
    }
    .e-light #vas-answer #vas-delivery-answer p {
        margin-bottom: 0px;
    }
    .e-light #vas-answer #vas-delivery-answer {
        margin-bottom: 60px;
    }

    .contratto p {
        margin-bottom: 50px;
    }
    .contratto .checkbox-container label {
        font-size: 18px;
        line-height: 30px;
    }
    .contratto .checkbox-container input[type='checkbox'] + label:before {
        top: 6px;
    }
    .contratto .checkbox-container input[type='checkbox'] + label:after {
        top: 3px;
    }
    /*.contratto button {
        font-size: 13px;
        width: 214px;
    }*/

    /* DEM */
    .dem .dotcom-header__links {
        display: block;
        margin: auto;
    }

    .dem .image-hero .image-hero_inner {
        padding: 0 30px;
    }

    .image-hero.only-image {
        padding-bottom: 0;
    }
    .image-hero.only-image .image-hero_inner {
        padding: 0;
    }

    .dem .eyebrow.text--breadcrumb {
        font-size: 18px;
        line-height: 30px;
    }

    .dem #main .content-container {
        padding: 0 30px;
    }

    .dem .dem-info {
        /*padding: 40px 30px;*/
        padding: 40px 0;
    }
    .dem .dem-info .title {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 40px;
    }
    .dem .dem-info p {
        margin-bottom: 40px;
    }
    .dem .dem-info button {
        width: 214px;
        font-size: 13px;
        margin-bottom: 40px;
    }
    .dem .dem-info button.upload-button {
        width: 268px;
    }
    .dem .dem-info .add-info {
        font-size: 15px;
        line-height: 22px;
    }

    /* MODALI */
    .remodal .new-plan {
        padding: 0;
    }
    .remodal .new-plan:first-of-type {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1025px) {

    .contratto button {
        font-size: 13px;
        width: 214px;
    }
}

@media screen and (min-width: 1024px) {

    .e-light .dotcom-header {
        padding-bottom: 23px;
    }

    .right-content-container.stick .product-box.service-box {
        top: 0;
        top: 130px;
    }
    .service-box {
        margin-top: -90px;
    }

    /*.right-content-container.stick #time {
        position: fixed;
        top: 0;
        bottom: auto;
        left: auto;
        margin: auto;
    }
    .right-content-container.stick #time.rm_sticky {
        position: absolute;
        top: auto;
        bottom: 0;
        margin: 0;
        right: 0;
        margin-left: 15px;
    }

    #time {
        position: relative;
        margin-top: -204px;
        margin-bottom: 106px;
        font-size: 15px;
        line-height: 25px;
        border-top: none;
        background-color: transparent;
    }
    #time .actual-step {
        padding: 0 0px 20px;
    }
    #time .visual-step a {
        margin: 15px 0;
    }*/

    .block-end .content-container {
        padding: 70px 30px 70px;
    }
    .block-end .left-content-container {
        max-width: none;

    }

    /* complete */
    .check-container {
        padding: 0 30px;
    }

    .form {
        padding: 0 30px;
    }

    /* other */
    .e-light .plan-overview_details .services-set-height {
        min-height: 180px;
    }
    .e-light .new-plan.plan-overview_details div.plan-overview_details_container {
        display: inline-block;
        float: none;
        width: 49%;
        vertical-align: top;
    }

    .new-plan.plan-overview_details div.plan-overview_details_container:nth-child(even) {
        padding-right: 15px;
    }
    .new-plan.plan-overview_details div.plan-overview_details_container:nth-child(odd) {
        padding-left: 15px;
        padding-right: 0;
    }

    .e-light .plan-promo_inner {
        padding: 60px 30px;
        margin-bottom: 80px;
    }

    /* MODALI */
    .remodal .plan-promo_inner {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1025px) {

    .right-content-container.stick #time {
        position: fixed;
        top: 0;
        bottom: auto;
        left: auto;
        margin: auto;
    }
    .right-content-container.stick #time.rm_sticky {
        position: absolute;
        top: auto;
        bottom: 0;
        margin: 0;
        right: 0;
        margin-left: 15px;
    }

    #time {
        position: relative;
        margin-top: -204px;
        margin-bottom: 106px;
        font-size: 15px;
        line-height: 25px;
        border-top: none;
        /*background-color: transparent;*/
    }
    #time .actual-step {
        padding: 0 0px 20px;
    }
    #time .visual-step a {
        margin: 15px 0;
    }
}

@media screen and (max-width: 767px) {

    /* complete */
    .form div {
        margin-bottom: 25px;
    }

    /* vas */
    .contratto .checkbox-container {
        border: 2px solid #ccc;
        padding: 10px;
        background-color: #f7f7f7;
        margin-bottom: 45px;
        margin-top: 0;
    }
}

@media screen and (max-width: 1024px) {

    .footer-custom .footer-container {
        margin-bottom: 65px;
    }

    #time {       
        bottom: 0 !important;
        padding-top: 0;
    }
}

#vas-delivery-answer p {
	margin-bottom: 0;
}
#vas-delivery-answer {
    margin-bottom: 10px;
}
#pdfAccordion {
	cursor: pointer;
}
@charset "UTF-8";
/* CSS Fonts */
@font-face {
    font-family: Roobert;
    src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Regular.eot") format("eot"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Regular.woff") format("woff"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Regular.woff2") format("woff2"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Regular.tff") format("tff");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: RoobertBold;
    src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Bold.eot") format("eot"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Bold.woff") format("woff"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Bold.woff2") format("woff2"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Bold.tff") format("tff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: RoobertLight;
    src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.eot") format("eot"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.woff") format("woff"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.woff2") format("woff2"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Light.tff") format("tff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}


@font-face {
    font-family: RoobertBlack;
    src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.eot") format("eot"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.woff") format("woff"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.woff2") format("woff2"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-Black.tff") format("tff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}


@font-face {
    font-family: RoobertItalic;
    src: url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-RegularItalic.eot") format("eot"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-RegularItalic.woff") format("woff"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-RegularItalic.woff2") format("woff2"),
    url("../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/fonts/RoobertENEL-RegularItalic.tff") format("tff");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}


@font-face {
    font-family: 'icomoon';
    src: url("main/resources/fonts/icomoon.eot?tqg1z2");
    src: url("main/resources/fonts/icomoon.eot?tqg1z2#iefix") format("embedded-opentype"), url("main/resources/fonts/icomoon.ttf") format("truetype"), url("main/resources/fonts/icomoon.woff") format("woff"), url("main/resources/fonts/icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* add icoomon for new icons  */
@font-face {
    font-family: 'icomoon';
    src:  url('main/resources/fonts/icomoon_Additional.eot');
    src:  url('main/resources/fonts/icomoon_Additional.eot?#iefix') format('embedded-opentype'),
    url('main/resources/fonts/icomoon_Additional.ttf') format('truetype'),
    url('main/resources/fonts/icomoon_Additional.woff') format('woff'),
    url('main/resources/fonts/icomoon_Additional.svg?#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'icomoon';
    src: url("main/resources/fonts/icomoon.eot?tqg1z2");
    src: url("main/resources/fonts/icomoon.eot?tqg1z2#iefix") format("embedded-opentype"), url("main/resources/fonts/icomoon.ttf?tqg1z2") format("truetype"), url("main/resources/fonts/icomoon.woff?tqg1z2") format("woff"), url("main/resources/fonts/icomoon.svg?tqg1z2#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
@charset "UTF-8";
/* CSS Document */

body {
    position: relative;
    /*
    background: linear-gradient(to left, #ffffff, #fff 50%, #f7f7f7 50%, #f7f7f7 100%)!important;
    */
    background: #fff;
    margin: 0;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* {box-sizing: border-box;}
* {
    margin: 0;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: normal;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .0s,background-color .0s,border-color .0s;
    -moz-transition: color .0s,background-color .0s,border-color .0s;
    -ms-transition: color .0s,background-color .0s,border-color .0s;
    -o-transition: color .0s,background-color .0s,border-color .0s;
}

label {width: 100%; height: 100%}
:focus {
    outline: -webkit-focus-ring-color auto 0!important;;
    outline: none!important;;
}
:focus {outline: 0px solid!important;}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul li {list-style: none;}

a,
button {
    cursor: pointer
}

a {
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
    color: #D3135A;
}

p > a {
    text-decoration: underline;
    color: #D3135A;
}

p > a:hover {
    text-decoration: none;
}


.button-container + div > p > a {
    text-decoration: underline;
    color: #D3135A;
}

.button-container + div > p > a:hover {
    text-decoration: none;
}

.nav-content a span[class^="dsc-icon-"] {
    font-size: 18px;
    color: #707070;
    display: inline-block;
    transition: 0.5s;
    margin-right: 15px!important;
}

.nav-content a:hover span[class^="dsc-icon-"] {
    transform: scale(1.075);
    transition: all 0.2s linear 0s;
}

.nav-content a span.dsc-icon-line-download {
    transform: rotate(90deg);
}

.nav-content a:hover span.dsc-icon-line-download {
    transform:  scale(1.075) rotate(90deg);
}

.nav-content a:active span.menu-item-name, .nav-content a.active span.menu-item-name {
    font-size: 18px;
    color: #D3135A;
    text-decoration: underline;
}

.nav-content a:hover span[class^="dsc-icon-"], .nav-content a:focus span[class^="dsc-icon-"], .nav-content a:active span[class^="dsc-icon-"], .nav-content a.active span[class^="dsc-icon-"] {
    font-size: 18px;
    color: #D3135A;
    text-decoration:none;
}

.nav-content a:hover span.menu-item-name {
    font-size: 18px;
    color: #D3135A;
    text-decoration: none;
}

.nav-content a:focus span.menu-item-name {
    font-size: 18px;
    color: #D3135A;
    text-decoration: underline;
}

nav-content a span.sr-only {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
}

.simplebox {position: absolute!important; top:0!important; left:0!important; max-height: 0!important; min-width: 0!important; padding: 0!important;}

footer {
    background-color: #222;
}

.pre-footer {
    background-color: #707070;
}

footer > div {
    display: flex!important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    max-width: 1290px;
    padding: 0 20px;
    margin: 0 auto;
}

footer > div div {
    padding: 20px 0;

}

@media screen and (max-width: 767px) {
    footer > div {
        height: auto;
        flex-direction: column-reverse;
        padding: 0 20px;
    }
    footer > div div {
        width: 100%
    }
    footer > div div:last-child {
        border-bottom: 1px solid rgba(255,255,255,0.13);
    }
}

footer ul, #footer ul {
    display: block;
    float: left;
    margin-bottom: 0px
}

footer ul li, #footer ul li {
    display: inline-block !important;
}

footer div.footer-social-container ul {
    display: flex!important;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 0px!important;
    flex-wrap: nowrap;
}

footer li a span[class^="dsc-icon-"] {
    font-size: 16px;
    color: #fff;
    display: block;
    transition: 0.5s;
}

footer .footer-info-container li, footer .footer-info-container li a {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px!important;
    color: #fff;
    line-height: 0.9;
    font-weight: 400;
    transition: 0.5s;
    display: inline-block!important;
    position: relative;
    height: 100%;
}

footer .footer-info-container ul:first-child li:first-child {
    padding: 0 10px 0 0;
}

footer .footer-info-container ul:last-child li:last-child {
    padding: 0 0 0 10px;
    border-right: 0;
}

footer .footer-info-container li {
    padding: 0 10px;
    margin: 5px 0;
    border-right: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    footer .footer-info-container li {
        padding: 0 10px 0 0px;
        margin: 5px 0 5px 5px;
    }
}
footer #text {width: 0px}
footer .footer-info-container li a {
    text-decoration: none;
}

footer .footer-info-container li a:hover {
    text-decoration: underline;
}

footer .footer-social-container li {
    margin-right: 25px;
}

footer .footer-social-container li:last-child {
    margin-right: 0;
}

footer li a:hover span[class^="dsc-icon-"], .footer li a:focus span[class^="dsc-icon-"], .footer li a:active span[class^="dsc-icon-"] {
    transform: scale(1.075);
    transition: all 0.2s linear 0s;
}

@media screen and (min-width: 768px) {
    footer div.footer-social-container ul {
        display: flex!important;
        flex-direction: row;
        justify-content: flex-end;
        float: right !important;
        padding-left: 25px!important;
    }
}

header .dsc-icon-user {
    line-height: normal;
}

[class^="dsc-icon-"]:before, [class*=" dsc-icon-"]:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dsc-icon-mail:before {content: "\e902";}
.dsc-icon-messenger:before {content: "\e975";}
.dsc-icon-user:before{content:"\e919"}
.dsc-icon-line-graph:before{content:"\e92e"}
.dsc-icon-bolletta:before{content:"\e94b"}
.dsc-icon-line-file:before{content:"\e92c"}
.dsc-icon-line-spanner:before{content:"\e946"}
.dsc-icon-line-star:before{content:"\e93c"}
.dsc-icon-line-solar:before{content:"\e93b"}
.dsc-icon-enelpremiawow:before{content:"\e94f"}
.dsc-icon-line-family:before{content:"\e92b"}
.dsc-icon-line-user:before{content:"\e941"}
.dsc-icon-line-savings:before{content:"\e93a"}
.dsc-icon-business:before{content:"\e94c"}
.dsc-icon-line-pc:before{content:"\e936"}
.dsc-icon-line-pin:before{content:"\e939"}
.dsc-icon-line-download:before{content:"\e928"}
.dsc-icon-close:before{content:"\e90d"}
.dsc-icon-close-rounded:before{content:"\e956"}
.dsc-icon-burger:before{content:"\e909"}
.dsc-icon-loader:before{content:"\e955"}
.dsc-icon-line-pen:before{content:"\e937"}
.dsc-icon-line-minus:before {content: "\e969";}
.dsc-icon-line-plus:before {content: "\e96a";}
.dsc-icon-handbook:before {content: "\e976";}
.dsc-icon-package-enelx:before{content:"\e981"}
.dsc-icon-package-digitalbox:before{content:"\e986"}
.dsc-icon-thumb-up:before{content:"\e987"}
.dsc-icon-easy-solar:before{content:"\e988"}

.icon-srchTool-power:before{content:"\e984"}
.icon-srchTool-foglioMatita:before{content:"\e983"}
.icon-srchTool-foglio:before{content:"\e985"}

/* social icon*/
.dsc-icon-twitter:before{content:"\e904"}
.dsc-icon-fb:before{content:"\e901"}
.dsc-icon-youtube:before{content:"\e90a"}
.dsc-icon-instagram:before{content:"\e951"}
.dsc-icon-telegram:before{content:"\e954"}
.dsc-icon-linkedin:before{content:"\e91e"}

.dsc-icon-chevron-down:before{content:"\e907"}
.dsc-icon-chevron-down {cursor: pointer;}


.icon-globe:before {
    content: "\e974";
}
.dsc-icon-ituoidiritti:before {
    content: "\e973";
}
.dsc-icon-tutorial:before {
    content: "\e972";
}
.dsc-icon-cog:before {
    content: "\e971";
}
.dsc-icon-alert:before {
    content: "\e96f";
}
.dsc-icon-line-phone:before {
    content: "\e938";
}
.dsc-icon-thin-download:before {
    content: "\e96d";
}
.dsc-icon-engine:before {
    content: "\e96e";
}
.dsc-icon-shortcut:before {
    content: "\e96c";
}
.icon-line-flame:before {
    content: "\e92d";
}
.icon-line-electricity:before{
    content:"\e929"
}
.icon-line-fiber:before{
    content:"\e999";
}
.dsc-icon-line-flame:before {
    content: "\e92d";
}
.dsc-icon-line-electricity:before{
    content:"\e929"
}
.dsc-icon-filter:before {
    content: "\e96b";
}
.dsc-icon-duplicato-bolletta:before {
    content: "\e968";
}
.dsc-icon-addebito-diretto:before {
    content: "\e957";
}
.dsc-icon-attestazione-pagamento:before {
    content: "\e958";
}
.dsc-icon-bolletta-dettaglio:before {
    content: "\e959";
}
.dsc-icon-bolletta-web:before {
    content: "\e95a";
}
.dsc-icon-cambio-piano:before {
    content: "\e95b";
}
.dsc-icon-disattivazione:before {
    content: "\e95c";
}
.dsc-icon-invio-documenti:before {
    content: "\e95d";
}
.dsc-icon-modifica-consumi:before {
    content: "\e95e";
}
.dsc-icon-pagamento-online:before {
    content: "\e95f";
}
.dsc-icon-rateizza:before {
    content: "\e960";
}
.dsc-icon-rettifica:before {
    content: "\e961";
}
.dsc-icon-modifica-consensi:before {
    content: "\e962";
}
.dsc-icon-modifica-contratto:before {
    content: "\e963";
}
.dsc-icon-modifica-indirizzo:before {
    content: "\e964";
}
.dsc-icon-modifica-potenza:before {
    content: "\e965";
}
.dsc-icon-info-enelenergia:before {
    content: "\e966";
}
.dsc-icon-autolettura:before {
    content: "\e967";
}
.dsc-icon-check:before {
    content: "\e94e";
}
.dsc-icon-stopwatch:before {
    content: "\e952";
}
.dsc-icon-ico_cardServizi:before{
    content: "\e97e";
    font-size: 18px;
}

.dsc-icon-business-monitor:before {
    content: "\e982";
}

/*
.icon-check:after {content: "\e94e";}
.icon-check:before {content: "\e94e";}
*/

#content .loader-wrapper {
    top: calc(50% - 43px)!important;
}

.dsc-icon-loader {
    display: block;
    font-size: 87px;
    line-height: 1;
    color: #D3135A;
    height: 87px;
    position: relative;
    width: 87px;
    margin: 40px auto 20px auto;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg);}
}

.nav-container.menu-opened {
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
.nav-container.menu-closed {
    height: 0%;
    width: 100%;
    transition: 0.5s;
}

.nav-container {
    height: 0%;
    width: 100%;
    position: fixed;
    /**/
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /**/
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #F7F7F7;
    overflow-y: scroll;
    transition: 0.5s;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav-content {
    /* position: relative; */
    position: absolute;
    right: auto;
    top: 80px;
    width: auto;
    text-align: left;
    margin: 0 auto 40px auto;
}
.nav-container .nav-content {
    opacity: 0;
    transition: 0.3s;
}
.nav-container.menu-closed .nav-content {
    opacity: 0;
    transition: 0.3s;
}
.nav-container.menu-opened .nav-content {
    opacity: 1;
    transition: 0.3s;
}

.nav-container a {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 15px 35px 15px 0px;
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    color: #707070;
    display: block;
    transition: 0.3s;
    max-width: 220px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

/*.nav-content a:nth-last-child(+4),
.nav-content a#urlmodificaprofilo,*/
.nav-content a[data-id~=lineUpperItem], .nav-content a[data-line~=lineUpperItem]{
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 35px;
}

.nav-container a:hover, .nav-container a:focus,.nav-container a:active {
    color: #D3135A;
    text-decoration: none !important;
}

.nav-container .closebtn {
    position: absolute;
    font-size: 20px;
    top: 28px;
    right: 25px;
    padding: 0px;
    margin: 0;
    line-height: 20px;
    text-align: center;
    color: #707070;
}

.openbtn {
    position: absolute;
    top: 32px;
    right: 25px;
    font-size: 20px;
    padding: 0px;
    margin: 0;
    line-height: 20px;
    text-align: center;
    color: #000;
}

/*
.user-button {
	position: absolute;
	top: 25px;
	right: 75px;
    font-size: 20px;
    padding: 0px;
    margin: 0;
    line-height: 20px;
    text-align: center;
	color: #707070;
  }
*/
#welcomeBox {
    position: absolute;
    top: 30px;
    right: 75px;
    font-size: 20px;
    padding: 0px;
    margin: 0;
    line-height: 23px;
    text-align: center;
    color: #707070;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#welcomeBox a {
    color: #000;
    font-size: 23px;
    text-decoration: none;
}

@media screen and (max-width: 639px) {
    #welcomeBox {
        top: 26px;
        right: 65px;
    }
    .openbtn {
        top: 28px;
    }
    .nav-container:not(.menu-opened) *{
        display: none!important;
    }
}


@media screen and (min-width: 415px) and (max-width: 1024px) {
    .nav-container.menu-opened {
        height: 100%;
        width: 100%;
        transition: 0.8s;
    }
    .nav-container:not(.menu-opened) *{
        display: none!important;
    }
    .nav-container.menu-closed {
        height: 100%;
        width: 0%;
        transition: 0.5s;
    }
    .nav-container {
        height: 100%;
        width: 0%;
        position: fixed;
        /**/
        display: flex;
        justify-content: center;
        align-items: flex-start;
        /**/
        z-index: 2;
        top: 0;
        /*left: calc(100% - 310px);*/
        left: auto;
        right: 0!important;
        background-color: #F7F7F7;
        overflow-y: scroll;
        transition: 0.5s;
        font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        max-width: 310px;
        box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    }
    .nav-content {
        position: absolute;
        right: 38px;
        top: 80px;
        width: auto;
        text-align: left;
        margin: 0 auto 40px auto;
        opacity: 0;
    }
    .nav-container .nav-content {
        opacity: 0;
        transition: 0.3s;
    }
    .nav-container.menu-closed .nav-content {
        opacity: 0;
        transition: 0.3s;
    }
    .nav-container.menu-opened .nav-content {
        opacity: 1;
        transition: 0.3s;
    }
}

@media screen and (min-width: 1025px) {

    #main .wrapper {
        display: flex;
        flex-flow: row;
        min-height: 820px;
        position:relative;
    }

    .nav-container.menu-opened {
        height: 100%;
        width: 22%;
    }
    .nav-container.menu-closed {
        height: 100%;
        width: 22%;
    }
    .nav-container {
        height: 100%;
        width: 22%;
        position: absolute;
        /**/
        display: block;
        /**/
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #F7F7F7;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        overflow-y: visible;
        transition: 0s;
        font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .nav-content {
        position: absolute;
        width: auto;
        text-align: left;
        margin: 0 auto;
        right: 0px;
        top: 56px;
        padding-left: 20px;
    }
    .nav-container .nav-content {
        opacity: 1;
        transition: 0.3s;
    }
    .nav-container.menu-closed .nav-content {
        opacity: 1;
        transition: 0.3s;
    }
    .nav-container.menu-opened .nav-content {
        opacity: 1;
        transition: 0.3s;
    }

    main {
        height: 100%;
        width: 78%;
        position: relative;
        display: block;
        left: 22%;
        top: 0;
    }

    .nav-container .closebtn {
        display: none;
    }
    .openbtn {
        display: none;
    }

}

/*
@media only screen and (min-width: 376px) and (max-width:1024px){
	.nav-container {
	  height: 100%!important;
	  width: 350px;
	  position: absolute;
	  display: block;
	  z-index: 2;
	  top: 0;
	  left: calc(100% - 350px);
	  background-color: #F7F7F7;
	  border-right: 1px solid rgba(0, 0, 0, 0.1);
	  overflow-y: scroll;
	  transition: 0s;
	  font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	  box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
	}
	.nav-content {
	  right: 50px;
	}
}
*/

@media only screen and (min-width: 1024px){
    header.headroom .header-container {
        height: 90px!important;
    }
    #content {
        margin-top: 90px!important;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 640px){
    header.headroom .header-container {
        height: 90px!important;
    }
    #content {
        margin-top: 90px!important;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 1024px){
    #header .brand {
        width: auto!important;
        padding-right: 0!important;
        height: auto!important;
    }
}

@media only screen and (min-width: 640px) {
    #header .brand img {
        width: 250px!important;
    }
}

@media only screen and (min-width: 640px){
    #header .brand {
        height: auto!important;
        width: auto!important;
    }
}

#header {z-index: 2!important;border-bottom: 1px solid rgba(0, 0, 0, 0.1);    background-color: #fff;}

@media only screen and (min-width: 768px){
    #msg-box-background.opened {
        display: none;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 640px){
    #msg-box-background.opened {
        top: 90px;
    }
}

@media only screen and (max-width: 639px){
    #msg-box-background.opened {
        top: 80px;
    }
}

@media only screen and (max-width: 767px){
    #msg-box-background.opened {
        display: block;
        position: fixed;
        padding: 0;
        height: 100%;
        width: 100%;
        background: #fff;
        left: 0;
        z-index: 1;
        border: 0;
        transition: all 0.1s linear 0s;

    }
}

#msg-box {
    height: 0%;
    border: 0px solid #E5E5E5;
    transition: all 0.1s linear 0s;
}

#msg-box.open-msg a {
    display: none;
    color: #707070;
    height: 0;
}

#msg-box a span {
    display: none;
    color: #707070;
}

#msg-box.open-msg {
    position: fixed;
    padding: 20px 30px;
    height: auto;
    width: 330px;
    background: #fff;
    right: 55px;
    top: 90px;
    z-index: 2;
    color: #707070;
    font-size: 18px;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    line-height: 1;
    transition: all 0.1s linear 0s;
}

#msg-box.open-msg a {
    display: block;
    font-size: 18px;
    text-decoration: none;
    padding: 10px 0;
    color: #707070;
    float: left;
    height: auto;
    width: 100%;
}

#msg-box.open-msg a span {
    display: block;
    float: left;
}

#msg-box.open-msg a span:first-child {
    padding-right: 0px!important;
}

#msg-box.open-msg a > span.dsc-icon-line-download {
    transform: rotate(90deg);
}

#msg-box.open-msg a > span + span {
    padding-left: 20px;
}

#welcomeUser {
    padding: 0 15px;
    color: #000;
    font-family: "Roobert";
    margin: 0;
}

#welcomeUser + span {
    font-size: 12px;
    color: #000;
}

@media only screen and (max-width: 1023px){
    #welcomeUser, .dsc-icon-chevron-down {
        display: none;
    }
}

@media only screen and (max-width: 767px){
    #msg-box.open-msg {
        position: fixed;
        padding: 20px 30px;
        height: 100%;
        width: 100%;
        background: #fff;
        left: 0px;
        top: 90px;
        z-index: 2;
        color: #707070;
        font-size: 18px;
        border: 0;
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        line-height: 1;
        min-width: 320px;
    }
    #welcomeUser, .dsc-icon-chevron-down {
        display: none;
    }
}

.header-container{
    padding-top: 15px!important;
}

/* MODALE */


#modalAlert p {
    font-family: "Roobert";
    text-align: justify;
}

#modalAlert ol {
    list-style-type: decimal;
    list-style-position: inside;
    font-family: "RoobertBold";
    font-size: 18px;
    line-height: 29px;
    text-align: justify;
}

@media only screen and (max-width: 767px) {
    #modalAlert ol {
        font-size: 15px;
        line-height: 22px;
    }
}

#modalAlert ol li {
    margin: 20px 0;
}

#modalAlert ol li h5 {
    display: inline;
    font-size: inherit;
}

#modalAlert ol li > span {
    font-family: "Roobert";
}

@media only screen and (min-width: 768px) {
    .remodal-wrapper {
        margin: 0;
    }
}

.remodal-overlay {
    background: rgba(0,0,0,0.33)!important;
}

.modal-close.inline-icon-link .dsc-icon-close {
    font-size: 20px;
}

.remodal {
    top: 0!important;
}

@media only screen and (min-width: 641px) {
    .remodal-overlay {
        background: rgba(0,0,0,0.33)!important;
    }
    .remodal {
        max-width: 826px!important;
        padding: 60px 60px 30px 60px;
        top: 0!important;
    }
}

.remodal-wrapper {
    padding: 0!important;
}

.remodal-is-initialized, .remodal.remodal-is-opening, .remodal.remodal-is-opened {
    display: inline-block;
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    overflow: visible;
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0;
    min-width: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #000;
    border: 0;
    outline: 0;
    background: transparent;
}

.modal-content h3 {
    font-size: 36px;
    line-height: 1;
    font-family: "Roobert";
}

.modal-content span[id^="description-"]{
    display: block;
    margin: 25px 0 11px 0;
    font-size: 15px;
    line-height: 1;
}

.modal-content em {
    display: block;
    font-size: 20px;
    font-style: normal;
    line-height: 1;
    font-family: "Roobert";
    margin-top: 10px;
}

.modal-content #indirizzo {
    display: block;
    font-size: 20px;
    font-style: normal;
    line-height: 1;
    font-family: "Roobert";
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .modal-content h3 {
        font-size: 25px;
        line-height: 32px;
        font-family: "Roobert";
        text-align: center;
        margin-top: 20px;
    }
    .modal-content span[id^="description-"] {
        display: block;
        margin: 20px 0;
        font-size: 15px;
        line-height: 1;
        text-align: center;
        letter-spacing: 0.5px;
    }
    .modal-content #indirizzo {
        display: block;
        font-size: 15px;
        font-style: normal;
        line-height: 22px;
        font-family: "Roobert";
        margin-top: 10px;
        text-align: center;
        letter-spacing: 0.5px;
    }
}

.elenco-storico {
    margin-top: 12px!important;
}

.modal-content p {
    margin: 30px 0;
    text-align: justify;
    font-family: "Roobert";
}

p.modal-info {
    font-size: 14px;
    text-align: left;
    line-height: 1.5;
    padding: 20px 0;
    color: #707070;
}

ul.elenco-storico li.details-container:last-child dl {
    padding-bottom: 20px;
    min-height: 83px;
}

@media only screen and (max-width: 640px){
    .remodal, .remodal.remodal-is-opened, .dateModal .remodal.remodal-is-opening {
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px;
        min-width: 320px;
    }
    /*
    .dateModal .remodal.remodal-is-opening, .remodal.remodal-is-opened {
        display: block;
    }
    */
}

.modal-dialog .button-container {
    justify-content: center;
}

.details-container.storico.table-header {
    display: none;
}

.details-container.storico dl {
    display: flex;
    flex-flow: column;
    align-items: center;
    border-bottom: 1px solid #EAEAEA!important;
    padding: 25px 0 10px 0;
}


.details-container.storico dl > span {
    width: 100%;
    display: inline-flex;
    border-bottom: 0px solid #EDEDED;
}

.details-container.storico dt {
    font-size: 15px;
    line-height: 15px;
    color: #000;
    opacity: 0.5;
    font-weight: 400;
    display: inline-block;
    text-align: left;
    width: 50%;
}

.details-container.storico dd {
    font-family: "Roobert";
    font-size: 15px;
    line-height: 15px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    text-align: right;
    width: 50%;
}

@media only screen and (min-width: 768px){
    .details-container.storico.table-header {
        display: block;
    }

    .details-container.storico.table-header ul {
        display: flex;
        flex-flow: row;
        border-bottom: 0px solid #f5f5f5!important;
        justify-content: space-between;
        padding: 30px 0 10px 0;
        font-family: 'RoobertLight';
        font-size: 15px;
        letter-spacing: 0.2px;
    }

    .details-container.storico.table-header ul li {
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }

    .details-container.storico.table-header ul li:last-child {
        justify-content: flex-end;
    }

    .details-container.storico.table-header ul li:nth-last-child(+2) {
        justify-content: flex-end;
    }

    .details-container.storico.table-header ul li:nth-last-child(+2) span {
        padding-right:15px;
    }

    .details-container.storico dl {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        max-height: 63px;
        border-bottom: 1px solid #EAEAEA!important;
        padding: 25px 0 25px 0;
    }

    .details-container.storico  dl > span {
        margin: 0;
        padding: 20px 0;
        border-bottom: 0;
    }

    .details-container.storico  dt {
        font-size: 15px;
        line-height: 1.6em;
        color: #000;
        font-weight: 400;
        display: none;
    }

    .details-container.storico  dt {
        display: block!important;
        position: absolute!important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    .details-container.storico  dd {
        font-family: "Roobert";
        font-size: 20px;
        line-height: 1.2em;
        color: #000;
        font-weight: 400;
        display: inline-block;
        text-align: right;
        width: auto;
    }

    .details-container.storico dl span:last-child dd, .details-container.storico dl span:nth-last-child(+2) dd {
        width: 100%;
        text-align: right;
    }

    .details-container.storico dl span:nth-last-child(+2) dd {
        padding-right: 15px;
    }

}

.visually-hidden, .hidden-text {
    display: block!important;
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px;
    padding: 0;
    border: 0;
}

ul li span a {
    text-decoration: underline;
    color: #D3135A!important;
}
ul li span a:hover {
    text-decoration: none;
}
/* modale spinner */

.popup-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,.4);
}

.modal_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.modal-dialog {
    max-width: 826px!important;
    padding: 60px 40px 20px 40px;
    top: 0!important;
    display: inline-block;
    background: #fff;
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}
@media screen and (max-width: 767px) {
    .modal-dialog {
        padding: 50px 20px 20px 20px;
        text-align: left;
    }
}
.modal-header {
    padding: 0!important;
}

/* end modale spinner */


/* card forniture */

#mainContentWrapper, #landing-text, #mainProspect {
    width: 100%;
    max-width: 973px;
    margin: 0 auto;
    padding: 60px 20px;
}

.heading {
    margin-bottom: 60px;
}

.heading h1 {
    font-family: "RoobertBold";
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}

.heading p {
    font-family: "Roobert";
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.heading:after {
    display: table;
    content: ' ';
    clear: both;
}

#landing-text .heading {
    margin-bottom: 0px;
}

#landing-text .heading h1 {
    font-family:"Roobert";
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
}

#landing-text .heading p {
    font-family: "RoobertLight";
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 27px;
}

#landing-text .heading p:last-child {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px){
    #landing-text .heading h1 {
        font-family:"Roobert";
        font-size: 27px;
        font-weight: 400;
        margin-bottom: 10px;
        line-height: 32px;
    }

    #landing-text .heading p {
        font-family:"Roobert";
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    #landing-text .heading p:last-child {
        margin-bottom: 20px;
    }
}

.section-heading {
    margin-bottom: 40px;
}

.section-heading:after {
    display: table;
    content: ' ';
    clear: both;
}

.section-heading h2 {
    font-family: "RoobertBold";
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}

.section-heading h1, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    font-family: "RoobertBold";
}

.section-heading p {
    font-family: "Roobert";
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.tile-container .section-heading h2, .track-container .section-heading h2 {
    font-family: "RoobertBold";
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}

.tile-container .section-heading p, .track-container .section-heading p {
    font-family: "Roobert";
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.cardWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: 0 -15px;
}

.cardWrapper .card-heading {
    min-height: 116px;
}

.cardWrapper .details-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding-top: 57px;
    margin-bottom: 10px;
}

.cardWrapper .details-container > .card-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cardWrapper .details-container > .card-details .loader-statoconti {
    display: block;
    width: 30px;
    height: 30px;
    top: 0px;
    background-image: url(main/resources/images/loader.gif);
    background-size: 30px;
    background-repeat: no-repeat;
    line-height: 1;
}

.cardWrapper > div {
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    width: calc(33.333% - 30px);
    min-height: 435px;
    margin: 0 15px 30px 15px;
    padding: 30px 30px 20px 30px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    transition: all .2s linear;
    order: 1;
}

.card-heading h3 {
    font-family: "RoobertBold";
    font-size: 25px;
    line-height:30px;
    margin-bottom: 12px;
    white-space: normal;
    overflow-wrap: break-word;
}
.card-heading p {
    font-family: "RoobertLight";
    font-size: 15px;
    line-height: 1.2;
    color: #707070;
    font-weight: 400;
    letter-spacing: .5px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cardWrapper > div:hover {
    transform: scale(1.015);
    transition: all 0.2s ease-out 0s;
    box-shadow: 0px 13px 30px rgba(0,0,0,0.2);
}

#wrapper_modalforn.cardWrapper > div:nth-child(3n+4) {
    /*margin-right: 0px;*/
}

#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component {
    justify-content: flex-end;
    background-color: #D3135A;
    /*margin-right: 0;*/
}

.cardWrapper .details-container dl > span, .cardWrapper .details-container .dl > span {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: none;
    border-top: 1px solid #ededed;
}

.cardWrapper .details-container dl > span:first-child, .cardWrapper .details-container .dl > span:first-child {
    position: absolute;
    top: 0;
    left: -5px;
    width: 35px;
    display: block;
    border-top: none;
    padding: 0;
}

.cardWrapper span.icon-line-electricity, .cardWrapper span.icon-line-flame, .cardWrapper span.icon-line-fiber {
    font-size: 30px;
    color: #000;
    display: inline-block;
}

/*
.cardWrapper .details-container dl > span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 40px);
    display: block;
    text-align: right;
    border-top: none;
    padding: 0;
}
*/

/* ore free */
.cardWrapper .details-container dl > span:nth-child(2), .cardWrapper .details-container .dl > span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 32px);
    display: flex;
    text-align: right;
    border-top: 0;
    padding: 0;
    /*justify-content: flex-end;*/ /*alternative version*/
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
/* ore free */

.cardWrapper .details-container dl > span:nth-child(2) dd, .cardWrapper .details-container .dl > span:nth-child(2) .dd {
    line-height: 2;
}

.cardWrapper .details-container dl dt, .cardWrapper .details-container .dl .dt {
    font-size: 15px;
    line-height: 20px;
    color: #707070;
}

.cardWrapper .details-container dl dd, .cardWrapper .details-container .dl .dd {
    font-size: 15px;
    line-height: 20px;
    color: #707070;
    font-family: Roobert;
    font-weight: 600;
}

.cardWrapper .details-container dl dd > span[class^="icon-"], .cardWrapper .details-container dl dd > span[class^="dsc-icon-"], .cardWrapper .details-container .dl .dd > span[class^="icon-"], .cardWrapper .details-container .dl .dd > span[class^="dsc-icon-"] {
    padding-right: 4px;
}

.cardWrapper > div .button-container{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.cardWrapper > div .button-container button, .cardWrapper > div .button-container a {
    width:100%;
    padding: 13px 5px;
    margin-bottom:10px;
    margin-left: 0;
}

.cardWrapper > div .button-container a {
    font-family: "Roobert",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    min-width: 190px;
    padding: 13px 5px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 2px solid #D3135A;
    background-color: #D3135A;
    color: #fff;
}

.cardWrapper > div .button-container a:hover {
    background-color: #fff;
    color: #D3135A;
}

.cardWrapper > div .button-container a:last-child:hover {
    background-color: #D3135A;
    color: #fff;
}


.cardWrapper > div .button-container button:last-child, .cardWrapper > div .button-container a:last-child {
    margin-bottom:0px;
}

.cardWrapper > div .button-container a:last-child {
    border: 2px solid #D3135A;
    background-color: #fff;
    color: #D3135A;
    cursor: pointer;
}

#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component {
    color:#FFF;
    order: 2;
}

#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component .card-nuovaFornitura {
    margin-bottom:40px;
}

#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component h3 {
    font-family: "RoobertBold";
    font-size: 25px;
    line-height:30px;
    margin-bottom: 10px;
}

#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component p {
    font-size: 15px;
    line-height: 1.2;
}

/* R2 2022 - Minor difference for new Loyalty card in homepage */
#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component.card-loyalty-container p {
    line-height: 20px;
}

#wrapper_modalforn.cardWrapper > div.nuova-fornitura-component.card-loyalty-container .card-nuovaFornitura {
    margin-bottom: 20px;
}
/* END R2 2022 */

/*
#wrapper_modalforn.cardWrapper > div:first-child  .button-container button {
    color:#FF4687;
    border-color:#FF4687;
}

#wrapper_modalforn.cardWrapper > div:first-child  .button-container button:hover {
    background-color:#ffdce8;
}
*/

.cardWrapper > div.nuova-fornitura-component  .button-container button:hover {
    border-color:#fff;
}

@media only screen and (min-width: 1144px) and (max-width: 1240px){
    .cardWrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin: 0 -10px;
    }
    .cardWrapper > div {
        width: calc(33.333% - 20px);
        margin: 0 10px 30px 10px;
        padding: 30px 20px 30px 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1143px){
    .cardWrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
    .cardWrapper > div {
        width: calc(50% - 30px);
        margin: 0 15px 30px 15px;
        padding: 30px 30px 20px 30px;
    }
}

@media only screen and (min-width: 895px) and (max-width: 1024px){
    .cardWrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin: 0 -10px;
    }
    .cardWrapper > div {
        width: calc(33.333% - 20px);
        margin: 0 10px 30px 10px;
        padding: 30px 20px 30px 20px;
    }
}

@media only screen and (min-width: 680px) and (max-width: 894px){
    .cardWrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
    .cardWrapper > div {
        width: calc(50% - 30px);
        margin: 0 15px 30px 15px;
        padding: 30px 30px 20px 30px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 679px){
    .cardWrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        margin: 0 -10px;
    }
    .cardWrapper > div {
        width: calc(50% - 20px);
        margin: 0 10px 30px 10px;
        padding: 30px 20px 30px 20px;
    }
}

@media only screen and (min-width: 330px) and (max-width: 600px){
    .cardWrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
    }
    .cardWrapper > div {
        width: 100%;
        min-height: 410px;
        margin: 0 0 30px 0;
    }
}

@media only screen and (max-width: 329px){
    .cardWrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
    }
    .cardWrapper > div {
        width: 100%;
        min-height: 410px;
        padding: 30px 20px 30px 20px;
        margin: 0 0 30px 0;
    }
}

/* end card forniture */

/* card prospect */
.cardWrapper > div.card.prospect {
    color: #FFF;
    justify-content: flex-end;
    background-color: #D3135A;
    cursor: pointer;
}

.cardWrapper > div.card.prospect:hover {

}

.cardWrapper > div.card.prospect button, .cardWrapper > div.card.prospect a {
    color: #000;
    background-color: #fff;
    font-family: 'RoobertBold';
    border: 1px solid #fff;
}

.cardWrapper > div.card.prospect:hover button, .cardWrapper > div.card.prospect:hover a {
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(255,255,255,0.2);
}

.card-nuovaFornitura {
    margin-bottom: 40px;
}

.card.prospect h3 {
    font-family: "RoobertBold";
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
}

.cardWrapper > div.card.prospect:nth-child(3n) {
    margin-right: 0;
}

.card.prospect p {
    font-size: 15px;
    line-height: 1.2;
}

.card.prospect span[class^="icon"] {
    color: #fff;
    padding-bottom: 35px;
}

.cardWrapper .card.prospect:nth-child(2) {
    background-color:#008C5A;
}

.cardWrapper .card.prospect:nth-child(3) {
    background-color:#0152E8;
}

@media screen and (max-width: 767px) {
    .card.prospect {
        width: 100%;
        min-height: 395px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .card.prospect span[class^="icon"] {
        font-size: 30px;
    }
}

/* end card prospect */

/* tile servizi */

section.tile-container {
    margin-bottom: 40px;
}

.tileWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.tileWrapper .tile {
    width: calc(25% - 18px);
    min-height: 215px;
    margin-right: 24px;
    margin-bottom: 24px;
    padding: 0;
    border-radius: 0px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all .2s linear;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 20px; */
}

.tileWrapper .tile:hover {
    transform: scale(1.015);
    transition: all 0.2s ease-out 0s;
    box-shadow: 0 13px 30px rgba(0,0,0,0.2);
}

.zero-right-margin {
    margin-right: 0 !important;
}

.tile h3 {
    font-family: "Roobert";
    font-size: 20px;
    line-height: 24px;
}

.tile a {
    display: block;
    /*height: 100%;*/
    height: 215px;
    padding: 12px!important;
    color: #000;
    text-decoration: none;
}

.tile a:hover {
    color: #000;
    text-decoration: none;
}
.tile a:focus {
    color: #000;
    text-decoration: none!important;
}
.tile a:focus h3{
    color: #000;
    text-decoration: underline!important;
}

.tile div:first-child {
    height: 50%;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding-bottom: 10px;
}

.tile div:first-child > span {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    color: #D3135A;
}


.tile div:last-child {
    width: 100%;
    text-align: center;
    height: 50%;
    padding-top: 10px;
}

.tile div:last-child > span {
    margin-top: 10px;
    display: block;
    font-size: 20px;
    line-height: 1;
    font-family: "Roobert";
    font-weight: 400;
}

.orange-color {
    color:#D64100!important;
}

.green-color {
    /*color:#008C5A!important;*/
    color:#008757!important;
}

.red-color {
    color:#E61400!important;
}

.grey-color {
    color:#707070!important;
}


@media only screen and (max-width: 1224px){

    .tileWrapper .tile {
        width: calc(33.3333% - 16px)!important;
        min-height: 215px;
    }
  /*
    .tileWrapper .tile:nth-of-type(4n+4) {
        margin-right: 24px!important;
    }
    .tileWrapper .tile:nth-of-type(3n) {
        margin-right: 0!important;
    }
  */
}

@media only screen and (max-width: 1023px){

    .tileWrapper .tile {
        width: calc(25% - 18px)!important;
        min-height: 215px;
    }
   /*
    .tileWrapper .tile:nth-of-type(4n+4) {
        margin-right: 0px!important;
    }
    .tileWrapper .tile:nth-of-type(3n) {
        margin-right: 24px!important;
    }
    */
}

@media only screen and (max-width: 920px){

    .tileWrapper .tile {
        width: calc(33.3333% - 16px)!important;
        min-height: 215px;
    }
    /*
    .tileWrapper .tile:nth-of-type(4n+4) {
        margin-right: 24px!important;
    }
    .tileWrapper .tile:nth-of-type(3n) {
        margin-right: 0!important;
    }
    */
}

@media only screen and (max-width: 767px){

    .tileWrapper .tile {
        width: calc(50% - 12px)!important;
        min-height: 215px;
    }
    /*
    .tileWrapper .tile:nth-of-type(4n+4) {
        margin-right: 24px!important;
    }
    .tileWrapper .tile:nth-of-type(3n) {
        margin-right: 24px!important;
    }
    .tileWrapper .tile:nth-of-type(2n) {
        margin-right: 0!important;
    }
    */
}

@media only screen and (max-width: 475px){
    .tileWrapper .tile {
        width: 100%!important;
        min-height: 100px;
        margin-right: 0!important;
        margin-bottom: 10px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }
    .tileWrapper .tile:nth-of-type(4n+4) {
        margin-right: 0!important;
    }
    .tileWrapper .tile:nth-of-type(3n) {
        margin-right: 0!important;
    }
    .tileWrapper .tile:nth-of-type(2n) {
        margin-right: 0!important;
    }
    .tile a {
        height: 100%;
        height: auto;
        padding: 20px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }
    .tile div:first-child {
        height: 100%;
        height: auto;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 0px;
        width: 50px;
    }
    .tile a > div:last-child {
        width: calc(100% - 30px);
        text-align: left;
        height: 100%;
        height: auto;
        padding-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 7px;
        padding-right: 10px;
    }
    .tile div:last-child > span {
        margin-top: 5px;
    }
}

/* end tile servizi */


/* dettaglio fornitura/bolletta/rata */
.dsc-blue-alert {
    width: 100%;
    position: relative;
    height: auto;
    border: 0;
    margin: 40px 0;
    padding: 30px 20px;
    background-color: #D3135A;
    border-radius: 6px;
    transition: all .2s linear;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}

.blue-alert + .blue-alert {
    margin-top: 0;
}

.red.alert-box {
    background-color: #E61400;
}

.magenta.alert-box {
    background-color: #D3135A;
}

.blue-alert [class^="icon-"], .blue-alert [class^="dsc-icon-"] {
    font-size: 22px;
    color: #fff;
    display: block;
    margin-bottom: 18px;
    height: 22px;
    width: auto;
    overflow: visible;
}

.dsc-blue-alert p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
    color: inherit;

}

.dsc-blue-alert .button-container {
    margin-bottom: 0;
}

.dsc-blue-alert button.button_second:hover {
    background-color: #D3135A;
    color: #fff;
    border: 1px solid #fff;
}

section:after {
    content: ' ';
    display: table;
    clear: both;
}
section[data-context="info-dati-fatturazione"], section.recapSection {
    margin-bottom: 60px;
}
.heading.supply, #landing-text .heading.supply {
    position:relative;
    margin: 70px 0 30px 0;
}

.heading.supply h1 {
    font-family: "RoobertBold";
    font-size: 60px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 13px;
}

.heading.supply.bill h1 {
    font-family: "RoobertBold";
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 13px!important;
}

.heading.supply.bill.instalmentPlan h1 {
    margin-bottom: 23px;
}

.heading.supply .supply-details-heading {
    color: #000;
    font-family: "RoobertLight";
    font-size: 20px;
}

.heading.supply .supply-details-heading > span {
    display: block;
}

.heading.supply .supply-details-heading > span:nth-child(2) {
    position:absolute;
    top:-70px;
    left:0;
}

.heading.supply .supply-details-heading > span:nth-child(2) .icon-line-electricity, .heading.supply .supply-details-heading > span:nth-child(2) .icon-line-flame, .heading.supply .supply-details-heading > span:nth-child(2) .icon-line-fiber {
    font-size: 35px;
    line-height: 1;
}

.heading.supply .supply-details-heading > span:nth-child(3) {
    margin-top: 5px;
}

.heading.supply .supply-details-heading dt {
    color: #000;
    font-family: "RoobertLight";
    font-weight: 400;
    display: inline-block;
}

.heading.supply .supply-details-heading dd {
    color: #000;
    font-family: "RoobertBold";
    font-weight: 400;
    display: inline;
    padding-left: 10px;
    letter-spacing: 0.5px;
}

.heading.supply .supply-heading-links {
    position:absolute;
    top:-70px;
    right:0;
}

.heading.supply .supply-heading-links a:only-child {
    text-decoration:none!important;
}
/*
.heading.supply .supply-heading-links a:last-child {
    position:absolute;
    top:100px;
    right:0;
    font-family: "RoobertBold";
    font-weight: 400;
    color:#000000;
    font-size:12px;
    text-decoration:underline;
    text-transform:uppercase;
}

.heading.supply .supply-heading-links a:last-child:hover {
    text-decoration:none;
}
*/
.heading.supply .supply-heading-links a:nth-child(1) {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    text-align:center;
    min-width: 215px;
    padding: 13px 25px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 2px solid #D3135A;
    background-color: #fff;
    color: #D3135A;
}

.heading.supply .supply-heading-links a:nth-child(1):hover {
    background-color: #D3135A;
    color: #fff;
}

.heading.supply .supply-heading-links a:nth-child(2) {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    text-align:center;
    min-width: 215px;
    padding: 13px 25px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 2px solid #D3135A;
    background-color: #D3135A;
    color: #fff;
    margin-left: 7px;
}

.heading.supply .supply-heading-links a:nth-child(2):hover {
    background-color: #fff;
    color: #D3135A;
}

.bill .button-container button,
.bill .button-container button.button_second {
    border: 2px solid #D3135A;
}

.supply.details-container {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-bottom: 0px;
    padding: 12px 0;
}

.supply.details-container > dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.supply.details-container dl > span, .supply.details-container dl > div {
    float: none;
    width: 25%;
    margin: 0;
    padding: 11px 5px 11px 0;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
}

.supply.details-container dt {
    font-size: 15px;
    line-height: 1;
    /*color: #7F7F7F;*/
    color: #707070;
    font-weight: 400;
    margin: 5px 0;
}

.supply.details-container dd {
    font-family: "Roobert",sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #000;
    font-weight: 400;
    margin: 5px 0px;
}

.supply.details-container span.icon-info-circle {
    position:relative;
}

.supply.details-container span.icon-info-circle:before {
    position: absolute;
    bottom: -2px;
    left: 0;
}

/* START R3 2023 - Drop2 Formidabile */
.supply.details-container .note-formidabile {
    margin-top: 20px;
    color: #707070;
    font-size: 15px;
}

.supply.details-container .cta-formidabile-info span.icon-info-circle:before {
    font-size: 14px;
}
/* END R3 2023 */

.open-supply {
    font-family: "RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    margin: 17px 0;
    cursor: pointer;
}

h2.faq-heading {
    font-size: 25px;
    font-family: "Roobert",sans-serif;
    line-height: 1.2;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

section.faq-section {
    width: 100%;
    max-width: 973px;
    margin: 0 auto;
    padding: 30px 20px 60px 20px;
}

section.faq-section > ul > li {
    margin: 0;
    padding: 0;
    line-height: 1;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

section.faq-section > ul > li:first-child {
    border-top: 1px solid rgba(0,0,0,0.1);
}

section.faq-section > ul > li > div p, section.faq-section > ul > li > div ul li {
    font-family: "RoobertLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.5px;
}

section.faq-section > ul > li > div ul {
    margin: 20px 0 20px 30px!important;
}

section.faq-section > ul > li > div p:last-child, section.faq-section > ul > li > div ul:last-child {
    margin-bottom: 30px;
}

section#lista-forniture {
    margin-bottom: 40px;
}

.faq-section ul li p:last-child {
    margin: 0;
}

section.faq-section a, section.faq-section a:active {
    color: #D3135A;
    text-decoration: underline;
    font-family: "RoobertBold"
}

section.faq-section a:hover {
    color: #D3135A;
    text-decoration: none;
    font-family: "RoobertBold"
}

.faq-section button {
    font-family: "RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: block;
    font-size: 18px;
    min-width: 100%;
    padding: 30px 30px 30px 0;
    text-transform: none;
    letter-spacing: .8px;
    border: 0;
    background-color: transparent;
    color: #000;
    text-align: left;
    cursor: pointer;
}

@media only screen and (max-width: 767px){
    .faq-section button {
        font-size: 18px;
        line-height: 24px;
        min-width: 100%;
        padding: 20px 30px 20px 0;
    }
}

.faq-section button {
    position: relative;
}

.faq-section .dsc-icon-line-plus, .faq-section .dsc-icon-line-minus {
    position: absolute;
    right: 0;
    top: calc(50% - 11px);
    font-size: 22px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 1;
}

.supply.details-container {
    max-height: 104px; overflow: hidden; transition: max-height 400ms ease-in-out;
}

.supply.details-container dl a {
    color: #D3135A;
    font-size: inherit;
    text-decoration: underline;
}

.supply.details-container dl a:hover {
    color: #D3135A;
    text-decoration: none;
}

.supply.details-container .icon-info-circle {
    color: #D3135A;
    text-decoration: none;
}

.supply.details-container.supply-max-size {
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 1000ms ease-in-out;
}

.supply.details-container + .open-supply a {
    font-family: "RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    transition: all 0.2s linear 0s;
    text-decoration: underline;
    color: #000;
}

.supply.details-container + .open-supply a:hover {
    transition: all 0.2s linear 0s;
    text-decoration: none;
    color: #000;
}

.supply.details-container + .open-supply a:before {
    content: 'Mostra di più';
}

.supply.details-container.supply-max-size + .open-supply a:before {
    content: 'Mostra di meno';
}

@media only screen and (max-width: 1224px){

    .supply.details-container dl > span, .supply.details-container dl > div {
        width: 33.3333%!important;
    }
}

@media only screen and (max-width: 1023px){

    .supply.details-container dl > span, .supply.details-container dl > div {
        width: 25% !important;
    }
}

@media only screen and (max-width: 920px){

    .supply.details-container dl > span, .supply.details-container dl > div {
        width: 33.3333%!important;
    }
}

@media only screen and (max-width: 767px){

    .supply.details-container dl > span, .supply.details-container dl > div {
        width: 50%!important;
    }
    .supply.details-container {
        max-height: 180px;
        overflow: hidden;
        transition: max-height 400ms ease-in-out;
        border-top: 0px solid #ededed;
    }
}

@media only screen and (max-width: 475px){

    .supply.details-container dl > span, .supply.details-container dl > div {
        width: 1000%!important;
    }
    .supply.details-container {
        max-height: 336px;
        overflow: hidden;
        transition: max-height 400ms ease-in-out;
    }
}

@media only screen and (max-width: 767px){
    .heading.supply {
        margin: 0px;
    }
    .heading.supply h1 {
        font-size: 30px;
        line-height: 1;
        padding-left: 27px;
        margin-bottom: 0px;
    }
    .heading.supply .supply-details-heading {
        margin: 20px 0;
    }
    .heading.supply .supply-details-heading > span:nth-child(2) .icon-line-electricity, .heading.supply .supply-details-heading > span:nth-child(2) .icon-line-flame {
        font-size: 22px;
        line-height: 1;
        height: 20px;
        width: 20px;
    }
    .heading.supply .supply-details-heading > span:nth-child(2) {
        position: absolute;
        top: 5px;
        left: -4px;
    }
    .heading.supply .supply-details-heading > span:nth-child(3) {
        margin-top: 10px;
    }
    .heading.supply .supply-heading-links {
        position: relative;
        top: 0px;
        right: 0;
        width:100%;
        margin-top: 40px;
    }
    .heading.supply .supply-heading-links a {
        width:100%;
        display: block;
        margin: 0 0 10px 0;
    }
    .heading.supply .supply-heading-links a:nth-child(2) {
        margin: 0 0 10px 0;
    }
    /*
	.heading.supply .supply-heading-links a:last-child {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		min-height: 50px;
		padding: 13px 25px;
	}
    */
    .heading.supply .supply-details-heading dt, .heading.supply .supply-details-heading dd {
        padding-left: 0px;
        display: inline;
        line-height: 26px;
    }
}

.bill.totalCostContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-top: 5px;

}

.bill.totalCost {
    text-align: right;
    display: flex;
    flex-direction: column;
    margin: 30px 30px;
    padding: 0;
    width: auto;
    justify-content: flex-start;
}

.bill.totalCost p {
    font-size: 15px;
    line-height: 1;
    font-family: "RoobertLight";
    /*color: #7F7F7F;*/
    color: #707070;
}

.bill.totalCost span {
    font-size: 30px;
    line-height: 1;
    font-family: "RoobertBold";
    margin-top: 5px;
}

/* PayPal Paga in 3 mesi Banner */
.paypal-banner{
    min-width: calc(100% - 450px);
    margin-right: auto;
    margin-top: 40px;
}

.dettaglioRata-component .paypal-banner{
    min-width: calc(100% - 650px);
}

@media screen and (min-width: 768px) {
    .bill.totalCostContainer .button-container {
        flex-direction: row;
    }

    .bill.totalCostContainer .button-container button {
        margin-left: 0px;
    }

    .bill.totalCostContainer .button-container button:last-child {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px){
    .bill.totalCostContainer {
        flex-direction: column;
        margin-top: 0px;
    }
    .bill.totalCost {
        text-align: left;
        margin: 15px 0px;
    }
    .bill.totalCost span {
        font-size: 25px;
        line-height: 1;
        font-family: "RoobertBold";
        margin-top: 8px;
    }

    .paypal-banner{
        min-width: 100% !important;
    }
}

/* end dettaglio fornitura/bolletta/rata  */


/* tab ingaggi */

.dsc-flex span.icon-line-flame, .dsc-flex span.icon-line-electricity {
    font-size: 30px;
    color: #000;
    display: inline-block;
}

.dsc-label-container {
    margin: 0 -20px;
    /*padding: 0 20px;*/
    position: relative;
    min-height: 108px;
    border: 0px solid;
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    transition: all .2s linear;
    background: #fff;
    transition: opacity 0.1s ease 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
.dsc-label-container.luce {
    border-left:6px solid #0152E8;
}
.dsc-label-container.gas {
    border-left:6px solid #008C5A;
}
.dsc-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    min-height: 108px;
    height: 100%;
    padding: 0 30px;
}

.dsc-flex span {
    display: block;
}

.dsc-flex span[class^="icon-line-flame"], .dsc-flex span[class*=" icon-line-flame"], .dsc-flex span[class^="icon-line-electricity"], .dsc-flex span[class*=" icon-line-electricity"]{
    width: 55px;
    text-align: left;
}

.dsc-list-container .dsc-flex span.indirizzo {
    width: calc(50% - 55px);
    text-align: left;
}
.dsc-list-container .dsc-flex span.indirizzo + span {
    width: 50%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.dsc-flex .label {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300;
    color: #000000;
    opacity: .5;
    padding: 0;
    letter-spacing: 0;
}
.dsc-flex .valore {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 600;
    color: #000000;
    opacity: 1;
    letter-spacing: 0.8px;
}
.dsc-flex .valore {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dsc-flex span.indirizzo .valore {
    padding-right: 20px;
    letter-spacing: 0.8px;
}

.dsc-list-container {
    font-family: "RoobertLight",sans-serif;
    margin: 0 -40px;
    padding: 0 40px;
}

.heading.ingaggi {
    font-family: "Roobert",sans-serif;
}

.heading.ingaggi h1 + h2 {
    font-size: 20px;
    line-height: 24px;
    color: #000;
    display: inline-block;
    letter-spacing: 0;
    font-family: "Roobert",sans-serif;
    text-align: left;
}

.heading.ingaggi p {
    font-size: 18px;
    line-height: 25px;
    margin-top: 40px;
    letter-spacing: 0;
}

.heading.ingaggi strong {
    font-family: "RoobertBold";
}

b, strong {
    font-family: "RoobertBold";
}

.dsc-list-container .dsc-flex span.indirizzo + span > span:first-child {
    width: 60%;
}

.dsc-list-container .dsc-flex span.indirizzo + span > span:last-child {
    padding-left: 20px;
    width: 40%;
}

/* end tab ingaggi */


/* padding remover */
#mainContentWrapper .list-form-container, #landing-text  .list-form-container {
    padding: 0!important;
}

.uiScrollerWrapper.scrollable {
    overflow: visible!important;
    -webkit-overflow-scrolling: visible!important;
}
/* end padding remover */


.button-container + p a {
    color: #D3135A;
    cursor: pointer;
    text-decoration: underline;
}

.button-container + p a:hover {
    text-decoration: none;
}

p a {
    color: #D3135A;
    cursor: pointer;
}

p a:hover {
    text-decoration: underline;
}


/* filtri */
#filter-component {
    margin: 0 -1000% 0 -200px;
    padding: 0 1000% 0 200px;
    background-color: #F7F7F7;
    border-top: 1px solid #E6E6E6;
}
.filter-element-container[aria-hidden="true"] *{
    display:none !important;
}

.filter-element-container {
    margin: 0 -1000% 0 -200px;
    padding: 0 1000% 0 200px;
    background-color: #F7F7F7;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 400ms ease-in-out;
    border-bottom: 0px solid #E6E6E6;
    opacity: 1;
}

.filter-element-container.filter-max-size {
    max-height: 10000px;
    overflow: hidden;
    transition: max-height 1000ms ease-in-out;
    border-bottom: 1px solid #E6E6E6;
    opacity: 1;
}

.filter-button-container {
    margin: 0 -1000% 0 -200px;
    padding: 0 1000% 0 200px;
    text-align:right;
    border-bottom: 1px solid #E6E6E6;
}

.fieldset-container {
    display: flex;
    flex-direction: row;
    justify-content: normal;
    flex-wrap: wrap;
    margin-top: 35px;
}

.filter-element-container .fieldset-container {
    position: relative;
    top: -150px;
    left: 0;
    transition: all 600ms ease-in-out;
}

.filter-element-container.filter-max-size .fieldset-container {
    position: relative;
    left: 0;
    top: 0;
    transition: all 300ms ease-in-out;
}

.filter-element-container .button-container {
    position: relative;
    top: -150px;
    left: 0;
    transition: all 400ms ease-in-out;
    margin-bottom: 65px;
}

.filter-element-container.filter-max-size .button-container {
    position: relative;
    left: 0;
    top: 0;
    transition: all 600ms ease-out;
}

.fieldset-container fieldset {
    min-width: 0;
    padding: 20px 0;
    width: 25%;
    /* float: left; */
    margin: 0;
    border: 0;
}

.fieldset-container fieldset:nth-child(3) {
    width: 15%;
}

.fieldset-container fieldset:nth-child(4) {
    width: 35%;
}

.fieldset-container fieldset legend {
    font-family: "RoobertBold";
    font-size: 20px;
}


@media only screen and (max-width: 1024px){
    .fieldset-container fieldset,
    .fieldset-container fieldset:nth-child(3),
    .fieldset-container fieldset:nth-child(4) {
        width: 50%;
    }
}

@media only screen and (max-width: 767px){
    .fieldset-container fieldset legend {
        font-family: "RoobertBold";
        font-size: 18px;
    }
}

@media only screen and (max-width: 420px){
    .fieldset-container fieldset,
    .fieldset-container fieldset:nth-child(3),
    .fieldset-container fieldset:nth-child(4) {
        width: 100%;
    }
}

.fieldset-container fieldset .check-container {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 0px;
    padding: 0;
}

.filter-button-container h3 {
    line-height: 1;
}

/* checkbox input informative */

.check-container {
    display: block;
    margin-top:15px;
    margin-top: 10px;
    margin-right: 0px;
    padding: 0;
}

.radio-group-container + .check-container {
    margin-top:0px;
}

/*
.check-container label {
    position: relative;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    padding-right: 0;
    cursor: pointer;
    padding-left: 33px;
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500!important;
	display: flex;
	align-items: center;
}
*/

.filter-element-container .check-container label {
    position: relative;
    width: auto;
    height: auto;
    font-size: 18px;
    line-height: 26px;
    padding-right: 0;
    cursor: pointer;
    padding-left: 41px;
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400!important;
}

.filter-element-container .check-container label > span {
    position: absolute;
    top: 0;
    left: 0;
}

.filter-element-container .check-container input[type='checkbox']:checked + label {
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500!important;
    font-style: normal;
}

.filter-element-container .check-container input[type='checkbox'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.filter-element-container .check-container input[type='checkbox'] + label > span:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 0;
    left: 0;
    border: 1px solid #707070;
    height: 26px;
    width: 26px;
    opacity: 1;
    background-color: #fff;
}

.filter-element-container .check-container input[type='checkbox']:checked + label > span:before {
    background-size: 26px;
    height: 26px;
    width: 26px;
    opacity: 1;
    border: 1px solid #707070;
    content: '';
    background-color: #fff;
}

.filter-element-container .check-container input[type='checkbox'] + label > span:after {
    position: absolute;
    top: 0;
    left: 0px;
    content: "\e94e";
    font-family: 'icomoon';
    line-height: 26px;
    display: block;
    width: 26px;
    height: 26px;
    text-align: center;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: visible;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease;
}

.filter-element-container .check-container input[type='checkbox']:checked + label > span:after {
    position: absolute;
    top: 0;
    left: 0px;
    content: "\e94e";
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 26px;
    display: block;
    width: 26px;
    height: 26px;
    text-align: center;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease;
}

.filter-element-container .check-container > label a {color:#000; font-family: "RoobertLight",sans-serif; font-weight: normal; text-decoration: underline;}
.filter-element-container .check-container > label a:hover {color:#000; text-decoration: none;}

.filter-element-container .check-container > label a.inline-icon-link {color:#D3135A; font-weight: normal; text-decoration: none; font-size: 20px; line-height: 20px; margin-left: 8px;}
.filter-element-container .check-container > label a.inline-icon-link .inline-icon-link .icon-info-circle {font-size: 20px; line-height: 20px;}
.filter-element-container .check-container > label a.inline-icon-link:hover, p a.inline-icon-link:hover {color:#D3135A; text-decoration: none;}

@media screen and (min-width: 768px) {
    .fieldset-container fieldset:nth-child(4) {
        padding-right: 30px;
    }
    .filter-element-container .check-container label {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        height: 26px;
        font-size: 20px;
        line-height: 26px;
        padding-right: 0;
        cursor: pointer;
        padding-left: 41px;
        font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .filter-element-container .check-container > label a.inline-icon-link {color:#D3135A; font-weight: normal; text-decoration: none; font-size: 16px; line-height: 16px;}
    .filter-element-container .check-container > label a.inline-icon-link .inline-icon-link .icon-info-circle {font-size: 16px; line-height: 16px;}
}

/* end checkbox input */

button.btnAppearanceRemover {
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: block;
    font-size: inherit;
    min-width: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    border: 0;
    background-color: transparent;
    color: #000;
    text-decoration: none!important;
}

a.btnFirstAppearanceMaker {
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    min-width: 190px;
    padding: 13px 40px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 1px solid #D3135A;
    background-color: #D3135A;
    color: #fff!important;
    text-decoration: none!important;
}

a.btnFirstAppearanceMaker:hover {
    background-color: #fff;
    color: #D3135A!important;
}

a.btnSecondAppearanceMaker {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    min-width: 190px;
    padding: 13px 40px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 2px solid #D3135A;
    background-color: #fff;
    color: #D3135A;
}

a.btnSecondAppearanceMaker:hover {
    background-color: #D3135A;
    color: #fff!important;
}

.filter-button-container button {
    font-family: "RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 15px;
    min-width: 100%;
    padding: 20px 0;
    text-transform: none;
    letter-spacing: .8px;
    border: 0;
    background-color: transparent;
    color: #000;
    text-align: right;
    cursor: pointer;
    line-height: 18px;
}

.filter-button-container button:hover {
    background-color: transparent;
    color: #D3135A;
    /* text-decoration: underline; */
}

@media only screen and (max-width: 767px){
    .filter-button-container button {
        text-align: center;
    }
}

.filter-button-container h3 button span {
    position: relative;
    font-size: 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 1;
    margin-right: 10px;
}

.filter-button-container h3 button span:before {
    position: absolute;
    bottom: -3px;
    left: 0;
}
/* end filtri */


/* bollette */
.bollette-component {
    margin: 50px 0;
}

.tab.dsc-list-container {
    display: block;
    width: auto;
    height: 100%!important;
}

.tab.dsc-list-container:after {
    display: table;
    content: "";
    clear: both;
}

.tab.dsc-list-container > ul {
    margin: 20px 0!important;
}

.tab.dsc-list-container > ul li dl, ul.activity-list li dl, .flex-list-container {
    position: relative;
}

.flex.tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    min-height: 108px;
    height: 100%;
    padding: 0;
    padding-right: 66px;
    position: relative;
    border: 0;
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    transition: all .2s linear;
    background: #fff;
    transition: opacity 0.1s ease 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}

@media screen and (min-width: 768px) {
    .flex.tab {
        cursor: pointer
    }
    /*
    .flex.tab:hover {
        transform: scale(1.015);
        transition: all 0.2s ease-out 0s;
        box-shadow: 0px 13px 30px rgba(0,0,0,0.2);
    }
    */
    /*
	.flex.tab:hover + .flex.tab {
		z-index: -1;
	}
    */
}

/* Remove cursor pointer for Box Coupon on EnelPremiaWow Subscribe TYP OK */
.flex.tab.couponModel {
    cursor: default;
}

a.flex.tab {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a:hover.flex.tab {
    color: inherit;
    text-decoration: none;
}

.flex.tab span {
    display: block;
}

/*
    width: 12%;
}

.flex.tab span[class^="icon-line-flame"], .flex.tab span[class*=" icon-line-flame"], .flex.tab span[class^="icon-line-electricity"], .flex.tab span[class*=" icon-line-electricity"] {
    font-size: 24px;
	width: 100%;
    text-align: center;
    color: #000;
}
*/

.flex.tab > span[class^="icon-"], .flex.tab > span[class^="dsc-icon-"] {
    font-size: 24px;
    line-height: 24px;
    width: 12%;
    text-align: center;
    color: #000;
}

.flex.tab > span:nth-child(2) {
    width: 25%;
    text-align: left;
}

.flex.tab > span:nth-child(3) {
    width: 24%;
    text-align: left;
}

.flex.tab > span:nth-child(4) {
    width: 25%;
    text-align: left;
}

.flex.tab > span:nth-child(5) {
    width: 14%;
    min-width: 120px;
    text-align: left;
}

/* .flex.tab.minimalMobileVersion.bolletteModel */
.flex.tab.minimalMobileVersion > span:nth-child(2) {
    width: 22%;
    text-align: left;
}
/* .flex.tab.minimalMobileVersion.bolletteModel */
.flex.tab.minimalMobileVersion > span:nth-child(3) {
    width: 22%;
    text-align: left;
}
/* .flex.tab.minimalMobileVersion.bolletteModel */
.flex.tab.minimalMobileVersion > span:nth-child(4) {
    width: 20%;
    text-align: left;
}
/* .flex.tab.minimalMobileVersion.bolletteModel */
.flex.tab.minimalMobileVersion > span:nth-child(5) {
    width: 24%;
    min-width: 120px;
    text-align: left;
}
/*
.flex.tab > span:nth-child(6) {
    text-align: center;
    position: absolute;
    top: calc(50% - 18px);
    right: 20px;
    font-size: 22px;
    background-color: #fff;
    width: 22px;
    height: 36px;
}

.flex.tab > span:nth-child(6):after {
    width: 4px;
    height: 4px;
    background-color: #000;
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    border-radius: 50%;
    box-shadow: 0px 8px 0px #000;
}

.flex.tab > span:nth-child(6):before {
    width: 4px;
    height: 4px;
    background-color: #000;
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 2px);
    border-radius: 50%;
}
*/

.bill.goToDetail {
    background-color: #fff;
    height: 9px;
    width: 9px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    transform: rotate(45deg);
    position: absolute;
    right: 22px;
    top: calc(50% - 5px);
}

.tab > ul li div[style="display:none"] + a.bill.goToDetail, .tab > ul li div.hideArrowLink + a.bill.goToDetail {display:none!important;}

@media screen and (min-width: 768px) {
    .bill.goToDetail {
        display: block!important;
        position: absolute!important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

.open-menu-azioni {
    text-align: center;
    position: absolute;
    top: calc(50% - 18px);
    right: 20px;
    font-size: 22px;
    background-color: transparent;
    width: 22px;
    height: 36px;
    transition: all 300ms linear;
    cursor: pointer;
    min-width: 0;
    padding: 0;
    border: none;
}

.open-menu-azioni:hover {
    background-color: #eee;
    transition: all 300ms linear;
}

.open-menu-azioni:after {
    width: 4px;
    height: 4px;
    background-color: #000;
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    border-radius: 50%;
    box-shadow: 0px 8px 0px #000;
    transition: 0s;
}

.open-menu-azioni:before {
    width: 4px;
    height: 4px;
    background-color: #000;
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 2px);
    border-radius: 50%;
    transition: 0s;
}

a.flex.tab {
    color: inherit;
    text-decoration: none;
}

a:hover.flex.tab {
    color: inherit;
    text-decoration: none;
}

.flex.tab.paymentKo:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 6px;
    top: 0;
    left: 0px;
    background: #E61400;
}

/*
@media screen and (max-width: 767px) {
.flex.tab > span:nth-child(3) > dt.label:after {
    content: 'Scade il';
    }
}

@media screen and (min-width: 768px) {
.flex.tab > span:nth-child(3) > dt.label:after {
    content: 'Data Scadenza';
    }
}
*/


/* bolletteModel valido per le bollette in attività e home */

.flex.tab.extendedMobileVersion > span:nth-child(2) {
    width: 28%;
    text-align: left;
    padding-right: 10px;
}

.flex.tab.extendedMobileVersion > span:nth-child(3) {
    width: 17%;
    text-align: left;
    padding-right: 5px;
}

.flex.tab.extendedMobileVersion > span:nth-child(4) {
    width: 16%;
    text-align: left;
}

.flex.tab.extendedMobileVersion > span:nth-child(5) {
    width: 12%;
    min-width: 0;
    text-align: left;
}

.flex.tab.extendedMobileVersion > span:nth-child(6) {
    width: 15%;
    min-width: 0px;
    text-align: left;
}

/* tablet (BULLSHIT-FIX MODEL) */
@media screen and (min-width: 768px) and (max-width: 920px) {

    .flex.tab.extendedMobileVersion {
        padding:29px 10px 20px 10px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .flex.tab.extendedMobileVersion.paymentKo:after {
        content: "";
        width: 6px;
    }

    .flex.tab.extendedMobileVersion + a.bill.goToDetail {
        display: block!important;
        position: absolute!important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    .flex.tab.extendedMobileVersion + a + button.open-menu-azioni {
        display: block!important;
        top:20px;
        right: 11px;
    }

    .flex.tab.extendedMobileVersion + a + button + ul.azioni-pagamento {
        top:56px;
        right: 11px;
    }

    .flex.tab.extendedMobileVersion + a + button + ul.show-azioni {
        display:block!important;
    }

    .flex.tab.extendedMobileVersion > span {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .flex.tab.extendedMobileVersion > span:nth-child(1) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
        font-size: 24px;
        line-height: 24px;
    }

    .flex.tab.extendedMobileVersion > span:nth-child(1) > span[class^="icon-line-flame"], .flex.tab.extendedMobileVersion > span:nth-child(1) > span[class*=" icon-line-flame"], .flex.tab.extendedMobileVersion > span:nth-child(1) > span[class^="icon-line-electricity"], .flex.tab.extendedMobileVersion > span:nth-child(1) > span[class*=" icon-line-electricity"] {
        width: 100%;
        text-align: left;
        padding-left: 0;
    }

    .flex.tab.extendedMobileVersion > span:nth-child(2) {
        width:calc(50% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(3) {
        width:calc(50% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(4) {
        width:calc(50% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(5) {
        width:calc(50% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(6) {
        width:calc(50% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:last-child {
        margin-bottom:10px
    }
    .flex.tab.extendedMobileVersion .valore {
        white-space: normal;
        overflow-wrap: break-word;
    }

}

/* mobile (indipendente da modello tablet) */
@media screen and (max-width: 767px) {

    .flex.tab.extendedMobileVersion {
        padding:29px 10px 20px 0;
        flex-wrap: wrap;
    }

    .flex.tab.paymentKo:after {
        content: "";
        width: 3px;
    }

    .flex.tab.extendedMobileVersion + a.bill.goToDetail {
        display: block!important;
        position: absolute!important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    .flex.tab.extendedMobileVersion + a + button.open-menu-azioni {
        display: block!important;
        top:20px;
        right: 11px;
    }

    .flex.tab.extendedMobileVersion + a + button + ul.azioni-pagamento {
        top:56px;
        right: 11px;
    }

    .flex.tab.extendedMobileVersion + a + button + ul.show-azioni {
        display:block!important;
    }

    .flex.tab.extendedMobileVersion > span {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .flex.tab.extendedMobileVersion > span:nth-child(1) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
        font-size: 20px;
        line-height: 20px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(2) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(3) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(4) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(5) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:nth-child(6) {
        width:calc(100% - 23px)!important;
        margin-left: 23px;
    }
    .flex.tab.extendedMobileVersion > span:last-child {
        margin-bottom:0px
    }
    .flex.tab.extendedMobileVersion .valore {
        white-space: normal;
        overflow-wrap: break-word;
    }

}

/* end bolletteModel */

/* piano rate */
.heading.supply.instalmentPlan .supply-details-heading > span:nth-child(2) {
    position: inherit;
}

@media screen and (min-width: 768px) {
    .heading.supply.instalmentPlan .supply-heading-links {
        position: absolute;
        top: -15px!important;
        right: 0;
    }
    .heading.supply.instalmentPlan dl.supply-details-heading {
        width: calc(100% - 230px);
    }
}

.heading.supply.instalmentPlan {
    position: relative;
    margin: 0px 0 60px 0;
}

@media only screen and (max-width: 767px) {
    .heading.supply.instalmentPlan h1 {
        padding-left: 0px;
    }
}

section#instalmentPlan-listSection {
    margin-top: 40px;
}

.instalmentPlan-list > li > dl {
    position: relative;
}

.alert.tab.symbol-container {
    position: absolute;
    top: 0;
    left: -47px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    font-size: 22px;
    line-height: 1.4;
    color: #D3135A;
}

.alert.tab.symbol-container span[class*="alert"]{
    color: #E61400;
}

.flex.tab.pianoRateModel > span:nth-child(2) {
    width: 11%;
    text-align: left;
}

.flex.tab.pianoRateModel > span:nth-child(3) {
    width: 20%;
    text-align: left;
}

.flex.tab.pianoRateModel > span:nth-child(4) {
    width: 22%;
    text-align: left;
}

.flex.tab.pianoRateModel > span:nth-child(5) {
    width: 17%;
    text-align: left;
}

.flex.tab.pianoRateModel > span:nth-child(6) {
    width: 17%;
    min-width: 120px;
    text-align: left;
}
/* end piano rate */

@media screen and (max-width: 767px) {

    .dsc-list-container {
        padding:0 20px;
    }

    .flex.tab.minimalMobileVersion.paymentKo:after {
        background: transparent;
    }

    .flex.tab.minimalMobileVersion > span > * {
        display: inline-block;
        line-height: 1;
        overflow: visible;
    }

    .flex.tab.minimalMobileVersion span[class^="icon-line-flame"], .flex.tab.minimalMobileVersion span[class*=" icon-line-flame"], .flex.tab.minimalMobileVersion span[class^="icon-line-electricity"], .flex.tab.minimalMobileVersion span[class*=" icon-line-electricity"] {
        display:none;
    }

    .flex.tab.minimalMobileVersion {
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 85px;
        padding: 20px 50px 20px 20px;
        align-items: stretch;
        box-shadow: none;
        margin: 0;
        border-bottom: 1px solid #ededed;
        min-height: 0;
        height: 100%;
    }

    .flex.tab.minimalMobileVersion > span {
        width: auto!important;
    }

    /*  minimalMobileVersion */
    .flex.tab > span {
        /*  essenziale per bollette e rate versione minimal (non rimuovere) */
        width: auto!important;
        /*  ripristino lunghezza massima activityModel */
        max-width: 100%;
    }
    /*  end minimalMobileVersion */

    .flex.tab.minimalMobileVersion > span .label, .flex.tab.minimalMobileVersion > span .valore {
        font-weight: 500;
    }
    .flex.tab.minimalMobileVersion > span:nth-child(2) .label, .flex.tab.minimalMobileVersion > span:nth-child(2) .valore {
        text-align: left;
        opacity: 1;
    }
    .flex.tab.minimalMobileVersion > span:nth-child(3) .label, .flex.tab.minimalMobileVersion > span:nth-child(3) .valore {
        text-align: left;
        opacity: 0.5;
    }

    .flex.tab.minimalMobileVersion > span:nth-child(3) {
        text-align: left;
    }

    .flex.tab.minimalMobileVersion > span:nth-child(4) {
        text-align: right;
    }

    .flex.tab.minimalMobileVersion.pianoRateModel > span:nth-child(4) {
        text-align: left;
    }

    .flex.tab.minimalMobileVersion > span:nth-child(5) {
        text-align: right;
        min-width: auto;
        margin-left: 0!important;
        padding-left: 0!important;
        margin-top: 0!important;
    }

    .flex.tab.minimalMobileVersion > span:nth-child(4) > .label {
        display: none;
    }

    .flex.tab.minimalMobileVersion > span:nth-child(5) > .label {
        display: none;
    }

    /* display: none */
    .open-menu-azioni {
        display:none!important;
    }
    /* end display: none  */
    .instalmentPlan-list > li > dl {
        margin: 0 -20px 0 -20px!important;
    }
    .alert.tab.symbol-container {
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 15px;
        line-height: 1.4;
        z-index: 1;
    }
    .flex.tab.minimalMobileVersion.pianoRateModel {
        padding: 20px 46px 20px 52px;
    }
    .flex.tab.minimalMobileVersion.pianoRateModel > span:nth-child(3) {
        display: none;
    }
    .flex.tab.minimalMobileVersion.pianoRateModel > span:nth-child(4) > .label {
        display: inline-block;
        opacity: 1;
    }
    .flex.tab.minimalMobileVersion.pianoRateModel > span:nth-child(5) {
        text-align: right;
    }
    .flex.tab.minimalMobileVersion.pianoRateModel > span:nth-child(6) {
        margin: 0;
        text-align: right;
        min-width: 0;
    }
    .flex.tab.minimalMobileVersion.pianoRateModel > span:nth-child(6) > .label {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .blue-alert + .blue-alert {
        margin-top: -5px;
    }
}

.tab-heading h2 {
    font-family: "RoobertBold";
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
}

dl.tab-details-heading > span {
    display: inline-block;
}

dl.tab-details-heading > span dt, dl.tab-details-heading > span dd {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
}

dl.tab-details-heading > span dt {
    font-family: "RoobertLight";
    color: #707070;
}

dl.tab-details-heading > span dd {
    font-family: "RoobertBold";
    color: #707070;
}

.tab-supply-container {
    border-bottom: 1px solid #ededed;
}
.tab-supply-container:not(.open) .dsc-list-container{
    display: none!important;
}
    /*
    .tab-supply-container.open + .tab-supply-container button {
        z-index: -1;
    }
    */

/*
.tab-supply-container.open:hover + .tab-supply-container .tab-heading {
    z-index: -1;
}
*/

.tab-supply-container:after {
    display: table;
    content: "";
    clear: both;
}

.tab-heading {
    position: relative;
    padding: 30px 0 20px 0;
    cursor: pointer;
}

.tab-heading button {
    border: none;
    background: transparent;
    cursor: pointer;
    min-width: 0!important;
    padding: 0!important;
    color: inherit;
    letter-spacing: inherit;
}

.tab-heading .dsc-icon-line-plus, .tab-heading .dsc-icon-line-minus {
    position: absolute;
    right: 0;
    top: calc(50% - 11px);
    font-size: 22px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 1;
}

.open-tab-list a {
    font-family:"RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    transition: all .2s linear 0;
    text-decoration: underline;
    color: #000;
}

.tab.dsc-list-container > ul:after {
    display: block;
    content: '';
    clear: both;
}

.open-tab-list {
    font-family:"RoobertBold",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    margin: 22px 0;
    cursor: pointer;
}

.open-tab-list:after {
    display: block;
    content: '';
    clear: both;
}

.open-tab-list a:hover {
    transition: all .2s linear 0;
    text-decoration: none;
    color: #000;
}

.open-menu-azioni.active {
    text-align: center;
    position: absolute;
    top: calc(50% - 18px);
    right: 20px;
    font-size: 22px;
    background-color: #D3135A;
    width: 22px;
    height: 36px;
    transition: all 300ms linear;
}

.open-menu-azioni.active:hover {
    background-color: #D3135A;
}

.open-menu-azioni.active:after {
    width: 4px;
    height: 4px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    border-radius: 50%;
    box-shadow: 0px 8px 0px #fff;
    transition: 0.5s;
}

.open-menu-azioni.active:before {
    width: 4px;
    height: 4px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 2px);
    border-radius: 50%;
    transition: 0.5s;
}

.azioni-pagamento {
    display: none;
    position: absolute;
    right: 20px;
    top: 72px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    z-index: 999;
    opacity: 0;
    transition: 0.5s;
}

.azioni-pagamento li {
    list-style: none;
    color: #707070;
    padding: 10px 0;
    font-size: 18px;
    line-height: 1;
    font-family: "RoobertLight";
    font-weight: 300;
}

.azioni-pagamento li:first-child {padding-top: 0;}

.azioni-pagamento li:last-child {
    padding-bottom: 0;
}

.azioni-pagamento li a {
    color: #707070;
    text-decoration: none;
}

.azioni-pagamento li a:hover {
    text-decoration: underline;
}
/*.flex.tab:hover .show-azioni,
.flex.tab .show-azioni {*/
.show-azioni {
    display: block;
    opacity: 1;
    transition: 0.5s;
    z-index: 99;
}

@media screen and (max-width: 767px){
    /*.flex.tab:hover .show-azioni,
    .flex.tab .show-azioni {*/
    .show-azioni {
        display: none!important;
    }
}

/*
.tab-supply-container .tab.dsc-list-container {display: none;}
.tab-supply-container.open .tab.dsc-list-container {display: block;}
*/

/* end bollette */

/* box servizi dettaglio bolletta */
.bill.attachedTabWrapper .attachedTab:nth-child(2n+2) {
    margin-right: 0;
}

.bill.attachedTabWrapper .attachedTab {
    width: calc(50% - 15px);
    min-height: 215px;
    margin-right: 30px;
    margin-bottom: 24px;
    padding: 32px 40px 40px 40px;
    border-radius: 0px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: opacity 0.1s ease 0s,transform 0.2s ease-out 0s,-webkit-transform 0.2s ease-out 0s;
    display: flex;
    flex-direction: column;
    position: relative;
}

.attachedTab p {
    font-family: "RoobertLight";
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    letter-spacing: 0.5px;
}

.attachedTab p a {
    color: inherit;
    text-decoration: underline;
}
.attachedTab p a:hover {
    color: inherit;
    text-decoration: none;
}

.attachedTab h3 {
    font-family: "Roobert";
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.tile > div {
    display: block;
    height: 100%;
    padding: 0px;
    color: #000;
    text-decoration: none;
}

.attachedTab span {
    display: block;
    font-size: 25px;
    line-height: 1;
    font-weight: 400;
    width: auto;
    text-align: left;
    color: #D3135A;
    position: absolute;
    top: 0;
    left: 0;
}

.attachedTab > div {
    position: relative;
    padding-top: 48px;
}

.bill.attachedTabWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 45px 0;
}

.bill.attachedTabWrapper:after {
    display: table;
    content: '';
    clear: both;
}

@media only screen and (max-width: 767px){
    dl.tab-details-heading > span {
        display: block;
    }
    .bill.attachedTabWrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        margin: 20px 0;
    }
    .bill.attachedTabWrapper .attachedTab {
        width: 100%;
        min-height: 215px;
        margin-right: 0px;
        margin-bottom: 24px;
        padding: 32px 40px 40px 40px;
        border-radius: 0px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        transition: opacity 0.1s ease 0s,transform 0.2s ease-out 0s,-webkit-transform 0.2s ease-out 0s;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .bill.attachedTabWrapper .attachedTab:nth-child(2n+2) {
        margin-right: 0;
    }
}
/* end box servizi dettaglio bolletta */

/* profile */
.profile.section-heading {
    margin-bottom: 23px;
}

.profile.section-heading h2 {
    font-size: 36px;
}

.profile.section-heading p {
    font-size: 18px;
    line-height: 30px;
}

.profile.details-container dl {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 300px;
    clear: both;
}

.profile.details-container.min-size dl {
    height: 250px;
}

.profile.details-container dl > span {
    float: none;
    width: 50%;
    margin: 0;
    padding: 5px 0;
    border-bottom: 0px solid #EDEDED;
    height: auto;
    display: block;
}

.profile.details-container dt {
    font-size: 15px;
    line-height: 1.5em;
    color: #000;
    font-weight: 400;
    font-family: "Roobert";
    margin-bottom: 3px;
}

.profile.details-container dd {
    font-family: "RoobertBold";
    font-size: 18px;
    line-height: 1.6em;
    color: #000;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .profile.details-container dl {
        flex-wrap:nowrap;
        height: 100%;
    }
    .profile.details-container.min-size dl {
        flex-wrap:nowrap;
        height: 100%;
    }
    .profile.details-container dl > span {
        width: 100%;
        border-bottom: 1px solid #EDEDED;
    }
}

.profile.details-container dl:after {
    display: table;
    content: '';
    clear: both;
}
/* end profile */

/* pagamento online */
.list-container.pagamentoModel .flex span.indirizzo {
    width: 39%;
    text-align: left;
}
.list-container.pagamentoModel .flex span.indirizzo + span {
    width: 20%;
    text-align: left;
}
.list-container.pagamentoModel .flex span:nth-child(5) {
    width: 16%;
    text-align: left;
}

.list-container.pagamentoModel .flex span:nth-child(6) {
    width: 12%;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .list-container.pagamentoModel .flex span.indirizzo {
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.pagamentoModel .flex span.indirizzo + span {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.pagamentoModel .flex span:nth-child(5){
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.pagamentoModel .flex span:nth-child(6) {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
}
/* end pagamento online */

/* attestazione pagamento */
.supply-list-heading + fieldset.list-container {
    margin-top: 40px;
}
.list-container.attestazioneModel .label-container {
    border-left: 6px solid #fff;
}
.list-container.attestazioneModel .label-container.paymentKo {
    border-left: 6px solid #EB0A00;
}
.list-container.attestazioneModel .flex span.indirizzo {
    width: 30%;
    text-align: left;
}
.list-container.attestazioneModel .flex span.indirizzo + span {
    width: 14%;
    text-align: left;
}
.list-container.attestazioneModel .flex span:nth-child(5) {
    width: 16%;
    text-align: left;
}

.list-container.attestazioneModel .flex span:nth-child(6) {
    width: 12%;
    text-align: left;
}
.list-container.attestazioneModel .flex span:nth-child(7) {
    width: 16%;
    text-align: right;
}

.list-container.attestazioneModel .label-container.paymentKo .flex span:nth-child(7) > span:last-child {
    color:#EB0A00;
}

.form-group-container.attestazioneModel .form-group label {
    font-family: 'Roobert';
}

.form-group-container.attestazioneModel .form-group input[type='text'] {
    padding: 14px 30px 14px 20px!important;
}

.form-group-container.attestazioneModel .form-group .input-container input + span {
    font-family: 'Roobert';
    color: #000;
}

@media screen and (min-width: 768px) {
    .form-group-container.attestazioneModel .form-group {
        width: 50%;
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .list-container.attestazioneModel .flex span.indirizzo {
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.attestazioneModel .flex span.indirizzo + span {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.attestazioneModel .flex span:nth-child(5){
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.attestazioneModel .flex span:nth-child(6) {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
}
/* end attestazione pagamento */

/* i tuoi diritti */
.faq-appearance-group:last-child p, .resultBox-group:last-child p {
    margin-bottom: 30px;
}
.faq-appearance-group:last-child p:last-child, .resultBox-group:last-child p:last-child {
    margin-bottom: 0px;
}
.faq-appearance-group, .resultBox-group {
    margin-bottom: 50px;
}
.faq-appearance-group h1, .faq-appearance-group h3, .resultBox-group h1, .resultBox-group h3 {
    font-size: 36px;
    font-family: "Roobert",sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: left!important;
}
.faq-appearance-group h4, .resultBox-group h4 {
    font-family: "RoobertBold";
    font-size: 18px;
    line-height: 32px;
    text-align: left!important;
}
.faq-appearance-group p, .faq-appearance-group h1 + h2, .resultBox-group p, .resultBox-group h1 + h2 {
    font-family: "Roobert";
    font-size: 18px;
    line-height: 32px;
    text-align: left!important;
    padding: 0;
    margin: 0;
}
.faq-appearance-group p a, .resultBox-group p a {
    font-family: inherit;
    font-size: inherit;
    color: #D3135A;
    cursor: pointer;
    text-decoration: underline;
}
.faq-appearance-group p a:hover, .resultBox-group p a:hover {
    text-decoration: none;
}
.faq-appearance-group ol, .faq-appearance-group ul, .resultBox-group ol, .resultBox-group ul {
    list-style-type: decimal;
    list-style-position: inside;
    font-family: "Roobert";
    font-size: 18px;
    line-height: 32px;
    text-align: left!important;
    margin: 15px 0 15px 30px;
}
@media screen and (max-width: 767px) {
    .faq-appearance-group:last-child p, .resultBox-group:last-child p {
        margin-bottom: 20px;
    }
    .faq-appearance-group, .resultBox-group {
        margin-bottom: 30px;
    }
    .faq-appearance-group h1, .faq-appearance-group h3, .resultBox-group h1, .resultBox-group h3 {
        font-size: 25px;
        line-height: 1.2;
        margin-bottom: 20px;
        text-align: left!important;
    }
    .faq-appearance-group h4, .resultBox-group h4 {
        font-size: 15px;
        line-height: 22px;
    }
    .faq-appearance-group p, .faq-appearance-group h1 + h2, .resultBox-group p, .resultBox-group h1 + h2 {
        font-size: 15px;
        line-height:22px;
    }
    .faq-appearance-group ol, .faq-appearance-group ul, .resultBox-group ol, .resultBox-group ul {
        font-size: 15px;
        line-height: 22px;
        margin: 15px 0 15px 10px;
    }
}
/* end i tuoi diritti */

/* lista diritto di portabilità */
.list-container.portabilitaModel .flex span.indirizzo {
    width: 63%;
    text-align: left;
}
.list-container.portabilitaModel .flex span.indirizzo + span {
    width: 25%;
    text-align: right;
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
    .list-container.portabilitaModel .flex span.indirizzo {
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.portabilitaModel .flex span.indirizzo + span {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.portabilitaModel .label-container {
        transition: all .2s linear;
        min-height: 100%;
        max-height: 100%;
        overflow: visible;
    }
    .list-container.portabilitaModel .flex {
        padding: 20px 17px 25px 14px;
    }
    .list-container.portabilitaModel .flex .valore {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}
/* end lista diritto di portabilità */

/* lista diritto di portabilità NEW */
.list-container.portabilitaNewModel .flex span.indirizzo {
    width: 48%;
    text-align: left;
}
.list-container.portabilitaNewModel .flex span.indirizzo + span {
    width: 18%;
    text-align: left;
}
.list-container.portabilitaNewModel .flex span:nth-child(5) {
    width: 22%;
    text-align: right;
}

.list-container.portabilitaNewModel input[disabled] + .flex span:nth-child(5) a {
    color: #707070;
}

.list-container.portabilitaNewModel input[disabled] + .flex span:nth-child(5) a:hover {
    text-decoration: underline;
}
.noticeMsg a.inline-icon-link span[class*="icon-"] {
    margin-left: 3px;
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
    .list-container.portabilitaNewModel .flex span.indirizzo {
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px;
    }
    .list-container.portabilitaNewModel .flex span.indirizzo + span {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px;
    }
    .list-container.portabilitaNewModel .flex span:nth-child(5) {
        text-align: left;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .list-container.portabilitaNewModel .flex {
        padding: 20px 17px 25px 14px;
    }
    .list-container.portabilitaNewModel.flex .valore {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
}
/* end lista diritto di portabilità NEW */

/*CHAT SECTION*/
.chat-box button{color: inherit;}
.chat-box button:hover{color: inherit;}
#chat_container_desktop>.wrapper{min-height:0px;display:block}
.chat-box .icon-arrow:before,
.chat-box .icon-chat_closed:before,
.chat-box .icon-arrowfull:before{font-family:"enel_icomoon"}
.chat-box .radios label{background: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/senza-luce/resources/img/radio_ie8.png) no-repeat; background-size: 19px}
.chat-box .radios label.radio_selfcare_cheched{background: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/senza-luce/resources/img/radio-checked_ie8.png) no-repeat; background-size: 19px}
.chat-box .radios label span{margin-left: 5px;}
.chat-box .votes{margin-left:20px; text-align: left;}
.chat .chat-box .content .top .title{font-family: RoobertLight,Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;padding-top: 20px; margin-left: 20px;}
.chat .votes .vote .name {font-family: RoobertBold,Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;}
.radios.custom input[type=radio]:checked+.disc {background-color: #D3135A;}
.chat-box .btn_fuxia1.inverse{
    border-color: #D3135A;
    background-color: #D3135A;
}
.chat-box .btn_fuxia1.inverse:link,
.chat-box .btn_fuxia1.inverse:visited{
    border-color: #D3135A;
    background-color: #D3135A;
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #D3135A;}
.chat-box .surveytitle{
    padding-top: 50px;
    font-family: 'Roobert';
    font-size: 15px;
}
.chat .chat-box .content .item .open button {
    border-bottom: 1px solid #ddd;
}
#chat_container_desktop .chat-box .content{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
}
.chat .chat-box .content .item .inner.open button .title {
    color: #000000;
}
.chat .chat-box .content .chat-action{
    text-transform: none;
}
.chat .votes .smile .icon-smile01{
    background-image: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/chat/resources/images/vote1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.chat .votes .smile .icon-smile02{
    background-image: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/chat/resources/images/vote2.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.chat .votes .smile .icon-smile03{
    background-image: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/chat/resources/images/vote3.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.chat .votes .smile .icon-smile04{
    background-image: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/chat/resources/images/vote4.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.chat .votes .smile .icon-smile05{
    background-image: url(../../../etc.clientlibs/enel-it/clientlibs/clientlib-all/chat/resources/images/vote5.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.chat .votes .smile .icon-smile01:before,
.chat .votes .smile .icon-smile02:before,
.chat .votes .smile .icon-smile03:before,
.chat .votes .smile .icon-smile04:before,
.chat .votes .smile .icon-smile05:before{
    color: transparent;
}
/*END CHAT SECTION*/

.onlinePayment.totalCost {
    display: block;
    width: 100%;
    text-align: right;
    margin: 40px 0 10px 0;
}

.onlinePayment.totalCost > * {
    display: inline-block;
    width: auto;
}

.onlinePayment.totalCost h4 {
    font-size: 24px;
    line-height: 1;
    font-family: "Roobert";
    color: #000;
    margin: 0;
}

.onlinePayment.totalCost span {
    font-size: 24px;
    line-height: 1;
    font-family: "RoobertBold";
    color: #000;
}

@media screen and (max-width: 767px) {
    .onlinePayment.totalCost h4 {
        font-size: 18px;
        line-height: 1;
        font-family: "Roobert";
    }
    .onlinePayment.totalCost span {
        font-size: 18px;
        line-height: 1;
        font-family: "RoobertBold";
    }
}

.exclamation-triangle{background-image: url(components/dettaglioBolletta-component/resources/img/exclamation-triangle.svg);background-size: contain;background-repeat: no-repeat;}
.icon-info-circle.exclamation-triangle:before{color: transparent;position: relative !important;}
.supply.details-container dl .link-exclamation-triangle{text-decoration: unset;}

/* activity model + promo model */
.flex.tab.activityModel:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 6px;
    top: 0;
    left: 0px;
}

.flex.tab.activityModel.blue-border:after {
    background-color: #D3135A;
}

.flex.tab.activityModel.red-border:after {
    background: #E61400;
}

.activity-list h3 {
    font-family: "Roobert";
    font-size: 20px;
    padding: 20px 0 10px 0;
}

ul.activity-list > li .flex.tab {
    margin: 20px 0;
}

.flex.tab.activityModel > span:nth-child(2) {
    width: 88%;
}

.flex.tab.promoModel > span:first-child {
    width: 43%;
}

.flex.tab.promoModel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: initial;
    min-height: 205px;
    height: auto;
    padding-right: 0;
    position: relative;
    border: 0;
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    background: #fff;
    transition: opacity 0.1s ease 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}

.flex.tab.promoModel > span:first-child {
    background-repeat: no-repeat;
    background-size: cover;
}

#enelpremiaPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-enelpremiaWOW.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-enelpremiaWOW.png) 1x,
            url(main/css/images/img-enelpremiaWOW@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-enelpremiaWOW.png) 1x,
            url(main/css/images/img-enelpremiaWOW@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#couponPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-coupon.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-coupon.png) 1x,
            url(main/css/images/img-coupon@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-coupon.png) 1x,
            url(main/css/images/img-coupon@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#scontoPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-sconto.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-sconto.png) 1x,
            url(main/css/images/img-sconto@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-sconto.png) 1x,
            url(main/css/images/img-sconto@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#enelXPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-enelx.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-enelx.png) 1x,
            url(main/css/images/img-enelx@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-enelx.png) 1x,
            url(main/css/images/img-enelx@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

#luce-gasPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/promo-gas.png);
    background-image: -webkit-image-set(
            url(main/css/images/promo-gas.png) 1x,
            url(main/css/images/promo-gas@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/promo-gas.png) 1x,
            url(main/css/images/promo-gas@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#appPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-app.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-app.png) 1x,
            url(main/css/images/img-app@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-app.png) 1x,
            url(main/css/images/img-app@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#cheBancaPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-chebanca.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-chebanca.png) 1x,
            url(main/css/images/img-chebanca@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-chebanca.png) 1x,
            url(main/css/images/img-chebanca@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#ufirstPromo.flex.tab.promoModel > span:first-child {
    background-image: url(main/css/images/img-ufirst.png);
    background-image: -webkit-image-set(
            url(main/css/images/img-ufirst.png) 1x,
            url(main/css/images/img-ufirst@2x.png) 2x
    );
    background-image: image-set(
            url(main/css/images/img-ufirst.png) 1x,
            url(main/css/images/img-ufirst@2x.png) 2x
    );
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

.flex.tab.promoModel > span {
    position: relative;
}

.flex.tab.promoModel > span:nth-child(2) {
    width: 57%;
    padding: 25px 40px 60px 40px;
}

.flex.tab.activityModel > span:nth-child(2) h4 {
    font-family:'Roobert';
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    opacity: 1;
    margin-top: 0px;
}

.flex.tab.promoModel > span:nth-child(2) h4 {
    font-family:'Roobert';
    font-size: 25px;
    line-height: 29px;
    font-weight: 400;
    color: #000000;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 20px;
}

#appPromo.flex.tab.promoModel > span:nth-child(2) ul {
    position: absolute;
    bottom: 30px;
    left: 40px;
}

#appPromo.flex.tab.promoModel > span:nth-child(2) ul li {
    display: inline-block;
}

#appPromo.flex.tab.promoModel > span:nth-child(2) ul li a img {
    width: auto;
    height: 40px;
}

.flex.tab.activityModel > span:nth-child(2) p, .flex.tab.promoModel > span:nth-child(2) p {
    font-family: 'Roobert';
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #707070;
    opacity: 1;
    padding: 0;
    padding-right: 50px;
}

.flex.tab.activityModel > span:nth-child(2) p {
    padding-bottom: 5px!important;
    margin: 0;
}

.flex.tab.promoModel > span:nth-child(2) p {
    padding-bottom: 0px!important;
}

.coupon-list {
    display: flex;
    justify-content: center;
}

.flex.tab.promoModel > span:nth-child(2) a.box-promo-link {
    font-family: 'RoobertBold';
    font-size: 15px;
    color: #D3135A;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 40px
}

.flex.tab.promoModel > span:nth-child(2) a.box-promo-link:hover {
    text-decoration: underline;
}

.flex.tab.promoModel > span:nth-child(2) a.box-promo-link:after {
    content:'';
    background-color: #fff;
    height: 7px;
    width: 7px;
    border-top: 2px solid #D3135A;
    border-right: 2px solid #D3135A;
    transform: rotate(45deg);
    position: absolute;
    right: -20px;
    top: calc(50% - 2px);
}

.flex.tab.activityModel > span:nth-child(2) p {
    padding: 0;
    padding-right: 50px;
    padding-bottom: 6px!important;
}

.flex.tab.promoModel > span:nth-child(2) p {
    padding: 0;
    padding-bottom: 0px!important;
}

.dsc-icon-container > span {
    font-size: inherit;
}

a.activity.goToDetail {
    background-color: #fff;
    height: 9px;
    width: 9px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    position: absolute;
    right: 30px;
    top: calc(50% - 5px);
    font-size: 0;
    line-height: 0;
    color: #fff;
}

.flex.tab.activityModel:hover, .flex.tab.promoModel:hover, .flex.tab.servicesModel:hover {
    z-index: 1;
    transform: scale(1.015);
    transition: all 0.2s ease-out 0s;
    box-shadow: 0px 13px 30px rgba(0,0,0,0.2);
}

@media screen and (max-width: 767px) {
    .flex.tab.activityModel {
        flex-direction: column;
        flex-wrap: wrap;
        max-height: inherit;
        padding: 20px 50px 20px 20px;
        align-items: stretch;
        box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
        border-bottom: none;
        min-height: 0;
        height: 100%;
    }
    .flex.tab.activityModel > span[class^="icon-"], .flex.tab.activityModel > span[class^="dsc-icon-"] {
        width: auto;
        text-align: left;
    }
    .flex.tab.activityModel > span:nth-child(2) p {
        display: none;
    }
    .flex.tab.activityModel:after {
        width: 3px;
    }
}

@media screen and (max-width: 767px) {
    .activity-list .flex.tab.activityModel {
        padding: 20px 40px 20px 20px;
    }
    .activity-list .flex.tab.activityModel > span[class^="icon-"], .flex.tab.activityModel > span[class^="dsc-icon-"] {
        font-size: 20px;
    }
    .activity-list .flex.tab.activityModel > span:nth-child(2) h4 {
        font-size: 15px;
        line-height: 1.5;
        margin-top:10px;
    }
    .activity-list .flex.tab.activityModel a.activity.goToDetail {
        right: 20px;
    }
}

@media screen and (max-width: 900px) {
    ul.promo-list, #tabsPromo > ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .flex.tab.promoModel {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: initial;
        width: calc(50% - 10px);
        height: auto;
        max-height: inherit;
        padding: 0;
        position: relative;
        border: 0;
        margin: 10px 0;
        box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
        transition: all .2s linear;
        background: #fff;
        transition: opacity 0.1s ease 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
    }
    .flex.tab.promoModel:nth-child(2n+1) {
        margin-right: 20px;
    }
    .flex.tab.promoModel > span {
        position: unset;
    }
    .flex.tab.promoModel > span:first-child {
        width: 100%;
        min-height: 205px;
    }
    .flex.tab.promoModel > span:nth-child(2) {
        width: 100%;
        padding: 25px 60px 60px 40px;
        height: auto;
    }
}

@media screen and (max-width: 640px) {
    .flex.tab.promoModel {
        width: 100%;
    }
    .flex.tab.promoModel:nth-child(2n+1) {
        margin-right: 0px;
    }
    .flex.tab.promoModel > span:nth-child(2) {
        width: 100%;
        padding: 20px 20px 25px 20px;
        height: auto;
    }
    .flex.tab.promoModel > span:nth-child(2) h4 {
        font-family: 'Roobert';
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .flex.tab.promoModel > span:nth-child(2) p {
        display: none;
    }
    .flex.tab.promoModel > span:nth-child(2) a.box-promo-link {
        bottom: 25px;
        left: 20px;
    }
}

@media screen and (min-width: 376px) and (max-width: 639px) {
    .flex.tab.promoModel > span:first-child {
        min-height: 205px;
    }
}

@media screen and (max-width: 900px) and (min-width: 376px){
    #couponPromo>span:first-child ul {
        min-height: calc(205px - 80px);
    }
}

@media screen and (max-width: 375px) {
    .flex.tab.promoModel > span:first-child {
        min-height: 145px;
    }
    #couponPromo > span:first-child {
        padding: 20px 0;
    }
}

#couponPromo > span:first-child {
    padding: 40px 0;
}

#couponPromo > span:first-child ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 100%;
    width: 100%;
    color: #fff;
    position: relative;
}

#couponPromo > span:first-child ul:after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    width: 1px;
    height: 100%;
    background-color: #fff;
}

#couponPromo > span:first-child ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: center;
    max-width: 85px;
}

#couponPromo > span:first-child ul li span:first-child {
    font-family: 'RoobertBold';
    font-size: 48px;
    line-height: 0.8;
    margin-bottom: 5px;
}

#couponPromo > span:first-child ul li span:last-child {
    font-family: 'RoobertBold';
    font-size: 20px;
}

.promo-list.consumiModel .flex.tab.promoModel {
    min-height: 250px;
    margin: 20px 0;
}

.promo-list.consumiModel .flex.tab.promoModel > *:first-child {
    width: 35.4%;
}

.promo-list.consumiModel .flex.tab.promoModel > *:nth-child(2) {
    width: 64.6%;
    padding: 40px 50px 30px 50px;
}


@media screen and (max-width: 900px) {
    .flex.tab.promoModel:only-child {
        width: 100%;
        margin: 0!important;
    }
    .flex.tab.promoModel > *:first-child,
    .promo-list.consumiModel .flex.tab.promoModel > *:first-child {
        width: 100%;
        min-height: 205px;
    }
    .flex.tab.promoModel > *:nth-child(2),
    .promo-list.consumiModel .flex.tab.promoModel > *:nth-child(2) {
        width: 100%;
        padding: 30px 20px;
        height: auto;
    }
}

/* Audio player */

dt.scheda_registrazione_mp3_ascolta, dd.scheda_registrazione_mp3_ascolta, dt.scheda_conferma_contratto, dd.scheda_conferma_contratto {
    height: 30px!important;
    margin: 15px 0 35px 0;
}

dt.scheda_registrazione_mp3_ascolta {
    font-size: 18px;
    line-height: 1;
    color: #2b2e38;
}

dd.scheda_registrazione_mp3_ascolta {
    position: relative;
    display: flex;
}

a.downloadPlayer .dsc-icon-thin-download {
    font-size: 25px;
    color: #D3135A;
    text-decoration: none;
    height: 25px;
    width: 25px;
    margin: 0px;
}

a.downloadPlayer .dsc-icon-thin-download:before {
    position:absolute;
    top: 0px;
    left: 0px;
}

.audioPlayer {
    height: 30px;
    margin-top: 0px;
    width: calc(100% - 40px);
    padding-left: 0px;
    align-items: self-start;
}

@media screen and (min-width:768px) {
    .audioPlayer {
        width: calc(100% - 50px);
    }
}

.scheda_registrazione_mp3_ascolta #idFile {
    position: absolute;
    right: 0px;
    bottom: 0;
    top: 0;
    color: black;
    height: 100%;
    top: 2px;
    right: 0;
    background: #fff;
    opacity: 1;
    height: 25px;
    width: 25px;
}

/* enelpremia WOW */

/*coupon*/
.flex.tab.couponModel {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: initial;
    min-height: 255px;
    height: auto;
    padding-right: 0;
    position: relative;
    border: 0;
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    background: #fff;
    transition: opacity 0.1s ease 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
    width: 255px;
}

.flex.tab.couponModel > span:first-child {
    min-height: 205px;
    width: 100%;
}

.flex.tab.couponModel > span:nth-child(2) {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 15px 30px 15px;
}

.flex.tab.couponModel > span:nth-child(2) > span:nth-child(1) {
    display: block;
    position: relative;
    width: 100%;
}

.flex.tab.couponModel > span:nth-child(2) h4 {
    font-family: 'RoobertBold';
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #FF0F64;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 6px;
}

.flex.tab.couponModel > span:nth-child(2) p {
    font-family: 'Roobert';
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #666666;
    opacity: 1;
    padding: 0;
    position: absolute;
    bottom: -18px;
    display: block;
    width: auto;
    margin: 0!important;
}

.flex.tab.couponModel > span:nth-child(2) > span:nth-child(2) {
    display: flex;
    width: 100%;
    text-align: right;
    justify-content: flex-end;
}

.flex.tab.couponModel > span:nth-child(2) h5 {
    font-family: 'RoobertBold';
    font-size: 25px;
    line-height: 0.75;
    font-weight: 400;
    color: #FF0F64;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    display: flex;
    width: auto;
    padding-right: 0px;
    height: 25px;
    flex-direction: row;
    align-items: flex-start;
}

.flex.tab.couponModel > span:nth-child(2) h5 > span:nth-child(1) {
    display: inline-block;
}

.flex.tab.couponModel > span:nth-child(2) h5 > span + span {
    display: inline-block;
    font-family: 'Roobert';
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #FF0F64;
}

.check-container.enelpremiaModel {
    display: block;
    margin-right: 0;
    margin-top: 35px;
}

.check-container.enelpremiaModel h4 {
    font-family: 'RoobertBold';
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.check-container.enelpremiaModel input[type='checkbox'] + label > span:before {
    border: 2px solid #707070;
}

.check-container.enelpremiaModel input[type='checkbox']:checked + label > span:before {
    border: 2px solid #707070;
}

.check-container.enelpremiaModel input[type='checkbox'] + label {
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400!important;
    font-style: normal;
    font-size: 18px;
    align-items: start;
    display: block;
    height: 100%;
}

.check-container.enelpremiaModel input[type='checkbox']:checked + label {
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400!important;
    font-style: normal;
    font-size: 18px;
    align-items: start;
}

.check-container.enelpremiaModel label a {
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400!important;
    font-style: normal;
    font-size: 18px;
    color: #000;
    text-decoration: underline;
}

.check-container.enelpremiaModel label a:hover {
    text-decoration: none;
}

.resultBox-group.enelpremia p {
    line-height: 26px
}

.disclaimer.enelpremia {
    margin-top: 200px;
}

.disclaimer.enelpremia p {
    font-family: 'Roobert';
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .check-container.enelpremiaModel h4 {
        font-size: 15px;
        line-height: 22px;
    }
    .check-container.enelpremiaModel label a {
        font-size: 15px;
        line-height: 22px;
    }
}

/* end enelpremia WOW */

/* ingaggi model */
@media screen and (min-width: 768px) {
    .list-container.ingaggiModel .flex {
        padding: 0 30px;
    }

    .list-container.ingaggiModel .icon-container {
        width: 55px;
        text-align: left;
    }

    .list-container.ingaggiModel .flex span[class^="icon-line-flame"], .list-container.ingaggiModel .flex span[class*=" icon-line-flame"], .list-container.ingaggiModel .flex span[class^="icon-line-electricity"], .list-container.ingaggiModel .flex span[class*=" icon-line-electricity"] {
        text-align: left;
    }

    .list-container.ingaggiModel .indirizzo {
        width: calc(50% - 55px);
        text-align: left;
    }

    .list-container.ingaggiModel .flex span.indirizzo + span {
        width: 50%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }

    .list-container.ingaggiModel .flex span.indirizzo + span > span:first-child {
        width: 60%;
    }

    .list-container.ingaggiModel .flex span.indirizzo + span > span:last-child {
        width: 40%;
    }

    .list-container.ingaggiModel .flex span.indirizzo + span > span:only-child, .ingaggio-addebito .list-container.ingaggiModel .flex span.indirizzo + span > span:last-child {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .list-container.ingaggiModel .flex {
        padding: 20px 17px 30px 14px;
    }

    .list-container.ingaggiModel .icon-container {
        margin-left: 3px;
    }

    .list-container.ingaggiModel .flex span[class^="icon-line-flame"], .list-container.ingaggiModel .flex span[class*=" icon-line-flame"], .list-container.ingaggiModel .flex span[class^="icon-line-electricity"], .list-container.ingaggiModel .flex span[class*=" icon-line-electricity"] {
        font-size: 22px;
    }

    .list-container.ingaggiModel .indirizzo {
        margin-left: 3px;
    }

    .list-container.ingaggiModel .flex span.indirizzo + span {
        margin-left: 3px;
    }
}
/* end ingaggi model */

.heading-notes {
    text-align: right;
    font-family: 'Roobert';
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    max-width: 973px;
    margin: 0 auto;
    padding: 45px 20px 0px 20px;
}

/* social box */
.remodal.socialModal {
    max-width: 520px!important;
}

.remodal.socialModal .socialBox {
    margin: 50px 0 40px 0;
}

.remodal.socialModal .socialBox input {
    transition: all 100ms linear;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.15)!important;
    color: #000000;
    display: inline-block;
    min-width: 160px;
    outline: none;
    padding: 10px 10px 8px;
    width: 100%;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border: 2px solid #ebebeb;
    /* margin-top: 50px; */
    line-height: 1.2;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 1;
    padding: 14px;
    max-width: 100%;
    /* height: 60px; */
}

.socialActions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
}

.social-link-container {
    width: 124px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.social-link-container h4 {
    font-size: 15px;
    margin-bottom: 5px;
    letter-spacing: 0.2px;
    font-family: "Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.27273;
    color: #707070;
}

.social-links {
    padding: 0;
}

.social-icon a {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #707070;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    transition: all 100ms linear;
    margin-right: 0px;
}

.social-icon {
    display:inline-block;
    /* text-align: left; */
    margin-right: 5px;
}

.social-icon a:before {
    color: #707070;
    font-size: 15px;
    transition: all 100ms linear;
}

.remodal.socialModal .button-container {
    width: calc(100% - 124px);
}

.remodal.socialModal .button-container button.button-second.wireframeAppearance {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    min-width: 160px;
    padding: 17px 40px 17px;
    text-align: center;
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
    font-size: 15px;
    letter-spacing: 0.6px;
    line-height: 16px;
    border-color: #000;
    color: #000;
    color: #707070;
    border-color: #707070;
    padding: 16px 40px;
    width: 100%;
    max-height: 50px;
    /* height: 50px; */
    background-color: #fff;
}

@media screen and (min-width: 768px){
    .social-icon a {
        width: 50px;
        height: 50px;
    }
    .social-icon a:before {
        font-size: 25px;
    }
}
/* end social box */

@media only screen and (min-width: 1280px) {
    #main {
        max-width: none;
        background: linear-gradient(to left, #ffffff, #fff 50%, #f7f7f7 50%, #f7f7f7 100%)!important;
    }
    #content .wrapper {
        max-width: 1680px;
        margin: 0 auto;
        background: #fff;
    }
}

/* ore free VECCHIO
.tag_ore_free {
    width: 90px!important;
}
.img_clock img {
    max-height: none!important;
}
.label_oreFree {
    padding: 0!important;
}
end ore free */

/* ore free */
.tag_ore_free {
    height: 30px;
    background: #4fc15f;
    border-radius: 4px;
    width: fit-content;
    width: 76px;
    /* padding:2%; */
    display: flex;
    /* float:right; */
    /* margin-top:-2px !important; */
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.img_clock {
    /* height: 100%; */
    /* padding:4%; */
    display: block;
    /* width: 100%; */
}

.img_clock img {
    /* max-width:100%; */
    max-height: 100%;
    display: block;
    height: 25px;
    width: 25px;
}

.label_oreFree {
    display: flex;
    padding: 0px 2px 0px 1px;
    /* height:inherit; */
    /* width:max-content; */
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.label_oreFree p {
    font-family: 'Roobert';
    font-size: 10px;
    line-height: 11px;
    /* margin-bottom:12px; */
    /* white-space:normal; */
    text-overflow: ellipsis;
    color: white;
    margin: 0;
}

.free-disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #b7b7b7 !important;
}

.real-import {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 600;
    color: #000000;
    opacity: 1;
    margin-top: 0px;
    display: block;
}

a[data-id~=cambioFasciaDaily]{
    font-size:20px !important;
}

@media screen and (max-width:468px){

    .modal-content {

        padding:30px !important;


    }


    .modal-content p {

        text-align:left !important;

    }

}

/* end ore free */


@media only screen and (max-width: 1024px) {
    .remodal.remodal-is-initialized.bsnBlue.remodal-is-opened {display: block!important;}
    .head.bsnBlue {position: relative!important;}
}

/* fix chat voip icon sidebar menu */
 
.dsc-icon-call:before {
        content: " ";
        width: 18px;
        height: 18px;
        background-image: url('../../../etc.clientlibs/enel-areaclienti-selfcare/clientlibs/main/resources/images/icons/call-icon.png');
        background-size: 18px 18px;
        background-repeat: no-repeat;
        display: inline-block;
        -webkit-filter: invert(45%) sepia(15%) saturate(23%) hue-rotate(3deg) brightness(93%) contrast(87%);
        filter: invert(45%) sepia(15%) saturate(23%) hue-rotate(3deg) brightness(93%) contrast(87%);
     }
     
    #enelChatVoip:hover .dsc-icon-call:before {
        -webkit-filter: none;
        filter: none;
    }
/* fine fix chat voip icon sidebar menu */
/*INC000038821904 chat over social icons*/
footer .footer-social-container{
    z-index: 101;
}
/*END INC000038821904*/


.dsc-icon-cambiopiano-enelone:before{
    content: "\e998";
    font-weight: bold;
}

.dsc-icon-email-recapito:before {
    content: "\e99d";
    font-weight: bold;
}
/* crossSelling-card */

#wrapper_modalforn.cardWrapper > div.crossSelling-card {
    justify-content: space-between;
    order: 2;
    padding: 0;
    background-color: #fff;
    color: #000;
    overflow: hidden;
}

#wrapper_modalforn.cardWrapper > div.crossSelling-card > div:first-child {
    width: 100%;
    min-height: 190px;
    max-height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#wrapper_modalforn.cardWrapper > div.crossSelling-card > div:last-child {
    margin: 10px 30px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 190px);
}

#wrapper_modalforn.cardWrapper > div.crossSelling-card .card-nuovaFornitura {
    margin-bottom: 20px;
}

#wrapper_modalforn.cardWrapper > div.crossSelling-card .card-nuovaFornitura h5 {
    font-family: 'Roobert';
    font-size: 13px;
    line-height: 20px;
}

#wrapper_modalforn.cardWrapper > div.crossSelling-card .card-nuovaFornitura h3 {
    margin: 10px 0;
}

#wrapper_modalforn.cardWrapper > div.crossSelling-card .card-nuovaFornitura p {
    font-size: 13px;
    line-height: 20px;
}
/* nuova-fornitura-component */

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling {
    justify-content: space-between;
    order: 2;
    padding: 0;
    background-color: #fff;
    color: #000;
    overflow: hidden;
}

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling > div:first-child {
    width: 100%;
    min-height: 190px;
    max-height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling > div:last-child {
    margin: 10px 30px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 190px);
}

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling .card-nuovaFornitura {
    margin-bottom: 20px;
}

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling .card-nuovaFornitura h5 {
    font-family: 'Roobert';
    font-size: 13px;
    line-height: 20px;
}

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling .card-nuovaFornitura h3 {
    margin: 10px 0;
}

#wrapper_modalforn.cardWrapper > div.newCard-crossSelling .card-nuovaFornitura p {
    font-size: 13px;
    line-height: 20px;
}

/* MULTIBILL */
/* Multibill strip */
.dsc-icon-multibill:before {
  content: "\e977";
}

.multibillModel .flex.tab,
ul.activity-list > li .multibillModel .flex.tab {
    margin: 0;
    box-shadow: none;
}

.multibillModel {
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.multibillModel .open-menu-azioni, 
.multibillModel .open-menu-azioni.active {
    top: 36px;
}

.multibillModel .multiBillStrip {
    width: 100%!important;
    min-height: 32px;
    background: #e6e6e6;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: default;
    pointer-events: unset;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    transition: all 50ms linear;
}

.multibillModel .multiBillStrip:hover {
    background: #D3135A;
    pointer-events: all;
    color: #fff;
}

.multibillModel .multiBillStrip a {
    color: #000!important;
    text-decoration: underline;
}

.multibillModel .multiBillStrip:hover a {
    color: #fff!important;
}

.multibillModel .multiBillStrip:hover a:hover {
    color: #fff!important;
    text-decoration: none;
}

.multibillModel .multiBillStrip .dsc-icon-multibill {
    font-size: 22px;
    line-height: 22px;
    width: 8.2%;
    text-align: right;
    color: #000;
    padding-right: 11px;
}

.multibillModel .multiBillStrip:hover .dsc-icon-multibill {
    color: #fff;
}

/* Extended Mobile Version - Tablet */ @media screen and (min-width: 768px) and (max-width: 920px) {
    .extendedMobileVersion.multibillModel .multiBillStrip {
        min-height: 40px;
    }
    .extendedMobileVersion.multibillModel .multiBillStrip .dsc-icon-multibill {
        width: auto;
        padding-right: 11px;
        padding-left: 33px;
    }
}

/* Extended Mobile Version - SmartPhone */ @media screen and (max-width: 767px) {
    .extendedMobileVersion.multibillModel .multiBillStrip {
        min-height: 35px;
        font-size: 12px;
        line-height: 13px;
        margin-top: 8px;
    }
    .extendedMobileVersion.multibillModel .multiBillStrip .dsc-icon-multibill {
        width: auto;
        padding-right: 11px;
        padding-left: 23px;
        font-size: 20px;
    }
    .extendedMobileVersion.multibillModel .flex.tab.extendedMobileVersion + .multiBillStrip + a + button.open-menu-azioni {
        display: block!important;
        top: 20px;
        right: 11px;
    }
    .extendedMobileVersion.multibillModel .flex.tab.extendedMobileVersion + .multiBillStrip + a + button + ul.azioni-pagamento {
        top: 56px;
        right: 11px;
    }
    .extendedMobileVersion.multibillModel .flex.tab.extendedMobileVersion + .multiBillStrip + a + button + ul.show-azioni {
        display: block!important;
    }
    .extendedMobileVersion.multibillModel .flex.tab.extendedMobileVersion + .multiBillStrip + a.bill.goToDetail {
        display: block!important;
        position: absolute!important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}

/* Minimal Mobile Version - SmartPhone */ @media screen and (max-width: 767px) {
    .minimalMobileVersion.multibillModel {
        margin: 0;
        box-shadow: none;
        border-bottom: 1px solid #ededed;
        padding-bottom: 12px;
    }
    .minimalMobileVersion.multibillModel .multiBillStrip {
        min-height: 35px;
        font-size: 12px;
        line-height: 13px;
        background: #fff;
        /* justify-content: center; */
    }
    .minimalMobileVersion.multibillModel .multiBillStrip .dsc-icon-multibill {
        width: auto;
        padding-right: 11px;
        padding-left: 23px;
        /* padding-left: 0; */
        font-size: 20px;
    }
    .minimalMobileVersion.multibillModel .flex.tab.minimalMobileVersion {
        padding: 20px 50px 20px 20px;
        border-bottom: 0;
    }
    .minimalMobileVersion.multibillModel .multiBillStrip:hover,
    .minimalMobileVersion.multibillModel .multiBillStrip:hover .dsc-icon-multibill,
    .minimalMobileVersion.multibillModel .multiBillStrip:hover a,
    .minimalMobileVersion.multibillModel .multiBillStrip:hover a:hover {
        color: #000!important;
    }
}

/* Multibill alert box */
.section-heading .alertBoxModel {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 5px 15px #0000001A;
    padding: 26px 30px;
    margin: 30px 0 80px 0;
}

.section-heading .alertBoxModel h2,
.section-heading .alertBoxModel h3 {
    display: inline-block;
    font-family: "Roobert";
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 22px;
    margin-right: 5px;
    line-height: 1;
}

.section-heading .alertBoxModel span.icon-info-circle {
    color: #D3135A;
    position: relative;
    cursor: pointer;
    font-size: 20px;
}

.section-heading .alertBoxModel p {
    font-family: "RoobertLight";
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
}

.section-heading .alertBoxModel button {
    font-family: "RoobertBold";
    font-weight: 500;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 0px solid #D3135A;
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    padding: 5px 0px 0px 0px;
}

.section-heading .alertBoxModel button:hover {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .section-heading .alertBoxModel button {
        position: absolute;
        top: 31px;
        right: 30px;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .section-heading .alertBoxModel {
        margin: 0px 0 0px 0;
    }
    .section-heading .section-heading .alertBoxModel h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .section-heading .section-heading .alertBoxModel p {
        font-size: 15px;
    }
}

/* SINTESI (attivazione-gestione-disattivazione) */
/* Sintesi lista */
.list-container.sintesiModel .flex span.indirizzo {
    width: 32%;
    text-align: left;
}
.list-container.sintesiModel .flex span.indirizzo + span {
    width: 21%;
    text-align: left;
}
.list-container.sintesiModel .flex span:nth-child(5) {
    width: 35%;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .list-container.sintesiModel .label-container {
        min-height: 135px;
    }
    .list-container.sintesiModel .flex span.indirizzo {
        width: calc(100% - 30px);
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.sintesiModel .flex span.indirizzo + span {
        text-align: left;
        width: calc(100% - 30px);
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.sintesiModel .flex span:nth-child(5){
        text-align: left;
        width: calc(100% - 30px);
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px
    }
    .list-container.sintesiModel .label-container .flex span.indirizzo {
        min-height: 85px;
    }
    .list-container.sintesiModel .label-container.max-size .flex span.indirizzo {
        min-height: 15px;
    }
    .list-container.sintesiModel .flex span.indirizzo .valore {
        white-space: normal;
    }
    .list-container.sintesiModel .flex .valore {
        margin-top: 0;
    }
}
/* end Sintesi lista */


/* Gestione Sintesi */
.dsc-icon-sintesiAdd:before {
    content: "\e978";
  }

  .dsc-icon-sintesiCancel:before {
    content: "\e979";
  }

  .dsc-icon-sintesiDelete:before {
    content: "\e97a";
  }

#mainContentWrapper #landing-text {
    padding: 0;
}

.supplyListRecap,
.manageSintesi {
    margin-top: 20px;
}

.manageSintesi {
    margin-top: 50px;
}

.supplyListRecap .section-heading h3 {
    font-size: 25px;
    line-height: 29px;
}

.supplyListRecap .section-heading h2.h3appearance {
    font-size: 25px;
    line-height: 29px;
    font-family: "Roobert", sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}

.supplyListRecap h4,
.supplyListRecap h3.h4appearance {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    font-family: "RoobertBold", sans-serif;
}

.manageSintesi .section-heading {
    margin-bottom: 0px;
}

.manageSintesi .section-heading h3 {
    font-size: 25px;
    line-height: 32px;
}

.graystripAppearance {
    background: #F7F7F7;
    padding: 15px 20px;
}

.textareaAppearance {
    border: 1px solid #E8E8E8;
    padding: 15px 20px;
    max-height:280px;
    overflow-y: hidden;
}

.textareaAppearance.addScrollbar {
    overflow-y: scroll;
}

.textareaAppearance *
..graystripAppearance * {
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

.textareaAppearance li,
.graystripAppearance li {
    padding-bottom: 3px;
}

.list-container.gestioneSintesiModel .flex {
    padding: 0 30px;
}

.list-container.gestioneSintesiModel .flex span[class^="icon-"],
.list-container.gestioneSintesiModel .flex span[class*="icon-"] {
    font-size: 22px;
    height: 26px;
}

.list-container.gestioneSintesiModel .flex span.indirizzo {
    width: 88%;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .list-container.gestioneSintesiModel .label-container {
        max-height: 1000px;
    }
    .list-container.gestioneSintesiModel .flex {
        padding: 20px;
    }
    .list-container.gestioneSintesiModel .flex span.icon-container {
        width: calc(100% - 30px);
        margin-left: 10px;
    }
    .list-container.gestioneSintesiModel .flex span.indirizzo {
        width: calc(100% - 30px);
    }
    .list-container.gestioneSintesiModel .flex span.indirizzo .valore {
        white-space: normal;
    }
}

.textareaAppearance.addScrollbar::-webkit-scrollbar {
    width: 10px;
}

.textareaAppearance.addScrollbar::-webkit-scrollbar-track {
    background: #ffffff;
}

.textareaAppearance.addScrollbar::-webkit-scrollbar-thumb {
    background: #707070;
    border-radius:10px;
}

.textareaAppearance.addScrollbar::-webkit-scrollbar-thumb:hover {
    background: #606060;
}

.label-container.max-size.fibra-enel span[role="button"]{
    cursor: pointer;
}

/* end Gestione Sintesi */

@media screen and (min-width: 768px) {

    .right-main .content-group .checklistModel  .flex span[class^="icon-line-flame"],
    .right-main .content-group .checklistModel .flex span[class*=" icon-line-flame"],
    .right-main .content-group .checklistModel .flex span[class^="icon-line-electricity"],
    .right-main .content-group .checklistModel .flex span[class*=" icon-line-electricity"],
    .right-main .content-group .checklistModel .flex span.icon-line-enel-fiber {
        width: 60px!important;
        text-align: center;
    }

    .right-main .content-group .checklistModel .flex span.indirizzo {
        width: calc(65% - 86px);
        text-align: left;
    }

    .right-main .content-group .checklistModel .flex span.indirizzo + span {
        width: 35%;
        text-align: right;
    }

}

.manageSintesi #button-attiva:disabled {
    border: 1px solid #D3135A;
    background-color: #D3135A;
}

@media screen and (min-width: 768px) {
    .content-group.grey-bg span.icon-container {
        width:auto;
    }
}

p.addSupply,
ul.addSupply {
    font-size: 20px;
    font-family: "Roobert",sans-serif;
    line-height: 28px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 0;
}

ul.addSupply li {
    position: relative;
    padding-left: 20px;
}

ul.addSupply li:before {
    content:'';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    display: block;
    height: 2px;
    width:5px;
    background-color: #000;

}

@media screen and (max-width: 768px) {
    p.addSupply,
    ul.addSupply {
        font-size: 15px;
        font-family: "Roobert",sans-serif;
        line-height: 25px;
    }

    ul.addSupply li {
        padding-left: 15px;
    }

    ul.addSupply li:before {
        top: calc(50%);
        height: 1px;
        width:5px;
    }
}

/* end SINTESI (attivazione-gestione-disattivazione) */

h2.right-mainToph3appearance {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 30px 0;
    font-family: "Roobert", sans-serif;
    font-weight: 400;
}

.forniture-data-grid .panel-group h2 {
    font-size: 36px;
    font-family: "Roobert",sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 5px;
    text-align: left;
}
.dsc-icon-graph:before{
    content: "\e97b";
}
.dsc-icon-voce:before{
    content: "\e97c";
}
.skip-link {
    position: absolute;
    background-color: white;
    color: #D3135A;
    top: -80px;
    left: 0;
    padding: 10px 15px 8px 15px;
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: 700;
}

.skip-link:focus {
    position: absolute;
    left: 19px;
    top: 90px;
}
@media screen and (max-width: 1024px){
    .skip-link{
        display: none;
    }
}
.event-analytics {
    pointer-events: none;
}

.enelx-filter {
    transform: translate(0px, 28.5px);
}

.enelx-filter-res {
    transform: translate(0px, 48.5px) !important;
}

@media screen and (max-width: 767px) {
    .flex.tab.minimalMobileVersion.documentiModel > span {
        width: 50% !important;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(3) {
        text-align: left;
        color: #000;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(3) {
        text-align: left;
        color: #000;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(4) {
        text-align: right;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span .label {
        display: none;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span .valore {
        display: block;
        overflow: hidden;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(2) .label,
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(2) .valore {
        text-align: left;
        opacity: 1;
        padding-right: 10px;
    }
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(3) .label,
    .flex.tab.minimalMobileVersion.documentiModel > span:nth-child(3) .valore {
        text-align: left;
        opacity: 1;
        color: #000;
        padding-right: 10px;
    }
}

.label-novita {
    margin-left: 12px;
    font-family: RoobertBold;
    background-color: #D3135A;
    color: #fff;
    text-align: right;
    padding: 4px 12px 4px 12px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 700;
}

.underline-label {
    text-decoration: underline;
}

a.go-document-details {
    position: relative;
    color: #000000!important;
}

.supply.details-container dl a.go-document-details:hover {
    text-decoration: underline;
}

a.go-document-details:after {
    content:'';
    background-color: #fff;
    height: 12px;
    width: 12px;
    border-top: 3px solid #D3135A;
    border-right: 3px solid #D3135A;
    transform: rotate(45deg);
    position: absolute;
    right: -20px;
    top: calc(50% - 6px);
}

a.inline-icon-link.downloadContract {
    text-decoration: none !important
}

a.downloadContract span {
    color: #000000 !important;
    text-decoration: underline;
}

a.downloadContract span + span{
    text-decoration: none!important;
    color: #D3135A !important;
}

.flex.tab.minimalMobileVersion.documentiModel > span:nth-child(2) {
    width: 24%;
    text-align: left;
    padding-right: 18px;
}

.flex.tab.minimalMobileVersion.documentiModel > span:nth-child(3) {
    width: 20%;
    text-align: left;
}

.flex.tab.minimalMobileVersion.documentiModel > span:nth-child(4) {
    width: 14%;
    text-align: left;
}

.flex.tab.minimalMobileVersion.documentiModel > span:nth-child(5) {
    width: 24%;
    min-width: 120px;
    text-align: left;
}

@media (min-width: 1025px) {
    .fieldset-container.documentiModel fieldset:first-child {
        width: 65%;
        padding-right: 80px;
    }
}

@media (max-width: 1024px) {
    .fieldset-container.documentiModel fieldset:first-child {
        width: 100%;
        padding-right: 0px;
    }
}

.heading.supply .supply-details-heading.documents > span:nth-child(3) {
    margin-top: 10px;
}

.heading.supply .supply-details-heading.documents > span:nth-child(4) {
    margin-top: 10px;
}

.heading.supply .supply-details-heading.documents > span:nth-child(5) {
    margin-top: 10px;
}
@charset "UTF-8";
/* CSS Document */

body {margin: 0;}

* {box-sizing: border-box;}
* {
    margin: 0;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: normal;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {outline: 0px solid;}

p {padding-bottom: 0!important;}

label {width: 100%; height: 100%}

ul {margin: 0!important}

ul li {list-style: none;}

h1, h3, h4 {font-family: "Roobert", sans-serif; font-weight: 400;}
h1.tiny-head, h3.tiny-head, h4.tiny-head {font-family: "RoobertLight", sans-serif; font-weight: 400;}
.min-bottom {margin-bottom: 10px!important}

.list-form-container h1 {
    font-size: 36px;
    line-height: 1em;
    color: #000;
}

.list-form-container h1 + h2 {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    /* display: inline-block; */
    display: inline;
    font-family:"Roobert";
    letter-spacing: 0.3px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

/*
.button-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	margin: 30px 0;
    padding: 0;
}
*/

.button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 30px 0;
    padding: 0;
}


.button-container button {
    margin-left: 20px;
}

/*
.button-container button:last-child {
	margin-left: 0;
}
*/

button {
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    min-width: 190px;
    padding: 13px 40px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 1px solid #D3135A;
    background-color: #D3135A;
    color: #fff;
}

.button-container a[role='button'] {
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    min-width: 190px;
    padding: 13px 40px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 1px solid #D3135A;
    background-color: #D3135A;
    color: #fff;
    text-align:center;
}

.button-container a:hover {
  background-color: #fff;
  color: #D3135A;
}

button:hover {
    background-color: #fff;
    color: #D3135A;
}

a.button.button-first.button-center[role='button'] {
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: all 100ms linear;
    display: inline-block;
    font-size: 12px;
    min-width: 190px;
    padding: 13px 40px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: 1px solid #D3135A;
    background-color: #D3135A;
    color: #fff;
    text-align:center;
}
a.button.button-first.button-center[role='button']:hover {
    background-color: #fff;
    color: #D3135A;
}

button.button_second {
    border: 1px solid #D3135A;
    background-color: #fff;
    color: #D3135A;
}

button.button_second:hover {
    background-color: #D3135A;
    color: #fff;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: none;
    border: 1px solid #707070;
    background-color: #707070;
    color: #fff;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
[class^="icon2-"]:before, [class*=" icon2-"]:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon2-line-flame:before{content:"\e92d"}
.icon2-line-electricity:before{content:"\e929"}
.icon2-line-info:before {content: "\e931";}

.icon2-line-info {
    font-size: 30px;
    color: #000;
    display: inline-block;
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-line-flame:before{content:"\e92d"}
.icon-line-electricity:before{content:"\e929"}
.icon-line-fiber:before{content:"\e999"}
.icon-line-enel-fiber:before{content:"\e900a"}
.icon-line-info:before {content: "\e931";}
.icon-info-circle:before {content: "\e950";}
.icon-bolletta-web:before {content: "\e95a";}
.icon-addebito-diretto:before {content: "\e957";}
.icon-cog:before {content: "\e971";}
.icon-clock:before {content: "\e970";}
.icon-alert:before {content: "\e96f";}
.icon-clock-track:after {content: "\e970";}
.icon-alert-track:after {content: "\e96f";}
.icon-check-circle-track:after {content: "\e953";}
.icon-calendar-alt:before {content: "\e94d";}
.icon-check-circle:before {content: "\e953";}
.icon-check:after {content: "\e94e";}
.icon-check:before {content: "\e94e";}
.icon-mail:before {content: "\e902";}
.icon-messenger:before {content: "\e975";}
.icon-chevron-right:before {content: "\e905";}
.icon-chevron-left:before {content: "\e906";}
input[type='checkbox']:checked + label.icon-ckbox:after {content: "\e94e"!important;}
/*input[type='checkbox']:checked + span > span.icon-ckbox:after {content: "\e94e"!important;}*/

.blue-alert .icon-check-circle {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    height: 18px;
    margin-bottom: 0;
    position: relative;
    width: 18px;
    margin: 0 2px;
}

.blue-alert .icon-check-circle:before {
    position: absolute;
    top: 4px;
    left: 0;
}

.list-container .symbol-container {display: inline-block;}

.list-container .icon-check-circle {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #008C5A;
    height: 18px;
    margin-bottom: 0;
    position: relative;
    width: 18px;
    margin: 0 5px;
}

.list-container .icon-check-circle:before {
    position: absolute;
    top: 2px;
    left: 0;
}

@media screen and (max-width: 767px) {
    .list-container .icon-check-circle {
        font-size: 16px;
        height: 16px;
        width: 16px;
    }

    .list-container .icon-check-circle:before {
        top: 3px;
    }
}

.input-container a.icon-calendar-alt {
    color: #000;
    display: inline-block;
    transition: all 200ms linear;
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
    font-size: 17px;
    line-height: 17px;
}

.input-container a:hover.icon-calendar-alt {
    font-size: 17px;
    color: #D3135A;
    display: inline-block;
    transition: all 200ms linear;
}

input[type='text']:focus + a{
    color: #D3135A;
    transition: all 100ms linear;
}

.label-container .icon-line-info, .label-container .icon-info-circle {
    font-size: 26px;
    color: #D3135A;
    display: inline-block;
    line-height: 1;
}

.blue-alert .icon-line-info, .blue-alert .icon-info-circle {
    font-size: 22px;
    color: #fff;
    display: block;
    margin-bottom: 18px;
    height: 22px;
    width: auto;
    overflow: visible;
}

/* inline paragrafo dispositiva (ripristinato) */
.inline-icon-link .icon-line-info, .inline-icon-link .icon-info-circle {
    font-size: 20px;
    color: #D3135A;
    display: inline-block;
}


.icon-line-flame, .icon-line-electricity, .icon-line-fiber, .icon-line-enel-fiber {
    font-size: 30px;
    color: #000;
    display: inline-block;
}

input[type='checkbox'] + span.flex + span.icon-ckbox {
    font-size: 30px;
    color: #000;
    display: inline-block;
}

.forniture-data-grid {
    width: 100%;
    font-family: "RoobertLight",sans-serif;
}

.forniture-data-grid label a{
    font-family:"Roobert",sans-serif;
    color: #D3135A;
    text-decoration: underline;
    font-weight: 600;
}

.forniture-data-grid label a:hover{
    text-decoration: none;
}

.forniture-data-grid .heading {
    margin-bottom: 40px;
}

.forniture-data-grid h1 {
    font-size: 36px;
    font-family:"Roobert",sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 5px;
    text-align: left;
}

.forniture-data-grid p {
    font-size: 18px;
    font-family: "RoobertLight",sans-serif;
    line-height: 1.3;
    margin-top: 0;
    text-align: left;
    margin-bottom: 40px
}
/*
.right-main p, .right-main .form-group-container p + p + p, .right-main .content-group p + p + p, .right-main .section-content p + p + p {
	font-size: 15px;
    font-family: "RoobertLight",sans-serif;
    line-height: 22px;
    margin-top: 0;
    text-align: left;
	margin: 30px 0 20px 0;
	}

.right-main .form-group-container p + p, .right-main .content-group p + p, .right-main .section-content p + p {
	font-size: 18px;
    font-family: "RoobertBold",sans-serif;
    line-height: 22px;
	margin: 20px 0 30px 0;
	}
*/

.list-form-container {
    width: 100%;
    max-width: 973px;
    margin: 0 auto;
    padding: 60px 20px;
}

.right-main .content-group.grey-bg {
    background: #F4F4F4;
    margin: 40px -36px 30px -36px;
    padding: 40px 36px 30px 36px;
}

.right-main .content-group.grey-bg:first-child {
    margin: -40px -36px 30px -36px;
    border-top-right-radius: 6px;
    padding: 40px 36px 30px 36px;
}

@media screen and (max-width: 767px) {
    .right-main .content-group.grey-bg:first-child {
        margin-top: 0;
    }
    .content-group:last-child + p {margin-top: 30px !important;}
}

.label-container {
    position: relative;
    min-height: 108px;
    border: 0px solid;
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    transition: all .2s linear;
    background: #fff;
    transition: opacity 0.1s ease 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;
}
/*
.label-container:last-child {
  margin: 0;
}
*/

.label-container.luce {
    border-left:6px solid #0152E8;
}
.label-container.gas {
    border-left:6px solid #008C5A;
}
/* R3 2022 Enel Fiber */
.label-container.fibra {
    border-left:6px solid #d3135a;
}
.label-container.rateok, .label-container.luce.rateok, .label-container.gas.rateok {
    border-left:6px solid #008C5A;
}
.label-container.rateko, .label-container.luce.rateko, .label-container.gas.rateko {
    border-left:6px solid #E61400;
}
.label-container.ratecall, .label-container.luce.ratecall, .label-container.gas.ratecall {
    border-left:6px solid #FFA600;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 108px;
    height: 100%;
    padding: 0px 30px 0px 24px;
}

/* if IE */
@media all and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .flex > span, .flex.tab > span, .dsc-flex > span {
        display: flex!important;
        flex-direction: column;
        justify-content: center;
        height: 108px;
    }
    .flex .icon-ckbox {
        display: block!important;
    }
}
/* end if IE */

.check.list-container .flex {
    cursor: pointer;
}
/*
	.flex.dsd .icon-line-info, .flex.dsd .icon-info-circle {
		cursor: pointer;
		font-size: 26px;
		line-height: 1;
		display: inline-block;
	}
*/
.flex.dsd{
    cursor: default;
}
/*
.flex span {
    display: flex;
    flex-direction: column;
}
*/
.flex span {
    display: block;
}

span.icon-container {
    width: calc(12% - 26px);
    text-align: center;
}

.flex span[class^="icon-line-flame"], .flex span[class*=" icon-line-flame"], .flex span[class^="icon-line-electricity"], .flex span[class*=" icon-line-electricity"] {
    width: 100%;
    text-align: center;
}
/*
.flex span[class^="icon-line-flame"], .flex span[class*=" icon-line-flame"],.flex span[class^="icon-line-electricity"], .flex span[class*=" icon-line-electricity"]{
	width: calc(13% - 26px);
    text-align: center;
}
*/

/* autolettura Model */
#autolettura.list-container .flex span.indirizzo, .list-container.autoletturaModel .flex span.indirizzo, #rettifica_bolletta .flex span.indirizzo {
    width: 48%;
    text-align: left;
}
#autolettura.list-container .flex span.indirizzo + span, .list-container.autoletturaModel .flex span.indirizzo + span, #rettifica_bolletta .flex span.indirizzo + span {
    width: 18%;
    text-align: right;
}
#autolettura.list-container .flex span:nth-child(5), .list-container.autoletturaModel .flex span:nth-child(5), #rettifica_bolletta .flex span:nth-child(5) {
    width: 22%;
    text-align: right;
}

/* bolletta Web Model */
.flex span.indirizzo, .list-container.bollettaWebModel .flex span.indirizzo {
    width: 32%;
    text-align: left;
}
.flex span.indirizzo + span, .list-container.bollettaWebModel .flex span.indirizzo + span {
    width: 21%;
    text-align: left;
}
.flex span:nth-child(5), .list-container.bollettaWebModel .flex span:nth-child(5) {
    width: 35%;
    text-align: right;
}

/* rateizzazione Model */
#rateizzazione.list-container .flex span.indirizzo, .list-container.rateizzazioneModel .flex span.indirizzo {
    width: 30%;
    text-align: left;
}
#rateizzazione.list-container .flex span.indirizzo + span, .list-container.rateizzazioneModel .flex span.indirizzo + span {
    width: 16%;
    text-align: left;
}
#rateizzazione.list-container .flex span:nth-child(5), .list-container.rateizzazioneModel .flex span:nth-child(5) {
    width: 15%;
    text-align: left;
}

#rateizzazione.list-container .flex span:nth-child(5) + span, .list-container.rateizzazioneModel .flex span:nth-child(5) + span {
    width: 27%;
    text-align: right;
}

/*InstallmentPlan_Summary*/
.content-group.cITA_IFM_LCP451_InstallmentPlan_Summary:first-child .flex > span:nth-child(2) {
    width: calc(55% - 60px)!important;
}

.content-group.cITA_IFM_LCP451_InstallmentPlan_Summary:first-child .flex > span:nth-child(3) {
    width: 45%!important;
    text-align: right;
}

.content-group.cITA_IFM_LCP451_InstallmentPlan_Summary:first-child .flex > span:nth-child(3) .valore {
    display: flex;
    justify-content: flex-end;
}

.content-group.cITA_IFM_LCP451_InstallmentPlan_Summary:first-child .flex > span:nth-child(3) .valore span {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*end InstallmentPlan_Summary*/

.flex .label {
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300;
    color: #707070;
    opacity: 1;
    padding: 0;
}
.flex .valore {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 600;
    color: #000000;
    opacity: 1;
    margin-top: 0px;
}
.flex .valore {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flex .valore > span {
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
}

#disdetta .flex .valore > span, #rateizzazioneSC .flex .valore > span, #modifica-nuova-potenza-tensione .flex .valore > span, #modalita_pagamento .flex .valore > span {
    justify-content: flex-start;
}

.flex .valore > span > span:first-child {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 600;
    color: #000000;
    opacity: 1;
    margin-top: 0px;
}

.flex span.indirizzo .valore {
    padding-right: 20px;
}

.right-main.list-container {
    margin: 30px 0 40px 0;
}

.right-main #form_cessazioneRecap .content-group.recap h4 {
    margin-bottom: 20px;
}

.right-main #form_cessazioneRecap .content-group.recap h4 + p {
    font-family: "RoobertLight";
    font-size: 15px;
    font-weight:600px;
    line-height:22px;
    margin-bottom: 5px;
}

.right-main #form_cessazioneRecap .content-group.recap h4 + p + p {
    font-family:"RoobertBold";
    font-size: 18px;
    line-height:30px;
}

@media screen and (min-width: 768px) {

    .right-main .content-group .flex span[class^="icon-line-flame"], .right-main .content-group .flex span[class*=" icon-line-flame"], .right-main .content-group .flex span[class^="icon-line-electricity"], .right-main .content-group .flex span[class*=" icon-line-electricity"], .right-main .content-group .flex span.icon-line-enel-fiber {
        width: 60px!important;
        text-align: left;
    }

    .right-main .content-group .flex span.indirizzo {
        width: calc(65% - 60px);
        text-align: left;
    }

    .right-main .content-group .flex span.indirizzo + span {
        width: 35%;
        text-align: right;
    }

    .right-main .content-group.threeItemsModel .flex span.indirizzo {
        width: calc(55% - 60px);
        text-align: left;
    }

    .right-main .content-group.threeItemsModel .flex span.indirizzo + span {
        width: 25%;
        text-align: left;
    }

    .right-main .content-group.threeItemsModel .flex span.indirizzo + span + span {
        width: 25%;
        text-align: right;
    }

}

@media screen and (max-width: 767px) {
    .forniture-data-grid h1 {
        font-size: 25px;
    }
    .forniture-data-grid h1 + h2 {
        font-size: 15px;
        line-height: 22px;
    }
    .forniture-data-grid p {
        font-size: 15px;
    }
    .inline-icon-link .icon-line-info, .inline-icon-link .icon-info-circle {
        font-size: 16px;
    }
    .label-container.luce {
        border-left:3px solid #0152E8;
    }
    .label-container.gas {
        border-left:3px solid #008C5A;
    }
    .flex {
        flex-wrap: wrap;
        padding: 20px 17px 20px 14px;
    }
    .label-container {
        transition: all .2s linear;
        min-height: 120px; max-height: 120px;; overflow: hidden;
    }
    .label-container.max-size {
        transition: all .2s linear;
        min-height: 108px; max-height: 1000px; overflow: hidden;
    }
    .max-size .flex .valore {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    /*
    span.icon-container {
        width: calc(100% - 20px);
        text-align: left;
        padding-left: 3%;
        align-self: flex-start;
        height: auto;
    }
    */
    span.icon-container {
        width: calc(100% - 28px);
        text-align: left;
        padding-left: 0;
        align-self: flex-start;
        height: auto;
        margin-left: 8px
    }

    .flex span[class^="icon-line-flame"], .flex span[class*=" icon-line-flame"], .flex span[class^="icon-line-electricity"], .flex span[class*=" icon-line-electricity"] {
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
    /*
    .flex span[class^="icon-line-flame"], .flex span[class*=" icon-line-flame"],.flex span[class^="icon-line-electricity"], .flex span[class*=" icon-line-electricity"]{
        width: calc(100% - 20px);
        text-align: left;
        padding-left: 3%;
        align-self: flex-start;
        height: auto;
    }
    */

    .label-container .icon-line-info, .label-container .icon-info-circle {
        font-size: 20px;
    }
    .flex span[class^="icon-line-flame"]:before, .flex span[class*=" icon-line-flame"]:before,.flex span[class^="icon-line-electricity"]:before, .flex span[class*=" icon-line-electricity"]:before{
        display: block;
    }
    .icon-line-flame, .icon-line-electricity, .icon-line-enel-fiber {
        font-size: 20px;
    }
    /*
    .flex span.indirizzo, #autolettura.list-container .flex span.indirizzo, .list-container.autoletturaModel .flex span.indirizzo, .list-container.bollettaWebModel .flex span.indirizzo, #rateizzazione.list-container .flex span.indirizzo, .list-container.rateizzazioneModel .flex span.indirizzo, #rettifica_bolletta .flex span.indirizzo {
        width: calc(100% - 20px);
        margin-left: 20px;
        padding-left: 4%;
        margin-top: 15px;
    }
    .flex span.indirizzo + span, #autolettura.list-container .flex span.indirizzo + span, .list-container.autoletturaModel .flex span.indirizzo + span, .list-container.bollettaWebModel .flex span.indirizzo + span, #rateizzazione.list-container .flex span.indirizzo + span, .list-container.rateizzazioneModel .flex span.indirizzo + span, #rettifica_bolletta .flex span.indirizzo + span {
        text-align: left;
        width: calc(100% - 20px);
        margin-left: 20px;
        padding-left: 4%;
        margin-top: 15px;
    }
    .flex span:nth-child(5), #autolettura.list-container .flex span:nth-child(5), .list-container.autoletturaModel .flex span:nth-child(5), .list-container.bollettaWebModel .flex span:nth-child(5), #rateizzazione.list-container .flex span:nth-child(5) + span, .list-container.rateizzazioneModel .flex span:nth-child(5), #rettifica_bolletta .flex span:nth-child(5) {
        text-align: left;
        width: calc(100% - 20px);
        margin-left: 20px;
        padding-left: 4%;
        margin-top: 15px;
    }

    .flex span:nth-child(5) + span, #rateizzazione.list-container .flex span:nth-child(5) + span, .list-container.rateizzazioneModel .flex span:nth-child(5) + span {
        text-align: left;
        width: calc(100% - 20px);
        margin-left: 20px;
        padding-left: 4%;
        margin-top: 15px;
    }
    */
    .flex span.indirizzo, #autolettura.list-container .flex span.indirizzo, .list-container.autoletturaModel .flex span.indirizzo, .list-container.bollettaWebModel .flex span.indirizzo, #rateizzazione.list-container .flex span.indirizzo, .list-container.rateizzazioneModel .flex span.indirizzo, #rettifica_bolletta .flex span.indirizzo {
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px;
    }
    .flex span.indirizzo + span, #autolettura.list-container .flex span.indirizzo + span, .list-container.autoletturaModel .flex span.indirizzo + span, .list-container.bollettaWebModel .flex span.indirizzo + span, #rateizzazione.list-container .flex span.indirizzo + span, .list-container.rateizzazioneModel .flex span.indirizzo + span, #rettifica_bolletta .flex span.indirizzo + span {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px;
    }
    .flex span:nth-child(5), #autolettura.list-container .flex span:nth-child(5), .list-container.autoletturaModel .flex span:nth-child(5), .list-container.bollettaWebModel .flex span:nth-child(5), #rateizzazione.list-container .flex span:nth-child(5) + span, .list-container.rateizzazioneModel .flex span:nth-child(5), #rettifica_bolletta .flex span:nth-child(5) {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px;
    }

    .flex span:nth-child(5) + span, #rateizzazione.list-container .flex span:nth-child(5) + span, .list-container.rateizzazioneModel .flex span:nth-child(5) + span {
        text-align: left;
        width: 100%;
        margin-left: 30px;
        padding-left: 0;
        margin-top: 12px;
    }

    .flex .valore > span {
        justify-content:flex-start;
    }

    .flex .valore > span > span:first-child {
        white-space: normal;
    }

    .flex .valore, .flex .valore > span > span:first-child, .forniture-data-grid label a {
        font-size: 15px;
        line-height: 22px;
        margin-top: 2px;
    }

    .list-container .symbol-container {
        display: inline-block;
        margin-top: 2px;
    }

    .button-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 30px 0;
        padding: 0 !important;
    }
    .button-container button {
        margin-left: 0px;
        width: 100%;
        min-width: 100%;
        margin-bottom: 15px
    }
    .button-container button:last-child {
        margin-bottom: 0px
    }

    /* content-group recap forniture/bollette/rate */
    .content-group .flex {
        padding: 20px 23px 35px 20px;
    }
    .content-group .flex > span {
        margin-left: 0px!important;
        margin-top: 12px;
    }
    .content-group .flex span[class^="icon-line-flame"], .content-group .flex span[class*=" icon-line-flame"], .content-group .flex span[class^="icon-line-electricity"], .content-group .flex span[class*=" icon-line-electricity"] {
        margin-left: -3px!important;
        margin-top: 0px;
    }
    .content-group .arrow {
        display: none;
    }
    /* end content-group recap forniture/bollette/rate */

}

@media screen and (min-width: 768px) {
    span.arrow {display: none;}
}

@media screen and (max-width: 767px) {
    span.arrow {
        transform: rotate(315deg);
        display: block;
        /*
        height: 10px;
        width: 10px;
        border-bottom: 3px solid #000;
        border-left: 3px solid #000;
        */
        height: 15px;
        width: 15px;
        border-bottom: 5px solid #000;
        border-left: 5px solid #000;
        background: transparent;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 20px;
        right: 18px;
        z-index: 0!important;
        cursor: pointer;
        transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
        transform-origin: 35% 65%;
        -webkit-font-smoothing: antialiased;
    }

    .max-size span.arrow {
        transform: rotate(135deg);
        transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
        transform-origin: 35% 65%;
        -webkit-font-smoothing: antialiased;}
}

@media screen and  (min-width: 600px) {
    span.arrow {
        /*
        height: 12px;
        width: 12px;
        border-bottom: 4px solid #000;
        border-left: 4px solid #000;
        */
        height: 15px;
        width: 15px;
        border-bottom: 5px solid #000;
        border-left: 5px solid #000;
        bottom: 25px;
        right: 30px;
        transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    span.arrow {transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
        bottom: 25px;
    }
}


/* lista forniture checkbox input */

span.icon-ckbox {
    position: relative;
    font-size: 15px;
    height: 26px;
    width: 26px;
    line-height: 19px;
    display: inline-block;
    padding-right: 0;
    cursor: pointer;
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500!important;
}

input[type='checkbox']:checked + span > span.icon-ckbox,
input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700!important;
    font-style: normal;
}

input[type='checkbox'] {
    display: block!important;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.label-container > input[type='checkbox'] {
    height: 100%;
    width: 100%;
}

input[type='checkbox']:checked + span > span.icon-ckbox:before,
input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox:before {
    background-size: 26px;
    height: 26px;
    width: 26px;
    opacity: 1;
    border: 1px solid #707070;
}

input[type='checkbox'] + span > span.icon-ckbox:before,
input[type='checkbox'] + label > span:first-child > span.icon-ckbox:before {
    background-size: 26px;
    border: 1px solid #707070;
    height: 26px;
    width: 26px;
    opacity: 1;
}
input[type='checkbox'] + span > span.icon-ckbox:before,
input[type='checkbox'] + label > span:first-child > span.icon-ckbox:before {
    content: '';
    display: block;
    position: absolute;
    /* border-radius: 1em; */
    left: 0;
}

input[type='checkbox']:checked + span > span.icon-ckbox:after,
input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    border: 0px solid rgba(0, 0, 0, 1);
    border-radius: 1em;
    height: 1em;
    left: 0;
    opacity: 1;
    width: 1em;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox']:checked + span > span.icon-ckbox:after,
input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    transform: scale(0.35);
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox'] + span > span.icon-ckbox:after,
input[type='checkbox'] + label > span:first-child > span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255,255,255,0);
    border-radius: 1em;
    height: 18px;
    left: 0;
    top: 0;
    width: 26px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox']:checked + span > span.icon-ckbox:after,
input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    /* border: 10px solid rgba(0, 0, 0, 1); */
    border-radius: 0;
    height: 12px;
    left: 0;
    opacity: 1;
    width: 32px;
    top:0;
    border-bottom: 4px solid #707070;
    border-left: 4px solid #707070;
    transform: rotate(315deg);
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox']:checked + .label-fornitura-step1 span.icon-ckbox:before {
    background-size: 26px;
    height: 26px;
    width: 26px;
    opacity: 1;
    border: 1px solid #707070;
}

input[type='checkbox'] + .label-fornitura-step1 span.icon-ckbox:before {
    background-size: 26px;
    border: 1px solid #707070;
    height: 26px;
    width: 26px;
    opacity: 1;
}
input[type='checkbox'] + .label-fornitura-step1 span.icon-ckbox:before {
    content: '';
    display: block;
    position: absolute;
    /* border-radius: 1em; */
    left: 0;
}

input[type='checkbox']:checked + .label-fornitura-step1 span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    border: 0px solid rgba(0, 0, 0, 1);
    border-radius: 1em;
    height: 1em;
    left: 0;
    opacity: 1;
    width: 1em;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox']:checked + .label-fornitura-step1 span.icon-ckbox:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    transform: scale(0.35);
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox'] + .label-fornitura-step1 span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255,255,255,0);
    border-radius: 1em;
    height: 18px;
    left: 0;
    top: 0;
    width: 26px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

input[type='checkbox']:checked + .label-fornitura-step1 span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    /* border: 10px solid rgba(0, 0, 0, 1); */
    border-radius: 0;
    height: 12px;
    left: 0;
    opacity: 1;
    width: 32px;
    top:0;
    border-bottom: 4px solid #707070;
    border-left: 4px solid #707070;
    transform: rotate(315deg);
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

@media screen and (min-width: 768px) {
    span.icon-ckbox {
        position: relative;
        font-size: 18px;
        height: 26px;
        line-height: 19px;
        display: inline-block;
        padding-right: 0;
        cursor: pointer;
        font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
}

@media screen and (max-width: 767px) {
    span.icon-ckbox {
        font-size: 15px;
        height: 20px;
        width: 20px;
        line-height: 15px;
    }

    input[type='checkbox']:checked + span > span.icon-ckbox:before,
    input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox:before {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }

    input[type='checkbox'] + span > span.icon-ckbox:before,
    input[type='checkbox'] + label > span:first-child > span.icon-ckbox:before {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }

    input[type='checkbox'] + span > span.icon-ckbox:after,
    input[type='checkbox'] + label > span:first-child > span.icon-ckbox:after {
        height: 9px;
        width: 26px;
    }

    input[type='checkbox']:checked + span > span.icon-ckbox:after,
    input[type='checkbox']:checked + label > span:first-child > span.icon-ckbox:after {
        height: 9px;
        width: 26px;
        border-bottom: 3px solid #707070;
        border-left: 3px solid #707070;
    }
}

/* fine checkbox input */


/* lista forniture radio input */

span.icon-ckbox {
    position: relative;
    font-size: 15px;
    height: 26px;
    width: 26px;
    line-height: 19px;
    display: inline-block;
    padding-right: 0;
    cursor: pointer;
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500!important;
}

input[type='radio']:checked + span > span.icon-ckbox,
input[type='radio']:checked + label > span:first-child > span.icon-ckbox {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700!important;
    font-style: normal;
}

input[type='radio'] {
    display: block!important;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.label-container > input[type='radio'] {
    height: 100%;
    width: 100%;
}

input[type='radio']:checked + span > span.icon-ckbox:before,
input[type='radio']:checked + label > span:first-child > span.icon-ckbox:before {
    background-size: 26px;
    height: 26px;
    width: 26px;
    opacity: 1;
    border: 1px solid #707070;
}

input[type='radio'] + span > span.icon-ckbox:before,
input[type='radio'] + label > span:first-child > span.icon-ckbox:before {
    background-size: 26px;
    border: 1px solid #707070;
    height: 26px;
    width: 26px;
    opacity: 1;
}
input[type='radio'] + span > span.icon-ckbox:before,
input[type='radio'] + label > span:first-child > span.icon-ckbox:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 1em;
    left: 0;
}

input[type='radio']:checked + span > span.icon-ckbox:after,
input[type='radio']:checked + label > span:first-child > span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 1em;
    height: 1em;
    left: 0;
    opacity: 1;
    width: 1em;
}

input[type='radio']:checked + span > span.icon-ckbox:after,
input[type='radio']:checked + label > span:first-child > span.icon-ckbox:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(0.45);
    -ms-transform: scale(0.45);
    transform: scale(0.45);
}

input[type='radio'] + span > span.icon-ckbox:after,
input[type='radio'] + label > span:first-child > span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    background: #707070;
    border-radius: 1em;
    height: 26px;
    left: 0;
    top: 0;
    width: 26px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease;
}

input[type='radio']:checked + span > span.icon-ckbox:after,
input[type='radio']:checked + label > span:first-child > span.icon-ckbox:after {
    content: '';
    display: block;
    position: absolute;
    /* border: 10px solid rgba(0, 0, 0, 1); */
    border-radius: 1em;
    height: 26px;
    left: 0;
    opacity: 1;
    width: 26px;
    top:0;
}

@media screen and (min-width: 768px) {
    span.icon-ckbox {
        position: relative;
        font-size: 18px;
        height: 26px;
        line-height: 19px;
        display: inline-block;
        padding-right: 0;
        cursor: pointer;
        font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
}

@media screen and (max-width: 767px) {
    span.icon-ckbox {
        font-size: 15px;
        height: 20px;
        width: 20px;
        line-height: 15px;
    }

    input[type='radio']:checked + span > span.icon-ckbox:before,
    input[type='radio']:checked + label > span:first-child > span.icon-ckbox:before {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }

    input[type='radio'] + span > span.icon-ckbox:before,
    input[type='radio'] + label > span:first-child > span.icon-ckbox:before {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }

    input[type='radio'] + span > span.icon-ckbox:after,
    input[type='radio'] + label > span:first-child > span.icon-ckbox:after {
        height: 20px;
        width: 20px;
    }

    input[type='radio']:checked + span > span.icon-ckbox:after,
    input[type='radio']:checked + label > span:first-child > span.icon-ckbox:after {
        height: 20px;
        width: 20px;
    }
}

/* fine radio input */

/* dettaglio */
.step-box-container {
    width: 100%;
    position: relative;
    border: 1px solid #DEDEDE;
    margin: 20px 0;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    transition: all .2s linear;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.details-container > dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.details-container dl > span {
    float: left;
    width: 50%;
    margin:0;
    padding: 18px 5px 18px 0;
    border-bottom: 1px solid #EDEDED;
}

.one-element .details-container dl > span, .details-container.one-element dl > span, .details-container dl.one-element > span, .details-container dl > span.one-element {
    border-bottom: 0px solid #EDEDED;
}

.details-container dl > span.full-length {
    width: 100%;
}

.details-container dl > span.full-length dd {
    white-space:normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.details-container dl > span > dt.ellipsis{
    padding-right: 10px;
}

.details-container dl > span.min-padding {
    padding: 6px 0;
}

.details-container dl > span.full-width {
    width: 100%;
}

.details-container dl > span.full-width dd {
    white-space:normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

#prospect .content-group .details-container dl > span {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    border-bottom: 0 solid #ededed;
    height: auto;
    display: block;
}

@media screen and (max-width: 940px) {
    .details-container dl > span.mobile-full-width {
        width: 100%;
    }
    .details-container dl > span.mobile-full-length {
        width: 100%;
    }
}

.details-container dl > span.clear-border {
    border-bottom: 0;
}

@media screen and (max-width: 674px) {
    .details-container.riepilogo dl > span {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .details-container dl > span {
        width: 100%;
        padding: 15px 0;
    }
}

@media screen and (min-width: 768px) {
    .details-container dl > span.iban {
        width: 100%;
    }
}

.details-container.opening.odd dl > span:nth-last-child(+3){
    width: 100%;
}
.details-container:after {
    content: "";
    display: table;
    clear: both;
}

dl,dd,dt {margin: 0}
/* end dettaglio */

.wizard {
    width: 35%;
    padding: 40px 30px 40px 36px;
    border-right: 1px solid #EDEDED;
}
ul.stepper {
    list-style: none;
}

/* flex stepper items */
ul.stepper {
    list-style: none;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
}
/*
.wizard ul.stepper li {
    margin: 4%;
    display: inline-flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}
*/
.wizard ul.stepper li span {
    float: left;
}
.wizard ul.stepper li span.step-label {
    float: left;
    height: 40px;
    align-items: center;
    display: inline-flex;
    width: calc(100% - 70px);
    margin-left: 30px;
}
.wizard ul.stepper li span.step-label.active {
    color:#D3135A;
    text-decoration: underline;
}

.wizard ul.stepper li span.step-label.approved {
    color:#008C5A;
}

.wizard ul.stepper li.denied span.step-label {
    color: #E61400;
}

.wizard ul.stepper li.warning span.step-label, .wizard ul.stepper li span.step-label.warning {
    color: #D64100 ;
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 768px) {
    ul.stepper {
        list-style: none;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
    }
    .wizard ul.stepper li span {
        float: left;
    }
}
/* fine flex stepper items */

.right-main {
    width: 100%;
}

/*@media screen and (min-width: 768px) {*/
@media screen and (min-width: 769px) {
    .wizard + .right-main {
        width: 65%;
        padding: 40px 36px;
    }
}
.right-main > div.typ-container {
    min-height:300px;
}

.blue-alert {
    width: 100%;
    position: relative;
    height: auto;
    border: 0;
    margin: 40px 0 40px 0;
    padding: 28px 20px 32px 20px;
    background-color: #D3135A;
    border-radius: 6px;
    transition: all .2s linear;
}

.blue-alert {
    margin: 40px 0 20px 0;
}

.step-box-container .blue-alert {
    margin: 0px 0 20px 0;
}

.blue-alert ul {
    color: #fff;
    list-style: none;
    margin: -15px 0 20px 0!important;
    font-weight: 300;
    font-size: 15px;
}

.blue-alert ul li {
    margin: 6px 30px;
    position: relative;
}

.blue-alert ul li:before {
    content: '';
    width: 6px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    margin-left: -20px;
    left: 0;
    top: 7px;
}

.blue-alert p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: 0.5px;
}

.blue-alert p:last-child {
    margin-bottom: 0px;
}
.right-main h3, .right-main h4 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 30px 0;
}
.details-container dt {
    font-size: 15px;
    line-height: 1.6em;
    color: #000;
    font-weight: 400;
}
.details-container dd {
    font-family:"Roobert";
    font-size: 18px;
    line-height: 1.6em;
    color: #000;
    font-weight: 600;
}

.form-group-container.autolettura-gas input[type='text'], .content-group.autolettura-gas input[type='text'] {
    padding: 11px 50px 11px 20px!important;
}

.form-group-container, .content-group, .section-content {
    margin-top: 40px;
}

.checkset-container {
    margin-top: 22xpx;
}



.checkset-container fieldset legend {
    font-family:"RoobertBold";
    font-size: 18px;
    line-height: 1.2;
}

.checkset-container fieldset .check-container {
    display: inline-block;
    margin-top: 15px;
    margin-top: 20px;
    margin-right: 40px;
    padding: 0;
    margin-bottom: 0px;
}

.checkset-container fieldset .check-container label {
    font-size: 15px;
    height: 24px;
    line-height: 24px;
    padding-right: 0;
    padding-left: 44px;
    margin-bottom: 5px;
}

.checkset-container fieldset .check-container input[type='checkbox'] + label > span:before {
    height: 24px;
    width: 24px;
}

.checkset-container fieldset .check-container input[type='checkbox'] + label > span:after {
    font-size: 15px;
    line-height: 24px;
    width: 24px;
    height: 24px;
}

.checkset-container input[type='checkbox']:checked + label > span:after {
    font-size: 15px;
    line-height: 24px;
    width: 24px;
    height: 24px;
}

@media screen and  (max-width: 767px) {
    .checkset-container fieldset .check-container {
        display: block;
        margin-top: 15px;
        margin-top: 20px;
        margin-right: 30px;
        padding: 0;
    }
}

.form-group-container.simply-border, .checkset-container.simply-border {
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEDED;
}

.content-group.tiny-border {
    padding: 40px 0;
    margin: 0;
    border-bottom: 1px solid #EDEDED;
}

.content-group.tiny-border p:last-child {
    margin-bottom: 0;
}

.form-group-container:after, .checkset-container:after, .content-group:after, .section-content:after {
    clear: both;
    content: '';
    display: block;
}

.right-main .form-group-container:first-child, .right-main .checkset-container:first-child, .right-main .content-group:first-child, .right-main .section-content:first-child {
    margin-top: 0px;
}

#prospect .content-group {
    margin-top: 40px;
}

.form-group {
    margin: 20px 0 0px 0;
}

.right-main h4 + .form-group {
    margin: 0;
}

.form-group.motivo {
    margin: 20px 0 0px 0!important;
}

.form-group.data-cessazione .input-container + span {
    display: block;
    margin: 10px 0;
    font-size: 15px;
    font-family: "RoobertLight",sans-serif;
    line-height: 22px;
    text-align: left;
}

.input-container {
    position: relative;
}

.input-container > span {
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    font-size: 15px;
    line-height: 16px;
    color: #707070;
    text-transform: lowercase;
}

input[type='text'], select, textarea, .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input, select.slds-input {
    transition: all 100ms linear;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px!important;
    letter-spacing: 0px;
    line-height: 1.2;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 1)!important;
    color: #000000!important;
    display: inline-block;
    padding: 14px 10px 14px!important;
    width: 100%;
    min-height: 45px;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    height: auto!important;
    resize: none;
}
input[type='text']:focus, select:focus, textarea:focus, .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input:focus {
    border: 1px solid #095FFB!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important;
}

input[type='text'].error, input[type='number'].error, input[type='tel'].error, input[type='email'].error, textarea.error, .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input.error, lightning-input.error div > input[type='text'] {border: 1px solid #E61400!important;}

input[type='text'].error:focus, input[type='number'].error:focus, input[type='tel'].error:focus, input[type='email'].error:focus, textarea.error:focus, .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input.error:focus, lightning-input.error div > input[type='text']:focus {
    border: 1px solid #E61400!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, .6)!important;
}

.error {
    border-color: #ff1065 !important;
}

textarea.takeValue {
    margin:30px 0 0px 0;
}

.form-group label, .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-form-element__label {
    display: block;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #000000;
    font-weight: 500;
    font-style: normal;
}

.form-group .errorMsg, .check-container .errorMsg, .errorMsg {
    display: block;
    color: #E61400;
    font-size: 12px;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    margin-top: 7px;
    /*max-height: 20px;*/
    overflow: hidden;
    /*position: absolute;*/
    bottom: -23px;
    right: 0px;
    line-height: 1.2;
}

.errorMsg-footer{
    display: block;
    color: #E61400;
    font-size: 12px;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    margin-top: 7px;
    /*max-height: 20px;*/
    overflow: hidden;
    /*position: absolute;*/
    bottom: -23px;
    right: 0px;
    line-height: 1.2;
}

.errorMsg.alertMode {
    font-family: "Roobert"
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0px;
    line-height: 20px;
    padding-left: 35px;
    overflow: visible;
    position: relative;
    float: none;
    bottom: 0;
}

.errorMsg.alertMode span[class^="icon"] {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 22px;
    line-height: 1;
}

.alertMsg, .noticeMsg {
    font-family: "Roobert"
    font-size: 15px;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0px;
    line-height: 20px;
    padding-left: 35px;
    overflow: visible;
    position: relative;
    float: none;
    bottom: 0;
}

.noticeMsg {
    padding-left: 0px;
    color: #000;
}

.noticeMsg a {
    color: #D3135A;
    text-decoration: underline;
}

.noticeMsg a:hover {
    text-decoration: none;
}

.alertMsg.outMode {
    color: #E61400;
}
.alertMsg.successfulMode {
    color: green;
}

.alertMsg span[class^="icon"] {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 22px;
    line-height: 1;
}

.message-advise {
    font-size: 12px;
    margin-top: 10px;
    display: block;
    line-height: 1.2;
}

.foot-notes {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    margin-top: 10px;
}

@media screen and  (min-width: 768px) {
    .form-group .errorMsg, .check-container .errorMsg, .errorMsg {
        font-size: 15px;
        margin-top: 10px;
        bottom: -30px;
        margin-right: 0px;
        line-height: 1.2;
    }
    .message-advise {
        font-size: 15px;
        margin-top: 10px;
        display: block;
    }
    .errorMsg-footer {
        font-size: 15px;
        margin-top: 40px;
        bottom: -30px;
        margin-right: 0px;
        line-height: 1.2;
    }
    .errorMsg.alertMode {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 40px;
        margin-right: 0px;
        line-height: 20px;
        padding-left: 30px;
        overflow: visible;
        position: relative;
        float: none;
        bottom: 0;
    }

    .bottomMsg-container {
        padding-top: 1px;
        display: block;
    }

    .alertMsg, .noticeMsg {
        font-size: 20px;
        line-height: 28px;
        float: none;
    }

    .noticeMsg {
        padding-left: 0px;
    }

    .alertMsg span[class^="icon"] {
        top: 3px;
    }
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 768px) {
    .step-box-container {
        border: 0px;
        margin: 40px 0 0 0;
        padding: 0;
        border-radius: 0;
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        flex-direction: column;
        justify-content: space-between;
    }
    .wizard {
        width: 100%;
        padding: 40px 0px;
        border-right: 0;
        border-top: 1px solid #EDEDED;
    }
    .right-main {
        width: 100%;
        padding: 0;
    }
    .right-main h4 {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 10px 0;
    }
    .right-main p {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 30px 0;
    }

    .right-main .plain-recap h4 {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 5px 0;
    }

    .right-main .plain-recap p {
        font-size: 15px;
        line-height: 22px;
        margin: 0 0 5px 0;
    }

    /*
        .right-main .form-group-container p, .right-main .content-group p, .right-main .section-content p{
            margin-bottom: 20px;
        }
    */
}

.wizard ul.stepper li {
    margin-bottom: 20px;
    width: 100%;
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 768px) {
    .wizard ul.stepper li {
        margin: 3.6%;
        width: auto;
    }
    .wizard ul.stepper li:first-child {
        margin-left: 0;
    }
    .wizard ul.stepper li:last-child {
        margin-right: 0;
    }
    .wizard {
        padding: 20px 0px;
    }
}

/*
.wizard ul.stepper li:last-child {
    margin-bottom: 0px;
}
*/


.wizard ul.stepper li {
    font-size: 15px;
    line-height: 1;
    color: #707070;
    font-family: "RoobertBold", sans-serif;
}

.wizard ul.stepper li span.step-label {
    margin-left: 30px;
}

.wizard .number {
    -webkit-border-radius: 50%;
    border: 1px solid #707070;
    border-radius: 50%;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    background-color: #fff;
    display: inline-block;
   font-family:"Roobert";
    color: #707070;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.wizard .number.active {
    color: #fff;
    background-color: #D3135A;
}

.wizard .icon-approved {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: #008C5A;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
}

.wizard .icon-approved.big::before {
    content: '';
    position: absolute;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    height: 16px;
    width: 10px;
    top: 0;
    bottom: 4px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.wizard .icon-denied {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: #E61400;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
}

.wizard .icon-denied.big::after, .wizard .icon-denied.big::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 4px;
    width: 20px;
    background-color: #fff;
}

.wizard .icon-denied.big::before {
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.wizard .icon-denied.big::after {
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.wizard .icon-warning.big {
    height: 40px;
    width: 40px;
    position: relative;
    display: inline-block;
    /* background-color: #FC1B66; */
    background-color: #FC5B25;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0;
    background-clip: padding-box;
}

.wizard .icon-warning.big::before {
    position: absolute;
    border-bottom: 0px solid #fff;
    border-right: 0px solid #fff;
    height: 40px;
    width: 10px;
    bottom: 0px;
    right: 0;
    margin: auto;
    content: '!';
    color: #fff;
    font-weight: 700;
    font-family:"RoobertBold";
    font-size: 30px;
    line-height: 38px;
    text-align: center;
}

.wizard .icon-warning::before {
    content: '!';
   font-family:"Roobert"
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    line-height: 1;
    height: 18px;
    width: 6px;
    margin: auto;
    color: #fff;
}

.hide {
    display: none;
}

.visually-hidden {
    display: block!important;
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px;
    padding: 0;
    border: 0;
}

.form-group.data-cessazione .accessibleButton {
    display: block!important;
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px;
    padding: 0;
    border: 0;
}

label.accessibleButton {
    display: block!important;
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px;
    padding: 0;
    border: 0;
}

.form-group.motivo .inputContainer {
    display: block!important;
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px;
    padding: 0;
    border: 0;
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 768px) {
    .wizard ul.stepper li span.step-label {
        display: block!important;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
}


/* right-main radio input */
.right-main div.radio-group-container {
    margin: 20px 0 0px 0;
    width: 100%;
}

.right-main div.radio-group-container:after {
    content: "";
    display: table;
    clear: both;
}

.right-main div.radio-container >label {
    position: relative;
    font-size: 15px;
    height: 20px;
    line-height: 19px;
    display: inline-block;
    padding-right: 0;
    cursor: pointer;
    margin-bottom: 10px;
    padding-left: 33px;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400!important;
}

.right-main .radio-container input[type='radio']:checked + label {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400!important;
    font-style: normal;
}

.right-main .radio-container input[type='radio'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}


.right-main .radio-container input[type='radio']:checked + label:before {
    background-size: 20px;
    /* border: 0; */
    height: 20px;
    width: 20px;
    opacity: 1;
    border: 1px solid #707070;
    /* content: ''; */
}

.right-main .radio-container input[type='radio'] + label:before {
    border: 1px solid #707070;
    height: 20px;
    width: 20px;
    opacity: 1;
}
.right-main .radio-container input[type='radio'] + label:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 1em;
    left: 0;
}

.right-main .radio-container input[type='radio']:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 1em;
    height: 1em;
    left: 0;
    opacity: 1;
    width: 1em;
}

.right-main .radio-container input[type='radio']:checked + label:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.right-main .radio-container input[type='radio'] + label:after {
    content: '';
    display: block;
    position: absolute;
    background: #707070;
    border-radius: 1em;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease;
}

.right-main .radio-container input[type='radio']:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    /* border: 10px solid rgba(0, 0, 0, 1); */
    border-radius: 1em;
    height: 20px;
    left: 0;
    opacity: 1;
    width: 20px;
    top:0;
}

.right-main .radio-container {
    display: inline-block;
    /* margin-top:15px; */
    margin-top:0px;
    margin-right:30px;
}

@media screen and (min-width: 768px) {
    .right-main div.radio-container >label {
        position: relative;
        font-size: 15px;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        padding-right: 0;
        cursor: pointer;
        margin-bottom: 15px;
        padding-left: 33px;
        font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
    }
}

/* end radio input */


/* griglia inserisci indirizzo */

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-show, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-show, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-show {
    display: block;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-grid, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-grid,.right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-grid  {
    margin-top: 30px;
}


.right-main  .slds-tabs--default.cITA_IFM_LCP451_CessazioneAddress:after, .right-main  .slds-tabs--default.cITA_IFM_LCP451_SelfCareChangeBillAddr:after, .right-main  .slds-tabs--default.cITA_IFM_LCP451_SelfCareCreateProspect:after {
    content: ' ';
    display: table;
    clear: both;
}

.right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 {position: relative;min-height: 1px;float: left;width: calc(100% - 0px);top: 100%;margin-bottom: 20px; /*margin-right: 30px;*/ margin-right: 0px;
}

/* sov */
.right-main .cITA_IFM_LCP405_SelfCareStyle .uiInput.uiInputText.uiInput--default.uiInput--input {padding-right: 0px!important;}
/* sov */

/*
.right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(2n+2) {margin-right: 0px;}
*/

/*
.right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12.slds-medium-size_8-of-12.slds-large-size_8-of-12 {width: 100%; margin-right: 0px;}
*/

.right-main .cITA_IFM_LCC405_CessazioneAddress .slds-form-element__label, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-form-element__label, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-form-element__label {font-size: 12px;
    font-family: "RoobertLight";
    margin-bottom: 7px!important;
    letter-spacing: 0px;
    line-height: 1;
    color: #000000;
    font-weight: 500;
    font-style: normal;}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled], .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-input[disabled], .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-input[disabled] {
    opacity: 1!important;
    background-color: #DBDBDB!important;
    border: 1px solid #C1C1C1!important;
}

@media (min-width: 768px) {

    .right-main .cITA_IFM_LCC405_CessazioneAddress .slds-form-element__label, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-form-element__label, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-form-element__label {margin-bottom:15px!important;font-size: 15px;}

    .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 {position: relative;min-height: 1px;float: left;/* width: calc(50% - 15px); */top: 100%;margin-bottom: 20px;/*margin-right: 30px;*/margin-right: 0px;}

    .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(3) {width: calc(50% - 5px); margin-right: 10px;}

    .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(2) .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(7) {
        width: calc(50% - 5px);
    }

    .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:last-child .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:last-child {width: calc(50% - 5px);}

    .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(4) {/* margin-right: 30px */}

    .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(1) {margin-right: 10px}
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled], .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled] {
    opacity: 1!important;
    background-color: #DBDBDB!important;
    border: 1px solid #C1C1C1!important;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled]::-webkit-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-input[disabled]::-webkit-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-input[disabled]::-webkit-input-placeholder {
    color: #707070;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled]::-moz-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-input[disabled]::-moz-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-input[disabled]::-moz-input-placeholder {
    color: #707070;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled]:-moz-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-input[disabled]:-moz-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-input[disabled]:-moz-input-placeholder {
    color: #707070;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-input[disabled]:-ms-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-input[disabled]:-ms-input-placeholder, .right-main .cITA_IFM_LCP451_SelfCareCreateProspect .slds-input[disabled]:-ms-input-placeholder {
    color: #707070;
}


/* Apri chiudi dropdown modulo indirizzo */
.slds-dropdown-trigger_click.slds-is-open .slds-dropdown, .slds-is-open .slds-dropdown {
    display: block;
    visibility: visible;
    opacity: 1;
}
.slds-dropdown-trigger_click .slds-dropdown, .slds-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s linear,visibility .1s linear;
}
/* fine Apri chiudi dropdown modulo indirizzo */

/* Styling droplist */
ul.slds-lookup__list > li {
    list-style: none;
    padding: 15px 20px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}

ul.slds-lookup__list > li:hover {
    background: #f5f5f5;
}

/*
ul.slds-list_horizontal li:nth-child(2) {
    margin-left: -9px;
}
*/

.slds-lookup__result-text ul.slds-list_horizontal li {
    /* margin-bottom: 7px; */
    display: inline-block;
}

.slds-lookup__result-text {
    font-size: 15px!important;
    font-family: "RoobertLight";
    line-height: 1.4;
}

.slds-lookup__result-text + .slds-lookup__result-meta .uiOutputText {
    font-size: 12px!important;
    font-family: "RoobertLight";
    color: #707070;
    display: block;
    line-height: 1.4;
}
/* fine Styling droplist */

/* Nascondi dropdown cap */
.slds-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s linear,visibility .1s linear;
}
/* fine nascondi dropdown cap */

/* fine griglia inserisci indirizzo */


/* spinner */

.slds-spinner.slds-spinner--small, .cITA_IFM_LCC405_CessazioneAddress .slds-spinner, .cITA_IFM_LCC405_CessazioneAddress .cAddressFieldAutocompleteZip .slds-spinner, .slds-spinner.slds-spinner--small, .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-spinner, .cITA_IFM_LCC405_CessazioneAddress .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-spinner, .cITA_IFM_LCP451_SelfCareCreateProspect .slds-spinner, .cITA_IFM_LCC405_CessazioneAddress .cITA_IFM_LCP451_SelfCareCreateProspect .slds-spinner {
    margin-top: 0px!important;
}

.slds-spinner .slds-spinner__dot-b {display: block;
    position: absolute;
    top: 36px;
    right: 10px;
    z-index: 2;
    text-align: center;
    width: 16px;
    height: 16px;
    background-image: url(main/resources/images/loader.gif);
    background-repeat: no-repeat;
    background-size: 16px;
    content: '';
    border-radius: 50%;}

@media screen and (min-width: 768px) {
    .slds-spinner .slds-spinner__dot-b {
        top: calc(50% + 3px);
        right: 13px;
        width: 20px;
        height: 20px;
        background-size: 20px;
    }
}

.slds-assistive-text {
    display: block!important;
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* end spinner */

/* data entry */
.slds-tabs--default {padding-left:0!important}
.slds-grid {margin-top: 0px!important;}
.slds-input {height: 34px!important}
.slds-tabs--default__content {padding: 0}


.cITA_IFM_LCP451_CessazioneAddress .slds-lookup__menu, .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-lookup__menu {
    margin-top: 0px!important;
}

.slds-dropdown {
    padding-right: 0px!important;
    top: 100%;
    margin-top: 0px!important;
    border: 0px!important;

    position: absolute;
    z-index: 999;
    left: 0%;
    float: left;
    min-width: 6rem;
    max-width: 20rem;
    margin-top: .125rem;
    padding-right: 15px;
    font-size: .75rem;
    background: white;
    top: 76px;
    width: 100%;
}

.slds-lookup__item-action {
    color: #000;
    opacity: .7;
    min-height: 30px;
}

@media screen and (min-width: 768px) {
    .slds-grid {margin-top: 0px!important;}
    .slds-input {height: 60px!important}
    .slds-lookup__item-action {min-height: 50px;}
}

.cITA_IFM_LCP451_CessazioneAddress .slds-lookup__menu, .cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-lookup__menu, .cITA_IFM_LCP451_SelfCareCreateProspect .slds-lookup__menu {
    border: 1px solid #000!important;
    border-top: 0px !important;
}

.slds-lookup__list {
    max-height: 200px;
    overflow-y: auto;
    border-radius: 0;
}

/* end data entry */

/* modifica indirizzo */

.cITA_IFM_LCP451_SelfCareChangeBillAddr .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(3) {
    width: 100%!important;
}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(7) {width:100%;}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .uiInput.uiInputText.uiInput--default.uiInput--input {width:100%; padding-right: 0;}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-input {margin:0!important;}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .select2-wrapper.type2 {position:relative;}



.cITA_IFM_LCP405_AddressAccelerator .select2-dropdown {
    border: 2px solid #eaeaea;
    position: absolute;
    left: 0px;
    top: 45px;
    width: 100%;
}

.cITA_IFM_LCP451_SelfCareAddress span {
    font-weight: 400!important;
}
.scrollable.outerScroller.uiScrollerWrapper.cITA_IFM_LCP451_SelfCareStyle.cITA_IFM_LCP451_SelfCareChangeBillAddr .slds-lookup__result-text + .slds-lookup__result-meta .uiOutputText {margin:0!important;}


.cITA_IFM_LCP451_SelfCareChangeBillAddr .cITA_IFM_LCP405_AddressAccelerator .select2-dropdown {
    border: 1px solid #000;
    position: absolute;
    left: 0px;
    top: 47px;
    width: 100%;
    background: #fff;
    z-index: 999;
    max-height: 157px;
    overflow: scroll;
}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .cITA_IFM_LCP405_AddressAccelerator .select2-results__option {
    font-weight: normal;
    text-align: left;
    list-style: none;
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}

.cITA_IFM_LCP451_SelfCareChangeBillAddr option.select2-selection__arrow {display: none;}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .right-main span.fa.fa-plus.open-icon {
    display: none;
}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .right-main .col-xs-12 {
    padding: 0;
}

.cITA_IFM_LCP451_SelfCareChangeBillAddr .right-main .select2-dropdown {
    border-radius:0;
}

/*PROSPECT */
.cITA_IFM_LCP451_SelfCareCreateProspect .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(3) {
    width: 100%!important;
}

.cITA_IFM_LCP451_SelfCareCreateProspect .right-main .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12 .slds-grid.slds-grid_align-space.slds-wrap .slds-p-right_small.slds-p-left_small.slds-size_12-of-12:nth-child(7) {width:100%;}

.cITA_IFM_LCP451_SelfCareCreateProspect .uiInput.uiInputText.uiInput--default.uiInput--input {width:100%; padding-right: 0;}

.cITA_IFM_LCP451_SelfCareCreateProspect .slds-input {margin:0!important;}

.cITA_IFM_LCP451_SelfCareCreateProspect .select2-wrapper.type2 {position:relative;}

.scrollable.outerScroller.uiScrollerWrapper.cITA_IFM_LCP451_SelfCareStyle.cITA_IFM_LCP451_SelfCareCreateProspect .slds-lookup__result-text + .slds-lookup__result-meta .uiOutputText {margin:0!important;}

.cITA_IFM_LCP451_SelfCareCreateProspect .cITA_IFM_LCP405_AddressAccelerator .select2-dropdown {
    border: 1px solid #000;
    position: absolute;
    left: 0px;
    top: 47px;
    width: 100%;
    background: #fff;
    z-index: 999;
    max-height: 157px;
    overflow: scroll;
}

.cITA_IFM_LCP451_SelfCareCreateProspect .cITA_IFM_LCP405_AddressAccelerator .select2-results__option {
    font-weight: normal;
    text-align: left;
    list-style: none;
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}

.cITA_IFM_LCP451_SelfCareCreateProspect option.select2-selection__arrow {display: none;}

.cITA_IFM_LCP451_SelfCareCreateProspect .right-main span.fa.fa-plus.open-icon {
    display: none;
}

.cITA_IFM_LCP451_SelfCareCreateProspect .right-main .col-xs-12 {
    padding: 0;
}

.cITA_IFM_LCP451_SelfCareCreateProspect .right-main .select2-dropdown {
    border-radius:0;
}

/* END PROSPECT*/

@media screen and (min-width: 768px) {
    .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button.link--web-mode-reverse + button {
        margin-left: 20px!important;
    }
    .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button.link--web-mode-reverse {
        min-width: 250px!important;
    }
}

/* end modifica indirizzo */

.bold {
    font-family: "RoobertBold",sans-serif !important;
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .check.list-container .label-container:hover {
        transform: scale(1.015);
        transition: all 0.2s ease-out 0s;
        box-shadow: 0px 13px 30px rgba(0,0,0,0.2);
    }
}

input[disabled] {
    opacity: 1!important;
    background-color: #DBDBDB!important;
    border: 1px solid #C1C1C1!important;
}


.details-container.mpt_preventivo {
    margin-top: -18px;
}

/* tabella dettagli costi preventivo */
.ditTableContainer {
    width: 100%;
    margin: 40px 0 0;
    padding: 40px 30px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
}

.ditTableContainer:after {
    content: "";
    display: table;
    clear: both;
}

.ditTableContainer .dtl-container {
    margin-bottom: 30px;
}

.ditTableContainer h3.bold {
    margin: 0 0 20px 0;
}

.ditTableContainer .dtl-container + h4 {
    margin: 0 0 25px 0;
}

.ditTableContainer .dtl-container  dl > span {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #EDEDED;
}

.ditTableContainer .dtl-container  dl > span:first-child {
    border-top: 1px solid #EDEDED;
}

.ditTableContainer .dtl-container  dl > span dt {
    font-size: 18px;
    line-height: 1.3em;
    color: #000;
    font-weight: 400;
}

.ditTableContainer .dtl-container  dl > span dd {
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    color: #000;
    font-weight: 600;
}

.forniture-data-grid p.totalCostContainer {
    margin-bottom: 15px;
}

.totalCostContainer > span:first-child {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    font-size: 24px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    line-height: 40px;
}

.totalCostContainer span:first-child span:last-child {
    font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: right;
}

.ditTableHeading {
    font-size: 18px;
    line-height: 1.3em;
    color: #000;
    font-weight: 400;
}

.ditTableContainer p {
    margin-bottom: 30px;
}

.forniture-data-grid p.tableInfo {
    font-size: 15px;
}

.noMargin {margin: 0!important}

@media screen and (max-width: 599px) {
    .ditTableContainer .dtl-container  dl > span {
        display: flex;
        flex-direction: column;
        justify-content:flex-start;
        width: 100%;
        margin: 0;
        padding: 12px 0;
        border-bottom: 1px solid #EDEDED;
    }
    .ditTableContainer .dtl-container  dl > span dt {
        line-height: 1.4em;
    }
    .ditTableContainer .dtl-container  dl > span dd {
        line-height: 1.4em;
    }
}

@media screen and (max-width: 475px) {
    .details-container.mpt_preventivo dl > span {
        width: 100%;
        padding: 15px 0;
    }
}

.info-content {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #707070;
    font-size: 30px;
    line-height: 44px;
    margin: 15px 0;
}

@media screen and (max-width: 475px) {
    .info-content {
        font-size: 24px;
        line-height: 30px;
        margin: 15px 0;
    }
}



/* checkbox input informative */

.check-container {
    display: inline-block;
    margin-top:15px;
    margin-top:20px;
    margin-right:30px;
    padding: 0;
}

.radio-group-container + .check-container {
    margin-top:0px;
}

.check-container label {
    position: relative;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    padding-right: 0;
    cursor: pointer;
    padding-left: 33px;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500!important;
    display: flex;
    align-items: center;
}

.check-container label > span {
    position: absolute;
    top: 0;
    left: 0;
}

.check-container input[type='checkbox']:checked + label {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500!important;
    font-style: normal;
}

.check-container input[type='checkbox'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.check-container input[type='checkbox'] + label > span:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 0;
    left: 0;
    border: 1px solid #707070;
    height: 20px;
    width: 20px;
    opacity: 1;
}

.check-container input[type='checkbox']:checked + label > span:before {
    background-size: 20px;
    height: 20px;
    width: 20px;
    opacity: 1;
    border: 1px solid #707070;
    content: '';
}

.check-container input[type='checkbox'] + label > span:after {
    position: absolute;
    top: 0;
    left: 0px;
    content: "\e94e";
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 20px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: visible;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease;
}

.check-container input[type='checkbox']:checked + label > span:after {
    position: absolute;
    top: 0;
    left: 0px;
    content: "\e94e";
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 20px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease;
}

.check-container > label a {color:#000; font-family: "RoobertLight",sans-serif; font-weight: normal; text-decoration: underline;}
.check-container > label a:hover {color:#000; text-decoration: none;}

.check-container > label a.inline-icon-link {color:#D3135A; font-weight: normal; text-decoration: none; font-size: 20px; line-height: 20px; margin-left: 8px;}
.check-container > label a.inline-icon-link .inline-icon-link .icon-info-circle {font-size: 20px; line-height: 20px;}
.check-container > label a.inline-icon-link:hover {color:#D3135A; text-decoration: none;}

@media screen and (min-width: 768px) {
    .check-container label {
        position: relative;
        font-size: 15px;
        height: 20px;
        line-height: 20px;
        padding-right: 0;
        cursor: pointer;
        padding-left: 40px;
        font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
        display: flex;
        align-items: center;
    }
    .check-container > label a.inline-icon-link {color:#D3135A; font-weight: normal; text-decoration: none; font-size: 16px; line-height: 16px;}
    .check-container > label a.inline-icon-link .inline-icon-link .icon-info-circle {font-size: 16px; line-height: 16px;}
}

.check-container.outsideSymbol label {
    display:inline;
}

.check-container.outsideSymbol label + a.inline-icon-link {
    display: inline-block;
    height: 20px;
    position: relative;
}

.check-container.outsideSymbol label + a.inline-icon-link .icon-line-info, .check-container.outsideSymbol label + a.inline-icon-link .icon-info-circle {
    line-height: 20px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 4px;
    left: 6px;
}

@media screen and (max-width:767px){
    .check-container.outsideSymbol label + a.inline-icon-link .icon-line-info, .check-container.outsideSymbol label + a.inline-icon-link .icon-info-circle {
        top: 5px;
    }
}

/* end checkbox input informative */

/* button forza indirizzo */

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-theme--warning {
    margin-left: 0px!important;
}

.right-main .slds-notify.slds-notify--alert.slds-theme--warning.slds-theme--alert-texture.message--web-mode {
    display: block;
    width: 100%;
}

.right-main .slds-p-around_small.slds-size_12-of-12 .slds-notify.slds-notify--alert.slds-theme--warning.slds-theme--alert-texture.message--web-mode > span {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    text-align: left;
    color: #E61400;
}

.right-main .slds-p-around_small.slds-size_12-of-12 .slds-notify.slds-notify--alert.slds-theme--warning.slds-theme--alert-texture.message--web-mode > span:nth-child(2) {
    justify-content: flex-end;
}

.right-main .slds-p-around_small.slds-size_12-of-12:nth-child(2) .slds-notify.slds-notify--alert.slds-theme--warning.slds-theme--alert-texture.message--web-mode > span {
    justify-content: flex-end;
    min-width: 250px!important;
    margin-right: 20px!important;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button {
    font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-weight: 500!important;
    font-style: normal!important;
    transition: all 100ms linear!important;
    display: inline-block!important;
    font-size: 12px!important;
    min-width: 190px!important;
    padding: 13px 2px!important;
    text-transform: uppercase!important;
    letter-spacing: 0.8px!important;
    border: 1px solid #D3135A!important;
    background-color: #D3135A!important;
    color: #fff!important;
    border-radius: 0!important;
    text-decoration: none!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
    width: calc(50% - 0px);
    max-width: 210px;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button.link--web-mode-reverse {
    border: 1px solid #D3135A!important;
    background-color: #fff!important;
    color: #D3135A!important;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button.link--web-mode-reverse:hover {
    border: 1px solid #D3135A!important;
    background-color: #D3135A!important;
    color: #fff!important;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
    .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button {
        min-width: calc(50% - 5px)!important;
    }
}

.right-main .cITA_IFM_LCP451_CessazioneAddress button:disabled, .right-main .cITA_IFM_LCP451_CessazioneAddress button[disabled*="true"] {
    cursor: not-allowed!important;
    pointer-events: none;
    border: 1px solid #707070!important;
    background-color: #707070!important;
    color: #fff!important;
}

.right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button:hover {
    background-color: transparent!important;
    text-decoration: none!important;
    color: #D3135A!important;
}

@media screen and (max-width: 767px) {
    .right-main .slds-p-around_small.slds-size_12-of-12 .slds-notify.slds-notify--alert.slds-theme--warning.slds-theme--alert-texture.message--web-mode > span {
        flex-direction: column;
        text-align: center;
    }
    .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .right-main .cITA_IFM_LCP451_CessazioneAddress .slds-button:first-child {
        margin-bottom: 20px;
    }
}


/* end button forza indirizzo */


/*
.mainContentWrapper .list-form-container {
    padding: 0!important;
}
*/

/* personalizzazioni fieldset */
fieldset {
    border: 0;
    min-width: 0;
}

fieldset.vertical-align .radio-container {
    display: block;
    margin-right: 0px;
}

.right-main .vertical-align .radio-container > label {
    margin-bottom: 20px;
    width: auto;
}

legend.label-appearance {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    height: auto;
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #000000;
    font-weight: 400;
    font-style: normal;
    border: 0;
}
/* end personalizzazioni fieldset */


/* tab info */
.heading-appearance {
    font-family:"Roobert";
    display: block;
    font-size: 25px;
    line-height: 30px;
}

.tab-info {
    min-height: 130px;
    width: 100%;
    height: auto;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    padding: 25px 30px 30px 30px;
    margin: 23px 0;
    font-size: 15px;
    font-family: "RoobertLight";
    line-height: 20px;
    letter-spacing: 0.4px;
    opacity: 1;
}

.dark-grey-bg {
    background-color: #707070;
}

.light-color {
    color: #fff;
}

.tab-info p {
    margin: 0;
    font-size: 15px;
    font-family: "RoobertLight";
    line-height: 20px;
}

.tab-info h3 {
    font-family: "RoobertBold";
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    opacity: 1;
}

.tab-info {
    color: #707070;
}

.tab-info h3 {
    color: #000;
}

.tab-info.light-color, .tab-info.light-color h3 {
    color: #fff;
}

.supply-list-heading + .tab-info-container, .supply-list-heading + .tab-info-group-container {
    margin-top:30px;
}
@media only screen and (max-width: 767px){
    .heading-appearance {
        font-family:"Roobert";
        display: block;
        font-size: 18px;
        line-height: 25px;
    }
    .tab-info {
        padding: 25px 20px 30px 20px;
        margin: 23px 0;
        font-size: 15px;
        font-family: "RoobertLight";
        line-height: 20px;
        letter-spacing: 0.4px;
        opacity: 1;
    }
}

/* end tab info */

/* tab cambio piano */
.tab-info-container fieldset .tab-info {
    transition: opacity 0.1s ease 0s,transform 0.2s ease-out 0s,-webkit-transform 0.2s ease-out 0s;
    cursor: pointer;
    border: 2px solid transparent;
}

.tab-info-container fieldset .tab-info label {
    cursor: pointer;
}

.tab-info-container fieldset .tab-info:hover {
    transform: scale(1.015);
    transition: all 0.2s ease-out 0s;
    box-shadow: 0 13px 30px rgba(0,0,0,0.2);
}

.tab-info-container fieldset .tab-info.rimmed {
    border: 2px solid #D3135A;
}

.tab-info dl {
    padding: 8px 0 0 0;
}

.tab-info dl > span {
    padding: 5px 0 0 0;
}

.tab-info dl span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.tab-info dl span dd {
    font-family:"RoobertBold";
}

.tab-info-group-container .foot-notes {
    color: #707070;
    opacity: 1;
    letter-spacing: 0.4px;
}

@media only screen and (max-width: 767px){
    .tab-info dl span {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .tab-info.light-color {
        margin-bottom: 50px;
    }
    .tab-info dl > span {
        padding: 20px 0 0 0;
    }
    .tab-info dl > span dt {
        margin-bottom: 5px;
    }
    .tab-info dl > span dd {
        color: #000;
    }
    .tab-info.light-color dl > span dd {
        color: #fff;
    }
}

/* end  cambio piano */

/* consensi */
.consensi-list-heading {
    font-family:"Roobert";
    font-size: 18px;
    line-height: 30px;
}
.consensi-list-heading a {
    color: inherit;
    text-decoration: underline;
}
.consensi-list-heading a:hover {
    text-decoration: none;
}
.consensi fieldset legend, .consensi fieldset label {
    font-family:"Roobert";
}
.consensi fieldset legend {
    font-size: 18px;
}
.consensi span {
    display: block;
}
.consensi h4 {
    font-family:"Roobert";
    font-size: 15px;
}
.consensi h4 > span + span {
    font-family: "RoobertBold";
    font-size: 18px;
}
/* end consensi */

/* end privacy */
.content-group.info-box h3 {
    font-family:"Roobert";
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}
.content-group.info-box p {
    font-family:"Roobert";
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
}
.content-group.info-box ol {
    list-style-type: decimal;
    list-style-position: inside;
    font-family: "RoobertBold";
    font-size: 20px;
    line-height: 28px;
    text-align: justify;
}
.content-group.info-box ol li {
    margin: 20px 0;
}
.content-group.info-box ol li h5 {
    display: inline;
    font-size: inherit;
}
.content-group.info-box ol li > span {
    font-family:"Roobert";
}
/* end privacy */

/* tracking */

section.track-container {
    margin-bottom: 40px;
}

.section-heading {
    margin-bottom: 40px;
}

.section-heading:after {
    display: table;
    content: ' ';
    clear: both;
}

.section-heading h2 {
    font-family: "RoobertBold";
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}

.section-heading p {
    font-family:"Roobert";
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.track-container .section-heading h2 {
    font-family: "RoobertBold";
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}

.track-container .section-heading p {
    font-family:"Roobert";
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

ul.track-list {
    position: relative;
}

li.track-item {
    padding: 18px 40px 18px 10px;
    position: relative;
    border-bottom: 0.5px solid #E5E5E5;
    margin-left: 34px;
}

li.track-item:first-child {
    border-top: 0.5px solid #E5E5E5;
}

li.track-item:after {
    width: 13px;
    height: 13px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 24px;
    left: -32px;
    border-radius: 50%;
    border: 3px solid #707070;
}

li.track-item.approved:after, li.track-item.active:after {
    width: 13px;
    height: 13px;
    background-color: #fff;
    content: '';
    position: absolute;
    left: -32px;
    border-radius: 50%;
    border: 3px solid #D64100 ;
}

li.track-item.active:after {
    top: 23px;
}

li.track-item:before {
    content:'';
    position: absolute;
    top: 27px;
    left: -29px;
    width: 6.5px;
    height: 100%;
    background-color: #707070;
}

li.track-item.approved:before {
    content:'';
    position: absolute;
    top: 27px;
    left: -29px;
    width: 6.5px;
    height: 100%;
    background-color: #D64100 ;
}

li.track-item.active:before {
    content:'';
    position: absolute;
    top: 27px;
    left: -29px;
    width: 6.5px;
    height: 100%;
    background-color: #707070;
}

li.track-item:last-child:before {
    content:'';
    position: absolute;
    top: 16px;
    left: 6px;
    width: 0;
    height: 0;
    background-color: transparent;
}

li.track-item:first-child:after, li.track-item:last-child:after {
    width: 17px;
    height: 17px;
    border-width: 4px;
    left: -34px;
    top: 22px;
}

li.track-item.active:first-child:after {
    top: 20px;
}

li.track-item h3 {
    font-family: "Roobert"
    font-size: 20px;
    line-height: 24px;
    color: #707070;
}

li.track-item.approved h3, li.track-item.active h3 {
    font-family:"RoobertBold";
    font-size: 20px;
    line-height: 24px;
    color: #D64100 ;
}

li.track-item p {
    font-family: "Roobert";
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin-top: 4px;
    margin-bottom: 0px;
}

li.track-item.active {
    padding: 16px 40px 16px 10px;
}

ul.track-list {
    position: relative;
}

/*denied*/
ul.track-list.tracing.denied li.track-item:before {
    background-color: #E61400;
}

ul.track-list.tracing.denied li.track-item:after {
    border: 3px solid #E61400;
}

ul.track-list.tracing.denied li.track-item:last-child {
    padding: 16px 40px 16px 10px;
}

ul.track-list.tracing.denied li.track-item h3 {
    color:#707070;
    font-family: "Roobert"
}
ul.track-list.tracing.denied li.track-item:last-child h3 {
    font-family:"RoobertBold";
    font-size: 20px;
    line-height: 24px;
    color:#E61400;
}

ul.track-list.tracing.denied li.track-item:first-child:after, ul.track-list.tracing.denied li.track-item:last-child:after {
    width: 17px;
    height: 17px;
    border-width: 4px;
    left: -34px;
    top: 22px;
}
@media only screen and (max-width: 767px){
    ul.track-list.tracing.denied li.track-item:last-child {
        padding: 18px 40px 18px 1px;
    }
}
/*end denied*/

@media only screen and (max-width: 767px){
    ul.track-list {
        margin-right: -20px!important;
    }
    li.track-item {
        padding: 18px 40px 18px 1px;
    }
    li.track-item.active {
        padding: 16px 40px 16px 1px;
    }
}

/* counter */
ul.counter li.track-item {
    padding: 16px 40px 16px 10px;
    position: relative;
    border-bottom: 0.5px solid #E5E5E5;
    margin-left: 50px;
}

ul.counter li.track-item .icon-heading {
    position:absolute;
    top: calc(50% - 16px);
    left: -50px;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;
}

ul.counter li.track-item.activity-ok, ul.counter li.track-item.activity-ok h3 {
    color: green;
}

ul.counter li.track-item.activity-standby, ul.counter li.track-item.activity-standby h3 {
    color: #D64100 ;
}

ul.counter li.track-item:before, ul.counter li.track-item:after {
    content: none!important;
}


/* activity/services */
.activitySection, .servicesSection {
    margin-bottom: 40px;
}

.flex.tab.tracing {
    cursor:default;
}

.flex.tab.tracing.activityModel.orange-color {
    cursor:pointer;
}

dl.flex.tab.tracing.activityModel {
    padding-left: 36px;
    padding-right: 40px;
    justify-content: flex-start;
}

.flex.tab.tracing.activityModel > span:first-child {
    width: 35%;
}

.flex.tab.tracing.activityModel > span:nth-child(2) {
    width: 30%;
}

.flex.tab.tracing.activityModel > span:nth-child(3) {
    width: 20%;
}

.flex.tab.tracing.activityModel > span:nth-child(4) {
    width: 15%;
}

.flex.tab.tracing.servicesModel > span:nth-child(2) {
    width: 25%;
}

.flex.tab.tracing.servicesModel > span:nth-child(3) {
    width: 43%;
}

.flex.tab.tracing.servicesModel > span:nth-child(4) {
    width: 20%;
}

.flex.tab.tracing.servicesModel > span:nth-child(2) h4 {
    font-family: "Roobert"
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    opacity: 1;
    margin-top: 0px;
}

.flex.tab.tracing.servicesModel.denied > span:nth-child(2) {
    width: 88%;
}

.flex.tab.tracing.servicesModel.denied > span[class^="icon-"], .flex.tab.tracing.servicesModel.denied > span[class^="dsc-icon-"] {
    font-size: 30px;
    line-height: 30px;
}

.flex.tab.tracing.activityModel.red-color:after {
    background: #E61400;
}
.flex.tab.tracing.activityModel.orange-color:after {
    background: #D64100 ;
}
.flex.tab.tracing.activityModel.green-color:after {
    background: #008757;
}


@media screen and (max-width: 767px) {

    dl.flex.tab.tracing.activityModel {
        padding-left: 23px;
        padding-right: 23px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .flex.tab.tracing.servicesModel {
        padding:30px 30px 30px 0;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .flex.tab.tracing.activityModel > span, .flex.tab.tracing.servicesModel > span {
        margin-bottom:12px;
        overflow-wrap: break-word;
    }

    .flex.tab.tracing.activityModel > span .valore, .flex.tab.tracing.servicesModel > span .valore {
        white-space: normal;
    }

    .tracing-activity-list .flex.tab.tracing.activityModel a.activity.goToDetail {
        background-color: #fff;
        height: 50px;
        width: 100%;
        border-top: 2px solid #D3135A;
        border-bottom: 2px solid #D3135A;
        border-right: 2px solid #D3135A;
        border-left: 2px solid #D3135A;
        transform: rotate(0deg);
        position: relative;
        right: 0;
        top: 0;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        color: #D3135A;
        padding: 17px;
        font-family: "RoobertBold"
        text-transform: uppercase;
        margin-top: 10px;
    }

    .flex.tab.tracing.servicesModel > span:last-child {
        margin-bottom:0px
    }
    .flex.tab.tracing.servicesModel > span[class^="icon-"], .flex.tab.tracing.servicesModel.denied > span[class^="dsc-icon-"] {
        width:64px!important;
        padding-top:4px;
    }

    .flex.tab.tracing.servicesModel > span:nth-child(2) {
        width:calc(100% - 64px)!important;
    }
    .flex.tab.tracing.servicesModel > span:nth-child(3) {
        width:calc(100% - 64px)!important;
        margin-left: 64px;
    }
    .flex.tab.tracing.servicesModel > span:nth-child(4) {
        width:calc(100% - 64px)!important;
        margin-left: 64px;
    }

}

@media screen and (max-width: 767px) {

    .flex.tab.tracing.servicesModel.denied > span[class^="icon-"], .flex.tab.tracing.servicesModel.denied > span[class^="dsc-icon-"] {
        width:64px!important;
    }

    .flex.tab.tracing.servicesModel.denied > span:nth-child(2) {
        width:calc(100% - 64px)!important;
    }

}

/* end tracking */


/* rateizzazione data-entry/riepilogo */

.content-group.cITA_IFM_LCP451_InstallmentPlan_DataEntry .label-container .flex > span:first-child, .content-group.cITA_IFM_LCP451_InstallmentPlan_Summary .label-container .flex > span:first-child {width: 15%;}
.content-group.cITA_IFM_LCP451_InstallmentPlan_DataEntry .label-container .flex > span:nth-child(2), .content-group.cITA_IFM_LCP451_InstallmentPlan_Summary .label-container .flex > span:nth-child(2) {width: 22%;}
.content-group.cITA_IFM_LCP451_InstallmentPlan_DataEntry .label-container .flex > span:nth-child(3), .content-group.cITA_IFM_LCP451_InstallmentPlan_Summary .label-container .flex > span:nth-child(3) {width: 19%;}
.content-group.cITA_IFM_LCP451_InstallmentPlan_DataEntry .label-container .flex > span:nth-child(4), .content-group.cITA_IFM_LCP451_InstallmentPlan_Summary .label-container .flex > span:nth-child(4) {width: 22%;}
.content-group.cITA_IFM_LCP451_InstallmentPlan_DataEntry .label-container .flex > span:nth-child(5), .content-group.cITA_IFM_LCP451_InstallmentPlan_Summary .label-container .flex > span:nth-child(5) {width: 22%;}

/* end rateizzazione data-entry/riepilogo */

section.recapSection {
    margin-bottom: 60px;
}
/* INC000035193730 - #21584
start CSS rules for filter in Bollette
 */
.filter-element-container .fieldset-container fieldset:nth-child(3) {
    padding: 0;
}
.filter-element-container .fieldset-container fieldset:nth-child(3) legend{
    float:left;
}
.filter-element-container .fieldset-container fieldset:nth-child(3) legend + a#accessibility {
    margin-left:7px;
}
.filter-element-container .fieldset-container fieldset:nth-child(3) .check-container{
    clear:left;
    transform: translate(0px, 20px);
}
.filter-element-container .fieldset-container span.icon-info-circle {
    margin-top: 3px;
}
@media screen and (max-width:766px) {
    .filter-element-container .fieldset-container fieldset:nth-child(3) .check-container{
        clear:left;
    }
    .filter-element-container .fieldset-container fieldset:nth-child(3) {
        padding: 0px 0px 20px 0px;
    }
}
/* INC000035193730 - #21584 end */

/* START Aggiustamenti Subscribe Enel one */

/* Modale */

div[data-remodal-id="modal-ricevuta-subscribe"] .modal-dialog{
    padding-bottom: 30px;
}

/* CTA apertura modale pag addebbito diretto */
[data-id='cardIngaggio_forniture'] a.inline-icon-link.subscribe {
    margin-right: 28px;
}

/* END Aggiustamenti Subscribe Enel one */

button:focus, input:focus, a:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
}

a[role:button]:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
}

a:focus{
    text-decoration: underline!important;
}
:focus {
    outline: -webkit-focus-ring-color auto 1px;
}
*:-moz-focusring {
    outline: 3px solid rgba(131,192,253,.5);
    outline-offset: 1px;
}

.document-details p {
    font-family: "Roobert";
    margin-top: 75px;
}
@charset "UTF-8";
/* CSS Document */


/*************CALENDARIO*************/


.dateModal.modal{text-align: center !important;}
.dateModal .ui-widget{font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.dateModal .modal-dialog{display:inline-block; width:100% !important;margin: 50px 0px !important;}
.dateModal .modal-content{border-radius: 0 !important; border:0 !important;width:100% !important;}
.dateModal .modal-body{padding: 18px 5px 0px 5px !important;max-width:100% !important;margin: 0 auto !important;}
.dateModal .ui-datepicker{width:100% !important;border:0 !important;padding:0 !important;}
.dateModal .ui-datepicker td{padding:0 !important; min-width: 0px ! important}
.dateModal .ui-datepicker th{padding: 10px 0px 0px !important;font-size:8px !important;color:#cacaca !important;text-transform: uppercase !important;font-weight: normal !important;}
.dateModal .ui-datepicker-header{background:none !important;border:0 !important;font-weight: normal !important;color:#000 !important;font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.dateModal .ui-datepicker-year{color:#ff0f64;}
.ui-datepicker-calendar .ui-state-default{border:0 !important; color:#000 !important;background:#fff !important;text-align: center !important; padding:12px !important;font-size:9px !important;border-bottom: 2px solid #fff !important;}
.ui-datepicker-calendar .ui-state-default.ui-state-hover{background:#ff6ca0 !important;color:#fff !important;border-bottom-color:#cacaca !important}
.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-highlight{background:#ff0f64 !important;color:#fff !important;border-bottom-color:#cacaca !important;}
.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active{background:#ff0f64 !important;color:#fff !important;border-bottom-color:#cacaca !important;}
.ui-widget-header  .ui-datepicker-next,.ui-widget-header  .ui-datepicker-prev{background:none !important;border:1px solid #fff !important;}
.ui-widget-header .ui-icon{cursor:pointer !important;}
.ui-widget-header  .ui-datepicker-next .ui-icon{background:url("main/css/img/forms/arrow-next.png") no-repeat; background-size: 10px;width: 15px;height:15px;}
.ui-widget-header  .ui-datepicker-prev .ui-icon{background:url("main/css/img/forms/arrow-prev.png") no-repeat; background-size: 10px;width: 15px;height:15px;}
.ui-widget-header .ui-datepicker-next .ui-icon:before{content: "\e909";}
/*IE8*/
.ui-widget-header  .ui-datepicker-next .ui-icon{background:url("main/css/img/forms/arrow-next_m_ie8.png") no-repeat; background-size: 10px;width: 15px;height:15px;}
.ui-widget-header  .ui-datepicker-prev .ui-icon{background:url("main/css/img/forms/arrow-prev_m_ie8.png") no-repeat; background-size: 10px;width: 15px;height:15px;}
.ui-datepicker-other-month .ui-state-default{color:#707070 !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px;top:2px;}
.ui-datepicker .ui-datepicker-title{font-size:15px !important;}

@media screen and (min-width: 480px){
    .dateModal .modal-dialog{display:inline-block !important; width:320px !important;margin: 50px 0px !important;}
    .dateModal .modal-body{max-width: 320px !important;}
}

@media screen and (min-width:768px){
    .dateModal .modal-body{padding:60px 60px 60px 60px !important;max-width:none !important;}
    .dateModal .modal-dialog{display:inline-block !important; width:100% !important;max-width:580px !important;margin:30px auto !important;}
    .ui-datepicker .ui-datepicker-title{font-size:30px !important;}
    .dateModal .ui-datepicker th{font-family: "RoobertBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px !important;padding:30px 0 0  !important;}
    .ui-datepicker-calendar .ui-state-default{    font-size: 19px !important;padding:20px 12px !important;border-bottom:7px solid #fff !important;}
    .ui-widget-header  .ui-datepicker-next .ui-icon{    background-size: 15px !important;    width: 20px !important;    height: 20px !important;}
    .ui-widget-header  .ui-datepicker-prev .ui-icon{    background-size: 15px !important;    width: 20px !important;    height: 20px !important;}
    /*IE8*/
    .ui-widget-header  .ui-datepicker-next .ui-icon{   background:url("main/css/img/forms/arrow-next_t_ie8.png") no-repeat;}
    .ui-widget-header  .ui-datepicker-prev .ui-icon{    background:url("main/css/img/forms/arrow-prev_t_ie8.png") no-repeat;}
    .ui-datepicker .ui-datepicker-prev{top:15px;left:2px;}
    .ui-datepicker .ui-datepicker-next{top:15px;}
}

.dateModal .close {float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
.dateModal .close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5;}
.dateModal button.close {-webkit-appearance: none;padding: 0;cursor: pointer;background: transparent;border: 0;}
.dateModal .modal-opened { overflow: hidden;}
.modal.dateModal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;display: none;overflow: hidden;padding:0 !important;-webkit-overflow-scrolling: touch;outline: 0;font-family:"Roobert", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.modal.fade.dateModal .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition:         transform .3s ease-out;-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);}
.modal.in.dateModal .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-opened .modal.dateModal {overflow-x: hidden;overflow-y: auto;}
.dateModal .modal-dialog {position: relative;width: auto;margin: 10px;}
.dateModal .modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop.dateModal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
.modal-backdrop.fade.dateModal {filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in.dateModal {filter: alpha(opacity=50);opacity: .5;}
.dateModal .modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;}
.dateModal .modal-header .close {margin-top: -2px;z-index: 1;}
.dateModal .modal-title {margin: 0;line-height: 1.42857143;}
.dateModal .modal-body {position: relative;padding: 15px;}
.dateModal .modal-body:after{clear:both;content:'';display:block;}
.dateModal .modal-footer {padding: 15px;text-align: justify;/*border-top: 1px solid #e5e5e5;*/clear:both;}
.dateModal .modal-footer .btn + .btn {margin-bottom: 0;margin-left: 5px;}
.dateModal .modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.dateModal .modal-footer .btn-block + .btn-block {margin-left: 0;}
.dateModal .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
.dateModal .ui-widget-header .ui-datepicker-next .ui-icon{background: url(../../../content/dam/enel-it/static/images/arrow-next_t_ie8black.png) no-repeat !important; height:20px;/*background: #ff1065 !important*/}
.dateModal .ui-widget-header .ui-datepicker-prev .ui-icon{background: url(../../../content/dam/enel-it/static/images/arrow-prev_t_ie8black.png) no-repeat !important; height:20px;/*background: #ff1065 !important*/}

/*
	@media (min-width: 768px) {
		.modal-dialog {width: 600px;margin: 30px auto;}
		.modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);box-shadow: 0 5px 15px rgba(0, 0, 0, .5);}
		.modal-sm {width: 300px;}
	}
	@media (min-width: 992px) {
		.modal-lg {width: 900px;}
	}
*/

@media (max-width: 767px) {
    .dateModal .table.table-mobile-block th, .dateModal .table.table-mobile-block td {
        min-width: 0px !important;
    }

    /*************END CALENDARIO*************/
    .dateModal .checkbox-container .label-checkbox .text-checkbox.border-bottom {
        border-bottom: 0;
    }

    .modal-header {
        border-bottom: 0
    }

    .dateModal .form-datepicker + span {
        z-index: 1;
    }

    .dateModal .form-datepicker + span:after {
        cursor: pointer
    }

    .dateModal .legend .row {
        margin-top: 20px;
    }

    .dateModal .remodal.remodal-is-opening, .remodal.remodal-is-opened {
        display: inline-block
    }

    .dateModal .remodal.remodal-is-initialized.remodal-is-closed, .remodal.remodal-is-initialized.remodal-is-closing {
        margin: auto;
        top: 5%;
        overflow-x: hidden;
    }

    .dateModal #tr_disconnetti {
        cursor: pointer
    }
}
    @media only screen and (max-width: 767px) {

        .dateModal .remodal[data-remodal-id='modalInfoNC'] button.remodal-close {
            top: -25px !important;
        }

    }



/*SecondulfoGe digital-self-care new datepicker CSS*/


.modal.dateModal .modal-dialog {
    padding: 0;
}

.modal.dateModal .modal-dialog td {
    border: 1px solid #707070
}

.modal.dateModal .modal-dialog td.ui-datepicker-unselectable.ui-state-disabled {
    border: 0
}

.modal.dateModal .modal-dialog td a {
    font-weight: bold;
    border-bottom: 0 !important
}

.modal.dateModal .modal-dialog td.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #707070;
}

.modal.dateModal .modal-dialog td.ui-datepicker-unselectable.ui-state-disabled a {
    color: #FFFFFF;
    background-color: #707070;
}

.modal.dateModal .modal-dialog td a.ui-state-active {
    background-color: #0555FA !important;
    border-bottom: none !important;
}

.modal.dateModal .modal-dialog td:hover {
    background-color: rgba(5, 85, 250, 0.5) !important;
    border-bottom: none !important;
}

.modal.dateModal .modal-dialog tbody a:hover {
    background-color: transparent;
!important;
    border-bottom: none !important;
}

td.ui-datepicker-week-end.ui-datepicker-days-cell-over.ui-datepicker-current-day {
    background-color: #0555FA
}

.ui-datepicker-calendar .ui-state-default.ui-state-hover {
    background-color: transparent !important;
}

.modal.dateModal .modal-dialog td.ui-datepicker-unselectable.ui-state-disabled span {
    background-color: #707070 !important;
    opacity: 1 !important;
    border-color: #707070 !important;
    font-weight: bold;
    color: white !important;
    border-bottom: 0 !important;
}


.modal.dateModal .modal-dialog td.ui-datepicker-other-month {
    border: none;
}

.modal.dateModal .modal-dialog td.ui-datepicker-other-month a {
    color: #707070;
}

.dateModal .ui-datepicker th {
    font-family: "RoobertLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    padding: 30px 0 30px !important
}


.dateModal .ui-datepicker-year {
    color: #0555FA;
}

.modal.dateModal .modal-dialog thead th span {
    color: black !important;
    font-weight: bold;
    font-family: "RoobertLight";
}

@media screen and (max-width: 767px) {
    .ui-datepicker-calendar .ui-state-default {
        padding: 15px !important
    }

    .dateModal .ui-datepicker .ui-datepicker-prev, .dateModal .ui-datepicker .ui-datepicker-next {
        top: 2px
    }

}

@media screen and (min-width: 768px) {
    .dateModal .ui-datepicker .ui-datepicker-prev, .dateModal .ui-datepicker .ui-datepicker-next {
        top: 17px
    }

    .modal.dateModal .modal-dialog thead th span {
        font-size: 20px;
    }

    .ui-datepicker .ui-datepicker-title {
        line-height: 1;
    }

    .dateModal .ui-datepicker th {
        padding: 70px 0 30px !important
    }

    .modal.dateModal{
        overflow: auto;}
}
/*END SecondulfoGe digital-self-care new datepicker CSS*/

#errorgroup-element {
  margin-top: 70px;
}
#errorgroup-element .title-error {
  font-family: 'Roobert';
  font-size: 30px;
  line-height: 38px;
  width: 100%;
}
#errorgroup-element .description-error {
  margin-top: 25px;
}
#errorgroup-element .description-error p {
  font-family: 'Roobert';
  font-size: 20px;
  line-height: 24px;
  width: 100%;
}
#select-forn-section .label-select-forn {
  font-family: 'Roobert';
  font-size: 18px;
  line-height: 22px;
}
#select-forn-section .flex {
  justify-content: flex-start !important;
}
#select-forn-section span.indirizzo {
  margin-right: 110px;
}
#select-forn-section .label-container.luce {
  border-left: 3px solid #55BE5A;
}
@media screen and (min-width: 1024px) {
  #select-forn-section .label-container.luce {
    border-left: 6px solid #55BE5A;
  }
}
.essenzialmente-campaign .dsc-icon-line-star:before {
  margin-right: 10px;
}
.essenzialmente-campaign h1 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px;
}
.essenzialmente-campaign p {
  font-size: 18px;
  line-height: 22px;
}
.essenzialmente-campaign a {
  color: #D3135A;
}
#consultazione-consumi-essenzialmente #landing-accordion-consult-cons {
  padding: 0;
}
#consultazione-consumi-essenzialmente .selected-forn-description {
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #F7F7F7;
  border-radius: 8px;
}
#consultazione-consumi-essenzialmente .selected-forn-description .title {
  padding: 20px 20px 15px;
  font-size: 20px;
  text-align: left;
  width: 100%;
}
#consultazione-consumi-essenzialmente .selected-forn-description .title h2 {
  font-family: 'RoobertBold';
  font-size: 20px;
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn {
  width: auto;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn {
    flex-direction: row;
    align-items: end;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .type-forn {
  padding-left: 20px;
  padding-bottom: 15px;
  padding-right: 20px;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .type-forn {
    padding-bottom: 20px;
    max-width: 150px;
    margin-bottom: 0;
  }
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .type-forn .fornitura-description .heading-type {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .type-forn .commodity-type {
  font-family: 'RoobertBold';
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .indirizzo-forn {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .indirizzo-forn {
    padding-bottom: 20px;
    max-width: 388px;
  }
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .indirizzo-forn .heading-type {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .indirizzo-forn .address-asset {
  font-family: 'RoobertBold';
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}
#consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .back-to-selection {
  margin-bottom: 20px;
  margin-top: 30px;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 15px;
  background: none;
  border: none;
  color: #000000;
  text-align: center;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .selected-forn-description .table-selected-forn .back-to-selection {
    margin: 0;
    vertical-align: bottom;
    text-align: right;
    width: 100%;
  }
}
#consultazione-consumi-essenzialmente .last-campaign {
  font-family: 'RoobertBold';
  width: 100%;
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 7px;
}
#consultazione-consumi-essenzialmente .description-campaign {
  text-transform: capitalize;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
#consultazione-consumi-essenzialmente .description-campaign span {
  font-weight: bold;
}
#consultazione-consumi-essenzialmente .contest-subscription {
  margin-bottom: 20px;
  margin-top: 20px;
}
#consultazione-consumi-essenzialmente .contest-subscription .contest-description p {
  margin-bottom: 0px !important;
}
#consultazione-consumi-essenzialmente .contest-subscription .contest-description-note {
  margin-top: 20px;
}
#consultazione-consumi-essenzialmente .contest-subscription .contest-subscription-result-message {
  margin-top: 20px;
}
#consultazione-consumi-essenzialmente .contest-subscription .contest-subscription-result p {
  margin-bottom: 0px !important;
}
#consultazione-consumi-essenzialmente .contest-subscription .check-container {
  margin-left: 20px;
}
#consultazione-consumi-essenzialmente .contest-subscription .submit-container {
  text-align: right;
}
#consultazione-consumi-essenzialmente .contest-subscription .service-message {
  margin-top: 20px;
  margin-bottom: 20px;
}
#consultazione-consumi-essenzialmente .contest-subscription .btn-cta {
  margin-top: 10px;
  color: white;
  padding: 10px;
  background-color: #d3135a;
  min-width: 150px;
  font-size: 12px;
  text-transform: uppercase;
  border: 2px solid #d3135a;
}
#consultazione-consumi-essenzialmente .contest-subscription .btn-cta:hover {
  background-color: #fff;
  text-decoration: none;
  color: #d3135a;
}
#consultazione-consumi-essenzialmente .contest-subscription .errorTxt {
  color: #d3135a;
  margin-top: 5px;
  margin-left: 40px;
}
#consultazione-consumi-essenzialmente .third {
  margin-bottom: 5px;
}
#consultazione-consumi-essenzialmente .first,
#consultazione-consumi-essenzialmente .second,
#consultazione-consumi-essenzialmente .third {
  box-shadow: 0 5px 15px #0000001A;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border-radius: 8px;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first,
  #consultazione-consumi-essenzialmente .second,
  #consultazione-consumi-essenzialmente .third {
    flex-direction: row;
  }
}
#consultazione-consumi-essenzialmente .first .left,
#consultazione-consumi-essenzialmente .second .left,
#consultazione-consumi-essenzialmente .third .left {
  flex-direction: column;
  border-radius: 8px 0 0 8px;
  width: 100%;
}
#consultazione-consumi-essenzialmente .first .left .value-null-consumi,
#consultazione-consumi-essenzialmente .second .left .value-null-consumi,
#consultazione-consumi-essenzialmente .third .left .value-null-consumi {
  color: #707070;
  font-size: 13px !important;
  line-height: 15px !important;
  font-style: italic;
  font-family: 'RoobertLight' !important;
  border-top: 6.5px solid transparent;
}
#consultazione-consumi-essenzialmente .first .left .title-campaign,
#consultazione-consumi-essenzialmente .second .left .title-campaign,
#consultazione-consumi-essenzialmente .third .left .title-campaign {
  font-family: 'RoobertBold';
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 5px;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .left .title-campaign,
  #consultazione-consumi-essenzialmente .second .left .title-campaign,
  #consultazione-consumi-essenzialmente .third .left .title-campaign {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info,
#consultazione-consumi-essenzialmente .second .left .table-cons-info,
#consultazione-consumi-essenzialmente .third .left .table-cons-info {
  padding-right: 30px;
  margin-left: 15px;
  margin-bottom: 20px;
  border-collapse: separate;
}
@media screen and (max-width: 768px) {
  #consultazione-consumi-essenzialmente .first .left .table-cons-info,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .left .table-cons-info,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info {
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 0;
  }
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year {
  width: 100%;
  vertical-align: center;
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-old-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-old-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-old-year,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-old-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-old-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-old-year,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-current-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-current-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-current-year,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-current-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-current-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-current-year {
  font-size: 12px;
  line-height: 14px;
  padding-right: 12px;
  font-family: 'Roobert';
  min-width: 94px;
}
@media screen and (max-width: 768px) {
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-old-year,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-old-year,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-old-year,
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-old-year,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-old-year,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-old-year,
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-current-year,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-current-year,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-current-year,
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-current-year,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-current-year,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-current-year {
    width: 25%;
    padding-right: 0;
  }
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-old-year-graph,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-old-year-graph,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-old-year-graph,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-old-year-graph,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-old-year-graph,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-old-year-graph,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-current-year-graph,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-current-year-graph,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-current-year-graph,
#consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-current-year-graph,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-current-year-graph,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-current-year-graph {
  height: 10px;
  width: 100%;
  margin-right: 10px;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-old-year-graph,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-old-year-graph,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-old-year-graph,
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-old-year-graph,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-old-year-graph,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-old-year-graph,
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-last-year .consumption-current-year-graph,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-last-year .consumption-current-year-graph,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-last-year .consumption-current-year-graph,
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .data-month-campaign-current-year .consumption-current-year-graph,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .data-month-campaign-current-year .consumption-current-year-graph,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .data-month-campaign-current-year .consumption-current-year-graph {
    margin-right: 17px;
  }
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .dim-last-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .dim-last-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .dim-last-year {
  background: #D3135A;
  border-radius: 10px;
  white-space: pre-line;
  height: 10px;
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .dim-current-year,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .dim-current-year,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .dim-current-year {
  background: #0152E8;
  border-radius: 10px;
  white-space: pre-line;
  height: 10px;
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .consumption-old-year-value,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .consumption-old-year-value,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .consumption-old-year-value {
  font-family: 'Roobert';
  text-align: right;
  font-size: 15px;
  border-left: 17px solid transparent;
  min-width: 170px;
}
@media screen and (max-width: 768px) {
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .consumption-old-year-value,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .consumption-old-year-value,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .consumption-old-year-value {
    width: 50%;
  }
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .consumption-old-year-value span,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .consumption-old-year-value span,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .consumption-old-year-value span {
  font-size: 18px;
  font-family: 'RoobertBold';
  line-height: 22px;
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .consumption-current-year-value,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .consumption-current-year-value,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .consumption-current-year-value {
  font-family: 'Roobert';
  text-align: right;
  font-size: 15px;
  border-left: 17px solid transparent;
  width: 170px;
}
@media screen and (max-width: 768px) {
  #consultazione-consumi-essenzialmente .first .left .table-cons-info .consumption-current-year-value,
  #consultazione-consumi-essenzialmente .second .left .table-cons-info .consumption-current-year-value,
  #consultazione-consumi-essenzialmente .third .left .table-cons-info .consumption-current-year-value {
    width: 50%;
  }
}
#consultazione-consumi-essenzialmente .first .left .table-cons-info .consumption-current-year-value span,
#consultazione-consumi-essenzialmente .second .left .table-cons-info .consumption-current-year-value span,
#consultazione-consumi-essenzialmente .third .left .table-cons-info .consumption-current-year-value span {
  font-size: 20px;
  font-family: 'RoobertBold';
  line-height: 24px;
}
#consultazione-consumi-essenzialmente .first .right,
#consultazione-consumi-essenzialmente .second .right,
#consultazione-consumi-essenzialmente .third .right {
  background: #FAFAFA;
  border: 1px solid #00000000;
  border-radius: 0 0 8px 8px;
  width: 100%;
  flex-direction: column;
  border-top: 2px solid #f2f2f2;
}
#consultazione-consumi-essenzialmente .first .right .value-null-pun,
#consultazione-consumi-essenzialmente .second .right .value-null-pun,
#consultazione-consumi-essenzialmente .third .right .value-null-pun {
  font-family: 'RoobertLight' !important;
  color: #707070;
  font-size: 13px !important;
  line-height: 15px !important;
  font-style: italic;
  border-top: 5px solid transparent;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .right,
  #consultazione-consumi-essenzialmente .second .right,
  #consultazione-consumi-essenzialmente .third .right {
    border-top: none;
    border-left: 2px solid #f2f2f2;
    border-radius: 0 8px 8px 0;
    max-width: 355px;
  }
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container,
#consultazione-consumi-essenzialmente .second .right .table-pun-container,
#consultazione-consumi-essenzialmente .third .right .table-pun-container {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .right .table-pun-container,
  #consultazione-consumi-essenzialmente .second .right .table-pun-container,
  #consultazione-consumi-essenzialmente .third .right .table-pun-container {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 0;
    flex-direction: row;
  }
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .pun-value,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .pun-value,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .pun-value {
  width: 50%;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .right .table-pun-container .pun-value,
  #consultazione-consumi-essenzialmente .second .right .table-pun-container .pun-value,
  #consultazione-consumi-essenzialmente .third .right .table-pun-container .pun-value {
    margin-right: 20px;
    width: 60%;
    text-align: left;
  }
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .pun-value .left-pun-value,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .pun-value .left-pun-value,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .pun-value .left-pun-value {
  border-bottom: 5px solid transparent;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .pun-value .description,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .pun-value .description,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .pun-value .description {
  color: #222222;
  font-size: 12px;
  line-height: 14px;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .pun-value .value-pun-soglia,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .pun-value .value-pun-soglia,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .pun-value .value-pun-soglia {
  font-family: 'Roobert';
  font-size: 15px;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .pun-value .value-pun-soglia span,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .pun-value .value-pun-soglia span,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .pun-value .value-pun-soglia span {
  line-height: 24px;
  font-family: 'RoobertBold';
  font-size: 20px;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .soglia-value,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .soglia-value,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .soglia-value {
  width: 50%;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .soglia-value .right-pun-value,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .soglia-value .right-pun-value,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .soglia-value .right-pun-value {
  border-bottom: 5px solid transparent;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .soglia-value .description-soglia,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .soglia-value .description-soglia,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .soglia-value .description-soglia {
  color: #222222;
  font-size: 12px;
  line-height: 14px;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .soglia-value .valore-soglia,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .soglia-value .valore-soglia,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .soglia-value .valore-soglia {
  font-family: 'Roobert';
  font-size: 15px;
}
#consultazione-consumi-essenzialmente .first .right .table-pun-container .soglia-value .valore-soglia span,
#consultazione-consumi-essenzialmente .second .right .table-pun-container .soglia-value .valore-soglia span,
#consultazione-consumi-essenzialmente .third .right .table-pun-container .soglia-value .valore-soglia span {
  line-height: 18px;
  font-family: 'RoobertBold';
  font-size: 15px;
}
#consultazione-consumi-essenzialmente .first .right .title,
#consultazione-consumi-essenzialmente .second .right .title,
#consultazione-consumi-essenzialmente .third .right .title {
  font-family: 'RoobertBold';
  padding-left: 15px;
  padding-top: 20px;
  padding-right: 15px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #consultazione-consumi-essenzialmente .first .right .title,
  #consultazione-consumi-essenzialmente .second .right .title,
  #consultazione-consumi-essenzialmente .third .right .title {
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
  }
}
#consultazione-consumi-essenzialmente .pun-description {
  margin-bottom: 70px;
}
#consultazione-consumi-essenzialmente .pun-description p {
  font-size: 15px !important;
  line-height: 18px !important;
  color: #707070;
}
#consultazione-consumi-essenzialmente .pun-description a {
  color: #D3135A;
}
#landing-accordion-consult-cons #accordion-panel {
  display: none;
}
#landing-accordion-consult-cons #faq-disattivazione {
  font-family: 'RoobertBold';
  font-size: 18px;
  line-height: 22px;
}
#landing-accordion-consult-cons button {
  font-family: 'RoobertLight';
  text-transform: capitalize;
  font-size: 18px;
  line-height: 22px;
}
#landing-accordion-consult-cons button span {
  font-family: 'Roobert';
}