#document <html lang="de" ng-controller="AppController as app" class="ng-scope" style="overflow:hidden;undefined" scroll="no"> <head> <style type="text/css"> @charset "UTF-8"; [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; } ng\:form { display: block; } .ng-animate-shim { visibility: hidden; } .ng-anchor { position: absolute; } </style> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/api2/v1550471573786/recaptcha__en.js"></script> <script type="text/javascript"> function initCaptcha() { angular.element(document.body).injector().get('captcha').init(); } </script> <script src="https://www.google.com/recaptcha/api.js?onload=initCaptcha&render=explicit" defer=""></script> <base href="/"> <title>ZAS Kunde</title> <!-- Inject evironment.constants.js --> <script src="/kunde/lib/environment.constants.js"></script> <script charset="utf-8" src="/kunde/38.bundle-f003e11d0b47298ffaf0.js"></script> <script type="text/javascript" src="//tags.tiqcdn.com/utag/zurich-group/1-default-zwp/prod/utag.js"></script> <script type="text/javascript" async="" charset="utf-8" id="utag_zurich-group.1-default-zwp_4" src="//tags.tiqcdn.com/utag/zurich-group/1-default-zwp/prod/utag.4.js?utv=ut4.41.201902011207"></script> <style type="text/css"> .modal-backdrop { background-color: #fff !important; } .zas-list .zas-list li { padding-bottom: 0px !important; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #4066b3 !important; } .zas-info-directive .dropdown-toggle span { border-bottom: 0px !important; } </style> </head> <style type="text/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(/kunde/assets/glyphicons-halflings-regular-f4769f9bdb7466be65088239c12046d1.eot); src: url(/kunde/assets/glyphicons-halflings-regular-f4769f9bdb7466be65088239c12046d1.eot?#iefix) format('embedded-opentype'), url(/kunde/assets/glyphicons-halflings-regular-448c34a56d699c29117adc64c43affeb.woff2) format('woff2'), url(/kunde/assets/glyphicons-halflings-regular-fa2772327f55d8198301fdb8bcfc8158.woff) format('woff'), url(/kunde/assets/glyphicons-halflings-regular-e18bbf611f2a2e43afc071aa2f4e1512.ttf) format('truetype'), url(/kunde/assets/glyphicons-halflings-regular-89889688147bd7575d6327160d64e760.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: "*"; } .glyphicon-plus:before { content: "+"; } .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: "\A5"; } .glyphicon-jpy:before { content: "\A5"; } .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 \A0'; } .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: '\A0 \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: "/\A0"; } .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-dialog { position: relative; width: auto; margin: 10px; } .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 { 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-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; } } .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; } } /*# sourceMappingURL=bootstrap.css.map */ </style> <style type="text/css"> /** * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. * * @version v3.3.4 * @homepage https://bttstrp.github.io/bootstrap-switch * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu) * @license Apache-2.0 */ .bootstrap-switch { display: inline-block; direction: ltr; cursor: pointer; border-radius: 4px; border: 1px solid; border-color: #ccc; position: relative; text-align: left; overflow: hidden; line-height: 8px; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -webkit-transition: border-color ease-in-out .15s, 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; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: table-cell; vertical-align: middle; padding: 6px 12px; font-size: 14px; line-height: 20px; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #337ab7; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #5bc0de; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #5cb85c; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { background: #f0ad4e; color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #d9534f; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #000; background: #eeeeee; } .bootstrap-switch .bootstrap-switch-label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; color: #333; background: #fff; } .bootstrap-switch span::before { content: "\200B"; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; margin: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { padding: 6px 16px; font-size: 18px; line-height: 1.3333333; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; transition: margin-left 0.5s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch.bootstrap-switch-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } </style> <style type="text/css"> /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(/kunde/assets/fontawesome-webfont-25a32416abee198dd821b0b17a198a8f.eot); src: url(/kunde/assets/fontawesome-webfont-25a32416abee198dd821b0b17a198a8f.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(/kunde/assets/fontawesome-webfont-e6cf7c6ec7c2d6f670ae9d762604cb0b.woff2) format('woff2'), url(/kunde/assets/fontawesome-webfont-c8ddf1e5e5bf3682bc7bebf30f394148.woff) format('woff'), url(/kunde/assets/fontawesome-webfont-1dc35d25e61d819a9c357074014867ab.ttf) format('truetype'), url(/kunde/assets/fontawesome-webfont-d7c639084f684d66a1bc66855d193ed8.svg#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 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-full:before { content: "\F240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\F241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\F242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\F243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\F244"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-i-cursor:before { content: "\F246"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-sticky-note:before { content: "\F249"; } .fa-sticky-note-o:before { content: "\F24A"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-clone:before { content: "\F24D"; } .fa-balance-scale:before { content: "\F24E"; } .fa-hourglass-o:before { content: "\F250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\F251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass:before { content: "\F254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\F255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\F256"; } .fa-hand-scissors-o:before { content: "\F257"; } .fa-hand-lizard-o:before { content: "\F258"; } .fa-hand-spock-o:before { content: "\F259"; } .fa-hand-pointer-o:before { content: "\F25A"; } .fa-hand-peace-o:before { content: "\F25B"; } .fa-trademark:before { content: "\F25C"; } .fa-registered:before { content: "\F25D"; } .fa-creative-commons:before { content: "\F25E"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-tripadvisor:before { content: "\F262"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-get-pocket:before { content: "\F265"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-safari:before { content: "\F267"; } .fa-chrome:before { content: "\F268"; } .fa-firefox:before { content: "\F269"; } .fa-opera:before { content: "\F26A"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-tv:before, .fa-television:before { content: "\F26C"; } .fa-contao:before { content: "\F26D"; } .fa-500px:before { content: "\F26E"; } .fa-amazon:before { content: "\F270"; } .fa-calendar-plus-o:before { content: "\F271"; } .fa-calendar-minus-o:before { content: "\F272"; } .fa-calendar-times-o:before { content: "\F273"; } .fa-calendar-check-o:before { content: "\F274"; } .fa-industry:before { content: "\F275"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-map-o:before { content: "\F278"; } .fa-map:before { content: "\F279"; } .fa-commenting:before { content: "\F27A"; } .fa-commenting-o:before { content: "\F27B"; } .fa-houzz:before { content: "\F27C"; } .fa-vimeo:before { content: "\F27D"; } .fa-black-tie:before { content: "\F27E"; } .fa-fonticons:before { content: "\F280"; } .fa-reddit-alien:before { content: "\F281"; } .fa-edge:before { content: "\F282"; } .fa-credit-card-alt:before { content: "\F283"; } .fa-codiepie:before { content: "\F284"; } .fa-modx:before { content: "\F285"; } .fa-fort-awesome:before { content: "\F286"; } .fa-usb:before { content: "\F287"; } .fa-product-hunt:before { content: "\F288"; } .fa-mixcloud:before { content: "\F289"; } .fa-scribd:before { content: "\F28A"; } .fa-pause-circle:before { content: "\F28B"; } .fa-pause-circle-o:before { content: "\F28C"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stop-circle-o:before { content: "\F28E"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-hashtag:before { content: "\F292"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-percent:before { content: "\F295"; } .fa-gitlab:before { content: "\F296"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpforms:before { content: "\F298"; } .fa-envira:before { content: "\F299"; } .fa-universal-access:before { content: "\F29A"; } .fa-wheelchair-alt:before { content: "\F29B"; } .fa-question-circle-o:before { content: "\F29C"; } .fa-blind:before { content: "\F29D"; } .fa-audio-description:before { content: "\F29E"; } .fa-volume-control-phone:before { content: "\F2A0"; } .fa-braille:before { content: "\F2A1"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\F2A4"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-signing:before, .fa-sign-language:before { content: "\F2A7"; } .fa-low-vision:before { content: "\F2A8"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-first-order:before { content: "\F2B0"; } .fa-yoast:before { content: "\F2B1"; } .fa-themeisle:before { content: "\F2B2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\F2B3"; } .fa-fa:before, .fa-font-awesome:before { content: "\F2B4"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } </style> <style type="text/css"> @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } </style> <style type="text/css"> .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container .toast { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; } #toast-container .toast:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } #toast-container .toast.toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container .toast.toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container .toast.toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container .toast.toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center .toast, #toast-container.toast-bottom-center .toast { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width .toast, #toast-container.toast-bottom-full-width .toast { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } progress-bar { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /*Animations*/ div[toast] { opacity: 1 !important; } div[toast].ng-enter { opacity: 0 !important; transition: opacity .3s linear; } div[toast].ng-enter.ng-enter-active { opacity: 1 !important; } div[toast].ng-leave { opacity: 1; transition: opacity .3s linear; } div[toast].ng-leave.ng-leave-active { opacity: 0 !important; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container .toast.div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container .toast.div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container .toast.div { padding: 15px 15px 15px 50px; width: 25em; } } </style> <style type="text/css"> /*! * Datetimepicker for Bootstrap 3 * version : 4.17.47 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .bootstrap-datetimepicker-widget { list-style: none } .bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em } @media (min-width:768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em } } @media (min-width:992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em } } @media (min-width:1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); top: -7px; left: 7px } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0,0,0,0.2); bottom: -7px; left: 6px } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0 } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0 } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0 } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours" } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes" } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours" } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes" } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours" } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes" } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM" } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker" } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today" } .bootstrap-datetimepicker-widget .picker-switch { text-align: center } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens" } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100% } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0 } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777; cursor: not-allowed } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month" } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month" } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eee } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777 } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eee; cursor: pointer } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777 } .bootstrap-datetimepicker-widget table td.today { position: relative } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0,0,0,0.2); position: absolute; bottom: 4px; right: 4px } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777; cursor: not-allowed } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px } .bootstrap-datetimepicker-widget table td span:hover { background: #eee } .bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .bootstrap-datetimepicker-widget table td span.old { color: #777 } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777; cursor: not-allowed } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px } .bootstrap-datetimepicker-widget.wider { width: 21em } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important } .input-group.date .input-group-addon { cursor: pointer } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } </style> <style type="text/css"> /*! angularjs-slider - v6.1.0 - (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - https://github.com/angular-slider/angularjs-slider - 2017-03-06 */ .rzslider { position: relative; display: inline-block; width: 100%; height: 4px; margin: 35px 0 15px 0; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rzslider.with-legend { margin-bottom: 40px; } .rzslider[disabled] { cursor: not-allowed; } .rzslider[disabled] .rz-pointer { cursor: not-allowed; background-color: #d8e0f3; } .rzslider[disabled] .rz-draggable { cursor: not-allowed; } .rzslider[disabled] .rz-selection { background: #8b91a2; } .rzslider[disabled] .rz-tick { cursor: not-allowed; } .rzslider[disabled] .rz-tick.rz-selected { background: #8b91a2; } .rzslider span { position: absolute; display: inline-block; white-space: nowrap; } .rzslider .rz-base { width: 100%; height: 100%; padding: 0; } .rzslider .rz-bar-wrapper { left: 0; z-index: 1; width: 100%; height: 32px; padding-top: 16px; margin-top: -16px; box-sizing: border-box; } .rzslider .rz-draggable { cursor: move; } .rzslider .rz-bar { left: 0; z-index: 1; width: 100%; height: 4px; background: #d8e0f3; border-radius: 2px; } .rzslider .rz-selection { z-index: 2; background: #0db9f0; border-radius: 2px; } .rzslider .rz-pointer { top: -14px; z-index: 3; width: 32px; height: 32px; cursor: pointer; background-color: #0db9f0; border-radius: 16px; } .rzslider .rz-pointer:after { position: absolute; top: 12px; left: 12px; width: 8px; height: 8px; background: #ffffff; border-radius: 4px; content: ''; } .rzslider .rz-pointer:hover:after { background-color: #ffffff; } .rzslider .rz-pointer.rz-active { z-index: 4; } .rzslider .rz-pointer.rz-active:after { background-color: #451aff; } .rzslider .rz-bubble { bottom: 16px; padding: 1px 3px; color: #55637d; cursor: default; } .rzslider .rz-bubble.rz-limit { color: #55637d; } .rzslider .rz-ticks { position: absolute; top: -3px; left: 0; z-index: 1; width: 100%; height: 0; margin: 0; list-style: none; box-sizing: border-box; } .rzslider .rz-ticks-values-under .rz-tick-value { top: initial; bottom: -32px; } .rzslider .rz-tick { position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin-left: 11px; text-align: center; cursor: pointer; background: #d8e0f3; border-radius: 50%; } .rzslider .rz-tick.rz-selected { background: #0db9f0; } .rzslider .rz-tick-value { position: absolute; top: -30px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .rzslider .rz-tick-legend { position: absolute; top: 24px; max-width: 50px; white-space: normal; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .rzslider.rz-vertical { position: relative; width: 4px; height: 100%; padding: 0; margin: 0 20px; vertical-align: baseline; } .rzslider.rz-vertical .rz-base { width: 100%; height: 100%; padding: 0; } .rzslider.rz-vertical .rz-bar-wrapper { top: auto; left: 0; width: 32px; height: 100%; padding: 0 0 0 16px; margin: 0 0 0 -16px; } .rzslider.rz-vertical .rz-bar { bottom: 0; left: auto; width: 4px; height: 100%; } .rzslider.rz-vertical .rz-pointer { top: auto; bottom: 0; left: -14px !important; } .rzslider.rz-vertical .rz-bubble { bottom: 0; left: 16px !important; margin-left: 3px; } .rzslider.rz-vertical .rz-ticks { top: 0; left: -3px; z-index: 1; width: 0; height: 100%; } .rzslider.rz-vertical .rz-tick { margin-top: 11px; margin-left: auto; vertical-align: middle; } .rzslider.rz-vertical .rz-tick-value { top: initial; left: 24px; -webkit-transform: translate(0, -28%); transform: translate(0, -28%); } .rzslider.rz-vertical .rz-tick-legend { top: initial; right: 24px; max-width: none; white-space: nowrap; -webkit-transform: translate(0, -28%); transform: translate(0, -28%); } .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value { right: 24px; bottom: initial; left: initial; } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ6c2xpZGVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O2NBR2M7QUFDZDtFQUNFLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsWUFBWTtFQUNaLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLDBCQUFrQjtLQUFsQix1QkFBa0I7TUFBbEIsc0JBQWtCO1VBQWxCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtDQUM1Qjs7QUFFRDtFQUNFLFdBQVc7RUFDWCxvQkFBb0I7RUFHWixtQkFBbUI7Q0FDNUI7O0FBRUQ7RUFDRSxXQUFXO0VBQ1gsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2IsZ0JBQWdCO0VBQ2hCLDBCQUEwQjtFQUdsQixvQkFBb0I7Q0FDN0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsVUFBVTtFQUNWLFdBQVc7RUFDWCxXQUFXO0VBQ1gsWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtFQUMzQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixRQUFRO0VBQ1IsV0FBVztFQUNYLFlBQVk7RUFDWixVQUFVO0VBQ1YsVUFBVTtFQUNWLGlCQUFpQjtFQUNqQix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsY0FBYztDQUNmOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxRQUFRO0VBQ1IsWUFBWTtFQUNaLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQixvQkFBb0I7RUFDcEIsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsV0FBVztFQUNYLGFBQWE7RUFDYixXQUFXO0VBQ1gsZUFBZTtFQUNmLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFFBQVE7RUFDUixZQUFZO0VBQ1osYUFBYTtFQUNiLG9CQUFvQjtFQUNwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsV0FBVztFQUNYLFdBQVc7RUFDWCxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsVUFBVTtFQUNWLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixzQkFBc0I7RUFDdEIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsT0FBTztFQUNQLFdBQVc7RUFDWCxXQUFXO0VBQ1gsU0FBUztFQUNULGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsYUFBYTtFQUNiLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsYUFBYTtFQUNiLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osZ0JBQWdCO0VBQ2hCLGNBQWM7Q0FDZiIsImZpbGUiOiJyenNsaWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiEgYW5ndWxhcmpzLXNsaWRlciAtIHY2LjEuMCAtIFxuIChjKSBSYWZhbCBaYWphYyA8cnphamFjQGdtYWlsLmNvbT4sIFZhbGVudGluIEhlcnZpZXUgPHZhbGVudGluQGhlcnZpZXUubWU+LCBKdXNzaSBTYWFyaXZpcnRhIDxqdXNhc2lAZ21haWwuY29tPiwgQW5nZWxpbiBTaXJidSA8YW5nZWxpbi5zaXJidUBnbWFpbC5jb20+IC0gXG4gaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXItc2xpZGVyL2FuZ3VsYXJqcy1zbGlkZXIgLSBcbiAyMDE3LTAzLTA2ICovXG4ucnpzbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBtYXJnaW46IDM1cHggMCAxNXB4IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4ucnpzbGlkZXIud2l0aC1sZWdlbmQge1xuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotcG9pbnRlciB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOGUwZjM7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LWRyYWdnYWJsZSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXNlbGVjdGlvbiB7XG4gIGJhY2tncm91bmQ6ICM4YjkxYTI7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXRpY2sge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei10aWNrLnJ6LXNlbGVjdGVkIHtcbiAgYmFja2dyb3VuZDogIzhiOTFhMjtcbn1cblxuLnJ6c2xpZGVyIHNwYW4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlciB7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDMycHg7XG4gIHBhZGRpbmctdG9wOiAxNnB4O1xuICBtYXJnaW4tdG9wOiAtMTZweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnJ6c2xpZGVyIC5yei1kcmFnZ2FibGUge1xuICBjdXJzb3I6IG1vdmU7XG59XG5cbi5yenNsaWRlciAucnotYmFyIHtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXNlbGVjdGlvbiB7XG4gIHotaW5kZXg6IDI7XG4gIGJhY2tncm91bmQ6ICMwZGI5ZjA7XG4gIC13ZWJraXQtYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAtbW96LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlciB7XG4gIHRvcDogLTE0cHg7XG4gIHotaW5kZXg6IDM7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBkYjlmMDtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAtbW96LWJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyOmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEycHg7XG4gIGxlZnQ6IDEycHg7XG4gIHdpZHRoOiA4cHg7XG4gIGhlaWdodDogOHB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBjb250ZW50OiAnJztcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyOmhvdmVyOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyLnJ6LWFjdGl2ZSB7XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlci5yei1hY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDUxYWZmO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJ1YmJsZSB7XG4gIGJvdHRvbTogMTZweDtcbiAgcGFkZGluZzogMXB4IDNweDtcbiAgY29sb3I6ICM1NTYzN2Q7XG4gIGN1cnNvcjogZGVmYXVsdDtcbn1cblxuLnJ6c2xpZGVyIC5yei1idWJibGUucnotbGltaXQge1xuICBjb2xvcjogIzU1NjM3ZDtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrcyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtM3B4O1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAwO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5yenNsaWRlciAucnotdGlja3MtdmFsdWVzLXVuZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgdG9wOiBpbml0aWFsO1xuICBib3R0b206IC0zMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2sge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwcHg7XG4gIGhlaWdodDogMTBweDtcbiAgbWFyZ2luLWxlZnQ6IDExcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG5cbi5yenNsaWRlciAucnotdGljay5yei1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQ6ICMwZGI5ZjA7XG59XG5cbi5yenNsaWRlciAucnotdGljay12YWx1ZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtMzBweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG59XG5cbi5yenNsaWRlciAucnotdGljay1sZWdlbmQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMjRweDtcbiAgbWF4LXdpZHRoOiA1MHB4O1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAwKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogNHB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMCAyMHB4O1xuICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFzZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFyLXdyYXBwZXIge1xuICB0b3A6IGF1dG87XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDAgMCAwIDE2cHg7XG4gIG1hcmdpbjogMCAwIDAgLTE2cHg7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFyIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiBhdXRvO1xuICB3aWR0aDogNHB4O1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotcG9pbnRlciB7XG4gIHRvcDogYXV0bztcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAtMTRweCAhaW1wb3J0YW50O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJ1YmJsZSB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogM3B4O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2tzIHtcbiAgdG9wOiAwO1xuICBsZWZ0OiAtM3B4O1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2sge1xuICBtYXJnaW4tdG9wOiAxMXB4O1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrLXZhbHVlIHtcbiAgdG9wOiBpbml0aWFsO1xuICBsZWZ0OiAyNHB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtMjglKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrLWxlZ2VuZCB7XG4gIHRvcDogaW5pdGlhbDtcbiAgcmlnaHQ6IDI0cHg7XG4gIG1heC13aWR0aDogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTI4JSk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGlja3MtdmFsdWVzLXVuZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgcmlnaHQ6IDI0cHg7XG4gIGJvdHRvbTogaW5pdGlhbDtcbiAgbGVmdDogaW5pdGlhbDtcbn0iXX0= */ </style> <style type="text/css"> @font-face { font-family: 'zurich-icons'; src: url(/kunde/assets/zurich-icons-3b15d6a8854a146b9b9a4049add4da7b.eot); src: url(/kunde/assets/zurich-icons-3b15d6a8854a146b9b9a4049add4da7b.eot?#iefix) format('embedded-opentype'), url(/kunde/assets/zurich-icons-88bd30c01c256addb057d26a8347a6a3.ttf) format('truetype'), url(/kunde/assets/zurich-icons-fb218747e358ceab4a642c8658e314b0.woff) format('woff'), url(/kunde/assets/zurich-icons-fdfe4b0f367411ac233cf2458aeb0b67.svg?#icomoon) 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: 'zurich-icons' !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-share-filled:before { content: ":"; } .icon-print:before { content: "P"; } .icon-bubble:before { content: "Q"; } .icon-bubble-filled:before { content: "R"; } .icon-print-filled:before { content: "p"; } .icon-open-quote:before { content: "\201C"; } .icon-close-quote:before { content: "\201D"; } .icon-radio-unchecked:before { content: "\25CB"; } .icon-radio-checked:before { content: "\25CF"; } .icon-loop:before { content: "\25EF"; } .icon-heart:before { content: "\2661"; } .icon-heart-filled:before { content: "\2764"; } .icon-investor:before { content: "\E601"; } .icon-customer:before { content: "\E602"; } .icon-broker:before { content: "\E603"; } .icon-jobseeker:before { content: "\E604"; } .icon-facebook:before { content: "\E605"; } .icon-twitter:before { content: "\E606"; } .icon-linkedin:before { content: "\E607"; } .icon-youtube:before { content: "\E608"; } .icon-instagram:before { content: "\E609"; } .icon-pinterest:before { content: "\E60A"; } .icon-location:before { content: "\E60C"; } .icon-arrow:before { content: "\E60D"; } .icon-cta-rtl:before { content: "\E60E"; } .icon-contact:before { content: "\E60F"; } .icon-arrow-down:before { content: "\E610"; } .icon-share-email:before { content: "\E611"; } .icon-placeholder:before { content: "\E612"; } .icon-date:before { content: "\E613"; } .icon-download:before { content: "\E614"; } .icon-dot-indicator:before { content: "\E615"; } .icon-email:before { content: "\E616"; } .icon-mobile-nav-back:before { content: "\E617"; } .icon-mobile-nav-link:before { content: "\E618"; } .icon-hamburger-menu:before { content: "\E619"; } .icon-video:before { content: "\E61A"; } .icon-podcast:before { content: "\E61B"; } .icon-arrow-down-thick:before { content: "\E61C"; } .icon-hook:before { content: "\E61E"; } .icon-locate:before { content: "\E61F"; } .icon-media:before { content: "\E620"; } .icon-arrow-up-thick:before { content: "\E621"; } .icon-info:before { content: "\E622"; } .icon-add:before { content: "\E623"; } .icon-external:before { content: "\E624"; } .icon-close:before { content: "\E625"; } .icon-warning:before { content: "\E626"; } .icon-arrow-slider-right:before { content: "\E627"; } .icon-arrow-slider-left:before { content: "\E628"; } .icon-arrow-breadcrumb:before { content: "\E62B"; } .icon-plus:before { content: "\E62C"; } .icon-minus:before { content: "\E62D"; } .icon-share:before { content: "\E62E"; } .icon-share-youtube:before { content: "\E62F"; } .icon-share-xing:before { content: "\E630"; } .icon-share-twitter:before { content: "\E631"; } .icon-share-pinterest:before { content: "\E632"; } .icon-share-linkedin:before { content: "\E633"; } .icon-share-google-plus:before { content: "\E634"; } .icon-share-facebook:before { content: "\E635"; } .icon-bookmark:before { content: "\E636"; } .icon-link-previous:before { content: "\E637"; } .icon-arrow-left:before { content: "\E638"; } .icon-clock:before { content: "\E639"; } .icon-lock:before { content: "\E63A"; } .icon-piggy-bank:before { content: "\E63B"; } .icon-handshake:before { content: "\E63D"; } .icon-fax:before { content: "\E63E"; } .icon-xing:before { content: "\E63F"; } .icon-cta:before { content: "\E640"; } .icon-star-outline:before { content: "\E641"; } .icon-star:before { content: "\E642"; } .icon-article:before { content: "\E643"; } .icon-expand:before { content: "\E644"; } .icon-cta-download:before { content: "\E645"; } .icon-collapse:before { content: "\E646"; } .icon-cta-external:before { content: "\E647"; } .icon-expand-neg:before { content: "\E648"; } .icon-cta-hook:before { content: "\E649"; } .icon-collapse-neg:before { content: "\E64A"; } .icon-cta-email:before { content: "\E64B"; } .icon-cta-contact:before { content: "\E64C"; } .icon-cta-share:before { content: "\E64D"; } .icon-globe:before { content: "\E64E"; } .icon-mobile-phone:before { content: "\E64F"; } .icon-google-plus:before { content: "\E650"; } .icon-calculator:before { content: "\E651"; } .icon-calendar:before { content: "\E652"; } .icon-environmental:before { content: "\E653"; } .icon-graph-data:before { content: "\E654"; } .icon-idea:before { content: "\E655"; } .icon-law:before { content: "\E656"; } .icon-science:before { content: "\E657"; } .icon-tree:before { content: "\E800"; } .icon-briefcase:before { content: "\E900"; } .icon-cross:before { content: "\E901"; } .icon-cross-filled:before { content: "\E902"; } .icon-delete:before { content: "\E903"; } .icon-delete-filled:before { content: "\E904"; } .icon-edit-change:before { content: "\E905"; } .icon-edit-change-filled:before { content: "\E906"; } .icon-cone:before { content: "\E907"; } .icon-diamond:before { content: "\E908"; } .icon-information:before { content: "\E909"; } .icon-follow-link:before { content: "\E90A"; } .icon-location2:before { content: "\E90B"; } .icon-location2-filled:before { content: "\E90C"; } .icon-more-horizontal:before { content: "\E90D"; } .icon-more-horizontal-filled:before { content: "\E90E"; } .icon-more-vertical:before { content: "\E90F"; } .icon-more-vertical-filled:before { content: "\E910"; } .icon-notification:before { content: "\E911"; } .icon-notification-filled:before { content: "\E912"; } .icon-notification-off:before { content: "\E913"; } .icon-off:before { content: "\E914"; } .icon-off-filled:before { content: "\E915"; } .icon-equipment:before { content: "\E916"; } .icon-pdf:before { content: "\E917"; } .icon-play-button:before { content: "\E918"; } .icon-play-button-filled:before { content: "\E919"; } .icon-product:before { content: "\E91A"; } .icon-products:before { content: "\E91B"; } .icon-search:before { content: "\E91C"; } .icon-sliders-horizontal:before { content: "\E91D"; } .icon-sliders-vertical:before { content: "\E91E"; } .icon-terms-a-conditions:before { content: "\E91F"; } .icon-tick:before { content: "\E920"; } .icon-tick-filled:before { content: "\E921"; } .icon-search2:before { content: "\E922"; } .icon-pricetag-dollar:before { content: "\E923"; } .icon-pricetag-empty:before { content: "\E924"; } .icon-pricetag:before { content: "\E925"; } .icon-pricetag-pound:before { content: "\E926"; } .icon-first-aid:before { content: "\E927"; } .icon-house:before { content: "\E928"; } .icon-interconnectivity:before { content: "\E929"; } .icon-lounge:before { content: "\E92A"; } .icon-medal:before { content: "\E92B"; } .icon-mountains:before { content: "\E92C"; } .icon-star2:before { content: "\E92D"; } .icon-tree2:before { content: "\E92E"; } .icon-trophy:before { content: "\E92F"; } .icon-umbrella:before { content: "\E930"; } .icon-camera:before { content: "\E931"; } .icon-arrow-up-close:before { content: "\E932"; } .icon-directional-arrow:before { content: "\E933"; } .icon-help-question:before { content: "\E934"; } .icon-no-camera:before { content: "\E935"; } .icon-no-smoking:before { content: "\E936"; } .icon-arrow-down-open:before { content: "\E937"; } .icon-out-of-order:before { content: "\E938"; } .icon-please-quiet:before { content: "\E939"; } .icon-smoking:before { content: "\E93A"; } .icon-warning2:before { content: "\E93B"; } .icon-health-insurance:before { content: "\E93C"; } .icon-home-motor:before { content: "\E93D"; } .icon-property-liability:before { content: "\E93E"; } .icon-bad-guy:before { content: "\E93F"; } .icon-bomb:before { content: "\E940"; } .icon-communication-disruption:before { content: "\E941"; } .icon-exposion:before { content: "\E942"; } .icon-fire:before { content: "\E943"; } .icon-graffity:before { content: "\E944"; } .icon-leak:before { content: "\E945"; } .icon-looting:before { content: "\E946"; } .icon-organized-crime:before { content: "\E947"; } .icon-power-failure:before { content: "\E948"; } .icon-riot:before { content: "\E949"; } .icon-facebook2:before { content: "\E94A"; } .icon-google2:before { content: "\E94B"; } .icon-instagram2:before { content: "\E94C"; } .icon-linkedin2:before { content: "\E94D"; } .icon-pinterest2:before { content: "\E94E"; } .icon-twitter2:before { content: "\E94F"; } .icon-xing2:before { content: "\E950"; } .icon-yammer:before { content: "\E951"; } .icon-youtube2:before { content: "\E952"; } .icon-basketball:before { content: "\E953"; } .icon-birdie:before { content: "\E954"; } .icon-cardio:before { content: "\E955"; } .icon-football:before { content: "\E956"; } .icon-golf-bag:before { content: "\E957"; } .icon-golf-ball:before { content: "\E958"; } .icon-golf-course:before { content: "\E959"; } .icon-handlebar:before { content: "\E95A"; } .icon-handlebar2:before { content: "\E95B"; } .icon-hockey-goal:before { content: "\E95C"; } .icon-hockey-ice-machine:before { content: "\E95D"; } .icon-hockey-mask:before { content: "\E95E"; } .icon-hockey-puck:before { content: "\E95F"; } .icon-hockey-stick:before { content: "\E960"; } .icon-hole-flag:before { content: "\E961"; } .icon-hot-tub:before { content: "\E962"; } .icon-massage:before { content: "\E963"; } .icon-running:before { content: "\E964"; } .icon-stationary-bike:before { content: "\E965"; } .icon-stationary-bike2:before { content: "\E966"; } .icon-wellness:before { content: "\E967"; } .icon-wellness2:before { content: "\E968"; } .icon-bike:before { content: "\E969"; } .icon-bus:before { content: "\E96A"; } .icon-cargo:before { content: "\E96B"; } .icon-e-bike:before { content: "\E96C"; } .icon-e-car:before { content: "\E96D"; } .icon-marine-cargo:before { content: "\E96E"; } .icon-plane:before { content: "\E96F"; } .icon-railroad:before { content: "\E970"; } .icon-traffic-arrow:before { content: "\E971"; } .icon-transportation:before { content: "\E972"; } .icon-tricyle:before { content: "\E973"; } .icon-truck:before { content: "\E974"; } .icon-yacht:before { content: "\E975"; } .icon-idea-chart:before { content: "\E976"; } .icon-pie-chart:before { content: "\E977"; } .icon-organization-chart:before { content: "\E978"; } .icon-trend-arrow-down:before { content: "\E979"; } .icon-trend-arrow-up:before { content: "\E97A"; } .icon-bug:before { content: "\E97B"; } .icon-chat-sms:before { content: "\E97C"; } .icon-document:before { content: "\E97D"; } .icon-document-checked:before { content: "\E97E"; } .icon-folder:before { content: "\E97F"; } .icon-literature:before { content: "\E980"; } .icon-mail-open:before { content: "\E981"; } .icon-mouse:before { content: "\E982"; } .icon-speaker-sound:before { content: "\E983"; } .icon-approval:before { content: "\E984"; } .icon-attention:before { content: "\E985"; } .icon-peace-hand:before { content: "\E986"; } .icon-pinch:before { content: "\E987"; } .icon-swipe:before { content: "\E988"; } .icon-touch:before { content: "\E989"; } .icon-victory-hand:before { content: "\E98A"; } .icon-wash-hand:before { content: "\E98B"; } .icon-wash-hand2:before { content: "\E98C"; } .icon-construction:before { content: "\E98D"; } .icon-engeneering:before { content: "\E98E"; } .icon-finance:before { content: "\E98F"; } .icon-industry:before { content: "\E990"; } .icon-manufacturing:before { content: "\E991"; } .icon-property-investors:before { content: "\E992"; } .icon-retail:before { content: "\E993"; } .icon-science2:before { content: "\E994"; } .icon-social-housing:before { content: "\E995"; } .icon-local-authorities:before { content: "\E996"; } .icon-buffet:before { content: "\E997"; } .icon-buffet2:before { content: "\E998"; } .icon-cocktail:before { content: "\E999"; } .icon-coffee:before { content: "\E99A"; } .icon-coffee2:before { content: "\E99B"; } .icon-croissant:before { content: "\E99C"; } .icon-dinner:before { content: "\E99D"; } .icon-events:before { content: "\E99E"; } .icon-opera:before { content: "\E99F"; } .icon-organic:before { content: "\E9A0"; } .icon-bee:before { content: "\E9A1"; } .icon-piano:before { content: "\E9A2"; } .icon-picnick:before { content: "\E9A3"; } .icon-picnick2:before { content: "\E9A4"; } .icon-sandwich:before { content: "\E9A5"; } .icon-sandwich2:before { content: "\E9A6"; } .icon-soft-drink:before { content: "\E9A7"; } .icon-tea:before { content: "\E9A8"; } .icon-theatre:before { content: "\E9A9"; } .icon-arm-use:before { content: "\E9AA"; } .icon-climb-stairs:before { content: "\E9AB"; } .icon-drive:before { content: "\E9AC"; } .icon-hand-use:before { content: "\E9AD"; } .icon-kneel:before { content: "\E9AE"; } .icon-listen:before { content: "\E9AF"; } .icon-long-term-care:before { content: "\E9B0"; } .icon-mental-perfomance:before { content: "\E9B1"; } .icon-speak-communicate:before { content: "\E9B2"; } .icon-vision:before { content: "\E9B3"; } .icon-walking:before { content: "\E9B4"; } .icon-wheel-chair:before { content: "\E9B5"; } .icon-baby-boy:before { content: "\E9B6"; } .icon-baby-girl:before { content: "\E9B7"; } .icon-buggy:before { content: "\E9B8"; } .icon-cat:before { content: "\E9B9"; } .icon-constructor:before { content: "\E9BA"; } .icon-dog:before { content: "\E9BB"; } .icon-man:before { content: "\E9BC"; } .icon-stroller:before { content: "\E9BD"; } .icon-team:before { content: "\E9BE"; } .icon-woman:before { content: "\E9BF"; } .icon-angle:before { content: "\E9C0"; } .icon-bell:before { content: "\E9C1"; } .icon-candle:before { content: "\E9C2"; } .icon-champagne-glasses:before { content: "\E9C3"; } .icon-chirstmas-garland:before { content: "\E9C4"; } .icon-chirstmas-tree:before { content: "\E9C5"; } .icon-christmas-crackers:before { content: "\E9C6"; } .icon-clover:before { content: "\E9C7"; } .icon-fireworks:before { content: "\E9C8"; } .icon-fireworks2:before { content: "\E9C9"; } .icon-ginger-bread-man:before { content: "\E9CA"; } .icon-glove:before { content: "\E9CB"; } .icon-mulled-wine:before { content: "\E9CC"; } .icon-present:before { content: "\E9CD"; } .icon-present-tag:before { content: "\E9CE"; } .icon-reindeer:before { content: "\E9CF"; } .icon-rocket:before { content: "\E9D0"; } .icon-santa:before { content: "\E9D1"; } .icon-santa-head:before { content: "\E9D2"; } .icon-shooting-star:before { content: "\E9D3"; } .icon-sledge:before { content: "\E9D4"; } .icon-snowflake:before { content: "\E9D5"; } .icon-snowglobe:before { content: "\E9D6"; } .icon-snowglobe2:before { content: "\E9D7"; } .icon-snowman:before { content: "\E9D8"; } .icon-sparkler:before { content: "\E9D9"; } .icon-stocking:before { content: "\E9DA"; } .icon-tree-baubles:before { content: "\E9DB"; } .icon-wish-list:before { content: "\E9DC"; } .icon-wreath:before { content: "\E9DD"; } .icon-bank-note:before { content: "\E9DE"; } .icon-coins:before { content: "\E9DF"; } .icon-coins2:before { content: "\E9E0"; } .icon-dollar:before { content: "\E9E1"; } .icon-euro:before { content: "\E9E2"; } .icon-pound:before { content: "\E9E3"; } .icon-drought:before { content: "\E9E4"; } .icon-earthquake:before { content: "\E9E5"; } .icon-earthquake2:before { content: "\E9E6"; } .icon-flood:before { content: "\E9E7"; } .icon-flood2:before { content: "\E9E8"; } .icon-heavy-rain:before { content: "\E9E9"; } .icon-landslide:before { content: "\E9EA"; } .icon-lighting:before { content: "\E9EB"; } .icon-storm:before { content: "\E9EC"; } .icon-tornado:before { content: "\E9ED"; } .icon-winter-risks:before { content: "\E9EE"; } .icon-follow-on:before { content: "\E9EF"; } .icon-whatsapp_square:before { content: "\E9F0"; } .icon-whatsapp_filled:before { content: "\E9F1"; } </style> <style type="text/css"> /* Copyright @ 2015 itestra GmbH */ .icon-cta-down:before { content: "\E640"; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .icon-cta-up:before { content: "\E640"; display: inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .icon-plus-rotated:before { content: "\E62C"; display: inline-block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .icon-dot-indicator-three:before { content: "\E615\E615\E615"; display: inline-block; } </style> <style type="text/css"> /* * Bootstrap-select v1.9.4 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2016 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ /* fix */ .bootstrap-select .dropdown-backdrop { z-index: auto; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; width: 0.11px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } /* mostly copied from zurich stylesheet */ .bootstrap-select { width: 100%; } .bootstrap-select > .btn { width: 100%; padding-right: 25px; } .error .bootstrap-select .btn { border: 1px solid #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select .btn:focus { /*outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important;*/ outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 6px; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 6px; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .input-append .bootstrap-select.btn-group { margin-left: -1px; } .input-prepend .bootstrap-select.btn-group { margin-right: -1px; } .bootstrap-select.btn-group > .disabled { cursor: not-allowed; background-color: #eee; opacity: 1; color: #3e3e3e; } .bootstrap-select.btn-group > .disabled:focus, .bootstrap-select.btn-group > .disabled:hover { outline: none !important; background-color: #eee; opacity: 1; color: #3e3e3e; border-color: #8e8e8e; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .btn { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 200; box-sizing: border-box; width: 100%; } .bootstrap-select.btn-group .dropdown-menu.inner { overflow-x: visible; position: static; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; min-width: 100%; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small { color: #64b1d8; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 3; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: rgba(204,204,204,0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-bottom: 0; border-top-width: 7px; border-top-style: solid; border-top-color: rgba(204,204,204,0.2); } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #fff; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox { padding: 4px 8px; } .bs-actionsbox { float: left; width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox input.form-control { margin-bottom: 0; width: 100%; } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } .bootstrap-select { position: relative; } .bootstrap-select > .btn { height: 40px; } .bootstrap-select > .dropdown-toggle { padding: 10px 30px 10px 10px; } .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus { background-color: #fff; -webkit-appearance: none; outline: none; } .bootstrap-select.open .caret:before { content: "\E621"; } .bootstrap-select.open > .dropdown-toggle.btn-default { background-color: #fff; border-bottom: 0; border-color: #8e8e8e; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .bootstrap-select.open.dropup > .dropdown-toggle.btn-default { border-bottom: 1px solid #8e8e8e; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-top: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .bootstrap-select .caret { border: none; } .bootstrap-select .caret:before { content: "\E61C"; font-family: 'zurich-icons'; color: #4066b3; position: absolute; left: -11px; top: -7px; } .bootstrap-select.open .dropdown-menu { overflow-x: auto; min-width: 100%; max-width: 100%; margin: 0; padding-top: 0; border-top: none; border-color: #8e8e8e; border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.open .dropdown-menu a { float: left; min-width: 100%; outline: none; padding: 6px 10px 5px; } .bootstrap-select.open .dropdown-menu.active a { background-color: #4066b3; color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.selected a, .bootstrap-select.open .dropdown-menu a:active, .bootstrap-select.open .dropdown-menu a:focus { color: #4066b3; background-color: #fff; } .bootstrap-select.open.dropup > .dropdown-menu { border-bottom: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid #8e8e8e; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .has-error .bootstrap-select .dropdown-toggle { border-color: #e9635b; background: #fad8d6; } .multiline-options .dropdown-menu > li > a { white-space: normal; } /* Tarif Box */ .zas-tarif-box-select .bootstrap-select .caret:before { color: #fff; } .zas-tarif-box-select .dropdown-toggle.btn-default, .zas-tarif-box-select .bootstrap-select.open > .dropdown-toggle.btn-default { color: #fff; background-color: #4f90c8; border-color: #4f90c8; } .zas-tarif-box-select .bootstrap-select.open.dropup > .dropdown-toggle.btn-default { border-color: #4f90c8; } .zas-tarif-box-select .bootstrap-select.open .dropdown-menu { border-color: #4f90c8; background-color: #4f90c8; } .zas-tarif-box-select .bootstrap-select.open .dropdown-menu a { background-color: inherit; color: #fff; } .zas-tarif-box-select .bootstrap-select.open.dropup > .dropdown-menu { border-color: #4f90c8; } .zas-tarif-box-select .bootstrap-select.btn-group .dropdown-menu li.selected a, .zas-tarif-box-select .bootstrap-select.open .dropdown-menu .active a, .zas-tarif-box-select .bootstrap-select.open .dropdown-menu a:active, .zas-tarif-box-select .bootstrap-select.open .dropdown-menu a:focus { background-color: #006; color: #fff; } .zas-tarif-box-select .bootstrap-select .dropdown-toggle { background-color: #4f90c8; -webkit-appearance: none; outline: none; } </style> <style type="text/css"> /* Copyright @ 2016 itestra GmbH */ /* NOTE: NO COLORS AND NO FONTS IN THIS FILE !!! USE mandanten/*.styl INSTEAD */ #sportboot-banner-select { max-width: 242px; width: 100vw; } #gwh-tank-typ { width: 240px; } #gwh-tank-volumen { width: 150px; } #pkt-vgl-price-1, #pkt-vgl-price-2, #pkt-vgl-price-3 { min-width: 239px; } #pkt-vgl-abutton-1, #pkt-vgl-abutton-2, #pkt-vgl-abutton-3 { width: 49% !important; min-width: 281px; } #pkt-vgl-abutton-button-1, #pkt-vgl-abutton-button-2, #pkt-vgl-abutton-button-3 { margin-bottom: 15px; } #pkt-vgl-header-top-1, #pkt-vgl-header-top-2, #pkt-vgl-header-top-3 { padding-bottom: 0 !important; } #pkt-vgl-header-bottom-1, #pkt-vgl-header-bottom-2, #pkt-vgl-header-bottom-3 { padding-top: 0 !important; } /* VARIABLES */ body { background: transparent; min-height: 300px; } /* FUNCTIONS */ /* ANIMATIONS */ .spinning { -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-iteration-count: infinite; transform-origin: 50% 50%; display: inline-block; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .scale-animation.ng-enter, .scale-animation.ng-hide-remove { transform: scaleY(0); transform-origin: top; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } .scale-animation.ng-enter.ng-enter-active, .scale-animation.ng-hide-remove.ng-hide-remove-active { transform: scaleY(1); } /* STANDALONE CLASSES */ [class^="zas-button"] { text-align: center; border: none; cursor: pointer; padding-left: 20px; padding-right: 20px; min-height: 40px; min-width: 150px; max-width: 100%; } [class^="zas-button"]:focus { outline: none; } .zas-button-thin { cursor: pointer; background-color: transparent; display: inline-block; color: #006; /* (ZB2) */ font-size: 18px; font-weight: 200; border: none; outline: none; } .zas-button-thin:hover { color: #039; /* (ZB1) */ } .zas-button-thin:disabled { color: #bfbfbf; cursor: not-allowed; } @media (max-width: 800px) { .desktop-only { display: none !important; } } @media (min-width: 801px) { .mobile-only { display: none !important; } } .width-col-1 { width: 0.7em; } .width-col-2 { width: 1.4em; } .width-col-3 { width: 2.1em; } .width-col-4 { width: 2.8em; } .width-col-5 { width: 3.5em; } .width-col-6 { width: 4.199999999999999em; } .width-col-7 { width: 4.899999999999999em; } .width-col-8 { width: 5.6em; } .width-col-9 { width: 6.3em; } .width-col-10 { width: 7em; } .width-col-12 { width: 8.399999999999999em; } .width-col-14 { width: 9.799999999999999em; } .width-col-16 { width: 11.2em; } @media (max-width: 800px) { .mobile-padding-25-l { padding-left: 25px; } } .flex { display: flex; } .wrap { flex-wrap: wrap; } .white-space-pre-wrap { white-space: pre-wrap; } .vertical-center { align-items: center; } .half-width { width: 50%; } .full-width { width: 100%; } .padding-10 { padding: 10px; } .link { color: #4066b3; cursor: pointer; } .link:hover { color: #006; } .zas-form { margin-bottom: 20px; } .right { text-align: right; } .left { text-align: left; } .input-group { width: 100%; } [class^="zas-row"], [class*=" zas-row"] { margin: 0; padding: 0 0 20px 20px; display: table; table-layout: fixed; width: 100%; } .zas-row-modal { padding: 0 30px 10px 30px; } .zas-inner-table { display: table; table-layout: fixed; width: 100%; } @media (max-width: 474px) { .zas-inner-table .zas-inner-col-left { padding-bottom: 20px; } } @media (max-width: 1117px) and (min-width: 801px) { .zas-row .zas-main-col .zas-inner-table .col-xs-8.zas-inner-col-left { width: 50%; } } @media (max-width: 1117px) and (min-width: 801px) { .zas-row .zas-main-col .zas-inner-table .col-xs-4.zas-inner-col-right { width: 50%; } } @media (max-width: 800px) { .zas-main-col { vertical-align: bottom; margin: 0; padding: 0 40px 20px 0; width: 100%; } .zas-main-col:blank, .zas-main-col:-moz-only-whitespace, .zas-main-col:empty { padding-bottom: 0; } .zas-row { padding-bottom: 0; } .zas-main-col .half-width { width: 100%; } } @media (min-width: 801px) { .zas-persoenliche-daten .zas-row { padding: 0 40px 20px 80px; } .zas-persoenliche-daten .einspaltig .zas-row { display: block; width: 50%; } .zas-persoenliche-daten .einspaltig .zas-main-col { display: block; padding: 0 0 20px 0; width: 100%; } .zas-main-col { margin: 0; padding: 0 40px 0 0; display: table-cell; width: 50%; } } .zas-inner-col-left { float: none; } @media (min-width: 475px) { .zas-inner-col-left { padding-left: 0; padding-right: 10px; display: table-cell; } } .zas-inner-col-right { float: none; } @media (min-width: 475px) { .zas-inner-col-right { padding-left: 10px; padding-right: 0; display: table-cell; } } .zas-inner-col { padding-left: 0; padding-right: 0; } .content { max-width: 1250px; margin-left: auto; margin-right: auto; width: 100%; } /* TEMPLATE STYLES */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } h1, h2, h3 { margin-top: 20px; margin-bottom: 20px; } h3 { vertical-align: middle; height: 60px; display: table-cell; width: 720px; border-top: 1px solid; border-bottom: 1px solid; } hr { border-style: inset; border-top: 0; border-bottom: 1px solid; border-top: none; border-left: none; margin: 4px; display: block; height: 1px; clear: both; } /* ZAS INPUT */ .input-group .form-control:not(.input-with-unit) { border-radius: 4px !important; } .zas-input-group { padding-top: 40px; padding-bottom: 20px; padding-left: 8.4%; padding-right: 8.4%; border-top: 1px solid; } @media (max-width: 800px) { .zas-input-group { position: relative; border-top: none; padding: 20px 15px; } .zas-input-group:after { content: ''; position: absolute; top: 0; left: 10px; width: calc(100% - 20px); height: 1px; } } .zas-input-group label { margin-left: 2px; width: calc(100% - 2px); font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 18px; color: #3e3e3e; /* (B75) */ /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .zas-input-group .zas-header { padding-bottom: 40px; position: relative; } .zas-input-group .zas-row { padding-left: 6.4%; padding-right: 3.2%; } .zas-input-group .zas-input-group .zas-header { padding-bottom: 0; } .zas-input-line-group { padding-bottom: 20px; } .zas-input-line-group .zas-input-line { width: 100%; min-height: 40px; display: block; } .zas-input-line-group .zas-input-line .zas-input-line-label { width: calc(30% - 25px); position: relative; display: inline-block; vertical-align: middle; margin: 0; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-label { width: auto; max-width: calc(100% - 25px); } } .zas-input-line-group .zas-input-line .zas-input-line-label div { float: left; margin-right: 5px; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-label div { max-width: 400px; } } .zas-input-line-group .zas-input-line .zas-input-line-input { width: 40%; display: inline-block; vertical-align: middle; margin: 0; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-input { width: 100%; } } .zas-input-line-group .zas-input-line .zas-input-line-price { text-align: right; width: calc(30% - 30px); padding-right: 40px; display: inline-block; vertical-align: middle; margin: 0; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-price { text-align: right; width: calc(100% - 30px); } } .zas-input-line-group .zas-input-line .zas-input-line-info { width: 25px; display: inline-block; vertical-align: middle; margin: 0; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-info { text-align: left; width: 25px; } } .zas-input-line-group .zas-input-line .zas-input-line-validity { width: 30px; position: relative; bottom: 5px; display: inline-block; vertical-align: middle; margin: 0; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-validity { width: 30px; } } .zas-input-line-group .zas-input-line-info-box-container { overflow: hidden; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box { width: 100%; margin: 0; padding-top: 20px; display: table; table-layout: fixed; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-content { padding-bottom: 25px; padding-left: 10px; padding-right: 10px; display: table-cell; width: 100%; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-spacer { margin: 0; padding-left: 10px; display: table-cell; width: 0; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-header { width: 100%; display: table; table-layout: fixed; margin-bottom: 10px; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-header-title { display: table-cell; width: 80%; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-header-close { text-decoration: underline; text-align: right; padding-right: 10px; display: table-cell; width: 20%; } /* Banner */ :not(.min-input-button) > .banner-button { padding-top: 10px; } .minimal-banner-combobox-wrapper { text-align: left; margin-top: 10px; line-height: 1.485; } .banner-wrapper { margin: auto; max-width: 1250px; } .banner-wrapper .banner { padding: 40px 40px 20px 40px; width: 100%; display: table-row; display: flex; } @media (max-width: 800px) { .banner-wrapper .banner { padding: 30px 15px; } } .banner-wrapper .banner .banner-left { padding-right: 40px; } @media (max-width: 800px) { .banner-wrapper .banner .banner-left { display: none; } } .banner-wrapper .banner .banner-right { width: 100%; } @media (max-width: 800px) { .banner-wrapper .banner .banner-right .banner-content { padding-bottom: 15px; } } .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen { text-align: left; margin: 20px 0 0 0; padding: 0; } .banner-wrapper .banner .banner-right .banner-content .zas-animal-input { width: 50px; } .banner-wrapper .banner .banner-right .button-group { height: 40px; } .banner-wrapper .banner .banner-right .button-group .zas-button-orange { float: right; } @media (max-width: 800px) { .banner-wrapper .banner .banner-right .button-group .zas-button-orange { width: 100%; } } .inline-block { display: inline-block; } .zas-link { cursor: pointer; } /* Header Berechnungsrelevante Fragen */ .zas-header-ber-fragen { align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 20px 5px 20px 40px; text-align: center; } @media (max-width: 800px) { .zas-header-ber-fragen { display: block; flex-wrap: initial; padding: 0; } } .zas-header-ber-fragen .ber-fragen-icon { padding-right: 20px; } @media (max-width: 800px) { .zas-header-ber-fragen .ber-fragen-icon { display: none; } } .zas-header-ber-fragen .zas-label { display: inline; vertical-align: middle; } .zas-header-ber-fragen .zas-label .inline-checkbox-label { display: inline; vertical-align: middle; } .zas-header-ber-fragen .input { font-size: 15px; vertical-align: middle; display: inline-block; } .zas-header-ber-fragen .input [type="text"] { text-align: center; } @media (max-width: 800px) { .zas-header-ber-fragen .input div[type="date"] { margin-bottom: 5px; } } @media (max-width: 800px) { .zas-header-ber-fragen .input select.form-control { margin-top: 5px; } } .zas-header-ber-fragen .input .bootstrap-select { min-width: 200px; } .zas-header-ber-fragen .input .input-group .form-control { padding: 0; } .zas-header-ber-fragen .input .input-group .icon-loop { top: calc(20px - 0.5em) !important; } .zas-header-ber-fragen .min-input-button { min-width: 216px; } .zas-header-ber-fragen .min-input-button button { min-width: 216px; } .zas-header-ber-fragen .min-inputs { display: inline; } @media (max-width: 800px) { .zas-header-ber-fragen .min-inputs { padding: 30px 15px 20px 15px; display: block; } } .zas-header-ber-fragen .min-inputs .zas-label { display: inline; } .zas-header-ber-fragen .min-inputs .input { display: inline-block; } .zas-header-ber-fragen .min-inputs .zas-animal-input { width: 50px; } .zas-header-ber-fragen .button-group { height: 40px; } @media (max-width: 800px) { .zas-header-ber-fragen .button-group button { width: 100vw; } } .display-block-on-mobile { display: none; } @media (max-width: 474px) { .display-block-on-mobile { display: block; } } .display-inline-on-mobile { display: none; } @media (max-width: 474px) { .display-inline-on-mobile { display: inline; } } @media (max-width: 474px) { .display-none-on-mobile { display: none; } } @media (max-width: 474px) { .inline-block .display-none-on-mobile { display: none; } } /* Paketvergleich */ .highlighted-paket-icon { float: right; } .zas-paketvergleich { position: relative; } .zas-paketvergleich .zas-paketvergleich-table-2 { display: table; table-layout: fixed; width: 100%; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-cell { position: relative; padding: 0; display: table-cell; width: 50%; vertical-align: top; text-align: left; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-sep-line { position: absolute; top: 0; width: 0; right: 50%; height: 100%; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-sep-line:after { content: ''; position: absolute; top: 0; width: 0; height: 100%; border-right: 1px solid; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-row { display: table-row; border: none; width: 100%; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-highlights { display: inline-block; width: 50%; height: 100%; padding: 30px 10px 30px 30px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-details { display: inline-block; width: 50%; float: right; padding: 30px 10px 0 30px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-details .zas-label { padding-bottom: 5px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-details .value { padding-bottom: 40px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header { padding: 20px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header .zas-label { padding-top: 40px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header .price, .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header .button-group { display: inline-block; width: 50%; padding-top: 20px; vertical-align: top; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header .button-group { padding-left: 30px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-cell { border-left: 4px solid; border-right: 4px solid; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-cell:firstChild { border-left: 0; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-cell:lastChild { border-right: 0; } .zas-paketvergleich .zas-paketvergleich-mobile { margin-top: 50px; padding-right: 15px; padding-left: 15px; } .zas-paketvergleich .zas-paketvergleich-mobile:before, .zas-paketvergleich .zas-paketvergleich-mobile:after { content: ''; position: absolute; left: 30px; bottom: -15px; width: calc(100% - 60px); height: 15px; } .zas-paketvergleich .zas-paketvergleich-mobile:before { top: -15px; } .zas-paketvergleich .zas-paketvergleich-mobile:after { bottom: -15px; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-header { display: block; margin-top: 1px; padding: 10px; cursor: pointer; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-body { display: block; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element { border-bottom: 1px solid; padding: 5px 15px; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element .value { padding-bottom: 20px; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element .description-header { padding: 15px 0; cursor: pointer; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element .description-body { padding: 10px 0; } .zas-paketvergleich .zas-paketvergleich-mobile .button-group { display: block; padding: 30px 0; } .zas-paketvergleich .zas-paketvergleich-mobile .button-group button { float: none; text-align: left; width: 100%; } .zas-paketvergleich .zas-paketvergleich-uebersicht-disclaimer { display: block; padding: 40px 5px 105px 5px; font-size: 1.2rem; text-align: left; } @media (max-width: 800px) { .zas-paketvergleich .zas-paketvergleich-uebersicht-disclaimer { display: block; padding: 15px 5px 15px 5px; } } /* Tarifanpassung */ .zas-tarifanpassung-header { display: block; min-height: 115px; width: 100%; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element { display: inline-block; width: 50%; vertical-align: bottom; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.onlyPaket { width: 100%; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element:first-child { border-left: none !important; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element:last-child { border-right: none !important; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket { position: relative; border-left: 5px solid; border-right: 5px solid; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket .element-box { min-height: 115px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket .element-box:after { content: ''; position: absolute; bottom: -8px; left: calc(50% - 6px); margin-left: -6px; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; z-index: 1; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket .zas-label { margin-top: 20px; line-height: 1; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.notSelectedPaket { position: relative; border-left: 5px solid; border-right: 5px solid; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.notSelectedPaket .element-box { min-height: 75px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .element-box { padding: 20px; cursor: pointer; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-label { position: relative; padding-top: 10px; justify-content: space-between; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-label .price { position: relative; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-paket-1-header:after { border-top: solid 8px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-paket-2-header:after { border-top: solid 8px; } .zas-tarifanpassung-subheader { position: relative; padding: 16px 8.4%; } .zas-tarifanpassung-subheader .zas-label { display: inline-block; width: 40%; padding-top: 20px; } .zas-tarifanpassung-subheader .price { display: inline-block; width: 60%; text-align: right; float: right; } .is-sticky .zas-tarifanpassung-subheader { z-index: 1000; } .zas-tarifanpassung-details { padding: 0 8.4% 20px 8.4%; } .zas-tarifanpassung-details ul li { padding-bottom: 20px; } .zas-tarifanpassung-footer { padding: 30px 8.4%; text-align: center; width: 100%; } .zas-tarifanpassung-footer .button-group { height: 40px; } .zas-tarifanpassung-footer .zas-button-orange { float: right; } .zas-tarifanpassung-footer .zas-button-save { float: left; } .zas-tarifanpassung-footer .price { display: block; padding-bottom: 40px; text-align: right; } @media (max-width: 800px) { .zas-tarifanpassung-footer { padding: 0; } .zas-tarifanpassung-footer .button-group { height: auto; } .zas-tarifanpassung-footer .zas-button-save { float: none !important; width: 100% !important; } .zas-tarifanpassung-footer .zas-button-orange { float: none !important; width: 100% !important; } } .zas-slider { width: 100%; padding-bottom: 20px; } @media (max-width: 800px) { .zas-slider .slider-line { display: inline-block; padding: 0 20px; width: 40%; } } @media (min-width: 801px) { .zas-slider .slider-line { display: inline-block; padding: 0 20px; width: 40%; } } .zas-slider .slider-line .zas-whitebackground { left: 0; right: 0; height: 36px; margin: -16px -20px 0 -20px; } .zas-slider .slider-line .zas-rzslider-background { margin: -16px -15px 0 -20px; } .zas-slider .slider-line .rz-bar-wrapper { min-width: 360px; width: 100%; } .zas-slider .slider-line .rzslider .rz-pointer { padding: 8px 10px; } .zas-slider .slider-line .rzslider .rz-pointer:focus { outline: none; border: none; } .zas-slider .slider-line .rzslider .rz-pointer:after { display: none; } .zas-slider .slider-line .rzslider .rz-ticks .rz-tick { height: 0; } @media (max-width: 800px) { .zas-slider .zas-label { display: inline-block; padding-right: 25px; } } @media (min-width: 801px) { .zas-slider .zas-label { display: inline-block; padding-right: 25px; width: 30%; } } @media (max-width: 800px) { .zas-slider label { width: calc(100% - 2px); } } .zas-tarifanpassung-header-mobile { padding: 25px 15px; } .zas-tarifanpassung-details-mobile { padding: 30px; } .zas-tarifanpassung-footer-mobile { padding: 20px 15px; } .zas-tarifanpassung-footer-mobile .button-group { display: block; padding: 30px 0; } .zas-tarifanpassung-footer-mobile .button-group button { width: 100%; float: none; text-align: left; } .zas-tarifanpassung-further-packages { padding: 0 15px; } @media (max-width: 800px) { .tarifAnpassung ng-form > .zas-input-group:first-child:after { display: none; } } /* Antrag */ .zas-submit-vertrag-header { display: block; margin-bottom: 40px; width: 100%; } .zas-submit-vertrag-header .header { padding: 20px 40px 20px 80px; } .zas-submit-vertrag-header .highlights { padding: 10px 40px 20px 80px; } .zas-submit-vertrag-header .zas-label { display: inline-block; } .zas-submit-vertrag-header .price { display: inline-block; float: right; } .zas-antrag-header-boxes { display: block; height: 100px; width: 100%; } .zas-antrag-header-boxes .zas-antrag-header-box { display: inline-block; height: inherit; width: 25%; border-left: 2px solid; border-right: 2px solid; position: relative; padding: 20px; } .zas-antrag-header-boxes .zas-antrag-header-box.accessible { cursor: pointer; } .zas-antrag-header-boxes .zas-antrag-header-box.active:after { content: ''; position: absolute; bottom: -8px; left: calc(50% - 6px); margin-left: -6px; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 8px; } .zas-antrag-header-boxes .zas-antrag-header-box:first-child { border-left: none; } .zas-antrag-header-boxes .zas-antrag-header-box:last-child { border-right: none; } .zas-antrag-header-boxes .zas-antrag-header-box .number { display: inline-block; padding-right: 10px; width: 40px; } .zas-antrag-header-boxes .zas-antrag-header-box .heading { display: inline-block; height: 60px; width: calc(100% - 50px); vertical-align: middle; } .zas-antrag-header-boxes .zas-antrag-header-box .heading.heading-uebersicht { vertical-align: bottom; } .zas-antrag-header-boxes .zas-antrag-header-box .status { position: absolute; right: 20px; bottom: 20px; } .zas-antrag-header-box-mobile { display: block; position: relative; padding: 10px 20px; white-space: nowrap; } .zas-antrag-header-box-mobile:after { content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; z-index: 1; } .zas-antrag-header-box-mobile.accessible { cursor: pointer; } .zas-antrag-header-box-mobile .number { display: inline-block; text-align: right; padding-right: 10px; width: 60px; } .zas-antrag-header-box-mobile .heading { display: inline-block; height: 60px; width: calc(100% - 120px); vertical-align: top; } .zas-antrag-header-box-mobile .status { display: inline-block; text-align: left; padding-left: 10px; width: 60px; vertical-align: top; } @media (max-width: 800px) { .zas-antrag-body { padding-bottom: 20px; } } /* Accordion */ .zas-accordion-wrapper { padding: 0 0 40px 0; } .zas-accordion-wrapper .zas-accordion-header { display: block; width: 100%; padding: 20px 30px; cursor: pointer; } .zas-accordion-wrapper .zas-accordion-body { overflow: hidden; width: 100%; } /* Save Modal */ .waiting-modal .modal-dialog { top: 30vh; width: 100vw; } .wait-modal-message, .wait-modal-icon-loop, .wait-modal-zas-close-button { text-align: center; } .modal-body-icon-loop, .modal-body-message { text-align: center; } .zas-modal { border-bottom: 7px solid; border-radius: 0; width: 100%; } .zas-modal .window-bar { display: block; width: 100%; height: 30px; text-align: right; } .zas-modal .zas-modal-tabs { display: block; width: 100%; } .zas-modal .zas-modal-tabs .save-tab, .zas-modal .zas-modal-tabs .login-tab { display: inline-block; cursor: pointer; padding: 10px; min-height: 40px; vertical-align: middle; text-align: center; } .zas-modal .zas-modal-tabs .save-tab.active, .zas-modal .zas-modal-tabs .login-tab.active { cursor: default; } .zas-modal .zas-modal-tabs .save-tab { width: 44%; max-width: 44%; } .zas-modal .zas-modal-tabs .login-tab { width: 56%; max-width: 56%; } .zas-modal .zas-modal-content { padding: 40px 30px; } .zas-modal .zas-modal-content .input-row { display: block; width: 100%; min-height: 40px; margin-top: 20px; } .zas-modal .zas-modal-content .input-row .zas-label { display: inline-block; padding-right: 20px; padding-top: 10px; } .zas-modal .zas-modal-content .input-row .input { display: inline-block; width: 300px; float: right; } .modal-save-520 { position: relative; width: 520px; margin: 10px auto; } @media (max-width: 540px) { .modal-save-520 { width: calc(100% - 20px); } .modal-save-520 .zas-modal { border-bottom: none; padding-bottom: 40px; } .modal-save-520 .zas-modal .window-bar { display: none; } .modal-save-520 .zas-modal .login-tab, .modal-save-520 .zas-modal .save-tab { padding: 10px 0; } .modal-save-520 .zas-modal .zas-modal-content .input-row .input { width: 100%; } .modal-save-520 .zas-modal .zas-button-save { text-align: left; padding: 0; width: 100%; } } /* TYPEAHEAD POP-UP */ .zas-typeahead-popup { position: absolute; color: #000; font-size: 15px; line-height: 20px; text-align: left; border: 1px solid #808080; max-height: 300px; overflow-y: scroll; background: #fff; list-style: none; z-index: 1000; margin: 0; padding: 0; display: block; overflow-x: hidden; border-bottom: 7px solid #4066b3; } .zas-typeahead-group { list-style: none; margin: 0; padding: 0; } .zas-typeahead-group-label { margin-left: 10px; font-weight: bold; } .zas-typeahead-item { cursor: pointer; padding: 3px 20px; } .zas-typeahead-item.active { background: #337ab7; color: #fff; } /* TEASER */ .teaser { min-height: 250px; height: 250px; min-width: 300px; width: 300px; } .teaser-button { height: 40px; } .teaser-title { position: relative; top: 0; width: 100%; height: 20%; padding: 10px; } .teaser-title::before { filter: blur(5px); } /* BREADCRUMBS */ .zas-breadcrumbs-container { display: block; box-sizing: border-box; height: 42px; z-index: 10000; } @media (max-width: 800px) { .zas-breadcrumbs-container { display: none !important; } } .zas-breadcrumbs-container .zas-breadcrumbs { list-style-type: none; margin: 0; white-space: nowrap; /*overflow: hidden;*/ display: block; -webkit-padding-before: 1em; -webkit-padding-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; box-sizing: border-box; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb { display: inline-block; text-align: -webkit-match-parent; box-sizing: border-box; padding-right: 5px; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb:first-child:before { display: none; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb:before { margin: 0 6px 0 3px; vertical-align: bottom; cursor: auto; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb:last-child span { cursor: auto; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb span { cursor: pointer; } /* STEP NAVIGATION */ .step { width: 100%; display: inline-block; border: 1px solid; overflow: hidden; border-radius: 5px; } .step div { width: 25%; text-decoration: none; outline: none; display: block; float: left; padding: 0 10px 0 60px; position: relative; } .step div:first-child { padding-left: 46px; border-radius: 5px 0 0 5px; } .step div:first-child:before { left: 14px; } .step div:last-child { border-radius: 0 5px 5px 0; padding-right: 20px; } .step div:last-child:after { content: none; } .step div:after { content: ''; position: absolute; top: 0; right: -25px; width: 50px; height: 50px; transform: scale(0.707) rotate(45deg); z-index: 1; border-radius: 0 5px 0 50px; } /* NOTES */ .error-note-wrapper { position: absolute; margin-top: -60px; } .error-note { margin-top: 70px; left: 0; z-index: 160; position: absolute; line-height: normal; /*text-align: center;*/ /*margin-top: 10px;*/ min-height: 32px; padding: 10px 10px 10px 10px; box-shadow: 0 0 7px rgba(0,0,0,0.3); } .error-note:after { z-index: 161; content: ''; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px; } .error-note.ng-hide:not(.ng-hide-animate) { display: block !important; visibility: hidden !important; } .zas-info-directive-wrapper { float: right; } .zas-info-directive .dropdown-toggle { cursor: pointer; } .zas-input-line-info .dropdown-toggle span { border-bottom: none !important; } .zas-input-line-group .zas-input-line .zas-input-line-info { margin-left: -4px; margin-right: -4px; } .zas-info-directive .dropdown-menu { display: block; left: auto; right: 0; text-align: center; min-width: 240px; margin: 0 -10px 8px 0; padding: 30px 16px 8px 16px; } .zas-info-directive .downward-arrow { content: ''; position: absolute; bottom: 18px; left: 2px; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 8px; } .zas-info-directive .dropdown-menu .body { text-align: left; } .zas-paketvergleich-highlights .zas-info-directive .dropup { text-indent: 0px; } .zas-tarifanpassung-details .zas-list .zas-info-directive .dropup { text-indent: 0px; } .description-body .zas-list .zas-info-directive .dropup { text-indent: 0px; } /* STICKY */ .stickyWrapper { z-index: 999999; } /* DOM INPUT FIELDS (REST OF FILE) */ input[type="checkbox"], input[type="radio"] { /* Do not hide, because it removes input from tab order */ width: 0; height: 0; -webkit-appearance: none; -moz-appearance: none; background: none; position: absolute; } input[type="checkbox"] + label, input[type="checkbox"]:checked + label, input[type="checkbox"][disabled] + label, input[type="checkbox"][disabled]:checked + label { display: inline; cursor: pointer; padding-left: 25px; background-position: left; } input[type="radio"] + label, input[type="radio"]:checked + label, input[type="radio"][disabled] + label, input[type="radio"][disabled]:checked + label { display: inline; cursor: pointer; padding-left: 25px; background-position: left; } input[type="checkbox"] + label { background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBNZXRob2QgRHJhdyAtIGh0dHA6Ly9naXRodWIuY29tL2R1b3BpeGVsL01ldGhvZC1EcmF3LyAtLT4KIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMTgiIHdpZHRoPSIxOCIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgc3Ryb2tlPSIjOEU4RThFIiBpZD0iUmVjdGFuZ2xlLTEtKy1QYXRoLTMiPgogICA8cmVjdCBmaWxsPSJ3aGl0ZSIgaGVpZ2h0PSIxNSIgd2lkdGg9IjE1IiB5PSIwLjUiIHg9IjAuNSIgaWQ9InN2Z18zIi8+CiAgPC9nPgogPC9nPgo8L3N2Zz4=) no-repeat; } input[type="checkbox"]:checked + label { background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBNZXRob2QgRHJhdyAtIGh0dHA6Ly9naXRodWIuY29tL2R1b3BpeGVsL01ldGhvZC1EcmF3LyAtLT4KIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMTgiIHdpZHRoPSIxOCIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9IlJlY3RhbmdsZS0xLSstUGF0aC0xIj4KICAgPHJlY3QgZmlsbD0id2hpdGUiIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgeT0iMC41IiB4PSIwLjUiIHN0cm9rZT0iIzhFOEU4RSIgaWQ9InN2Z18xIi8+CiAgIDxwYXRoIGZpbGw9IiMwMDMzOTkiIGlkPSJzdmdfMiIgZD0ibTQuNSw3LjAyNjM3bDEuNjc2NzYsMS44NjIzbDQuODUzNTEsLTQuNjUxMzdsMS45MTc5NywxLjQ2NTgzbC02LjYxNjIxLDYuMDU5NTdsLTMuMjgwMjcsLTMuNDczNjRsMS40NDgyNCwtMS4yNjI2OXoiLz4KICA8L2c+CiA8L2c+Cjwvc3ZnPg==) no-repeat !important; } .inline-checkbox label { position: relative; top: 32px; } input[type="radio"] + label { background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBNZXRob2QgRHJhdyAtIGh0dHA6Ly9naXRodWIuY29tL2R1b3BpeGVsL01ldGhvZC1EcmF3LyAtLT4KIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMTgiIHdpZHRoPSIxOCIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgc3Ryb2tlPSIjOEU4RThFIiBpZD0iT3ZhbC0xLSstT3ZhbC01Ij4KICAgPGNpcmNsZSBzdHJva2U9Im51bGwiIGZpbGw9IndoaXRlIiByPSI3IiBjeT0iOCIgY3g9IjgiIGlkPSJzdmdfMSIvPgogIDwvZz4KIDwvZz4KPC9zdmc+) no-repeat; } input[type="radio"]:checked + label { background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8IS0tIENyZWF0ZWQgd2l0aCBNZXRob2QgRHJhdyAtIGh0dHA6Ly9naXRodWIuY29tL2R1b3BpeGVsL01ldGhvZC1EcmF3LyAtLT4KIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMTgiIHdpZHRoPSIxOCIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9Ik92YWwtMS0rLU92YWwtMiI+CiAgIDxjaXJjbGUgZmlsbD0id2hpdGUiIHI9IjciIGN5PSI4IiBjeD0iOCIgc3Ryb2tlPSIjOEU4RThFIiBpZD0ic3ZnXzEiLz4KICAgPGNpcmNsZSByPSIzLjUiIGN5PSI4IiBjeD0iOCIgZmlsbD0iIzAwMzM5OSIgaWQ9InN2Z18yIi8+CiAgPC9nPgogPC9nPgo8L3N2Zz4=) no-repeat !important; } input[type="checkbox"][disabled] + label { opacity: 0.6; cursor: not-allowed; } input[type="checkbox"][disabled]:checked + label { opacity: 0.6; cursor: not-allowed; } input[type="radio"][disabled] + label { opacity: 0.6; } input[type="radio"][disabled]:checked + label { opacity: 0.6; } input[type="checkbox"].justLabel + label { background: none; padding-left: 0px; } input[type="text"] { vertical-align: middle; height: 40px; padding-left: 10px; border-radius: 5px; } input::-ms-clear { display: none; } input[type="email"] { vertical-align: middle; height: 40px; padding-left: 10px; border-radius: 5px; } input[type="password"] { vertical-align: middle; height: 40px; padding-left: 10px; border-radius: 5px; } input[type="date"] { vertical-align: middle; height: 40px; padding-left: 10px; border-radius: 5px; } /* AGENT SEARCH */ @media (min-width: 801px) { .agentSearchInputWrapper { width: 50%; } } .activeAgent.selectAgent { color: #039; cursor: default; background-color: #dadada; } .selectAgent { cursor: pointer; padding: 2px 0 0 10px; border-bottom: 1px solid; border-color: #bcbcbc; } @media (min-width: 801px) { .selectAgent { width: 50%; } } input[type=text].agentSearchInput { width: 100%; } input[type=text].agentSearchInput.form-control { float: none; } @media (min-width: 801px) { .selectAgent .selectAgentName { float: left; margin-top: 8px; } } @media (min-width: 801px) { .selectAgent .selectAgentAddress, .selectAgent .selectAgentContact { text-align: right; } } @media (min-width: 801px) { .selectAgent .selectAgentContact { width: 42%; float: right; } } @media (min-width: 801px) { .selectAgentWrapperDesktop { width: 50%; float: left; } } .zasAgentSearch.spinningWrapper { z-index: 3; position: absolute; } @media (min-width: 801px) { .zasAgentSearch.spinningWrapper { right: 50%; } } @media (max-width: 800px) { .zasAgentSearch.spinningWrapper { right: 0; } } .zasAgentSearch.icon-loop.spinning { padding: 8px 10px; font-size: 28px; float: right; margin-top: -42px; } @media (max-width: 800px) { .agentSelectNavigation { text-align: center; } } .agentSelectNavigation a { font-size: 29px; text-decoration: none; } .agentSelectNavigation .active { cursor: pointer; } .agentSelectNavigation .inactive { color: #dedede; cursor: default; } .agentSelectNavigation p { display: inline-block; line-height: 29px; vertical-align: middle; margin: 0 0 7px; } .selectedAgentDetails { margin-top: 10px; } @media (max-width: 800px) { .selectedAgentDetails { text-align: center; } } @media (min-width: 801px) { .selectedAgentDetails { width: 50%; } } .selectedAgentDetails .imageContainer { /*@media ({notMobileCondition}) {*/ padding: 15px; /*}*/ } .selectedAgentDetails .imageContainer img { width: 100%; } @media (max-width: 800px) { .selectedAgentDetails .imageContainer img { max-width: 400px; } } .selectedAgentDetails .detailsName { color: #039; font-size: 21px; padding-bottom: 15px; } .selectedAgentDetails .detailsLocationHeader { font-weight: bold; } @media (min-width: 801px) { .selectedAgentDetails .detailsLeftCol, .selectedAgentDetails .detailsMidCol, .selectedAgentDetails .detailsRightCol { width: 33%; display: table-cell; } } @media (max-width: 800px) { .selectedAgentDetails .detailsLeftCol, .selectedAgentDetails .detailsMidCol, .selectedAgentDetails .detailsRightCol { padding-bottom: 10px; } } .selectedAgentDetails .detailsLeftCol, .selectedAgentDetails .detailsMidCol, .selectedAgentDetails .detailsRightCol { vertical-align: top; } .selectedAgentDetails .detailsLocation { margin-bottom: 15px; } @media (min-width: 801px) { .selectedAgentDetails .zas-button-normal { float: right; } } #rc-imageselect { display: inline; } .g-recaptcha { margin-top: 40px; margin-left: calc(50% - 128px); } @media (max-width: 800px) { .g-recaptcha { display: table; margin-left: calc(15%); } } .zas-unfall-row { clear: both; } .zas-unfall-h5 { float: left; } .zas-unfall-info { float: left; margin-top: 10px; margin-left: 10px; } @media (max-width: 800px) { .zas-unfall-info { float: right; } } .scroll-to-top-button { position: fixed; font-size: 32px; bottom: 0; right: 0; margin: 60px; z-index: 9999; color: #006; /* (ZB2) */ padding: 0; border: none; background: none; } .scroll-to-top-button:hover { color: #039; /* (ZB1) */ } @media (min-width: 541px) { .header-mobile { height: 90px; } } @media (max-width: 540px) { .header-mobile { height: 120px; } } @media (max-width: 800px) { .inteligent-alligment-bold { font-weight: bold; text-align: left; } } @media (min-width: 801px) { .inteligent-alligment-bold { font-weight: bold; text-align: right; } } @media (max-width: 800px) { .inteligent-alligment-content { text-align: right; } } @media (min-width: 801px) { .inteligent-alligment-content { text-align: left; } } @-moz-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-o-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <style type="text/css"> @import url(//fast.fonts.net/t/1.css?apiType=css&projectid=7071a65f-b8c6-4713-87ce-6813fd3168dc); </style> <style type="text/css"> /* Copyright @ 2016 itestra GmbH */ /* Colors (ZB1) - Zurich Blue 1 - #003399 (ZB1-75) - Zurich Blue 1, 75% - #4066B3 (ZB2) - Zurich Blue 2 - #000066 (G10) - Grey 10% - #E6E6E6 (G15) - Grey 15% - #DADADA (G20) - Grey 20% - #CDCDCD (G35) - Grey 35% - #BFBFBF (G45) - Grey 45% - #8E8E8E (B75) - Black 75% - #3E3E3E (S) - Salmon - #EA635C (T) - Turquoise - #00BFB3 (MB) - Mid Blue - #4F90C8 */ /* VARIABLES */ /* GENERAL */ @font-face { font-family: 'FontAwesome'; src: url(/kunde/assets/fontawesome-webfont-97493d3f11c0a3bd5cbd959f5d19b699.woff2) format('woff2'), url(/kunde/assets/fontawesome-webfont-d9ee23d59d0e0e727b51368b458a0bff.woff) format('woff'), url(/kunde/assets/fontawesome-webfont-706450d7bba6374ca02fe167d86685cb.ttf) format('truetype'); } /* Generated from fonts.com */ @font-face { font-family: "Frutiger LT W04_45 Light"; src: url(/kunde/assets/240c6c8d-332b-4c31-82cf-2d9b68f39175-9558c1c70e1e35dce2ef8c2c620233a1.eot?#iefix); src: url(/kunde/assets/240c6c8d-332b-4c31-82cf-2d9b68f39175-9558c1c70e1e35dce2ef8c2c620233a1.eot?#iefix) format("eot"), url(/kunde/assets/d9025191-4bb5-4d58-83d4-b36f7a626b48-852bfcfce2b7ce4e1ccfa1cd3dba33e4.woff2) format("woff2"), url(/kunde/assets/e8bcae0a-21c2-4b10-99b2-2472b3f27707-56e1120c5897fc3736e12563f902f1a4.woff) format("woff"), url(/kunde/assets/1d4d487f-9232-4fc2-8014-750385a0f9fe-373df795b4c9751c7c34a02d58e7e6ce.ttf) format("truetype"), url(/kunde/assets/74fb34d9-83bd-4f37-8d8b-c41cf8d71e31-fbdbfab4ead9f215435246c4b61cea4a.svg#74fb34d9-83bd-4f37-8d8b-c41cf8d71e31) format("svg"); } @font-face { font-family: "Frutiger LT W01_45 Ligh1475730"; src: url(/kunde/assets/81e3653a-53bd-49d9-a1f8-f924811b6f02-dce2edddfb3588b8f6cb61d3a9b19d41.eot?#iefix); src: url(/kunde/assets/81e3653a-53bd-49d9-a1f8-f924811b6f02-dce2edddfb3588b8f6cb61d3a9b19d41.eot?#iefix) format("eot"), url(/kunde/assets/087d8a95-3f25-4bae-a1d1-db9ddffd72f5-8066e15fd248b2b0785ea7d821616a48.woff2) format("woff2"), url(/kunde/assets/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db-9016b64d871374691f0727ebd767ff6f.woff) format("woff"), url(/kunde/assets/83c94878-06c8-442c-a7df-d520b0ced00b-a51633d4af52bd67d831f6485e0016b9.ttf) format("truetype"), url(/kunde/assets/29f3ff8a-1719-4e25-a757-53ee1a1114a5-f5a516bb501fc7a8b51b5ea7f6162120.svg#29f3ff8a-1719-4e25-a757-53ee1a1114a5) format("svg"); } @font-face { font-family: "Frutiger LT W04_46 Ligh1459266"; src: url(/kunde/assets/18b04acf-92a8-489c-b572-adaa2de907d4-54217b093a7c9e5875b2c55efb4932c1.eot?#iefix); src: url(/kunde/assets/18b04acf-92a8-489c-b572-adaa2de907d4-54217b093a7c9e5875b2c55efb4932c1.eot?#iefix) format("eot"), url(/kunde/assets/23ab40c9-2622-41c0-948d-54fc8c6a9122-5ed27870983ab3b9c5919a6bd52ac6d9.woff2) format("woff2"), url(/kunde/assets/e3d569ea-7020-42f7-99b7-a7f547529d60-b04cc9a5966cbc47a2e5d9f717a02ed8.woff) format("woff"), url(/kunde/assets/ee85b5d4-67e4-4d89-a8b9-362126f8a9c5-8bbf7695359673ab8a386f8df3e53f4b.ttf) format("truetype"), url(/kunde/assets/e5def08c-29e4-40da-8e5e-796481a442a3-1db7904b75079b608a5fcefb97a1ef19.svg#e5def08c-29e4-40da-8e5e-796481a442a3) format("svg"); } @font-face { font-family: "Frutiger LT W01_46 Ligh1475734"; src: url(/kunde/assets/381ea1e1-9a08-4929-a402-63be7fd76549-c97ea3b6a28a13fd7d221f9e26a7356d.eot?#iefix); src: url(/kunde/assets/381ea1e1-9a08-4929-a402-63be7fd76549-c97ea3b6a28a13fd7d221f9e26a7356d.eot?#iefix) format("eot"), url(/kunde/assets/db6ed4c5-5248-41f3-a6b5-4e8ff1d5ab06-7b12e986f9d129ff58274e3c8c5ff2c5.woff2) format("woff2"), url(/kunde/assets/38f88aba-a7d0-4a78-9323-ac58226d277e-0339a6fb0fa0c258bdae54a7caca705e.woff) format("woff"), url(/kunde/assets/1149176e-a9be-41bf-822e-275d9da199e5-1d0e71bebd58483f8052810c34309c80.ttf) format("truetype"), url(/kunde/assets/cd75c3e3-c5b7-4a25-9498-cabe4e8a9076-130a6042833b502c8f63b008921560a0.svg#cd75c3e3-c5b7-4a25-9498-cabe4e8a9076) format("svg"); } @font-face { font-family: "Frutiger LT W01_55 Roma1475738"; src: url(/kunde/assets/fe232554-5489-4874-bb45-bd966c8c5932-4234d3264397673ece5677567ca0450b.eot?#iefix); src: url(/kunde/assets/fe232554-5489-4874-bb45-bd966c8c5932-4234d3264397673ece5677567ca0450b.eot?#iefix) format("eot"), url(/kunde/assets/0811514e-6660-4043-92c1-23d0b8caaa2f-9512031162098077b02a291d5bf69f0e.woff2) format("woff2"), url(/kunde/assets/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6-2df271bc97ba2cb8b3e98c5382c24a7a.woff) format("woff"), url(/kunde/assets/caedf2e6-fbef-4928-b08e-1f975981ae8d-bddbc59a4a76b5cf0295476a7eb82849.ttf) format("truetype"), url(/kunde/assets/7def0e34-f28d-434f-b2ec-472bde847115-a0e06304e89f7dda0ccca7c1e52e8166.svg#7def0e34-f28d-434f-b2ec-472bde847115) format("svg"); } @font-face { font-family: "Frutiger LT W01_56 Italic"; src: url(/kunde/assets/f8bbb037-530d-4e04-a651-4134f7031164-b5366389f6b5456fd104a0a6c7c7e739.eot?#iefix); src: url(/kunde/assets/f8bbb037-530d-4e04-a651-4134f7031164-b5366389f6b5456fd104a0a6c7c7e739.eot?#iefix) format("eot"), url(/kunde/assets/f5a95cb0-6d5b-4eb4-b6a3-a529d5ccde25-061a6c7e676661dc8f72836fe6df8e33.woff2) format("woff2"), url(/kunde/assets/01f463dc-dba9-419f-9c9f-80ac2ee9f427-72df776eda6c3a9a6b860dc7c69157f5.woff) format("woff"), url(/kunde/assets/ba125970-2d75-413e-a466-324153755f20-2560b9b8cef75c3f4ec2d9ba0cd8496a.ttf) format("truetype"), url(/kunde/assets/141c0322-57c4-48ca-abb4-31688d659f7d-f616ad96025b2f8c092905d4ddc680c8.svg#141c0322-57c4-48ca-abb4-31688d659f7d) format("svg"); } @font-face { font-family: "Frutiger LT W04_65 Bold"; src: url(/kunde/assets/24a3530b-f498-45f0-84f4-6de090eb2a5e-67132d753b66bb3d4f8ecee482cb638e.eot?#iefix); src: url(/kunde/assets/24a3530b-f498-45f0-84f4-6de090eb2a5e-67132d753b66bb3d4f8ecee482cb638e.eot?#iefix) format("eot"), url(/kunde/assets/6747474a-69a6-4149-b29b-368e42e69912-d840a428eeeff80855f4ade2eb852bf4.woff2) format("woff2"), url(/kunde/assets/bf3f91cd-dde7-4219-912c-787de8db2704-fea34528d3f0086e9ac2fdc2c6b3dcee.woff) format("woff"), url(/kunde/assets/a95052dd-36f0-4729-817a-7798ccae709e-631c12fa737a8c7168a0975738339179.ttf) format("truetype"), url(/kunde/assets/dd4118e6-1d86-4ff2-ad6d-d7b7b4da9834-1d07881c7f1240b770acf598d6a04c8c.svg#dd4118e6-1d86-4ff2-ad6d-d7b7b4da9834) format("svg"); } @font-face { font-family: "Frutiger LT W01_65 Bold1475746"; src: url(/kunde/assets/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7-e81c6d52fdebd4d5763c61c0acdb2cb2.eot?#iefix); src: url(/kunde/assets/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7-e81c6d52fdebd4d5763c61c0acdb2cb2.eot?#iefix) format("eot"), url(/kunde/assets/8c92eb68-ce37-4962-a9f4-5b47d336bd1c-38f765ebf31015515a549b80a8e2a37a.woff2) format("woff2"), url(/kunde/assets/9bdfdcac-bbd4-46a9-9280-056c9a4438a2-587c174f710b9659f133c4c5a7f7869d.woff) format("woff"), url(/kunde/assets/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b-e772b02f4cd08e5645b7587305f675fb.ttf) format("truetype"), url(/kunde/assets/eae74276-dd78-47e4-9b27-dac81c3411ca-f029a677a0424961872229838c959bdf.svg#eae74276-dd78-47e4-9b27-dac81c3411ca) format("svg"); } @font-face { font-family: "Frutiger LT W01_66 Bold Italic"; src: url(/kunde/assets/36c26121-ef21-4e44-9f00-0388185c96aa-c381f04079b16c3d9a4d2d4ca5ec90ef.eot?#iefix); src: url(/kunde/assets/36c26121-ef21-4e44-9f00-0388185c96aa-c381f04079b16c3d9a4d2d4ca5ec90ef.eot?#iefix) format("eot"), url(/kunde/assets/9e60a7b4-389b-4630-9fa6-1abd9be2035f-daacab1020c46c33fe8978a271bcdb54.woff2) format("woff2"), url(/kunde/assets/3048913e-d0c8-4b82-978a-aa862248bea4-dfdb1ab4bd72a40275a3b8c57e4106b0.woff) format("woff"), url(/kunde/assets/db4ea3f5-223b-4821-957f-6eb868db73b1-92855b584dbccfdf4e2b175ef73fa53a.ttf) format("truetype"), url(/kunde/assets/8ad009ab-a7e5-4acb-8ca5-326d2a759924-b96f44a5f3cdd7443788095cee0f037e.svg#8ad009ab-a7e5-4acb-8ca5-326d2a759924) format("svg"); } @font-face { font-family: "Frutiger LT W04_75 Black"; src: url(/kunde/assets/7dbb7067-4e17-4fc6-b29d-9994c49e024a-29f2bc73aae9fb78dc9bc2a40aaaa4d3.eot?#iefix); src: url(/kunde/assets/7dbb7067-4e17-4fc6-b29d-9994c49e024a-29f2bc73aae9fb78dc9bc2a40aaaa4d3.eot?#iefix) format("eot"), url(/kunde/assets/84b849ef-c1d6-4357-b93c-1126edabab2a-caca9f7ba5a23a94f7cbf86d59c37b63.woff2) format("woff2"), url(/kunde/assets/fdd4cfa7-b375-44d3-a4eb-9efac8c24f0c-6e6254651160eefa99db31a467cad47c.woff) format("woff"), url(/kunde/assets/1c57c50e-f74f-43e0-831d-e8fae91d53e7-5b16057998700458e519c18270c6d528.ttf) format("truetype"), url(/kunde/assets/ba52ea79-6f0e-4e22-ab74-8be704c21b8d-023d1b5001e232f5dcf8386dde83bdff.svg#ba52ea79-6f0e-4e22-ab74-8be704c21b8d) format("svg"); } @font-face { font-family: "Frutiger LT W01_75 Black"; src: url(/kunde/assets/fb1e4ad2-83fa-4735-aa1b-900f4a36749f-b2623c75d6d1936d533b92f66133f1c6.eot?#iefix); src: url(/kunde/assets/fb1e4ad2-83fa-4735-aa1b-900f4a36749f-b2623c75d6d1936d533b92f66133f1c6.eot?#iefix) format("eot"), url(/kunde/assets/221b3252-186e-4a32-a90b-cc0c3a4817d7-b50d5ddd6328a8198b5144f4a87e4ab1.woff2) format("woff2"), url(/kunde/assets/a061c7a6-3b14-451e-883c-0f1661ac3d76-33bc9ddf556a96221c59cd24946d5dec.woff) format("woff"), url(/kunde/assets/558394f3-8981-4be9-8a8a-c23488eb9b6d-8621aa3150ac4490bc59406f1c0a7892.ttf) format("truetype"), url(/kunde/assets/1c437efb-925e-4bc5-96d0-c706bb400696-ee4cc29dcc35367dc3f13e140e24e8c5.svg#1c437efb-925e-4bc5-96d0-c706bb400696) format("svg"); } @font-face { font-family: "Frutiger LT W01_76 Blac1475758"; src: url(/kunde/assets/ad058bb8-7a08-4adb-81be-b97f0d00b951-f57da89f04114273eed3ec1e8df122af.eot?#iefix); src: url(/kunde/assets/ad058bb8-7a08-4adb-81be-b97f0d00b951-f57da89f04114273eed3ec1e8df122af.eot?#iefix) format("eot"), url(/kunde/assets/1ca1f0ee-8bf4-4a8f-9e47-f322036921a9-3b03db8e5479342a90d681be311db97a.woff2) format("woff2"), url(/kunde/assets/0d1f6923-8720-40fa-a8c9-5ba166ae2b98-396a496639b9f00a6f78895bdf20518f.woff) format("woff"), url(/kunde/assets/61770e26-a01e-4032-83a6-32308bb7be52-4cea28c0cfaf0a76c794494b0f27e48e.ttf) format("truetype"), url(/kunde/assets/24df08f2-b418-49de-8eca-745947092d72-0ebd3961f6d75a16540aaaf727582a7b.svg#24df08f2-b418-49de-8eca-745947092d72) format("svg"); } @font-face { font-family: "Frutiger LT W01_95 Ultra Black"; src: url(/kunde/assets/2c0f416b-892b-4223-b90e-a0986b832d52-874428e0f709d3b88c345457868a87e1.eot?#iefix); src: url(/kunde/assets/2c0f416b-892b-4223-b90e-a0986b832d52-874428e0f709d3b88c345457868a87e1.eot?#iefix) format("eot"), url(/kunde/assets/b3b6a774-8da3-4970-baa7-426572975164-1e17199abd1e7afc6c344f30e2c6561d.woff2) format("woff2"), url(/kunde/assets/145ceb9b-3d3e-4e3f-b5a8-9c9cf876cd0d-116a7050e1ee9156558d942d992b63ae.woff) format("woff"), url(/kunde/assets/3fbefead-675a-4932-a670-f91da78ceece-83bf1f0ca35f88b667be18d4c6c11248.ttf) format("truetype"), url(/kunde/assets/3b96d0b6-5de6-4fb0-9884-b645e55d01c4-c1afec9543861d6d74391a8bf4f2a58e.svg#3b96d0b6-5de6-4fb0-9884-b645e55d01c4) format("svg"); } @font-face { font-family: "Frutiger LT W01_47 Light Cond"; src: url(/kunde/assets/5a1bab15-ef53-49fb-aaa8-16c62d878661-1cd158b91fbff3cb1eedabf2146d0a26.eot?#iefix); src: url(/kunde/assets/5a1bab15-ef53-49fb-aaa8-16c62d878661-1cd158b91fbff3cb1eedabf2146d0a26.eot?#iefix) format("eot"), url(/kunde/assets/d081ebc4-72ee-49ad-94a1-b3cd3e01e2a1-135ec57a96fddfe9fa4df27199499540.woff2) format("woff2"), url(/kunde/assets/e4b55b70-bcab-4701-b1ce-3cd09b3c8077-bae31e74b181d7419d013f4363d48aac.woff) format("woff"), url(/kunde/assets/6822f9fe-ec36-4b8a-928c-21c4d9036e7a-a9f6187006b07a4e821d6499fb71aca8.ttf) format("truetype"), url(/kunde/assets/a8692796-3220-4d4b-a593-167aafa86ec9-dcd98ada856a634ff10f298522beae4d.svg#a8692796-3220-4d4b-a593-167aafa86ec9) format("svg"); } @font-face { font-family: "Frutiger LT W01_48 Light Cn It"; src: url(/kunde/assets/24b7be9f-1fb7-4852-bb08-fa9efbc653de-0ce39c3927959d4d47b3858f603826d0.eot?#iefix); src: url(/kunde/assets/24b7be9f-1fb7-4852-bb08-fa9efbc653de-0ce39c3927959d4d47b3858f603826d0.eot?#iefix) format("eot"), url(/kunde/assets/dd14f86b-6832-4698-a69d-50818bb5d389-9e7897418e90cacf89583619c51797c1.woff2) format("woff2"), url(/kunde/assets/100c0386-b64c-4c85-9172-b79785f4dcd2-5f4402c36940d620821a4064794252cb.woff) format("woff"), url(/kunde/assets/0f30dafd-8b17-4c6f-95df-70d2b3a528d6-118a31eaeaadfbc3af72ef7ae2d98655.ttf) format("truetype"), url(/kunde/assets/89b1c0f0-7f00-4559-9bd7-166b43d93a70-988d88bde9aa05bc3be7b10e83dd7e6b.svg#89b1c0f0-7f00-4559-9bd7-166b43d93a70) format("svg"); } @font-face { font-family: "Frutiger LT W01_67 Bold Cond"; src: url(/kunde/assets/d4125907-9465-43ee-b1eb-b9195f69cec7-2c22571fcb64dc918779ff4b23fc47d4.eot?#iefix); src: url(/kunde/assets/d4125907-9465-43ee-b1eb-b9195f69cec7-2c22571fcb64dc918779ff4b23fc47d4.eot?#iefix) format("eot"), url(/kunde/assets/4c4ee705-e593-4456-988d-03a5a2594534-e74a547b54784554a581dd3341a58c94.woff2) format("woff2"), url(/kunde/assets/e728739a-5d86-4213-9f4f-73394eff3d19-19dbb5bdfb23fffded529422de2f34c8.woff) format("woff"), url(/kunde/assets/ec9c2bcd-5001-4da7-985e-6697698f55b3-e263cdc2a08abe9486e26cc489f93a6f.ttf) format("truetype"), url(/kunde/assets/d6cc9dd9-5ba8-4746-a2dd-ee86b58a9db4-6b4dd076d517740999c2aa6b6d732ee8.svg#d6cc9dd9-5ba8-4746-a2dd-ee86b58a9db4) format("svg"); } @font-face { font-family: "Frutiger LT W01_68 Bold Cn It"; src: url(/kunde/assets/6b6a8606-21c2-4dfb-93ef-4476b7fee02e-60d68fbd55f9065c78f1bdeb97324a93.eot?#iefix); src: url(/kunde/assets/6b6a8606-21c2-4dfb-93ef-4476b7fee02e-60d68fbd55f9065c78f1bdeb97324a93.eot?#iefix) format("eot"), url(/kunde/assets/dc3008a2-9cad-48ed-8251-2412ed09086f-129c3a1998f8ca8172bb79ad3beb2536.woff2) format("woff2"), url(/kunde/assets/db967fba-df9a-4509-b1b5-95124c2013ce-a6be7a6b362cf27f6d651af13a10772a.woff) format("woff"), url(/kunde/assets/e35131d4-d3d5-4780-9383-3c3b2469d285-faab1456298d4fa0bd0cb3e5e92d5884.ttf) format("truetype"), url(/kunde/assets/cdfb4293-496b-4d97-be05-bedac40fabd6-4c07458d55ced9a92d021bbb7fa42533.svg#cdfb4293-496b-4d97-be05-bedac40fabd6) format("svg"); } @font-face { font-family: "Frutiger LT W01_87 X Black Cn"; src: url(/kunde/assets/75ba6937-3bfa-44f1-92d6-20ac14078a5e-83664b57368630418a2e99e40c06165a.eot?#iefix); src: url(/kunde/assets/75ba6937-3bfa-44f1-92d6-20ac14078a5e-83664b57368630418a2e99e40c06165a.eot?#iefix) format("eot"), url(/kunde/assets/e6bb7878-ff84-4f3c-b940-1accdb0d3af5-178d34272c2d964b33a9f2a0581e71a3.woff2) format("woff2"), url(/kunde/assets/9a63260d-daef-47ce-a2a8-a0c578fece6e-52665606d7b973446215af9f7704bcee.woff) format("woff"), url(/kunde/assets/e2b05bef-eb99-443a-a22c-a35ce2d70098-82b31691e1a0cb287ee99be26db4ac27.ttf) format("truetype"), url(/kunde/assets/f9ce193a-3f49-47fc-bed2-21a9265ecc96-82049bac8a315419d21b910c62505c50.svg#f9ce193a-3f49-47fc-bed2-21a9265ecc96) format("svg"); } @font-face { font-family: "Frutiger LT W01_88 X Blk Cn It"; src: url(/kunde/assets/40068504-d076-491b-bf74-c966f968e38a-90db8f304e754d43e6aa3a2137b196f9.eot?#iefix); src: url(/kunde/assets/40068504-d076-491b-bf74-c966f968e38a-90db8f304e754d43e6aa3a2137b196f9.eot?#iefix) format("eot"), url(/kunde/assets/02e06bef-8adf-4810-b5cb-eef02b06fe6d-2a51264090444aad73a2722a8ce8c555.woff2) format("woff2"), url(/kunde/assets/c98c03a0-886c-4607-bd29-42760f3e0457-8285a87b907e452c55aa923a84c6b8cc.woff) format("woff"), url(/kunde/assets/e4c42b14-e789-4258-9aa0-27946db5d8c8-49f766b598d11609abe6aa08d28cebd4.ttf) format("truetype"), url(/kunde/assets/096c37d9-7e7c-4821-a63e-2c77424c83b4-fc0fe001c3759c293dba730c36877b81.svg#096c37d9-7e7c-4821-a63e-2c77424c83b4) format("svg"); } body { font-family: 'Frutiger LT W01_55 Roma1475738'; font-size: 1.4rem; line-height: 1.8rem; } label { font-weight: normal; } /* STANDALONE CLASSES */ .bold { font-family: 'Frutiger LT W04_65 Bold'; } [class^="zas-button"] { font-size: 16px; } .zas-button-cta { color: #4066b3; background: #fff; border: 1px solid #4066b3; transition: background-color 0.3s; } .zas-button-cta.disabled, .zas-button-cta:disabled { color: #bfbfbf; border: 1px solid #f2f0ee; cursor: default; } .zas-button-cta:hover { background: #e6e6e6; } .zas-button-orange { color: #fff; transition: background-color 0.3s; background: #f69c00; } .zas-button-orange.disabled, .zas-button-orange:disabled { background: #bfbfbf; } .zas-button-orange:hover { color: #f69c00; background: #fff; border: 1px solid #f69c00; } .zas-button-orange:hover.disabled, .zas-button-orange:hover:disabled { color: #fff; background: #bfbfbf; border: none; } .zas-button-save, .zas-button-load { background-color: transparent; color: #4066b3; } .zas-button-save:hover, .zas-button-load:hover { color: #039; } .zas-button-load { float: right; padding-right: 0px; } .zas-button-normal { color: #fff; background: #4066b3; } .zas-button-normal:hover { background: #039; } .zas-button-normal:disabled { background: #bfbfbf; } .zas-tarifvergleich-fliesstext { font-size: 13px; } .zas-footnote { font-size: 8px; } .zas-paket-1 { background-color: #e8e5e3; } .zas-paket-2 { background-color: #e7eceb; } .zas-paket-1-header { color: #fff; background-color: #a89f96; } .zas-paket-2-header { color: #fff; background-color: #039; } .zas-list { text-align: left; list-style: none; text-indent: -24px; -webkit-padding-start: 24px; -moz-padding-start: 24px; } .zas-list li { padding-bottom: 15px; font-size: 13px; } .zas-list li:before { font-family: 'zurich-icons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 16px; margin: 0; padding: 0 6px 0 0; content: '\E61E'; color: #039; } .zas-hausrat-list li { padding-left: 20px; padding-bottom: 0; } .zas-hausrat-list li:before { display: none; } [class^="zas-body-copy"], [class*=" zas-body-copy"] { font-family: 'Frutiger LT W01_55 Roma1475738'; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #3e3e3e; /* (B75) */ /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .zas-body-copy-blue { color: #4066b3; /* (ZB1-75) */ } .zas-body-copy-bold { font-family: 'Frutiger LT W04_65 Bold'; } [class^="zas-headline-1"], [class*=" zas-headline-1"] { font-size: 36px; line-height: 40px; } [class^="zas-headline-2"], [class*=" zas-headline-2"] { font-size: 27px; line-height: 1; } [class^="zas-headline-22"], [class*=" zas-headline-22"] { font-size: 22px; line-height: 1; } [class^="zas-headline-3"], [class*=" zas-headline-3"] { font-size: 18px; line-height: 1; } [class^="zas-headline-4"], [class*=" zas-headline-4"] { color: #8e8e8e; font-size: 18px; line-height: 1; } .zas-nav-main-1 { font-family: 'Frutiger LT W01_55 Roma1475738'; color: #4066b3; /* (ZB1-75) */ font-size: 14px; } .zas-nav-main-2 { font-family: 'Frutiger LT W01_55 Roma1475738'; color: #4066b3; /* (ZB1-75) */ font-size: 14px; line-height: 16px; } .zas-nav-main-2-active { font-family: 'Frutiger LT W01_55 Roma1475738'; color: #8e8e8e; font-size: 14px; line-height: 16px; } .zas-nav-main-3 { font-weight: normal; color: #4066b3; /* (ZB1-75) */ font-size: 14px; line-height: 18px; } .zas-nav-main-3-active { font-weight: normal; color: #8e8e8e; font-size: 14px; line-height: 16px; } .zas-hr-blue-7 { height: 7px; background: #4066b3; /* ZB1-75 */ } .content { background-color: #fff; } /* Banner */ .banner-wrapper .banner { background-color: #039; color: #fff; font-size: 14pt; } .banner-wrapper .banner .banner-left { font-size: 130px; } @media (max-width: 800px) { .banner-wrapper .banner .banner-right .banner-content .banner-heading { font-size: 28px; font-family: inherit; font-weight: inherit; } } @media (max-width: 474px) { .banner-wrapper .banner .banner-right .banner-content .banner-heading { font-size: 18px; } } .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen { background-color: inherit; } @media (max-width: 474px) { .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen .input-group-addon { font-size: 12px; } .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen .form-control { font-size: 12px; } .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen .zas-label-diff-font-size { font-size: 14px; } } .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen .zas-label { color: #fff; vertical-align: middle; } @media (max-width: 800px) { .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen .zas-label { font-size: inherit; font-weight: normal; line-height: inherit; font-family: 'Frutiger LT W04_45 Light', "Helvetica Neue", Arial, sans-serif; font-weight: normal; } } @media (max-width: 474px) { .banner-wrapper .banner .banner-right .banner-content .zas-header-ber-fragen .zas-label { font-size: 12px; line-height: 26px; } } /* Header Berechnungsrelevante Fragen */ .zas-header-ber-fragen { background-color: #f2f0ee; text-align: left; } .zas-header-ber-fragen .ber-fragen-icon { color: #039; font-size: 60px; } .zas-header-ber-fragen .zas-label { color: #006; line-height: 2; } @media (max-width: 800px) { .zas-header-ber-fragen .zas-label { color: inherit; font-size: inherit; font-weight: normal; line-height: inherit; font-family: 'Frutiger LT W04_45 Light', "Helvetica Neue", Arial, sans-serif; font-weight: normal; font-size: 14px; } } .zas-header-ber-fragen .input { font-size: 18px; } @media (max-width: 800px) { .zas-header-ber-fragen .input .input-group .input-group-addon { font-size: 14px; } } .zas-header-ber-fragen .input .input-group .form-control { font-size: 18px; line-height: 1; } @media (max-width: 800px) { .zas-header-ber-fragen .input .input-group .form-control { font-size: 14px; } } @media (max-width: 800px) { .zas-header-ber-fragen .button-group button { background-color: inherit !important; } .zas-header-ber-fragen .button-group button:disabled { background-color: inherit !important; } } /* Paketvergleich */ .highlighted-paket-icon { font-size: 80px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-sep-line:after { border-color: #cdcdcd; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-details .value { color: #8e8e8e; font-size: 20px; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header { color: #fff; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-header .button-group .zas-button-save { color: #fff; } .zas-paketvergleich .zas-paketvergleich-table-2 .zas-paketvergleich-cell { border-color: #fff; } .zas-paketvergleich .zas-paketvergleich-mobile:before, .zas-paketvergleich .zas-paketvergleich-mobile:after { background-color: #f2f0ee; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element { border-color: #cdcdcd; color: #3e3e3e; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element .value { font-size: 16px; color: #8e8e8e; } .zas-paketvergleich .zas-paketvergleich-mobile .zas-paketvergleich-element .description-header { color: #3e3e3e; } /* Tarifanpassung */ .zas-tarifanpassung-header { color: #fff; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket { border-color: #fff; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket .tarif { font-weight: normal; font-size: 18px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.selectedPaket .zas-label { font-weight: normal; font-size: 30px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.notSelectedPaket { border-color: #fff; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.notSelectedPaket .tarif { font-weight: normal; font-size: 12px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element.notSelectedPaket .zas-label, .zas-tarifanpassung-header .zas-tarifanpassung-header-element.notSelectedPaket .zas-label .zas-headline-1 { font-weight: normal; font-size: 14px; line-height: 1; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-label { font-weight: normal; font-size: 25px; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-paket-1-header:after { border-color: #a89f96; } .zas-tarifanpassung-header .zas-tarifanpassung-header-element .zas-paket-2-header:after { border-color: #039; } .zas-tarifanpassung-subheader .tarif { font-size: 14px; color: #3e3e3e; font-family: 'Frutiger LT W04_65 Bold'; } .zas-tarifanpassung-subheader .zas-label { color: #006; } .zas-tarifanpassung-subheader .price { color: #006; } .is-sticky .zas-tarifanpassung-subheader.zas-paket-1 > div, .is-sticky .zas-tarifanpassung-subheader.zas-paket-1 { color: #fff; background-color: #a89f96; } .is-sticky .zas-tarifanpassung-subheader.zas-paket-2 > div, .is-sticky .zas-tarifanpassung-subheader.zas-paket-2 { color: #fff; background-color: #039; } .is-sticky .zas-button-thin { color: #fff; } .zas-tarifanpassung-footer { background-color: #e6e6e6; } .zas-tarifanpassung-footer .price { color: #006; } .zas-tarifanpassung-footer .zas-button-orange-persoenliche-daten { float: right; width: 30%; } @media (max-width: 800px) { .zas-tarifanpassung-footer { background-color: #f3f3f3; } .zas-tarifanpassung-footer .zas-button-orange:not(:disabled):not(.disabled) { background: #f69c00; } } .glyphicon-chevron-up:before { content: " "; } .zas-slider .zas-input-line .slider-line .rz-ticks .rz-tick { padding-right: 25px; } .zas-slider .slider-line .zas-whitebackground { background: #fff; } .zas-slider .slider-line .zas-rzslider-background { margin: -16px -15px 0 -20px; } .zas-slider .slider-line .rzslider .rz-pointer { font-size: 14px; color: #fff; background: #4066b3; } .zas-slider .slider-line .rzslider .rz-bar { background: #4066b3; } .zas-slider .slider-line .rzslider .rz-ticks .rz-tick.selected { color: #006; font-family: 'Frutiger LT W04_65 Bold'; } @media (max-width: 800px) { .zas-slider .zas-info-directive .dropup .dropdown-toggle .icon-info { margin-left: 4px; } } .zas-tarifanpassung-details-mobile { color: #4066b3; } /* Antrag */ .zas-antrag-header-boxes .zas-antrag-header-box { border-color: #fff; background-color: #dadada; color: #8e8e8e; font-weight: normal; font-size: 24px; line-height: 30px; } .zas-antrag-header-boxes .zas-antrag-header-box.active { background-color: #4066b3; color: #fff; } .zas-antrag-header-boxes .zas-antrag-header-box.accessible { background-color: #bfbfbf; color: #fff; } .zas-antrag-header-boxes .zas-antrag-header-box.active:after { border-top-color: #4066b3; } .zas-antrag-header-boxes .zas-antrag-header-box .number { font-size: 60px; line-height: 60px; opacity: 0.5; } @media (max-width: 1198px) { .zas-antrag-header-boxes .zas-antrag-header-box .heading.heading-persoenliche-daten { vertical-align: bottom; } } .zas-antrag-header-boxes .zas-antrag-header-box .status { color: #039; } .zas-antrag-header-box-mobile { background-color: #dadada; color: #8e8e8e; font-weight: normal; font-size: 24px; line-height: 30px; height: 110px; } .zas-antrag-header-box-mobile:after { background-color: #fff; } .zas-antrag-header-box-mobile.active { background-color: #4066b3; color: #fff; } .zas-antrag-header-box-mobile.accessible { background-color: #bfbfbf; color: #fff; } .zas-antrag-header-box-mobile .number { font-size: 60px; line-height: 60px; opacity: 0.5; position: relative; top: 15px; } .zas-antrag-header-box-mobile .heading { height: auto; vertical-align: middle; width: calc(100% - 135px); white-space: normal; } .zas-antrag-header-box-mobile .status { vertical-align: sub; color: #039; } .zas-antrag-body .zas-kunde-abschluss { font-size: 100px; color: #00bfb3; border: 2px solid #00bfb3; border-radius: 100%; } /* Accordion */ .zas-accordion-wrapper { background-color: #f3f3f3; } .zas-accordion-wrapper .zas-accordion-header { background-color: #bfbfbf; color: #006; } .zas-accordion-wrapper .zas-accordion-header.zas-accordion-open { background-color: #4066b3; color: #fff; } @media (max-width: 800px) { .zas-accordion-wrapper .zas-accordion-header.zas-headline-2 { font-size: 18px; } } /* Modal */ .modal-dialog { margin-left: auto; margin-right: auto; } .modal-dialog .modal-content { border-radius: 0; } .modal-backdrop { background-color: #fff; } /* Save Modal */ .zas-modal { border-color: #4066b3; background-color: #f3f3f3; } .zas-modal .window-bar { font-size: 30px; line-height: 30px; background-color: #e6e6e6; } .zas-modal .zas-modal-tabs .save-tab, .zas-modal .zas-modal-tabs .login-tab { color: #fff; background-color: #039; font-size: 16px; line-height: 20px; } .zas-modal .zas-modal-tabs .save-tab.active, .zas-modal .zas-modal-tabs .login-tab.active { color: #8e8e8e; background-color: inherit; } .zas-modal .zas-modal-tabs .load-tab { padding-top: 10px; } .zas-modal-hunderassen { display: inline-block; margin-left: 25px; margin-right: 25px; } /* STEP NAVIGATION */ .step { border-color: #e6e6e6; } .step div { font-size: 16px; line-height: 50px; color: #fff; } .step div:after { box-shadow: 2px -2px 0 1px #cdcdcd, 2px -2px 0 1px #cdcdcd; } /* TYPEAHEAD POP-UP */ .dropdown-menu { color: #000; } .zas-custom-popup-wrapper { border-bottom: 7px solid #4066b3; } .zas-custom-popup-wrapper > .dropdown-menu { background-color: #fff; border-color: #4066b3; } /* ZAS INPUT */ .zas-leistungsuebersicht-header { font-weight: normal; font-size: 18px; color: #006; } @media (max-width: 800px) { .zas-leistungsuebersicht-header { color: #4066b3; } } .zas-input-group { border-color: #bcbcbc; background-color: #f3f3f3; } @media (max-width: 800px) { .zas-input-group:after { background: #bcbcbc; } } .zas-input-group .zas-header { font-weight: normal; font-size: 18px; color: #006; } @media (max-width: 800px) { .zas-input-group .zas-header { color: #4066b3; } } .zas-input-group .zas-row { color: #3e3e3e; } .zas-input-line-group .zas-input-line .zas-input-line-label { color: #3e3e3e; font-size: 14px; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-label { font-family: 'Frutiger LT W04_65 Bold'; } } .zas-input-line-group .zas-input-line .zas-input-line-input { color: #3e3e3e; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-input { font-family: 'Frutiger LT W04_65 Bold'; } } .zas-input-line-group .zas-input-line .zas-input-line-price { color: #006; font-size: 14px; } .zas-input-line-group .zas-input-line .zas-input-line-price .zas-input-line-price-not-included { color: #8e8e8e; } .zas-input-line-group .zas-input-line .zas-input-line-info { color: #4066b3; } @media (max-width: 800px) { .zas-input-line-group .zas-input-line .zas-input-line-info { float: right; } } .zas-input-line-group .zas-input-line .zas-input-line-validity { font-size: 23px; } .zas-input-line-group .zas-input-line .zas-input-line-validity .valid { color: #006; } .zas-input-line-group .zas-input-line .zas-input-line-validity .invalid { color: #ea635c; } .zas-input-line-group .zas-input-line .zas-input-line-validity .not-included { color: #bfbfbf; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-header-title .subtitle { font-weight: normal; font-size: 12px; color: #8f8f8f; line-height: 20px; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-header-title .title { font-family: 'Frutiger LT W04_65 Bold'; font-size: 14px; color: #8f8f8f; line-height: 20px; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-header-close { font-weight: normal; font-size: 12px; color: #8f8f8f; line-height: 20px; } .zas-input-line-group .zas-input-line-info-box-container .zas-input-line-info-box .info-box-text { font-weight: normal; font-size: 14px; color: #8f8f8f; line-height: 20px; } /* INFO */ .zas-info-directive-wrapper { margin-right: 2px; } .zas-info-directive { width: 16px; } .zas-info-directive .dropdown-toggle span { cursor: pointer; border-bottom: 2px dotted #fff; } .zas-info-directive .dropdown-menu { border-radius: 0; border-bottom: 7px solid #4066b3; border-top: 0; border-left: 0; border-right: 0; } .zas-info-directive .downward-arrow { border-top-color: #4066b3; } .zas-info-directive .close { position: absolute; top: 16px; right: 16px; font-size: 20px; font-weight: bold; color: #4066b3; } .zas-info-directive .close:hover { color: #006; } .zas-info-directive .headline { padding-bottom: 20px; font-size: 20px; color: #039; } .zas-info-directive .body { color: #3e3e3e; } .zas-info-directive .body .balance-value { font-size: large; text-align: center; padding-bottom: 10px; } .zas-info-directive .body .balance-info { text-align: left; font-size: small; } .dropup .dropdown-toggle .icon-info { color: #4066b3; } .input-group-addon { vertical-align: middle; background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; /* font-family: "Frutiger", roman, sans-serif; */ font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.8; color: #3e3e3e; /* (B75) */ /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .input-group-addon-icon { color: #039; font-size: 19px; } /* GENERAL THINGS */ h1, h2, h3, h4, h5 { color: #8e8e8e; } @media (max-width: 768px) { h1 { font-size: 28px; } } @media (min-width: 769px) { h1 { font-size: 36px; } } h3 { background-color: #fff; border-color: #cdcdcd; } hr { border-color: #dadada; } /* BREADCRUMBS */ .zas-breadcrumbs-container { background: #fff; line-height: 18px; } .zas-breadcrumbs-container .zas-breadcrumbs { font-size: 12px; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb { color: #4066b3; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb:before { font-family: 'zurich-icons'; content: "\E62B"; color: #8e8e8e; } .zas-breadcrumbs-container .zas-breadcrumbs .zas-breadcrumb:last-child { color: #8e8e8e; } /* NOTES */ .error-note { font-size: 14px; color: #fff; background: #ea635c; } .error-note:after { border-bottom-color: #ea635c; } .error-note span { color: #fff; } .star-required { color: #4066b3; font-size: 14px; } input[type="checkbox"] + label, input[type="checkbox"]:checked + label, input[type="checkbox"][disabled] + label, input[type="checkbox"][disabled]:checked + label { display: block; } /* Immo-RS input line wide enough */ @media (min-width: 801px) { .zas-immobilien-input-line .zas-input-line-group .zas-input-line .zas-input-line-input { display: -webkit-inline-box; } } @media (min-width: 801px) and (min-width: 1151px) { .zas-immobilien-input-line-narrow .zas-input-line-group .zas-input-line .zas-input-line-input { display: -webkit-inline-box; } } /* Adding and removing people icons */ .zas-adding-people-icon, .zas-removing-people-icon { font-family: FontAwesome; color: #006; } .zas-adding-people-icon:before { content: "\F234"; } .zas-removing-people-icon:before { content: "\F235"; } .zas-kunde-version { left: 70vw; } .zas-kunde-version-auswahl { left: 86vw; } </style> <body marginwidth="0" marginheight="0" style="min-height: 375px;"> <!-- ngIf: app.getMandant().isDaDirekt() --> <!-- uiView: banner --><div ui-view="banner" class="ng-scope"> <div class="ng-scope"> <form zas-form="" name="banner" ng-submit="bannerCtrl.jetzBerechnen(); bannerCtrl.setSubmitted(); banner.$valid && !banner.$pending && bannerCtrl.calculateAllPackagesAndStartWatchers(); app.actions.openContent(banner.$valid && !banner.$pending)" class="ng-pristine ng-valid-zas-min ng-valid-zas-max ng-invalid ng-invalid-zas-required ng-valid-maxlength ng-valid-zas-pattern ng-valid-zas-pattern-other-country"> <div class="banner-wrapper"> <div class="banner"> <div class="banner-left"> <span class="icon-calculator"></span> </div> <div class="banner-right"> <zas-banner parent-ctrl="bannerCtrl" parent-form="banner" class="ng-isolate-scope"> <div class="banner-content"> <div class="banner-heading zas-headline-3"> Nur zwei Zahlen bis zu Ihrem Angebot: </div> <div class="zas-header-ber-fragen"> <span class="zas-label zas-headline-3 black-93"> Meine Wohn-/Bürofläche </span> <span class="zas-label zas-headline-3 black-93"> beträgt <div class="inline-block"> <span class="input"> <div type="number" name="quadratmeter" rule-set="hausrat" instance-id="0" form-object="bannerCompCtrl.parentForm" is-input-line="true" class="zas-headline-1 width-col-5 ng-isolate-scope" ng-model-path="bannerCompCtrl.parentCtrl.daten.tarifierung" unit="qm" pre-decimal="3" post-decimal="0" precision="0" round="1"> <!-- ngIf: keepDomNode || (hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex))) --><div ng-if="keepDomNode || (hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)))" ng-class="{'has-error': formObject[nameInForm].$invalid && (formObject[nameInForm].$touched || formObject.$submitted), 'has-info': formObject[nameInForm].$valid && formObject[nameInForm].zasHints}" class="ng-scope"> <div ng-show="!keepDomNode || (hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)))"> <!-- Label --> <!-- ngIf: ::!isInputLine --> <!-- Number-Input --> <div class="input-group" ng-show="(hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex))"> <input type="text" class="form-control ng-pristine ng-untouched ng-empty ng-valid-zas-min ng-valid-zas-max ng-invalid ng-invalid-zas-required ng-valid-maxlength input-with-unit" ng-class="{'input-with-unit': unit, 'input-without-unit': !unit}" id="quadratmeter" name="quadratmeter" ng-model="ngModelPath[ngModelName].$modelValue" ng-model-options="{allowInvalid: true}" model-path="ngModelPath" model-name="ngModelName" zas-input-field="" zas-allowed-inputs="" ng-focus="setFocus()" ng-blur="setBlur()" allowed-inputs="allowedInputs" rule-set="hausrat" rule-name="quadratmeter" instance-id="0" collection-index="" zas-number="" precision="0" round="1" pre-decimal="3" post-decimal="0" disable-rounding-hint="" use-plus-or-minus="" no-filter="" placeholder="" ng-change="ngChange()" ng-keypress="ngKeypress($event)" unit="qm" autocomplete="off" maxlength="" dependency-suffix="" ng-disabled="formObject[nameInForm].locked || formObject[nameInForm].lockedByState || ngDisabled() || (hideMode === 'disable' && !(rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)))"> <!-- ngIf: ::unit --><span class="input-group-addon ng-binding ng-scope" ng-if="::unit" ng-bind="::unit">qm</span><!-- end ngIf: ::unit --> </div> <div class="error-note-wrapper ng-isolate-scope" id="error" name="quadratmeter" rule-name="quadratmeter" rule-set="hausrat" form="formObject" collection-index="" show-when-invalid="" instance-id="0" ignored-validators="ignoredValidators" style="max-width: 80px; width: 80px;"> <span class="error-note ng-hide ng-binding" ng-show="mustShow()" ng-bind-html="getMessage(instanceId, null, collectionIndex)" style="max-height: 62px; overflow-y: auto; min-width: 200px; max-width: 80px; width: 80px; left: -60px;">Bitte geben Sie die Wohnfläche in Ziffern ein.</span> <span class="error-note ng-hide" ng-show="isCapsLockActivated()" style="max-height: 62px; overflow-y: auto; min-width: 200px; max-width: 80px; width: 80px; left: -60px;">Umschalttaste aktiv!</span> </div> <!-- ngIf: ::!isInputLine --> </div> </div><!-- end ngIf: keepDomNode || (hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex))) --> </div> </span> <span class="zas-label zas-headline-3 black-93"> . </span> </div> </span> <br class="display-block-on-mobile"> <span class="zas-label zas-headline-3 black-93"> Meine Postleitzahl </span> <span class="zas-label zas-headline-3 black-93" style="white-space:nowrap"> lautet <div class="inline-block black-93"> <span class="adresse-max-width" style="white-space:normal"> <span class="input ng-scope" ng-controller="AdressePlzInputController as plzInputCtrl" ng-init="plzInputCtrl.init(bannerCompCtrl.parentCtrl.daten.tarifierung.risikoOrt.adresse, bannerCompCtrl.parentForm, 'plz')"> <div type="text" name="plz" class="zas-headline-1 width-col-7 ng-isolate-scope" rule-set="hausrat" instance-id="0" form-object="bannerCompCtrl.parentForm" is-input-line="true" change-expression="plzInputCtrl.processPlzChange()" ng-model-path="bannerCompCtrl.parentCtrl.daten.tarifierung.risikoOrt.adresse"> <!-- ngIf: keepDomNode || !(withCheckbox && !checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)) && ((hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)))) --><div ng-if="keepDomNode || !(withCheckbox && !checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)) && ((hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex))))" ng-class="{'has-error': formObject[nameInForm].$invalid && (formObject[nameInForm].$touched || formObject.$submitted), 'has-info': formObject[nameInForm].$valid && formObject[nameInForm].zasHints}" class="ng-scope"> <div ng-show="!keepDomNode || !(withCheckbox && !checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)) && ((hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex))))"> <!-- Label --> <!-- ngIf: ::!isInputLine --> <!-- Text --> <!-- ngIf: (hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) --><div class="input-group ng-scope" ng-if="(hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex))"> <input type="text" class="form-control ng-pristine ng-untouched ng-empty ng-valid-zas-pattern ng-valid-zas-pattern-other-country ng-invalid ng-invalid-zas-required ng-valid-maxlength" ng-class="{'input-with-unit': unit}" id="plz" name="plz" model-path="ngModelPath" model-name="ngModelName" ng-model="ngModelPath[ngModelName].$modelValue" ng-model-options="::modelOptions" zas-input-field="" zas-allowed-inputs="" ng-focus="setFocus()" ng-blur="setBlur()" allowed-inputs="allowedInputs" rule-set="hausrat" rule-name="plz" instance-id="0" collection-index="" placeholder="" ng-change="ngChange()" ng-keypress="ngKeypress($event)" prevent-ctrl-v="" autocomplete="off" maxlength="" dependency-suffix="" ng-disabled="formObject[nameInForm].locked || formObject[nameInForm].lockedByState || ngDisabled() || (hideMode === 'disable' && !(rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)))"> <!-- ngIf: ::unit --> <!-- ngIf: ::!unit --><span ng-if="::!unit" style="position: absolute; top: 12px; right: 10px; z-index: 100; color: #555;" ng-show="formObject[nameInForm].$pending" class="icon-loop spinning ng-scope ng-hide"> </span><!-- end ngIf: ::!unit --> </div><!-- end ngIf: (hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) --> <div class="error-note-wrapper ng-isolate-scope" id="error" name="plz" rule-name="plz" rule-set="hausrat" collection-index="" form="formObject" show-when-invalid="" instance-id="0" ignored-validators="ignoredValidators" style="max-width: 176px; width: 176px;"> <span class="error-note ng-hide ng-binding" ng-show="mustShow()" ng-bind-html="getMessage(instanceId, null, collectionIndex)" style="max-height: 62px; overflow-y: auto; min-width: 200px; max-width: 176px; width: 176px; left: -12px;">Bitte füllen Sie das rot markierte Feld aus!</span> <span class="error-note ng-hide" ng-show="isCapsLockActivated()" style="max-height: 62px; overflow-y: auto; min-width: 200px; max-width: 176px; width: 176px; left: -12px;">Umschalttaste aktiv!</span> </div> <!-- ngIf: ::!isInputLine && !disableHints --> </div> </div><!-- end ngIf: keepDomNode || !(withCheckbox && !checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)) && ((hideMode !== 'remove') || (rule.relevancy === undefined || rule.relevancy.isRelevant(instanceId, null, collectionIndex)) || (withCheckbox && (checkboxRule.relevancy === undefined || checkboxRule.relevancy.isRelevant(instanceId, null, collectionIndex)))) --> </div> </span> </span> </div> </span> <span class="zas-label zas-headline-3 black-93"> . </span> </div> <div ng-init="bannerCompCtrl.parentCtrl.bannerContentLoaded()"></div> </div> </zas-banner> <div class="banner-button"> <div class="button-group"> <button type="submit" ng-disabled="banner.$pending || app.lockedByState()" class="zas-button-orange"> <span class="icon-cta"></span> Jetzt Angebot berechnen </button> </div> </div> </div> </div> </div> </form> </div> </div> <!-- uiView: content --><div ui-view="content" class="ng-scope"></div> <zas-scroll-to-top-button><!-- ngIf: showScrollToTopButton --></zas-scroll-to-top-button> <script type="text/javascript" src="/kunde/polyfill.bundle-ec245eb0cbf9befa5759.js"></script> <script type="text/javascript" src="/kunde/vendors~kunde.bundle-a968d9bbb7b54bd1ec46.js"></script> <script type="text/javascript" src="/kunde/kunde.bundle-f2f4993943d4654bdff1.js"></script> <script src="https://tags.tiqcdn.com/utag/zurich-group/1-preload-zwp/prod/utag.js"></script> </body> </html>